@campxdev/pdfme 1.3.0 → 1.3.1

package/dist/cjs/chunks/{fontSizePxWidget-Drk8HKGH.js → fontSizePxWidget-Dmj19RJR.js}

@@ -3,7 +3,7 @@
 var helper = require('./helper-DGH62Z2s.js');
 var SignaturePad = require('signature_pad');
 var lucide = require('lucide');
-var index = require('./index-CsEKt088.js');
+var index = require('./index-BGO0T6u7.js');
 var buffer = require('buffer');
 var colors = require('./colors-BeBcxfhb.js');
 var uuid = require('uuid');

package/dist/cjs/chunks/{index-CsEKt088.js → index-BGO0T6u7.js}

@@ -2372,15 +2372,21 @@ const variablePrefixSuffixWidget = (props) => {
     rootElement.appendChild(container);
 };
 const mapDynamicVariables$1 = (props) => {
-    const { rootElement, changeSchemas, activeSchema } = props;
+    const { rootElement, changeSchemas, activeSchema, options } = props;
     const rtSchema = activeSchema;
     const text = rtSchema.text ?? '';
     if (!text) {
         rootElement.style.display = 'none';
         return;
     }
+    const textVars = options?.variables?.textVariables ?? [];
+    const defaults = {};
+    for (const v of textVars) {
+        if (v.defaultValue)
+            defaults[v.value] = v.defaultValue;
+    }
     const variables = JSON.parse((rtSchema.content && rtSchema.content !== '' ? rtSchema.content : '{}'));
-    const variablesChanged = updateVariablesFromText(text, variables);
+    const variablesChanged = updateVariablesFromText(text, variables, defaults);
     const varNames = Object.keys(variables);
     if (variablesChanged) {
         changeSchemas([
@@ -2458,7 +2464,7 @@ const extractDotPaths = (expr) => {
     }
     return Array.from(paths);
 };
-const buildNestedDefault = (obj, paths) => {
+const buildNestedDefault = (obj, paths, defaults) => {
     let added = false;
     for (const path of paths) {
         const parts = path.split('.');
@@ -2475,13 +2481,13 @@ const buildNestedDefault = (obj, paths) => {
         const leaf = parts[parts.length - 1];
         const isOldLeafFormat = leaf in current && (/^[A-Z][A-Z0-9_]+$/.test(String(current[leaf])) || /^\{\{.*\}\}$/.test(String(current[leaf])));
         if (!(leaf in current) || isOldLeafFormat) {
-            current[leaf] = path.replace(/\./g, ' ');
+            current[leaf] = defaults?.[path] ?? path.replace(/\./g, ' ');
             added = true;
         }
     }
     return added;
 };
-const updateVariablesFromText = (text, variables) => {
+const updateVariablesFromText = (text, variables, defaults) => {
     const blockRegex = /\{([^{}]+)\}/g;
     const allPaths = new Set();
     let blockMatch;
@@ -2514,7 +2520,7 @@ const updateVariablesFromText = (text, variables) => {
                     /* not JSON, will rebuild */
                 }
             }
-            const added = buildNestedDefault(obj, paths);
+            const added = buildNestedDefault(obj, paths, defaults);
             if (!(root in variables) || added) {
                 variables[root] = JSON.stringify(obj);
                 changed = true;
@@ -2533,7 +2539,7 @@ const updateVariablesFromText = (text, variables) => {
             })();
             const isOldFormat = typeof existingVal === 'string' && (/^[A-Z][A-Z0-9_]*$/.test(existingVal) || /^\{\{.*\}\}$/.test(existingVal));
             if (!(root in variables) || isStaleObject || isOldFormat) {
-                variables[root] = root;
+                variables[root] = defaults?.[root] ?? root;
                 changed = true;
             }
         }
@@ -2585,34 +2591,11 @@ const uiRender$1 = async (arg) => {
         throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
     }
     if (mode === 'designer') {
-        // Show formatted display initially: {value} → {{ value }}
-        if (text) {
-            textBlock.textContent = formatTemplateDisplay$1(text);
-        }
-        textBlock.addEventListener('focus', () => {
-            // Switch to raw template for editing
-            textBlock.textContent = text;
-            const sel = window.getSelection();
-            const range = document.createRange();
-            range.selectNodeContents(textBlock);
-            range.collapse(false);
-            sel?.removeAllRanges();
-            sel?.addRange(range);
-        });
-        textBlock.addEventListener('blur', () => {
-            text = textBlock.textContent || '';
-            if (onChange) {
-                onChange({ key: 'text', value: text });
-            }
-            // Show formatted display again
-            textBlock.textContent = formatTemplateDisplay$1(text);
-        });
         textBlock.addEventListener('keyup', (event) => {
-            const currentText = textBlock.textContent || '';
+            text = textBlock.textContent || '';
             if (keyPressShouldBeChecked(event)) {
-                const newNumVariables = countUniqueVariableNames(currentText);
+                const newNumVariables = countUniqueVariableNames(text);
                 if (numVariables !== newNumVariables) {
-                    text = currentText;
                     if (onChange) {
                         onChange({ key: 'text', value: text });
                     }
@@ -2873,7 +2856,7 @@ const singleVariablePickerWidget = (props) => {
     rootElement.appendChild(container);
 };
 const mapDynamicVariables = (props) => {
-    const { rootElement, changeSchemas, activeSchema } = props;
+    const { rootElement, changeSchemas, activeSchema, options } = props;
     const svtSchema = activeSchema;
     const text = svtSchema.text ?? '';
     if (!text) {
@@ -2900,7 +2883,10 @@ const mapDynamicVariables = (props) => {
                 return false;
             }
         })();
-        variables[variable] = (!existingVal || isOldFormat || isStaleObject) ? variable.replace(/\./g, ' ') : existingVal;
+        const textVars = options?.variables?.textVariables ?? [];
+        const apiDefault = textVars.find((v) => v.value === variable)?.defaultValue;
+        const fallbackDefault = variable.replace(/\./g, ' ');
+        variables[variable] = (!existingVal || isOldFormat || isStaleObject) ? (apiDefault ?? fallbackDefault) : existingVal;
     }
     const content = varNames.length > 0 ? JSON.stringify(variables) : '';
     const changed = JSON.stringify(svtSchema.variables ?? []) !== JSON.stringify(varNames) ||
@@ -2959,9 +2945,19 @@ const formatTemplateDisplay = (text) => text.replace(/\{([^{}]+)\}/g, (_, expr)
 const uiRender = async (arg) => {
     const { mode, schema, options, _cache } = arg;
     if (mode === 'designer') {
-        // ReadOnly preview — show {{ variable }} formatted display
+        // ReadOnly preview — show actual default value if available, else {{ variable }}
         const text = schema.text ?? '';
-        const displayText = text ? formatTemplateDisplay(text) : '';
+        let displayText = '';
+        if (text) {
+            try {
+                const content = JSON.parse(schema.content || '{}');
+                const firstValue = Object.values(content)[0];
+                displayText = (typeof firstValue === 'string' && firstValue) ? firstValue : formatTemplateDisplay(text);
+            }
+            catch {
+                displayText = formatTemplateDisplay(text);
+            }
+        }
         const font = options?.font || helper.getDefaultFont();
         const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
         const textBlock = buildStyledTextContainer(arg, fontKitFont, displayText);

package/dist/cjs/generator.js

@@ -6,7 +6,7 @@ var helper = require('./chunks/helper-DGH62Z2s.js');
 var pluginRegistry = require('./chunks/pluginRegistry-D2vr9MUy.js');
 var expression = require('./chunks/expression-CoTzcL7v.js');
 var fontkit = require('fontkit');
-var index = require('./chunks/index-CsEKt088.js');
+var index = require('./chunks/index-BGO0T6u7.js');
 require('pako');
 require('@pdf-lib/standard-fonts');
 require('@pdf-lib/upng');

package/dist/cjs/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var ui = require('./ui.js');
-var index = require('./chunks/index-CsEKt088.js');
+var index = require('./chunks/index-BGO0T6u7.js');
 var converter = require('./converter.js');
 var manipulator = require('./manipulator.js');
 var printDesignerEditor = require('./print-designer-editor.js');
 var schemas = require('./schemas.js');
-var fontSizePxWidget = require('./chunks/fontSizePxWidget-Drk8HKGH.js');
+var fontSizePxWidget = require('./chunks/fontSizePxWidget-Dmj19RJR.js');
 var generator = require('./generator.js');
 var helper = require('./chunks/helper-DGH62Z2s.js');
 var common = require('./chunks/index-CoNR0xQU.js');

package/dist/cjs/print-designer-editor.js

@@ -4,9 +4,9 @@ var React$c = require('react');
 var helper = require('./chunks/helper-DGH62Z2s.js');
 var pluginRegistry = require('./chunks/pluginRegistry-D2vr9MUy.js');
 var expression = require('./chunks/expression-CoTzcL7v.js');
-var index = require('./chunks/index-CsEKt088.js');
+var index = require('./chunks/index-BGO0T6u7.js');
 var ReactDOM__default = require('react-dom');
-var fontSizePxWidget = require('./chunks/fontSizePxWidget-Drk8HKGH.js');
+var fontSizePxWidget = require('./chunks/fontSizePxWidget-Dmj19RJR.js');
 var fontSizeTransform = require('./chunks/fontSizeTransform-CQQ_O42f.js');
 require('zod');
 require('buffer');

package/dist/cjs/schemas.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./chunks/index-CsEKt088.js');
-var fontSizePxWidget = require('./chunks/fontSizePxWidget-Drk8HKGH.js');
+var index = require('./chunks/index-BGO0T6u7.js');
+var fontSizePxWidget = require('./chunks/fontSizePxWidget-Dmj19RJR.js');
 var lucide = require('lucide');
 var helper = require('./chunks/helper-DGH62Z2s.js');
 var AirDatepicker = require('air-datepicker');

package/dist/cjs/ui.js

@@ -85648,16 +85648,19 @@ const UseDynamicFontSize = (a) => {
   }
   s.appendChild(E);
 }, mapDynamicVariables$1 = (a) => {
-  const { rootElement: s, changeSchemas: A, activeSchema: c } = a, u = c, f = u.text ?? "";
-  if (!f) {
+  const { rootElement: s, changeSchemas: A, activeSchema: c, options: u } = a, f = c, m = f.text ?? "";
+  if (!m) {
     s.style.display = "none";
     return;
   }
-  const m = JSON.parse(u.content && u.content !== "" ? u.content : "{}"), E = updateVariablesFromText(f, m), C = Object.keys(m);
-  E && A([
-    { key: "content", value: JSON.stringify(m), schemaId: c.id },
-    { key: "variables", value: C, schemaId: c.id },
-    { key: "readOnly", value: C.length === 0, schemaId: c.id }
+  const E = u?.variables?.textVariables ?? [], C = {};
+  for (const d of E)
+    d.defaultValue && (C[d.value] = d.defaultValue);
+  const g = JSON.parse(f.content && f.content !== "" ? f.content : "{}"), B = updateVariablesFromText(m, g, C), w = Object.keys(g);
+  B && A([
+    { key: "content", value: JSON.stringify(g), schemaId: c.id },
+    { key: "variables", value: w, schemaId: c.id },
+    { key: "readOnly", value: w.length === 0, schemaId: c.id }
   ]), s.style.display = "none";
 }, propPanel$1 = {
   schema: (a) => {
@@ -85741,57 +85744,57 @@ const UseDynamicFontSize = (a) => {
     RESERVED_NAMES$1.has(E) || c.add(f);
   }
   return Array.from(c);
-}, buildNestedDefault = (a, s) => {
-  let A = false;
-  for (const c of s) {
-    const u = c.split(".");
-    if (u.length <= 1)
+}, buildNestedDefault = (a, s, A) => {
+  let c = false;
+  for (const u of s) {
+    const f = u.split(".");
+    if (f.length <= 1)
       continue;
-    let f = a;
-    for (let C = 1; C < u.length - 1; C++)
-      (!(u[C] in f) || typeof f[u[C]] != "object" || f[u[C]] === null) && (f[u[C]] = {}, A = true), f = f[u[C]];
-    const m = u[u.length - 1], E = m in f && (/^[A-Z][A-Z0-9_]+$/.test(String(f[m])) || /^\{\{.*\}\}$/.test(String(f[m])));
-    (!(m in f) || E) && (f[m] = c.replace(/\./g, " "), A = true);
+    let m = a;
+    for (let g = 1; g < f.length - 1; g++)
+      (!(f[g] in m) || typeof m[f[g]] != "object" || m[f[g]] === null) && (m[f[g]] = {}, c = true), m = m[f[g]];
+    const E = f[f.length - 1], C = E in m && (/^[A-Z][A-Z0-9_]+$/.test(String(m[E])) || /^\{\{.*\}\}$/.test(String(m[E])));
+    (!(E in m) || C) && (m[E] = A?.[u] ?? u.replace(/\./g, " "), c = true);
   }
-  return A;
-}, updateVariablesFromText = (a, s) => {
-  const A = /\{([^{}]+)\}/g, c = /* @__PURE__ */ new Set();
-  let u;
-  for (; (u = A.exec(a)) !== null; )
-    for (const C of extractDotPaths(u[1]))
-      c.add(C);
-  const f = /* @__PURE__ */ new Map();
-  for (const C of c) {
-    const g = C.split(".")[0];
-    f.has(g) || f.set(g, []), f.get(g).push(C);
-  }
-  const m = new Set(f.keys());
-  let E = false;
-  for (const [C, g] of f)
-    if (g.some((w) => w.includes("."))) {
-      let w = {};
-      if (C in s)
+  return c;
+}, updateVariablesFromText = (a, s, A) => {
+  const c = /\{([^{}]+)\}/g, u = /* @__PURE__ */ new Set();
+  let f;
+  for (; (f = c.exec(a)) !== null; )
+    for (const g of extractDotPaths(f[1]))
+      u.add(g);
+  const m = /* @__PURE__ */ new Map();
+  for (const g of u) {
+    const B = g.split(".")[0];
+    m.has(B) || m.set(B, []), m.get(B).push(g);
+  }
+  const E = new Set(m.keys());
+  let C = false;
+  for (const [g, B] of m)
+    if (B.some((d) => d.includes("."))) {
+      let d = {};
+      if (g in s)
         try {
-          const p = JSON.parse(s[C]);
-          typeof p == "object" && p !== null && (w = p);
+          const v = JSON.parse(s[g]);
+          typeof v == "object" && v !== null && (d = v);
         } catch {
         }
-      const d = buildNestedDefault(w, g);
-      (!(C in s) || d) && (s[C] = JSON.stringify(w), E = true);
+      const p = buildNestedDefault(d, B, A);
+      (!(g in s) || p) && (s[g] = JSON.stringify(d), C = true);
     } else {
-      const w = s[C], d = typeof w == "string" && (() => {
+      const d = s[g], p = typeof d == "string" && (() => {
         try {
-          const v = JSON.parse(w);
-          return typeof v == "object" && v !== null;
+          const y = JSON.parse(d);
+          return typeof y == "object" && y !== null;
         } catch {
           return false;
         }
-      })(), p = typeof w == "string" && (/^[A-Z][A-Z0-9_]*$/.test(w) || /^\{\{.*\}\}$/.test(w));
-      (!(C in s) || d || p) && (s[C] = C, E = true);
+      })(), v = typeof d == "string" && (/^[A-Z][A-Z0-9_]*$/.test(d) || /^\{\{.*\}\}$/.test(d));
+      (!(g in s) || p || v) && (s[g] = A?.[g] ?? g, C = true);
     }
-  for (const C of Object.keys(s))
-    m.has(C) || (delete s[C], E = true);
-  return E;
+  for (const g of Object.keys(s))
+    E.has(g) || (delete s[g], C = true);
+  return C;
 }, formatTemplateDisplay$1 = (a) => a.replace(/\{([^{}]+)\}/g, (s, A) => "{{ " + A.trim().replace(/\./g, " ") + " }}"), uiRender$1 = async (a) => {
   const { value: s, schema: A, rootElement: c, mode: u, onChange: f, pageContext: m, ...E } = a;
   if (!A.text) {
@@ -85820,19 +85823,12 @@ const UseDynamicFontSize = (a) => {
   const B = c.querySelector("#text-" + String(A.id));
   if (!B)
     throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
-  u === "designer" && (C && (B.textContent = formatTemplateDisplay$1(C)), B.addEventListener("focus", () => {
-    B.textContent = C;
-    const w = window.getSelection(), d = document.createRange();
-    d.selectNodeContents(B), d.collapse(false), w?.removeAllRanges(), w?.addRange(d);
-  }), B.addEventListener("blur", () => {
-    C = B.textContent || "", f && f({ key: "text", value: C }), B.textContent = formatTemplateDisplay$1(C);
-  }), B.addEventListener("keyup", (w) => {
-    const d = B.textContent || "";
-    if (keyPressShouldBeChecked(w)) {
-      const p = countUniqueVariableNames(d);
-      g !== p && (C = d, f && f({ key: "text", value: C }), g = p);
+  u === "designer" && B.addEventListener("keyup", (w) => {
+    if (C = B.textContent || "", keyPressShouldBeChecked(w)) {
+      const d = countUniqueVariableNames(C);
+      g !== d && (f && f({ key: "text", value: C }), g = d);
     }
-  }));
+  });
 }, refreshExpressionSpans = (a, s, A) => {
   a.querySelectorAll("[data-expr]").forEach((c) => {
     const u = c.getAttribute("data-expr");
@@ -85996,28 +85992,28 @@ const UseDynamicFontSize = (a) => {
     A([{ key: "text", value: v, schemaId: c.id }]), g.value = "";
   }, E.appendChild(C), E.appendChild(g), s.appendChild(E);
 }, mapDynamicVariables = (a) => {
-  const { rootElement: s, changeSchemas: A, activeSchema: c } = a, u = c, f = u.text ?? "";
-  if (!f) {
+  const { rootElement: s, changeSchemas: A, activeSchema: c, options: u } = a, f = c, m = f.text ?? "";
+  if (!m) {
     s.style.display = "none";
     return;
   }
-  const m = [...f.matchAll(/\{([a-zA-Z_$][a-zA-Z0-9_$]*(?:\.[a-zA-Z_$][a-zA-Z0-9_$]*)*)\}/g)].map((p) => p[1]), C = [...new Set(m)][0], g = C ? [C] : [], B = {};
-  if (C) {
-    const v = JSON.parse(u.content && u.content !== "" ? u.content : "{}")[C], y = typeof v == "string" && (/^[A-Z][A-Z0-9_]*$/.test(v) || /^\{\{.*\}\}$/.test(v)), b = typeof v == "string" && (() => {
+  const E = [...m.matchAll(/\{([a-zA-Z_$][a-zA-Z0-9_$]*(?:\.[a-zA-Z_$][a-zA-Z0-9_$]*)*)\}/g)].map((v) => v[1]), g = [...new Set(E)][0], B = g ? [g] : [], w = {};
+  if (g) {
+    const y = JSON.parse(f.content && f.content !== "" ? f.content : "{}")[g], b = typeof y == "string" && (/^[A-Z][A-Z0-9_]*$/.test(y) || /^\{\{.*\}\}$/.test(y)), Q = typeof y == "string" && (() => {
       try {
-        const Q = JSON.parse(v);
-        return typeof Q == "object" && Q !== null;
+        const x = JSON.parse(y);
+        return typeof x == "object" && x !== null;
       } catch {
         return false;
       }
-    })();
-    B[C] = !v || y || b ? C.replace(/\./g, " ") : v;
+    })(), I = (u?.variables?.textVariables ?? []).find((x) => x.value === g)?.defaultValue, S = g.replace(/\./g, " ");
+    w[g] = !y || b || Q ? I ?? S : y;
   }
-  const w = g.length > 0 ? JSON.stringify(B) : "";
-  (JSON.stringify(u.variables ?? []) !== JSON.stringify(g) || (u.content ?? "") !== w) && A([
-    { key: "content", value: w, schemaId: c.id },
-    { key: "variables", value: g, schemaId: c.id },
-    { key: "readOnly", value: g.length === 0, schemaId: c.id }
+  const d = B.length > 0 ? JSON.stringify(w) : "";
+  (JSON.stringify(f.variables ?? []) !== JSON.stringify(B) || (f.content ?? "") !== d) && A([
+    { key: "content", value: d, schemaId: c.id },
+    { key: "variables", value: B, schemaId: c.id },
+    { key: "readOnly", value: B.length === 0, schemaId: c.id }
   ]), s.style.display = "none";
 }, propPanel = {
   schema: (a) => {
@@ -86057,7 +86053,16 @@ const UseDynamicFontSize = (a) => {
 }, formatTemplateDisplay = (a) => a.replace(/\{([^{}]+)\}/g, (s, A) => "{{ " + A.trim().replace(/\./g, " ") + " }}"), uiRender = async (a) => {
   const { mode: s, schema: A, options: c, _cache: u } = a;
   if (s === "designer") {
-    const f = A.text ?? "", m = f ? formatTemplateDisplay(f) : "", E = c?.font || getDefaultFont(), C = await getFontKitFont(A.fontName, E, u), g = buildStyledTextContainer(a, C, m);
+    const f = A.text ?? "";
+    let m = "";
+    if (f)
+      try {
+        const B = JSON.parse(A.content || "{}"), w = Object.values(B)[0];
+        m = typeof w == "string" && w ? w : formatTemplateDisplay(f);
+      } catch {
+        m = formatTemplateDisplay(f);
+      }
+    const E = c?.font || getDefaultFont(), C = await getFontKitFont(A.fontName, E, u), g = buildStyledTextContainer(a, C, m);
     g.textContent = m, g.style.cursor = "default";
     return;
   }

package/dist/esm/chunks/{fontSizePxWidget-CbzQrSSM.js → fontSizePxWidget-BHHixwEk.js}

@@ -1,7 +1,7 @@
 import { E as px2mm, Z as ZOOM, c as b64toUint8Array, y as mm2pt, r as getFallbackFontName, D as DEFAULT_FONT_NAME, F as px2pt, A as pt2px } from './helper-DSxGxZ0j.js';
 import SignaturePad from 'signature_pad';
 import { Image, PenTool, Minus, Square, Circle, Table as Table$1, QrCode, Barcode } from 'lucide';
-import { D as DEFAULT_OPACITY, c as createSvgStr, i as isEditable, d as addAlphaToHex, r as readFile, e as convertForPdfLayoutProps, H as HEX_COLOR_PATTERN, h as hex2PrintingColor, f as rotatePoint, j as getDefaultCellStyles, u as uiRender$2, p as pdfRender$2, k as createErrorElm } from './index-D_-j4c4P.js';
+import { D as DEFAULT_OPACITY, c as createSvgStr, i as isEditable, d as addAlphaToHex, r as readFile, e as convertForPdfLayoutProps, H as HEX_COLOR_PATTERN, h as hex2PrintingColor, f as rotatePoint, j as getDefaultCellStyles, u as uiRender$2, p as pdfRender$2, k as createErrorElm } from './index-iZeHwQ5z.js';
 import { Buffer } from 'buffer';
 import { t as toRadians } from './colors-jzbEzNi4.js';
 import { v1 } from 'uuid';

package/dist/esm/chunks/{index-D_-j4c4P.js → index-iZeHwQ5z.js}

@@ -2350,15 +2350,21 @@ const variablePrefixSuffixWidget = (props) => {
     rootElement.appendChild(container);
 };
 const mapDynamicVariables$1 = (props) => {
-    const { rootElement, changeSchemas, activeSchema } = props;
+    const { rootElement, changeSchemas, activeSchema, options } = props;
     const rtSchema = activeSchema;
     const text = rtSchema.text ?? '';
     if (!text) {
         rootElement.style.display = 'none';
         return;
     }
+    const textVars = options?.variables?.textVariables ?? [];
+    const defaults = {};
+    for (const v of textVars) {
+        if (v.defaultValue)
+            defaults[v.value] = v.defaultValue;
+    }
     const variables = JSON.parse((rtSchema.content && rtSchema.content !== '' ? rtSchema.content : '{}'));
-    const variablesChanged = updateVariablesFromText(text, variables);
+    const variablesChanged = updateVariablesFromText(text, variables, defaults);
     const varNames = Object.keys(variables);
     if (variablesChanged) {
         changeSchemas([
@@ -2436,7 +2442,7 @@ const extractDotPaths = (expr) => {
     }
     return Array.from(paths);
 };
-const buildNestedDefault = (obj, paths) => {
+const buildNestedDefault = (obj, paths, defaults) => {
     let added = false;
     for (const path of paths) {
         const parts = path.split('.');
@@ -2453,13 +2459,13 @@ const buildNestedDefault = (obj, paths) => {
         const leaf = parts[parts.length - 1];
         const isOldLeafFormat = leaf in current && (/^[A-Z][A-Z0-9_]+$/.test(String(current[leaf])) || /^\{\{.*\}\}$/.test(String(current[leaf])));
         if (!(leaf in current) || isOldLeafFormat) {
-            current[leaf] = path.replace(/\./g, ' ');
+            current[leaf] = defaults?.[path] ?? path.replace(/\./g, ' ');
             added = true;
         }
     }
     return added;
 };
-const updateVariablesFromText = (text, variables) => {
+const updateVariablesFromText = (text, variables, defaults) => {
     const blockRegex = /\{([^{}]+)\}/g;
     const allPaths = new Set();
     let blockMatch;
@@ -2492,7 +2498,7 @@ const updateVariablesFromText = (text, variables) => {
                     /* not JSON, will rebuild */
                 }
             }
-            const added = buildNestedDefault(obj, paths);
+            const added = buildNestedDefault(obj, paths, defaults);
             if (!(root in variables) || added) {
                 variables[root] = JSON.stringify(obj);
                 changed = true;
@@ -2511,7 +2517,7 @@ const updateVariablesFromText = (text, variables) => {
             })();
             const isOldFormat = typeof existingVal === 'string' && (/^[A-Z][A-Z0-9_]*$/.test(existingVal) || /^\{\{.*\}\}$/.test(existingVal));
             if (!(root in variables) || isStaleObject || isOldFormat) {
-                variables[root] = root;
+                variables[root] = defaults?.[root] ?? root;
                 changed = true;
             }
         }
@@ -2563,34 +2569,11 @@ const uiRender$1 = async (arg) => {
         throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
     }
     if (mode === 'designer') {
-        // Show formatted display initially: {value} → {{ value }}
-        if (text) {
-            textBlock.textContent = formatTemplateDisplay$1(text);
-        }
-        textBlock.addEventListener('focus', () => {
-            // Switch to raw template for editing
-            textBlock.textContent = text;
-            const sel = window.getSelection();
-            const range = document.createRange();
-            range.selectNodeContents(textBlock);
-            range.collapse(false);
-            sel?.removeAllRanges();
-            sel?.addRange(range);
-        });
-        textBlock.addEventListener('blur', () => {
-            text = textBlock.textContent || '';
-            if (onChange) {
-                onChange({ key: 'text', value: text });
-            }
-            // Show formatted display again
-            textBlock.textContent = formatTemplateDisplay$1(text);
-        });
         textBlock.addEventListener('keyup', (event) => {
-            const currentText = textBlock.textContent || '';
+            text = textBlock.textContent || '';
             if (keyPressShouldBeChecked(event)) {
-                const newNumVariables = countUniqueVariableNames(currentText);
+                const newNumVariables = countUniqueVariableNames(text);
                 if (numVariables !== newNumVariables) {
-                    text = currentText;
                     if (onChange) {
                         onChange({ key: 'text', value: text });
                     }
@@ -2851,7 +2834,7 @@ const singleVariablePickerWidget = (props) => {
     rootElement.appendChild(container);
 };
 const mapDynamicVariables = (props) => {
-    const { rootElement, changeSchemas, activeSchema } = props;
+    const { rootElement, changeSchemas, activeSchema, options } = props;
     const svtSchema = activeSchema;
     const text = svtSchema.text ?? '';
     if (!text) {
@@ -2878,7 +2861,10 @@ const mapDynamicVariables = (props) => {
                 return false;
             }
         })();
-        variables[variable] = (!existingVal || isOldFormat || isStaleObject) ? variable.replace(/\./g, ' ') : existingVal;
+        const textVars = options?.variables?.textVariables ?? [];
+        const apiDefault = textVars.find((v) => v.value === variable)?.defaultValue;
+        const fallbackDefault = variable.replace(/\./g, ' ');
+        variables[variable] = (!existingVal || isOldFormat || isStaleObject) ? (apiDefault ?? fallbackDefault) : existingVal;
     }
     const content = varNames.length > 0 ? JSON.stringify(variables) : '';
     const changed = JSON.stringify(svtSchema.variables ?? []) !== JSON.stringify(varNames) ||
@@ -2937,9 +2923,19 @@ const formatTemplateDisplay = (text) => text.replace(/\{([^{}]+)\}/g, (_, expr)
 const uiRender = async (arg) => {
     const { mode, schema, options, _cache } = arg;
     if (mode === 'designer') {
-        // ReadOnly preview — show {{ variable }} formatted display
+        // ReadOnly preview — show actual default value if available, else {{ variable }}
         const text = schema.text ?? '';
-        const displayText = text ? formatTemplateDisplay(text) : '';
+        let displayText = '';
+        if (text) {
+            try {
+                const content = JSON.parse(schema.content || '{}');
+                const firstValue = Object.values(content)[0];
+                displayText = (typeof firstValue === 'string' && firstValue) ? firstValue : formatTemplateDisplay(text);
+            }
+            catch {
+                displayText = formatTemplateDisplay(text);
+            }
+        }
         const font = options?.font || getDefaultFont();
         const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
         const textBlock = buildStyledTextContainer(arg, fontKitFont, displayText);

package/dist/esm/generator.js

@@ -4,7 +4,7 @@ import { v as isBlankPdf, o as getB64BasePdf, y as mm2pt, f as checkGenerateProp
 import { p as pluginRegistry, g as getDynamicTemplate } from './chunks/pluginRegistry-Bgrz5qWG.js';
 import { r as replacePlaceholders } from './chunks/expression-B-F1KCfk.js';
 import * as fontkit from 'fontkit';
-import { b as builtInPlugins, g as getDynamicHeightsForTable } from './chunks/index-D_-j4c4P.js';
+import { b as builtInPlugins, g as getDynamicHeightsForTable } from './chunks/index-iZeHwQ5z.js';
 import 'pako';
 import '@pdf-lib/standard-fonts';
 import '@pdf-lib/upng';

package/dist/esm/index.js

@@ -1,10 +1,10 @@
 export { Designer, Form, Viewer } from './ui.js';
-export { b as builtInPlugins, g as getDynamicHeightsForTable, s as richText, a as singleVariableText, t as text } from './chunks/index-D_-j4c4P.js';
+export { b as builtInPlugins, g as getDynamicHeightsForTable, s as richText, a as singleVariableText, t as text } from './chunks/index-iZeHwQ5z.js';
 export { img2pdf, pdf2img, pdf2size } from './converter.js';
 export { insert, merge, move, organize, remove, rotate, split } from './manipulator.js';
 export { Canvas, PropPanel as DesignerPropPanel, PdfmeProvider, SchemaList, convertPdfToBase64, plugins, useDesigner, useDesignerContext } from './print-designer-editor.js';
 export { barcodes, checkbox, date, dateTime, multiVariableText, radioGroup, select, svg, table, time } from './schemas.js';
-export { d as dynamicBarcode, a as dynamicQrCode, b as dynamicTable, e as ellipse, f as fontSizePxWidget, i as image, l as line, r as rectangle, s as signature, v as variableBarcodes } from './chunks/fontSizePxWidget-CbzQrSSM.js';
+export { d as dynamicBarcode, a as dynamicQrCode, b as dynamicTable, e as ellipse, f as fontSizePxWidget, i as image, l as line, r as rectangle, s as signature, v as variableBarcodes } from './chunks/fontSizePxWidget-BHHixwEk.js';
 export { generate } from './generator.js';
 export { B as BLANK_A4_PDF, a as BLANK_PDF, C as CUSTOM_A4_PDF, D as DEFAULT_FONT_NAME, M as MM_TO_PT_RATIO, P as PT_TO_MM_RATIO, b as PT_TO_PX_RATIO, Z as ZOOM, c as b64toUint8Array, d as checkDesignerProps, e as checkFont, f as checkGenerateProps, g as checkInputs, h as checkPreviewProps, i as checkTemplate, j as checkUIOptions, k as checkUIProps, l as cloneDeep, m as getAllFonts, n as getAllFontsWithGoogle, o as getB64BasePdf, p as getBuiltinFontsData, q as getDefaultFont, r as getFallbackFontName, s as getGoogleFontsData, t as getInputFromTemplate, u as googleFonts, v as isBlankPdf, w as isGoogleFont, x as isHexValid, y as mm2pt, z as pt2mm, A as pt2px, E as px2mm, F as px2pt } from './chunks/helper-DSxGxZ0j.js';
 export { PDFME_VERSION } from './chunks/index-DJkUkUo9.js';

package/dist/esm/print-designer-editor.js

@@ -4,11 +4,11 @@ import { v as isBlankPdf, Z as ZOOM, n as getAllFontsWithGoogle, f as checkGener
 export { m as getAllFonts, p as getBuiltinFontsData, s as getGoogleFontsData, t as getInputFromTemplate, F as px2pt } from './chunks/helper-DSxGxZ0j.js';
 import { p as pluginRegistry, g as getDynamicTemplate } from './chunks/pluginRegistry-Bgrz5qWG.js';
 import { r as replacePlaceholders } from './chunks/expression-B-F1KCfk.js';
-import { s as schema, a as schema$1, t as textSchema, g as getDynamicHeightsForTable, b as builtInPlugins } from './chunks/index-D_-j4c4P.js';
+import { s as schema, a as schema$1, t as textSchema, g as getDynamicHeightsForTable, b as builtInPlugins } from './chunks/index-iZeHwQ5z.js';
 import * as ReactDOM__default from 'react-dom';
 import ReactDOM__default__default, { unstable_batchedUpdates, createPortal, flushSync, findDOMNode as findDOMNode$1 } from 'react-dom';
-import { d as dynamicBarcode, a as dynamicQrCode, e as ellipse, r as rectangle$1, l as lineSchema, b as dynamicTableSchema, s as signature, i as imageSchema } from './chunks/fontSizePxWidget-CbzQrSSM.js';
-export { f as fontSizePxWidget } from './chunks/fontSizePxWidget-CbzQrSSM.js';
+import { d as dynamicBarcode, a as dynamicQrCode, e as ellipse, r as rectangle$1, l as lineSchema, b as dynamicTableSchema, s as signature, i as imageSchema } from './chunks/fontSizePxWidget-BHHixwEk.js';
+export { f as fontSizePxWidget } from './chunks/fontSizePxWidget-BHHixwEk.js';
 export { t as templatePtToPx, a as templatePxToPt } from './chunks/fontSizeTransform-CkTVJdRF.js';
 import 'zod';
 import 'buffer';

package/dist/esm/schemas.js

@@ -1,7 +1,7 @@
-import { p as pdfRender$3, l as propPanel$2, u as uiRender$3, i as isEditable, m as getFontKitFont, n as buildStyledTextContainer, o as makeElementPlainTextContentEditable, c as createSvgStr, e as convertForPdfLayoutProps, d as addAlphaToHex, k as createErrorElm, D as DEFAULT_OPACITY, H as HEX_COLOR_PATTERN, q as getBodyWithRange, v as createSingleTable, w as getBody, j as getDefaultCellStyles, x as getColumnStylesPropPanelSchema, y as getCellPropPanelSchema, z as DEFAULT_FONT_COLOR, A as DEFAULT_CHARACTER_SPACING, B as DEFAULT_FONT_SIZE, C as DEFAULT_ALIGNMENT, E as getExtraFormatterSchema, F as Formatter, t as textSchema, G as DEFAULT_LINE_HEIGHT, V as VERTICAL_ALIGN_MIDDLE, I as mapVerticalAlignToFlex } from './chunks/index-D_-j4c4P.js';
-export { b as builtInPlugins, g as getDynamicHeightsForTable, s as richText, a as singleVariableText } from './chunks/index-D_-j4c4P.js';
-import { c as validateVariables, g as substituteVariables, h as createInsertVariableWidget, j as validateBarcodeInput, k as createBarCode, D as DEFAULT_BARCODE_COLOR, m as DEFAULT_BARCODE_BG_COLOR, n as DEFAULT_BARCODE_INCLUDETEXT, B as BARCODE_TYPES, r as rectangle, o as cellSchema } from './chunks/fontSizePxWidget-CbzQrSSM.js';
-export { d as dynamicBarcode, a as dynamicQrCode, b as dynamicTable, e as ellipse, f as fontSizePxWidget, i as image, l as line, s as signature, v as variableBarcodes } from './chunks/fontSizePxWidget-CbzQrSSM.js';
+import { p as pdfRender$3, l as propPanel$2, u as uiRender$3, i as isEditable, m as getFontKitFont, n as buildStyledTextContainer, o as makeElementPlainTextContentEditable, c as createSvgStr, e as convertForPdfLayoutProps, d as addAlphaToHex, k as createErrorElm, D as DEFAULT_OPACITY, H as HEX_COLOR_PATTERN, q as getBodyWithRange, v as createSingleTable, w as getBody, j as getDefaultCellStyles, x as getColumnStylesPropPanelSchema, y as getCellPropPanelSchema, z as DEFAULT_FONT_COLOR, A as DEFAULT_CHARACTER_SPACING, B as DEFAULT_FONT_SIZE, C as DEFAULT_ALIGNMENT, E as getExtraFormatterSchema, F as Formatter, t as textSchema, G as DEFAULT_LINE_HEIGHT, V as VERTICAL_ALIGN_MIDDLE, I as mapVerticalAlignToFlex } from './chunks/index-iZeHwQ5z.js';
+export { b as builtInPlugins, g as getDynamicHeightsForTable, s as richText, a as singleVariableText } from './chunks/index-iZeHwQ5z.js';
+import { c as validateVariables, g as substituteVariables, h as createInsertVariableWidget, j as validateBarcodeInput, k as createBarCode, D as DEFAULT_BARCODE_COLOR, m as DEFAULT_BARCODE_BG_COLOR, n as DEFAULT_BARCODE_INCLUDETEXT, B as BARCODE_TYPES, r as rectangle, o as cellSchema } from './chunks/fontSizePxWidget-BHHixwEk.js';
+export { d as dynamicBarcode, a as dynamicQrCode, b as dynamicTable, e as ellipse, f as fontSizePxWidget, i as image, l as line, s as signature, v as variableBarcodes } from './chunks/fontSizePxWidget-BHHixwEk.js';
 import { Type, Route, QrCode, Barcode, Table, CalendarClock, Calendar, Clock, ChevronDown, CircleDot, Circle, SquareCheck, Square } from 'lucide';
 import { q as getDefaultFont, E as px2mm, Z as ZOOM, r as getFallbackFontName, D as DEFAULT_FONT_NAME } from './chunks/helper-DSxGxZ0j.js';
 import AirDatepicker from 'air-datepicker';

package/dist/esm/ui.js

@@ -85646,16 +85646,19 @@ const UseDynamicFontSize = (a) => {
   }
   s.appendChild(E);
 }, mapDynamicVariables$1 = (a) => {
-  const { rootElement: s, changeSchemas: A, activeSchema: c } = a, u = c, f = u.text ?? "";
-  if (!f) {
+  const { rootElement: s, changeSchemas: A, activeSchema: c, options: u } = a, f = c, m = f.text ?? "";
+  if (!m) {
     s.style.display = "none";
     return;
   }
-  const m = JSON.parse(u.content && u.content !== "" ? u.content : "{}"), E = updateVariablesFromText(f, m), C = Object.keys(m);
-  E && A([
-    { key: "content", value: JSON.stringify(m), schemaId: c.id },
-    { key: "variables", value: C, schemaId: c.id },
-    { key: "readOnly", value: C.length === 0, schemaId: c.id }
+  const E = u?.variables?.textVariables ?? [], C = {};
+  for (const d of E)
+    d.defaultValue && (C[d.value] = d.defaultValue);
+  const g = JSON.parse(f.content && f.content !== "" ? f.content : "{}"), B = updateVariablesFromText(m, g, C), w = Object.keys(g);
+  B && A([
+    { key: "content", value: JSON.stringify(g), schemaId: c.id },
+    { key: "variables", value: w, schemaId: c.id },
+    { key: "readOnly", value: w.length === 0, schemaId: c.id }
   ]), s.style.display = "none";
 }, propPanel$1 = {
   schema: (a) => {
@@ -85739,57 +85742,57 @@ const UseDynamicFontSize = (a) => {
     RESERVED_NAMES$1.has(E) || c.add(f);
   }
   return Array.from(c);
-}, buildNestedDefault = (a, s) => {
-  let A = false;
-  for (const c of s) {
-    const u = c.split(".");
-    if (u.length <= 1)
+}, buildNestedDefault = (a, s, A) => {
+  let c = false;
+  for (const u of s) {
+    const f = u.split(".");
+    if (f.length <= 1)
       continue;
-    let f = a;
-    for (let C = 1; C < u.length - 1; C++)
-      (!(u[C] in f) || typeof f[u[C]] != "object" || f[u[C]] === null) && (f[u[C]] = {}, A = true), f = f[u[C]];
-    const m = u[u.length - 1], E = m in f && (/^[A-Z][A-Z0-9_]+$/.test(String(f[m])) || /^\{\{.*\}\}$/.test(String(f[m])));
-    (!(m in f) || E) && (f[m] = c.replace(/\./g, " "), A = true);
+    let m = a;
+    for (let g = 1; g < f.length - 1; g++)
+      (!(f[g] in m) || typeof m[f[g]] != "object" || m[f[g]] === null) && (m[f[g]] = {}, c = true), m = m[f[g]];
+    const E = f[f.length - 1], C = E in m && (/^[A-Z][A-Z0-9_]+$/.test(String(m[E])) || /^\{\{.*\}\}$/.test(String(m[E])));
+    (!(E in m) || C) && (m[E] = A?.[u] ?? u.replace(/\./g, " "), c = true);
   }
-  return A;
-}, updateVariablesFromText = (a, s) => {
-  const A = /\{([^{}]+)\}/g, c = /* @__PURE__ */ new Set();
-  let u;
-  for (; (u = A.exec(a)) !== null; )
-    for (const C of extractDotPaths(u[1]))
-      c.add(C);
-  const f = /* @__PURE__ */ new Map();
-  for (const C of c) {
-    const g = C.split(".")[0];
-    f.has(g) || f.set(g, []), f.get(g).push(C);
-  }
-  const m = new Set(f.keys());
-  let E = false;
-  for (const [C, g] of f)
-    if (g.some((w) => w.includes("."))) {
-      let w = {};
-      if (C in s)
+  return c;
+}, updateVariablesFromText = (a, s, A) => {
+  const c = /\{([^{}]+)\}/g, u = /* @__PURE__ */ new Set();
+  let f;
+  for (; (f = c.exec(a)) !== null; )
+    for (const g of extractDotPaths(f[1]))
+      u.add(g);
+  const m = /* @__PURE__ */ new Map();
+  for (const g of u) {
+    const B = g.split(".")[0];
+    m.has(B) || m.set(B, []), m.get(B).push(g);
+  }
+  const E = new Set(m.keys());
+  let C = false;
+  for (const [g, B] of m)
+    if (B.some((d) => d.includes("."))) {
+      let d = {};
+      if (g in s)
         try {
-          const p = JSON.parse(s[C]);
-          typeof p == "object" && p !== null && (w = p);
+          const v = JSON.parse(s[g]);
+          typeof v == "object" && v !== null && (d = v);
         } catch {
         }
-      const d = buildNestedDefault(w, g);
-      (!(C in s) || d) && (s[C] = JSON.stringify(w), E = true);
+      const p = buildNestedDefault(d, B, A);
+      (!(g in s) || p) && (s[g] = JSON.stringify(d), C = true);
     } else {
-      const w = s[C], d = typeof w == "string" && (() => {
+      const d = s[g], p = typeof d == "string" && (() => {
         try {
-          const v = JSON.parse(w);
-          return typeof v == "object" && v !== null;
+          const y = JSON.parse(d);
+          return typeof y == "object" && y !== null;
         } catch {
           return false;
         }
-      })(), p = typeof w == "string" && (/^[A-Z][A-Z0-9_]*$/.test(w) || /^\{\{.*\}\}$/.test(w));
-      (!(C in s) || d || p) && (s[C] = C, E = true);
+      })(), v = typeof d == "string" && (/^[A-Z][A-Z0-9_]*$/.test(d) || /^\{\{.*\}\}$/.test(d));
+      (!(g in s) || p || v) && (s[g] = A?.[g] ?? g, C = true);
     }
-  for (const C of Object.keys(s))
-    m.has(C) || (delete s[C], E = true);
-  return E;
+  for (const g of Object.keys(s))
+    E.has(g) || (delete s[g], C = true);
+  return C;
 }, formatTemplateDisplay$1 = (a) => a.replace(/\{([^{}]+)\}/g, (s, A) => "{{ " + A.trim().replace(/\./g, " ") + " }}"), uiRender$1 = async (a) => {
   const { value: s, schema: A, rootElement: c, mode: u, onChange: f, pageContext: m, ...E } = a;
   if (!A.text) {
@@ -85818,19 +85821,12 @@ const UseDynamicFontSize = (a) => {
   const B = c.querySelector("#text-" + String(A.id));
   if (!B)
     throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
-  u === "designer" && (C && (B.textContent = formatTemplateDisplay$1(C)), B.addEventListener("focus", () => {
-    B.textContent = C;
-    const w = window.getSelection(), d = document.createRange();
-    d.selectNodeContents(B), d.collapse(false), w?.removeAllRanges(), w?.addRange(d);
-  }), B.addEventListener("blur", () => {
-    C = B.textContent || "", f && f({ key: "text", value: C }), B.textContent = formatTemplateDisplay$1(C);
-  }), B.addEventListener("keyup", (w) => {
-    const d = B.textContent || "";
-    if (keyPressShouldBeChecked(w)) {
-      const p = countUniqueVariableNames(d);
-      g !== p && (C = d, f && f({ key: "text", value: C }), g = p);
+  u === "designer" && B.addEventListener("keyup", (w) => {
+    if (C = B.textContent || "", keyPressShouldBeChecked(w)) {
+      const d = countUniqueVariableNames(C);
+      g !== d && (f && f({ key: "text", value: C }), g = d);
     }
-  }));
+  });
 }, refreshExpressionSpans = (a, s, A) => {
   a.querySelectorAll("[data-expr]").forEach((c) => {
     const u = c.getAttribute("data-expr");
@@ -85994,28 +85990,28 @@ const UseDynamicFontSize = (a) => {
     A([{ key: "text", value: v, schemaId: c.id }]), g.value = "";
   }, E.appendChild(C), E.appendChild(g), s.appendChild(E);
 }, mapDynamicVariables = (a) => {
-  const { rootElement: s, changeSchemas: A, activeSchema: c } = a, u = c, f = u.text ?? "";
-  if (!f) {
+  const { rootElement: s, changeSchemas: A, activeSchema: c, options: u } = a, f = c, m = f.text ?? "";
+  if (!m) {
     s.style.display = "none";
     return;
   }
-  const m = [...f.matchAll(/\{([a-zA-Z_$][a-zA-Z0-9_$]*(?:\.[a-zA-Z_$][a-zA-Z0-9_$]*)*)\}/g)].map((p) => p[1]), C = [...new Set(m)][0], g = C ? [C] : [], B = {};
-  if (C) {
-    const v = JSON.parse(u.content && u.content !== "" ? u.content : "{}")[C], y = typeof v == "string" && (/^[A-Z][A-Z0-9_]*$/.test(v) || /^\{\{.*\}\}$/.test(v)), b = typeof v == "string" && (() => {
+  const E = [...m.matchAll(/\{([a-zA-Z_$][a-zA-Z0-9_$]*(?:\.[a-zA-Z_$][a-zA-Z0-9_$]*)*)\}/g)].map((v) => v[1]), g = [...new Set(E)][0], B = g ? [g] : [], w = {};
+  if (g) {
+    const y = JSON.parse(f.content && f.content !== "" ? f.content : "{}")[g], b = typeof y == "string" && (/^[A-Z][A-Z0-9_]*$/.test(y) || /^\{\{.*\}\}$/.test(y)), Q = typeof y == "string" && (() => {
       try {
-        const Q = JSON.parse(v);
-        return typeof Q == "object" && Q !== null;
+        const x = JSON.parse(y);
+        return typeof x == "object" && x !== null;
       } catch {
         return false;
       }
-    })();
-    B[C] = !v || y || b ? C.replace(/\./g, " ") : v;
+    })(), I = (u?.variables?.textVariables ?? []).find((x) => x.value === g)?.defaultValue, S = g.replace(/\./g, " ");
+    w[g] = !y || b || Q ? I ?? S : y;
   }
-  const w = g.length > 0 ? JSON.stringify(B) : "";
-  (JSON.stringify(u.variables ?? []) !== JSON.stringify(g) || (u.content ?? "") !== w) && A([
-    { key: "content", value: w, schemaId: c.id },
-    { key: "variables", value: g, schemaId: c.id },
-    { key: "readOnly", value: g.length === 0, schemaId: c.id }
+  const d = B.length > 0 ? JSON.stringify(w) : "";
+  (JSON.stringify(f.variables ?? []) !== JSON.stringify(B) || (f.content ?? "") !== d) && A([
+    { key: "content", value: d, schemaId: c.id },
+    { key: "variables", value: B, schemaId: c.id },
+    { key: "readOnly", value: B.length === 0, schemaId: c.id }
   ]), s.style.display = "none";
 }, propPanel = {
   schema: (a) => {
@@ -86055,7 +86051,16 @@ const UseDynamicFontSize = (a) => {
 }, formatTemplateDisplay = (a) => a.replace(/\{([^{}]+)\}/g, (s, A) => "{{ " + A.trim().replace(/\./g, " ") + " }}"), uiRender = async (a) => {
   const { mode: s, schema: A, options: c, _cache: u } = a;
   if (s === "designer") {
-    const f = A.text ?? "", m = f ? formatTemplateDisplay(f) : "", E = c?.font || getDefaultFont(), C = await getFontKitFont(A.fontName, E, u), g = buildStyledTextContainer(a, C, m);
+    const f = A.text ?? "";
+    let m = "";
+    if (f)
+      try {
+        const B = JSON.parse(A.content || "{}"), w = Object.values(B)[0];
+        m = typeof w == "string" && w ? w : formatTemplateDisplay(f);
+      } catch {
+        m = formatTemplateDisplay(f);
+      }
+    const E = c?.font || getDefaultFont(), C = await getFontKitFont(A.fontName, E, u), g = buildStyledTextContainer(a, C, m);
     g.textContent = m, g.style.cursor = "default";
     return;
   }

package/dist/types/_vendors/print-designer-editor/types.d.ts

@@ -3,6 +3,7 @@ export type { Template, Schema, SchemaForUI, ChangeSchemas, Size, BasePdf, Font,
 export type TemplateVariable = {
     label: string;
     value: string;
+    defaultValue?: string;
 };
 export type TemplateVariables = {
     textVariables: TemplateVariable[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/pdfme",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",