@guodun/antdv 1.2.5 → 1.3.1

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

@@ -1,7 +1,10 @@
 import { DEFAULT_CONTRACT_FONT_FAMILY as e } from "../constants.mjs";
 import { resolveTemplateVariablePresentation as t } from "../utils/template-variable-render.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 { isContractTemplateFieldType as ee } from "../types.mjs";
+import { normalizeSigningPlacements as te, validateSigningPlacements as ne } from "../utils/signing-placement.mjs";
 //#region src/components/pro-contract-template-designer/src/composables/use-template-designer.ts
-var n = [
+var f = [
 	{
 		format: "A0",
 		width: 3178,
@@ -50,7 +53,7 @@ var n = [
 		height: 1344,
 		label: "Legal"
 	}
-], r = { ...n[4] }, i = {
+], p = { ...f[4] }, m = {
 	color: "#1f2937",
 	background: "transparent",
 	fontSize: 14,
@@ -60,7 +63,12 @@ var n = [
 	textAlign: "left",
 	borderStyle: "solid",
 	objectFit: "contain"
-}, a = 3, o = 28, s = "contract-template-renderer-1.0.0", c = "contract-render-css-1.0.0", l = [
+}, h = 3, re = 28, g = "contract-template-renderer-1.0.0", _ = "contract-render-css-1.0.0";
+function ie(e) {
+	let t = Number(e);
+	return Number.isFinite(t) && t >= 1 ? Math.max(1, Math.floor(t)) : 50;
+}
+var v = [
 	{
 		type: "text",
 		label: "输入框",
@@ -91,97 +99,110 @@ var n = [
 		defaultWidth: 96,
 		defaultHeight: 28
 	}
-], u = 0;
-function d(e) {
-	return u += 1, `${e}-${Date.now().toString(36)}-${u.toString(36)}`;
-}
-function f(e) {
-	return JSON.parse(JSON.stringify(e));
+], y = 0;
+function b(e) {
+	return y += 1, `${e}-${Date.now().toString(36)}-${y.toString(36)}`;
+}
+function x(e) {
+	let t = JSON.parse(JSON.stringify(e));
+	return Array.isArray(t.signingPlacements) && (t.signingPlacements = t.signingPlacements.map((e) => ({
+		id: e.id,
+		pageId: e.pageId,
+		type: e.type,
+		x: e.x,
+		y: e.y,
+		width: e.width,
+		height: e.height,
+		mustSign: e.mustSign,
+		...e.sealTypes?.length ? { sealTypes: [...e.sealTypes] } : {}
+	}))), t;
+}
+function S(e) {
+	return f.find((t) => t.format === e);
 }
-function p(e) {
-	return n.find((t) => t.format === e);
-}
-function m(e) {
-	if (e) return e.format && e.format !== "Custom" ? e.format : n.find((t) => t.width === e.width && t.height === e.height)?.format;
+function C(e) {
+	if (e) return e.format && e.format !== "Custom" ? e.format : f.find((t) => t.width === e.width && t.height === e.height)?.format;
 }
-function h(e, t = r) {
-	let n = m(t) ?? t.format, i = e?.format ?? m(e) ?? n ?? "Custom", a = i === "Custom" ? void 0 : p(i), o = g(a?.width ?? e?.width, t.width), s = g(a?.height ?? e?.height, t.height);
+function w(e, t = p) {
+	let n = C(t) ?? t.format, r = e?.format ?? C(e) ?? n ?? "Custom", i = r === "Custom" ? void 0 : S(r), a = T(i?.width ?? e?.width, t.width), o = T(i?.height ?? e?.height, t.height);
 	return {
-		format: a?.format ?? i,
-		width: o,
-		height: s,
-		label: e?.label ?? a?.label ?? t.label ?? i
+		format: i?.format ?? r,
+		width: a,
+		height: o,
+		label: e?.label ?? i?.label ?? t.label ?? r
 	};
 }
-function g(e, t) {
+function T(e, t) {
 	let n = Number(e);
 	return !Number.isFinite(n) || n <= 0 ? t : Math.round(n);
 }
-function _(e = 1, t) {
+function E(e = 1, t) {
 	return {
-		id: d("page"),
+		id: b("page"),
 		title: `第 ${e} 页`,
-		pageSize: t ? h(t) : void 0,
+		pageSize: t ? w(t) : void 0,
 		contentHtml: "<p>请输入合同正文，也可以从 WPS / Word 复制内容粘贴到这里。</p>"
 	};
 }
-function v(e = 1, t, n = "<p></p>", r) {
+function D(e = 1, t, n = "<p></p>", r) {
 	return {
-		id: d("page"),
+		id: b("page"),
 		title: `第 ${e} 页`,
-		pageSize: t ? h(t) : void 0,
+		pageSize: t ? w(t) : void 0,
 		contentHtml: n,
 		contentJson: r
 	};
 }
-function y(e = r) {
-	let t = h(e);
+function O(e = p) {
+	let t = w(e);
 	return {
-		pages: [_(1, t)],
+		pages: [E(1, t)],
 		variables: [],
-		pageSize: t
+		pageSize: t,
+		signingPlacements: []
 	};
 }
-function b(e = r) {
-	let t = h(e);
+function k(e = p) {
+	let t = w(e);
 	return {
-		pages: [v(1, t, "<p></p>")],
+		pages: [D(1, t, "<p></p>")],
 		variables: [],
-		pageSize: t
+		pageSize: t,
+		signingPlacements: []
 	};
 }
-function x(e, t = l) {
-	return t.find((t) => t.type === e) ?? l[0];
+function A(e, t = v) {
+	return t.find((t) => t.type === e) ?? v[0];
 }
-function S(e, t = l, n = {}) {
-	let r = e.type ?? "text", a = x(r, t), o = ee(r);
+function j(e, t = v, n = {}) {
+	let r = e.type === void 0 ? "text" : e.type, i = A(r, t), a = M(r);
 	return {
-		id: e.id ?? d("variable"),
+		id: e.id ?? b("variable"),
 		key: e.key,
-		label: e.label ?? a.label ?? e.key,
+		label: e.label ?? i.label ?? e.key,
 		type: r,
-		placeholder: e.placeholder ?? o.placeholder ?? "",
-		width: Math.max(24, Math.round(e.width ?? a.defaultWidth ?? 140)),
-		height: Math.max(24, Math.round(e.height ?? o.height ?? a.defaultHeight ?? 32)),
+		placeholder: e.placeholder ?? a.placeholder ?? "",
+		width: Math.max(24, Math.round(e.width ?? i.defaultWidth ?? 140)),
+		height: Math.max(24, Math.round(e.height ?? a.height ?? i.defaultHeight ?? 32)),
 		required: e.required ?? !1,
 		defaultValue: e.defaultValue ?? "",
-		format: e.format ?? o.format ?? "",
-		precision: e.precision ?? o.precision,
-		useGrouping: e.useGrouping ?? o.useGrouping,
-		checkedText: e.checkedText ?? o.checkedText ?? "",
-		uncheckedText: e.uncheckedText ?? o.uncheckedText ?? "",
+		format: e.format ?? a.format ?? "",
+		precision: e.precision ?? a.precision,
+		useGrouping: e.useGrouping ?? a.useGrouping,
+		checkedText: e.checkedText ?? a.checkedText ?? "",
+		uncheckedText: e.uncheckedText ?? a.uncheckedText ?? "",
 		multiline: e.multiline ?? !1,
 		rows: Math.max(1, Math.round(e.rows ?? 3)),
 		lineHeight: Math.max(18, Math.round(e.lineHeight ?? 28)),
 		style: {
-			...i,
-			...o.style,
+			...m,
+			...a.style,
 			...n,
 			...e.style
 		}
 	};
 }
-function ee(e) {
+function M(e) {
 	return e === "date" ? {
 		placeholder: "年    月    日",
 		format: "YYYY年MM月DD日",
@@ -223,91 +244,137 @@ function ee(e) {
 		underline: !0
 	} };
 }
-function te(e, t = r) {
-	if (!e) return y(t);
-	let n = h(e.pageSize, t), i = (e.pages?.length ? e.pages : [_(1, n)]).map((e, t) => ({
-		id: e.id || d("page"),
+function N(e) {
+	return e !== void 0 && !ee(e);
+}
+function P(e, t = p) {
+	if (!e) return O(t);
+	let n = w(e.pageSize, t), r = (e.pages?.length ? e.pages : [E(1, n)]).map((e, t) => ({
+		id: e.id || b("page"),
 		title: e.title || `第 ${t + 1} 页`,
-		pageSize: h(e.pageSize, n),
+		pageSize: w(e.pageSize, n),
 		contentHtml: e.contentHtml || "<p></p>",
 		contentJson: e.contentJson
-	})), a = /* @__PURE__ */ new Map();
+	})), i = /* @__PURE__ */ new Map(), a = Object.fromEntries(r.map((e) => [e.id, w(e.pageSize, n)]));
 	return (e.variables ?? []).forEach((e) => {
-		e.key && a.set(e.key, S({
+		e.key && i.set(e.key, j({
 			...e,
-			id: e.id || d("variable")
+			id: e.id || b("variable")
 		}));
-	}), i.forEach((e) => {
-		P(e).forEach((e) => {
-			!e.key || a.has(e.key) || a.set(e.key, S(e));
+	}), r.forEach((e) => {
+		G(e).forEach((e) => {
+			if (!e.key) return;
+			let t = i.get(e.key);
+			if (!t) {
+				i.set(e.key, j(e));
+				return;
+			}
+			N(e.type) && i.set(e.key, j({
+				...t,
+				type: e.type
+			}));
 		});
 	}), {
-		pages: i,
-		variables: Array.from(a.values()),
-		pageSize: n
+		pages: r,
+		variables: Array.from(i.values()),
+		pageSize: n,
+		signingPlacements: te(e.signingPlacements, a, n)
 	};
 }
-function ne(e) {
-	return e.pages.map((t) => `<section ${j(t, e.pageSize)}>${t.contentHtml}</section>`).join("\n");
+function ae(e) {
+	return e.pages.map((t) => `<section ${U(t, e.pageSize)}>${t.contentHtml}</section>`).join("\n");
 }
-function C(e) {
-	return e.pages.map((t) => `<section ${j(t, e.pageSize)}>${Y(t.contentHtml)}</section>`).join("\n");
+function F(e) {
+	return e.pages.map((t) => `<section ${U(t, e.pageSize)}>${ge(t.contentHtml)}</section>`).join("\n");
 }
-function w(e) {
-	let t = new Map(e.variables.map((e) => [e.key, e]));
-	return e.pages.map((n) => {
-		let r = h(n.pageSize, e.pageSize), i = L(n.contentHtml, t);
-		return `<section ${j(n, e.pageSize)} style="width:${r.width}px;min-height:${r.height}px">${i}</section>`;
+function oe(e) {
+	return I(e).map(({ page: t, contentHtml: n }) => {
+		let r = w(t.pageSize, e.pageSize);
+		return `<section ${U(t, e.pageSize)} style="width:${r.width}px;min-height:${r.height}px">${n}</section>`;
 	}).join("\n");
 }
-function T(e) {
-	let t = f(e);
+function I(e) {
+	let t = new Map(e.variables.map((e) => [e.key, e])), n = Array.isArray(e.signingPlacements) ? e.signingPlacements : [];
+	return e.pages.map((e) => ({
+		page: {
+			...e,
+			...e.pageSize ? { pageSize: { ...e.pageSize } } : {}
+		},
+		contentHtml: le(e.contentHtml, t),
+		signingPlacements: n.filter((t) => t.pageId === e.id).map((e) => ({
+			id: e.id,
+			pageId: e.pageId,
+			type: e.type,
+			x: e.x,
+			y: e.y,
+			width: e.width,
+			height: e.height,
+			mustSign: e.mustSign,
+			...e.sealTypes?.length ? { sealTypes: [...e.sealTypes] } : {}
+		}))
+	}));
+}
+function se(e) {
+	let t = x(e);
 	return {
 		...t,
-		rendererVersion: s,
-		styleVersion: c,
-		html: C(t)
+		rendererVersion: g,
+		styleVersion: _,
+		html: F(t)
 	};
 }
-function E(e) {
-	let t = [], n = /* @__PURE__ */ new Map();
-	e.variables.forEach((e) => {
-		if (e.key?.trim() || t.push({
+function L(e, t = {}) {
+	let n = [], r = /* @__PURE__ */ new Map();
+	typeof t.maxPages == "number" && e.pages.length > t.maxPages && n.push({
+		type: "page",
+		id: e.pages[t.maxPages]?.id ?? e.pages.at(-1)?.id ?? "",
+		pageId: e.pages[t.maxPages]?.id,
+		code: "PAGE_LIMIT_EXCEEDED",
+		message: `合同共 ${e.pages.length} 页，超过最多 ${t.maxPages} 页限制`
+	}), e.variables.forEach((e) => {
+		if (e.key?.trim() || n.push({
 			type: "variable",
 			id: e.id,
 			message: `${e.label || "变量"} 缺少变量标识`
 		}), e.key) {
-			let r = n.get(e.key);
-			r && r !== e.id && t.push({
+			let t = r.get(e.key);
+			t && t !== e.id && n.push({
 				type: "variable",
 				id: e.id,
 				message: `变量标识 ${e.key} 重复`
-			}), n.set(e.key, e.id);
+			}), r.set(e.key, e.id);
 		}
+		N(e.type) && n.push({
+			type: "variable",
+			id: e.id,
+			variableKey: e.key,
+			message: `${e.label || e.key || "变量"} 不是正文填写变量`,
+			code: "VARIABLE_TYPE_UNSUPPORTED"
+		});
 	});
-	let r = new Set(e.variables.map((e) => e.key).filter(Boolean)), i = /* @__PURE__ */ new Set();
+	let i = new Set(e.variables.map((e) => e.key).filter(Boolean)), a = /* @__PURE__ */ new Set();
 	return e.pages.forEach((e) => {
-		D(e).forEach((n) => {
-			i.add(n), r.has(n) || t.push({
+		R(e).forEach((t) => {
+			a.add(t), i.has(t) || n.push({
 				type: "variable",
 				id: e.id,
-				message: `正文模板变量 ${n} 没有对应变量配置`
+				message: `正文模板变量 ${t} 没有对应变量配置`
 			});
 		});
 	}), e.variables.forEach((e) => {
-		e.key && !i.has(e.key) && t.push({
+		e.key && !a.has(e.key) && n.push({
 			type: "variable",
 			id: e.id,
 			message: `${e.label || e.key} 缺少对应正文变量节点`
 		});
-	}), t;
+	}), n.push(...ne(e)), n;
 }
-function D(e) {
+function R(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		if (!e || typeof e != "object") return;
 		let r = e;
-		(r.type === "templateVariable" || r.type === "templateField") && r.attrs?.key && t.add(r.attrs.key), r.content?.forEach(n);
+		z(r.type) && r.attrs?.key && t.add(r.attrs.key), r.content?.forEach(n);
 	}
 	n(e.contentJson);
 	let r = e.contentHtml || "", i = /data-template-variable=["']true["'][^>]*data-key=["']([^"']+)["']|data-key=["']([^"']+)["'][^>]*data-template-variable=["']true["']/g, a = i.exec(r);
@@ -317,20 +384,23 @@ function D(e) {
 	}
 	return t;
 }
-function O(e) {
+function z(e) {
+	return e === "templateVariable" || e === "templateField";
+}
+function B(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.pages.forEach((e) => {
-		D(e).forEach((e) => t.add(e));
+		R(e).forEach((e) => t.add(e));
 	}), t;
 }
-function k(e) {
-	let t = O(e);
+function V(e) {
+	let t = B(e);
 	return {
 		...e,
 		variables: e.variables.filter((e) => e.key && t.has(e.key))
 	};
 }
-function A(e, t, n) {
+function H(e, t, n) {
 	let r = e ?? [];
 	if (r.length <= 1 || n <= 0) return;
 	let i = Math.min(r.length, t.length), a = -1;
@@ -347,157 +417,120 @@ function A(e, t, n) {
 		overflowContent: r.slice(a)
 	};
 }
-function j(e, t) {
-	let n = h(e.pageSize, t);
+function U(e, t) {
+	let n = w(e.pageSize, t);
 	return [
 		"class=\"gd-contract-template-page\"",
-		`data-page-id="${M(e.id)}"`,
-		`data-page-format="${M(n.format ?? "Custom")}"`,
-		`data-page-label="${M(n.label ?? n.format ?? "自定义")}"`,
+		`data-page-id="${a(e.id)}"`,
+		`data-page-format="${a(n.format ?? "Custom")}"`,
+		`data-page-label="${a(n.label ?? n.format ?? "自定义")}"`,
 		`data-page-width="${n.width}"`,
 		`data-page-height="${n.height}"`
 	].join(" ");
 }
-function M(e) {
-	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function N(e) {
-	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function P(e) {
+var W = /<span\b[^>]*data-template-variable=["']true["'][^>]*>/g;
+function G(e) {
 	let t = /* @__PURE__ */ new Map();
-	function n(e) {
-		!e.key || t.has(e.key) || t.set(e.key, e);
+	function a(e) {
+		if (!e.key) return;
+		let n = t.get(e.key);
+		(!n || N(e.type) && !N(n.type)) && t.set(e.key, e);
 	}
-	function r(e) {
+	function o(e) {
 		if (!e || typeof e != "object") return;
 		let t = e;
-		t.type === "templateVariable" && typeof t.attrs?.key == "string" && n({
-			key: t.attrs.key,
-			label: typeof t.attrs.label == "string" ? t.attrs.label : t.attrs.key,
-			type: $(t.attrs.type) ? t.attrs.type : "text",
-			placeholder: typeof t.attrs.placeholder == "string" ? t.attrs.placeholder : "",
-			width: Number(t.attrs.width || 160),
-			height: Number(t.attrs.height || 32),
-			required: t.attrs.required === !0,
-			defaultValue: typeof t.attrs.defaultValue == "string" ? t.attrs.defaultValue : "",
-			format: typeof t.attrs.format == "string" ? t.attrs.format : "",
-			precision: typeof t.attrs.precision == "number" ? t.attrs.precision : void 0,
-			useGrouping: typeof t.attrs.useGrouping == "boolean" ? t.attrs.useGrouping : void 0,
-			checkedText: typeof t.attrs.checkedText == "string" ? t.attrs.checkedText : "",
-			uncheckedText: typeof t.attrs.uncheckedText == "string" ? t.attrs.uncheckedText : "",
-			multiline: t.attrs.multiline === !0,
-			rows: Number(t.attrs.rows || 3),
-			lineHeight: Number(t.attrs.lineHeight || 28),
-			style: {
-				border: typeof t.attrs.border == "boolean" ? t.attrs.border : void 0,
-				underline: typeof t.attrs.underline == "boolean" ? t.attrs.underline : void 0,
-				color: typeof t.attrs.color == "string" ? t.attrs.color : void 0,
-				background: typeof t.attrs.background == "string" ? t.attrs.background : void 0,
-				fontSize: Number(t.attrs.fontSize || 14),
-				fontFamily: typeof t.attrs.fontFamily == "string" ? t.attrs.fontFamily : void 0,
-				placeholderColor: typeof t.attrs.placeholderColor == "string" ? t.attrs.placeholderColor : void 0,
-				lineColor: typeof t.attrs.lineColor == "string" ? t.attrs.lineColor : void 0,
-				textAlign: X(t.attrs.textAlign) ? t.attrs.textAlign : void 0,
-				borderStyle: Z(t.attrs.borderStyle) ? t.attrs.borderStyle : void 0,
-				objectFit: Q(t.attrs.objectFit) ? t.attrs.objectFit : void 0
-			}
-		}), t.content?.forEach(r);
+		t.type === "templateVariable" && typeof t.attrs?.key == "string" && a(ce(t.attrs, t.attrs.key)), t.content?.forEach(o);
 	}
-	if (r(e.contentJson), typeof window < "u" && typeof DOMParser < "u") new DOMParser().parseFromString(e.contentHtml || "", "text/html").querySelectorAll("[data-template-variable]").forEach((e) => {
-		let t = e.dataset.key || "", r = e.dataset.variableType;
-		n({
-			key: t,
-			label: e.dataset.label || t,
-			type: $(r) ? r : "text",
-			placeholder: e.dataset.placeholder || "",
-			width: Number(e.dataset.width || 160),
-			height: Number(e.dataset.height || 32),
-			required: e.dataset.required === "true",
-			defaultValue: e.dataset.defaultValue || "",
-			format: e.dataset.format || "",
-			precision: e.dataset.precision ? Number(e.dataset.precision) : void 0,
-			useGrouping: e.dataset.useGrouping ? e.dataset.useGrouping === "true" : void 0,
-			checkedText: e.dataset.checkedText || "",
-			uncheckedText: e.dataset.uncheckedText || "",
-			multiline: e.dataset.multiline === "true",
-			rows: Number(e.dataset.rows || 3),
-			lineHeight: Number(e.dataset.lineHeight || 28),
-			style: {
-				border: e.dataset.border ? e.dataset.border === "true" : void 0,
-				underline: e.dataset.underline ? e.dataset.underline === "true" : void 0,
-				color: e.dataset.color,
-				background: e.dataset.background,
-				fontSize: Number(e.dataset.fontSize || 14),
-				fontFamily: e.dataset.fontFamily,
-				placeholderColor: e.dataset.placeholderColor,
-				lineColor: e.dataset.lineColor,
-				textAlign: X(e.dataset.textAlign) ? e.dataset.textAlign : void 0,
-				borderStyle: Z(e.dataset.borderStyle) ? e.dataset.borderStyle : void 0,
-				objectFit: Q(e.dataset.objectFit) ? e.dataset.objectFit : void 0
-			}
-		});
-	});
-	else {
-		let t = /<span\b[^>]*data-template-variable=["']true["'][^>]*>|<span\b[^>]*data-key=["'][^"']+["'][^>]*data-template-variable=["']true["'][^>]*>/g, r = t.exec(e.contentHtml || "");
-		for (; r;) {
-			let i = r[0], a = F(i, "data-key");
-			if (a) {
-				let e = F(i, "data-variable-type") || "text";
-				n({
-					key: a,
-					label: F(i, "data-label") || a,
-					type: $(e) ? e : "text",
-					placeholder: F(i, "data-placeholder") || "",
-					width: Number(F(i, "data-width") || 160),
-					height: Number(F(i, "data-height") || 32),
-					required: F(i, "data-required") === "true",
-					defaultValue: F(i, "data-default-value") || "",
-					format: F(i, "data-format") || "",
-					precision: F(i, "data-precision") ? Number(F(i, "data-precision")) : void 0,
-					useGrouping: F(i, "data-use-grouping") ? F(i, "data-use-grouping") === "true" : void 0,
-					checkedText: F(i, "data-checked-text") || "",
-					uncheckedText: F(i, "data-unchecked-text") || "",
-					multiline: F(i, "data-multiline") === "true",
-					rows: Number(F(i, "data-rows") || 3),
-					lineHeight: Number(F(i, "data-line-height") || 28),
-					style: {
-						border: I(i, "data-border") ? F(i, "data-border") === "true" : void 0,
-						underline: I(i, "data-underline") ? F(i, "data-underline") === "true" : void 0,
-						color: F(i, "data-color") || void 0,
-						background: F(i, "data-background") || void 0,
-						fontSize: Number(F(i, "data-font-size") || 14),
-						fontFamily: F(i, "data-font-family") || void 0,
-						placeholderColor: F(i, "data-placeholder-color") || void 0,
-						lineColor: F(i, "data-line-color") || void 0,
-						textAlign: X(F(i, "data-text-align")) ? F(i, "data-text-align") : void 0,
-						borderStyle: Z(F(i, "data-border-style")) ? F(i, "data-border-style") : void 0,
-						objectFit: Q(F(i, "data-object-fit")) ? F(i, "data-object-fit") : void 0
-					}
-				});
-			}
-			r = t.exec(e.contentHtml || "");
-		}
-	}
-	return Array.from(t.values());
+	o(e.contentJson);
+	let c = e.contentHtml || "";
+	return n() ? new DOMParser().parseFromString(c, "text/html").querySelectorAll("[data-template-variable]").forEach((e) => {
+		a(K(r(e)));
+	}) : s(c, W, (e) => {
+		a(K(i(e)));
+	}), Array.from(t.values());
 }
-function F(e, t) {
-	return RegExp(`${t}=["']([^"']*)["']`).exec(e)?.[1] ?? "";
+function K(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: 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") ?? "",
+		precision: r ? Number(r) : void 0,
+		useGrouping: i ? i === "true" : void 0,
+		checkedText: e("data-checked-text") ?? "",
+		uncheckedText: e("data-unchecked-text") ?? "",
+		multiline: e("data-multiline") === "true",
+		rows: c(e("data-rows"), 3),
+		lineHeight: c(e("data-line-height"), 28),
+		style: {
+			border: l(e("data-border")),
+			underline: l(e("data-underline")),
+			color: e("data-color"),
+			background: e("data-background"),
+			fontSize: c(e("data-font-size"), 14),
+			fontFamily: e("data-font-family"),
+			placeholderColor: e("data-placeholder-color"),
+			lineColor: e("data-line-color"),
+			textAlign: Z(e("data-text-align")),
+			borderStyle: Q(e("data-border-style")),
+			objectFit: $(e("data-object-fit"))
+		}
+	};
 }
-function I(e, t) {
-	return RegExp(`${t}=["'][^"']*["']`).test(e);
+function ce(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: c(e.width, 160),
+		height: c(e.height, 32),
+		required: e.required === !0,
+		defaultValue: n("defaultValue") ?? "",
+		format: n("format") ?? "",
+		precision: typeof e.precision == "number" ? e.precision : void 0,
+		useGrouping: typeof e.useGrouping == "boolean" ? e.useGrouping : void 0,
+		checkedText: n("checkedText") ?? "",
+		uncheckedText: n("uncheckedText") ?? "",
+		multiline: e.multiline === !0,
+		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: c(e.fontSize, 14),
+			fontFamily: n("fontFamily"),
+			placeholderColor: n("placeholderColor"),
+			lineColor: n("lineColor"),
+			textAlign: Z(e.textAlign),
+			borderStyle: Q(e.borderStyle),
+			objectFit: $(e.objectFit)
+		}
+	};
 }
-function L(e, t) {
+function le(e, t) {
 	if (!e) return e;
-	if (typeof window < "u" && typeof DOMParser < "u") {
+	if (n()) {
 		let n = new DOMParser().parseFromString(e, "text/html");
-		return R(n), n.querySelectorAll("[data-template-variable]").forEach((e) => {
-			z(e, t);
+		return ue(n), n.querySelectorAll("[data-template-variable]").forEach((e) => {
+			de(e, t);
 		}), n.body.innerHTML;
 	}
-	return B(V(e), t);
+	return d(pe(e), (e, n) => {
+		let r = i(n);
+		return r("data-key") ? fe(r, t) : e;
+	});
 }
-function R(e) {
+function ue(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;
@@ -505,133 +538,112 @@ function R(e) {
 				e.removeAttribute(t.name);
 				return;
 			}
-			if ((n === "href" || n === "src") && q(r)) {
+			if ((n === "href" || n === "src") && J(r)) {
 				e.removeAttribute(t.name);
 				return;
 			}
-			n === "style" && J(r) && e.removeAttribute(t.name);
+			n === "style" && Y(r) && e.removeAttribute(t.name);
 		});
 	});
 }
-function z(e, n) {
-	let r = e.dataset.key || "", i = n.get(r), a = i?.type ?? e.dataset.variableType ?? "text", o = W(a, i?.defaultValue ?? e.dataset.defaultValue ?? ""), s = t({
+function q(e, n) {
+	let r = e("data-key") ?? "", i = n.get(r), a = i?.type ?? e("data-variable-type") ?? "text", o = he(a, i?.defaultValue ?? e("data-default-value") ?? ""), s = t({
 		type: a,
-		width: i?.width ?? e.dataset.width,
-		height: i?.height ?? e.dataset.height,
+		width: i?.width ?? e("data-width"),
+		height: i?.height ?? e("data-height"),
 		defaultValue: o,
-		placeholder: i?.placeholder ?? e.dataset.placeholder ?? "",
-		format: i?.format ?? e.dataset.format ?? "",
-		precision: i?.precision ?? G(e.dataset.precision),
-		useGrouping: i?.useGrouping ?? K(e.dataset.useGrouping),
-		checkedText: i?.checkedText ?? e.dataset.checkedText ?? "",
-		uncheckedText: i?.uncheckedText ?? e.dataset.uncheckedText ?? "",
-		multiline: i?.multiline ?? K(e.dataset.multiline) ?? !1,
-		rows: i?.rows ?? e.dataset.rows,
-		lineHeight: i?.lineHeight ?? e.dataset.lineHeight,
-		style: H(i, e)
+		placeholder: i?.placeholder ?? e("data-placeholder") ?? "",
+		format: i?.format ?? e("data-format") ?? "",
+		precision: i?.precision ?? u(e("data-precision")),
+		useGrouping: i?.useGrouping ?? l(e("data-use-grouping")),
+		checkedText: i?.checkedText ?? e("data-checked-text") ?? "",
+		uncheckedText: i?.uncheckedText ?? e("data-unchecked-text") ?? "",
+		multiline: i?.multiline ?? l(e("data-multiline")) ?? !1,
+		rows: i?.rows ?? e("data-rows"),
+		lineHeight: i?.lineHeight ?? e("data-line-height"),
+		style: me(i, e)
 	});
-	e.setAttribute("data-template-variable", "true"), e.setAttribute("data-key", r), e.setAttribute("data-label", i?.label ?? e.dataset.label ?? r), e.setAttribute("data-variable-type", s.type), e.setAttribute("data-width", String(s.width)), e.setAttribute("data-height", String(s.height)), e.setAttribute("data-border", String(s.border)), e.setAttribute("data-underline", String(s.underline)), e.setAttribute("data-color", s.color), e.setAttribute("data-background", s.background), e.setAttribute("data-font-size", String(s.fontSize)), e.setAttribute("data-font-family", s.fontFamily), e.setAttribute("data-placeholder-color", s.placeholderColor), e.setAttribute("data-line-color", s.lineColor), e.setAttribute("data-text-align", s.textAlign), e.setAttribute("data-border-style", s.borderStyle), e.setAttribute("data-object-fit", s.objectFit), e.className = s.classes.join(" "), e.setAttribute("style", s.styleText), e.textContent = s.type === "image" && s.hasDefaultValue ? " " : s.displayText || " ";
-}
-function B(e, n) {
-	return e.replace(/<span\b(?=[^>]*data-template-variable=["']true["'])([^>]*)>[\s\S]*?<\/span>/g, (e, r) => {
-		let i = F(r, "data-key");
-		if (!i) return e;
-		let a = n.get(i), o = a?.type ?? F(r, "data-variable-type") ?? "text", s = W(o, a?.defaultValue ?? F(r, "data-default-value")), c = t({
-			type: o,
-			width: a?.width ?? F(r, "data-width"),
-			height: a?.height ?? F(r, "data-height"),
-			defaultValue: s,
-			placeholder: a?.placeholder ?? F(r, "data-placeholder"),
-			format: a?.format ?? F(r, "data-format"),
-			precision: a?.precision ?? G(F(r, "data-precision")),
-			useGrouping: a?.useGrouping ?? K(F(r, "data-use-grouping")),
-			checkedText: a?.checkedText ?? F(r, "data-checked-text"),
-			uncheckedText: a?.uncheckedText ?? F(r, "data-unchecked-text"),
-			multiline: a?.multiline ?? K(F(r, "data-multiline")) ?? !1,
-			rows: a?.rows ?? F(r, "data-rows"),
-			lineHeight: a?.lineHeight ?? F(r, "data-line-height"),
-			style: U(a, r)
-		}), l = c.type === "image" && c.hasDefaultValue ? " " : c.displayText || " ";
-		return `<span data-template-variable="true" data-key="${M(i)}" data-label="${M(a?.label ?? (F(r, "data-label") || i))}" data-variable-type="${M(c.type)}" data-width="${c.width}" data-height="${c.height}" data-border="${c.border}" data-underline="${c.underline}" data-font-family="${M(c.fontFamily)}" class="${M(c.classes.join(" "))}" style="${M(c.styleText)}">${N(l)}</span>`;
-	});
-}
-function V(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) => q(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => J(n) ? "" : ` style=${t}${n}${t}`);
-}
-function H(e, t) {
 	return {
-		border: e?.style?.border ?? K(t.dataset.border),
-		underline: e?.style?.underline ?? K(t.dataset.underline),
-		color: e?.style?.color ?? t.dataset.color,
-		background: e?.style?.background ?? t.dataset.background,
-		fontSize: e?.style?.fontSize ?? G(t.dataset.fontSize),
-		fontFamily: e?.style?.fontFamily ?? t.dataset.fontFamily,
-		placeholderColor: e?.style?.placeholderColor ?? t.dataset.placeholderColor,
-		lineColor: e?.style?.lineColor ?? t.dataset.lineColor,
-		textAlign: e?.style?.textAlign ?? (X(t.dataset.textAlign) ? t.dataset.textAlign : void 0),
-		borderStyle: e?.style?.borderStyle ?? (Z(t.dataset.borderStyle) ? t.dataset.borderStyle : void 0),
-		objectFit: e?.style?.objectFit ?? (Q(t.dataset.objectFit) ? t.dataset.objectFit : void 0)
+		key: r,
+		label: i?.label ?? e("data-label") ?? r,
+		presentation: s,
+		text: s.type === "image" && s.hasDefaultValue ? " " : s.displayText || " "
 	};
 }
-function U(e, t) {
-	let n = F(t, "data-text-align"), r = F(t, "data-border-style"), i = F(t, "data-object-fit");
-	return {
-		border: e?.style?.border ?? K(F(t, "data-border")),
-		underline: e?.style?.underline ?? K(F(t, "data-underline")),
-		color: e?.style?.color ?? (F(t, "data-color") || void 0),
-		background: e?.style?.background ?? (F(t, "data-background") || void 0),
-		fontSize: e?.style?.fontSize ?? G(F(t, "data-font-size")),
-		fontFamily: e?.style?.fontFamily ?? (F(t, "data-font-family") || void 0),
-		placeholderColor: e?.style?.placeholderColor ?? (F(t, "data-placeholder-color") || void 0),
-		lineColor: e?.style?.lineColor ?? (F(t, "data-line-color") || void 0),
-		textAlign: e?.style?.textAlign ?? (X(n) ? n : void 0),
-		borderStyle: e?.style?.borderStyle ?? (Z(r) ? r : void 0),
-		objectFit: e?.style?.objectFit ?? (Q(i) ? i : void 0)
-	};
+function de(e, t) {
+	let { key: n, label: i, presentation: a, text: o } = q(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), e.textContent = o;
 }
-function W(e, t) {
-	return e === "image" && q(t) ? "" : t;
+function fe(e, t) {
+	let { key: n, label: r, presentation: i, text: s } = q(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)}">${o(s)}</span>`;
 }
-function G(e) {
-	if (e == null || e === "") return;
-	let t = Number(e);
-	return Number.isFinite(t) ? t : void 0;
+function pe(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) => J(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => Y(n) ? "" : ` style=${t}${n}${t}`);
 }
-function K(e) {
-	if (!(e == null || e === "")) return e === !0 || e === "true";
+function me(e, t) {
+	return {
+		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 ?? 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"),
+		textAlign: e?.style?.textAlign ?? Z(t("data-text-align")),
+		borderStyle: e?.style?.borderStyle ?? Q(t("data-border-style")),
+		objectFit: e?.style?.objectFit ?? $(t("data-object-fit"))
+	};
 }
-function q(e) {
+function he(e, t) {
+	return e === "image" && J(t) ? "" : t;
+}
+function J(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 J(e) {
+function Y(e) {
 	return /expression\s*\(|javascript:|vbscript:/i.test(e);
 }
-function Y(e) {
+function ge(e) {
 	if (!e) return e;
-	if (typeof window < "u" && typeof DOMParser < "u") {
+	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 e.replace(/<span\b(?=[^>]*data-template-variable=["']true["'])([^>]*)>[\s\S]*?<\/span>/g, (e, t) => {
-		let n = F(t, "data-key");
+	return d(e, (e, t) => {
+		let n = i(t)("data-key");
 		return n ? `<span${t}>\${{${n}}}</span>` : e;
 	});
 }
-function X(e) {
+function _e(e) {
 	return e === "left" || e === "center" || e === "right";
 }
-function Z(e) {
+function X(e) {
 	return e === "solid" || e === "dashed";
 }
-function Q(e) {
+function ve(e) {
 	return e === "contain" || e === "cover" || e === "fill";
 }
+function Z(e) {
+	return _e(e) ? e : void 0;
+}
+function Q(e) {
+	return X(e) ? e : void 0;
+}
 function $(e) {
-	return e === "text" || e === "date" || e === "number" || e === "image" || e === "signature" || e === "seal" || e === "checkbox";
+	return ve(e) ? e : void 0;
+}
+function ye(e, t = []) {
+	let n = [...t, ...L(e)], r = /* @__PURE__ */ new Set();
+	return n.filter((e) => {
+		let t = `${e.code ?? ""}|${e.id}|${e.pageId ?? ""}|${e.message}`;
+		return r.has(t) ? !1 : (r.add(t), !0);
+	});
 }
 //#endregion
-export { s as CONTRACT_TEMPLATE_RENDERER_VERSION, c as CONTRACT_TEMPLATE_STYLE_VERSION, i as DEFAULT_FIELD_STYLE, l as DEFAULT_FIELD_TYPES, o as DEFAULT_MULTILINE_LINE_HEIGHT, a as DEFAULT_MULTILINE_ROWS, r as DEFAULT_PAGE_SIZE, n as PAGE_SIZE_OPTIONS, C as buildTemplateExpressionHtml, ne as buildTemplateHtml, w as buildTemplatePreviewHtml, f as cloneTemplateValue, O as collectTemplateValueVariableKeys, D as collectTemplateVariableKeys, v as createBlankPage, b as createBlankTemplate, _ as createDefaultPage, y as createDefaultTemplate, d as createDesignerId, S as createTemplateVariable, T as exportTemplateValue, x as getFieldOption, p as getPageSizeOption, m as inferPageFormat, te as normalizeTemplateValue, h as resolvePageSize, A as splitPageContentByMeasurements, k as syncTemplateVariablesWithPages, E as validateTemplateValue };
+export { g as CONTRACT_TEMPLATE_RENDERER_VERSION, _ as CONTRACT_TEMPLATE_STYLE_VERSION, m as DEFAULT_FIELD_STYLE, v as DEFAULT_FIELD_TYPES, re as DEFAULT_MULTILINE_LINE_HEIGHT, h as DEFAULT_MULTILINE_ROWS, p as DEFAULT_PAGE_SIZE, f as PAGE_SIZE_OPTIONS, F as buildTemplateExpressionHtml, ae as buildTemplateHtml, oe as buildTemplatePreviewHtml, I as buildTemplatePreviewPages, x as cloneTemplateValue, ye as collectTemplateLocationRuleExportErrors, B as collectTemplateValueVariableKeys, R as collectTemplateVariableKeys, D as createBlankPage, k as createBlankTemplate, E as createDefaultPage, O as createDefaultTemplate, b as createDesignerId, j as createTemplateVariable, se as exportTemplateValue, A as getFieldOption, S as getPageSizeOption, C as inferPageFormat, ie as normalizeContractTemplateMaxPages, P as normalizeTemplateValue, w as resolvePageSize, H as splitPageContentByMeasurements, V as syncTemplateVariablesWithPages, L as validateTemplateValue };