@pdfme/schemas 6.2.0 → 6.2.1

package/dist/barcodes/helper.d.ts

@@ -9,6 +9,11 @@ export declare const barCodeType2Bcid: (type: BarcodeTypes) => "code128" | "code
  *  Strip hash from the beginning of HTML hex color codes for the bwip.js lib
  */
 export declare const mapHexColorForBwipJsLib: (color: string | undefined, fallback?: string) => string;
+/**
+ * Barcode colors historically accept bwip-js style hex without a leading '#';
+ * CSS and pdfme's color utils require the '#', so add it when missing.
+ */
+export declare const ensureHexColorHash: (color: string | undefined) => string | undefined;
 export type BarcodeRenderRuntime = 'document-canvas' | 'offscreencanvas' | 'node-buffer';
 /**
  * Pick a barcode renderer from capabilities, not `typeof window`.

package/dist/index.js

@@ -7,7 +7,7 @@ import { a as normalizeListItems, c as LIST_STYLE_BULLET, i as normalizeListItem
 import { i as validateVariables, n as substituteVariables, r as substituteVariablesAsInlineMarkdownLiterals, t as resolveReadOnlyMultiVariableText } from "./helper-BR4_UZA5.js";
 import "./tables.js";
 import "./lists.js";
-import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
+import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, isHexValid, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
 import { Buffer as Buffer$1 } from "buffer";
 import { popGraphicsState, pushGraphicsState, rotateDegrees, translate } from "@pdfme/pdf-lib";
 import { Barcode, Calendar, CalendarClock, ChevronDown, Circle, CircleDot, Clock, Image, List, Minus, QrCode, Route, Square, SquareCheck, Table, Type } from "lucide";
@@ -2458,6 +2458,11 @@ var barCodeType2Bcid = (type) => type === "nw7" ? "rationalizedCodabar" : type;
 *  Strip hash from the beginning of HTML hex color codes for the bwip.js lib
 */
 var mapHexColorForBwipJsLib = (color, fallback) => color ? color.replace("#", "") : fallback ? fallback.replace("#", "") : "000000";
+/**
+* Barcode colors historically accept bwip-js style hex without a leading '#';
+* CSS and pdfme's color utils require the '#', so add it when missing.
+*/
+var ensureHexColorHash = (color) => color && !color.startsWith("#") && isHexValid(`#${color}`) ? `#${color}` : color;
 var getBwipJsRenderer = () => bwipjs;
 var getDocument = () => globalThis.document;
 var getOffscreenCanvasCtor = () => globalThis.OffscreenCanvas;
@@ -2532,11 +2537,24 @@ var createBarCode = async (arg) => {
 //#endregion
 //#region src/barcodes/pdfRender.ts
 var getBarcodeCacheKey = (schema, value) => {
-	return `svg:${schema.type}:${schema.width}:${schema.height}:${schema.backgroundColor}:${schema.barColor}:${schema.textColor}:${schema.includetext}:${value}`;
+	return `svg:${schema.type}:${schema.width}:${schema.height}:${schema.barColor}:${schema.textColor}:${schema.includetext}:${value}`;
 };
 var addSvgOpacity = (svg, opacity) => {
 	return opacity === void 0 ? svg : svg.replace(/<svg\b/, `<svg opacity="${opacity}"`);
 };
+var splitHexAlpha = (hexColor) => {
+	const hex = hexColor.slice(1);
+	if (hex.length !== 4 && hex.length !== 8) return {
+		color: hexColor,
+		alpha: 1
+	};
+	const rgbLength = hex.length === 4 ? 3 : 6;
+	const alphaHex = hex.slice(rgbLength);
+	return {
+		color: `#${hex.slice(0, rgbLength)}`,
+		alpha: parseInt(alphaHex.length === 1 ? alphaHex.repeat(2) : alphaHex, 16) / 255
+	};
+};
 var getSvgColorMapper = (colorType = "") => {
 	return colorType.toLowerCase() === "cmyk" ? ({ parsed }) => ({
 		color: rgbColorToCmykColor(parsed.rgb),
@@ -2551,9 +2569,11 @@ var pdfRender$1 = async (arg) => {
 	if (!svg) {
 		svg = createBarCodeSvg({
 			...schema,
+			backgroundColor: void 0,
 			type: schema.type,
 			input: value
 		});
+		svg = svg.replace(/<svg\b/, "<svg preserveAspectRatio=\"none\"");
 		_cache.set(inputBarcodeCacheKey, svg);
 	}
 	const pageHeight = page.getHeight();
@@ -2569,6 +2589,19 @@ var pdfRender$1 = async (arg) => {
 	const rotate = schema.rotate ? -schema.rotate : 0;
 	if (rotate) page.pushOperators(pushGraphicsState(), translate(pivot.x, pivot.y), rotateDegrees(rotate), translate(-pivot.x, -pivot.y));
 	try {
+		const backgroundHex = ensureHexColorHash(schema.backgroundColor);
+		if (backgroundHex) {
+			const { color: backgroundColorHex, alpha } = splitHexAlpha(backgroundHex);
+			const backgroundColor = alpha > 0 ? hex2PrintingColor(backgroundColorHex, options.colorType) : void 0;
+			if (backgroundColor) page.drawRectangle({
+				x,
+				y,
+				width,
+				height,
+				color: backgroundColor,
+				opacity: (opacity ?? 1) * alpha
+			});
+		}
 		await page.drawSvg(addSvgOpacity(svg, opacity), {
 			x,
 			y: y + height,
@@ -2800,6 +2833,7 @@ var blobToDataURL = (blob) => new Promise((resolve, reject) => {
 var createBarcodeImage = async (schema, value) => {
 	const imageBuf = await createBarCode({
 		...schema,
+		backgroundColor: void 0,
 		input: value
 	});
 	return await blobToDataURL(new Blob([new Uint8Array(imageBuf)], { type: "image/png" }));
@@ -2823,7 +2857,8 @@ var uiRender$1 = async (arg) => {
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center",
-		fontFamily: "'Open Sans', sans-serif"
+		fontFamily: "'Open Sans', sans-serif",
+		backgroundColor: ensureHexColorHash(schema.backgroundColor) || "transparent"
 	};
 	Object.assign(container.style, containerStyle);
 	rootElement.appendChild(container);