@pdfme/ui 6.1.13-dev.36 → 6.1.13-dev.37

package/dist/index.js

@@ -38372,25 +38372,51 @@ var splitFontFamilies = (fontFamily) => {
 var normalizeFontFamily = (fontFamily) => {
 	return splitFontFamilies(fontFamily)[0] || fontFamily.trim();
 };
-var parseColor$2 = (color, inherited) => {
+var parseColor$2 = (color, kind, options, inherited) => {
 	if (!color || color.length === 0) return void 0;
 	if (["none", "transparent"].includes(color)) return void 0;
-	if (color === "currentColor") return inherited || parseColor$2("#000000");
+	if (color === "currentColor") {
+		if (inherited?.color) return {
+			rgb: inherited.color,
+			alpha: inherited.opacity?.toString()
+		};
+		return parseColor$2("#000000", kind, options);
+	}
 	const parsedColor = colorString(color);
+	const parsed = {
+		rgb: parsedColor.rgb,
+		alpha: parsedColor.alpha
+	};
+	const mappedColor = options.mapColor?.({
+		color,
+		parsed,
+		kind,
+		inherited
+	});
+	if (mappedColor) return {
+		rgb: mappedColor.color,
+		alpha: mappedColor.alpha !== void 0 ? mappedColor.alpha.toString() : parsedColor.alpha !== void 0 ? parsedColor.alpha.toString() : void 0
+	};
 	return {
 		rgb: parsedColor.rgb,
-		alpha: parsedColor.alpha ? parsedColor.alpha + "" : void 0
+		alpha: parsedColor.alpha !== void 0 ? parsedColor.alpha.toString() : void 0
 	};
 };
-var parseAttributes = (element, inherited, matrix) => {
+var parseAttributes = (element, inherited, matrix, options) => {
 	const attributes = element.attributes;
 	const style = parseStyles$1(attributes.style);
 	const widthRaw = styleOrAttribute(attributes, style, "width", "");
 	const heightRaw = styleOrAttribute(attributes, style, "height", "");
-	const fillRaw = parseColor$2(styleOrAttribute(attributes, style, "fill"));
+	const fillRaw = parseColor$2(styleOrAttribute(attributes, style, "fill"), "fill", options, {
+		color: inherited.fill,
+		opacity: inherited.fillOpacity
+	});
 	const fillOpacityRaw = styleOrAttribute(attributes, style, "fill-opacity");
 	const opacityRaw = styleOrAttribute(attributes, style, "opacity");
-	const strokeRaw = parseColor$2(styleOrAttribute(attributes, style, "stroke"));
+	const strokeRaw = parseColor$2(styleOrAttribute(attributes, style, "stroke"), "stroke", options, {
+		color: inherited.stroke,
+		opacity: inherited.strokeOpacity
+	});
 	const strokeOpacityRaw = styleOrAttribute(attributes, style, "stroke-opacity");
 	const strokeLineCapRaw = styleOrAttribute(attributes, style, "stroke-linecap");
 	const strokeLineJoinRaw = styleOrAttribute(attributes, style, "stroke-linejoin");
@@ -38560,18 +38586,18 @@ var getAspectRatioTransformation = (matrix, originalWidth, originalHeight, targe
 		content: combineTransformation(combineTransformation(matrix, "translate", [x, y]), "scale", [scale])
 	};
 };
-var parseHTMLNode = (node, inherited, matrix, clipSpaces) => {
+var parseHTMLNode = (node, inherited, matrix, clipSpaces, options) => {
 	if (node.nodeType === import_src.NodeType.COMMENT_NODE) return [];
 	else if (node.nodeType === import_src.NodeType.TEXT_NODE) return [];
-	else if (node.tagName === "g") return parseGroupNode(node, inherited, matrix, clipSpaces);
-	else if (node.tagName === "svg") return parseSvgNode(node, inherited, matrix, clipSpaces);
+	else if (node.tagName === "g") return parseGroupNode(node, inherited, matrix, clipSpaces, options);
+	else if (node.tagName === "svg") return parseSvgNode(node, inherited, matrix, clipSpaces, options);
 	else {
 		if (node.tagName === "polygon") {
 			node.tagName = "path";
 			node.attributes.d = `M${node.attributes.points}Z`;
 			delete node.attributes.points;
 		}
-		const attributes = parseAttributes(node, inherited, matrix);
+		const attributes = parseAttributes(node, inherited, matrix, options);
 		const svgAttributes = {
 			...attributes.inherited,
 			...attributes.svgAttributes,
@@ -38582,10 +38608,10 @@ var parseHTMLNode = (node, inherited, matrix, clipSpaces) => {
 		return [node];
 	}
 };
-var parseSvgNode = (node, inherited, matrix, clipSpaces) => {
+var parseSvgNode = (node, inherited, matrix, clipSpaces, options) => {
 	if (!node.attributes.width) node.setAttribute("width", inherited.viewBox.width + "");
 	if (!node.attributes.height) node.setAttribute("height", inherited.viewBox.height + "");
-	const attributes = parseAttributes(node, inherited, matrix);
+	const attributes = parseAttributes(node, inherited, matrix, options);
 	const result = [];
 	const viewBox = node.attributes.viewBox ? parseViewBox(node.attributes.viewBox) : node.attributes.width && node.attributes.height ? parseViewBox(`0 0 ${node.attributes.width} ${node.attributes.height}`) : inherited.viewBox;
 	let newMatrix = combineTransformation(matrix, "translate", [parseFloat(node.attributes.x) || 0, parseFloat(node.attributes.y) || 0]);
@@ -38613,16 +38639,16 @@ var parseSvgNode = (node, inherited, matrix, clipSpaces) => {
 		const parsedNodes = parseHTMLNode(child, {
 			...attributes.inherited,
 			viewBox
-		}, newMatrix, [...clipSpaces, baseClipSpace]);
+		}, newMatrix, [...clipSpaces, baseClipSpace], options);
 		result.push(...parsedNodes);
 	});
 	return result;
 };
-var parseGroupNode = (node, inherited, matrix, clipSpaces) => {
-	const attributes = parseAttributes(node, inherited, matrix);
+var parseGroupNode = (node, inherited, matrix, clipSpaces, options) => {
+	const attributes = parseAttributes(node, inherited, matrix, options);
 	const result = [];
 	node.childNodes.forEach((child) => {
-		result.push(...parseHTMLNode(child, attributes.inherited, attributes.matrix, clipSpaces));
+		result.push(...parseHTMLNode(child, attributes.inherited, attributes.matrix, clipSpaces, options));
 	});
 	return result;
 };
@@ -38643,7 +38669,7 @@ var parseViewBox = (viewBox) => {
 		height: heightViewBox
 	};
 };
-var parse$1$1 = (svg, { width, height, fontSize }, size, matrix) => {
+var parse$1$1 = (svg, { width, height, fontSize, mapColor }, size, matrix) => {
 	const htmlElement = (0, import_src.parse)(svg).firstChild;
 	if (width) htmlElement.setAttribute("width", width + "");
 	if (height) htmlElement.setAttribute("height", height + "");
@@ -38651,7 +38677,7 @@ var parse$1$1 = (svg, { width, height, fontSize }, size, matrix) => {
 	return parseHTMLNode(htmlElement, {
 		...size,
 		viewBox: parseViewBox(htmlElement.attributes.viewBox || "0 0 1 1")
-	}, matrix, []);
+	}, matrix, [], { mapColor });
 };
 var drawSvg = async (page, svg, options) => {
 	if (!svg) return;
@@ -40019,12 +40045,14 @@ var PDFPage = class {
 		assertOrUndefined(options.y, "options.y", ["number"]);
 		assertOrUndefined(options.width, "options.width", ["number"]);
 		assertOrUndefined(options.height, "options.height", ["number"]);
+		assertOrUndefined(options.mapColor, "options.mapColor", [Function]);
 		await drawSvg(this, svg, {
 			x: options.x ?? this.x,
 			y: options.y ?? this.y,
 			fonts: options.fonts,
 			width: options.width,
-			height: options.height
+			height: options.height,
+			mapColor: options.mapColor
 		});
 	}
 	getFont() {
@@ -85903,7 +85931,7 @@ var getDynamicLayoutForTable = async (value, args) => {
 	};
 };
 //#endregion
-//#region ../schemas/dist/utils-CtRFDAnq.js
+//#region ../schemas/dist/utils-CPYF2FY_.js
 var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
 	const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
 	const { x: mmX, y: mmY } = position;
@@ -85952,6 +85980,15 @@ var hex2rgb = (hex) => {
 		hex.slice(4, 6)
 	].map((str) => parseInt(str, 16));
 };
+var getHexOpacity = (hex) => {
+	const normalized = hex.startsWith("#") ? hex.slice(1) : hex;
+	const opacityHex = normalized.length === 4 ? normalized.slice(3, 4).repeat(2) : normalized.length === 8 ? normalized.slice(6, 8) : "";
+	return opacityHex ? parseInt(opacityHex, 16) / 255 : 1;
+};
+var rgbColorToCmykColor = ({ red, green, blue }) => {
+	const key = 1 - Math.max(red, green, blue);
+	return cmyk(key === 1 ? 0 : (1 - red - key) / (1 - key), key === 1 ? 0 : (1 - green - key) / (1 - key), key === 1 ? 0 : (1 - blue - key) / (1 - key), key);
+};
 var hex2RgbColor = (hexString) => {
 	if (hexString) {
 		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
@@ -85962,18 +85999,12 @@ var hex2RgbColor = (hexString) => {
 var hex2CmykColor = (hexString) => {
 	if (hexString) {
 		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
-		hexString = hexString.replace("#", "");
-		const hexColor = hexString.substring(0, 6);
-		const opacityColor = hexString.substring(6, 8);
-		const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;
-		let r = parseInt(hexColor.substring(0, 2), 16) / 255;
-		let g = parseInt(hexColor.substring(2, 4), 16) / 255;
-		let b = parseInt(hexColor.substring(4, 6), 16) / 255;
+		let [r, g, b] = hex2rgb(hexString).map((value) => value / 255);
+		const opacity = getHexOpacity(hexString);
 		r = r * opacity + (1 - opacity);
 		g = g * opacity + (1 - opacity);
 		b = b * opacity + (1 - opacity);
-		const k = 1 - Math.max(r, g, b);
-		return cmyk(k === 1 ? 0 : (1 - r - k) / (1 - k), k === 1 ? 0 : (1 - g - k) / (1 - k), k === 1 ? 0 : (1 - b - k) / (1 - k), k);
+		return rgbColorToCmykColor(rgb(r, g, b));
 	}
 };
 var hex2PrintingColor = (color, colorType) => {
@@ -86193,7 +86224,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-D75m2smy.js
+//#region ../schemas/dist/builtins-C-2wyB_3.js
 var addUriLinkAnnotation = (arg) => {
 	const { pdfDoc, page, uri, rect, borderWidth = 0 } = arg;
 	const safeUri = normalizeSafeLinkUri(uri);