@pdfme/schemas 6.1.1-dev.26 → 6.1.1-dev.30

package/dist/box.d.ts

@@ -0,0 +1,45 @@
+import type { PropPanelSchema } from '@pdfme/common';
+export type BoxDimension = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type BoxStyleSchema = {
+    borderWidth?: Partial<BoxDimension>;
+    padding?: Partial<BoxDimension>;
+};
+export type BoxLikeSchema = BoxStyleSchema & {
+    position: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    height: number;
+};
+export declare const createBoxDimension: (value?: number) => BoxDimension;
+export declare const normalizeBoxDimension: (value?: Partial<BoxDimension>) => BoxDimension;
+export declare const getBoxInsets: (schema: BoxStyleSchema) => {
+    borderWidth: BoxDimension;
+    padding: BoxDimension;
+};
+export declare const getBoxHorizontalInset: (schema: BoxStyleSchema) => number;
+export declare const getBoxVerticalInset: (schema: BoxStyleSchema) => number;
+export declare const getBoxContentArea: <T extends BoxLikeSchema>(schema: T) => {
+    position: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    height: number;
+    leftInset: number;
+    topInset: number;
+    rightInset: number;
+    bottomInset: number;
+};
+export declare const hasBoxDimension: (dimension?: Partial<BoxDimension>) => boolean;
+export declare const getSplitBoxDimension: (dimension: Partial<BoxDimension> | undefined, range: {
+    start: number;
+    end?: number;
+}, totalUnits: number) => BoxDimension;
+export declare const getBoxDimensionPropPanelSchema: (step?: number) => Record<string, PropPanelSchema>;

package/dist/{builtins-BNd4jd5D.js → builtins-BB2DHceW.js}

@@ -1,7 +1,7 @@
-import { A as DEFAULT_TEXT_FORMAT, B as SYNTHETIC_BOLD_OFFSET_RATIO, C as ALIGN_RIGHT, D as DEFAULT_DYNAMIC_FIT, E as DEFAULT_ALIGNMENT, F as FONT_VARIANT_FALLBACK_ERROR, G as VERTICAL_ALIGN_BOTTOM, H as TEXT_FORMAT_PLAIN, I as FONT_VARIANT_FALLBACK_PLAIN, K as VERTICAL_ALIGN_MIDDLE, L as FONT_VARIANT_FALLBACK_SYNTHETIC, M as DYNAMIC_FIT_HORIZONTAL, N as DYNAMIC_FIT_VERTICAL, O as DEFAULT_FONT_COLOR, R as PLACEHOLDER_FONT_COLOR, T as CODE_HORIZONTAL_PADDING, U as TEXT_OVERFLOW_EXPAND, V as TEXT_FORMAT_INLINE_MARKDOWN, W as TEXT_OVERFLOW_VISIBLE, _ as isFirefox, b as ALIGN_CENTER, d as calculateDynamicFontSize, f as fetchRemoteFontData, g as heightOfFontAtSize, h as getFontKitFont, j as DEFAULT_TEXT_OVERFLOW, k as DEFAULT_FONT_VARIANT_FALLBACK, m as getFontDescentInPt, p as getBrowserVerticalFontAdjustments, u as getTextLineRange, v as splitTextToSize, w as CODE_BACKGROUND_COLOR, x as ALIGN_JUSTIFY, y as widthOfTextAtSize, z as SYNTHETIC_BOLD_CSS_TEXT_SHADOW } from "./splitRange-CpXivbmJ.js";
-import { a as plainTextLinesToValue, c as countRichTextLineGraphemes, f as resolveRichTextRuns, h as stripInlineMarkdown, l as isInlineMarkdownTextSchema, m as parseInlineMarkdown, s as calculateDynamicRichTextFontSize, t as applyTextLineRange, u as layoutRichTextLines } from "./measure-Bjmh9Ro3.js";
-import { c as HEX_COLOR_PATTERN } from "./dynamicTemplate-CjbGepw4.js";
-import { c as isEditable, i as createSvgStr, n as convertForPdfLayoutProps, o as hex2PrintingColor, u as rotatePoint } from "./utils-Bd4CvhPZ.js";
+import { $ as VERTICAL_ALIGN_MIDDLE, A as ALIGN_RIGHT, B as DYNAMIC_FIT_VERTICAL, C as getBoxInsets, D as ALIGN_CENTER, E as hasBoxDimension, F as DEFAULT_FONT_COLOR, G as PLACEHOLDER_FONT_COLOR, H as FONT_VARIANT_FALLBACK_ERROR, I as DEFAULT_FONT_VARIANT_FALLBACK, J as TEXT_FORMAT_INLINE_MARKDOWN, K as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, L as DEFAULT_TEXT_FORMAT, M as CODE_HORIZONTAL_PADDING, N as DEFAULT_ALIGNMENT, O as ALIGN_JUSTIFY, P as DEFAULT_DYNAMIC_FIT, Q as VERTICAL_ALIGN_BOTTOM, R as DEFAULT_TEXT_OVERFLOW, S as getBoxDimensionPropPanelSchema, U as FONT_VARIANT_FALLBACK_PLAIN, W as FONT_VARIANT_FALLBACK_SYNTHETIC, X as TEXT_OVERFLOW_EXPAND, Y as TEXT_FORMAT_PLAIN, Z as TEXT_OVERFLOW_VISIBLE, _ as isFirefox, b as createBoxDimension, d as calculateDynamicFontSize, f as fetchRemoteFontData, g as heightOfFontAtSize, h as getFontKitFont, j as CODE_BACKGROUND_COLOR, m as getFontDescentInPt, p as getBrowserVerticalFontAdjustments, q as SYNTHETIC_BOLD_OFFSET_RATIO, u as getTextLineRange, v as splitTextToSize, x as getBoxContentArea, y as widthOfTextAtSize, z as DYNAMIC_FIT_HORIZONTAL } from "./splitRange-DmVDtmzO.js";
+import { _ as stripInlineMarkdown, d as isInlineMarkdownTextSchema, f as layoutRichTextLines, g as parseInlineMarkdown, l as calculateDynamicRichTextFontSize, m as resolveRichTextRuns, s as plainTextLinesToValue, t as applyTextLineRange, u as countRichTextLineGraphemes } from "./measure-L5diay3k.js";
+import { c as HEX_COLOR_PATTERN } from "./dynamicTemplate-B4GCNLF9.js";
+import { c as isEditable, i as createSvgStr, n as convertForPdfLayoutProps, o as hex2PrintingColor, u as rotatePoint } from "./utils-zDZkqBnX.js";
 import { DEFAULT_FONT_NAME, getDefaultFont, getFallbackFontName, getInternalLinkTarget, isBlankPdf, mm2pt, normalizeLinkHref, normalizeSafeLinkUri, registerInternalLinkAnnotation } from "@pdfme/common";
 import { PDFName, PDFString } from "@pdfme/pdf-lib";
 import { AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDownToLine, ArrowUpToLine, Strikethrough, TextCursorInput, Underline } from "lucide";
@@ -36,7 +36,7 @@ var addUriLinkAnnotation = (arg) => {
 //#region src/text/richTextPdfRender.ts
 var getSyntheticBoldWidth = (run, fontSize) => run.syntheticBold ? fontSize * SYNTHETIC_BOLD_OFFSET_RATIO * 2 : 0;
 var getSyntheticItalicWidth = (run, fontSize) => run.syntheticItalic ? heightOfFontAtSize(run.fontKitFont, fontSize) * Math.tan(12 * Math.PI / 180) : 0;
-var getRunWidth = (run, fontSize, characterSpacing) => widthOfTextAtSize(run.text, run.fontKitFont, fontSize, characterSpacing) + getSyntheticBoldWidth(run, fontSize) + getSyntheticItalicWidth(run, fontSize);
+var getRunWidth = (run, fontSize, characterSpacing) => widthOfTextAtSize(run.text, run.fontKitFont, fontSize, characterSpacing) + getSyntheticBoldWidth(run, fontSize) + getSyntheticItalicWidth(run, fontSize) + (run.code ? CODE_HORIZONTAL_PADDING * 2 : 0);
 var getPdfFontFromObj = (run, pdfFontObj) => {
 	const pdfFont = pdfFontObj[run.fontName];
 	if (!pdfFont) throw new Error(`[@pdfme/schemas] Missing embedded font "${run.fontName}".`);
@@ -117,10 +117,12 @@ var getLinkAnnotationRect = (arg) => {
 var drawRun = (arg) => {
 	const { page, pdfLib, run, pdfFont, x, y, rotate, pivotPoint, fontSize, lineHeight, color, opacity, colorType, characterSpacing, strikethrough, underline } = arg;
 	const runWidth = getRunWidth(run, fontSize, characterSpacing);
+	const codePadding = run.code ? CODE_HORIZONTAL_PADDING : 0;
+	const textX = x + codePadding;
+	const textWidth = runWidth - codePadding * 2;
 	const textHeight = heightOfFontAtSize(run.fontKitFont, fontSize);
 	if (run.code) {
-		const padding = CODE_HORIZONTAL_PADDING;
-		const bgX = x - padding;
+		const bgX = x;
 		const bgY = y - textHeight * .2;
 		const bgPoint = rotate.angle === 0 ? {
 			x: bgX,
@@ -132,7 +134,7 @@ var drawRun = (arg) => {
 		page.drawRectangle({
 			x: bgPoint.x,
 			y: bgPoint.y,
-			width: runWidth + padding * 2,
+			width: runWidth,
 			height: textHeight * 1.2,
 			rotate,
 			color: hex2PrintingColor(CODE_BACKGROUND_COLOR, colorType),
@@ -141,9 +143,9 @@ var drawRun = (arg) => {
 	}
 	if (strikethrough && runWidth > 0) drawDecorationLine({
 		page,
-		x,
+		x: textX,
 		y: y + textHeight / 3,
-		width: runWidth,
+		width: textWidth,
 		rotate,
 		pivotPoint,
 		fontSize,
@@ -152,9 +154,9 @@ var drawRun = (arg) => {
 	});
 	if (underline && runWidth > 0) drawDecorationLine({
 		page,
-		x,
+		x: textX,
 		y: y - textHeight / 12,
-		width: runWidth,
+		width: textWidth,
 		rotate,
 		pivotPoint,
 		fontSize,
@@ -181,14 +183,14 @@ var drawRun = (arg) => {
 			...run.syntheticItalic ? { ySkew: pdfLib.degrees(12) } : {}
 		});
 	};
-	drawAt(x);
+	drawAt(textX);
 	if (run.syntheticBold) {
 		const offset = fontSize * SYNTHETIC_BOLD_OFFSET_RATIO;
-		for (let i = 1; i <= 2; i++) drawAt(x + offset * i);
+		for (let i = 1; i <= 2; i++) drawAt(textX + offset * i);
 	}
 };
 var renderInlineMarkdownText = async (arg) => {
-	const { value, schema, font, embedPdfFont, fontKitFont, pdfDoc, page, pdfLib, _cache, colorType, fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing, x, width, height, pageHeight, pivotPoint, rotate, opacity } = arg;
+	const { value, schema, font, embedPdfFont, fontKitFont, pdfDoc, page, pdfLib, _cache, colorType, fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing, x, y, width, height, pivotPoint, rotate, opacity } = arg;
 	const allLines = layoutRichTextLines({
 		runs: await resolveRichTextRuns({
 			runs: parseInlineMarkdown(value),
@@ -228,7 +230,7 @@ var renderInlineMarkdownText = async (arg) => {
 		let xLine = x;
 		if (alignment === "center") xLine += (width - textWidth) / 2;
 		else if (alignment === "right") xLine += width - textWidth;
-		const yLine = pageHeight - mm2pt(schema.position.y) - yOffset - lineHeight * fontSize * rowIndex;
+		const yLine = y + height - yOffset - lineHeight * fontSize * rowIndex;
 		page.pushOperators(pdfLib.setCharacterSpacing(spacing));
 		if (schema.strikethrough || schema.underline) {
 			const textHeight = Math.max(...line.runs.map((run) => heightOfFontAtSize(run.fontKitFont, fontSize)));
@@ -359,10 +361,36 @@ var getGraphemeSegmenter = () => {
 };
 var pdfRender = async (arg) => {
 	const { value, pdfDoc, pdfLib, page, options, schema, basePdf, _cache } = arg;
-	if (!value) return;
 	const { font = getDefaultFont(), colorType } = options;
+	const pageHeight = page.getHeight();
+	const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
+		schema,
+		pageHeight,
+		applyRotateTranslate: false
+	});
+	const pivotPoint = {
+		x: x + width / 2,
+		y: pageHeight - mm2pt(schema.position.y) - height / 2
+	};
+	drawTextBoxDecoration({
+		page,
+		schema,
+		colorType,
+		x,
+		y,
+		width,
+		height,
+		rotate,
+		pivotPoint
+	});
+	if (!value) return;
 	const fontName = schema.fontName ? schema.fontName : getFallbackFontName(font);
 	const enableInlineMarkdown = isInlineMarkdownTextSchema(schema);
+	const contentArea = getBoxContentArea(schema);
+	const contentX = x + mm2pt(contentArea.leftInset);
+	const contentY = y + mm2pt(contentArea.bottomInset);
+	const contentWidth = mm2pt(contentArea.width);
+	const contentHeight = mm2pt(contentArea.height);
 	const pdfFontValuePromise = enableInlineMarkdown ? void 0 : embedAndGetFont({
 		pdfDoc,
 		font,
@@ -383,40 +411,6 @@ var pdfRender = async (arg) => {
 			_cache
 		}) : void 0
 	});
-	const pageHeight = page.getHeight();
-	const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
-		schema,
-		pageHeight,
-		applyRotateTranslate: false
-	});
-	const pivotPoint = {
-		x: x + width / 2,
-		y: pageHeight - mm2pt(schema.position.y) - height / 2
-	};
-	if (schema.backgroundColor) {
-		const color = hex2PrintingColor(schema.backgroundColor, colorType);
-		if (rotate.angle !== 0) {
-			const rotatedPoint = rotatePoint({
-				x,
-				y
-			}, pivotPoint, rotate.angle);
-			page.drawRectangle({
-				x: rotatedPoint.x,
-				y: rotatedPoint.y,
-				width,
-				height,
-				rotate,
-				color
-			});
-		} else page.drawRectangle({
-			x,
-			y,
-			width,
-			height,
-			rotate,
-			color
-		});
-	}
 	if (enableInlineMarkdown) {
 		await renderInlineMarkdownText({
 			value,
@@ -440,10 +434,10 @@ var pdfRender = async (arg) => {
 			verticalAlignment,
 			lineHeight,
 			characterSpacing,
-			x,
-			width,
-			height,
-			pageHeight,
+			x: contentX,
+			y: contentY,
+			width: contentWidth,
+			height: contentHeight,
 			pivotPoint,
 			rotate,
 			opacity
@@ -460,7 +454,7 @@ var pdfRender = async (arg) => {
 		characterSpacing,
 		fontSize,
 		fontKitFont,
-		boxWidthInPt: width
+		boxWidthInPt: contentWidth
 	}), getTextLineRange(schema));
 	const needsTextWidth = alignment !== "left" || Boolean(schema.strikethrough || schema.underline);
 	const needsTextHeight = Boolean(schema.strikethrough || schema.underline);
@@ -468,8 +462,8 @@ var pdfRender = async (arg) => {
 	if (verticalAlignment === "top") yOffset = firstLineTextHeight + halfLineHeightAdjustment;
 	else {
 		const otherLinesHeight = lineHeight * fontSize * (lines.length - 1);
-		if (verticalAlignment === "bottom") yOffset = height - otherLinesHeight + descent - halfLineHeightAdjustment;
-		else if (verticalAlignment === "middle") yOffset = (height - otherLinesHeight - firstLineTextHeight + descent) / 2 + firstLineTextHeight;
+		if (verticalAlignment === "bottom") yOffset = contentHeight - otherLinesHeight + descent - halfLineHeightAdjustment;
+		else if (verticalAlignment === "middle") yOffset = (contentHeight - otherLinesHeight - firstLineTextHeight + descent) / 2 + firstLineTextHeight;
 	}
 	lines.forEach((line, rowIndex) => {
 		const trimmed = line.replace("\n", "");
@@ -477,10 +471,10 @@ var pdfRender = async (arg) => {
 		const textHeight = needsTextHeight ? heightOfFontAtSize(fontKitFont, fontSize) : 0;
 		const rowYOffset = lineHeight * fontSize * rowIndex;
 		if (line === "") line = "\r\n";
-		let xLine = x;
-		if (alignment === "center") xLine += (width - textWidth) / 2;
-		else if (alignment === "right") xLine += width - textWidth;
-		let yLine = pageHeight - mm2pt(schema.position.y) - yOffset - rowYOffset;
+		let xLine = contentX;
+		if (alignment === "center") xLine += (contentWidth - textWidth) / 2;
+		else if (alignment === "right") xLine += contentWidth - textWidth;
+		let yLine = contentY + contentHeight - yOffset - rowYOffset;
 		if (schema.strikethrough && textWidth > 0) {
 			const _x = xLine + textWidth + 1;
 			const _y = yLine + textHeight / 3;
@@ -527,7 +521,7 @@ var pdfRender = async (arg) => {
 		if (alignment === "justify" && line.slice(-1) !== "\n") {
 			const iterator = getGraphemeSegmenter().segment(trimmed)[Symbol.iterator]();
 			const len = Array.from(iterator).length;
-			spacing += (width - textWidth) / len;
+			spacing += (contentWidth - textWidth) / len;
 		}
 		page.pushOperators(pdfLib.setCharacterSpacing(spacing));
 		page.drawText(trimmed, {
@@ -542,6 +536,75 @@ var pdfRender = async (arg) => {
 		});
 	});
 };
+var drawTextBoxDecoration = (arg) => {
+	const { page, schema, colorType, x, y, width, height, rotate, pivotPoint } = arg;
+	const { borderWidth } = getBoxInsets(schema);
+	const opacity = schema.opacity ?? 1;
+	const drawRectangle = (rect) => {
+		if (rect.width <= 0 || rect.height <= 0) return;
+		const point = rotate.angle === 0 ? {
+			x: rect.x,
+			y: rect.y
+		} : rotatePoint({
+			x: rect.x,
+			y: rect.y
+		}, pivotPoint, rotate.angle);
+		page.drawRectangle({
+			x: point.x,
+			y: point.y,
+			width: rect.width,
+			height: rect.height,
+			rotate,
+			color: rect.color,
+			opacity
+		});
+	};
+	if (schema.backgroundColor) {
+		const color = hex2PrintingColor(schema.backgroundColor, colorType);
+		if (color) drawRectangle({
+			x,
+			y,
+			width,
+			height,
+			color
+		});
+	}
+	if (!schema.borderColor || !hasBoxDimension(schema.borderWidth)) return;
+	const color = hex2PrintingColor(schema.borderColor, colorType);
+	if (!color) return;
+	const top = mm2pt(borderWidth.top);
+	const right = mm2pt(borderWidth.right);
+	const bottom = mm2pt(borderWidth.bottom);
+	const left = mm2pt(borderWidth.left);
+	drawRectangle({
+		x,
+		y: y + height - top,
+		width,
+		height: top,
+		color
+	});
+	drawRectangle({
+		x: x + width - right,
+		y,
+		width: right,
+		height,
+		color
+	});
+	drawRectangle({
+		x,
+		y,
+		width,
+		height: bottom,
+		color
+	});
+	drawRectangle({
+		x,
+		y,
+		width: left,
+		height,
+		color
+	});
+};
 //#endregion
 //#region src/text/icons/index.ts
 var TextStrikethroughIcon = createSvgStr(Strikethrough);
@@ -810,6 +873,30 @@ var propPanel = {
 					message: i18n("validation.hexColor")
 				}]
 			},
+			borderColor: {
+				title: i18n("schemas.borderColor"),
+				type: "string",
+				widget: "color",
+				props: { disabledAlpha: true },
+				rules: [{
+					pattern: HEX_COLOR_PATTERN,
+					message: i18n("validation.hexColor")
+				}]
+			},
+			borderWidth: {
+				title: i18n("schemas.borderWidth"),
+				type: "object",
+				widget: "lineTitle",
+				span: 24,
+				properties: getBoxDimensionPropPanelSchema(.1)
+			},
+			padding: {
+				title: i18n("schemas.padding"),
+				type: "object",
+				widget: "lineTitle",
+				span: 24,
+				properties: getBoxDimensionPropPanelSchema()
+			},
 			useInlineMarkdown: {
 				type: "boolean",
 				widget: "UseInlineMarkdown",
@@ -901,6 +988,9 @@ var propPanel = {
 		fontColor: DEFAULT_FONT_COLOR,
 		fontName: void 0,
 		backgroundColor: "",
+		borderColor: "#000000",
+		borderWidth: createBoxDimension(0),
+		padding: createBoxDimension(0),
 		opacity: 1,
 		strikethrough: false,
 		underline: false
@@ -1039,7 +1129,7 @@ var renderInlineMarkdownReadOnly = async (arg) => {
 			runs,
 			fontSize: schema.fontSize ?? 13,
 			characterSpacing: schema.characterSpacing ?? 0,
-			boxWidthInPt: mm2pt(schema.width)
+			boxWidthInPt: mm2pt(getBoxContentArea(schema).width)
 		}), lineRange);
 		textBlock.innerHTML = "";
 		lines.forEach((line, lineIndex) => {
@@ -1106,7 +1196,7 @@ var getRangedPlainTextValue = (arg) => {
 		characterSpacing: schema.characterSpacing ?? 0,
 		fontSize,
 		fontKitFont,
-		boxWidthInPt: mm2pt(schema.width)
+		boxWidthInPt: mm2pt(getBoxContentArea(schema).width)
 	}), lineRange));
 };
 var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize) => {
@@ -1121,15 +1211,29 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 	const { topAdj, bottomAdj } = getBrowserVerticalFontAdjustments(fontKitFont, dynamicFontSize ?? schema.fontSize ?? 13, schema.lineHeight ?? 1, schema.verticalAlignment ?? "top");
 	const topAdjustment = topAdj.toString();
 	const bottomAdjustment = bottomAdj.toString();
+	const verticalAlignment = schema.verticalAlignment ?? "top";
+	const isTopAligned = verticalAlignment === "top";
 	const container = document.createElement("div");
+	const { borderWidth, padding } = getBoxInsets(schema);
+	const hasPadding = hasBoxDimension(schema.padding);
+	const hasBorder = Boolean(schema.borderColor && hasBoxDimension(schema.borderWidth));
 	const containerStyle = {
-		padding: 0,
+		padding: hasPadding ? `${padding.top}mm ${padding.right}mm ${padding.bottom}mm ${padding.left}mm` : 0,
 		resize: "none",
-		backgroundColor: getBackgroundColor(value, schema),
-		border: "none",
+		backgroundColor: getBackgroundColor(schema),
+		border: hasBorder ? void 0 : "none",
+		...hasBorder ? {
+			borderTopWidth: `${borderWidth.top}mm`,
+			borderRightWidth: `${borderWidth.right}mm`,
+			borderBottomWidth: `${borderWidth.bottom}mm`,
+			borderLeftWidth: `${borderWidth.left}mm`,
+			borderStyle: "solid",
+			borderColor: schema.borderColor
+		} : {},
+		...hasPadding || hasBorder ? { boxSizing: "border-box" } : {},
 		display: "flex",
 		flexDirection: "column",
-		justifyContent: mapVerticalAlignToFlex(schema.verticalAlignment),
+		justifyContent: mapVerticalAlignToFlex(verticalAlignment),
 		width: "100%",
 		height: "100%",
 		cursor: isEditable(mode, schema) ? "text" : "default"
@@ -1156,7 +1260,7 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 		paddingTop: `${topAdjustment}px`,
 		backgroundColor: "transparent",
 		textDecoration: textDecorations.join(" "),
-		height: "100%"
+		...isTopAligned ? { height: "100%" } : {}
 	};
 	const textBlock = document.createElement("div");
 	textBlock.id = "text-" + String(schema.id);
@@ -1198,8 +1302,8 @@ var mapVerticalAlignToFlex = (verticalAlignmentValue) => {
 	}
 	return "flex-start";
 };
-var getBackgroundColor = (value, schema) => {
-	if (!value || !schema.backgroundColor) return "transparent";
+var getBackgroundColor = (schema) => {
+	if (!schema.backgroundColor) return "transparent";
 	return schema.backgroundColor;
 };
 //#endregion
@@ -1216,4 +1320,4 @@ var builtInPlugins = { Text: textSchema };
 //#endregion
 export { mapVerticalAlignToFlex as a, Formatter as c, makeElementPlainTextContentEditable as i, getExtraFormatterSchema as l, textSchema as n, uiRender as o, buildStyledTextContainer as r, propPanel as s, builtInPlugins as t, pdfRender as u };
 
-//# sourceMappingURL=builtins-BNd4jd5D.js.map
+//# sourceMappingURL=builtins-BB2DHceW.js.map