@guodun/antdv 1.7.12 → 1.7.13

package/dist/es/components/pro-contract-template-designer/src/composables/use-template-designer.mjs

@@ -1,10 +1,11 @@
-import { DEFAULT_CONTRACT_FONT_FAMILY as e } from "../constants.mjs";
-import { canUseDomHtml as t, createElementAttributeReader as n, createTagAttributeReader as r, escapeHtmlAttribute as i, escapeHtmlText as a, forEachHtmlTag as o, readNumberAttribute as s, readOptionalBoolean as c, readOptionalNumber as l, replaceTemplateVariableSpans as u } from "../utils/html.mjs";
+import { CONTRACT_PRINT_STYLE_VERSION as e } from "../../../../contract-print-css/index.mjs";
+import { DEFAULT_CONTRACT_FONT_FAMILY as t } from "../constants.mjs";
+import { canUseDomHtml as n, createElementAttributeReader as r, createTagAttributeReader as i, escapeHtmlAttribute as a, escapeHtmlText as o, forEachHtmlTag as s, readNumberAttribute as c, readOptionalBoolean as l, readOptionalNumber as u, replaceTemplateVariableSpans as d } from "../utils/html.mjs";
 import { resolveTemplateVariablePresentation as ee } from "../utils/template-variable-render.mjs";
-import { buildPageDecorationClassNames as d, buildPageDecorationsHtml as f, collectPageDecorationVariableKeys as te, normalizePageDecorations as p, validatePageDecorations as m } from "../utils/page-decorations.mjs";
-import { isContractTemplateFieldType as ne } from "../types.mjs";
-import { buildRadioOptionsHtml as re, decodeContractTemplateJsonAttribute as h } from "../utils/advanced-controls.mjs";
-import { toRaw as ie } from "vue";
+import { buildPageDecorationClassNames as te, buildPageDecorationsHtml as f, collectPageDecorationVariableKeys as ne, normalizePageDecorations as p, validatePageDecorations as m } from "../utils/page-decorations.mjs";
+import { isContractTemplateFieldType as re } from "../types.mjs";
+import { buildRadioOptionsHtml as ie, decodeContractTemplateJsonAttribute as h } from "../utils/advanced-controls.mjs";
+import { toRaw as ae } from "vue";
 //#region src/components/pro-contract-template-designer/src/composables/use-template-designer.ts
 var g = [
 	{
@@ -59,22 +60,22 @@ var g = [
 	color: "#1f2937",
 	background: "transparent",
 	fontSize: 14,
-	fontFamily: e,
+	fontFamily: t,
 	placeholderColor: "#7a818b",
 	lineColor: "#565b66",
 	textAlign: "left",
 	borderStyle: "solid",
 	objectFit: "contain"
-}, ae = 3, oe = 28, y = "contract-template-renderer-1.0.0", se = "contract-render-css-1.0.0", ce = /^[A-Za-z][A-Za-z0-9_]{1,63}$/, le = new Set([
+}, oe = 3, se = 28, ce = "contract-template-renderer-1.0.0", le = e, ue = /^[A-Za-z][A-Za-z0-9_]{1,63}$/, y = new Set([
 	"pageNumber",
 	"totalPages",
 	"rendererVersion"
 ]);
 function b(e, t, n) {
 	let r = typeof e == "string" ? e.trim() : "";
-	return r ? ce.test(r) ? le.has(r) ? `${r} 是系统保留标识` : t.some((e) => e.id !== n && e.key.trim() === r) ? `变量标识 ${r} 已存在` : "" : "变量标识需以字母开头，仅包含字母、数字和下划线，长度为 2~64 位" : "请输入变量标识";
+	return r ? ue.test(r) ? y.has(r) ? `${r} 是系统保留标识` : t.some((e) => e.id !== n && e.key.trim() === r) ? `变量标识 ${r} 已存在` : "" : "变量标识需以字母开头，仅包含字母、数字和下划线，长度为 2~64 位" : "请输入变量标识";
 }
-function ue(e) {
+function de(e) {
 	let t = Number(e);
 	return Number.isFinite(t) && t >= 1 ? Math.max(1, Math.floor(t)) : 20;
 }
@@ -226,7 +227,7 @@ function I(e, t) {
 	let n = P(e);
 	return t.find((e) => P(e) === n);
 }
-function de(e, t) {
+function fe(e, t) {
 	let n = F(t), r = n[0], i = N(e.pageSize, r), a = I(i, n) ?? r, o = /* @__PURE__ */ new Map(), s = e.pages.map((e) => {
 		let t = N(e.pageSize, i), a = I(t, n) ?? r;
 		return P(t) !== P(a) && o.set(e.id, {
@@ -272,7 +273,7 @@ function B(e = _) {
 		pageSize: t
 	};
 }
-function fe(e = _) {
+function pe(e = _) {
 	let t = N(e);
 	return {
 		pages: [z(1, t, "<p></p>")],
@@ -280,11 +281,11 @@ function fe(e = _) {
 		pageSize: t
 	};
 }
-function pe(e, t = C) {
+function V(e, t = C) {
 	return t.find((t) => t.type === e) ?? D.find((t) => t.type === e) ?? C[0];
 }
-function V(e, t = C, n = {}) {
-	let r = e.type === void 0 ? "text" : e.type, i = pe(r, t), a = me(r);
+function H(e, t = C, n = {}) {
+	let r = e.type === void 0 ? "text" : e.type, i = V(r, t), a = me(r);
 	return {
 		id: e.id ?? k("variable"),
 		key: e.key,
@@ -381,8 +382,8 @@ function me(e) {
 		underline: !0
 	} };
 }
-function H(e) {
-	return e !== void 0 && !ne(e);
+function U(e) {
+	return e !== void 0 && !re(e);
 }
 function he(e, t = _) {
 	if (!e) return B(t);
@@ -394,23 +395,23 @@ function he(e, t = _) {
 		contentJson: e.contentJson
 	})), i = [], a = /* @__PURE__ */ new Map();
 	return Object.fromEntries(r.map((e) => [e.id, N(e.pageSize, n)])), (e.variables ?? []).forEach((e) => {
-		let t = V({
+		let t = H({
 			...e,
 			id: e.id || k("variable"),
 			options: Array.isArray(e.options) ? e.options : []
 		});
 		i.push(t), t.key && a.set(t.key, t);
 	}), r.forEach((e) => {
-		De(e).forEach((e) => {
+		Oe(e).forEach((e) => {
 			if (!e.key) return;
 			let t = a.get(e.key);
 			if (!t) {
-				let t = V(e);
+				let t = H(e);
 				i.push(t), a.set(e.key, t);
 				return;
 			}
-			if (H(e.type)) {
-				let n = V({
+			if (U(e.type)) {
+				let n = H({
 					...t,
 					type: e.type
 				});
@@ -427,41 +428,41 @@ function he(e, t = _) {
 	};
 }
 function ge(e) {
-	return e.pages.map((t, n) => Y(e, t, n, t.contentHtml, {})).join("\n");
+	return e.pages.map((t, n) => Te(e, t, n, t.contentHtml, {})).join("\n");
 }
-function U(e) {
-	return e.pages.map((t, n) => Y(e, t, n, Be(t.contentHtml))).join("\n");
+function W(e) {
+	return e.pages.map((t, n) => Te(e, t, n, Ve(t.contentHtml))).join("\n");
 }
 function _e(e) {
-	return W(e).map(({ page: t, contentHtml: n }, r) => {
+	return G(e).map(({ page: t, contentHtml: n }, r) => {
 		let i = N(t.pageSize, e.pageSize), a = f(e.pageDecorations, r + 1, e.pages.length, e.variables, {});
-		return `<section ${Te(t, e.pageSize, e.pageDecorations, r + 1)} style="width:${i.width}px;min-height:${i.height}px">${a}<div class="gd-contract-template-page__content">${n}</div></section>`;
+		return `<section ${Ee(t, e.pageSize, e.pageDecorations, r + 1)} style="width:${i.width}px;min-height:${i.height}px">${a}<div class="gd-contract-template-page__content">${n}</div></section>`;
 	}).join("\n");
 }
-function W(e) {
+function G(e) {
 	let t = new Map(e.variables.map((e) => [e.key, e]));
 	return e.pages.map((e) => ({
 		page: {
 			...e,
 			...e.pageSize ? { pageSize: { ...e.pageSize } } : {}
 		},
-		contentHtml: Ae(e.contentHtml, t)
+		contentHtml: je(e.contentHtml, t)
 	}));
 }
-var G = class extends Error {
+var K = class extends Error {
 	constructor(e) {
 		super(e[0]?.message || "页面装饰配置无效"), this.errors = e, this.name = "ContractTemplatePageDecorationValidationError";
 	}
 };
 function ve(e) {
 	let t = m(e.pageDecorations, e.variables);
-	if (t.length) throw new G(t);
+	if (t.length) throw new K(t);
 	let n = A(e);
 	return n.pageDecorations &&= p(n.pageDecorations), {
 		...n,
-		rendererVersion: y,
-		styleVersion: se,
-		html: U(n)
+		rendererVersion: ce,
+		styleVersion: le,
+		html: W(n)
 	};
 }
 function ye(e, t = {}) {
@@ -486,7 +487,7 @@ function ye(e, t = {}) {
 			variableKey: t.key,
 			message: `变量标识 ${t.key} 重复`,
 			code: "VARIABLE_KEY_DUPLICATED"
-		}), r.add(t.key)), H(t.type) && n.push({
+		}), r.add(t.key)), U(t.type) && n.push({
 			type: "variable",
 			id: t.id,
 			variableKey: t.key,
@@ -494,9 +495,9 @@ function ye(e, t = {}) {
 			code: "VARIABLE_TYPE_UNSUPPORTED"
 		});
 	});
-	let i = new Set(e.variables.map((e) => e.key).filter(Boolean)), a = /* @__PURE__ */ new Set(), o = te(e.pageDecorations);
+	let i = new Set(e.variables.map((e) => e.key).filter(Boolean)), a = /* @__PURE__ */ new Set(), o = ne(e.pageDecorations);
 	return e.pages.forEach((e) => {
-		K(e).forEach((t) => {
+		q(e).forEach((t) => {
 			a.add(t), i.has(t) || n.push({
 				type: "variable",
 				id: e.id,
@@ -511,7 +512,7 @@ function ye(e, t = {}) {
 		});
 	}), n.push(...m(e.pageDecorations, e.variables)), n;
 }
-function K(e) {
+function q(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		if (!e || typeof e != "object") return;
@@ -529,14 +530,14 @@ function K(e) {
 function be(e) {
 	return e === "templateVariable" || e === "templateField";
 }
-function q(e) {
+function J(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.pages.forEach((e) => {
-		K(e).forEach((e) => t.add(e));
+		q(e).forEach((e) => t.add(e));
 	}), t;
 }
-function J(e, t = q(e)) {
-	let n = te(e.pageDecorations), r = /* @__PURE__ */ new Map();
+function Y(e, t = J(e)) {
+	let n = ne(e.pageDecorations), r = /* @__PURE__ */ new Map();
 	for (let t of e.variables) r.set(t.key, (r.get(t.key) ?? 0) + 1);
 	return {
 		...e,
@@ -546,11 +547,11 @@ function J(e, t = q(e)) {
 function xe() {
 	let e = /* @__PURE__ */ new Map();
 	function t(t) {
-		let n = t.contentJson && ie(t.contentJson), r = e.get(t.id);
+		let n = t.contentJson && ae(t.contentJson), r = e.get(t.id);
 		return (!r || r.html !== t.contentHtml || r.json !== n) && (r = {
 			html: t.contentHtml,
 			json: n,
-			keys: K(t)
+			keys: q(t)
 		}, e.set(t.id, r)), r;
 	}
 	function n(n) {
@@ -564,14 +565,14 @@ function xe() {
 		let r = n(e), i = e.variables.slice(), a = new Map(i.filter((e) => e.key).map((e) => [e.key, e]));
 		for (let n of e.pages) {
 			let e = t(n);
-			e.variables ??= De(n);
+			e.variables ??= Oe(n);
 			for (let t of e.variables) {
 				let e = a.get(t.key);
 				if (!e) {
-					let e = V(t);
+					let e = H(t);
 					i.push(e), a.set(e.key, e);
-				} else if (H(t.type) && e.type !== t.type) {
-					let n = V({
+				} else if (U(t.type) && e.type !== t.type) {
+					let n = H({
 						...e,
 						type: t.type
 					}), r = i.findIndex((t) => t.id === e.id);
@@ -579,7 +580,7 @@ function xe() {
 				}
 			}
 		}
-		let o = J({
+		let o = Y({
 			...e,
 			variables: i
 		}, r);
@@ -646,51 +647,51 @@ function we(e, t, n) {
 		overflowContent: r.slice(a)
 	};
 }
-function Y(e, t, n, r, i) {
+function Te(e, t, n, r, i) {
 	let a = f(e.pageDecorations, n + 1, e.pages.length, e.variables, i);
-	return `<section ${Te(t, e.pageSize, e.pageDecorations, n + 1)}>${a}<div class="gd-contract-template-page__content">${r}</div></section>`;
+	return `<section ${Ee(t, e.pageSize, e.pageDecorations, n + 1)}>${a}<div class="gd-contract-template-page__content">${r}</div></section>`;
 }
-function Te(e, t, n, r = 1) {
-	let a = N(e.pageSize, t);
+function Ee(e, t, n, r = 1) {
+	let i = N(e.pageSize, t);
 	return [
-		`class="${d(n, r)}"`,
-		`data-page-id="${i(e.id)}"`,
-		`data-page-format="${i(a.format ?? "Custom")}"`,
-		`data-page-label="${i(a.label ?? a.format ?? "自定义")}"`,
-		`data-page-width="${a.width}"`,
-		`data-page-height="${a.height}"`
+		`class="${te(n, r)}"`,
+		`data-page-id="${a(e.id)}"`,
+		`data-page-format="${a(i.format ?? "Custom")}"`,
+		`data-page-label="${a(i.label ?? i.format ?? "自定义")}"`,
+		`data-page-width="${i.width}"`,
+		`data-page-height="${i.height}"`
 	].join(" ");
 }
-var Ee = /<span\b[^>]*data-template-variable=["']true["'][^>]*>/g;
-function De(e) {
-	let i = /* @__PURE__ */ new Map();
+var De = /<span\b[^>]*data-template-variable=["']true["'][^>]*>/g;
+function Oe(e) {
+	let t = /* @__PURE__ */ new Map();
 	function a(e) {
 		if (!e.key) return;
-		let t = i.get(e.key);
-		(!t || H(e.type) && !H(t.type)) && i.set(e.key, e);
+		let n = t.get(e.key);
+		(!n || U(e.type) && !U(n.type)) && t.set(e.key, e);
 	}
-	function s(e) {
+	function o(e) {
 		if (!e || typeof e != "object") return;
 		let t = e;
-		t.type === "templateVariable" && typeof t.attrs?.key == "string" && a(ke(t.attrs, t.attrs.key)), t.content?.forEach(s);
+		t.type === "templateVariable" && typeof t.attrs?.key == "string" && a(Ae(t.attrs, t.attrs.key)), t.content?.forEach(o);
 	}
-	s(e.contentJson);
+	o(e.contentJson);
 	let c = e.contentHtml || "";
-	return t() ? new DOMParser().parseFromString(c, "text/html").querySelectorAll("[data-template-variable]").forEach((e) => {
-		a(Oe(n(e)));
-	}) : o(c, Ee, (e) => {
-		a(Oe(r(e)));
-	}), Array.from(i.values());
+	return n() ? new DOMParser().parseFromString(c, "text/html").querySelectorAll("[data-template-variable]").forEach((e) => {
+		a(ke(r(e)));
+	}) : s(c, De, (e) => {
+		a(ke(i(e)));
+	}), Array.from(t.values());
 }
-function Oe(e) {
+function ke(e) {
 	let t = e("data-key") ?? "", n = e("data-variable-type"), r = e("data-precision"), i = e("data-use-grouping");
 	return {
 		key: t,
 		label: e("data-label") ?? t,
 		type: n ?? "text",
 		placeholder: e("data-placeholder") ?? "",
-		width: s(e("data-width"), 160),
-		height: s(e("data-height"), 32),
+		width: c(e("data-width"), 160),
+		height: c(e("data-height"), 32),
 		required: e("data-required") === "true",
 		defaultValue: e("data-default-value") ?? "",
 		format: e("data-format") ?? "",
@@ -704,14 +705,14 @@ function Oe(e) {
 		componentKey: e("data-component-key") ?? "",
 		componentConfig: h(e("data-component-config")) ?? {},
 		multiline: e("data-multiline") === "true",
-		rows: s(e("data-rows"), 3),
-		lineHeight: s(e("data-line-height"), 28),
+		rows: c(e("data-rows"), 3),
+		lineHeight: c(e("data-line-height"), 28),
 		style: {
-			border: c(e("data-border")),
-			underline: c(e("data-underline")),
+			border: l(e("data-border")),
+			underline: l(e("data-underline")),
 			color: e("data-color"),
 			background: e("data-background"),
-			fontSize: s(e("data-font-size"), 14),
+			fontSize: c(e("data-font-size"), 14),
 			fontFamily: e("data-font-family"),
 			placeholderColor: e("data-placeholder-color"),
 			lineColor: e("data-line-color"),
@@ -721,15 +722,15 @@ function Oe(e) {
 		}
 	};
 }
-function ke(e, t) {
+function Ae(e, t) {
 	let n = (t) => typeof e[t] == "string" ? e[t] : void 0;
 	return {
 		key: t,
 		label: n("label") ?? t,
 		type: e.type === void 0 ? "text" : e.type,
 		placeholder: n("placeholder") ?? "",
-		width: s(e.width, 160),
-		height: s(e.height, 32),
+		width: c(e.width, 160),
+		height: c(e.height, 32),
 		required: e.required === !0,
 		defaultValue: n("defaultValue") ?? "",
 		format: n("format") ?? "",
@@ -743,14 +744,14 @@ function ke(e, t) {
 		componentKey: n("componentKey") ?? "",
 		componentConfig: e.componentConfig,
 		multiline: e.multiline === !0,
-		rows: s(e.rows, 3),
-		lineHeight: s(e.lineHeight, 28),
+		rows: c(e.rows, 3),
+		lineHeight: c(e.lineHeight, 28),
 		style: {
 			border: typeof e.border == "boolean" ? e.border : void 0,
 			underline: typeof e.underline == "boolean" ? e.underline : void 0,
 			color: n("color"),
 			background: n("background"),
-			fontSize: s(e.fontSize, 14),
+			fontSize: c(e.fontSize, 14),
 			fontFamily: n("fontFamily"),
 			placeholderColor: n("placeholderColor"),
 			lineColor: n("lineColor"),
@@ -760,20 +761,20 @@ function ke(e, t) {
 		}
 	};
 }
-function Ae(e, n) {
+function je(e, t) {
 	if (!e) return e;
-	if (t()) {
-		let t = new DOMParser().parseFromString(e, "text/html");
-		return je(t), t.querySelectorAll("[data-template-variable]").forEach((e) => {
-			Pe(e, n);
-		}), t.body.innerHTML;
+	if (n()) {
+		let n = new DOMParser().parseFromString(e, "text/html");
+		return Me(n), n.querySelectorAll("[data-template-variable]").forEach((e) => {
+			Fe(e, t);
+		}), n.body.innerHTML;
 	}
-	return u(Ie(e), (e, t) => {
-		let i = r(t);
-		return i("data-key") ? Fe(i, n) : e;
+	return d(Le(e), (e, n) => {
+		let r = i(n);
+		return r("data-key") ? Ie(r, t) : e;
 	});
 }
-function je(e) {
+function Me(e) {
 	e.querySelectorAll("script,style,meta,link").forEach((e) => e.remove()), e.querySelectorAll("*").forEach((e) => {
 		Array.from(e.attributes).forEach((t) => {
 			let n = t.name.toLowerCase(), r = t.value;
@@ -785,60 +786,60 @@ function je(e) {
 				e.removeAttribute(t.name);
 				return;
 			}
-			n === "style" && ze(r) && e.removeAttribute(t.name);
+			n === "style" && Be(r) && e.removeAttribute(t.name);
 		});
 	});
 }
-function Me(e, t) {
-	let n = e("data-key") ?? "", r = t.get(n), i = r?.type ?? e("data-variable-type") ?? "text", a = Re(i, r?.defaultValue ?? e("data-default-value") ?? ""), o = Ne(r, e), s = r ? !!r.multiple : e("data-multiple") === "true", u = ee({
+function Ne(e, t) {
+	let n = e("data-key") ?? "", r = t.get(n), i = r?.type ?? e("data-variable-type") ?? "text", a = ze(i, r?.defaultValue ?? e("data-default-value") ?? ""), o = Pe(r, e), s = r ? !!r.multiple : e("data-multiple") === "true", c = ee({
 		type: i,
 		width: r?.width ?? e("data-width"),
 		height: r?.height ?? e("data-height"),
 		defaultValue: a,
 		placeholder: r?.placeholder ?? e("data-placeholder") ?? "",
 		format: r?.format ?? e("data-format") ?? "",
-		precision: r?.precision ?? l(e("data-precision")),
-		useGrouping: r?.useGrouping ?? c(e("data-use-grouping")),
+		precision: r?.precision ?? u(e("data-precision")),
+		useGrouping: r?.useGrouping ?? l(e("data-use-grouping")),
 		checkedText: r?.checkedText ?? e("data-checked-text") ?? "",
 		uncheckedText: r?.uncheckedText ?? e("data-unchecked-text") ?? "",
-		multiline: r?.multiline ?? c(e("data-multiline")) ?? !1,
+		multiline: r?.multiline ?? l(e("data-multiline")) ?? !1,
 		rows: r?.rows ?? e("data-rows"),
 		lineHeight: r?.lineHeight ?? e("data-line-height"),
 		options: o,
 		multiple: s,
-		style: Le(r, e)
-	}), d = u.type === "radio" && o.length ? re(o, a) : "";
+		style: Re(r, e)
+	}), d = c.type === "radio" && o.length ? ie(o, a) : "";
 	return {
 		key: n,
 		label: r?.label ?? e("data-label") ?? n,
-		presentation: u,
+		presentation: c,
 		radioHtml: d,
-		text: u.type === "image" && u.hasDefaultValue ? " " : u.type === "radio" && !d ? r?.placeholder || e("data-placeholder") || " " : u.displayText || " "
+		text: c.type === "image" && c.hasDefaultValue ? " " : c.type === "radio" && !d ? r?.placeholder || e("data-placeholder") || " " : c.displayText || " "
 	};
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	if (e) return Array.isArray(e.options) ? e.options : [];
 	let n = h(t("data-control-options"));
 	return Array.isArray(n) ? n : [];
 }
-function Pe(e, t) {
-	let { key: r, label: i, presentation: a, radioHtml: o, text: s } = Me(n(e), t);
-	e.setAttribute("data-template-variable", "true"), e.setAttribute("data-key", r), e.setAttribute("data-label", i), e.setAttribute("data-variable-type", a.type), e.setAttribute("data-width", String(a.width)), e.setAttribute("data-height", String(a.height)), e.setAttribute("data-border", String(a.border)), e.setAttribute("data-underline", String(a.underline)), e.setAttribute("data-color", a.color), e.setAttribute("data-background", a.background), e.setAttribute("data-font-size", String(a.fontSize)), e.setAttribute("data-font-family", a.fontFamily), e.setAttribute("data-placeholder-color", a.placeholderColor), e.setAttribute("data-line-color", a.lineColor), e.setAttribute("data-text-align", a.textAlign), e.setAttribute("data-border-style", a.borderStyle), e.setAttribute("data-object-fit", a.objectFit), e.className = a.classes.join(" "), e.setAttribute("style", a.styleText), o ? e.innerHTML = o : e.textContent = s;
-}
 function Fe(e, t) {
-	let { key: n, label: r, presentation: o, radioHtml: s, text: c } = Me(e, t);
-	return `<span data-template-variable="true" data-key="${i(n)}" data-label="${i(r)}" data-variable-type="${i(o.type)}" data-width="${o.width}" data-height="${o.height}" data-border="${o.border}" data-underline="${o.underline}" data-font-family="${i(o.fontFamily)}" class="${i(o.classes.join(" "))}" style="${i(o.styleText)}">${s || a(c)}</span>`;
+	let { key: n, label: i, presentation: a, radioHtml: o, text: s } = Ne(r(e), t);
+	e.setAttribute("data-template-variable", "true"), e.setAttribute("data-key", n), e.setAttribute("data-label", i), e.setAttribute("data-variable-type", a.type), e.setAttribute("data-width", String(a.width)), e.setAttribute("data-height", String(a.height)), e.setAttribute("data-border", String(a.border)), e.setAttribute("data-underline", String(a.underline)), e.setAttribute("data-color", a.color), e.setAttribute("data-background", a.background), e.setAttribute("data-font-size", String(a.fontSize)), e.setAttribute("data-font-family", a.fontFamily), e.setAttribute("data-placeholder-color", a.placeholderColor), e.setAttribute("data-line-color", a.lineColor), e.setAttribute("data-text-align", a.textAlign), e.setAttribute("data-border-style", a.borderStyle), e.setAttribute("data-object-fit", a.objectFit), e.className = a.classes.join(" "), e.setAttribute("style", a.styleText), o ? e.innerHTML = o : e.textContent = s;
 }
-function Ie(e) {
-	return e.replace(/<\s*(script|style|meta|link)\b[\s\S]*?<\s*\/\s*\1\s*>/gi, "").replace(/<\s*(meta|link)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+srcdoc\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(href|src)\s*=\s*(["'])(.*?)\2/gi, (e, t, n, r) => X(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => ze(n) ? "" : ` style=${t}${n}${t}`);
+function Ie(e, t) {
+	let { key: n, label: r, presentation: i, radioHtml: s, text: c } = Ne(e, t);
+	return `<span data-template-variable="true" data-key="${a(n)}" data-label="${a(r)}" data-variable-type="${a(i.type)}" data-width="${i.width}" data-height="${i.height}" data-border="${i.border}" data-underline="${i.underline}" data-font-family="${a(i.fontFamily)}" class="${a(i.classes.join(" "))}" style="${a(i.styleText)}">${s || o(c)}</span>`;
 }
-function Le(e, t) {
+function Le(e) {
+	return e.replace(/<\s*(script|style|meta|link)\b[\s\S]*?<\s*\/\s*\1\s*>/gi, "").replace(/<\s*(meta|link)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+srcdoc\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(href|src)\s*=\s*(["'])(.*?)\2/gi, (e, t, n, r) => X(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => Be(n) ? "" : ` style=${t}${n}${t}`);
+}
+function Re(e, t) {
 	return {
-		border: e?.style?.border ?? c(t("data-border")),
-		underline: e?.style?.underline ?? c(t("data-underline")),
+		border: e?.style?.border ?? l(t("data-border")),
+		underline: e?.style?.underline ?? l(t("data-underline")),
 		color: e?.style?.color ?? t("data-color"),
 		background: e?.style?.background ?? t("data-background"),
-		fontSize: e?.style?.fontSize ?? l(t("data-font-size")),
+		fontSize: e?.style?.fontSize ?? u(t("data-font-size")),
 		fontFamily: e?.style?.fontFamily ?? t("data-font-family"),
 		placeholderColor: e?.style?.placeholderColor ?? t("data-placeholder-color"),
 		lineColor: e?.style?.lineColor ?? t("data-line-color"),
@@ -847,47 +848,47 @@ function Le(e, t) {
 		objectFit: e?.style?.objectFit ?? $(t("data-object-fit"))
 	};
 }
-function Re(e, t) {
+function ze(e, t) {
 	return e === "image" && X(t) ? "" : t;
 }
 function X(e) {
 	let t = e.trim().replace(/[\u0000-\u001F\s]+/g, "").toLowerCase();
 	return t.startsWith("javascript:") || t.startsWith("vbscript:") || t.startsWith("data:") && !t.startsWith("data:image/");
 }
-function ze(e) {
+function Be(e) {
 	return /expression\s*\(|javascript:|vbscript:/i.test(e);
 }
-function Be(e) {
+function Ve(e) {
 	if (!e) return e;
-	if (t()) {
+	if (n()) {
 		let t = new DOMParser().parseFromString(e, "text/html");
 		return t.querySelectorAll("[data-template-variable]").forEach((e) => {
 			let t = e.dataset.key || "";
 			t && (e.textContent = `\${{${t}}}`);
 		}), t.body.innerHTML;
 	}
-	return u(e, (e, t) => {
-		let n = r(t)("data-key");
+	return d(e, (e, t) => {
+		let n = i(t)("data-key");
 		return n ? `<span${t}>\${{${n}}}</span>` : e;
 	});
 }
-function Ve(e) {
+function He(e) {
 	return e === "left" || e === "center" || e === "right";
 }
-function He(e) {
+function Ue(e) {
 	return e === "solid" || e === "dashed";
 }
-function Ue(e) {
+function We(e) {
 	return e === "contain" || e === "cover" || e === "fill";
 }
 function Z(e) {
-	return Ve(e) ? e : void 0;
+	return He(e) ? e : void 0;
 }
 function Q(e) {
-	return He(e) ? e : void 0;
+	return Ue(e) ? e : void 0;
 }
 function $(e) {
-	return Ue(e) ? e : void 0;
+	return We(e) ? e : void 0;
 }
 //#endregion
-export { D as ALL_DEFAULT_FIELD_TYPES, y as CONTRACT_TEMPLATE_RENDERER_VERSION, le as CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS, se as CONTRACT_TEMPLATE_STYLE_VERSION, ce as CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN, G as ContractTemplatePageDecorationValidationError, w as DEFAULT_ADVANCED_CHOICE_FIELD_TYPES, T as DEFAULT_BUILTIN_SELECTOR_FIELD_TYPES, S as DEFAULT_CHECKBOX_FIELD_TYPE, E as DEFAULT_CUSTOM_FIELD_TYPES, v as DEFAULT_FIELD_STYLE, C as DEFAULT_FIELD_TYPES, x as DEFAULT_IMAGE_FIELD_TYPE, oe as DEFAULT_MULTILINE_LINE_HEIGHT, ae as DEFAULT_MULTILINE_ROWS, _ as DEFAULT_PAGE_SIZE, g as PAGE_SIZE_OPTIONS, U as buildTemplateExpressionHtml, ge as buildTemplateHtml, _e as buildTemplatePreviewHtml, W as buildTemplatePreviewPages, A as cloneTemplateValue, q as collectTemplateValueVariableKeys, K as collectTemplateVariableKeys, de as constrainTemplatePageSizes, z as createBlankPage, fe as createBlankTemplate, R as createDefaultPage, B as createDefaultTemplate, k as createDesignerId, xe as createTemplateBodySync, V as createTemplateVariable, ve as exportTemplateValue, I as findPageSizeOption, pe as getFieldOption, P as getPageSizeKey, j as getPageSizeOption, M as inferPageFormat, ue as normalizeContractTemplateMaxPages, F as normalizePageSizeOptions, he as normalizeTemplateValue, N as resolvePageSize, we as splitPageContentByMeasurements, J as syncTemplateVariablesWithPages, b as validateContractTemplateVariableKey, ye as validateTemplateValue };
+export { D as ALL_DEFAULT_FIELD_TYPES, ce as CONTRACT_TEMPLATE_RENDERER_VERSION, y as CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS, le as CONTRACT_TEMPLATE_STYLE_VERSION, ue as CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN, K as ContractTemplatePageDecorationValidationError, w as DEFAULT_ADVANCED_CHOICE_FIELD_TYPES, T as DEFAULT_BUILTIN_SELECTOR_FIELD_TYPES, S as DEFAULT_CHECKBOX_FIELD_TYPE, E as DEFAULT_CUSTOM_FIELD_TYPES, v as DEFAULT_FIELD_STYLE, C as DEFAULT_FIELD_TYPES, x as DEFAULT_IMAGE_FIELD_TYPE, se as DEFAULT_MULTILINE_LINE_HEIGHT, oe as DEFAULT_MULTILINE_ROWS, _ as DEFAULT_PAGE_SIZE, g as PAGE_SIZE_OPTIONS, W as buildTemplateExpressionHtml, ge as buildTemplateHtml, _e as buildTemplatePreviewHtml, G as buildTemplatePreviewPages, A as cloneTemplateValue, J as collectTemplateValueVariableKeys, q as collectTemplateVariableKeys, fe as constrainTemplatePageSizes, z as createBlankPage, pe as createBlankTemplate, R as createDefaultPage, B as createDefaultTemplate, k as createDesignerId, xe as createTemplateBodySync, H as createTemplateVariable, ve as exportTemplateValue, I as findPageSizeOption, V as getFieldOption, P as getPageSizeKey, j as getPageSizeOption, M as inferPageFormat, de as normalizeContractTemplateMaxPages, F as normalizePageSizeOptions, he as normalizeTemplateValue, N as resolvePageSize, we as splitPageContentByMeasurements, Y as syncTemplateVariablesWithPages, b as validateContractTemplateVariableKey, ye as validateTemplateValue };