@pdfme/schemas 6.1.11 → 6.1.12-dev.7

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-_MO-Voz3.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-Bs4Z7Q4K.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-C9FSccAm.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-B8i6Nc_7.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-CbU88kUO.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-BHOQnFbY.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-BgH01dcs.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-nI6J7wZM.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));
@@ -51,11 +51,12 @@ var pdfRender$3 = async (arg) => {
 		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
@@ -257,7 +258,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 +1410,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 +1549,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 +1650,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 +1923,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 +2066,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 +2388,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 +2585,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 +2696,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 +2948,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 +3032,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 +3041,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);
@@ -5713,14 +5726,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 +5791,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, {