@pdfme/ui 6.1.1-dev.8 → 6.1.2-dev.11

package/dist/index.js

@@ -45683,7 +45683,7 @@ function parseExpressionAt(input, pos, options) {
 }
 //#endregion
 //#region ../common/dist/index.js
-var PDFME_VERSION = "6.1.1";
+var PDFME_VERSION = "6.1.2";
 var PAGE_SIZE_PRESETS = {
 	A3: {
 		width: 297,
@@ -45859,6 +45859,11 @@ object$1({
 	height: number$1(),
 	width: number$1()
 });
+var DynamicLayoutSplitRange = object$1({
+	unit: string$1().min(1),
+	start: number$1(),
+	end: number$1().optional()
+});
 var Schema$1 = object$1({
 	name: string$1(),
 	type: string$1(),
@@ -45873,18 +45878,7 @@ var Schema$1 = object$1({
 	opacity: number$1().optional(),
 	readOnly: boolean$1().optional(),
 	required: boolean$1().optional(),
-	__bodyRange: object$1({
-		start: number$1(),
-		end: number$1().optional()
-	}).optional(),
-	__itemRange: object$1({
-		start: number$1(),
-		end: number$1().optional()
-	}).optional(),
-	__textLineRange: object$1({
-		start: number$1(),
-		end: number$1().optional()
-	}).optional(),
+	__splitRange: DynamicLayoutSplitRange.optional(),
 	__isSplit: boolean$1().optional()
 }).passthrough();
 var SchemaForUIAdditionalInfo = object$1({ id: string$1() });
@@ -46671,6 +46665,10 @@ var getDynamicTemplate = async (arg) => {
 	const PARALLEL_LIMIT = 10;
 	for (let pageIndex = 0; pageIndex < template.schemas.length; pageIndex++) {
 		const pageSchemas = template.schemas[pageIndex];
+		if (pageSchemas.length === 0) {
+			resultPages.push([]);
+			continue;
+		}
 		const { items, orderMap } = normalizePageSchemas(pageSchemas, paddingTop);
 		for (let i = 0; i < items.length; i += PARALLEL_LIMIT) {
 			const chunk = items.slice(i, i + PARALLEL_LIMIT);
@@ -46687,7 +46685,6 @@ var getDynamicTemplate = async (arg) => {
 		const processedPages = processDynamicPage(items, orderMap, contentHeight, paddingTop);
 		resultPages.push(...processedPages);
 	}
-	removeTrailingEmptyPages(resultPages);
 	if (resultPages.length === template.schemas.length) {
 		let unchanged = true;
 		for (let i = 0; i < resultPages.length && unchanged; i++) {
@@ -46708,6 +46705,19 @@ var getDynamicTemplate = async (arg) => {
 		schemas: resultPages
 	};
 };
+var createDynamicLayoutSplitRange = (unit, start, end) => ({
+	unit,
+	start,
+	...end === void 0 ? {} : { end }
+});
+var getDynamicLayoutSplitRange = (schema, unit) => {
+	const range = schema.__splitRange;
+	if (range?.unit !== unit) return void 0;
+	return {
+		start: range.start,
+		...range.end === void 0 ? {} : { end: range.end }
+	};
+};
 /**
 * Wraps plugins collection with utility methods
 */
@@ -98629,7 +98639,7 @@ $d636bc798e7178db$export$36b2f24e97d43be($21ee218f84ac7f32$export$2e2bcd8739ae03
 $d636bc798e7178db$export$36b2f24e97d43be($cd5853a56c68fec7$export$2e2bcd8739ae039);
 $d636bc798e7178db$export$36b2f24e97d43be($05f49f930186144e$export$2e2bcd8739ae039);
 //#endregion
-//#region ../schemas/dist/helper-CBd9plP_.js
+//#region ../schemas/dist/splitRange-DmVDtmzO.js
 var ALIGN_LEFT = "left";
 var ALIGN_CENTER = "center";
 var ALIGN_RIGHT = "right";
@@ -98723,6 +98733,84 @@ var LINE_END_FORBIDDEN_CHARS = [
 	"｟",
 	"«"
 ];
+var createBoxDimension = (value = 0) => ({
+	top: value,
+	right: value,
+	bottom: value,
+	left: value
+});
+var normalizeBoxDimension = (value) => ({
+	top: value?.top ?? 0,
+	right: value?.right ?? 0,
+	bottom: value?.bottom ?? 0,
+	left: value?.left ?? 0
+});
+var getBoxInsets = (schema) => ({
+	borderWidth: normalizeBoxDimension(schema.borderWidth),
+	padding: normalizeBoxDimension(schema.padding)
+});
+var getBoxContentArea = (schema) => {
+	const { borderWidth, padding } = getBoxInsets(schema);
+	const leftInset = borderWidth.left + padding.left;
+	const topInset = borderWidth.top + padding.top;
+	const rightInset = borderWidth.right + padding.right;
+	const bottomInset = borderWidth.bottom + padding.bottom;
+	return {
+		position: {
+			x: schema.position.x + leftInset,
+			y: schema.position.y + topInset
+		},
+		width: Math.max(0, schema.width - leftInset - rightInset),
+		height: Math.max(0, schema.height - topInset - bottomInset),
+		leftInset,
+		topInset,
+		rightInset,
+		bottomInset
+	};
+};
+var hasBoxDimension = (dimension) => {
+	const resolved = normalizeBoxDimension(dimension);
+	return resolved.top > 0 || resolved.right > 0 || resolved.bottom > 0 || resolved.left > 0;
+};
+var getSplitBoxDimension = (dimension, range, totalUnits) => {
+	const resolved = normalizeBoxDimension(dimension);
+	const end = range.end ?? totalUnits;
+	return {
+		top: range.start === 0 ? resolved.top : 0,
+		right: resolved.right,
+		bottom: end >= totalUnits ? resolved.bottom : 0,
+		left: resolved.left
+	};
+};
+var getBoxDimensionPropPanelSchema = (step = 1) => {
+	const getCommonProp = () => ({
+		type: "number",
+		widget: "inputNumber",
+		props: {
+			min: 0,
+			step
+		},
+		span: 6
+	});
+	return {
+		top: {
+			title: "Top",
+			...getCommonProp()
+		},
+		right: {
+			title: "Right",
+			...getCommonProp()
+		},
+		bottom: {
+			title: "Bottom",
+			...getCommonProp()
+		},
+		left: {
+			title: "Left",
+			...getCommonProp()
+		}
+	};
+};
 var getBrowserVerticalFontAdjustments = (fontKitFont, fontSize, lineHeight, verticalAlignment) => {
 	const { ascent, descent, unitsPerEm } = fontKitFont;
 	const fontBaseLineHeight = (ascent - descent) / unitsPerEm;
@@ -98810,7 +98898,8 @@ var getFontKitFont = async (fontName, font, _cache) => {
 * the box width based on the proposed size.
 */
 var calculateDynamicFontSize = ({ textSchema, fontKitFont, value, startingFontSize }) => {
-	const { fontSize: schemaFontSize, dynamicFontSize: dynamicFontSizeSetting, characterSpacing: schemaCharacterSpacing, width: boxWidth, height: boxHeight, lineHeight = 1 } = textSchema;
+	const { fontSize: schemaFontSize, dynamicFontSize: dynamicFontSizeSetting, characterSpacing: schemaCharacterSpacing, lineHeight = 1 } = textSchema;
+	const { width: boxWidth, height: boxHeight } = getBoxContentArea(textSchema);
 	const fontSize = startingFontSize || schemaFontSize || 13;
 	if (!dynamicFontSizeSetting) return fontSize;
 	if (dynamicFontSizeSetting.max < dynamicFontSizeSetting.min) return fontSize;
@@ -99002,8 +99091,21 @@ var filterEndJP = (lines) => {
 		return [...filtered.slice(0, -1), combinedItem];
 	} else return filtered;
 };
-//#endregion
-//#region ../schemas/dist/measure-h-7PUE2B.js
+var BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS = {
+	tableBody: "tableBody",
+	listItem: "listItem",
+	textLine: "textLine"
+};
+var TABLE_BODY_SPLIT_UNIT = BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS.tableBody;
+var LIST_ITEM_SPLIT_UNIT = BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS.listItem;
+var TEXT_LINE_SPLIT_UNIT = BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS.textLine;
+var createTableBodySplitRange = (start, end) => createDynamicLayoutSplitRange(TABLE_BODY_SPLIT_UNIT, start, end);
+var createListItemSplitRange = (start, end) => createDynamicLayoutSplitRange(LIST_ITEM_SPLIT_UNIT, start, end);
+var createTextLineSplitRange = (start, end) => createDynamicLayoutSplitRange(TEXT_LINE_SPLIT_UNIT, start, end);
+var getTableBodyRange = (schema) => getDynamicLayoutSplitRange(schema, TABLE_BODY_SPLIT_UNIT);
+var getTextLineRange = (schema) => getDynamicLayoutSplitRange(schema, TEXT_LINE_SPLIT_UNIT);
+//#endregion
+//#region ../schemas/dist/measure-L5diay3k.js
 var MARKDOWN_ESCAPABLE_CHARS = new Set([
 	"\\",
 	"*",
@@ -99242,7 +99344,7 @@ var resolveRichTextRuns = async (arg) => {
 var measureRunText = (run, text, fontSize, characterSpacing) => {
 	const syntheticBoldWidth = run.syntheticBold ? fontSize * SYNTHETIC_BOLD_OFFSET_RATIO * 2 : 0;
 	const syntheticItalicWidth = run.syntheticItalic ? heightOfFontAtSize(run.fontKitFont, fontSize) * Math.tan(12 * Math.PI / 180) : 0;
-	return widthOfTextAtSize(text, run.fontKitFont, fontSize, characterSpacing) + syntheticBoldWidth + syntheticItalicWidth;
+	return widthOfTextAtSize(text, run.fontKitFont, fontSize, characterSpacing) + syntheticBoldWidth + syntheticItalicWidth + (run.code ? CODE_HORIZONTAL_PADDING * 2 : 0);
 };
 var createLine = () => ({
 	runs: [],
@@ -99252,6 +99354,14 @@ var createLine = () => ({
 var pushRunToLine = (line, run, text, fontSize, characterSpacing) => {
 	if (!text) return;
 	const width = measureRunText(run, text, fontSize, characterSpacing);
+	const lastRun = line.runs[line.runs.length - 1];
+	if (lastRun && canMergeRichTextRuns(lastRun, run)) {
+		const previousWidth = lastRun.width;
+		lastRun.text += text;
+		lastRun.width = measureRunText(lastRun, lastRun.text, fontSize, characterSpacing);
+		line.width += lastRun.width - previousWidth;
+		return;
+	}
 	if (line.runs.length > 0) line.width += characterSpacing;
 	line.runs.push({
 		...run,
@@ -99260,6 +99370,7 @@ var pushRunToLine = (line, run, text, fontSize, characterSpacing) => {
 	});
 	line.width += width;
 };
+var canMergeRichTextRuns = (a, b) => a.fontName === b.fontName && a.fontKitFont === b.fontKitFont && a.syntheticBold === b.syntheticBold && a.syntheticItalic === b.syntheticItalic && a.bold === b.bold && a.italic === b.italic && a.strikethrough === b.strikethrough && a.code === b.code && a.href === b.href;
 var measurePiecesWidth = (pieces, fontSize, characterSpacing) => {
 	let width = 0;
 	let hasText = false;
@@ -99415,7 +99526,8 @@ var getLineHeightAtSize = (line, fontSize) => {
 };
 var calculateDynamicRichTextFontSize = async (arg) => {
 	const { value, schema, font, _cache, startingFontSize } = arg;
-	const { fontSize: schemaFontSize, dynamicFontSize: dynamicFontSizeSetting, characterSpacing: schemaCharacterSpacing, width: boxWidth, height: boxHeight, lineHeight = 1 } = schema;
+	const { fontSize: schemaFontSize, dynamicFontSize: dynamicFontSizeSetting, characterSpacing: schemaCharacterSpacing, lineHeight = 1 } = schema;
+	const { width: boxWidth, height: boxHeight } = getBoxContentArea(schema);
 	const fontSize = startingFontSize || schemaFontSize || 13;
 	if (!dynamicFontSizeSetting) return fontSize;
 	if (dynamicFontSizeSetting.max < dynamicFontSizeSetting.min) return fontSize;
@@ -99501,7 +99613,7 @@ var measureTextLines = async ({ value, schema, font = getDefaultFont(), _cache =
 	const fontSize = schema.fontSize ?? 13;
 	const lineHeight = schema.lineHeight ?? 1;
 	const characterSpacing = schema.characterSpacing ?? 0;
-	const boxWidthInPt = mm2pt(schema.width);
+	const boxWidthInPt = mm2pt(getBoxContentArea(schema).width);
 	if (isInlineMarkdownTextSchema(schema)) {
 		const resolvedRuns = await resolveRichTextRuns({
 			runs: parseInlineMarkdown(value),
@@ -99545,7 +99657,8 @@ var measureTextLines = async ({ value, schema, font = getDefaultFont(), _cache =
 	};
 };
 var mergeTextLineRangeValue = async ({ value, replacement, schema, font = getDefaultFont(), _cache = /* @__PURE__ */ new Map() }) => {
-	if (!schema.__textLineRange) return replacement;
+	const range = getTextLineRange(schema);
+	if (!range) return replacement;
 	const { lines } = await measureTextLines({
 		value,
 		schema,
@@ -99553,12 +99666,29 @@ var mergeTextLineRangeValue = async ({ value, replacement, schema, font = getDef
 		_cache,
 		ignoreDynamicFontSize: true
 	});
-	const { start, end = lines.length } = schema.__textLineRange;
+	const { start, end = lines.length } = range;
 	const nextLines = [...lines];
 	nextLines.splice(start, end - start, ...splitReplacementTextToLines(replacement));
 	return plainTextLinesToValue(nextLines);
 };
 var sumLineHeights = (lineHeights) => lineHeights.reduce((sum, height) => sum + height, 0);
+var getTextLineHeightsWithBox = (lineHeights, schema) => lineHeights.map((height, index) => height + getTextBoxVerticalInsetForRange(schema, {
+	start: index,
+	end: index + 1
+}, lineHeights.length));
+var getTextSplitBoxStyle = (schema, range, totalLines) => {
+	const { borderWidth, padding } = getBoxInsets(schema);
+	return {
+		...hasBoxDimension(schema.borderWidth) ? { borderWidth: getSplitBoxDimension(borderWidth, range, totalLines) } : {},
+		...hasBoxDimension(schema.padding) ? { padding: getSplitBoxDimension(padding, range, totalLines) } : {}
+	};
+};
+var getTextBoxVerticalInsetForRange = (schema, range, totalLines) => {
+	const { borderWidth, padding } = getBoxInsets(schema);
+	const splitBorderWidth = getSplitBoxDimension(borderWidth, range, totalLines);
+	const splitPadding = getSplitBoxDimension(padding, range, totalLines);
+	return splitBorderWidth.top + splitBorderWidth.bottom + splitPadding.top + splitPadding.bottom;
+};
 var measurePlainTextLineHeights = (lines, fontKitFont, fontSize, lineHeight) => {
 	if (lines.length === 0) return [];
 	const firstLineHeight = heightOfFontAtSize(fontKitFont, fontSize) * lineHeight;
@@ -99574,7 +99704,7 @@ var getRichTextLineHeight = (line, fontSize) => {
 	return Math.max(...line.runs.map((run) => heightOfFontAtSize(run.fontKitFont, fontSize)));
 };
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-CkrZKlg-.js
+//#region ../schemas/dist/dynamicTemplate-B4GCNLF9.js
 function _typeof$18(o) {
 	"@babel/helpers - typeof";
 	return _typeof$18 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -100043,7 +100173,7 @@ function createSingleTable(body, args) {
 	const { options, _cache, basePdf } = args;
 	if (!isBlankPdf(basePdf)) console.warn("[@pdfme/schema/table]When specifying a custom PDF for basePdf, you cannot use features such as page breaks or re-layout of other elements.To utilize these features, please define basePdf as follows:\n{ width: number; height: number; padding: [number, number, number, number]; }");
 	const schema = cloneDeep$1(args.schema);
-	const { start } = schema.__bodyRange || { start: 0 };
+	const { start } = getTableBodyRange(schema) || { start: 0 };
 	if (start % 2 === 1) {
 		const alternateBackgroundColor = schema.bodyStyles.alternateBackgroundColor;
 		schema.bodyStyles.alternateBackgroundColor = schema.bodyStyles.backgroundColor;
@@ -100073,7 +100203,8 @@ var getBodyWithRange = (value, range) => {
 var getDynamicHeightsForTable = async (value, args) => {
 	if (args.schema.type !== "table") return Promise.resolve([args.schema.height]);
 	const schema = args.schema;
-	const table = await createSingleTable(schema.__bodyRange?.start === 0 ? getBody$1(value) : getBodyWithRange(value, schema.__bodyRange), args);
+	const bodyRange = getTableBodyRange(schema);
+	const table = await createSingleTable(bodyRange?.start === 0 ? getBody$1(value) : getBodyWithRange(value, bodyRange), args);
 	const baseHeights = schema.showHead ? table.allRows().map((row) => row.height) : [0].concat(table.body.map((row) => row.height));
 	const headerHeight = schema.showHead ? table.getHeadHeight() : 0;
 	if (!(schema.repeatHead && isBlankPdf(args.basePdf) && headerHeight > 0)) return baseHeights;
@@ -100124,17 +100255,20 @@ var getDynamicLayoutForTable = async (value, args) => {
 	return {
 		heights: await getDynamicHeightsForTable(value, args),
 		avoidFirstUnitOnly: true,
-		patchSplitSchema: ({ start, end, isSplit }) => ({
-			__bodyRange: {
+		patchSplitSchema: ({ start, end, isSplit }) => {
+			const range = {
 				start: start === 0 ? 0 : start - 1,
 				end: end - 1
-			},
-			__isSplit: isSplit
-		})
+			};
+			return {
+				__splitRange: createTableBodySplitRange(range.start, range.end),
+				__isSplit: isSplit
+			};
+		}
 	};
 };
 //#endregion
-//#region ../schemas/dist/utils.js
+//#region ../schemas/dist/utils-zDZkqBnX.js
 var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
 	const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
 	const { x: mmX, y: mmY } = position;
@@ -100424,7 +100558,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-pN5NVCSV.js
+//#region ../schemas/dist/builtins-BB2DHceW.js
 var addUriLinkAnnotation = (arg) => {
 	const { pdfDoc, page, uri, rect, borderWidth = 0 } = arg;
 	const safeUri = normalizeSafeLinkUri(uri);
@@ -100453,7 +100587,7 @@ var addUriLinkAnnotation = (arg) => {
 };
 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}".`);
@@ -100534,10 +100668,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,
@@ -100549,7 +100685,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),
@@ -100558,9 +100694,9 @@ var drawRun = (arg) => {
 	}
 	if (strikethrough && runWidth > 0) drawDecorationLine({
 		page,
-		x,
+		x: textX,
 		y: y + textHeight / 3,
-		width: runWidth,
+		width: textWidth,
 		rotate,
 		pivotPoint,
 		fontSize,
@@ -100569,9 +100705,9 @@ var drawRun = (arg) => {
 	});
 	if (underline && runWidth > 0) drawDecorationLine({
 		page,
-		x,
+		x: textX,
 		y: y - textHeight / 12,
-		width: runWidth,
+		width: textWidth,
 		rotate,
 		pivotPoint,
 		fontSize,
@@ -100598,14 +100734,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),
@@ -100617,8 +100753,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);
@@ -100644,7 +100781,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)));
@@ -100719,8 +100856,11 @@ var renderInlineMarkdownText = async (arg) => {
 		}, xLine);
 	});
 };
-var isTextOverflowExpand = (schema) => schema.overflow === TEXT_OVERFLOW_EXPAND;
-var shouldUseDynamicFontSize = (schema) => Boolean(schema.dynamicFontSize) && !isTextOverflowExpand(schema);
+var TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES$1 = new Set(["text", "multiVariableText"]);
+var isTextOverflowExpandSchema = (schema) => schema.type === void 0 || TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES$1.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);
 var PDF_FONT_CACHE_KEY = "text-pdf-font-cache";
 var getPdfFontCache = (_cache) => {
 	let pdfFontCache = _cache.get(PDF_FONT_CACHE_KEY);
@@ -100745,8 +100885,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
@@ -100767,11 +100907,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,
@@ -100783,48 +100949,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,
@@ -100848,10 +100981,10 @@ var pdfRender = async (arg) => {
 			verticalAlignment,
 			lineHeight,
 			characterSpacing,
-			x,
-			width,
-			height,
-			pageHeight,
+			x: contentX,
+			y: contentY,
+			width: contentWidth,
+			height: contentHeight,
 			pivotPoint,
 			rotate,
 			opacity
@@ -100868,16 +101001,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", "");
@@ -100885,10 +101018,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;
@@ -100935,7 +101068,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, {
@@ -100950,6 +101083,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
+	});
+};
 var TextStrikethroughIcon = createSvgStr(Strikethrough);
 var TextUnderlineIcon = createSvgStr(Underline);
 var TextAlignLeftIcon = createSvgStr(TextAlignStart);
@@ -101029,8 +101231,8 @@ function getExtraFormatterSchema(i18n) {
 	};
 }
 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);
@@ -101078,7 +101280,7 @@ var UseInlineMarkdown = (props) => {
 	rootElement.appendChild(label);
 };
 var propPanel = {
-	schema: ({ options, activeSchema, i18n }) => {
+	schema: ({ options, activeSchema, i18n, basePdf }) => {
 		const font = options.font || { ["Roboto"]: {
 			data: "",
 			fallback: true
@@ -101086,7 +101288,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;
@@ -101097,6 +101300,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"),
@@ -101141,13 +101351,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: {
@@ -101210,6 +101414,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",
@@ -101301,6 +101529,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
@@ -101323,10 +101554,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;
@@ -101337,7 +101568,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,
@@ -101431,13 +101662,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) => {
@@ -101496,19 +101728,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,
@@ -101517,15 +101750,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"
@@ -101551,7 +101798,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);
@@ -101593,8 +101841,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;
 };
 var builtInPlugins = { Text: {
@@ -213662,7 +213910,7 @@ withProvider(FormCore, { Html: html });
 //#region ../../node_modules/form-render/es/index.js
 var es_default = withProvider(FormCore, widgets_exports);
 //#endregion
-//#region ../schemas/dist/helper-BaUAusvL.js
+//#region ../schemas/dist/helper-CEme39Uo.js
 var substituteVariables = (text, variablesIn, valueMapper = (value) => value) => {
 	if (!text) return "";
 	let substitutedText = text;
@@ -213698,7 +213946,7 @@ var validateVariables = (value, schema) => {
 	return true;
 };
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-ByBNu75x.js
+//#region ../schemas/dist/dynamicTemplate-C7MdZxPm.js
 var getDynamicLayoutForMultiVariableText = async (value, args) => {
 	if (args.schema.type !== "multiVariableText") return { heights: [args.schema.height] };
 	const schema = args.schema;
@@ -213715,20 +213963,22 @@ var getDynamicLayoutForMultiVariableText = async (value, args) => {
 		_cache: args._cache,
 		ignoreDynamicFontSize: true
 	});
-	const measuredHeight = sumLineHeights(lineHeights);
+	const heights = getTextLineHeightsWithBox(lineHeights, schema);
+	const measuredHeight = sumLineHeights(heights);
 	if (measuredHeight <= schema.height || lineHeights.length === 0) return {
 		heights: [schema.height],
 		patchSplitSchema: () => ({ dynamicFontSize: void 0 })
 	};
 	return {
-		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : lineHeights,
+		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,
 		patchSplitSchema: ({ start, end, isSplit }) => ({
 			dynamicFontSize: void 0,
-			__textLineRange: lineHeights.length === 1 ? void 0 : {
+			__splitRange: lineHeights.length === 1 ? void 0 : createTextLineSplitRange(start, end),
+			__isSplit: isSplit,
+			...getTextSplitBoxStyle(schema, {
 				start,
 				end
-			},
-			__isSplit: isSplit
+			}, lineHeights.length)
 		})
 	};
 };
@@ -213743,20 +213993,22 @@ var getDynamicLayoutForText = async (value, args) => {
 		_cache: args._cache,
 		ignoreDynamicFontSize: true
 	});
-	const measuredHeight = sumLineHeights(lineHeights);
+	const heights = getTextLineHeightsWithBox(lineHeights, schema);
+	const measuredHeight = sumLineHeights(heights);
 	if (measuredHeight <= schema.height || lineHeights.length === 0) return {
 		heights: [schema.height],
 		patchSplitSchema: () => ({ dynamicFontSize: void 0 })
 	};
 	return {
-		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : lineHeights,
+		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,
 		patchSplitSchema: ({ start, end, isSplit }) => ({
 			dynamicFontSize: void 0,
-			__textLineRange: lineHeights.length === 1 ? void 0 : {
+			__splitRange: lineHeights.length === 1 ? void 0 : createTextLineSplitRange(start, end),
+			__isSplit: isSplit,
+			...getTextSplitBoxStyle(schema, {
 				start,
 				end
-			},
-			__isSplit: isSplit
+			}, lineHeights.length)
 		})
 	};
 };
@@ -213983,6 +214235,7 @@ var ButtonGroupWidget = (props) => {
 //#endregion
 //#region src/components/Designer/RightSidebar/DetailView/index.tsx
 var { Text: Text$2 } = Typography;
+var TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES = new Set(["text", "multiVariableText"]);
 var DetailView = (props) => {
 	const { token } = theme_default.useToken();
 	const { schemasList, changeSchemas, deselectSchema, activeSchema, pageSize, basePdf } = props;
@@ -214037,6 +214290,19 @@ var DetailView = (props) => {
 		values.editable = !(typeof values.readOnly === "boolean" ? values.readOnly : false);
 		form.setValues(values);
 	}, [activeSchema, form]);
+	(0, import_react$9.useEffect)(() => {
+		if (isBlankPdf(basePdf) || !TEXT_OVERFLOW_EXPAND_SCHEMA_TYPES.has(activeSchema.type)) return;
+		if (activeSchema.overflow !== "expand") return;
+		changeSchemas([{
+			key: "overflow",
+			value: TEXT_OVERFLOW_VISIBLE,
+			schemaId: activeSchema.id
+		}]);
+	}, [
+		activeSchema,
+		basePdf,
+		changeSchemas
+	]);
 	(0, import_react$9.useEffect)(() => {
 		uniqueSchemaName.current = (value) => {
 			for (const page of schemasList) for (const s of Object.values(page)) if (s.name === value && s.id !== activeSchema.id) return false;
@@ -214268,11 +214534,12 @@ var DetailView = (props) => {
 	};
 	const safeProperties = { ...propPanelSchema.properties };
 	if (typeof activePropPanelSchema === "function") {
-		const { size, schemas, pageSize, changeSchemas, activeElements, deselectSchema, activeSchema } = props;
+		const { size, schemas, pageSize, basePdf, changeSchemas, activeElements, deselectSchema, activeSchema } = props;
 		const functionResult = activePropPanelSchema({
 			size,
 			schemas,
 			pageSize,
+			basePdf,
 			changeSchemas,
 			activeElements,
 			deselectSchema,
@@ -235711,7 +235978,7 @@ var Designer = class extends BaseUIClass {
 	}
 };
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-Cy07Imb5.js
+//#region ../schemas/dist/dynamicTemplate-BwzF9C1L.js
 var normalizeListItems = (value) => {
 	if (Array.isArray(value)) return value.map((item) => String(item));
 	if (typeof value !== "string") return value == null ? [] : [String(value)];
@@ -235801,10 +236068,7 @@ var getDynamicLayoutForList = async (value, args) => {
 		})).items.map((item) => item.height),
 		avoidFirstUnitOnly: false,
 		patchSplitSchema: ({ start, end, isSplit }) => ({
-			__itemRange: {
-				start,
-				end
-			},
+			__splitRange: createListItemSplitRange(start, end),
 			__isSplit: isSplit
 		})
 	};
@@ -236045,7 +236309,7 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 		for (const { key: _key, value } of args) if (_key === "content") {
 			const oldValue = input?.[schema.name] || "";
 			const rawNewValue = value;
-			const newValue = schema.type === "text" && schema.__textLineRange ? await mergeTextLineRangeValue({
+			const newValue = schema.type === "text" && getTextLineRange(schema) ? await mergeTextLineRangeValue({
 				value: oldValue,
 				replacement: rawNewValue,
 				schema,