@pdfme/ui 6.1.0-dev.2 → 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;
@@ -98478,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/helper-M_MmV_d5.js
+//#region ../schemas/dist/helper-6FilIoVM.js
 var ALIGN_LEFT = "left";
 var ALIGN_CENTER = "center";
 var ALIGN_RIGHT = "right";
@@ -98598,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)];
@@ -98721,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;
@@ -98827,7 +98849,7 @@ var filterEndJP = (lines) => {
 	} else return filtered;
 };
 //#endregion
-//#region ../schemas/dist/dynamicTemplate-DmuRoTw4.js
+//#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) {
@@ -99677,7 +99699,7 @@ var Underline = [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", {
 	y2: "20"
 }]];
 //#endregion
-//#region ../schemas/dist/builtins-CWHhKSVA.js
+//#region ../schemas/dist/builtins-CFqn6U5J.js
 var MARKDOWN_ESCAPABLE_CHARS = new Set([
 	"\\",
 	"*",
@@ -100095,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;
@@ -100180,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),
@@ -100192,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;
@@ -100249,7 +100277,7 @@ var renderInlineMarkdownText = async (arg) => {
 				page,
 				pdfLib,
 				run,
-				pdfFont: getPdfFont(run, pdfFontObj),
+				pdfFont: getPdfFontFromObj(run, pdfFontObj),
 				x: currentX,
 				y: yLine,
 				rotate,
@@ -100266,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({
@@ -100294,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,
@@ -100316,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,
@@ -100357,7 +100403,12 @@ var pdfRender = async (arg) => {
 			value,
 			schema,
 			font,
-			pdfFontObj,
+			embedPdfFont: (fontName) => embedAndGetFont({
+				pdfDoc,
+				font,
+				fontName,
+				_cache
+			}),
 			fontKitFont,
 			page,
 			pdfLib,
@@ -100379,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;
@@ -100389,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 {
@@ -100396,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;
@@ -100451,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;
 		}
@@ -235040,7 +235094,7 @@ var Designer = class extends BaseUIClass {
 	}
 };
 //#endregion
-//#region ../schemas/dist/lists-B6dmgpkS.js
+//#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)];