@pdfme/schemas 6.1.1-dev.16 → 6.1.1-dev.17

package/dist/lists.js

@@ -1,3 +1,3 @@
 import { a as createListItemSplitRange, c as getListItemRange, n as LIST_ITEM_SPLIT_UNIT } from "./splitRange-CpXivbmJ.js";
-import { a as normalizeListItems, i as normalizeListItemEntries, n as calculateListLayout, o as serializeListItems, r as getListMarkers, t as getDynamicLayoutForList } from "./dynamicTemplate-Fn7mpUsu.js";
+import { a as normalizeListItems, i as normalizeListItemEntries, n as calculateListLayout, o as serializeListItems, r as getListMarkers, t as getDynamicLayoutForList } from "./dynamicTemplate-BpD4RNw8.js";
 export { LIST_ITEM_SPLIT_UNIT, calculateListLayout, createListItemSplitRange, getDynamicLayoutForList, getListItemRange, getListMarkers, normalizeListItemEntries, normalizeListItems, serializeListItems };

package/dist/texts.js

@@ -1,4 +1,4 @@
 import { U as TEXT_OVERFLOW_EXPAND, W as TEXT_OVERFLOW_VISIBLE, i as TEXT_LINE_SPLIT_UNIT, s as createTextLineSplitRange, u as getTextLineRange } from "./splitRange-CpXivbmJ.js";
 import { i as mergeTextLineRangeValue } from "./measure-Bjmh9Ro3.js";
-import { n as getDynamicLayoutForMultiVariableText, t as getDynamicLayoutForText } from "./dynamicTemplate-CB2Hj9cN.js";
+import { n as getDynamicLayoutForMultiVariableText, t as getDynamicLayoutForText } from "./dynamicTemplate-CBvwRBx9.js";
 export { TEXT_LINE_SPLIT_UNIT, TEXT_OVERFLOW_EXPAND, TEXT_OVERFLOW_VISIBLE, createTextLineSplitRange, getDynamicLayoutForMultiVariableText, getDynamicLayoutForText, getTextLineRange, mergeTextLineRangeValue };

package/dist/utils-Bd4CvhPZ.js

@@ -0,0 +1,250 @@
+import { t as getDynamicHeightsForTable$1 } from "./dynamicTemplate-CjbGepw4.js";
+import { isHexValid, mm2pt } from "@pdfme/common";
+import { cmyk, degrees, degreesToRadians, rgb } from "@pdfme/pdf-lib";
+//#region src/multiVariableText/variables.ts
+var visitVariables = (content, visitor) => {
+	let startIndex = -1;
+	for (let i = 0; i < content.length; i++) {
+		const char = content[i];
+		if (char === "{") {
+			startIndex = i;
+			continue;
+		}
+		if (char === "}" && startIndex !== -1) {
+			const name = content.slice(startIndex + 1, i);
+			if (name.length > 0) visitor({
+				name,
+				startIndex,
+				endIndex: i
+			});
+			startIndex = -1;
+		}
+	}
+};
+var countUniqueVariableNames = (content) => {
+	const variableNames = /* @__PURE__ */ new Set();
+	visitVariables(content, ({ name }) => {
+		variableNames.add(name);
+	});
+	return variableNames.size;
+};
+var getVariableNames = (content) => {
+	const variableNames = [];
+	visitVariables(content, ({ name }) => {
+		variableNames.push(name);
+	});
+	return variableNames;
+};
+//#endregion
+//#region src/utils.ts
+var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
+	const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
+	const { x: mmX, y: mmY } = position;
+	const rotateDegrees = rotate ? -rotate : 0;
+	const width = mm2pt(mmWidth);
+	const height = mm2pt(mmHeight);
+	let x = mm2pt(mmX);
+	let y = pageHeight - mm2pt(mmY) - height;
+	if (rotateDegrees && applyRotateTranslate) {
+		const pivotPoint = {
+			x: x + width / 2,
+			y: pageHeight - mm2pt(mmY) - height / 2
+		};
+		const rotatedPoint = rotatePoint({
+			x,
+			y
+		}, pivotPoint, rotateDegrees);
+		x = rotatedPoint.x;
+		y = rotatedPoint.y;
+	}
+	return {
+		position: {
+			x,
+			y
+		},
+		height,
+		width,
+		rotate: degrees(rotateDegrees),
+		opacity
+	};
+};
+var rotatePoint = (point, pivot, angleDegrees) => {
+	const angleRadians = degreesToRadians(angleDegrees);
+	return {
+		x: Math.cos(angleRadians) * (point.x - pivot.x) - Math.sin(angleRadians) * (point.y - pivot.y) + pivot.x,
+		y: Math.sin(angleRadians) * (point.x - pivot.x) + Math.cos(angleRadians) * (point.y - pivot.y) + pivot.y
+	};
+};
+var getDynamicHeightsForTable = getDynamicHeightsForTable$1;
+var addAlphaToHex = (hex, alphaPercentage) => {
+	if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) throw new Error("Invalid HEX color code");
+	let alphaHex = Math.round(alphaPercentage / 100 * 255).toString(16);
+	if (alphaHex.length === 1) alphaHex = "0" + alphaHex;
+	return hex + alphaHex;
+};
+var isEditable = (mode, schema) => mode === "designer" || mode === "form" && schema.readOnly !== true;
+var hex2rgb = (hex) => {
+	if (hex.slice(0, 1) === "#") hex = hex.slice(1);
+	if (hex.length === 3) hex = hex.slice(0, 1) + hex.slice(0, 1) + hex.slice(1, 2) + hex.slice(1, 2) + hex.slice(2, 3) + hex.slice(2, 3);
+	return [
+		hex.slice(0, 2),
+		hex.slice(2, 4),
+		hex.slice(4, 6)
+	].map((str) => parseInt(str, 16));
+};
+var hex2RgbColor = (hexString) => {
+	if (hexString) {
+		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
+		const [r, g, b] = hex2rgb(hexString);
+		return rgb(r / 255, g / 255, b / 255);
+	}
+};
+var hex2CmykColor = (hexString) => {
+	if (hexString) {
+		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
+		hexString = hexString.replace("#", "");
+		const hexColor = hexString.substring(0, 6);
+		const opacityColor = hexString.substring(6, 8);
+		const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;
+		let r = parseInt(hexColor.substring(0, 2), 16) / 255;
+		let g = parseInt(hexColor.substring(2, 4), 16) / 255;
+		let b = parseInt(hexColor.substring(4, 6), 16) / 255;
+		r = r * opacity + (1 - opacity);
+		g = g * opacity + (1 - opacity);
+		b = b * opacity + (1 - opacity);
+		const k = 1 - Math.max(r, g, b);
+		return cmyk(k === 1 ? 0 : (1 - r - k) / (1 - k), k === 1 ? 0 : (1 - g - k) / (1 - k), k === 1 ? 0 : (1 - b - k) / (1 - k), k);
+	}
+};
+var hex2PrintingColor = (color, colorType) => {
+	if (typeof color === "object") return color;
+	return colorType?.toLowerCase() == "cmyk" ? hex2CmykColor(color) : hex2RgbColor(color);
+};
+var readFile = (input) => new Promise((resolve, reject) => {
+	const fileReader = new FileReader();
+	fileReader.onload = (e) => {
+		if (e.target?.result) resolve(e.target.result);
+	};
+	fileReader.onerror = () => {
+		reject(/* @__PURE__ */ new Error("[@pdfme/schemas] File reading failed"));
+	};
+	let file = null;
+	if (input instanceof FileList && input.length > 0) file = input[0];
+	else if (input instanceof File) file = input;
+	if (file) fileReader.readAsDataURL(file);
+	else reject(/* @__PURE__ */ new Error("[@pdfme/schemas] No files provided"));
+});
+var createErrorElm = () => {
+	const container = document.createElement("div");
+	Object.assign(container.style, {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "100%",
+		height: "100%"
+	});
+	const span = document.createElement("span");
+	Object.assign(span.style, {
+		color: "white",
+		background: "red",
+		padding: "0.25rem",
+		fontSize: "12pt",
+		fontWeight: "bold",
+		borderRadius: "2px",
+		fontFamily: "'Open Sans', sans-serif"
+	});
+	span.textContent = "ERROR";
+	container.appendChild(span);
+	return container;
+};
+var createSvgStr = (icon, attrs) => {
+	const safeTagNames = new Set([
+		"svg",
+		"circle",
+		"ellipse",
+		"g",
+		"line",
+		"path",
+		"polygon",
+		"polyline",
+		"rect"
+	]);
+	const safeAttributeNames = new Set([
+		"aria-hidden",
+		"aria-label",
+		"class",
+		"clip-rule",
+		"cx",
+		"cy",
+		"d",
+		"fill",
+		"fill-opacity",
+		"fill-rule",
+		"focusable",
+		"height",
+		"id",
+		"opacity",
+		"points",
+		"preserveAspectRatio",
+		"r",
+		"role",
+		"rx",
+		"ry",
+		"stroke",
+		"stroke-dasharray",
+		"stroke-dashoffset",
+		"stroke-linecap",
+		"stroke-linejoin",
+		"stroke-miterlimit",
+		"stroke-opacity",
+		"stroke-width",
+		"transform",
+		"vector-effect",
+		"viewBox",
+		"width",
+		"x",
+		"x1",
+		"x2",
+		"xmlns",
+		"xmlns:xlink",
+		"y",
+		"y1",
+		"y2"
+	]);
+	const escapeHtmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+	const escapeHtmlText = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+	const toSafeAttributeString = (attributes) => Object.entries(attributes).filter(([key, value]) => safeAttributeNames.has(key) && value !== void 0 && value !== null && !key.toLowerCase().startsWith("on")).map(([key, value]) => `${key}="${escapeHtmlAttribute(String(value))}"`).join(" ");
+	const toSafeTagName = (tag) => {
+		const tagName = String(tag);
+		if (!safeTagNames.has(tagName)) throw new Error(`Invalid SVG tag name: ${tagName}`);
+		return tagName;
+	};
+	if (!Array.isArray(icon)) return escapeHtmlText(String(icon));
+	const svgAttrString = toSafeAttributeString({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		...attrs
+	});
+	const processElement = (element) => {
+		if (!Array.isArray(element)) return escapeHtmlText(String(element));
+		const [tag, attributes = {}, children = []] = element;
+		const tagName = toSafeTagName(tag);
+		const attrString = toSafeAttributeString(attributes);
+		let childrenString = "";
+		if (Array.isArray(children) && children.length > 0) childrenString = children.map((child) => processElement(child)).join("");
+		if (childrenString) return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}>${childrenString}</${String(tagName)}>`;
+		else return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}/>`;
+	};
+	return `<svg ${svgAttrString}>${Array.isArray(icon) ? icon.map((element) => processElement(element)).join("") : processElement(icon)}</svg>`;
+};
+//#endregion
+export { getDynamicHeightsForTable as a, isEditable as c, countUniqueVariableNames as d, getVariableNames as f, createSvgStr as i, readFile as l, convertForPdfLayoutProps as n, hex2PrintingColor as o, visitVariables as p, createErrorElm as r, hex2RgbColor as s, addAlphaToHex as t, rotatePoint as u };
+
+//# sourceMappingURL=utils-Bd4CvhPZ.js.map

package/dist/utils-Bd4CvhPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Bd4CvhPZ.js","names":[],"sources":["../src/multiVariableText/variables.ts","../src/utils.ts"],"sourcesContent":["export type VariableMatch = {\n  name: string;\n  startIndex: number;\n  endIndex: number;\n};\n\nexport type VariableIndices = Map<number, string>;\n\nexport const visitVariables = (content: string, visitor: (match: VariableMatch) => void): void => {\n  let startIndex = -1;\n\n  for (let i = 0; i < content.length; i++) {\n    const char = content[i];\n\n    if (char === '{') {\n      // Restart from the latest opener so malformed input behaves like /{([^{}]+)}/g\n      // without requiring backtracking.\n      startIndex = i;\n      continue;\n    }\n\n    if (char === '}' && startIndex !== -1) {\n      const name = content.slice(startIndex + 1, i);\n      if (name.length > 0) {\n        visitor({ name, startIndex, endIndex: i });\n      }\n      startIndex = -1;\n    }\n  }\n};\n\nexport const getVariableIndices = (content: string): VariableIndices => {\n  const indices: VariableIndices = new Map();\n\n  visitVariables(content, ({ name, startIndex }) => {\n    indices.set(startIndex, name);\n  });\n\n  return indices;\n};\n\nexport const countUniqueVariableNames = (content: string): number => {\n  const variableNames = new Set<string>();\n\n  visitVariables(content, ({ name }) => {\n    variableNames.add(name);\n  });\n\n  return variableNames.size;\n};\n\nexport const getVariableNames = (content: string): string[] => {\n  const variableNames: string[] = [];\n\n  visitVariables(content, ({ name }) => {\n    variableNames.push(name);\n  });\n\n  return variableNames;\n};\n","import type * as CSS from 'csstype';\nimport { cmyk, degrees, degreesToRadians, rgb, Color } from '@pdfme/pdf-lib';\nimport { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';\nimport { IconNode } from 'lucide';\nimport { getDynamicHeightsForTable as _getDynamicHeightsForTable } from './tables/dynamicTemplate.js';\nexport { measureTextHeight } from './text/measure.js';\nexport { escapeInlineMarkdown } from './text/inlineMarkdown.js';\nexport { getVariableNames, visitVariables } from './multiVariableText/variables.js';\nexport const convertForPdfLayoutProps = ({\n  schema,\n  pageHeight,\n  applyRotateTranslate = true,\n}: {\n  schema: Schema;\n  pageHeight: number;\n  applyRotateTranslate?: boolean;\n}) => {\n  const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;\n  const { x: mmX, y: mmY } = position;\n\n  const rotateDegrees = rotate ? -rotate : 0;\n  const width = mm2pt(mmWidth);\n  const height = mm2pt(mmHeight);\n  let x = mm2pt(mmX);\n  // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis\n  let y = pageHeight - mm2pt(mmY) - height;\n\n  if (rotateDegrees && applyRotateTranslate) {\n    // If rotating we must pivot around the same point as the UI performs its rotation.\n    // The UI performs rotation around the objects center point (the pivot point below),\n    // pdflib rotates around the bottom left corner of the object.\n    // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.\n    const pivotPoint = { x: x + width / 2, y: pageHeight - mm2pt(mmY) - height / 2 };\n    const rotatedPoint = rotatePoint({ x, y }, pivotPoint, rotateDegrees);\n    x = rotatedPoint.x;\n    y = rotatedPoint.y;\n  }\n\n  return {\n    position: { x, y },\n    height: height,\n    width: width,\n    rotate: degrees(rotateDegrees),\n    opacity,\n  };\n};\n\nexport const rotatePoint = (\n  point: { x: number; y: number },\n  pivot: { x: number; y: number },\n  angleDegrees: number,\n): { x: number; y: number } => {\n  const angleRadians = degreesToRadians(angleDegrees);\n\n  const x =\n    Math.cos(angleRadians) * (point.x - pivot.x) -\n    Math.sin(angleRadians) * (point.y - pivot.y) +\n    pivot.x;\n  const y =\n    Math.sin(angleRadians) * (point.x - pivot.x) +\n    Math.cos(angleRadians) * (point.y - pivot.y) +\n    pivot.y;\n\n  return { x, y };\n};\n\nexport const getDynamicHeightsForTable = _getDynamicHeightsForTable;\n\n// ----------------------------------------\n\nexport const addAlphaToHex = (hex: string, alphaPercentage: number) => {\n  if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {\n    throw new Error('Invalid HEX color code');\n  }\n  const alphaValue = Math.round((alphaPercentage / 100) * 255);\n  let alphaHex = alphaValue.toString(16);\n  if (alphaHex.length === 1) alphaHex = '0' + alphaHex;\n  return hex + alphaHex;\n};\n\nexport const isEditable = (mode: Mode, schema: Schema) =>\n  mode === 'designer' || (mode === 'form' && schema.readOnly !== true);\n\nconst hex2rgb = (hex: string) => {\n  if (hex.slice(0, 1) === '#') hex = hex.slice(1);\n  if (hex.length === 3)\n    hex =\n      hex.slice(0, 1) +\n      hex.slice(0, 1) +\n      hex.slice(1, 2) +\n      hex.slice(1, 2) +\n      hex.slice(2, 3) +\n      hex.slice(2, 3);\n\n  return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map((str) => parseInt(str, 16));\n};\n\nexport const hex2RgbColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    const [r, g, b] = hex2rgb(hexString);\n\n    return rgb(r / 255, g / 255, b / 255);\n  }\n\n  return undefined;\n};\n\nconst hex2CmykColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    // Remove the # if it's present\n    hexString = hexString.replace('#', '');\n\n    // Extract the hexadecimal color code and the opacity\n    const hexColor = hexString.substring(0, 6);\n    const opacityColor = hexString.substring(6, 8);\n    const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;\n\n    // Convert the hex values to decimal\n    let r = parseInt(hexColor.substring(0, 2), 16) / 255;\n    let g = parseInt(hexColor.substring(2, 4), 16) / 255;\n    let b = parseInt(hexColor.substring(4, 6), 16) / 255;\n\n    // Apply the opacity\n    r = r * opacity + (1 - opacity);\n    g = g * opacity + (1 - opacity);\n    b = b * opacity + (1 - opacity);\n\n    // Calculate the CMYK values\n    const k = 1 - Math.max(r, g, b);\n    const c = k === 1 ? 0 : (1 - r - k) / (1 - k);\n    const m = k === 1 ? 0 : (1 - g - k) / (1 - k);\n    const y = k === 1 ? 0 : (1 - b - k) / (1 - k);\n\n    return cmyk(c, m, y, k);\n  }\n\n  return undefined;\n};\n\nexport const hex2PrintingColor = (color?: string | Color, colorType?: ColorType) => {\n  // if color is already CMYK, RGB or Grayscale, does not required to convert\n  if (typeof color === 'object') return color;\n  return colorType?.toLowerCase() == 'cmyk' ? hex2CmykColor(color) : hex2RgbColor(color);\n};\n\nexport const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>\n  new Promise((resolve, reject) => {\n    const fileReader = new FileReader();\n\n    fileReader.onload = (e) => {\n      if (e.target?.result) {\n        resolve(e.target.result);\n      }\n    };\n\n    fileReader.onerror = () => {\n      reject(new Error('[@pdfme/schemas] File reading failed'));\n    };\n\n    let file: File | null = null;\n    if (input instanceof FileList && input.length > 0) {\n      file = input[0];\n    } else if (input instanceof File) {\n      file = input;\n    }\n\n    if (file) {\n      fileReader.readAsDataURL(file);\n    } else {\n      reject(new Error('[@pdfme/schemas] No files provided'));\n    }\n  });\n\nexport const createErrorElm = () => {\n  const container = document.createElement('div');\n  const containerStyle: CSS.Properties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n  };\n  Object.assign(container.style, containerStyle);\n\n  const span = document.createElement('span');\n  const spanStyle: CSS.Properties = {\n    color: 'white',\n    background: 'red',\n    padding: '0.25rem',\n    fontSize: '12pt',\n    fontWeight: 'bold',\n    borderRadius: '2px',\n    fontFamily: \"'Open Sans', sans-serif\",\n  };\n  Object.assign(span.style, spanStyle);\n\n  span.textContent = 'ERROR';\n  container.appendChild(span);\n\n  return container;\n};\n\nexport const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {\n  // In lucide 0.475.0, the icon is an array of elements, not a single SVG element\n  // We need to create an SVG wrapper and add the elements as children\n\n  const safeTagNames = new Set([\n    'svg',\n    'circle',\n    'ellipse',\n    'g',\n    'line',\n    'path',\n    'polygon',\n    'polyline',\n    'rect',\n  ]);\n  const safeAttributeNames = new Set([\n    'aria-hidden',\n    'aria-label',\n    'class',\n    'clip-rule',\n    'cx',\n    'cy',\n    'd',\n    'fill',\n    'fill-opacity',\n    'fill-rule',\n    'focusable',\n    'height',\n    'id',\n    'opacity',\n    'points',\n    'preserveAspectRatio',\n    'r',\n    'role',\n    'rx',\n    'ry',\n    'stroke',\n    'stroke-dasharray',\n    'stroke-dashoffset',\n    'stroke-linecap',\n    'stroke-linejoin',\n    'stroke-miterlimit',\n    'stroke-opacity',\n    'stroke-width',\n    'transform',\n    'vector-effect',\n    'viewBox',\n    'width',\n    'x',\n    'x1',\n    'x2',\n    'xmlns',\n    'xmlns:xlink',\n    'y',\n    'y1',\n    'y2',\n  ]);\n  const escapeHtmlAttribute = (value: string): string =>\n    value\n      .replaceAll('&', '&amp;')\n      .replaceAll('\"', '&quot;')\n      .replaceAll(\"'\", '&#39;')\n      .replaceAll('<', '&lt;')\n      .replaceAll('>', '&gt;');\n  const escapeHtmlText = (value: string): string =>\n    value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');\n  const toSafeAttributeString = (attributes: Record<string, string>): string =>\n    Object.entries(attributes)\n      .filter(\n        ([key, value]) =>\n          safeAttributeNames.has(key) &&\n          value !== undefined &&\n          value !== null &&\n          !key.toLowerCase().startsWith('on'),\n      )\n      .map(([key, value]) => `${key}=\"${escapeHtmlAttribute(String(value))}\"`)\n      .join(' ');\n  const toSafeTagName = (tag: unknown): string => {\n    const tagName = String(tag);\n    if (!safeTagNames.has(tagName)) {\n      throw new Error(`Invalid SVG tag name: ${tagName}`);\n    }\n    return tagName;\n  };\n\n  // Handle non-array input\n  if (!Array.isArray(icon)) {\n    return escapeHtmlText(String(icon));\n  }\n\n  // Create default SVG attributes\n  const svgAttrs = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    width: '24',\n    height: '24',\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    'stroke-width': '2',\n    'stroke-linecap': 'round',\n    'stroke-linejoin': 'round',\n    ...attrs,\n  };\n  const svgAttrString = toSafeAttributeString(svgAttrs);\n\n  // Helper function to process a single element\n  const processElement = (element: unknown): string => {\n    if (!Array.isArray(element)) {\n      return escapeHtmlText(String(element));\n    }\n\n    const [tag, attributes = {}, children = []] = element as [\n      unknown,\n      Record<string, string>,\n      unknown[],\n    ];\n    const tagName = toSafeTagName(tag);\n    const attrString = toSafeAttributeString(attributes);\n\n    // Process children recursively\n    let childrenString = '';\n\n    if (Array.isArray(children) && children.length > 0) {\n      childrenString = children.map((child) => processElement(child)).join('');\n    }\n\n    // Return properly formatted element string\n    if (childrenString) {\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;\n    } else {\n      // Self-closing tag for empty children\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;\n    }\n  };\n\n  // Process all elements and join them\n  const elementsString = Array.isArray(icon)\n    ? icon.map((element) => processElement(element)).join('')\n    : processElement(icon);\n\n  // Return the complete SVG string\n  return `<svg ${svgAttrString}>${elementsString}</svg>`;\n};\n"],"mappings":"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"}

package/dist/utils.d.ts

@@ -2,6 +2,8 @@ import { Color } from '@pdfme/pdf-lib';
 import { Schema, Mode, ColorType } from '@pdfme/common';
 import { IconNode } from 'lucide';
 export { measureTextHeight } from './text/measure.js';
+export { escapeInlineMarkdown } from './text/inlineMarkdown.js';
+export { getVariableNames, visitVariables } from './multiVariableText/variables.js';
 export declare const convertForPdfLayoutProps: ({ schema, pageHeight, applyRotateTranslate, }: {
     schema: Schema;
     pageHeight: number;

package/dist/utils.js

@@ -1,216 +1,3 @@
-import { n as measureTextHeight } from "./measure-Bjmh9Ro3.js";
-import { t as getDynamicHeightsForTable$1 } from "./dynamicTemplate-CjbGepw4.js";
-import { isHexValid, mm2pt } from "@pdfme/common";
-import { cmyk, degrees, degreesToRadians, rgb } from "@pdfme/pdf-lib";
-//#region src/utils.ts
-var convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true }) => {
-	const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
-	const { x: mmX, y: mmY } = position;
-	const rotateDegrees = rotate ? -rotate : 0;
-	const width = mm2pt(mmWidth);
-	const height = mm2pt(mmHeight);
-	let x = mm2pt(mmX);
-	let y = pageHeight - mm2pt(mmY) - height;
-	if (rotateDegrees && applyRotateTranslate) {
-		const pivotPoint = {
-			x: x + width / 2,
-			y: pageHeight - mm2pt(mmY) - height / 2
-		};
-		const rotatedPoint = rotatePoint({
-			x,
-			y
-		}, pivotPoint, rotateDegrees);
-		x = rotatedPoint.x;
-		y = rotatedPoint.y;
-	}
-	return {
-		position: {
-			x,
-			y
-		},
-		height,
-		width,
-		rotate: degrees(rotateDegrees),
-		opacity
-	};
-};
-var rotatePoint = (point, pivot, angleDegrees) => {
-	const angleRadians = degreesToRadians(angleDegrees);
-	return {
-		x: Math.cos(angleRadians) * (point.x - pivot.x) - Math.sin(angleRadians) * (point.y - pivot.y) + pivot.x,
-		y: Math.sin(angleRadians) * (point.x - pivot.x) + Math.cos(angleRadians) * (point.y - pivot.y) + pivot.y
-	};
-};
-var getDynamicHeightsForTable = getDynamicHeightsForTable$1;
-var addAlphaToHex = (hex, alphaPercentage) => {
-	if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) throw new Error("Invalid HEX color code");
-	let alphaHex = Math.round(alphaPercentage / 100 * 255).toString(16);
-	if (alphaHex.length === 1) alphaHex = "0" + alphaHex;
-	return hex + alphaHex;
-};
-var isEditable = (mode, schema) => mode === "designer" || mode === "form" && schema.readOnly !== true;
-var hex2rgb = (hex) => {
-	if (hex.slice(0, 1) === "#") hex = hex.slice(1);
-	if (hex.length === 3) hex = hex.slice(0, 1) + hex.slice(0, 1) + hex.slice(1, 2) + hex.slice(1, 2) + hex.slice(2, 3) + hex.slice(2, 3);
-	return [
-		hex.slice(0, 2),
-		hex.slice(2, 4),
-		hex.slice(4, 6)
-	].map((str) => parseInt(str, 16));
-};
-var hex2RgbColor = (hexString) => {
-	if (hexString) {
-		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
-		const [r, g, b] = hex2rgb(hexString);
-		return rgb(r / 255, g / 255, b / 255);
-	}
-};
-var hex2CmykColor = (hexString) => {
-	if (hexString) {
-		if (!isHexValid(hexString)) throw new Error(`Invalid hex color value ${hexString}`);
-		hexString = hexString.replace("#", "");
-		const hexColor = hexString.substring(0, 6);
-		const opacityColor = hexString.substring(6, 8);
-		const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;
-		let r = parseInt(hexColor.substring(0, 2), 16) / 255;
-		let g = parseInt(hexColor.substring(2, 4), 16) / 255;
-		let b = parseInt(hexColor.substring(4, 6), 16) / 255;
-		r = r * opacity + (1 - opacity);
-		g = g * opacity + (1 - opacity);
-		b = b * opacity + (1 - opacity);
-		const k = 1 - Math.max(r, g, b);
-		return cmyk(k === 1 ? 0 : (1 - r - k) / (1 - k), k === 1 ? 0 : (1 - g - k) / (1 - k), k === 1 ? 0 : (1 - b - k) / (1 - k), k);
-	}
-};
-var hex2PrintingColor = (color, colorType) => {
-	if (typeof color === "object") return color;
-	return colorType?.toLowerCase() == "cmyk" ? hex2CmykColor(color) : hex2RgbColor(color);
-};
-var readFile = (input) => new Promise((resolve, reject) => {
-	const fileReader = new FileReader();
-	fileReader.onload = (e) => {
-		if (e.target?.result) resolve(e.target.result);
-	};
-	fileReader.onerror = () => {
-		reject(/* @__PURE__ */ new Error("[@pdfme/schemas] File reading failed"));
-	};
-	let file = null;
-	if (input instanceof FileList && input.length > 0) file = input[0];
-	else if (input instanceof File) file = input;
-	if (file) fileReader.readAsDataURL(file);
-	else reject(/* @__PURE__ */ new Error("[@pdfme/schemas] No files provided"));
-});
-var createErrorElm = () => {
-	const container = document.createElement("div");
-	Object.assign(container.style, {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		width: "100%",
-		height: "100%"
-	});
-	const span = document.createElement("span");
-	Object.assign(span.style, {
-		color: "white",
-		background: "red",
-		padding: "0.25rem",
-		fontSize: "12pt",
-		fontWeight: "bold",
-		borderRadius: "2px",
-		fontFamily: "'Open Sans', sans-serif"
-	});
-	span.textContent = "ERROR";
-	container.appendChild(span);
-	return container;
-};
-var createSvgStr = (icon, attrs) => {
-	const safeTagNames = new Set([
-		"svg",
-		"circle",
-		"ellipse",
-		"g",
-		"line",
-		"path",
-		"polygon",
-		"polyline",
-		"rect"
-	]);
-	const safeAttributeNames = new Set([
-		"aria-hidden",
-		"aria-label",
-		"class",
-		"clip-rule",
-		"cx",
-		"cy",
-		"d",
-		"fill",
-		"fill-opacity",
-		"fill-rule",
-		"focusable",
-		"height",
-		"id",
-		"opacity",
-		"points",
-		"preserveAspectRatio",
-		"r",
-		"role",
-		"rx",
-		"ry",
-		"stroke",
-		"stroke-dasharray",
-		"stroke-dashoffset",
-		"stroke-linecap",
-		"stroke-linejoin",
-		"stroke-miterlimit",
-		"stroke-opacity",
-		"stroke-width",
-		"transform",
-		"vector-effect",
-		"viewBox",
-		"width",
-		"x",
-		"x1",
-		"x2",
-		"xmlns",
-		"xmlns:xlink",
-		"y",
-		"y1",
-		"y2"
-	]);
-	const escapeHtmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-	const escapeHtmlText = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-	const toSafeAttributeString = (attributes) => Object.entries(attributes).filter(([key, value]) => safeAttributeNames.has(key) && value !== void 0 && value !== null && !key.toLowerCase().startsWith("on")).map(([key, value]) => `${key}="${escapeHtmlAttribute(String(value))}"`).join(" ");
-	const toSafeTagName = (tag) => {
-		const tagName = String(tag);
-		if (!safeTagNames.has(tagName)) throw new Error(`Invalid SVG tag name: ${tagName}`);
-		return tagName;
-	};
-	if (!Array.isArray(icon)) return escapeHtmlText(String(icon));
-	const svgAttrString = toSafeAttributeString({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-width": "2",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		...attrs
-	});
-	const processElement = (element) => {
-		if (!Array.isArray(element)) return escapeHtmlText(String(element));
-		const [tag, attributes = {}, children = []] = element;
-		const tagName = toSafeTagName(tag);
-		const attrString = toSafeAttributeString(attributes);
-		let childrenString = "";
-		if (Array.isArray(children) && children.length > 0) childrenString = children.map((child) => processElement(child)).join("");
-		if (childrenString) return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}>${childrenString}</${String(tagName)}>`;
-		else return `<${String(tagName)}${attrString ? " " + String(attrString) : ""}/>`;
-	};
-	return `<svg ${svgAttrString}>${Array.isArray(icon) ? icon.map((element) => processElement(element)).join("") : processElement(icon)}</svg>`;
-};
-//#endregion
-export { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, getDynamicHeightsForTable, hex2PrintingColor, hex2RgbColor, isEditable, measureTextHeight, readFile, rotatePoint };
-
-//# sourceMappingURL=utils.js.map
+import { n as measureTextHeight, p as escapeInlineMarkdown } from "./measure-Bjmh9Ro3.js";
+import { a as getDynamicHeightsForTable, c as isEditable, f as getVariableNames, i as createSvgStr, l as readFile, n as convertForPdfLayoutProps, o as hex2PrintingColor, p as visitVariables, r as createErrorElm, s as hex2RgbColor, t as addAlphaToHex, u as rotatePoint } from "./utils-Bd4CvhPZ.js";
+export { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, escapeInlineMarkdown, getDynamicHeightsForTable, getVariableNames, hex2PrintingColor, hex2RgbColor, isEditable, measureTextHeight, readFile, rotatePoint, visitVariables };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "6.1.1-dev.16",
+  "version": "6.1.1-dev.17",
   "description": "TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!",
   "keywords": [
     "pdf",

package/dist/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../src/utils.ts"],"sourcesContent":["import type * as CSS from 'csstype';\nimport { cmyk, degrees, degreesToRadians, rgb, Color } from '@pdfme/pdf-lib';\nimport { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';\nimport { IconNode } from 'lucide';\nimport { getDynamicHeightsForTable as _getDynamicHeightsForTable } from './tables/dynamicTemplate.js';\nexport { measureTextHeight } from './text/measure.js';\nexport const convertForPdfLayoutProps = ({\n  schema,\n  pageHeight,\n  applyRotateTranslate = true,\n}: {\n  schema: Schema;\n  pageHeight: number;\n  applyRotateTranslate?: boolean;\n}) => {\n  const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;\n  const { x: mmX, y: mmY } = position;\n\n  const rotateDegrees = rotate ? -rotate : 0;\n  const width = mm2pt(mmWidth);\n  const height = mm2pt(mmHeight);\n  let x = mm2pt(mmX);\n  // PDF coordinate system is from bottom left, UI is top left, so we need to flip the y axis\n  let y = pageHeight - mm2pt(mmY) - height;\n\n  if (rotateDegrees && applyRotateTranslate) {\n    // If rotating we must pivot around the same point as the UI performs its rotation.\n    // The UI performs rotation around the objects center point (the pivot point below),\n    // pdflib rotates around the bottom left corner of the object.\n    // We must therefore adjust the X and Y by rotating the bottom left corner by this pivot point.\n    const pivotPoint = { x: x + width / 2, y: pageHeight - mm2pt(mmY) - height / 2 };\n    const rotatedPoint = rotatePoint({ x, y }, pivotPoint, rotateDegrees);\n    x = rotatedPoint.x;\n    y = rotatedPoint.y;\n  }\n\n  return {\n    position: { x, y },\n    height: height,\n    width: width,\n    rotate: degrees(rotateDegrees),\n    opacity,\n  };\n};\n\nexport const rotatePoint = (\n  point: { x: number; y: number },\n  pivot: { x: number; y: number },\n  angleDegrees: number,\n): { x: number; y: number } => {\n  const angleRadians = degreesToRadians(angleDegrees);\n\n  const x =\n    Math.cos(angleRadians) * (point.x - pivot.x) -\n    Math.sin(angleRadians) * (point.y - pivot.y) +\n    pivot.x;\n  const y =\n    Math.sin(angleRadians) * (point.x - pivot.x) +\n    Math.cos(angleRadians) * (point.y - pivot.y) +\n    pivot.y;\n\n  return { x, y };\n};\n\nexport const getDynamicHeightsForTable = _getDynamicHeightsForTable;\n\n// ----------------------------------------\n\nexport const addAlphaToHex = (hex: string, alphaPercentage: number) => {\n  if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {\n    throw new Error('Invalid HEX color code');\n  }\n  const alphaValue = Math.round((alphaPercentage / 100) * 255);\n  let alphaHex = alphaValue.toString(16);\n  if (alphaHex.length === 1) alphaHex = '0' + alphaHex;\n  return hex + alphaHex;\n};\n\nexport const isEditable = (mode: Mode, schema: Schema) =>\n  mode === 'designer' || (mode === 'form' && schema.readOnly !== true);\n\nconst hex2rgb = (hex: string) => {\n  if (hex.slice(0, 1) === '#') hex = hex.slice(1);\n  if (hex.length === 3)\n    hex =\n      hex.slice(0, 1) +\n      hex.slice(0, 1) +\n      hex.slice(1, 2) +\n      hex.slice(1, 2) +\n      hex.slice(2, 3) +\n      hex.slice(2, 3);\n\n  return [hex.slice(0, 2), hex.slice(2, 4), hex.slice(4, 6)].map((str) => parseInt(str, 16));\n};\n\nexport const hex2RgbColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    const [r, g, b] = hex2rgb(hexString);\n\n    return rgb(r / 255, g / 255, b / 255);\n  }\n\n  return undefined;\n};\n\nconst hex2CmykColor = (hexString: string | undefined) => {\n  if (hexString) {\n    const isValid = isHexValid(hexString);\n\n    if (!isValid) {\n      throw new Error(`Invalid hex color value ${hexString}`);\n    }\n\n    // Remove the # if it's present\n    hexString = hexString.replace('#', '');\n\n    // Extract the hexadecimal color code and the opacity\n    const hexColor = hexString.substring(0, 6);\n    const opacityColor = hexString.substring(6, 8);\n    const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;\n\n    // Convert the hex values to decimal\n    let r = parseInt(hexColor.substring(0, 2), 16) / 255;\n    let g = parseInt(hexColor.substring(2, 4), 16) / 255;\n    let b = parseInt(hexColor.substring(4, 6), 16) / 255;\n\n    // Apply the opacity\n    r = r * opacity + (1 - opacity);\n    g = g * opacity + (1 - opacity);\n    b = b * opacity + (1 - opacity);\n\n    // Calculate the CMYK values\n    const k = 1 - Math.max(r, g, b);\n    const c = k === 1 ? 0 : (1 - r - k) / (1 - k);\n    const m = k === 1 ? 0 : (1 - g - k) / (1 - k);\n    const y = k === 1 ? 0 : (1 - b - k) / (1 - k);\n\n    return cmyk(c, m, y, k);\n  }\n\n  return undefined;\n};\n\nexport const hex2PrintingColor = (color?: string | Color, colorType?: ColorType) => {\n  // if color is already CMYK, RGB or Grayscale, does not required to convert\n  if (typeof color === 'object') return color;\n  return colorType?.toLowerCase() == 'cmyk' ? hex2CmykColor(color) : hex2RgbColor(color);\n};\n\nexport const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>\n  new Promise((resolve, reject) => {\n    const fileReader = new FileReader();\n\n    fileReader.onload = (e) => {\n      if (e.target?.result) {\n        resolve(e.target.result);\n      }\n    };\n\n    fileReader.onerror = () => {\n      reject(new Error('[@pdfme/schemas] File reading failed'));\n    };\n\n    let file: File | null = null;\n    if (input instanceof FileList && input.length > 0) {\n      file = input[0];\n    } else if (input instanceof File) {\n      file = input;\n    }\n\n    if (file) {\n      fileReader.readAsDataURL(file);\n    } else {\n      reject(new Error('[@pdfme/schemas] No files provided'));\n    }\n  });\n\nexport const createErrorElm = () => {\n  const container = document.createElement('div');\n  const containerStyle: CSS.Properties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n  };\n  Object.assign(container.style, containerStyle);\n\n  const span = document.createElement('span');\n  const spanStyle: CSS.Properties = {\n    color: 'white',\n    background: 'red',\n    padding: '0.25rem',\n    fontSize: '12pt',\n    fontWeight: 'bold',\n    borderRadius: '2px',\n    fontFamily: \"'Open Sans', sans-serif\",\n  };\n  Object.assign(span.style, spanStyle);\n\n  span.textContent = 'ERROR';\n  container.appendChild(span);\n\n  return container;\n};\n\nexport const createSvgStr = (icon: IconNode, attrs?: Record<string, string>): string => {\n  // In lucide 0.475.0, the icon is an array of elements, not a single SVG element\n  // We need to create an SVG wrapper and add the elements as children\n\n  const safeTagNames = new Set([\n    'svg',\n    'circle',\n    'ellipse',\n    'g',\n    'line',\n    'path',\n    'polygon',\n    'polyline',\n    'rect',\n  ]);\n  const safeAttributeNames = new Set([\n    'aria-hidden',\n    'aria-label',\n    'class',\n    'clip-rule',\n    'cx',\n    'cy',\n    'd',\n    'fill',\n    'fill-opacity',\n    'fill-rule',\n    'focusable',\n    'height',\n    'id',\n    'opacity',\n    'points',\n    'preserveAspectRatio',\n    'r',\n    'role',\n    'rx',\n    'ry',\n    'stroke',\n    'stroke-dasharray',\n    'stroke-dashoffset',\n    'stroke-linecap',\n    'stroke-linejoin',\n    'stroke-miterlimit',\n    'stroke-opacity',\n    'stroke-width',\n    'transform',\n    'vector-effect',\n    'viewBox',\n    'width',\n    'x',\n    'x1',\n    'x2',\n    'xmlns',\n    'xmlns:xlink',\n    'y',\n    'y1',\n    'y2',\n  ]);\n  const escapeHtmlAttribute = (value: string): string =>\n    value\n      .replaceAll('&', '&amp;')\n      .replaceAll('\"', '&quot;')\n      .replaceAll(\"'\", '&#39;')\n      .replaceAll('<', '&lt;')\n      .replaceAll('>', '&gt;');\n  const escapeHtmlText = (value: string): string =>\n    value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;');\n  const toSafeAttributeString = (attributes: Record<string, string>): string =>\n    Object.entries(attributes)\n      .filter(\n        ([key, value]) =>\n          safeAttributeNames.has(key) &&\n          value !== undefined &&\n          value !== null &&\n          !key.toLowerCase().startsWith('on'),\n      )\n      .map(([key, value]) => `${key}=\"${escapeHtmlAttribute(String(value))}\"`)\n      .join(' ');\n  const toSafeTagName = (tag: unknown): string => {\n    const tagName = String(tag);\n    if (!safeTagNames.has(tagName)) {\n      throw new Error(`Invalid SVG tag name: ${tagName}`);\n    }\n    return tagName;\n  };\n\n  // Handle non-array input\n  if (!Array.isArray(icon)) {\n    return escapeHtmlText(String(icon));\n  }\n\n  // Create default SVG attributes\n  const svgAttrs = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    width: '24',\n    height: '24',\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    'stroke-width': '2',\n    'stroke-linecap': 'round',\n    'stroke-linejoin': 'round',\n    ...attrs,\n  };\n  const svgAttrString = toSafeAttributeString(svgAttrs);\n\n  // Helper function to process a single element\n  const processElement = (element: unknown): string => {\n    if (!Array.isArray(element)) {\n      return escapeHtmlText(String(element));\n    }\n\n    const [tag, attributes = {}, children = []] = element as [\n      unknown,\n      Record<string, string>,\n      unknown[],\n    ];\n    const tagName = toSafeTagName(tag);\n    const attrString = toSafeAttributeString(attributes);\n\n    // Process children recursively\n    let childrenString = '';\n\n    if (Array.isArray(children) && children.length > 0) {\n      childrenString = children.map((child) => processElement(child)).join('');\n    }\n\n    // Return properly formatted element string\n    if (childrenString) {\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}>${childrenString}</${String(tagName)}>`;\n    } else {\n      // Self-closing tag for empty children\n      return `<${String(tagName)}${attrString ? ' ' + String(attrString) : ''}/>`;\n    }\n  };\n\n  // Process all elements and join them\n  const elementsString = Array.isArray(icon)\n    ? icon.map((element) => processElement(element)).join('')\n    : processElement(icon);\n\n  // Return the complete SVG string\n  return `<svg ${svgAttrString}>${elementsString}</svg>`;\n};\n"],"mappings":"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"}