@pdfme/schemas 6.1.12 → 6.1.13

package/dist/index.js

@@ -1,10 +1,10 @@
-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-BOUo4Tvl.js";
-import { a as measureTextLines, d as isInlineMarkdownTextSchema, g as parseInlineMarkdown, p as resolveFontVariant } from "./measure-B_6K--bf.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-D6FCodhC.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-Cco1tXiK.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-Fs3Zwymf.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-C4UKzQbP.js";
-import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-BChY9FCm.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-BHV0vb0Q.js";
+import { a as measureTextLines, d as isInlineMarkdownTextSchema, g as parseInlineMarkdown, p as resolveFontVariant } from "./measure-BC7tjAtT.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-8En4EIAG.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-CnK0nlnj.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-D_sFXK0U.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-DQF7c6NR.js";
+import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-VroN19Ci.js";
 import "./tables.js";
 import "./lists.js";
 import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
@@ -34,7 +34,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -43,19 +43,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var pdfRender$3 = async (arg) => {
 	const { value, schema, ...rest } = arg;
 	if (schema.readOnly) {
+		const readOnlyValue = schema.variables.length > 0 ? value : schema.text || "";
 		await pdfRender$4({
-			value,
+			value: readOnlyValue,
 			schema,
 			...rest
 		});
 		return;
 	}
 	if (!validateVariables(value, schema)) return;
-	await pdfRender$4({
+	const renderArgs = {
 		value: isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(schema.text || "", value) : substituteVariables(schema.text || "", value),
 		schema,
 		...rest
-	});
+	};
+	await pdfRender$4(renderArgs);
 };
 //#endregion
 //#region src/multiVariableText/propPanel.ts
@@ -209,7 +211,7 @@ var uiRender$3 = async (arg) => {
 	let text = schema.text;
 	let numVariables = schema.variables.length;
 	const renderResolvedValue = schema.readOnly === true && mode !== "designer";
-	const renderValue = renderResolvedValue ? value : isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
+	const renderValue = renderResolvedValue ? numVariables > 0 ? value : text || "" : isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
 	if (mode === "form" && numVariables > 0 && !renderResolvedValue) {
 		await formUiRender(arg);
 		return;
@@ -232,7 +234,7 @@ var uiRender$3 = async (arg) => {
 	const textBlock = rootElement.querySelector("#text-" + String(schema.id));
 	if (!textBlock) throw new Error("Text block not found. Ensure the text block has an id of \"text-\" + schema.id");
 	if (mode === "designer") textBlock.addEventListener("keyup", (event) => {
-		text = textBlock.textContent || "";
+		text = textBlock.innerText || "";
 		if (keyPressShouldBeChecked(event)) {
 			const newNumVariables = countUniqueVariableNames(text);
 			if (numVariables !== newNumVariables) {
@@ -257,7 +259,8 @@ var formUiRender = async (arg) => {
 	const substitutedText = substituteVariables(rawText, variables);
 	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);
+	const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
+	const textBlock = buildStyledTextContainer(arg, fontKitFont, inlineMarkdownRuns ? getInlineMarkdownFormDisplayText(inlineMarkdownRuns, variables) : substitutedText);
 	if (getTextLineRange(schema)) {
 		const { lines } = await measureTextLines({
 			value: inlineMarkdownRuns ? substituteVariablesAsInlineMarkdownLiterals(rawText, variables) : substitutedText,
@@ -1408,8 +1411,8 @@ var listSchema = {
 var decoder = new TextDecoder();
 var toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
 var toHexString = (input, start = 0, end = input.length) => input.slice(start, end).reduce((memo, i) => memo + ("0" + i.toString(16)).slice(-2), "");
-var readUInt16BE = (input, offset = 0) => input[offset] * 2 ** 8 + input[offset + 1];
-var readUInt32BE = (input, offset = 0) => input[offset] * 2 ** 24 + input[offset + 1] * 2 ** 16 + input[offset + 2] * 2 ** 8 + input[offset + 3];
+var readUInt16BE = (input, offset = 0) => input[offset] * 256 + input[offset + 1];
+var readUInt32BE = (input, offset = 0) => input[offset] * 2 ** 24 + input[offset + 1] * 2 ** 16 + input[offset + 2] * 256 + input[offset + 3];
 var extractSize = (input, index) => {
 	return {
 		height: readUInt16BE(input, index),
@@ -1547,9 +1550,10 @@ var imageSchema = {
 			_schema.height = boxHeight;
 			_schema.position.x += (boxWidth - _schema.width) / 2;
 		}
+		const pageHeight = page.getHeight();
 		const { width, height, rotate, position, opacity } = convertForPdfLayoutProps({
 			schema: _schema,
-			pageHeight: page.getHeight()
+			pageHeight
 		});
 		const { x, y } = position;
 		const drawOptions = {
@@ -1647,7 +1651,8 @@ var imageSchema = {
 			input.accept = "image/jpeg, image/png";
 			input.addEventListener("change", (event) => {
 				const target = event.target;
-				readFile(target instanceof HTMLInputElement ? target.files : null).then((result) => {
+				const files = target instanceof HTMLInputElement ? target.files : null;
+				readFile(files).then((result) => {
 					if (onChange) onChange({
 						key: "content",
 						value: result
@@ -1919,9 +1924,10 @@ var svgSchema = {
 	pdf: async (arg) => {
 		const { page, schema, value } = arg;
 		if (!value || !isValidSVG(value)) return;
+		const pageHeight = page.getHeight();
 		const { width, height, position } = convertForPdfLayoutProps({
 			schema,
-			pageHeight: page.getHeight()
+			pageHeight
 		});
 		const { x, y } = position;
 		await page.drawSvg(value, {
@@ -2061,9 +2067,10 @@ var pdfRender$1 = async (arg) => {
 		image = await pdfDoc.embedPng(imageBuf);
 		_cache.set(inputBarcodeCacheKey, image);
 	}
+	const pageHeight = page.getHeight();
 	const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
 		schema,
-		pageHeight: page.getHeight()
+		pageHeight
 	});
 	page.drawImage(image, {
 		x,
@@ -2382,9 +2389,10 @@ var lineSchema = {
 		const { page, schema, options } = arg;
 		if (schema.width === 0 || schema.height === 0 || !schema.color) return;
 		const { colorType } = options;
+		const pageHeight = page.getHeight();
 		const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
 			schema,
-			pageHeight: page.getHeight(),
+			pageHeight,
 			applyRotateTranslate: false
 		});
 		const pivot = {
@@ -2578,10 +2586,12 @@ var cellSchema = {
 				data: "",
 				fallback: true
 			} };
+			const fontNames = Object.keys(font);
+			const fallbackFontName = getFallbackFontName(font);
 			return getCellPropPanelSchema({
 				i18n,
-				fontNames: Object.keys(font),
-				fallbackFontName: getFallbackFontName(font)
+				fontNames,
+				fallbackFontName
 			});
 		},
 		defaultSchema: {
@@ -2687,7 +2697,8 @@ var pdfRender = async (arg) => {
 		options,
 		_cache
 	};
-	await drawTable(arg, await createSingleTable(Array.isArray(body) ? body.map((row) => Array.isArray(row) ? row.map((cell) => String(cell)) : []) : [], createTableArgs));
+	const typedBody = Array.isArray(body) ? body.map((row) => Array.isArray(row) ? row.map((cell) => String(cell)) : []) : [];
+	await drawTable(arg, await createSingleTable(typedBody, createTableArgs));
 };
 //#endregion
 //#region src/tables/uiRender.ts
@@ -2938,8 +2949,7 @@ var uiRender = async (arg) => {
 			onClick: (e) => {
 				e.preventDefault();
 				const newColumnWidthPercentage = 25;
-				const totalCurrentWidth = schema.headWidthPercentages.reduce((acc, width) => acc + width, 0);
-				const scalingRatio = (100 - newColumnWidthPercentage) / totalCurrentWidth;
+				const scalingRatio = 75 / schema.headWidthPercentages.reduce((acc, width) => acc + width, 0);
 				const scaledWidths = schema.headWidthPercentages.map((width) => width * scalingRatio);
 				onChange([
 					{
@@ -3023,7 +3033,8 @@ var uiRender = async (arg) => {
 				const startLeft = Number(handle.style.left.replace("mm", ""));
 				let move = 0;
 				const mouseMove = (e) => {
-					let newLeft = startLeft + (e.clientX - startClientX) / ZOOM / scale;
+					const moveX = (e.clientX - startClientX) / ZOOM / scale;
+					let newLeft = startLeft + moveX;
 					if (newLeft < prevColumnLeft) newLeft = prevColumnLeft;
 					if (newLeft >= nextColumnRight) newLeft = nextColumnRight;
 					handle.style.left = `${newLeft}mm`;
@@ -3031,15 +3042,18 @@ var uiRender = async (arg) => {
 				};
 				rootElement.addEventListener("mousemove", mouseMove);
 				const commitResize = () => {
-					if (move !== 0) onChange({
-						key: "headWidthPercentages",
-						value: calcResizedHeadWidthPercentages({
+					if (move !== 0) {
+						const newHeadWidthPercentages = calcResizedHeadWidthPercentages({
 							currentHeadWidthPercentages: schema.headWidthPercentages,
 							currentHeadWidths: table.columns.map((column) => column.width),
 							changedHeadWidth: table.columns[i].width + move,
 							changedHeadIndex: i
-						})
-					});
+						});
+						onChange({
+							key: "headWidthPercentages",
+							value: newHeadWidthPercentages
+						});
+					}
 					move = 0;
 					dragHandle.addEventListener("mouseover", setColor);
 					dragHandle.addEventListener("mouseout", resetColor);
@@ -5653,6 +5667,11 @@ var LOCALE_MAP = {
 		label: "Chinese",
 		adLocale: normalizeAdLocale(import_zh.default),
 		formatLocale: dateFns.zhCN
+	},
+	"zh-TW": {
+		label: "Chinese (Traditional)",
+		adLocale: normalizeAdLocale(import_zh.default),
+		formatLocale: dateFns.zhTW
 	}
 };
 var getAirDatepickerLocale = (locale) => {
@@ -5713,14 +5732,13 @@ var getFmtValue = (value, type, schema, locale) => {
 	return value ? format(strDateToDate(value, type), formatString, { locale: locale.formatLocale }) : "";
 };
 var getFmtContent = (date, type) => {
-	const fmt = (() => {
+	return date ? format(date, (() => {
 		switch (type) {
 			case "date": return "yyyy/MM/dd";
 			case "time": return "HH:mm";
 			case "dateTime": return "yyyy/MM/dd HH:mm";
 		}
-	})();
-	return date ? format(date, fmt) : "";
+	})()) : "";
 };
 var getPlugin = ({ type, icon }) => {
 	const defaultLocale = "en";
@@ -5779,7 +5797,8 @@ var getPlugin = ({ type, icon }) => {
 				content: i18n("set"),
 				onClick: (datepicker) => {
 					datepicker.hide();
-					commitChange(datepicker.selectedDates.length ? datepicker.selectedDates[0] : null);
+					const date = datepicker.selectedDates.length ? datepicker.selectedDates[0] : null;
+					commitChange(date);
 				}
 			});
 			const airDatepicker = new AirDatepicker(input, {