@pdfme/schemas 6.1.1 → 6.1.2-dev.3

package/dist/index.js

@@ -1,10 +1,13 @@
-import { D as PLACEHOLDER_FONT_COLOR, N as VERTICAL_ALIGN_MIDDLE, O as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, a as getFontKitFont, g as DEFAULT_ALIGNMENT, m as CODE_BACKGROUND_COLOR, v as DEFAULT_FONT_COLOR } from "./helper-M_MmV_d5.js";
-import { a as mapVerticalAlignToFlex, c as Formatter, d as isInlineMarkdownTextSchema, f as resolveFontVariant, i as makeElementPlainTextContentEditable, l as getExtraFormatterSchema, m as parseInlineMarkdown, n as textSchema, o as uiRender$4, p as escapeInlineMarkdown, r as buildStyledTextContainer, s as propPanel$3, t as builtInPlugins, u as pdfRender$4 } from "./builtins-CWHhKSVA.js";
-import { a as getCellPropPanelSchema, c as HEX_COLOR_PATTERN, i as getBodyWithRange, l as createSingleTable, n as getDynamicLayoutForTable, o as getColumnStylesPropPanelSchema, r as getBody, s as getDefaultCellStyles, t as getDynamicHeightsForTable } from "./dynamicTemplate-DmuRoTw4.js";
-import { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, hex2PrintingColor, isEditable, readFile, rotatePoint } from "./utils.js";
-import { a as normalizeListItems, c as LIST_STYLE_BULLET, i as normalizeListItemEntries, l as LIST_STYLE_ORDERED, n as calculateListLayout, o as serializeListItems, s as DEFAULT_LIST_STYLE, t as getDynamicLayoutForList } from "./lists-B6dmgpkS.js";
+import { $ as VERTICAL_ALIGN_MIDDLE, F as DEFAULT_FONT_COLOR, G as PLACEHOLDER_FONT_COLOR, K as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, N as DEFAULT_ALIGNMENT, a as createListItemSplitRange, b as createBoxDimension, c as getListItemRange, h as getFontKitFont, i as TEXT_LINE_SPLIT_UNIT, j as CODE_BACKGROUND_COLOR, l as getTableBodyRange, n as LIST_ITEM_SPLIT_UNIT, o as createTableBodySplitRange, r as TABLE_BODY_SPLIT_UNIT, s as createTextLineSplitRange, t as BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, u as getTextLineRange, x as getBoxContentArea } from "./splitRange-DmVDtmzO.js";
+import { a as measureTextLines, d as isInlineMarkdownTextSchema, g as parseInlineMarkdown, p as resolveFontVariant } from "./measure-L5diay3k.js";
+import { a as mapVerticalAlignToFlex, c as Formatter, i as makeElementPlainTextContentEditable, l as getExtraFormatterSchema, n as textSchema, o as uiRender$4, r as buildStyledTextContainer, s as propPanel$3, t as builtInPlugins, u as pdfRender$4 } from "./builtins-BB2DHceW.js";
+import { a as getCellPropPanelSchema, c as HEX_COLOR_PATTERN, i as getBodyWithSchemaRange, l as createSingleTable, n as getDynamicLayoutForTable, o as getColumnStylesPropPanelSchema, r as getBody, s as getDefaultCellStyles, t as getDynamicHeightsForTable } from "./dynamicTemplate-B4GCNLF9.js";
+import { c as isEditable, d as countUniqueVariableNames, f as getVariableNames, i as createSvgStr, l as readFile, n as convertForPdfLayoutProps, o as hex2PrintingColor, p as visitVariables, r as createErrorElm, t as addAlphaToHex, u as rotatePoint } from "./utils-zDZkqBnX.js";
+import { a as normalizeListItems, c as LIST_STYLE_BULLET, i as normalizeListItemEntries, l as LIST_STYLE_ORDERED, n as calculateListLayout, o as serializeListItems, s as DEFAULT_LIST_STYLE, t as getDynamicLayoutForList } from "./dynamicTemplate-BwzF9C1L.js";
+import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-CEme39Uo.js";
 import "./tables.js";
-import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, mm2pt, px2mm } from "@pdfme/common";
+import "./lists.js";
+import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
 import { Buffer as Buffer$1 } from "buffer";
 import { toRadians } from "@pdfme/pdf-lib";
 import { Barcode, Calendar, CalendarClock, ChevronDown, Circle, CircleDot, Clock, Image, List, Minus, QrCode, Route, Square, SquareCheck, Table, Type } from "lucide";
@@ -36,45 +39,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-//#region src/multiVariableText/helper.ts
-var substituteVariables = (text, variablesIn, valueMapper = (value) => value) => {
-	if (!text) return "";
-	let substitutedText = text;
-	if (variablesIn) {
-		let variables;
-		try {
-			variables = typeof variablesIn === "string" ? JSON.parse(variablesIn || "{}") : variablesIn;
-		} catch {
-			throw new SyntaxError(`[@pdfme/schemas] MVT: invalid JSON string '${variablesIn}'`);
-		}
-		Object.keys(variables).forEach((variableName) => {
-			const variableForRegex = variableName.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&");
-			const regex = new RegExp("\\{" + variableForRegex + "\\}", "g");
-			substitutedText = substitutedText.replace(regex, valueMapper(variables[variableName], variableName));
-		});
-	}
-	substitutedText = substitutedText.replace(/{[^{}]+}/g, "");
-	return substitutedText;
-};
-var substituteVariablesAsInlineMarkdownLiterals = (text, variablesIn) => substituteVariables(text, variablesIn, escapeInlineMarkdown);
-var validateVariables = (value, schema) => {
-	if (schema.variables.length === 0) return true;
-	let values;
-	try {
-		values = value ? JSON.parse(value) : {};
-	} catch {
-		throw new SyntaxError(`[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
-	}
-	for (const variable of schema.variables) if (!values[variable]) {
-		if (schema.required) throw new Error(`[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`);
-		return false;
-	}
-	return true;
-};
-//#endregion
 //#region src/multiVariableText/pdfRender.ts
 var pdfRender$3 = async (arg) => {
 	const { value, schema, ...rest } = arg;
+	if (schema.readOnly) {
+		await pdfRender$4({
+			value,
+			schema,
+			...rest
+		});
+		return;
+	}
 	if (!validateVariables(value, schema)) return;
 	await pdfRender$4({
 		value: isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(schema.text || "", value) : substituteVariables(schema.text || "", value),
@@ -83,41 +58,6 @@ var pdfRender$3 = async (arg) => {
 	});
 };
 //#endregion
-//#region src/multiVariableText/variables.ts
-var visitVariables = (content, visitor) => {
-	let startIndex = -1;
-	for (let i = 0; i < content.length; i++) {
-		const char = content[i];
-		if (char === "{") {
-			startIndex = i;
-			continue;
-		}
-		if (char === "}" && startIndex !== -1) {
-			const name = content.slice(startIndex + 1, i);
-			if (name.length > 0) visitor({
-				name,
-				startIndex,
-				endIndex: i
-			});
-			startIndex = -1;
-		}
-	}
-};
-var countUniqueVariableNames = (content) => {
-	const variableNames = /* @__PURE__ */ new Set();
-	visitVariables(content, ({ name }) => {
-		variableNames.add(name);
-	});
-	return variableNames.size;
-};
-var getVariableNames = (content) => {
-	const variableNames = [];
-	visitVariables(content, ({ name }) => {
-		variableNames.push(name);
-	});
-	return variableNames;
-};
-//#endregion
 //#region src/multiVariableText/propPanel.ts
 var mapDynamicVariables = (props) => {
 	const { rootElement, changeSchemas, activeSchema, i18n, options } = props;
@@ -268,11 +208,12 @@ var uiRender$3 = async (arg) => {
 	const { value, schema, rootElement, mode, onChange, ...rest } = arg;
 	let text = schema.text;
 	let numVariables = schema.variables.length;
-	if (mode === "form" && numVariables > 0) {
+	const renderResolvedValue = schema.readOnly === true && mode !== "designer";
+	const renderValue = renderResolvedValue ? value : isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
+	if (mode === "form" && numVariables > 0 && !renderResolvedValue) {
 		await formUiRender(arg);
 		return;
 	}
-	const renderValue = isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
 	await uiRender$4({
 		value: isEditable(mode, schema) ? text : renderValue,
 		schema,
@@ -317,6 +258,28 @@ var formUiRender = async (arg) => {
 	const inlineMarkdownRuns = isInlineMarkdownTextSchema(schema) ? parseInlineMarkdown(rawText) : void 0;
 	const font = options?.font || getDefaultFont();
 	const textBlock = buildStyledTextContainer(arg, await getFontKitFont(schema.fontName, font, _cache), inlineMarkdownRuns ? getInlineMarkdownFormDisplayText(inlineMarkdownRuns, variables) : substitutedText);
+	if (getTextLineRange(schema)) {
+		const { lines } = await measureTextLines({
+			value: inlineMarkdownRuns ? substituteVariablesAsInlineMarkdownLiterals(rawText, variables) : substitutedText,
+			schema,
+			font,
+			_cache,
+			ignoreDynamicFontSize: true
+		});
+		renderSplitVariableSpans({
+			textBlock,
+			lines,
+			runs: inlineMarkdownRuns,
+			rawText,
+			variables,
+			schema,
+			font,
+			theme,
+			onChange,
+			stopEditing
+		});
+		return;
+	}
 	if (inlineMarkdownRuns) {
 		renderInlineMarkdownVariableSpans({
 			runs: inlineMarkdownRuns,
@@ -365,6 +328,190 @@ var formUiRender = async (arg) => {
 		}
 	}
 };
+var renderSplitVariableSpans = (arg) => {
+	const { textBlock, lines, runs, rawText, variables, schema, font, theme, onChange, stopEditing } = arg;
+	const lineRange = getTextLineRange(schema);
+	const lineSegments = getSplitLineSegments({
+		lines,
+		runs,
+		rawText,
+		variables,
+		start: lineRange?.start ?? 0,
+		end: lineRange?.end ?? lines.length
+	});
+	textBlock.innerHTML = "";
+	lineSegments.forEach((segments, lineIndex) => {
+		segments.forEach((segment) => {
+			if (segment.variableName) {
+				appendRangedVariableSpan({
+					textBlock,
+					segment,
+					variables,
+					schema,
+					font,
+					theme,
+					onChange,
+					stopEditing
+				});
+				return;
+			}
+			const span = segment.run ? createStaticInlineMarkdownElement(segment.run) : document.createElement("span");
+			span.style.letterSpacing = lineIndex === lineSegments.length - 1 ? "0" : "inherit";
+			span.textContent = segment.text;
+			if (segment.run) applyInlineMarkdownStyle({
+				element: span,
+				run: segment.run,
+				schema,
+				font
+			});
+			textBlock.appendChild(span);
+		});
+		if (lineIndex < lineSegments.length - 1) textBlock.appendChild(document.createElement("br"));
+	});
+};
+var getSplitLineSegments = (arg) => {
+	const { lines, runs, rawText, variables, start, end } = arg;
+	return consumeMeasuredLineSegments(lines, runs ? buildResolvedInlineMarkdownChars(runs, variables) : buildResolvedPlainChars(rawText, variables), { dropUnmappedTargets: Boolean(runs) }).slice(start, end);
+};
+var buildResolvedPlainChars = (rawText, variables) => {
+	const chars = [];
+	let lastIndex = 0;
+	visitVariables(rawText, ({ name, startIndex, endIndex }) => {
+		appendTextChars(chars, rawText.slice(lastIndex, startIndex));
+		const value = variables[name] ?? "";
+		for (let i = 0; i < value.length; i += 1) chars.push({
+			char: value[i],
+			variableName: name,
+			variableOffset: i
+		});
+		lastIndex = endIndex + 1;
+	});
+	appendTextChars(chars, rawText.slice(lastIndex));
+	return chars;
+};
+var buildResolvedInlineMarkdownChars = (runs, variables) => {
+	const chars = [];
+	runs.forEach((run) => {
+		let lastIndex = 0;
+		visitVariables(run.text, ({ name, startIndex, endIndex }) => {
+			appendTextChars(chars, run.text.slice(lastIndex, startIndex), run);
+			const value = variables[name] ?? "";
+			for (let i = 0; i < value.length; i += 1) chars.push({
+				char: value[i],
+				variableName: name,
+				variableOffset: i,
+				run
+			});
+			lastIndex = endIndex + 1;
+		});
+		appendTextChars(chars, run.text.slice(lastIndex), run);
+	});
+	return chars;
+};
+var appendTextChars = (chars, text, run) => {
+	for (let i = 0; i < text.length; i += 1) chars.push({
+		char: text[i],
+		run
+	});
+};
+var consumeMeasuredLineSegments = (lines, resolvedChars, options = {}) => {
+	const lineSegments = [];
+	let cursor = 0;
+	lines.forEach((line) => {
+		const segments = [];
+		const lineText = stripTrailingLineBreaks(line);
+		for (let i = 0; i < lineText.length; i += 1) {
+			const target = lineText[i];
+			while (cursor < resolvedChars.length && resolvedChars[cursor].char !== target && isWhitespaceChar(resolvedChars[cursor].char) && !isWhitespaceChar(target)) cursor += 1;
+			if (cursor >= resolvedChars.length) {
+				if (options.dropUnmappedTargets) continue;
+				appendSegment(segments, { char: target });
+				continue;
+			}
+			const sourceChar = resolvedChars[cursor];
+			if (sourceChar.char === target) {
+				appendSegment(segments, sourceChar);
+				cursor += 1;
+			} else {
+				if (options.dropUnmappedTargets) continue;
+				appendSegment(segments, { char: target });
+			}
+		}
+		cursor = absorbHiddenTrailingWhitespace(segments, resolvedChars, cursor);
+		if (line.endsWith("\r\n") || line.endsWith("\n") || line.endsWith("\r")) {
+			if (resolvedChars[cursor]?.char === "\r" && resolvedChars[cursor + 1]?.char === "\n") cursor += 2;
+			else if (resolvedChars[cursor]?.char === "\n" || resolvedChars[cursor]?.char === "\r") cursor += 1;
+		}
+		lineSegments.push(segments);
+	});
+	return lineSegments;
+};
+var absorbHiddenTrailingWhitespace = (segments, resolvedChars, cursor) => {
+	let nextCursor = cursor;
+	while (nextCursor < resolvedChars.length && isHorizontalWhitespaceChar(resolvedChars[nextCursor].char)) {
+		const sourceChar = resolvedChars[nextCursor];
+		const lastSegment = segments.at(-1);
+		if (lastSegment && lastSegment.variableName === sourceChar.variableName && lastSegment.variableEnd === sourceChar.variableOffset && lastSegment.run === sourceChar.run && sourceChar.variableOffset !== void 0) lastSegment.variableEnd = sourceChar.variableOffset + 1;
+		nextCursor += 1;
+	}
+	return nextCursor;
+};
+var stripTrailingLineBreaks = (value) => {
+	let end = value.length;
+	while (end > 0) {
+		const char = value[end - 1];
+		if (char !== "\n" && char !== "\r") break;
+		end -= 1;
+	}
+	return value.slice(0, end);
+};
+var isWhitespaceChar = (value) => value === " " || value === "	" || value === "\n" || value === "\r" || value === "\f" || value === "\v";
+var isHorizontalWhitespaceChar = (value) => value === " " || value === "	" || value === "\f" || value === "\v";
+var appendSegment = (segments, sourceChar) => {
+	const lastSegment = segments.at(-1);
+	if (lastSegment && lastSegment.variableName === sourceChar.variableName && lastSegment.variableEnd === sourceChar.variableOffset && lastSegment.run === sourceChar.run) {
+		lastSegment.text += sourceChar.char;
+		if (sourceChar.variableOffset !== void 0) lastSegment.variableEnd = sourceChar.variableOffset + 1;
+		return;
+	}
+	segments.push({
+		text: sourceChar.char,
+		variableName: sourceChar.variableName,
+		variableStart: sourceChar.variableOffset,
+		variableEnd: sourceChar.variableOffset === void 0 ? void 0 : sourceChar.variableOffset + 1,
+		run: sourceChar.run
+	});
+};
+var appendRangedVariableSpan = (arg) => {
+	const { textBlock, segment, variables, schema, font, theme, onChange, stopEditing } = arg;
+	if (!segment.variableName) return;
+	const span = document.createElement("span");
+	span.style.outline = `${theme.colorPrimary} dashed 1px`;
+	if (segment.run) applyInlineMarkdownStyle({
+		element: span,
+		run: segment.run,
+		schema,
+		font
+	});
+	makeElementPlainTextContentEditable(span);
+	span.textContent = segment.text;
+	span.addEventListener("blur", (e) => {
+		const variableName = segment.variableName;
+		if (!variableName) return;
+		const newValue = e.target.textContent || "";
+		if (newValue === segment.text) return;
+		const currentValue = variables[variableName] ?? "";
+		const start = Math.min(segment.variableStart ?? 0, currentValue.length);
+		const end = Math.min(segment.variableEnd ?? currentValue.length, currentValue.length);
+		variables[variableName] = currentValue.slice(0, start) + newValue + currentValue.slice(end);
+		if (onChange) onChange({
+			key: "content",
+			value: JSON.stringify(variables)
+		});
+		if (stopEditing) stopEditing();
+	});
+	textBlock.appendChild(span);
+};
 var getInlineMarkdownFormDisplayText = (runs, variables) => runs.map((run) => substituteVariables(run.text, variables)).join("");
 var applyInlineMarkdownStyle = (arg) => {
 	const { element, run, schema, font } = arg;
@@ -375,7 +522,10 @@ var applyInlineMarkdownStyle = (arg) => {
 		element.style.textShadow = SYNTHETIC_BOLD_CSS_TEXT_SHADOW;
 	}
 	if (resolvedFont.syntheticItalic) element.style.fontStyle = "italic";
-	if (run.strikethrough) element.style.textDecoration = "line-through";
+	const textDecorations = [];
+	if (run.href) textDecorations.push("underline");
+	if (run.strikethrough) textDecorations.push("line-through");
+	if (textDecorations.length > 0) element.style.textDecoration = textDecorations.join(" ");
 	if (run.code) {
 		element.style.backgroundColor = CODE_BACKGROUND_COLOR;
 		element.style.borderRadius = "2px";
@@ -383,10 +533,21 @@ var applyInlineMarkdownStyle = (arg) => {
 		if (!schema.fontVariants?.code || !font[schema.fontVariants.code]) element.style.fontFamily = resolvedFont.fontName ? `'${resolvedFont.fontName}', monospace` : "monospace";
 	}
 };
+var createStaticInlineMarkdownElement = (run) => {
+	const href = run.href ? normalizeLinkHref(run.href) : void 0;
+	if (!href) return document.createElement("span");
+	const anchor = document.createElement("a");
+	anchor.href = href;
+	if (!getInternalLinkTarget(href)) {
+		anchor.target = "_blank";
+		anchor.rel = "noopener noreferrer";
+	}
+	return anchor;
+};
 var appendTextSpan = (arg) => {
 	const { textBlock, text, run, schema, font } = arg;
 	if (!text) return;
-	const span = document.createElement("span");
+	const span = createStaticInlineMarkdownElement(run);
 	span.textContent = text;
 	applyInlineMarkdownStyle({
 		element: span,
@@ -622,7 +783,7 @@ var rectanglePdfRender$2 = rectangle.pdf;
 var pdfRender$2 = async (arg) => {
 	const { schema, value } = arg;
 	const items = normalizeListItems(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -887,7 +1048,7 @@ var uiRender$2 = async (arg) => {
 	const usePlaceholder = editable && !value && Boolean(placeholder);
 	const items = normalizeListItems(usePlaceholder ? placeholder || "" : value);
 	const originalItems = normalizeListItemEntries(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -2315,14 +2476,14 @@ var renderLine = async (arg, schema, position, width, height) => linePdfRender({
 	}
 });
 var createTextDiv = (schema) => {
-	const { borderWidth: bw, width, height, padding: pd } = schema;
+	const contentArea = getBoxContentArea(schema);
 	const textDiv = document.createElement("div");
 	textDiv.style.position = "absolute";
 	textDiv.style.zIndex = "1";
-	textDiv.style.width = `${width - bw.left - bw.right - pd.left - pd.right}mm`;
-	textDiv.style.height = `${height - bw.top - bw.bottom - pd.top - pd.bottom}mm`;
-	textDiv.style.top = `${bw.top + pd.top}mm`;
-	textDiv.style.left = `${bw.left + pd.left}mm`;
+	textDiv.style.width = `${contentArea.width}mm`;
+	textDiv.style.height = `${contentArea.height}mm`;
+	textDiv.style.top = `${contentArea.topInset}mm`;
+	textDiv.style.left = `${contentArea.leftInset}mm`;
 	return textDiv;
 };
 var createLineDiv = (width, height, top, right, bottom, left, borderColor) => {
@@ -2340,7 +2501,8 @@ var createLineDiv = (width, height, top, right, bottom, left, borderColor) => {
 var cellSchema = {
 	pdf: async (arg) => {
 		const { schema } = arg;
-		const { position, width, height, borderWidth, padding } = schema;
+		const { position, width, height, borderWidth } = schema;
+		const contentArea = getBoxContentArea(schema);
 		await Promise.all([
 			rectanglePdfRender$1({
 				...arg,
@@ -2377,12 +2539,12 @@ var cellSchema = {
 				...schema,
 				type: "text",
 				backgroundColor: "",
-				position: {
-					x: position.x + borderWidth.left + padding.left,
-					y: position.y + borderWidth.top + padding.top
-				},
-				width: width - borderWidth.left - borderWidth.right - padding.left - padding.right,
-				height: height - borderWidth.top - borderWidth.bottom - padding.top - padding.bottom
+				borderColor: "",
+				borderWidth: createBoxDimension(0),
+				padding: createBoxDimension(0),
+				position: contentArea.position,
+				width: contentArea.width,
+				height: contentArea.height
 			}
 		});
 	},
@@ -2395,7 +2557,10 @@ var cellSchema = {
 			...arg,
 			schema: {
 				...schema,
-				backgroundColor: ""
+				backgroundColor: "",
+				borderColor: "",
+				borderWidth: createBoxDimension(0),
+				padding: createBoxDimension(0)
 			},
 			rootElement: textDiv
 		});
@@ -2515,7 +2680,7 @@ async function drawTable(arg, table) {
 }
 var pdfRender = async (arg) => {
 	const { value, schema, basePdf, options, _cache } = arg;
-	const body = getBodyWithRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema.__bodyRange);
+	const body = getBodyWithSchemaRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema);
 	const createTableArgs = {
 		schema,
 		basePdf,
@@ -2642,7 +2807,7 @@ var renderRowUi = (args) => {
 					if (!arg.onChange) return;
 					const newValue = Array.isArray(v) ? v[0].value : v.value;
 					if (section === "body") {
-						const startRange = arg.schema.__bodyRange?.start ?? 0;
+						const startRange = getTableBodyRange(arg.schema)?.start ?? 0;
 						value[rowIndex + startRange][colIndex] = newValue;
 						arg.onChange({
 							key: "content",
@@ -2695,7 +2860,8 @@ var resetEditingPosition = () => {
 var uiRender = async (arg) => {
 	const { rootElement, onChange, schema, value, mode, scale } = arg;
 	const body = getBody(value);
-	const bodyWidthRange = getBodyWithRange(value, schema.__bodyRange);
+	const bodyRange = getTableBodyRange(schema);
+	const bodyWidthRange = getBodyWithSchemaRange(value, schema, bodyRange);
 	const table = await createSingleTable(bodyWidthRange, arg);
 	const showHead = table.settings.showHead;
 	rootElement.innerHTML = "";
@@ -2748,7 +2914,7 @@ var uiRender = async (arg) => {
 				text: "-",
 				ariaLabel: "Remove row",
 				onClick: () => {
-					const newTableBody = body.filter((_, j) => j !== i + (schema.__bodyRange?.start ?? 0));
+					const newTableBody = body.filter((_, j) => j !== i + (bodyRange?.start ?? 0));
 					if (onChange) onChange({
 						key: "content",
 						value: JSON.stringify(newTableBody)
@@ -2758,7 +2924,7 @@ var uiRender = async (arg) => {
 		});
 	};
 	if (mode === "form" && onChange && !schema.readOnly) {
-		if (schema.__bodyRange?.end === void 0 || schema.__bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
+		if (bodyRange?.end === void 0 || bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
 		createRemoveRowButtons().forEach((button) => rootElement.appendChild(button));
 	}
 	if (mode === "designer" && onChange) {
@@ -6159,6 +6325,6 @@ var schema = {
 	icon: getCheckedIcon()
 };
 //#endregion
-export { barcodes, builtInPlugins, schema as checkbox, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
+export { BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, LIST_ITEM_SPLIT_UNIT, TABLE_BODY_SPLIT_UNIT, TEXT_LINE_SPLIT_UNIT, barcodes, builtInPlugins, schema as checkbox, createListItemSplitRange, createTableBodySplitRange, createTextLineSplitRange, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, getListItemRange, getTableBodyRange, getTextLineRange, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
 
 //# sourceMappingURL=index.js.map