@pdfme/ui 6.1.0 → 6.1.1

package/dist/class.d.ts

@@ -41,6 +41,10 @@ export declare abstract class BaseUIClass {
                 start: number;
                 end?: number | undefined;
             } | undefined;
+            __itemRange?: {
+                start: number;
+                end?: number | undefined;
+            } | undefined;
             __isSplit?: boolean | undefined;
         }[][];
         basePdf: string | ArrayBuffer | Uint8Array<ArrayBuffer> | {
@@ -66,6 +70,10 @@ export declare abstract class BaseUIClass {
                     start: number;
                     end?: number | undefined;
                 } | undefined;
+                __itemRange?: {
+                    start: number;
+                    end?: number | undefined;
+                } | undefined;
                 __isSplit?: boolean | undefined;
             }[] | undefined;
         };

package/dist/helper.d.ts

@@ -35,6 +35,10 @@ export declare const template2SchemasList: (_template: Template) => Promise<{
         start: number;
         end?: number | undefined;
     } | undefined;
+    __itemRange?: {
+        start: number;
+        end?: number | undefined;
+    } | undefined;
     __isSplit?: boolean | undefined;
 }[][]>;
 export declare const schemasList2template: (schemasList: SchemaForUI[][], basePdf: BasePdf) => Template;
@@ -69,5 +73,14 @@ export declare const changeSchemas: (args: {
     };
     commitSchemas: (newSchemas: SchemaForUI[]) => void;
 }) => void;
+export declare const getDynamicHeightReflowChanges: (args: {
+    schemas: SchemaForUI[];
+    schema: SchemaForUI;
+    height: unknown;
+}) => {
+    key: string;
+    value: unknown;
+    schemaId: string;
+}[];
 export declare const useMaxZoom: () => number;
 export declare const setFontNameRecursively: (obj: Record<string, unknown>, fontName: string, seen?: WeakSet<WeakKey>) => void;

package/dist/index.js

@@ -9453,7 +9453,7 @@ function parseExpressionAt(input, pos, options) {
 }
 //#endregion
 //#region ../common/dist/index.js
-var PDFME_VERSION = "6.1.0";
+var PDFME_VERSION = "6.1.1";
 var PT_TO_PX_RATIO = 1.333;
 var PT_TO_MM_RATIO = .3528;
 var MM_TO_PT_RATIO = 2.8346;
@@ -9560,7 +9560,18 @@ object$1({
 	"schemas.date.locale": string$1(),
 	"schemas.select.options": string$1(),
 	"schemas.select.optionPlaceholder": string$1(),
-	"schemas.radioGroup.groupName": string$1()
+	"schemas.radioGroup.groupName": string$1(),
+	"schemas.list.listStyle": string$1(),
+	"schemas.list.bullet": string$1(),
+	"schemas.list.ordered": string$1(),
+	"schemas.list.markerWidth": string$1(),
+	"schemas.list.markerGap": string$1(),
+	"schemas.list.indentSize": string$1(),
+	"schemas.list.itemSpacing": string$1(),
+	"schemas.list.addItem": string$1(),
+	"schemas.list.removeItem": string$1(),
+	"schemas.list.indentItem": string$1(),
+	"schemas.list.outdentItem": string$1()
 });
 _enum([
 	"viewer",
@@ -9590,6 +9601,10 @@ var Schema$1 = object$1({
 		start: number$1(),
 		end: number$1().optional()
 	}).optional(),
+	__itemRange: object$1({
+		start: number$1(),
+		end: number$1().optional()
+	}).optional(),
 	__isSplit: boolean$1().optional()
 }).passthrough();
 var SchemaForUIAdditionalInfo = object$1({ id: string$1() });
@@ -9858,7 +9873,7 @@ function normalizePageSchemas(pageSchemas, paddingTop) {
 			schema: cloneDeep$1(schema),
 			baseY: localY,
 			height: schema.height,
-			dynamicHeights: [schema.height]
+			dynamicLayout: { heights: [schema.height] }
 		});
 		orderMap.set(schema.name, index);
 	});
@@ -9872,20 +9887,21 @@ function normalizePageSchemas(pageSchemas, paddingTop) {
 	};
 }
 /**
-* Place rows on pages, splitting across pages as needed.
+* Place height units on pages, splitting across pages as needed.
 * @returns The final global Y coordinate after placement
 */
-function placeRowsOnPages(schema, dynamicHeights, startGlobalY, contentHeight, paddingTop, pages) {
-	let currentRowIndex = 0;
+function placeUnitsOnPages(schema, dynamicLayout, startGlobalY, contentHeight, paddingTop, pages) {
+	const dynamicHeights = dynamicLayout.heights;
+	let currentUnitIndex = 0;
 	let currentPageIndex = Math.floor(startGlobalY / contentHeight);
 	let currentYInPage = startGlobalY % contentHeight;
 	if (currentYInPage < 0) currentYInPage = 0;
 	let actualGlobalEndY = 0;
 	const isSplittable = dynamicHeights.length > 1;
-	while (currentRowIndex < dynamicHeights.length) {
+	while (currentUnitIndex < dynamicHeights.length) {
 		while (pages.length <= currentPageIndex) pages.push([]);
 		const spaceLeft = contentHeight - currentYInPage;
-		if (dynamicHeights[currentRowIndex] > spaceLeft + EPSILON) {
+		if (dynamicHeights[currentUnitIndex] > spaceLeft + EPSILON) {
 			if (!(Math.abs(spaceLeft - contentHeight) <= EPSILON)) {
 				currentPageIndex++;
 				currentYInPage = 0;
@@ -9893,40 +9909,41 @@ function placeRowsOnPages(schema, dynamicHeights, startGlobalY, contentHeight, p
 			}
 		}
 		let chunkHeight = 0;
-		const startRowIndex = currentRowIndex;
-		while (currentRowIndex < dynamicHeights.length) {
-			const h = dynamicHeights[currentRowIndex];
+		const startUnitIndex = currentUnitIndex;
+		while (currentUnitIndex < dynamicHeights.length) {
+			const h = dynamicHeights[currentUnitIndex];
 			if (currentYInPage + chunkHeight + h <= contentHeight + EPSILON) {
 				chunkHeight += h;
-				currentRowIndex++;
+				currentUnitIndex++;
 			} else break;
 		}
 		const isAtPageTop = currentYInPage <= EPSILON;
-		if (isSplittable && startRowIndex === 0 && currentRowIndex === 1 && dynamicHeights.length > 1 && !isAtPageTop) {
-			currentRowIndex = 0;
+		if (dynamicLayout.avoidFirstUnitOnly && isSplittable && startUnitIndex === 0 && currentUnitIndex === 1 && dynamicHeights.length > 1 && !isAtPageTop) {
+			currentUnitIndex = 0;
 			currentPageIndex++;
 			currentYInPage = 0;
 			continue;
 		}
-		if (currentRowIndex === startRowIndex) {
-			chunkHeight += dynamicHeights[currentRowIndex];
-			currentRowIndex++;
+		if (currentUnitIndex === startUnitIndex) {
+			chunkHeight += dynamicHeights[currentUnitIndex];
+			currentUnitIndex++;
 		}
+		const patch = dynamicLayout.patchSplitSchema?.({
+			schema,
+			start: startUnitIndex,
+			end: currentUnitIndex,
+			isSplit: startUnitIndex > 0,
+			chunkHeight
+		}) ?? {};
 		const newSchema = {
 			...schema,
+			...patch,
 			height: chunkHeight,
 			position: {
 				...schema.position,
 				y: currentYInPage + paddingTop
 			}
 		};
-		if (isSplittable) {
-			newSchema.__bodyRange = {
-				start: startRowIndex === 0 ? 0 : startRowIndex - 1,
-				end: currentRowIndex - 1
-			};
-			newSchema.__isSplit = startRowIndex > 0;
-		}
 		pages[currentPageIndex].push(newSchema);
 		currentYInPage += chunkHeight;
 		if (currentYInPage >= contentHeight - EPSILON) {
@@ -9957,12 +9974,19 @@ function processDynamicPage(items, orderMap, contentHeight, paddingTop) {
 	let totalYOffset = 0;
 	for (const item of items) {
 		const currentGlobalStartY = item.baseY + totalYOffset;
-		totalYOffset = placeRowsOnPages(item.schema, item.dynamicHeights, currentGlobalStartY, contentHeight, paddingTop, pages) - (item.baseY + item.height);
+		totalYOffset = placeUnitsOnPages(item.schema, item.dynamicLayout, currentGlobalStartY, contentHeight, paddingTop, pages) - (item.baseY + item.height);
 	}
 	sortPagesByOrder(pages, orderMap);
 	removeTrailingEmptyPages(pages);
 	return pages;
 }
+var normalizeDynamicLayoutResult = (result) => {
+	const dynamicLayout = Array.isArray(result) ? { heights: result } : result;
+	return {
+		...dynamicLayout,
+		heights: dynamicLayout.heights.length === 0 ? [0] : dynamicLayout.heights
+	};
+};
 /**
 * Process a template containing tables with dynamic heights
 * and generate a new template with proper page breaks.
@@ -9994,9 +10018,9 @@ var getDynamicTemplate = async (arg) => {
 					basePdf,
 					options,
 					_cache
-				}).then((heights) => heights.length === 0 ? [0] : heights);
+				}).then(normalizeDynamicLayoutResult);
 			}));
-			for (let j = 0; j < chunkResults.length; j++) items[i + j].dynamicHeights = chunkResults[j];
+			for (let j = 0; j < chunkResults.length; j++) items[i + j].dynamicLayout = chunkResults[j];
 		}
 		const processedPages = processDynamicPage(items, orderMap, contentHeight, paddingTop);
 		resultPages.push(...processedPages);
@@ -81492,7 +81516,18 @@ var dictionaries = {
 		"schemas.date.locale": "Locale",
 		"schemas.select.options": "Options",
 		"schemas.select.optionPlaceholder": "Enter an option",
-		"schemas.radioGroup.groupName": "Group Name"
+		"schemas.radioGroup.groupName": "Group Name",
+		"schemas.list.listStyle": "List Style",
+		"schemas.list.bullet": "Bullet",
+		"schemas.list.ordered": "Ordered",
+		"schemas.list.markerWidth": "Marker Width",
+		"schemas.list.markerGap": "Marker Gap",
+		"schemas.list.indentSize": "Indent Size",
+		"schemas.list.itemSpacing": "Item Spacing",
+		"schemas.list.addItem": "Add item",
+		"schemas.list.removeItem": "Remove item",
+		"schemas.list.indentItem": "Indent item",
+		"schemas.list.outdentItem": "Outdent item"
 	},
 	zh: {
 		cancel: "取消",
@@ -81581,7 +81616,18 @@ var dictionaries = {
 		"schemas.date.locale": " 语言环境",
 		"schemas.select.options": "选项",
 		"schemas.select.optionPlaceholder": "请输入选项",
-		"schemas.radioGroup.groupName": "组名"
+		"schemas.radioGroup.groupName": "组名",
+		"schemas.list.listStyle": "列表样式",
+		"schemas.list.bullet": "项目符号",
+		"schemas.list.ordered": "编号",
+		"schemas.list.markerWidth": "标记宽度",
+		"schemas.list.markerGap": "标记间距",
+		"schemas.list.indentSize": "缩进大小",
+		"schemas.list.itemSpacing": "项目间距",
+		"schemas.list.addItem": "添加项目",
+		"schemas.list.removeItem": "删除项目",
+		"schemas.list.indentItem": "增加缩进",
+		"schemas.list.outdentItem": "减少缩进"
 	},
 	ja: {
 		cancel: "キャンセル",
@@ -81670,7 +81716,18 @@ var dictionaries = {
 		"schemas.date.locale": "ロケール",
 		"schemas.select.options": "オプション",
 		"schemas.select.optionPlaceholder": "オプションを入力してください",
-		"schemas.radioGroup.groupName": "グループ名"
+		"schemas.radioGroup.groupName": "グループ名",
+		"schemas.list.listStyle": "リストスタイル",
+		"schemas.list.bullet": "箇条書き",
+		"schemas.list.ordered": "番号付き",
+		"schemas.list.markerWidth": "マーカー幅",
+		"schemas.list.markerGap": "マーカー間隔",
+		"schemas.list.indentSize": "インデント幅",
+		"schemas.list.itemSpacing": "項目間隔",
+		"schemas.list.addItem": "項目を追加",
+		"schemas.list.removeItem": "項目を削除",
+		"schemas.list.indentItem": "インデント",
+		"schemas.list.outdentItem": "インデント解除"
 	},
 	ko: {
 		cancel: "취소",
@@ -81759,7 +81816,18 @@ var dictionaries = {
 		"schemas.date.locale": " 장소",
 		"schemas.select.options": "옵션",
 		"schemas.select.optionPlaceholder": "옵션을 입력하세요",
-		"schemas.radioGroup.groupName": "그룹 이름"
+		"schemas.radioGroup.groupName": "그룹 이름",
+		"schemas.list.listStyle": "목록 스타일",
+		"schemas.list.bullet": "글머리 기호",
+		"schemas.list.ordered": "번호 매기기",
+		"schemas.list.markerWidth": "마커 너비",
+		"schemas.list.markerGap": "마커 간격",
+		"schemas.list.indentSize": "들여쓰기 크기",
+		"schemas.list.itemSpacing": "항목 간격",
+		"schemas.list.addItem": "항목 추가",
+		"schemas.list.removeItem": "항목 삭제",
+		"schemas.list.indentItem": "들여쓰기",
+		"schemas.list.outdentItem": "내어쓰기"
 	},
 	ar: {
 		cancel: "إلغاء",
@@ -81848,7 +81916,18 @@ var dictionaries = {
 		"schemas.date.locale": "لغة",
 		"schemas.select.options": "خيارات",
 		"schemas.select.optionPlaceholder": "أدخل خيارًا",
-		"schemas.radioGroup.groupName": "اسم المجموعة"
+		"schemas.radioGroup.groupName": "اسم المجموعة",
+		"schemas.list.listStyle": "نمط القائمة",
+		"schemas.list.bullet": "نقاط",
+		"schemas.list.ordered": "مرقمة",
+		"schemas.list.markerWidth": "عرض العلامة",
+		"schemas.list.markerGap": "مسافة العلامة",
+		"schemas.list.indentSize": "حجم المسافة البادئة",
+		"schemas.list.itemSpacing": "تباعد العناصر",
+		"schemas.list.addItem": "إضافة عنصر",
+		"schemas.list.removeItem": "حذف عنصر",
+		"schemas.list.indentItem": "زيادة المسافة البادئة",
+		"schemas.list.outdentItem": "تقليل المسافة البادئة"
 	},
 	th: {
 		cancel: "ยกเลิก",
@@ -81937,7 +82016,18 @@ var dictionaries = {
 		"schemas.date.locale": "สถาน",
 		"schemas.select.options": "ตัวเลือก",
 		"schemas.select.optionPlaceholder": "กรอกตัวเลือก",
-		"schemas.radioGroup.groupName": "ชื่อกลุ่ม"
+		"schemas.radioGroup.groupName": "ชื่อกลุ่ม",
+		"schemas.list.listStyle": "รูปแบบรายการ",
+		"schemas.list.bullet": "สัญลักษณ์หัวข้อ",
+		"schemas.list.ordered": "ลำดับเลข",
+		"schemas.list.markerWidth": "ความกว้างเครื่องหมาย",
+		"schemas.list.markerGap": "ระยะห่างเครื่องหมาย",
+		"schemas.list.indentSize": "ขนาดย่อหน้า",
+		"schemas.list.itemSpacing": "ระยะห่างรายการ",
+		"schemas.list.addItem": "เพิ่มรายการ",
+		"schemas.list.removeItem": "ลบรายการ",
+		"schemas.list.indentItem": "เพิ่มย่อหน้า",
+		"schemas.list.outdentItem": "ลดย่อหน้า"
 	},
 	it: {
 		cancel: "Annulla",
@@ -82026,7 +82116,18 @@ var dictionaries = {
 		"schemas.date.locale": "Locale",
 		"schemas.select.options": "Opzioni",
 		"schemas.select.optionPlaceholder": "Inserisci un'opzione",
-		"schemas.radioGroup.groupName": "Nome del Gruppo"
+		"schemas.radioGroup.groupName": "Nome del Gruppo",
+		"schemas.list.listStyle": "Stile elenco",
+		"schemas.list.bullet": "Puntato",
+		"schemas.list.ordered": "Numerato",
+		"schemas.list.markerWidth": "Larghezza indicatore",
+		"schemas.list.markerGap": "Spazio indicatore",
+		"schemas.list.indentSize": "Dimensione rientro",
+		"schemas.list.itemSpacing": "Spaziatura elementi",
+		"schemas.list.addItem": "Aggiungi elemento",
+		"schemas.list.removeItem": "Rimuovi elemento",
+		"schemas.list.indentItem": "Aumenta rientro",
+		"schemas.list.outdentItem": "Riduci rientro"
 	},
 	pl: {
 		cancel: "Anuluj",
@@ -82115,7 +82216,18 @@ var dictionaries = {
 		"schemas.date.locale": "Widownia",
 		"schemas.select.options": "Opcje",
 		"schemas.select.optionPlaceholder": "Wpisz opcję",
-		"schemas.radioGroup.groupName": "Nazwa grupy"
+		"schemas.radioGroup.groupName": "Nazwa grupy",
+		"schemas.list.listStyle": "Styl listy",
+		"schemas.list.bullet": "Punktowana",
+		"schemas.list.ordered": "Numerowana",
+		"schemas.list.markerWidth": "Szerokość znacznika",
+		"schemas.list.markerGap": "Odstęp znacznika",
+		"schemas.list.indentSize": "Rozmiar wcięcia",
+		"schemas.list.itemSpacing": "Odstęp elementów",
+		"schemas.list.addItem": "Dodaj element",
+		"schemas.list.removeItem": "Usuń element",
+		"schemas.list.indentItem": "Zwiększ wcięcie",
+		"schemas.list.outdentItem": "Zmniejsz wcięcie"
 	},
 	de: {
 		cancel: "Abbrechen",
@@ -82204,7 +82316,18 @@ var dictionaries = {
 		"schemas.date.locale": "Gebietsschema",
 		"schemas.select.options": "Optionen",
 		"schemas.select.optionPlaceholder": "Geben Sie eine Option ein",
-		"schemas.radioGroup.groupName": "Gruppenname"
+		"schemas.radioGroup.groupName": "Gruppenname",
+		"schemas.list.listStyle": "Listenstil",
+		"schemas.list.bullet": "Aufzählung",
+		"schemas.list.ordered": "Nummeriert",
+		"schemas.list.markerWidth": "Markerbreite",
+		"schemas.list.markerGap": "Markerabstand",
+		"schemas.list.indentSize": "Einzugsgröße",
+		"schemas.list.itemSpacing": "Elementabstand",
+		"schemas.list.addItem": "Element hinzufügen",
+		"schemas.list.removeItem": "Element entfernen",
+		"schemas.list.indentItem": "Einzug erhöhen",
+		"schemas.list.outdentItem": "Einzug verringern"
 	},
 	es: {
 		cancel: "Cancelar",
@@ -82293,7 +82416,18 @@ var dictionaries = {
 		"schemas.date.locale": "Lugar",
 		"schemas.select.options": "Opciones",
 		"schemas.select.optionPlaceholder": "Ingrese una opción",
-		"schemas.radioGroup.groupName": "Nombre del grupo"
+		"schemas.radioGroup.groupName": "Nombre del grupo",
+		"schemas.list.listStyle": "Estilo de lista",
+		"schemas.list.bullet": "Viñetas",
+		"schemas.list.ordered": "Numerada",
+		"schemas.list.markerWidth": "Ancho del marcador",
+		"schemas.list.markerGap": "Espacio del marcador",
+		"schemas.list.indentSize": "Tamaño de sangría",
+		"schemas.list.itemSpacing": "Espaciado de elementos",
+		"schemas.list.addItem": "Agregar elemento",
+		"schemas.list.removeItem": "Eliminar elemento",
+		"schemas.list.indentItem": "Aumentar sangría",
+		"schemas.list.outdentItem": "Reducir sangría"
 	},
 	fr: {
 		cancel: "Annuler",
@@ -82382,7 +82516,18 @@ var dictionaries = {
 		"schemas.date.locale": "Lieu",
 		"schemas.select.options": "Options",
 		"schemas.select.optionPlaceholder": "Entrez une option",
-		"schemas.radioGroup.groupName": "Nom du groupe"
+		"schemas.radioGroup.groupName": "Nom du groupe",
+		"schemas.list.listStyle": "Style de liste",
+		"schemas.list.bullet": "Puces",
+		"schemas.list.ordered": "Numérotée",
+		"schemas.list.markerWidth": "Largeur du marqueur",
+		"schemas.list.markerGap": "Espacement du marqueur",
+		"schemas.list.indentSize": "Taille du retrait",
+		"schemas.list.itemSpacing": "Espacement des éléments",
+		"schemas.list.addItem": "Ajouter un élément",
+		"schemas.list.removeItem": "Supprimer un élément",
+		"schemas.list.indentItem": "Augmenter le retrait",
+		"schemas.list.outdentItem": "Réduire le retrait"
 	}
 };
 var getDict = (lang) => dictionaries[lang] || dictionaries["en"];
@@ -98333,7 +98478,7 @@ $d636bc798e7178db$export$36b2f24e97d43be($21ee218f84ac7f32$export$2e2bcd8739ae03
 $d636bc798e7178db$export$36b2f24e97d43be($cd5853a56c68fec7$export$2e2bcd8739ae039);
 $d636bc798e7178db$export$36b2f24e97d43be($05f49f930186144e$export$2e2bcd8739ae039);
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-Dsrw11aL.js
+//#region ../schemas/dist/helper-M_MmV_d5.js
 var ALIGN_LEFT = "left";
 var ALIGN_CENTER = "center";
 var ALIGN_RIGHT = "right";
@@ -98681,6 +98826,8 @@ var filterEndJP = (lines) => {
 		return [...filtered.slice(0, -1), combinedItem];
 	} else return filtered;
 };
+//#endregion
+//#region ../schemas/dist/dynamicTemplate-DmuRoTw4.js
 function _typeof$18(o) {
 	"@babel/helpers - typeof";
 	return _typeof$18 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -99226,6 +99373,19 @@ var getDynamicHeightsForTable = async (value, args) => {
 	}
 	return result;
 };
+var getDynamicLayoutForTable = async (value, args) => {
+	return {
+		heights: await getDynamicHeightsForTable(value, args),
+		avoidFirstUnitOnly: true,
+		patchSplitSchema: ({ start, end, isSplit }) => ({
+			__bodyRange: {
+				start: start === 0 ? 0 : start - 1,
+				end: end - 1
+			},
+			__isSplit: isSplit
+		})
+	};
+};
 //#endregion
 //#region ../schemas/dist/utils.js
 var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
@@ -99517,7 +99677,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-C0BvXHWr.js
+//#region ../schemas/dist/builtins-CWHhKSVA.js
 var MARKDOWN_ESCAPABLE_CHARS = new Set([
 	"\\",
 	"*",
@@ -101213,6 +101373,20 @@ var changeSchemas = (args) => {
 		return acc;
 	}, cloneDeep$1(schemas)));
 };
+var getDynamicHeightReflowChanges = (args) => {
+	const { schemas, schema, height } = args;
+	if (schema.type !== "list") return [];
+	const nextHeight = Number(height);
+	if (!Number.isFinite(nextHeight)) return [];
+	const delta = nextHeight - schema.height;
+	if (delta === 0) return [];
+	const baseBottom = schema.position.y + schema.height;
+	return schemas.filter((s) => s.id !== schema.id && s.position.y >= baseBottom).map((s) => ({
+		key: "position.y",
+		value: round$2(s.position.y + delta, 2),
+		schemaId: s.id
+	}));
+};
 var useMaxZoom = () => {
 	const options = (0, import_react$9.useContext)(OptionsContext);
 	return options.maxZoom ? options.maxZoom / 100 : 2;
@@ -234866,6 +235040,105 @@ var Designer = class extends BaseUIClass {
 	}
 };
 //#endregion
+//#region ../schemas/dist/lists-B6dmgpkS.js
+var normalizeListItems = (value) => {
+	if (Array.isArray(value)) return value.map((item) => String(item));
+	if (typeof value !== "string") return value == null ? [] : [String(value)];
+	const trimmed = value.trim();
+	if (!trimmed) return [];
+	try {
+		const parsed = JSON.parse(trimmed);
+		if (Array.isArray(parsed)) return parsed.map((item) => String(item));
+	} catch {}
+	return value.split(/\r\n|\r|\n/g);
+};
+var parseListItem = (value) => {
+	const indent = value.match(/^\t+/)?.[0].length ?? 0;
+	return {
+		level: Math.min(indent, 8),
+		text: value.slice(indent)
+	};
+};
+var getListMarkers = (schema, items) => {
+	if ((schema.listStyle ?? "bullet") !== "ordered") return items.map(() => "•");
+	const counters = Array.from({ length: 9 }, () => 0);
+	return items.map((rawItem) => {
+		const { level } = parseListItem(rawItem);
+		counters[level] += 1;
+		counters.fill(0, level + 1);
+		return `${counters[level]}.`;
+	});
+};
+var calculateListLayout = async (arg) => {
+	const { schema, items, markerItems, startIndex, options, _cache } = arg;
+	const markerWidth = schema.markerWidth ?? 6;
+	const markerGap = schema.markerGap ?? 2;
+	const indentSize = schema.indentSize ?? 6;
+	const font = options.font || getDefaultFont();
+	const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
+	const fontSize = schema.fontSize ?? 13;
+	const lineHeight = schema.lineHeight ?? 1;
+	const characterSpacing = schema.characterSpacing ?? 0;
+	const itemSpacing = schema.itemSpacing ?? 1;
+	const lineHeightMm = pt2mm(fontSize * lineHeight);
+	const markers = markerItems ? getListMarkers(schema, markerItems).slice(startIndex, startIndex + items.length) : getListMarkers(schema, items);
+	const layoutItems = items.map((rawItem, index) => {
+		const item = parseListItem(rawItem);
+		const markerX = item.level * indentSize;
+		const bodyX = markerX + markerWidth + markerGap;
+		const bodyWidth = Math.max(schema.width - bodyX, 0);
+		const lines = splitTextToSize({
+			value: item.text,
+			characterSpacing,
+			boxWidthInPt: mm2pt(Math.max(bodyWidth, .1)),
+			fontSize,
+			fontKitFont
+		});
+		const height = Math.max(lines.length, 1) * lineHeightMm + (index === items.length - 1 ? 0 : itemSpacing);
+		return {
+			item: item.text,
+			itemIndex: startIndex + index,
+			level: item.level,
+			marker: markers[index],
+			lines,
+			height,
+			markerX,
+			bodyX,
+			bodyWidth
+		};
+	});
+	return {
+		items: layoutItems,
+		totalHeight: layoutItems.reduce((sum, item) => sum + item.height, 0),
+		markerWidth,
+		markerGap,
+		indentSize
+	};
+};
+var getDynamicLayoutForList = async (value, args) => {
+	if (args.schema.type !== "list") return { heights: [args.schema.height] };
+	const schema = args.schema;
+	const items = normalizeListItems(value);
+	if (items.length === 0) return { heights: [0] };
+	return {
+		heights: (await calculateListLayout({
+			schema,
+			items,
+			startIndex: 0,
+			options: args.options,
+			_cache: args._cache
+		})).items.map((item) => item.height),
+		avoidFirstUnitOnly: false,
+		patchSplitSchema: ({ start, end, isSplit }) => ({
+			__itemRange: {
+				start,
+				end
+			},
+			__isSplit: isSplit
+		})
+	};
+};
+//#endregion
 //#region src/components/UnitPager.tsx
 var { Text } = Typography;
 var icons = {
@@ -234983,6 +235256,17 @@ var UnitPager = ({ size, unitCursor, unitNum, setUnitCursor }) => {
 //#endregion
 //#region src/components/Preview.tsx
 var _cache = /* @__PURE__ */ new Map();
+var applySchemaChange = (schema, key, value) => {
+	if (key === "position.x") {
+		schema.position.x = value;
+		return;
+	}
+	if (key === "position.y") {
+		schema.position.y = value;
+		return;
+	}
+	schema[key] = value;
+};
 var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 	const { token } = theme_default.useToken();
 	const font = (0, import_react$9.useContext)(FontContext);
@@ -235031,7 +235315,8 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 			_cache,
 			getDynamicHeights: (value, args) => {
 				switch (args.schema.type) {
-					case "table": return getDynamicHeightsForTable(value, args);
+					case "table": return getDynamicLayoutForTable(value, args);
+					case "list": return getDynamicLayoutForList(value, args);
 					default: return Promise.resolve([args.schema.height]);
 				}
 			}
@@ -235087,14 +235372,23 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 					name: schema.name,
 					value: newValue
 				});
-				if (schema.type === "table") {
+				if (schema.type === "table" || schema.type === "list") {
 					isNeedInit = true;
 					newInputValue = newValue;
 				}
 			} else {
-				const targetSchema = schemasList[pageCursor].find((s) => s.id === schema.id);
+				const pageSchemas = schemasList[pageCursor] || [];
+				const targetSchema = pageSchemas.find((s) => s.id === schema.id);
 				if (!targetSchema) return;
-				targetSchema[_key] = value;
+				if (_key === "height" && isBlankPdf(template.basePdf)) getDynamicHeightReflowChanges({
+					schemas: pageSchemas,
+					schema: targetSchema,
+					height: value
+				}).forEach(({ key, value, schemaId }) => {
+					const reflowTarget = pageSchemas.find((s) => s.id === schemaId);
+					if (reflowTarget) applySchemaChange(reflowTarget, key, value);
+				});
+				applySchemaChange(targetSchema, _key, value);
 			}
 		});
 		if (isNeedInit && newInputValue !== void 0) init(template, {
@@ -235148,6 +235442,7 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 					pageSizes,
 					backgrounds,
 					renderSchema: ({ schema, index }) => {
+						const hasInputValue = Boolean(input && Object.prototype.hasOwnProperty.call(input, schema.name));
 						const value = schema.readOnly ? replacePlaceholders({
 							content: schema.content || "",
 							variables: {
@@ -235156,13 +235451,13 @@ var Preview = ({ template, inputs, size, onChangeInput, onPageChange }) => {
 								currentPage: index + 1
 							},
 							schemas: schemasList
-						}) : String(input && input[schema.name] || "");
+						}) : String(hasInputValue ? input?.[schema.name] ?? "" : "");
 						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Renderer, {
 							schema,
 							basePdf: template.basePdf,
 							value,
 							mode: isForm ? "form" : "viewer",
-							placeholder: schema.content,
+							placeholder: hasInputValue ? void 0 : schema.content,
 							tabIndex: index + 100,
 							onChange: (arg) => {
 								handleOnChangeRenderer(Array.isArray(arg) ? arg : [arg], schema);