@pdfme/schemas 6.1.1-dev.8 → 6.1.2

package/dist/{dynamicTemplate-ByBNu75x.js → dynamicTemplate-C7MdZxPm.js}

@@ -1,6 +1,6 @@
-import "./helper-CBd9plP_.js";
-import { l as isInlineMarkdownTextSchema, o as sumLineHeights, r as measureTextLines } from "./measure-h-7PUE2B.js";
-import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-BaUAusvL.js";
+import { s as createTextLineSplitRange } from "./splitRange-DmVDtmzO.js";
+import { a as measureTextLines, c as sumLineHeights, d as isInlineMarkdownTextSchema, n as getTextLineHeightsWithBox, r as getTextSplitBoxStyle } from "./measure-L5diay3k.js";
+import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-CEme39Uo.js";
 //#region src/multiVariableText/dynamicTemplate.ts
 var getDynamicLayoutForMultiVariableText = async (value, args) => {
 	if (args.schema.type !== "multiVariableText") return { heights: [args.schema.height] };
@@ -18,20 +18,22 @@ var getDynamicLayoutForMultiVariableText = async (value, args) => {
 		_cache: args._cache,
 		ignoreDynamicFontSize: true
 	});
-	const measuredHeight = sumLineHeights(lineHeights);
+	const heights = getTextLineHeightsWithBox(lineHeights, schema);
+	const measuredHeight = sumLineHeights(heights);
 	if (measuredHeight <= schema.height || lineHeights.length === 0) return {
 		heights: [schema.height],
 		patchSplitSchema: () => ({ dynamicFontSize: void 0 })
 	};
 	return {
-		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : lineHeights,
+		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,
 		patchSplitSchema: ({ start, end, isSplit }) => ({
 			dynamicFontSize: void 0,
-			__textLineRange: lineHeights.length === 1 ? void 0 : {
+			__splitRange: lineHeights.length === 1 ? void 0 : createTextLineSplitRange(start, end),
+			__isSplit: isSplit,
+			...getTextSplitBoxStyle(schema, {
 				start,
 				end
-			},
-			__isSplit: isSplit
+			}, lineHeights.length)
 		})
 	};
 };
@@ -48,24 +50,26 @@ var getDynamicLayoutForText = async (value, args) => {
 		_cache: args._cache,
 		ignoreDynamicFontSize: true
 	});
-	const measuredHeight = sumLineHeights(lineHeights);
+	const heights = getTextLineHeightsWithBox(lineHeights, schema);
+	const measuredHeight = sumLineHeights(heights);
 	if (measuredHeight <= schema.height || lineHeights.length === 0) return {
 		heights: [schema.height],
 		patchSplitSchema: () => ({ dynamicFontSize: void 0 })
 	};
 	return {
-		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : lineHeights,
+		heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,
 		patchSplitSchema: ({ start, end, isSplit }) => ({
 			dynamicFontSize: void 0,
-			__textLineRange: lineHeights.length === 1 ? void 0 : {
+			__splitRange: lineHeights.length === 1 ? void 0 : createTextLineSplitRange(start, end),
+			__isSplit: isSplit,
+			...getTextSplitBoxStyle(schema, {
 				start,
 				end
-			},
-			__isSplit: isSplit
+			}, lineHeights.length)
 		})
 	};
 };
 //#endregion
 export { getDynamicLayoutForMultiVariableText as n, getDynamicLayoutForText as t };
 
-//# sourceMappingURL=dynamicTemplate-ByBNu75x.js.map
+//# sourceMappingURL=dynamicTemplate-C7MdZxPm.js.map

package/dist/dynamicTemplate-C7MdZxPm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamicTemplate-C7MdZxPm.js","names":[],"sources":["../src/multiVariableText/dynamicTemplate.ts","../src/text/dynamicTemplate.ts"],"sourcesContent":["import type { DynamicLayoutArgs, DynamicLayoutResult } from '@pdfme/common';\nimport { TEXT_OVERFLOW_EXPAND } from '../text/constants.js';\nimport {\n  getTextLineHeightsWithBox,\n  getTextSplitBoxStyle,\n  measureTextLines,\n  sumLineHeights,\n} from '../text/measure.js';\nimport { isInlineMarkdownTextSchema } from '../text/richText.js';\nimport type { MultiVariableTextSchema } from './types.js';\nimport {\n  substituteVariables,\n  substituteVariablesAsInlineMarkdownLiterals,\n  validateVariables,\n} from './helper.js';\nimport { createTextLineSplitRange } from '../splitRange.js';\n\nexport const getDynamicLayoutForMultiVariableText = async (\n  value: string,\n  args: DynamicLayoutArgs,\n): Promise<DynamicLayoutResult> => {\n  if (args.schema.type !== 'multiVariableText') return { heights: [args.schema.height] };\n\n  const schema = args.schema as MultiVariableTextSchema;\n  if (schema.overflow !== TEXT_OVERFLOW_EXPAND) {\n    return { heights: [schema.height] };\n  }\n\n  let renderValue = value;\n  if (!schema.readOnly) {\n    if (!validateVariables(value, schema)) {\n      return { heights: [schema.height] };\n    }\n\n    renderValue = isInlineMarkdownTextSchema(schema)\n      ? substituteVariablesAsInlineMarkdownLiterals(schema.text || '', value)\n      : substituteVariables(schema.text || '', value);\n  }\n  const { lineHeights } = await measureTextLines({\n    value: renderValue,\n    schema,\n    font: args.options.font,\n    _cache: args._cache,\n    // `expand` owns the height decision, so measuring against a shrink-to-fit font size\n    // would make the field keep its original box instead of growing.\n    ignoreDynamicFontSize: true,\n  });\n  const heights = getTextLineHeightsWithBox(lineHeights, schema);\n  const measuredHeight = sumLineHeights(heights);\n\n  if (measuredHeight <= schema.height || lineHeights.length === 0) {\n    return {\n      heights: [schema.height],\n      patchSplitSchema: () => ({ dynamicFontSize: undefined }),\n    };\n  }\n\n  return {\n    heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,\n    patchSplitSchema: ({ start, end, isSplit }) => ({\n      dynamicFontSize: undefined,\n      __splitRange: lineHeights.length === 1 ? undefined : createTextLineSplitRange(start, end),\n      __isSplit: isSplit,\n      ...getTextSplitBoxStyle(schema, { start, end }, lineHeights.length),\n    }),\n  };\n};\n","import type { DynamicLayoutArgs, DynamicLayoutResult } from '@pdfme/common';\nimport { TEXT_OVERFLOW_EXPAND } from './constants.js';\nimport {\n  getTextLineHeightsWithBox,\n  getTextSplitBoxStyle,\n  measureTextLines,\n  sumLineHeights,\n} from './measure.js';\nimport type { TextSchema } from './types.js';\nimport { createTextLineSplitRange } from '../splitRange.js';\n\nexport const getDynamicLayoutForText = async (\n  value: string,\n  args: DynamicLayoutArgs,\n): Promise<DynamicLayoutResult> => {\n  if (args.schema.type !== 'text') return { heights: [args.schema.height] };\n\n  const schema = args.schema as TextSchema;\n  if (schema.overflow !== TEXT_OVERFLOW_EXPAND) {\n    return { heights: [schema.height] };\n  }\n\n  const { lineHeights } = await measureTextLines({\n    value,\n    schema,\n    font: args.options.font,\n    _cache: args._cache,\n    // `expand` owns the height decision, so measuring against a shrink-to-fit font size\n    // would make the field keep its original box instead of growing.\n    ignoreDynamicFontSize: true,\n  });\n  const heights = getTextLineHeightsWithBox(lineHeights, schema);\n  const measuredHeight = sumLineHeights(heights);\n\n  if (measuredHeight <= schema.height || lineHeights.length === 0) {\n    return {\n      heights: [schema.height],\n      patchSplitSchema: () => ({ dynamicFontSize: undefined }),\n    };\n  }\n\n  return {\n    heights: lineHeights.length === 1 ? [Math.max(schema.height, measuredHeight)] : heights,\n    patchSplitSchema: ({ start, end, isSplit }) => ({\n      dynamicFontSize: undefined,\n      __splitRange: lineHeights.length === 1 ? undefined : createTextLineSplitRange(start, end),\n      __isSplit: isSplit,\n      ...getTextSplitBoxStyle(schema, { start, end }, lineHeights.length),\n    }),\n  };\n};\n"],"mappings":";;;;AAiBA,IAAa,uCAAuC,OAClD,OACA,SACiC;AACjC,KAAI,KAAK,OAAO,SAAS,oBAAqB,QAAO,EAAE,SAAS,CAAC,KAAK,OAAO,OAAO,EAAE;CAEtF,MAAM,SAAS,KAAK;AACpB,KAAI,OAAO,aAAA,SACT,QAAO,EAAE,SAAS,CAAC,OAAO,OAAO,EAAE;CAGrC,IAAI,cAAc;AAClB,KAAI,CAAC,OAAO,UAAU;AACpB,MAAI,CAAC,kBAAkB,OAAO,OAAO,CACnC,QAAO,EAAE,SAAS,CAAC,OAAO,OAAO,EAAE;AAGrC,gBAAc,2BAA2B,OAAO,GAC5C,4CAA4C,OAAO,QAAQ,IAAI,MAAM,GACrE,oBAAoB,OAAO,QAAQ,IAAI,MAAM;;CAEnD,MAAM,EAAE,gBAAgB,MAAM,iBAAiB;EAC7C,OAAO;EACP;EACA,MAAM,KAAK,QAAQ;EACnB,QAAQ,KAAK;EAGb,uBAAuB;EACxB,CAAC;CACF,MAAM,UAAU,0BAA0B,aAAa,OAAO;CAC9D,MAAM,iBAAiB,eAAe,QAAQ;AAE9C,KAAI,kBAAkB,OAAO,UAAU,YAAY,WAAW,EAC5D,QAAO;EACL,SAAS,CAAC,OAAO,OAAO;EACxB,yBAAyB,EAAE,iBAAiB,KAAA,GAAW;EACxD;AAGH,QAAO;EACL,SAAS,YAAY,WAAW,IAAI,CAAC,KAAK,IAAI,OAAO,QAAQ,eAAe,CAAC,GAAG;EAChF,mBAAmB,EAAE,OAAO,KAAK,eAAe;GAC9C,iBAAiB,KAAA;GACjB,cAAc,YAAY,WAAW,IAAI,KAAA,IAAY,yBAAyB,OAAO,IAAI;GACzF,WAAW;GACX,GAAG,qBAAqB,QAAQ;IAAE;IAAO;IAAK,EAAE,YAAY,OAAO;GACpE;EACF;;;;ACtDH,IAAa,0BAA0B,OACrC,OACA,SACiC;AACjC,KAAI,KAAK,OAAO,SAAS,OAAQ,QAAO,EAAE,SAAS,CAAC,KAAK,OAAO,OAAO,EAAE;CAEzE,MAAM,SAAS,KAAK;AACpB,KAAI,OAAO,aAAA,SACT,QAAO,EAAE,SAAS,CAAC,OAAO,OAAO,EAAE;CAGrC,MAAM,EAAE,gBAAgB,MAAM,iBAAiB;EAC7C;EACA;EACA,MAAM,KAAK,QAAQ;EACnB,QAAQ,KAAK;EAGb,uBAAuB;EACxB,CAAC;CACF,MAAM,UAAU,0BAA0B,aAAa,OAAO;CAC9D,MAAM,iBAAiB,eAAe,QAAQ;AAE9C,KAAI,kBAAkB,OAAO,UAAU,YAAY,WAAW,EAC5D,QAAO;EACL,SAAS,CAAC,OAAO,OAAO;EACxB,yBAAyB,EAAE,iBAAiB,KAAA,GAAW;EACxD;AAGH,QAAO;EACL,SAAS,YAAY,WAAW,IAAI,CAAC,KAAK,IAAI,OAAO,QAAQ,eAAe,CAAC,GAAG;EAChF,mBAAmB,EAAE,OAAO,KAAK,eAAe;GAC9C,iBAAiB,KAAA;GACjB,cAAc,YAAY,WAAW,IAAI,KAAA,IAAY,yBAAyB,OAAO,IAAI;GACzF,WAAW;GACX,GAAG,qBAAqB,QAAQ;IAAE;IAAO;IAAK,EAAE,YAAY,OAAO;GACpE;EACF"}

package/dist/{helper-BaUAusvL.js → helper-CEme39Uo.js}

@@ -1,4 +1,4 @@
-import { p as escapeInlineMarkdown } from "./measure-h-7PUE2B.js";
+import { h as escapeInlineMarkdown } from "./measure-L5diay3k.js";
 //#region src/multiVariableText/helper.ts
 var substituteVariables = (text, variablesIn, valueMapper = (value) => value) => {
 	if (!text) return "";
@@ -37,4 +37,4 @@ var validateVariables = (value, schema) => {
 //#endregion
 export { substituteVariablesAsInlineMarkdownLiterals as n, validateVariables as r, substituteVariables as t };
 
-//# sourceMappingURL=helper-BaUAusvL.js.map
+//# sourceMappingURL=helper-CEme39Uo.js.map

package/dist/{helper-BaUAusvL.js.map → helper-CEme39Uo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"helper-BaUAusvL.js","names":[],"sources":["../src/multiVariableText/helper.ts"],"sourcesContent":["import { MultiVariableTextSchema } from './types.js';\nimport { escapeInlineMarkdown } from '../text/inlineMarkdown.js';\n\nexport const substituteVariables = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n  valueMapper: (value: string, variableName: string) => string = (value) => value,\n): string => {\n  if (!text) {\n    return '';\n  }\n\n  let substitutedText = text;\n\n  if (variablesIn) {\n    let variables: Record<string, string>;\n    try {\n      variables =\n        typeof variablesIn === 'string'\n          ? (JSON.parse(variablesIn || '{}') as Record<string, string>)\n          : variablesIn;\n    } catch {\n      throw new SyntaxError(`[@pdfme/schemas] MVT: invalid JSON string '${variablesIn as string}'`);\n    }\n\n    Object.keys(variables).forEach((variableName) => {\n      // handle special characters in variable name\n      const variableForRegex = variableName.replace(/[/\\-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n      const regex = new RegExp('\\\\{' + variableForRegex + '\\\\}', 'g');\n      substitutedText = substitutedText.replace(\n        regex,\n        valueMapper(variables[variableName], variableName),\n      );\n    });\n  }\n\n  // Remove any variables that were not substituted from inputs\n  substitutedText = substitutedText.replace(/{[^{}]+}/g, '');\n\n  return substitutedText;\n};\n\nexport const substituteVariablesAsInlineMarkdownLiterals = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n): string => substituteVariables(text, variablesIn, escapeInlineMarkdown);\n\nexport const validateVariables = (value: string, schema: MultiVariableTextSchema): boolean => {\n  if (schema.variables.length === 0) {\n    return true;\n  }\n\n  let values;\n  try {\n    values = value ? (JSON.parse(value) as Record<string, string>) : {};\n  } catch {\n    throw new SyntaxError(\n      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`,\n    );\n  }\n\n  for (const variable of schema.variables) {\n    if (!values[variable]) {\n      if (schema.required) {\n        throw new Error(\n          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`,\n        );\n      }\n      // If not required, then simply don't render this field if an input is missing\n      return false;\n    }\n  }\n\n  return true;\n};\n"],"mappings":";;AAGA,IAAa,uBACX,MACA,aACA,eAAgE,UAAU,UAC/D;AACX,KAAI,CAAC,KACH,QAAO;CAGT,IAAI,kBAAkB;AAEtB,KAAI,aAAa;EACf,IAAI;AACJ,MAAI;AACF,eACE,OAAO,gBAAgB,WAClB,KAAK,MAAM,eAAe,KAAK,GAChC;UACA;AACN,SAAM,IAAI,YAAY,8CAA8C,YAAsB,GAAG;;AAG/F,SAAO,KAAK,UAAU,CAAC,SAAS,iBAAiB;GAE/C,MAAM,mBAAmB,aAAa,QAAQ,0BAA0B,OAAO;GAC/E,MAAM,QAAQ,IAAI,OAAO,QAAQ,mBAAmB,OAAO,IAAI;AAC/D,qBAAkB,gBAAgB,QAChC,OACA,YAAY,UAAU,eAAe,aAAa,CACnD;IACD;;AAIJ,mBAAkB,gBAAgB,QAAQ,aAAa,GAAG;AAE1D,QAAO;;AAGT,IAAa,+CACX,MACA,gBACW,oBAAoB,MAAM,aAAa,qBAAqB;AAEzE,IAAa,qBAAqB,OAAe,WAA6C;AAC5F,KAAI,OAAO,UAAU,WAAW,EAC9B,QAAO;CAGT,IAAI;AACJ,KAAI;AACF,WAAS,QAAS,KAAK,MAAM,MAAM,GAA8B,EAAE;SAC7D;AACN,QAAM,IAAI,YACR,2CAA2C,MAAM,2BAA2B,OAAO,OACpF;;AAGH,MAAK,MAAM,YAAY,OAAO,UAC5B,KAAI,CAAC,OAAO,WAAW;AACrB,MAAI,OAAO,SACT,OAAM,IAAI,MACR,+BAA+B,SAAS,wBAAwB,OAAO,OACxE;AAGH,SAAO;;AAIX,QAAO"}
+{"version":3,"file":"helper-CEme39Uo.js","names":[],"sources":["../src/multiVariableText/helper.ts"],"sourcesContent":["import { MultiVariableTextSchema } from './types.js';\nimport { escapeInlineMarkdown } from '../text/inlineMarkdown.js';\n\nexport const substituteVariables = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n  valueMapper: (value: string, variableName: string) => string = (value) => value,\n): string => {\n  if (!text) {\n    return '';\n  }\n\n  let substitutedText = text;\n\n  if (variablesIn) {\n    let variables: Record<string, string>;\n    try {\n      variables =\n        typeof variablesIn === 'string'\n          ? (JSON.parse(variablesIn || '{}') as Record<string, string>)\n          : variablesIn;\n    } catch {\n      throw new SyntaxError(`[@pdfme/schemas] MVT: invalid JSON string '${variablesIn as string}'`);\n    }\n\n    Object.keys(variables).forEach((variableName) => {\n      // handle special characters in variable name\n      const variableForRegex = variableName.replace(/[/\\-\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n      const regex = new RegExp('\\\\{' + variableForRegex + '\\\\}', 'g');\n      substitutedText = substitutedText.replace(\n        regex,\n        valueMapper(variables[variableName], variableName),\n      );\n    });\n  }\n\n  // Remove any variables that were not substituted from inputs\n  substitutedText = substitutedText.replace(/{[^{}]+}/g, '');\n\n  return substitutedText;\n};\n\nexport const substituteVariablesAsInlineMarkdownLiterals = (\n  text: string,\n  variablesIn: string | Record<string, string>,\n): string => substituteVariables(text, variablesIn, escapeInlineMarkdown);\n\nexport const validateVariables = (value: string, schema: MultiVariableTextSchema): boolean => {\n  if (schema.variables.length === 0) {\n    return true;\n  }\n\n  let values;\n  try {\n    values = value ? (JSON.parse(value) as Record<string, string>) : {};\n  } catch {\n    throw new SyntaxError(\n      `[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`,\n    );\n  }\n\n  for (const variable of schema.variables) {\n    if (!values[variable]) {\n      if (schema.required) {\n        throw new Error(\n          `[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`,\n        );\n      }\n      // If not required, then simply don't render this field if an input is missing\n      return false;\n    }\n  }\n\n  return true;\n};\n"],"mappings":";;AAGA,IAAa,uBACX,MACA,aACA,eAAgE,UAAU,UAC/D;AACX,KAAI,CAAC,KACH,QAAO;CAGT,IAAI,kBAAkB;AAEtB,KAAI,aAAa;EACf,IAAI;AACJ,MAAI;AACF,eACE,OAAO,gBAAgB,WAClB,KAAK,MAAM,eAAe,KAAK,GAChC;UACA;AACN,SAAM,IAAI,YAAY,8CAA8C,YAAsB,GAAG;;AAG/F,SAAO,KAAK,UAAU,CAAC,SAAS,iBAAiB;GAE/C,MAAM,mBAAmB,aAAa,QAAQ,0BAA0B,OAAO;GAC/E,MAAM,QAAQ,IAAI,OAAO,QAAQ,mBAAmB,OAAO,IAAI;AAC/D,qBAAkB,gBAAgB,QAChC,OACA,YAAY,UAAU,eAAe,aAAa,CACnD;IACD;;AAIJ,mBAAkB,gBAAgB,QAAQ,aAAa,GAAG;AAE1D,QAAO;;AAGT,IAAa,+CACX,MACA,gBACW,oBAAoB,MAAM,aAAa,qBAAqB;AAEzE,IAAa,qBAAqB,OAAe,WAA6C;AAC5F,KAAI,OAAO,UAAU,WAAW,EAC9B,QAAO;CAGT,IAAI;AACJ,KAAI;AACF,WAAS,QAAS,KAAK,MAAM,MAAM,GAA8B,EAAE;SAC7D;AACN,QAAM,IAAI,YACR,2CAA2C,MAAM,2BAA2B,OAAO,OACpF;;AAGH,MAAK,MAAM,YAAY,OAAO,UAC5B,KAAI,CAAC,OAAO,WAAW;AACrB,MAAI,OAAO,SACT,OAAM,IAAI,MACR,+BAA+B,SAAS,wBAAwB,OAAO,OACxE;AAGH,SAAO;;AAIX,QAAO"}

package/dist/index.d.ts

@@ -18,3 +18,4 @@ export { builtInPlugins } from './builtins.js';
 export { text, multiVariableText, list, image, signature, svg, table, barcodes, line, rectangle, ellipse, dateTime, date, time, select, radioGroup, checkbox, };
 export { getDynamicHeightsForTable, getDynamicLayoutForTable } from './tables.js';
 export { getDynamicLayoutForList } from './lists.js';
+export { BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, LIST_ITEM_SPLIT_UNIT, TABLE_BODY_SPLIT_UNIT, TEXT_LINE_SPLIT_UNIT, createListItemSplitRange, createTableBodySplitRange, createTextLineSplitRange, getListItemRange, getTableBodyRange, getTextLineRange, type BuiltInDynamicLayoutSplitUnit, } from './splitRange.js';

package/dist/index.js

@@ -1,13 +1,13 @@
-import { I as VERTICAL_ALIGN_MIDDLE, O as PLACEHOLDER_FONT_COLOR, a as getFontKitFont, g as DEFAULT_ALIGNMENT, k as SYNTHETIC_BOLD_CSS_TEXT_SHADOW, m as CODE_BACKGROUND_COLOR, v as DEFAULT_FONT_COLOR } from "./helper-CBd9plP_.js";
-import { d as resolveFontVariant, l as isInlineMarkdownTextSchema, m as parseInlineMarkdown } from "./measure-h-7PUE2B.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-pN5NVCSV.js";
-import { a as getCellPropPanelSchema, c as HEX_COLOR_PATTERN, i as getBodyWithRange, l as createSingleTable, n as getDynamicLayoutForTable, o as getColumnStylesPropPanelSchema, r as getBody, s as getDefaultCellStyles, t as getDynamicHeightsForTable } from "./dynamicTemplate-CkrZKlg-.js";
-import { addAlphaToHex, convertForPdfLayoutProps, createErrorElm, createSvgStr, hex2PrintingColor, isEditable, readFile, rotatePoint } from "./utils.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-Cy07Imb5.js";
-import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-BaUAusvL.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-DmVDtmzO.js";
+import { a as measureTextLines, d as isInlineMarkdownTextSchema, g as parseInlineMarkdown, p as resolveFontVariant } from "./measure-L5diay3k.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-BB2DHceW.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-B4GCNLF9.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-zDZkqBnX.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-BwzF9C1L.js";
+import { n as substituteVariablesAsInlineMarkdownLiterals, r as validateVariables, t as substituteVariables } from "./helper-CEme39Uo.js";
 import "./tables.js";
 import "./lists.js";
-import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, mm2pt, px2mm } from "@pdfme/common";
+import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
 import { Buffer as Buffer$1 } from "buffer";
 import { toRadians } from "@pdfme/pdf-lib";
 import { Barcode, Calendar, CalendarClock, ChevronDown, Circle, CircleDot, Clock, Image, List, Minus, QrCode, Route, Square, SquareCheck, Table, Type } from "lucide";
@@ -58,41 +58,6 @@ var pdfRender$3 = async (arg) => {
 	});
 };
 //#endregion
-//#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/multiVariableText/propPanel.ts
 var mapDynamicVariables = (props) => {
 	const { rootElement, changeSchemas, activeSchema, i18n, options } = props;
@@ -246,16 +211,6 @@ var uiRender$3 = async (arg) => {
 	const renderResolvedValue = schema.readOnly === true && mode !== "designer";
 	const renderValue = renderResolvedValue ? value : isInlineMarkdownTextSchema(schema) ? substituteVariablesAsInlineMarkdownLiterals(text, value) : substituteVariables(text, value);
 	if (mode === "form" && numVariables > 0 && !renderResolvedValue) {
-		if (schema.__textLineRange) {
-			await uiRender$4({
-				value: renderValue,
-				schema,
-				mode: "viewer",
-				rootElement,
-				...rest
-			});
-			return;
-		}
 		await formUiRender(arg);
 		return;
 	}
@@ -303,6 +258,28 @@ var formUiRender = async (arg) => {
 	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);
+	if (getTextLineRange(schema)) {
+		const { lines } = await measureTextLines({
+			value: inlineMarkdownRuns ? substituteVariablesAsInlineMarkdownLiterals(rawText, variables) : substitutedText,
+			schema,
+			font,
+			_cache,
+			ignoreDynamicFontSize: true
+		});
+		renderSplitVariableSpans({
+			textBlock,
+			lines,
+			runs: inlineMarkdownRuns,
+			rawText,
+			variables,
+			schema,
+			font,
+			theme,
+			onChange,
+			stopEditing
+		});
+		return;
+	}
 	if (inlineMarkdownRuns) {
 		renderInlineMarkdownVariableSpans({
 			runs: inlineMarkdownRuns,
@@ -351,6 +328,190 @@ var formUiRender = async (arg) => {
 		}
 	}
 };
+var renderSplitVariableSpans = (arg) => {
+	const { textBlock, lines, runs, rawText, variables, schema, font, theme, onChange, stopEditing } = arg;
+	const lineRange = getTextLineRange(schema);
+	const lineSegments = getSplitLineSegments({
+		lines,
+		runs,
+		rawText,
+		variables,
+		start: lineRange?.start ?? 0,
+		end: lineRange?.end ?? lines.length
+	});
+	textBlock.innerHTML = "";
+	lineSegments.forEach((segments, lineIndex) => {
+		segments.forEach((segment) => {
+			if (segment.variableName) {
+				appendRangedVariableSpan({
+					textBlock,
+					segment,
+					variables,
+					schema,
+					font,
+					theme,
+					onChange,
+					stopEditing
+				});
+				return;
+			}
+			const span = segment.run ? createStaticInlineMarkdownElement(segment.run) : document.createElement("span");
+			span.style.letterSpacing = lineIndex === lineSegments.length - 1 ? "0" : "inherit";
+			span.textContent = segment.text;
+			if (segment.run) applyInlineMarkdownStyle({
+				element: span,
+				run: segment.run,
+				schema,
+				font
+			});
+			textBlock.appendChild(span);
+		});
+		if (lineIndex < lineSegments.length - 1) textBlock.appendChild(document.createElement("br"));
+	});
+};
+var getSplitLineSegments = (arg) => {
+	const { lines, runs, rawText, variables, start, end } = arg;
+	return consumeMeasuredLineSegments(lines, runs ? buildResolvedInlineMarkdownChars(runs, variables) : buildResolvedPlainChars(rawText, variables), { dropUnmappedTargets: Boolean(runs) }).slice(start, end);
+};
+var buildResolvedPlainChars = (rawText, variables) => {
+	const chars = [];
+	let lastIndex = 0;
+	visitVariables(rawText, ({ name, startIndex, endIndex }) => {
+		appendTextChars(chars, rawText.slice(lastIndex, startIndex));
+		const value = variables[name] ?? "";
+		for (let i = 0; i < value.length; i += 1) chars.push({
+			char: value[i],
+			variableName: name,
+			variableOffset: i
+		});
+		lastIndex = endIndex + 1;
+	});
+	appendTextChars(chars, rawText.slice(lastIndex));
+	return chars;
+};
+var buildResolvedInlineMarkdownChars = (runs, variables) => {
+	const chars = [];
+	runs.forEach((run) => {
+		let lastIndex = 0;
+		visitVariables(run.text, ({ name, startIndex, endIndex }) => {
+			appendTextChars(chars, run.text.slice(lastIndex, startIndex), run);
+			const value = variables[name] ?? "";
+			for (let i = 0; i < value.length; i += 1) chars.push({
+				char: value[i],
+				variableName: name,
+				variableOffset: i,
+				run
+			});
+			lastIndex = endIndex + 1;
+		});
+		appendTextChars(chars, run.text.slice(lastIndex), run);
+	});
+	return chars;
+};
+var appendTextChars = (chars, text, run) => {
+	for (let i = 0; i < text.length; i += 1) chars.push({
+		char: text[i],
+		run
+	});
+};
+var consumeMeasuredLineSegments = (lines, resolvedChars, options = {}) => {
+	const lineSegments = [];
+	let cursor = 0;
+	lines.forEach((line) => {
+		const segments = [];
+		const lineText = stripTrailingLineBreaks(line);
+		for (let i = 0; i < lineText.length; i += 1) {
+			const target = lineText[i];
+			while (cursor < resolvedChars.length && resolvedChars[cursor].char !== target && isWhitespaceChar(resolvedChars[cursor].char) && !isWhitespaceChar(target)) cursor += 1;
+			if (cursor >= resolvedChars.length) {
+				if (options.dropUnmappedTargets) continue;
+				appendSegment(segments, { char: target });
+				continue;
+			}
+			const sourceChar = resolvedChars[cursor];
+			if (sourceChar.char === target) {
+				appendSegment(segments, sourceChar);
+				cursor += 1;
+			} else {
+				if (options.dropUnmappedTargets) continue;
+				appendSegment(segments, { char: target });
+			}
+		}
+		cursor = absorbHiddenTrailingWhitespace(segments, resolvedChars, cursor);
+		if (line.endsWith("\r\n") || line.endsWith("\n") || line.endsWith("\r")) {
+			if (resolvedChars[cursor]?.char === "\r" && resolvedChars[cursor + 1]?.char === "\n") cursor += 2;
+			else if (resolvedChars[cursor]?.char === "\n" || resolvedChars[cursor]?.char === "\r") cursor += 1;
+		}
+		lineSegments.push(segments);
+	});
+	return lineSegments;
+};
+var absorbHiddenTrailingWhitespace = (segments, resolvedChars, cursor) => {
+	let nextCursor = cursor;
+	while (nextCursor < resolvedChars.length && isHorizontalWhitespaceChar(resolvedChars[nextCursor].char)) {
+		const sourceChar = resolvedChars[nextCursor];
+		const lastSegment = segments.at(-1);
+		if (lastSegment && lastSegment.variableName === sourceChar.variableName && lastSegment.variableEnd === sourceChar.variableOffset && lastSegment.run === sourceChar.run && sourceChar.variableOffset !== void 0) lastSegment.variableEnd = sourceChar.variableOffset + 1;
+		nextCursor += 1;
+	}
+	return nextCursor;
+};
+var stripTrailingLineBreaks = (value) => {
+	let end = value.length;
+	while (end > 0) {
+		const char = value[end - 1];
+		if (char !== "\n" && char !== "\r") break;
+		end -= 1;
+	}
+	return value.slice(0, end);
+};
+var isWhitespaceChar = (value) => value === " " || value === "	" || value === "\n" || value === "\r" || value === "\f" || value === "\v";
+var isHorizontalWhitespaceChar = (value) => value === " " || value === "	" || value === "\f" || value === "\v";
+var appendSegment = (segments, sourceChar) => {
+	const lastSegment = segments.at(-1);
+	if (lastSegment && lastSegment.variableName === sourceChar.variableName && lastSegment.variableEnd === sourceChar.variableOffset && lastSegment.run === sourceChar.run) {
+		lastSegment.text += sourceChar.char;
+		if (sourceChar.variableOffset !== void 0) lastSegment.variableEnd = sourceChar.variableOffset + 1;
+		return;
+	}
+	segments.push({
+		text: sourceChar.char,
+		variableName: sourceChar.variableName,
+		variableStart: sourceChar.variableOffset,
+		variableEnd: sourceChar.variableOffset === void 0 ? void 0 : sourceChar.variableOffset + 1,
+		run: sourceChar.run
+	});
+};
+var appendRangedVariableSpan = (arg) => {
+	const { textBlock, segment, variables, schema, font, theme, onChange, stopEditing } = arg;
+	if (!segment.variableName) return;
+	const span = document.createElement("span");
+	span.style.outline = `${theme.colorPrimary} dashed 1px`;
+	if (segment.run) applyInlineMarkdownStyle({
+		element: span,
+		run: segment.run,
+		schema,
+		font
+	});
+	makeElementPlainTextContentEditable(span);
+	span.textContent = segment.text;
+	span.addEventListener("blur", (e) => {
+		const variableName = segment.variableName;
+		if (!variableName) return;
+		const newValue = e.target.textContent || "";
+		if (newValue === segment.text) return;
+		const currentValue = variables[variableName] ?? "";
+		const start = Math.min(segment.variableStart ?? 0, currentValue.length);
+		const end = Math.min(segment.variableEnd ?? currentValue.length, currentValue.length);
+		variables[variableName] = currentValue.slice(0, start) + newValue + currentValue.slice(end);
+		if (onChange) onChange({
+			key: "content",
+			value: JSON.stringify(variables)
+		});
+		if (stopEditing) stopEditing();
+	});
+	textBlock.appendChild(span);
+};
 var getInlineMarkdownFormDisplayText = (runs, variables) => runs.map((run) => substituteVariables(run.text, variables)).join("");
 var applyInlineMarkdownStyle = (arg) => {
 	const { element, run, schema, font } = arg;
@@ -362,6 +523,7 @@ var applyInlineMarkdownStyle = (arg) => {
 	}
 	if (resolvedFont.syntheticItalic) element.style.fontStyle = "italic";
 	const textDecorations = [];
+	if (run.href) textDecorations.push("underline");
 	if (run.strikethrough) textDecorations.push("line-through");
 	if (textDecorations.length > 0) element.style.textDecoration = textDecorations.join(" ");
 	if (run.code) {
@@ -371,10 +533,21 @@ var applyInlineMarkdownStyle = (arg) => {
 		if (!schema.fontVariants?.code || !font[schema.fontVariants.code]) element.style.fontFamily = resolvedFont.fontName ? `'${resolvedFont.fontName}', monospace` : "monospace";
 	}
 };
+var createStaticInlineMarkdownElement = (run) => {
+	const href = run.href ? normalizeLinkHref(run.href) : void 0;
+	if (!href) return document.createElement("span");
+	const anchor = document.createElement("a");
+	anchor.href = href;
+	if (!getInternalLinkTarget(href)) {
+		anchor.target = "_blank";
+		anchor.rel = "noopener noreferrer";
+	}
+	return anchor;
+};
 var appendTextSpan = (arg) => {
 	const { textBlock, text, run, schema, font } = arg;
 	if (!text) return;
-	const span = document.createElement("span");
+	const span = createStaticInlineMarkdownElement(run);
 	span.textContent = text;
 	applyInlineMarkdownStyle({
 		element: span,
@@ -610,7 +783,7 @@ var rectanglePdfRender$2 = rectangle.pdf;
 var pdfRender$2 = async (arg) => {
 	const { schema, value } = arg;
 	const items = normalizeListItems(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -875,7 +1048,7 @@ var uiRender$2 = async (arg) => {
 	const usePlaceholder = editable && !value && Boolean(placeholder);
 	const items = normalizeListItems(usePlaceholder ? placeholder || "" : value);
 	const originalItems = normalizeListItemEntries(value);
-	const range = schema.__itemRange ?? {
+	const range = getListItemRange(schema) ?? {
 		start: 0,
 		end: items.length
 	};
@@ -2303,14 +2476,14 @@ var renderLine = async (arg, schema, position, width, height) => linePdfRender({
 	}
 });
 var createTextDiv = (schema) => {
-	const { borderWidth: bw, width, height, padding: pd } = schema;
+	const contentArea = getBoxContentArea(schema);
 	const textDiv = document.createElement("div");
 	textDiv.style.position = "absolute";
 	textDiv.style.zIndex = "1";
-	textDiv.style.width = `${width - bw.left - bw.right - pd.left - pd.right}mm`;
-	textDiv.style.height = `${height - bw.top - bw.bottom - pd.top - pd.bottom}mm`;
-	textDiv.style.top = `${bw.top + pd.top}mm`;
-	textDiv.style.left = `${bw.left + pd.left}mm`;
+	textDiv.style.width = `${contentArea.width}mm`;
+	textDiv.style.height = `${contentArea.height}mm`;
+	textDiv.style.top = `${contentArea.topInset}mm`;
+	textDiv.style.left = `${contentArea.leftInset}mm`;
 	return textDiv;
 };
 var createLineDiv = (width, height, top, right, bottom, left, borderColor) => {
@@ -2328,7 +2501,8 @@ var createLineDiv = (width, height, top, right, bottom, left, borderColor) => {
 var cellSchema = {
 	pdf: async (arg) => {
 		const { schema } = arg;
-		const { position, width, height, borderWidth, padding } = schema;
+		const { position, width, height, borderWidth } = schema;
+		const contentArea = getBoxContentArea(schema);
 		await Promise.all([
 			rectanglePdfRender$1({
 				...arg,
@@ -2365,12 +2539,12 @@ var cellSchema = {
 				...schema,
 				type: "text",
 				backgroundColor: "",
-				position: {
-					x: position.x + borderWidth.left + padding.left,
-					y: position.y + borderWidth.top + padding.top
-				},
-				width: width - borderWidth.left - borderWidth.right - padding.left - padding.right,
-				height: height - borderWidth.top - borderWidth.bottom - padding.top - padding.bottom
+				borderColor: "",
+				borderWidth: createBoxDimension(0),
+				padding: createBoxDimension(0),
+				position: contentArea.position,
+				width: contentArea.width,
+				height: contentArea.height
 			}
 		});
 	},
@@ -2383,7 +2557,10 @@ var cellSchema = {
 			...arg,
 			schema: {
 				...schema,
-				backgroundColor: ""
+				backgroundColor: "",
+				borderColor: "",
+				borderWidth: createBoxDimension(0),
+				padding: createBoxDimension(0)
 			},
 			rootElement: textDiv
 		});
@@ -2503,7 +2680,7 @@ async function drawTable(arg, table) {
 }
 var pdfRender = async (arg) => {
 	const { value, schema, basePdf, options, _cache } = arg;
-	const body = getBodyWithRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema.__bodyRange);
+	const body = getBodyWithSchemaRange(typeof value !== "string" ? JSON.stringify(value || "[]") : value, schema);
 	const createTableArgs = {
 		schema,
 		basePdf,
@@ -2630,7 +2807,7 @@ var renderRowUi = (args) => {
 					if (!arg.onChange) return;
 					const newValue = Array.isArray(v) ? v[0].value : v.value;
 					if (section === "body") {
-						const startRange = arg.schema.__bodyRange?.start ?? 0;
+						const startRange = getTableBodyRange(arg.schema)?.start ?? 0;
 						value[rowIndex + startRange][colIndex] = newValue;
 						arg.onChange({
 							key: "content",
@@ -2683,7 +2860,8 @@ var resetEditingPosition = () => {
 var uiRender = async (arg) => {
 	const { rootElement, onChange, schema, value, mode, scale } = arg;
 	const body = getBody(value);
-	const bodyWidthRange = getBodyWithRange(value, schema.__bodyRange);
+	const bodyRange = getTableBodyRange(schema);
+	const bodyWidthRange = getBodyWithSchemaRange(value, schema, bodyRange);
 	const table = await createSingleTable(bodyWidthRange, arg);
 	const showHead = table.settings.showHead;
 	rootElement.innerHTML = "";
@@ -2736,7 +2914,7 @@ var uiRender = async (arg) => {
 				text: "-",
 				ariaLabel: "Remove row",
 				onClick: () => {
-					const newTableBody = body.filter((_, j) => j !== i + (schema.__bodyRange?.start ?? 0));
+					const newTableBody = body.filter((_, j) => j !== i + (bodyRange?.start ?? 0));
 					if (onChange) onChange({
 						key: "content",
 						value: JSON.stringify(newTableBody)
@@ -2746,7 +2924,7 @@ var uiRender = async (arg) => {
 		});
 	};
 	if (mode === "form" && onChange && !schema.readOnly) {
-		if (schema.__bodyRange?.end === void 0 || schema.__bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
+		if (bodyRange?.end === void 0 || bodyRange.end >= JSON.parse(value || "[]").length) rootElement.appendChild(createAddRowButton());
 		createRemoveRowButtons().forEach((button) => rootElement.appendChild(button));
 	}
 	if (mode === "designer" && onChange) {
@@ -6147,6 +6325,6 @@ var schema = {
 	icon: getCheckedIcon()
 };
 //#endregion
-export { barcodes, builtInPlugins, schema as checkbox, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
+export { BUILT_IN_DYNAMIC_LAYOUT_SPLIT_UNITS, LIST_ITEM_SPLIT_UNIT, TABLE_BODY_SPLIT_UNIT, TEXT_LINE_SPLIT_UNIT, barcodes, builtInPlugins, schema as checkbox, createListItemSplitRange, createTableBodySplitRange, createTextLineSplitRange, date_default as date, dateTime_default as dateTime, ellipse, getDynamicHeightsForTable, getDynamicLayoutForList, getDynamicLayoutForTable, getListItemRange, getTableBodyRange, getTextLineRange, imageSchema as image, lineSchema as line, listSchema as list, schema$1 as multiVariableText, schema$2 as radioGroup, rectangle, schema$3 as select, signature, svgSchema as svg, tableSchema as table, textSchema as text, time_default as time };
 
 //# sourceMappingURL=index.js.map