@stll/folio-vue 0.3.0 → 0.5.0

package/dist/TablePropertiesDialog-B399kZgL.js

@@ -1,901 +0,0 @@
-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 };