@stll/folio-vue 0.2.0 → 0.3.0

package/dist/TablePropertiesDialog-B399kZgL.js

@@ -0,0 +1,901 @@
+import { E as e, S as t, u as n } from "./PageSetupDialog-Djs8aW5A.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, reactive as m, ref as h, renderList as g, toDisplayString as _, unref as v, vModelRadio as y, vModelSelect as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+//#region src/components/tableStylePresets.ts
+var D = (e) => ({
+	style: "single",
+	size: 4,
+	color: { rgb: e }
+}), O = [
+	{
+		id: "TableNormal",
+		name: "Normal Table",
+		look: {
+			firstRow: !1,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		}
+	},
+	{
+		id: "TableGrid",
+		name: "Table Grid",
+		tableBorders: {
+			top: D("000000"),
+			bottom: D("000000"),
+			left: D("000000"),
+			right: D("000000"),
+			insideH: D("000000"),
+			insideV: D("000000")
+		},
+		look: {
+			firstRow: !1,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		}
+	},
+	{
+		id: "TableGridLight",
+		name: "Grid Table Light",
+		tableBorders: {
+			top: D("BFBFBF"),
+			bottom: D("BFBFBF"),
+			left: D("BFBFBF"),
+			right: D("BFBFBF"),
+			insideH: D("BFBFBF"),
+			insideV: D("BFBFBF")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		},
+		conditionals: { firstRow: {
+			bold: !0,
+			borders: { bottom: D("000000") }
+		} }
+	},
+	{
+		id: "PlainTable1",
+		name: "Plain Table 1",
+		tableBorders: {
+			top: D("BFBFBF"),
+			bottom: D("BFBFBF"),
+			insideH: D("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: D("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: D("B4C6E7"),
+			bottom: D("B4C6E7"),
+			left: D("B4C6E7"),
+			right: D("B4C6E7"),
+			insideH: D("B4C6E7"),
+			insideV: D("B4C6E7")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !0,
+			noVBand: !0
+		},
+		conditionals: { firstRow: {
+			bold: !0,
+			borders: { bottom: D("4472C4") }
+		} }
+	},
+	{
+		id: "GridTable4-Accent1",
+		name: "Grid Table 4 Accent 1",
+		tableBorders: {
+			top: D("4472C4"),
+			bottom: D("4472C4"),
+			left: D("4472C4"),
+			right: D("4472C4"),
+			insideH: D("4472C4"),
+			insideV: D("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: D("FFFFFF"),
+			bottom: D("FFFFFF"),
+			left: D("FFFFFF"),
+			right: D("FFFFFF"),
+			insideH: D("FFFFFF"),
+			insideV: D("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: D("ED7D31"),
+			bottom: D("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: D("A5A5A5"),
+			bottom: D("A5A5A5"),
+			insideH: D("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: D("5B9BD5"),
+			bottom: D("5B9BD5"),
+			left: D("5B9BD5"),
+			right: D("5B9BD5"),
+			insideH: D("5B9BD5"),
+			insideV: D("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: D("70AD47"),
+			bottom: D("70AD47"),
+			left: D("70AD47"),
+			right: D("70AD47"),
+			insideH: D("70AD47"),
+			insideV: D("70AD47")
+		},
+		look: {
+			firstRow: !0,
+			lastRow: !1,
+			noHBand: !1,
+			noVBand: !0
+		},
+		conditionals: {
+			firstRow: {
+				bold: !0,
+				color: "#FFFFFF",
+				backgroundColor: "#70AD47"
+			},
+			band1Horz: { backgroundColor: "#E2EFDA" }
+		}
+	}
+], k = {
+	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"
+}, A = 4, j = 3;
+function M(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 N(e, t, n, r) {
+	return M(e === void 0 ? t ? n ?? r : r : e);
+}
+function P(e, t = A, n = j) {
+	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: N(h?.top, e > 0, a?.insideH, a?.top),
+				borderBottom: N(h?.bottom, e < t - 1, a?.insideH, a?.bottom),
+				borderLeft: N(h?.left, s > 0, a?.insideV, a?.left),
+				borderRight: N(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 F = { class: "tsg" }, I = { class: "tsg__grid" }, L = ["title", "onMousedown"], ee = { class: "tsg__preview" }, te = { class: "tsg__name" }, R = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "TableStyleGallery",
+	props: { currentStyleId: {} },
+	emits: ["apply"],
+	setup(e) {
+		let { t: n } = t(), i = O;
+		function a(e) {
+			let t = k[e.id];
+			return t ? n(t) : e.name;
+		}
+		return (t, n) => (p(), s("div", F, [c("div", I, [(p(!0), s(r, null, g(v(i), (n) => (p(), s("button", {
+			key: n.id,
+			class: d(["tsg__item", { "tsg__item--selected": e.currentStyleId === n.id }]),
+			title: a(n),
+			onMousedown: E((e) => t.$emit("apply", n.id), ["prevent"])
+		}, [c("div", ee, [(p(!0), s(r, null, g(v(P)(n), (e, t) => (p(), s("div", {
+			key: t,
+			class: "tsg__cell",
+			style: f(e)
+		}, null, 4))), 128))]), c("span", te, _(a(n)), 1)], 42, L))), 128))])]));
+	}
+}), [["__scopeId", "data-v-a2d658b3"]]), ne = { class: "fnpd-dialog__header" }, re = { class: "fnpd-dialog__body" }, ie = { class: "fnpd-fieldset" }, ae = { class: "fnpd-legend" }, oe = { class: "fnpd-row" }, z = { class: "fnpd-label" }, B = { value: "pageBottom" }, V = { value: "beneathText" }, H = { class: "fnpd-row" }, U = { class: "fnpd-label" }, W = ["value"], G = { class: "fnpd-row" }, K = { class: "fnpd-label" }, q = { class: "fnpd-row" }, se = { class: "fnpd-label" }, ce = { value: "continuous" }, le = { value: "eachSect" }, ue = { value: "eachPage" }, de = { class: "fnpd-fieldset" }, fe = { class: "fnpd-legend" }, pe = { class: "fnpd-row" }, me = { class: "fnpd-label" }, he = { value: "docEnd" }, ge = { value: "sectEnd" }, _e = { class: "fnpd-row" }, ve = { class: "fnpd-label" }, ye = ["value"], be = { class: "fnpd-row" }, xe = { class: "fnpd-label" }, Se = { class: "fnpd-row" }, Ce = { class: "fnpd-label" }, we = { value: "continuous" }, Te = { value: "eachSect" }, Ee = { class: "fnpd-dialog__footer" }, De = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "FootnotePropertiesDialog",
+	props: {
+		isOpen: { type: Boolean },
+		footnotePr: {},
+		endnotePr: {}
+	},
+	emits: ["close", "apply"],
+	setup(e, { emit: o }) {
+		let { t: l } = t(), { Dialog: u } = n(), d = e, f = o, m = i(() => [
+			{
+				value: "decimal",
+				label: l("dialogs.footnoteProperties.formats.decimal")
+			},
+			{
+				value: "lowerLetter",
+				label: l("dialogs.footnoteProperties.formats.lowerAlpha")
+			},
+			{
+				value: "upperLetter",
+				label: l("dialogs.footnoteProperties.formats.upperAlpha")
+			},
+			{
+				value: "lowerRoman",
+				label: l("dialogs.footnoteProperties.formats.lowerRoman")
+			},
+			{
+				value: "upperRoman",
+				label: l("dialogs.footnoteProperties.formats.upperRoman")
+			},
+			{
+				value: "chicago",
+				label: l("dialogs.footnoteProperties.formats.symbols")
+			}
+		]), y = h("pageBottom"), T = h("decimal"), E = h(1), D = h("continuous"), O = h("docEnd"), k = h("lowerRoman"), A = h(1), j = h("continuous");
+		S(() => d.isOpen, (e) => {
+			e && (y.value = d.footnotePr?.position ?? "pageBottom", T.value = d.footnotePr?.numFmt ?? "decimal", E.value = d.footnotePr?.numStart ?? 1, D.value = d.footnotePr?.numRestart ?? "continuous", O.value = d.endnotePr?.position ?? "docEnd", k.value = d.endnotePr?.numFmt ?? "lowerRoman", A.value = d.endnotePr?.numStart ?? 1, j.value = d.endnotePr?.numRestart ?? "continuous");
+		});
+		function M() {
+			f("apply", {
+				position: y.value,
+				numFmt: T.value,
+				numStart: E.value,
+				numRestart: D.value
+			}, {
+				position: O.value,
+				numFmt: k.value,
+				numStart: A.value,
+				numRestart: j.value
+			}), f("close");
+		}
+		return (t, n) => (p(), a(v(u), {
+			open: e.isOpen,
+			"aria-label": v(l)("dialogs.footnoteProperties.title"),
+			style: {
+				width: "440px",
+				maxWidth: "90vw"
+			},
+			onClose: n[9] ||= (e) => t.$emit("close")
+		}, {
+			default: C(() => [
+				c("div", ne, _(v(l)("dialogs.footnoteProperties.title")), 1),
+				c("div", re, [c("fieldset", ie, [
+					c("legend", ae, _(v(l)("dialogs.footnoteProperties.footnotes")), 1),
+					c("div", oe, [c("label", z, _(v(l)("dialogs.footnoteProperties.position")), 1), w(c("select", {
+						"onUpdate:modelValue": n[0] ||= (e) => y.value = e,
+						class: "fnpd-select"
+					}, [c("option", B, _(v(l)("dialogs.footnoteProperties.footnotePositions.bottomOfPage")), 1), c("option", V, _(v(l)("dialogs.footnoteProperties.footnotePositions.belowText")), 1)], 512), [[b, y.value]])]),
+					c("div", H, [c("label", U, _(v(l)("dialogs.footnoteProperties.numberFormat")), 1), w(c("select", {
+						"onUpdate:modelValue": n[1] ||= (e) => T.value = e,
+						class: "fnpd-select"
+					}, [(p(!0), s(r, null, g(m.value, (e) => (p(), s("option", {
+						key: e.value,
+						value: e.value
+					}, _(e.label), 9, W))), 128))], 512), [[b, T.value]])]),
+					c("div", G, [c("label", K, _(v(l)("dialogs.footnoteProperties.startAt")), 1), w(c("input", {
+						"onUpdate:modelValue": n[2] ||= (e) => E.value = e,
+						type: "number",
+						class: "fnpd-input",
+						min: "1"
+					}, null, 512), [[
+						x,
+						E.value,
+						void 0,
+						{ number: !0 }
+					]])]),
+					c("div", q, [c("label", se, _(v(l)("dialogs.footnoteProperties.numbering")), 1), w(c("select", {
+						"onUpdate:modelValue": n[3] ||= (e) => D.value = e,
+						class: "fnpd-select"
+					}, [
+						c("option", ce, _(v(l)("dialogs.footnoteProperties.numberingOptions.continuous")), 1),
+						c("option", le, _(v(l)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1),
+						c("option", ue, _(v(l)("dialogs.footnoteProperties.numberingOptions.restartPage")), 1)
+					], 512), [[b, D.value]])])
+				]), c("fieldset", de, [
+					c("legend", fe, _(v(l)("dialogs.footnoteProperties.endnotes")), 1),
+					c("div", pe, [c("label", me, _(v(l)("dialogs.footnoteProperties.position")), 1), w(c("select", {
+						"onUpdate:modelValue": n[4] ||= (e) => O.value = e,
+						class: "fnpd-select"
+					}, [c("option", he, _(v(l)("dialogs.footnoteProperties.endnotePositions.endOfDocument")), 1), c("option", ge, _(v(l)("dialogs.footnoteProperties.endnotePositions.endOfSection")), 1)], 512), [[b, O.value]])]),
+					c("div", _e, [c("label", ve, _(v(l)("dialogs.footnoteProperties.numberFormat")), 1), w(c("select", {
+						"onUpdate:modelValue": n[5] ||= (e) => k.value = e,
+						class: "fnpd-select"
+					}, [(p(!0), s(r, null, g(m.value, (e) => (p(), s("option", {
+						key: e.value,
+						value: e.value
+					}, _(e.label), 9, ye))), 128))], 512), [[b, k.value]])]),
+					c("div", be, [c("label", xe, _(v(l)("dialogs.footnoteProperties.startAt")), 1), w(c("input", {
+						"onUpdate:modelValue": n[6] ||= (e) => A.value = e,
+						type: "number",
+						class: "fnpd-input",
+						min: "1"
+					}, null, 512), [[
+						x,
+						A.value,
+						void 0,
+						{ number: !0 }
+					]])]),
+					c("div", Se, [c("label", Ce, _(v(l)("dialogs.footnoteProperties.numbering")), 1), w(c("select", {
+						"onUpdate:modelValue": n[7] ||= (e) => j.value = e,
+						class: "fnpd-select"
+					}, [c("option", we, _(v(l)("dialogs.footnoteProperties.numberingOptions.continuous")), 1), c("option", Te, _(v(l)("dialogs.footnoteProperties.numberingOptions.restartSection")), 1)], 512), [[b, j.value]])])
+				])]),
+				c("div", Ee, [c("button", {
+					class: "fnpd-btn",
+					onClick: n[8] ||= (e) => t.$emit("close")
+				}, _(v(l)("common.cancel")), 1), c("button", {
+					class: "fnpd-btn fnpd-btn--primary",
+					onClick: M
+				}, _(v(l)("common.apply")), 1)])
+			]),
+			_: 1
+		}, 8, ["open", "aria-label"]));
+	}
+}), [["__scopeId", "data-v-2d896d01"]]), Oe = { class: "ipd-dialog__header" }, ke = { class: "ipd-dialog__body" }, Ae = { class: "ipd-fieldset" }, je = { class: "ipd-legend" }, Me = { class: "ipd-row" }, Ne = { value: "align" }, Pe = { value: "offset" }, Fe = {
+	key: 0,
+	class: "ipd-row"
+}, Ie = { class: "ipd-label" }, Le = { value: "left" }, Re = { value: "center" }, ze = { value: "right" }, Be = {
+	key: 1,
+	class: "ipd-row"
+}, Ve = { class: "ipd-label" }, He = { class: "ipd-row" }, Ue = { class: "ipd-label" }, We = { value: "page" }, Ge = { value: "column" }, Ke = { value: "margin" }, qe = { value: "character" }, Je = { class: "ipd-fieldset" }, Ye = { class: "ipd-legend" }, Xe = { class: "ipd-row" }, Ze = { value: "align" }, Qe = { value: "offset" }, $e = {
+	key: 0,
+	class: "ipd-row"
+}, et = { class: "ipd-label" }, tt = { value: "top" }, nt = { value: "center" }, rt = { value: "bottom" }, it = {
+	key: 1,
+	class: "ipd-row"
+}, at = { class: "ipd-label" }, ot = { class: "ipd-row" }, st = { class: "ipd-label" }, ct = { value: "page" }, lt = { value: "margin" }, ut = { value: "paragraph" }, dt = { value: "line" }, ft = { class: "ipd-fieldset" }, pt = { class: "ipd-row" }, mt = { class: "ipd-label" }, ht = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, gt = { class: "ipd-row" }, _t = { class: "ipd-label" }, vt = {
+	class: "ipd-label",
+	style: { width: "60px" }
+}, yt = { class: "ipd-dialog__footer" }, bt = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "ImagePositionDialog",
+	props: {
+		isOpen: { type: Boolean },
+		currentData: {}
+	},
+	emits: ["close", "apply"],
+	setup(e, { emit: r }) {
+		let { t: i } = t(), { Dialog: o } = n(), l = e, u = r, d = h("align"), f = h("left"), m = h(0), g = h("column"), y = h("align"), T = h("top"), E = h(0), D = h("paragraph"), O = h(0), k = h(0), A = h(0), j = h(0);
+		S(() => l.isOpen, (e) => {
+			if (!e) return;
+			let t = l.currentData;
+			t?.horizontal?.align ? (d.value = "align", f.value = t.horizontal.align) : t?.horizontal?.posOffset != null && (d.value = "offset", m.value = t.horizontal.posOffset), g.value = t?.horizontal?.relativeTo ?? "column", t?.vertical?.align ? (y.value = "align", T.value = t.vertical.align) : t?.vertical?.posOffset != null && (y.value = "offset", E.value = t.vertical.posOffset), D.value = t?.vertical?.relativeTo ?? "paragraph", O.value = t?.distTop ?? 0, k.value = t?.distBottom ?? 0, A.value = t?.distLeft ?? 0, j.value = t?.distRight ?? 0;
+		});
+		function M() {
+			u("apply", {
+				horizontal: {
+					relativeTo: g.value,
+					...d.value === "align" ? { align: f.value } : { posOffset: m.value }
+				},
+				vertical: {
+					relativeTo: D.value,
+					...y.value === "align" ? { align: T.value } : { posOffset: E.value }
+				},
+				distTop: O.value,
+				distBottom: k.value,
+				distLeft: A.value,
+				distRight: j.value
+			}), u("close");
+		}
+		return (t, n) => (p(), a(v(o), {
+			open: e.isOpen,
+			"aria-label": v(i)("dialogs.imagePosition.title"),
+			style: {
+				width: "420px",
+				maxWidth: "90vw"
+			},
+			onClose: n[13] ||= (e) => t.$emit("close")
+		}, {
+			default: C(() => [
+				c("div", Oe, _(v(i)("dialogs.imagePosition.title")), 1),
+				c("div", ke, [
+					c("fieldset", Ae, [
+						c("legend", je, _(v(i)("dialogs.imagePosition.horizontal")), 1),
+						c("div", Me, [n[14] ||= c("label", { class: "ipd-label" }, "Mode", -1), w(c("select", {
+							"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
+							class: "ipd-select"
+						}, [c("option", Ne, _(v(i)("dialogs.imagePosition.alignment")), 1), c("option", Pe, _(v(i)("dialogs.imagePosition.offset")), 1)], 512), [[b, d.value]])]),
+						d.value === "align" ? (p(), s("div", Fe, [c("label", Ie, _(v(i)("dialogs.imagePosition.align")), 1), w(c("select", {
+							"onUpdate:modelValue": n[1] ||= (e) => f.value = e,
+							class: "ipd-select"
+						}, [
+							c("option", Le, _(v(i)("dialogs.imagePosition.alignOptions.left")), 1),
+							c("option", Re, _(v(i)("dialogs.imagePosition.alignOptions.center")), 1),
+							c("option", ze, _(v(i)("dialogs.imagePosition.alignOptions.right")), 1)
+						], 512), [[b, f.value]])])) : (p(), s("div", Be, [c("label", Ve, _(v(i)("dialogs.imagePosition.offsetPx")), 1), w(c("input", {
+							"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
+							type: "number",
+							class: "ipd-input"
+						}, null, 512), [[
+							x,
+							m.value,
+							void 0,
+							{ number: !0 }
+						]])])),
+						c("div", He, [c("label", Ue, _(v(i)("dialogs.imagePosition.relativeTo")), 1), w(c("select", {
+							"onUpdate:modelValue": n[3] ||= (e) => g.value = e,
+							class: "ipd-select"
+						}, [
+							c("option", We, _(v(i)("dialogs.imagePosition.relativeOptions.page")), 1),
+							c("option", Ge, _(v(i)("dialogs.imagePosition.relativeOptions.column")), 1),
+							c("option", Ke, _(v(i)("dialogs.imagePosition.relativeOptions.margin")), 1),
+							c("option", qe, _(v(i)("dialogs.imagePosition.relativeOptions.character")), 1)
+						], 512), [[b, g.value]])])
+					]),
+					c("fieldset", Je, [
+						c("legend", Ye, _(v(i)("dialogs.imagePosition.vertical")), 1),
+						c("div", Xe, [n[15] ||= c("label", { class: "ipd-label" }, "Mode", -1), w(c("select", {
+							"onUpdate:modelValue": n[4] ||= (e) => y.value = e,
+							class: "ipd-select"
+						}, [c("option", Ze, _(v(i)("dialogs.imagePosition.alignment")), 1), c("option", Qe, _(v(i)("dialogs.imagePosition.offset")), 1)], 512), [[b, y.value]])]),
+						y.value === "align" ? (p(), s("div", $e, [c("label", et, _(v(i)("dialogs.imagePosition.align")), 1), w(c("select", {
+							"onUpdate:modelValue": n[5] ||= (e) => T.value = e,
+							class: "ipd-select"
+						}, [
+							c("option", tt, _(v(i)("dialogs.imagePosition.alignOptions.top")), 1),
+							c("option", nt, _(v(i)("dialogs.imagePosition.alignOptions.center")), 1),
+							c("option", rt, _(v(i)("dialogs.imagePosition.alignOptions.bottom")), 1)
+						], 512), [[b, T.value]])])) : (p(), s("div", it, [c("label", at, _(v(i)("dialogs.imagePosition.offsetPx")), 1), w(c("input", {
+							"onUpdate:modelValue": n[6] ||= (e) => E.value = e,
+							type: "number",
+							class: "ipd-input"
+						}, null, 512), [[
+							x,
+							E.value,
+							void 0,
+							{ number: !0 }
+						]])])),
+						c("div", ot, [c("label", st, _(v(i)("dialogs.imagePosition.relativeTo")), 1), w(c("select", {
+							"onUpdate:modelValue": n[7] ||= (e) => D.value = e,
+							class: "ipd-select"
+						}, [
+							c("option", ct, _(v(i)("dialogs.imagePosition.relativeOptions.page")), 1),
+							c("option", lt, _(v(i)("dialogs.imagePosition.relativeOptions.margin")), 1),
+							c("option", ut, _(v(i)("dialogs.imagePosition.relativeOptions.paragraph")), 1),
+							c("option", dt, _(v(i)("dialogs.imagePosition.relativeOptions.line")), 1)
+						], 512), [[b, D.value]])])
+					]),
+					c("fieldset", ft, [
+						n[16] ||= c("legend", { class: "ipd-legend" }, "Distance from text (px)", -1),
+						c("div", pt, [
+							c("label", mt, _(v(i)("dialogs.imagePosition.alignOptions.top")), 1),
+							w(c("input", {
+								"onUpdate:modelValue": n[8] ||= (e) => O.value = e,
+								type: "number",
+								class: "ipd-input",
+								min: "0"
+							}, null, 512), [[
+								x,
+								O.value,
+								void 0,
+								{ number: !0 }
+							]]),
+							c("label", ht, _(v(i)("dialogs.imagePosition.alignOptions.bottom")), 1),
+							w(c("input", {
+								"onUpdate:modelValue": n[9] ||= (e) => k.value = e,
+								type: "number",
+								class: "ipd-input",
+								min: "0"
+							}, null, 512), [[
+								x,
+								k.value,
+								void 0,
+								{ number: !0 }
+							]])
+						]),
+						c("div", gt, [
+							c("label", _t, _(v(i)("dialogs.imagePosition.alignOptions.left")), 1),
+							w(c("input", {
+								"onUpdate:modelValue": n[10] ||= (e) => A.value = e,
+								type: "number",
+								class: "ipd-input",
+								min: "0"
+							}, null, 512), [[
+								x,
+								A.value,
+								void 0,
+								{ number: !0 }
+							]]),
+							c("label", vt, _(v(i)("dialogs.imagePosition.alignOptions.right")), 1),
+							w(c("input", {
+								"onUpdate:modelValue": n[11] ||= (e) => j.value = e,
+								type: "number",
+								class: "ipd-input",
+								min: "0"
+							}, null, 512), [[
+								x,
+								j.value,
+								void 0,
+								{ number: !0 }
+							]])
+						])
+					])
+				]),
+				c("div", yt, [c("button", {
+					class: "ipd-btn",
+					onClick: n[12] ||= (e) => t.$emit("close")
+				}, _(v(i)("common.cancel")), 1), c("button", {
+					class: "ipd-btn ipd-btn--primary",
+					onClick: M
+				}, _(v(i)("common.apply")), 1)])
+			]),
+			_: 1
+		}, 8, ["open", "aria-label"]));
+	}
+}), [["__scopeId", "data-v-82d9e45f"]]), J = m({
+	rows: 3,
+	cols: 3
+}), xt = { class: "dialog__header" }, St = { class: "dialog__title" }, Ct = ["title"], wt = { class: "dialog__body" }, Tt = ["aria-label"], Et = ["onMouseenter", "onMousedown"], Dt = { class: "table-grid__label" }, Ot = { class: "dialog__separator" }, kt = { class: "table-manual" }, At = { class: "table-manual__field" }, jt = { class: "table-manual__field" }, Mt = { class: "table-options" }, Nt = { class: "table-options__radio" }, Pt = { class: "table-options__radio" }, Ft = { class: "dialog__separator" }, It = { class: "dialog__footer" }, Lt = ["disabled"], Rt = 8, zt = 10, Y = 1, X = 100, Z = 1, Q = 20, Bt = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "InsertTableDialog",
+	props: { isOpen: { type: Boolean } },
+	emits: ["close", "insert"],
+	setup(e, { emit: n }) {
+		let { t: a } = t(), u = e, f = n, m = h(0), b = h(0), C = h(J.rows), T = h(J.cols), D = h("fixed"), O = h(null);
+		S(() => u.isOpen, (e) => {
+			e && (C.value = J.rows, T.value = J.cols, m.value = 0, b.value = 0);
+		});
+		let k = i(() => Number.parseInt(String(C.value), 10)), A = i(() => Number.parseInt(String(T.value), 10)), j = i(() => Number.isFinite(k.value) && k.value >= Y && k.value <= X), M = i(() => Number.isFinite(A.value) && A.value >= Z && A.value <= Q), N = i(() => j.value && M.value);
+		function P() {
+			f("close");
+		}
+		function F(e, t) {
+			m.value = e, b.value = t, C.value = e, T.value = t;
+		}
+		function I(e) {
+			e.key === "Escape" ? P() : e.key === "Enter" && (e.preventDefault(), L());
+		}
+		function L() {
+			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, f("insert", {
+				rows: e,
+				cols: t,
+				autofit: D.value === "autofit",
+				styleId: O.value
+			}), P();
+		}
+		return (t, n) => e.isOpen ? (p(), s("div", {
+			key: 0,
+			class: "dialog-overlay",
+			onMousedown: E(P, ["self"])
+		}, [c("div", {
+			class: "dialog",
+			onMousedown: n[7] ||= E(() => {}, ["stop"]),
+			onKeydown: E(I, ["stop"])
+		}, [
+			c("div", xt, [c("span", St, _(v(a)("dialogs.insertTable.title")), 1), c("button", {
+				class: "dialog__close",
+				title: v(a)("common.closeDialog"),
+				onClick: P
+			}, "✕", 8, Ct)]),
+			c("div", wt, [
+				c("div", {
+					class: "table-grid",
+					"aria-label": v(a)("dialogs.insertTable.sizeSelector"),
+					onMouseleave: n[0] ||= (e) => {
+						m.value = 0, b.value = 0;
+					}
+				}, [(p(), s(r, null, g(Rt, (e) => c("div", {
+					key: e,
+					class: "table-grid__row"
+				}, [(p(), s(r, null, g(zt, (t) => c("div", {
+					key: t,
+					class: d(["table-grid__cell", { highlight: e <= m.value && t <= b.value }]),
+					onMouseenter: (n) => {
+						m.value = e, b.value = t;
+					},
+					onMousedown: E((n) => F(e, t), ["prevent"])
+				}, null, 42, Et)), 64))])), 64))], 40, Tt),
+				c("div", Dt, _(m.value > 0 ? v(a)("dialogs.insertTable.tableSize", {
+					cols: b.value,
+					rows: m.value
+				}) : v(a)("dialogs.insertTable.hoverToSelect")), 1),
+				c("div", Ot, [c("span", null, _(v(a)("dialogs.insertTable.orSpecifySize")), 1)]),
+				c("div", kt, [c("label", At, [c("span", null, _(v(a)("dialogs.insertTable.rowsLabel")), 1), w(c("input", {
+					"onUpdate:modelValue": n[1] ||= (e) => C.value = e,
+					type: "number",
+					min: Y,
+					max: X,
+					class: d(["table-manual__input", { "table-manual__input--invalid": !j.value }])
+				}, null, 2), [[x, C.value]])]), c("label", jt, [c("span", null, _(v(a)("dialogs.insertTable.columnsLabel")), 1), w(c("input", {
+					"onUpdate:modelValue": n[2] ||= (e) => T.value = e,
+					type: "number",
+					min: Z,
+					max: Q,
+					class: d(["table-manual__input", { "table-manual__input--invalid": !M.value }])
+				}, null, 2), [[x, T.value]])])]),
+				c("div", { class: d(["table-manual__hint", { "table-manual__hint--error": !N.value }]) }, _(v(a)("dialogs.insertTable.validationHint", {
+					minRows: Y,
+					maxRows: X,
+					minCols: Z,
+					maxCols: Q
+				})), 3),
+				c("fieldset", Mt, [
+					c("legend", null, _(v(a)("dialogs.insertTable.columnWidthLabel")), 1),
+					c("label", Nt, [w(c("input", {
+						type: "radio",
+						value: "fixed",
+						"onUpdate:modelValue": n[3] ||= (e) => D.value = e
+					}, null, 512), [[y, D.value]]), c("span", null, _(v(a)("dialogs.insertTable.fixedWidth")), 1)]),
+					c("label", Pt, [w(c("input", {
+						type: "radio",
+						value: "autofit",
+						"onUpdate:modelValue": n[4] ||= (e) => D.value = e
+					}, null, 512), [[y, D.value]]), c("span", null, _(v(a)("dialogs.insertTable.autofit")), 1)])
+				]),
+				c("div", Ft, [c("span", null, _(v(a)("dialogs.insertTable.style")), 1)]),
+				l(R, {
+					"current-style-id": O.value,
+					onApply: n[5] ||= (e) => O.value = e
+				}, null, 8, ["current-style-id"])
+			]),
+			c("div", It, [c("button", {
+				class: "dialog__btn",
+				onMousedown: E(P, ["prevent"])
+			}, _(v(a)("common.cancel")), 33), c("button", {
+				class: "dialog__btn dialog__btn--primary",
+				disabled: !N.value,
+				onMousedown: n[6] ||= E((e) => L(), ["prevent"])
+			}, _(v(a)("dialogs.insertTable.insertButton")), 41, Lt)])
+		], 32)], 32)) : o("", !0);
+	}
+}), [["__scopeId", "data-v-a366a209"]]), $ = { class: "tpd-dialog__header" }, Vt = { class: "tpd-dialog__body" }, Ht = { class: "tpd-row" }, Ut = { class: "tpd-label" }, Wt = { value: "auto" }, Gt = { value: "dxa" }, Kt = { value: "pct" }, qt = {
+	key: 0,
+	class: "tpd-row"
+}, Jt = { class: "tpd-label" }, Yt = ["step"], Xt = { class: "tpd-unit" }, Zt = { class: "tpd-row" }, Qt = { class: "tpd-label" }, $t = { value: "left" }, en = { value: "center" }, tn = { value: "right" }, nn = { class: "tpd-dialog__footer" }, rn = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "TablePropertiesDialog",
+	props: {
+		isOpen: { type: Boolean },
+		currentProps: {}
+	},
+	emits: ["close", "apply"],
+	setup(e, { emit: r }) {
+		let { t: i } = t(), { Dialog: l } = n(), u = e, d = r, f = h(0), m = h("auto"), g = h("left");
+		function y(e) {
+			return e === "center" || e === "right" ? e : "left";
+		}
+		S(() => u.isOpen, (e) => {
+			e && (f.value = u.currentProps?.width ?? 0, m.value = u.currentProps?.widthType ?? "auto", g.value = y(u.currentProps?.justification));
+		});
+		function E() {
+			d("apply", m.value === "auto" ? {
+				justification: g.value,
+				width: null,
+				widthType: "auto"
+			} : {
+				justification: g.value,
+				width: f.value,
+				widthType: m.value
+			}), d("close");
+		}
+		return (t, n) => (p(), a(v(l), {
+			open: e.isOpen,
+			"aria-label": v(i)("dialogs.tableProperties.title"),
+			style: {
+				minWidth: "360px",
+				maxWidth: "440px",
+				width: "100%"
+			},
+			onClose: n[4] ||= (e) => t.$emit("close"),
+			onKeydown: T(E, ["enter"])
+		}, {
+			default: C(() => [
+				c("div", $, _(v(i)("dialogs.tableProperties.title")), 1),
+				c("div", Vt, [
+					c("div", Ht, [c("label", Ut, _(v(i)("dialogs.tableProperties.widthType")), 1), w(c("select", {
+						"onUpdate:modelValue": n[0] ||= (e) => m.value = e,
+						class: "tpd-select"
+					}, [
+						c("option", Wt, _(v(i)("dialogs.tableProperties.widthTypes.auto")), 1),
+						c("option", Gt, _(v(i)("dialogs.tableProperties.widthTypes.fixed")), 1),
+						c("option", Kt, _(v(i)("dialogs.tableProperties.widthTypes.percentage")), 1)
+					], 512), [[b, m.value]])]),
+					m.value === "auto" ? o("", !0) : (p(), s("div", qt, [
+						c("label", Jt, _(v(i)("dialogs.tableProperties.widthLabel")), 1),
+						w(c("input", {
+							"onUpdate:modelValue": n[1] ||= (e) => f.value = e,
+							type: "number",
+							class: "tpd-input",
+							min: 0,
+							step: m.value === "pct" ? 5 : 100
+						}, null, 8, Yt), [[
+							x,
+							f.value,
+							void 0,
+							{ number: !0 }
+						]]),
+						c("span", Xt, _(m.value === "pct" ? v(i)("dialogs.tableProperties.units.fiftiethsPercent") : v(i)("dialogs.tableProperties.units.twips")), 1)
+					])),
+					c("div", Zt, [c("label", Qt, _(v(i)("dialogs.tableProperties.alignmentLabel")), 1), w(c("select", {
+						"onUpdate:modelValue": n[2] ||= (e) => g.value = e,
+						class: "tpd-select"
+					}, [
+						c("option", $t, _(v(i)("dialogs.tableProperties.alignOptions.left")), 1),
+						c("option", en, _(v(i)("dialogs.tableProperties.alignOptions.center")), 1),
+						c("option", tn, _(v(i)("dialogs.tableProperties.alignOptions.right")), 1)
+					], 512), [[b, g.value]])])
+				]),
+				c("div", nn, [c("button", {
+					class: "tpd-btn",
+					onClick: n[3] ||= (e) => t.$emit("close")
+				}, _(v(i)("common.cancel")), 1), c("button", {
+					class: "tpd-btn tpd-btn--primary",
+					onClick: E
+				}, _(v(i)("common.apply")), 1)])
+			]),
+			_: 1
+		}, 8, ["open", "aria-label"]));
+	}
+}), [["__scopeId", "data-v-fb5280be"]]);
+//#endregion
+export { R as a, De as i, Bt as n, bt as r, rn as t };