@pdfme/schemas 6.1.1-dev.8 → 6.1.2

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-pN5NVCSV.js → builtins-BB2DHceW.js}

@@ -1,8 +1,8 @@
-import { A as SYNTHETIC_BOLD_OFFSET_RATIO, C as DYNAMIC_FIT_VERTICAL, D as FONT_VARIANT_FALLBACK_SYNTHETIC, E as FONT_VARIANT_FALLBACK_PLAIN, F as VERTICAL_ALIGN_BOTTOM, I as VERTICAL_ALIGN_MIDDLE, M as TEXT_FORMAT_PLAIN, N as TEXT_OVERFLOW_EXPAND, O as PLACEHOLDER_FONT_COLOR, P as TEXT_OVERFLOW_VISIBLE, S as DYNAMIC_FIT_HORIZONTAL, T as FONT_VARIANT_FALLBACK_ERROR, _ as DEFAULT_DYNAMIC_FIT, a as getFontKitFont, b as DEFAULT_TEXT_FORMAT, c as splitTextToSize, d as ALIGN_JUSTIFY, g as DEFAULT_ALIGNMENT, h as CODE_HORIZONTAL_PADDING, i as getFontDescentInPt, j as TEXT_FORMAT_INLINE_MARKDOWN, k as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, l as widthOfTextAtSize, m as CODE_BACKGROUND_COLOR, n as fetchRemoteFontData, o as heightOfFontAtSize, p as ALIGN_RIGHT, r as getBrowserVerticalFontAdjustments, s as isFirefox, t as calculateDynamicFontSize, u as ALIGN_CENTER, v as DEFAULT_FONT_COLOR, x as DEFAULT_TEXT_OVERFLOW, y as DEFAULT_FONT_VARIANT_FALLBACK } from "./helper-CBd9plP_.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-h-7PUE2B.js";
-import { c as HEX_COLOR_PATTERN } from "./dynamicTemplate-CkrZKlg-.js";
-import { convertForPdfLayoutProps, createSvgStr, hex2PrintingColor, isEditable, rotatePoint } from "./utils.js";
-import { DEFAULT_FONT_NAME, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, normalizeSafeLinkUri, registerInternalLinkAnnotation } from "@pdfme/common";
+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";
 //#region src/text/linkAnnotation.ts
@@ -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),
@@ -200,8 +202,9 @@ var renderInlineMarkdownText = async (arg) => {
 		characterSpacing,
 		boxWidthInPt: width
 	});
-	const lines = applyTextLineRange(allLines, schema.__textLineRange);
-	const lineRangeStart = schema.__textLineRange?.start ?? 0;
+	const lineRange = getTextLineRange(schema);
+	const lines = applyTextLineRange(allLines, lineRange);
+	const lineRangeStart = lineRange?.start ?? 0;
 	const pdfFontObj = await embedFontsForRuns(lines.flatMap((line) => line.runs), embedPdfFont);
 	const firstLineTextHeight = heightOfFontAtSize(fontKitFont, fontSize);
 	const descent = getFontDescentInPt(fontKitFont, fontSize);
@@ -227,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)));
@@ -304,8 +307,11 @@ var renderInlineMarkdownText = async (arg) => {
 };
 //#endregion
 //#region src/text/overflow.ts
-var isTextOverflowExpand = (schema) => schema.overflow === TEXT_OVERFLOW_EXPAND;
-var shouldUseDynamicFontSize = (schema) => Boolean(schema.dynamicFontSize) && !isTextOverflowExpand(schema);
+var TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES = new Set(["text", "multiVariableText"]);
+var isTextOverflowExpandSchema = (schema) => schema.type === void 0 || TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES.has(schema.type);
+var canUseTextOverflowExpand = (schema, basePdf) => !isTextOverflowExpandSchema(schema) || basePdf === void 0 || isBlankPdf(basePdf);
+var isTextOverflowExpand = (schema, basePdf) => canUseTextOverflowExpand(schema, basePdf) && schema.overflow === "expand";
+var shouldUseDynamicFontSize = (schema, basePdf) => Boolean(schema.dynamicFontSize) && !isTextOverflowExpand(schema, basePdf);
 //#endregion
 //#region src/text/pdfRender.ts
 var PDF_FONT_CACHE_KEY = "text-pdf-font-cache";
@@ -332,8 +338,8 @@ var embedAndGetFont = (arg) => {
 	pdfFontCache[fontName] = pdfFontPromise;
 	return pdfFontPromise;
 };
-var getFontProp = ({ value, fontKitFont, schema, colorType, fontSize: resolvedFontSize }) => {
-	const fontSize = resolvedFontSize ?? (shouldUseDynamicFontSize(schema) ? calculateDynamicFontSize({
+var getFontProp = ({ value, fontKitFont, schema, basePdf, colorType, fontSize: resolvedFontSize }) => {
+	const fontSize = resolvedFontSize ?? (shouldUseDynamicFontSize(schema, basePdf) ? calculateDynamicFontSize({
 		textSchema: schema,
 		fontKitFont,
 		value
@@ -354,11 +360,37 @@ var getGraphemeSegmenter = () => {
 	return graphemeSegmenter;
 };
 var pdfRender = async (arg) => {
-	const { value, pdfDoc, pdfLib, page, options, schema, _cache } = arg;
-	if (!value) return;
+	const { value, pdfDoc, pdfLib, page, options, schema, basePdf, _cache } = arg;
 	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,
@@ -370,48 +402,15 @@ var pdfRender = async (arg) => {
 		value: enableInlineMarkdown ? stripInlineMarkdown(value) : value,
 		fontKitFont,
 		schema,
+		basePdf,
 		colorType,
-		fontSize: enableInlineMarkdown && shouldUseDynamicFontSize(schema) ? await calculateDynamicRichTextFontSize({
+		fontSize: enableInlineMarkdown && shouldUseDynamicFontSize(schema, basePdf) ? await calculateDynamicRichTextFontSize({
 			value,
 			schema,
 			font,
 			_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,
@@ -435,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
@@ -455,16 +454,16 @@ var pdfRender = async (arg) => {
 		characterSpacing,
 		fontSize,
 		fontKitFont,
-		boxWidthInPt: width
-	}), schema.__textLineRange);
+		boxWidthInPt: contentWidth
+	}), getTextLineRange(schema));
 	const needsTextWidth = alignment !== "left" || Boolean(schema.strikethrough || schema.underline);
 	const needsTextHeight = Boolean(schema.strikethrough || schema.underline);
 	let yOffset = 0;
 	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", "");
@@ -472,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;
@@ -522,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, {
@@ -537,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);
@@ -622,8 +690,8 @@ function getExtraFormatterSchema(i18n) {
 //#endregion
 //#region src/text/propPanel.ts
 var UseDynamicFontSize = (props) => {
-	const { rootElement, changeSchemas, activeSchema, i18n } = props;
-	const isExpand = isTextOverflowExpand(activeSchema);
+	const { rootElement, changeSchemas, activeSchema, i18n, basePdf } = props;
+	const isExpand = isTextOverflowExpand(activeSchema, basePdf);
 	const checkbox = document.createElement("input");
 	checkbox.type = "checkbox";
 	checkbox.checked = !isExpand && Boolean(activeSchema?.dynamicFontSize);
@@ -671,7 +739,7 @@ var UseInlineMarkdown = (props) => {
 	rootElement.appendChild(label);
 };
 var propPanel = {
-	schema: ({ options, activeSchema, i18n }) => {
+	schema: ({ options, activeSchema, i18n, basePdf }) => {
 		const font = options.font || { [DEFAULT_FONT_NAME]: {
 			data: "",
 			fallback: true
@@ -679,7 +747,8 @@ var propPanel = {
 		const fontNames = Object.keys(font);
 		const fallbackFontName = getFallbackFontName(font);
 		const activeTextSchema = activeSchema;
-		const enableDynamicFont = !isTextOverflowExpand(activeTextSchema) && Boolean(activeSchema?.dynamicFontSize);
+		const canExpandOverflow = canUseTextOverflowExpand(activeTextSchema, basePdf);
+		const enableDynamicFont = !isTextOverflowExpand(activeTextSchema, basePdf) && Boolean(activeSchema?.dynamicFontSize);
 		const hideTextFormat = activeTextSchema.type === "text" && activeTextSchema.readOnly !== true;
 		const enableInlineMarkdown = activeTextSchema.textFormat === "inline-markdown" && !hideTextFormat;
 		const baseFontName = activeTextSchema.fontName && font[activeTextSchema.fontName] ? activeTextSchema.fontName : fallbackFontName;
@@ -690,6 +759,13 @@ var propPanel = {
 			label: name,
 			value: name
 		}))];
+		const overflowOptions = [{
+			label: i18n("schemas.text.overflowVisible"),
+			value: TEXT_OVERFLOW_VISIBLE
+		}, ...canExpandOverflow ? [{
+			label: i18n("schemas.text.overflowExpand"),
+			value: TEXT_OVERFLOW_EXPAND
+		}] : []];
 		return {
 			fontName: {
 				title: i18n("schemas.text.fontName"),
@@ -734,13 +810,7 @@ var propPanel = {
 				type: "string",
 				widget: "select",
 				default: DEFAULT_TEXT_OVERFLOW,
-				props: { options: [{
-					label: i18n("schemas.text.overflowVisible"),
-					value: TEXT_OVERFLOW_VISIBLE
-				}, {
-					label: i18n("schemas.text.overflowExpand"),
-					value: TEXT_OVERFLOW_EXPAND
-				}] },
+				props: { options: overflowOptions },
 				span: 8
 			},
 			useDynamicFontSize: {
@@ -803,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",
@@ -894,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
@@ -918,10 +1015,10 @@ var replaceUnsupportedChars = (text, fontKitFont) => {
 	}).join("");
 };
 var uiRender = async (arg) => {
-	const { value, schema, mode, onChange, stopEditing, tabIndex, placeholder, options, _cache } = arg;
+	const { value, schema, basePdf, mode, onChange, stopEditing, tabIndex, placeholder, options, _cache } = arg;
 	const hasInlineMarkdownFormat = schema.textFormat === TEXT_FORMAT_INLINE_MARKDOWN;
 	const enableInlineMarkdown = isInlineMarkdownTextSchema(schema);
-	const isReadOnlySplitInlineMarkdownFormChunk = mode === "form" && Boolean(schema.__textLineRange) && hasInlineMarkdownFormat;
+	const isReadOnlySplitInlineMarkdownFormChunk = mode === "form" && Boolean(getTextLineRange(schema)) && hasInlineMarkdownFormat;
 	const renderInlineMarkdownReadOnlyChunk = enableInlineMarkdown || isReadOnlySplitInlineMarkdownFormChunk;
 	const editable = isEditable(mode, schema) && !isReadOnlySplitInlineMarkdownFormChunk;
 	const usePlaceholder = editable && placeholder && !value;
@@ -932,7 +1029,7 @@ var uiRender = async (arg) => {
 	};
 	const font = options?.font || getDefaultFont();
 	const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
-	const enableDynamicFontSize = shouldUseDynamicFontSize(schema);
+	const enableDynamicFontSize = shouldUseDynamicFontSize(schema, basePdf);
 	const displayValue = enableInlineMarkdown ? stripInlineMarkdown(value) : value;
 	const dynamicRichTextFontSize = enableInlineMarkdown && enableDynamicFontSize ? await calculateDynamicRichTextFontSize({
 		value: usePlaceholder ? placeholder : value,
@@ -1026,13 +1123,14 @@ var renderInlineMarkdownReadOnly = async (arg) => {
 		font,
 		_cache
 	});
-	if (schema.__textLineRange) {
+	const lineRange = getTextLineRange(schema);
+	if (lineRange) {
 		const lines = applyTextLineRange(layoutRichTextLines({
 			runs,
 			fontSize: schema.fontSize ?? 13,
 			characterSpacing: schema.characterSpacing ?? 0,
-			boxWidthInPt: mm2pt(schema.width)
-		}), schema.__textLineRange);
+			boxWidthInPt: mm2pt(getBoxContentArea(schema).width)
+		}), lineRange);
 		textBlock.innerHTML = "";
 		lines.forEach((line, lineIndex) => {
 			line.runs.forEach((run) => {
@@ -1091,19 +1189,20 @@ var appendInlineMarkdownRun = (arg) => {
 };
 var getRangedPlainTextValue = (arg) => {
 	const { value, schema, fontKitFont, fontSize } = arg;
-	if (!schema.__textLineRange) return value;
+	const lineRange = getTextLineRange(schema);
+	if (!lineRange) return value;
 	return plainTextLinesToValue(applyTextLineRange(splitTextToSize({
 		value,
 		characterSpacing: schema.characterSpacing ?? 0,
 		fontSize,
 		fontKitFont,
-		boxWidthInPt: mm2pt(schema.width)
-	}), schema.__textLineRange));
+		boxWidthInPt: mm2pt(getBoxContentArea(schema).width)
+	}), lineRange));
 };
 var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize) => {
 	const { schema, rootElement, mode } = arg;
 	let dynamicFontSize = resolvedDynamicFontSize;
-	if (dynamicFontSize === void 0 && shouldUseDynamicFontSize(schema) && value) dynamicFontSize = calculateDynamicFontSize({
+	if (dynamicFontSize === void 0 && shouldUseDynamicFontSize(schema, arg.basePdf) && value) dynamicFontSize = calculateDynamicFontSize({
 		textSchema: schema,
 		fontKitFont,
 		value,
@@ -1112,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"
@@ -1146,7 +1259,8 @@ var buildStyledTextContainer = (arg, fontKitFont, value, resolvedDynamicFontSize
 		marginBottom: `${bottomAdjustment}px`,
 		paddingTop: `${topAdjustment}px`,
 		backgroundColor: "transparent",
-		textDecoration: textDecorations.join(" ")
+		textDecoration: textDecorations.join(" "),
+		...isTopAligned ? { height: "100%" } : {}
 	};
 	const textBlock = document.createElement("div");
 	textBlock.id = "text-" + String(schema.id);
@@ -1188,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
@@ -1206,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-pN5NVCSV.js.map
+//# sourceMappingURL=builtins-BB2DHceW.js.map