@pdfme/ui 6.1.0 → 6.1.1-dev.4

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-6FilIoVM.js
 var ALIGN_LEFT = "left";
 var ALIGN_CENTER = "center";
 var ALIGN_RIGHT = "right";
@@ -98453,10 +98598,27 @@ var heightOfFontAtSize = (fontKitFont, fontSize) => {
 var calculateCharacterSpacing = (textContent, textCharacterSpacing) => {
 	return (textContent.length - 1) * textCharacterSpacing;
 };
+var TEXT_WIDTH_CACHE_LIMIT = 5e3;
+var textWidthCache = /* @__PURE__ */ new WeakMap();
+var getTextWidthCache = (fontKitFont) => {
+	let cache = textWidthCache.get(fontKitFont);
+	if (!cache) {
+		cache = /* @__PURE__ */ new Map();
+		textWidthCache.set(fontKitFont, cache);
+	}
+	return cache;
+};
 var widthOfTextAtSize = (text, fontKitFont, fontSize, characterSpacing) => {
+	const cache = getTextWidthCache(fontKitFont);
+	const cacheKey = `${fontSize}\0${characterSpacing}\0${text}`;
+	const cachedWidth = cache.get(cacheKey);
+	if (cachedWidth !== void 0) return cachedWidth;
 	const { glyphs } = fontKitFont.layout(text);
 	const scale = 1e3 / fontKitFont.unitsPerEm;
-	return glyphs.reduce((totalWidth, glyph) => totalWidth + glyph.advanceWidth * scale, 0) * (fontSize / 1e3) + calculateCharacterSpacing(text, characterSpacing);
+	const width = glyphs.reduce((totalWidth, glyph) => totalWidth + glyph.advanceWidth * scale, 0) * (fontSize / 1e3) + calculateCharacterSpacing(text, characterSpacing);
+	if (cache.size >= TEXT_WIDTH_CACHE_LIMIT) cache.clear();
+	cache.set(cacheKey, width);
+	return width;
 };
 var getFallbackFont = (font) => {
 	return font[getFallbackFontName(font)];
@@ -98576,10 +98738,15 @@ var splitTextToSize = (arg) => {
 	return lines;
 };
 var isFirefox = () => navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+var wordSegmenter;
+var getWordSegmenter = () => {
+	wordSegmenter ?? (wordSegmenter = new Intl.Segmenter(void 0, { granularity: "word" }));
+	return wordSegmenter;
+};
 var getSplittedLinesBySegmenter = (line, calcValues) => {
 	if (line.trim() === "") return [""];
 	const { font, fontSize, characterSpacing, boxWidthInPt } = calcValues;
-	const iterator = new Intl.Segmenter(void 0, { granularity: "word" }).segment(line.trimEnd())[Symbol.iterator]();
+	const iterator = getWordSegmenter().segment(line.trimEnd())[Symbol.iterator]();
 	let lines = [];
 	let lineCounter = 0;
 	let currentTextSize = 0;
@@ -98681,6 +98848,8 @@ var filterEndJP = (lines) => {
 		return [...filtered.slice(0, -1), combinedItem];
 	} else return filtered;
 };
+//#endregion
+//#region ../schemas/dist/dynamicTemplate-DslOH4FZ.js
 function _typeof$18(o) {
 	"@babel/helpers - typeof";
 	return _typeof$18 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -99226,6 +99395,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 +99699,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-CFqn6U5J.js
 var MARKDOWN_ESCAPABLE_CHARS = new Set([
 	"\\",
 	"*",
@@ -99935,11 +100117,16 @@ var calculateDynamicRichTextFontSize = async (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 getPdfFont = (run, pdfFontObj) => {
+var getPdfFontFromObj = (run, pdfFontObj) => {
 	const pdfFont = pdfFontObj[run.fontName];
 	if (!pdfFont) throw new Error(`[@pdfme/schemas] Missing embedded font "${run.fontName}".`);
 	return pdfFont;
 };
+var embedFontsForRuns = async (runs, embedPdfFont) => {
+	const fontNames = Array.from(new Set(runs.map((run) => run.fontName)));
+	const pdfFonts = await Promise.all(fontNames.map(async (fontName) => [fontName, await embedPdfFont(fontName)]));
+	return Object.fromEntries(pdfFonts);
+};
 var drawDecorationLine = (arg) => {
 	const { page, x, y, width, rotate, pivotPoint, fontSize, color, opacity } = arg;
 	if (width <= 0) return;
@@ -100020,7 +100207,7 @@ var drawRun = (arg) => {
 	}
 };
 var renderInlineMarkdownText = async (arg) => {
-	const { value, schema, font, pdfFontObj, fontKitFont, page, pdfLib, _cache, colorType, fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing, x, width, height, pageHeight, pivotPoint, rotate, opacity } = arg;
+	const { value, schema, font, embedPdfFont, fontKitFont, page, pdfLib, _cache, colorType, fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing, x, width, height, pageHeight, pivotPoint, rotate, opacity } = arg;
 	const lines = layoutRichTextLines({
 		runs: await resolveRichTextRuns({
 			runs: parseInlineMarkdown(value),
@@ -100032,6 +100219,7 @@ var renderInlineMarkdownText = async (arg) => {
 		characterSpacing,
 		boxWidthInPt: width
 	});
+	const pdfFontObj = await embedFontsForRuns(lines.flatMap((line) => line.runs), embedPdfFont);
 	const firstLineTextHeight = heightOfFontAtSize(fontKitFont, fontSize);
 	const descent = getFontDescentInPt(fontKitFont, fontSize);
 	const halfLineHeightAdjustment = lineHeight === 0 ? 0 : (lineHeight - 1) * fontSize / 2;
@@ -100089,7 +100277,7 @@ var renderInlineMarkdownText = async (arg) => {
 				page,
 				pdfLib,
 				run,
-				pdfFont: getPdfFont(run, pdfFontObj),
+				pdfFont: getPdfFontFromObj(run, pdfFontObj),
 				x: currentX,
 				y: yLine,
 				rotate,
@@ -100106,17 +100294,29 @@ var renderInlineMarkdownText = async (arg) => {
 		}, xLine);
 	});
 };
-var embedAndGetFontObj = async (arg) => {
-	const { pdfDoc, font, _cache } = arg;
-	if (_cache.has(pdfDoc)) return _cache.get(pdfDoc);
-	const fontValues = await Promise.all(Object.values(font).map(async (v) => {
-		let fontData = v.data;
+var PDF_FONT_CACHE_KEY = "text-pdf-font-cache";
+var getPdfFontCache = (_cache) => {
+	let pdfFontCache = _cache.get(PDF_FONT_CACHE_KEY);
+	if (!pdfFontCache) {
+		pdfFontCache = {};
+		_cache.set(PDF_FONT_CACHE_KEY, pdfFontCache);
+	}
+	return pdfFontCache;
+};
+var embedAndGetFont = (arg) => {
+	const { pdfDoc, font, fontName, _cache } = arg;
+	const pdfFontCache = getPdfFontCache(_cache);
+	const cachedFont = pdfFontCache[fontName];
+	if (cachedFont) return cachedFont;
+	const fontValue = font[fontName];
+	if (!fontValue) return Promise.reject(/* @__PURE__ */ new Error(`[@pdfme/schemas] Font "${fontName}" is not found.`));
+	const pdfFontPromise = (async () => {
+		let fontData = fontValue.data;
 		if (typeof fontData === "string" && fontData.startsWith("http")) fontData = await fetchRemoteFontData(fontData);
-		return pdfDoc.embedFont(fontData, { subset: typeof v.subset === "undefined" ? true : v.subset });
-	}));
-	const fontObj = Object.keys(font).reduce((acc, cur, i) => Object.assign(acc, { [cur]: fontValues[i] }), {});
-	_cache.set(pdfDoc, fontObj);
-	return fontObj;
+		return pdfDoc.embedFont(fontData, { subset: typeof fontValue.subset === "undefined" ? true : fontValue.subset });
+	})();
+	pdfFontCache[fontName] = pdfFontPromise;
+	return pdfFontPromise;
 };
 var getFontProp = ({ value, fontKitFont, schema, colorType, fontSize: resolvedFontSize }) => {
 	const fontSize = resolvedFontSize ?? (schema.dynamicFontSize ? calculateDynamicFontSize({
@@ -100134,16 +100334,24 @@ var getFontProp = ({ value, fontKitFont, schema, colorType, fontSize: resolvedFo
 		color
 	};
 };
+var graphemeSegmenter;
+var getGraphemeSegmenter = () => {
+	graphemeSegmenter ?? (graphemeSegmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" }));
+	return graphemeSegmenter;
+};
 var pdfRender = async (arg) => {
 	const { value, pdfDoc, pdfLib, page, options, schema, _cache } = arg;
 	if (!value) return;
 	const { font = getDefaultFont(), colorType } = options;
-	const [pdfFontObj, fontKitFont] = await Promise.all([embedAndGetFontObj({
+	const fontName = schema.fontName ? schema.fontName : getFallbackFontName(font);
+	const enableInlineMarkdown = isInlineMarkdownTextSchema(schema);
+	const pdfFontValuePromise = enableInlineMarkdown ? void 0 : embedAndGetFont({
 		pdfDoc,
 		font,
+		fontName,
 		_cache
-	}), getFontKitFont(schema.fontName, font, _cache)]);
-	const enableInlineMarkdown = isInlineMarkdownTextSchema(schema);
+	});
+	const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
 	const { fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing } = getFontProp({
 		value: enableInlineMarkdown ? stripInlineMarkdown(value) : value,
 		fontKitFont,
@@ -100156,8 +100364,6 @@ var pdfRender = async (arg) => {
 			_cache
 		}) : void 0
 	});
-	const fontName = schema.fontName ? schema.fontName : getFallbackFontName(font);
-	const pdfFontValue = pdfFontObj && pdfFontObj[fontName];
 	const pageHeight = page.getHeight();
 	const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
 		schema,
@@ -100197,7 +100403,12 @@ var pdfRender = async (arg) => {
 			value,
 			schema,
 			font,
-			pdfFontObj,
+			embedPdfFont: (fontName) => embedAndGetFont({
+				pdfDoc,
+				font,
+				fontName,
+				_cache
+			}),
 			fontKitFont,
 			page,
 			pdfLib,
@@ -100219,6 +100430,8 @@ var pdfRender = async (arg) => {
 		});
 		return;
 	}
+	if (!pdfFontValuePromise) throw new Error("[@pdfme/schemas] Failed to prepare PDF font for text rendering.");
+	const pdfFontValue = await pdfFontValuePromise;
 	const firstLineTextHeight = heightOfFontAtSize(fontKitFont, fontSize);
 	const descent = getFontDescentInPt(fontKitFont, fontSize);
 	const halfLineHeightAdjustment = lineHeight === 0 ? 0 : (lineHeight - 1) * fontSize / 2;
@@ -100229,6 +100442,8 @@ var pdfRender = async (arg) => {
 		fontKitFont,
 		boxWidthInPt: width
 	});
+	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 {
@@ -100236,11 +100451,10 @@ var pdfRender = async (arg) => {
 		if (verticalAlignment === "bottom") yOffset = height - otherLinesHeight + descent - halfLineHeightAdjustment;
 		else if (verticalAlignment === "middle") yOffset = (height - otherLinesHeight - firstLineTextHeight + descent) / 2 + firstLineTextHeight;
 	}
-	const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
 	lines.forEach((line, rowIndex) => {
 		const trimmed = line.replace("\n", "");
-		const textWidth = widthOfTextAtSize(trimmed, fontKitFont, fontSize, characterSpacing);
-		const textHeight = heightOfFontAtSize(fontKitFont, fontSize);
+		const textWidth = needsTextWidth ? widthOfTextAtSize(trimmed, fontKitFont, fontSize, characterSpacing) : 0;
+		const textHeight = needsTextHeight ? heightOfFontAtSize(fontKitFont, fontSize) : 0;
 		const rowYOffset = lineHeight * fontSize * rowIndex;
 		if (line === "") line = "\r\n";
 		let xLine = x;
@@ -100291,7 +100505,7 @@ var pdfRender = async (arg) => {
 		}
 		let spacing = characterSpacing;
 		if (alignment === "justify" && line.slice(-1) !== "\n") {
-			const iterator = segmenter.segment(trimmed)[Symbol.iterator]();
+			const iterator = getGraphemeSegmenter().segment(trimmed)[Symbol.iterator]();
 			const len = Array.from(iterator).length;
 			spacing += (width - textWidth) / len;
 		}
@@ -101213,6 +101427,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 +235094,105 @@ var Designer = class extends BaseUIClass {
 	}
 };
 //#endregion
+//#region ../schemas/dist/lists-BmAAx0lx.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 +235310,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 +235369,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 +235426,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 +235496,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 +235505,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);