@pixldocs/canvas-renderer 0.5.458 → 0.5.460

package/dist/{index-CScn1p9A.cjs → index-CtJvkbzV.cjs}

@@ -295,6 +295,172 @@ function findCommonAncestorGroup(selectedIds, pageChildren) {
   }
   return null;
 }
+let activeThemeColors = {};
+function setMarkdownThemeColors(c) {
+  activeThemeColors = { ...c };
+}
+function resolveColorToken(token, theme) {
+  const raw = token.trim();
+  const t = raw.toLowerCase();
+  if (t === "primary") return theme.primary;
+  if (t === "secondary") return theme.secondary;
+  if (/^#([0-9a-f]{3,8})$/i.test(raw)) return raw;
+  if (/^(rgb|rgba|hsl|hsla)\(/i.test(raw)) return raw;
+  if (/^[a-z]+$/i.test(raw)) return raw;
+  return void 0;
+}
+function mergeStyle(a, b) {
+  return { ...a, ...b };
+}
+function tokenize(input, theme) {
+  const runs = [];
+  const stack = [];
+  let buf = "";
+  const activeStyle = () => {
+    let s = {};
+    for (const e of stack) s = mergeStyle(s, e.style);
+    return s;
+  };
+  const flush = () => {
+    if (buf.length === 0) return;
+    runs.push({ text: buf, style: activeStyle() });
+    buf = "";
+  };
+  let i = 0;
+  const n = input.length;
+  const peek = (s, at = i) => input.startsWith(s, at);
+  const findUnescaped = (needle, from) => {
+    let p = from;
+    while (p < n) {
+      if (input[p] === "\\" && p + 1 < n) {
+        p += 2;
+        continue;
+      }
+      if (input.startsWith(needle, p)) return p;
+      p++;
+    }
+    return -1;
+  };
+  const tryOpenBracket = () => {
+    if (input[i] !== "[") return -1;
+    const m = /^\[(c|bg)=([^\]]+)\]/.exec(input.slice(i));
+    if (!m) return -1;
+    const kind = m[1];
+    const tokenRaw = m[2];
+    const closer = kind === "c" ? "[/c]" : "[/bg]";
+    if (findUnescaped(closer, i + m[0].length) === -1) return -1;
+    const color = resolveColorToken(tokenRaw, theme);
+    const style = {};
+    if (color) {
+      if (kind === "c") style.fill = color;
+      else style.textBackgroundColor = color;
+    }
+    flush();
+    stack.push({ kind, style, closer });
+    return i + m[0].length;
+  };
+  const tryCloseBracket = () => {
+    for (let s = stack.length - 1; s >= 0; s--) {
+      const top = stack[s];
+      if (top.kind !== "c" && top.kind !== "bg") continue;
+      if (peek(top.closer)) {
+        if (s !== stack.length - 1) stack.length = s + 1;
+        flush();
+        stack.pop();
+        return i + top.closer.length;
+      }
+      break;
+    }
+    return -1;
+  };
+  const toggle = (delim, kind, style) => {
+    if (!peek(delim)) return null;
+    const topIdx = stack.findIndex((e) => e.kind === kind);
+    if (topIdx >= 0) {
+      if (topIdx !== stack.length - 1) return null;
+      flush();
+      stack.length = topIdx;
+      return i + delim.length;
+    }
+    if (findUnescaped(delim, i + delim.length) === -1) return null;
+    flush();
+    stack.push({ kind, style, closer: delim });
+    return i + delim.length;
+  };
+  while (i < n) {
+    const ch = input[i];
+    if (ch === "\\" && i + 1 < n) {
+      buf += input[i + 1];
+      i += 2;
+      continue;
+    }
+    if (ch === "[") {
+      const closed = tryCloseBracket();
+      if (closed > 0) {
+        i = closed;
+        continue;
+      }
+      const opened = tryOpenBracket();
+      if (opened > 0) {
+        i = opened;
+        continue;
+      }
+    }
+    let next;
+    if ((next = toggle("**", "bold", { fontWeight: 700 })) !== null) {
+      i = next;
+      continue;
+    }
+    if ((next = toggle("__", "under", { underline: true })) !== null) {
+      i = next;
+      continue;
+    }
+    if ((next = toggle("~~", "strike", { linethrough: true })) !== null) {
+      i = next;
+      continue;
+    }
+    if ((next = toggle("==", "highlight", { textBackgroundColor: theme.secondary || "#ffe066" })) !== null) {
+      i = next;
+      continue;
+    }
+    if ((next = toggle("*", "italic", { fontStyle: "italic" })) !== null) {
+      i = next;
+      continue;
+    }
+    buf += ch;
+    i++;
+  }
+  flush();
+  return runs;
+}
+function parseTextMarkdown(input, themeColors) {
+  const theme = activeThemeColors;
+  const runs = tokenize(input ?? "", theme);
+  let plain = "";
+  const styles = {};
+  let lineIdx = 0;
+  let charIdx = 0;
+  let hasFormatting = false;
+  for (const run of runs) {
+    const styleHasContent = Object.keys(run.style).length > 0;
+    if (styleHasContent) hasFormatting = true;
+    for (const ch of run.text) {
+      if (ch === "\n") {
+        plain += "\n";
+        lineIdx++;
+        charIdx = 0;
+        continue;
+      }
+      plain += ch;
+      if (styleHasContent) {
+        if (!styles[lineIdx]) styles[lineIdx] = {};
+        styles[lineIdx][charIdx] = { ...run.style };
+      }
+      charIdx++;
+    }
+  }
+  return { plainText: plain, styles, hasFormatting };
+}
 const heightCache = /* @__PURE__ */ new Map();
 const CACHE_TTL = 5e3;
 const WIDTH_BUCKET_PX = 8;
@@ -351,10 +517,21 @@ function getTextboxWidthFitMetrics(textbox, targetWidth) {
     fitsWidth: maxLineWidth <= targetWidth + 1
   };
 }
+function getRenderedTextForMeasurement(element) {
+  const raw = element.text ?? "";
+  if (!raw) return "";
+  if (element.formattingEnabled !== true) return raw;
+  try {
+    const { plainText } = parseTextMarkdown(raw);
+    return plainText || "";
+  } catch {
+    return raw;
+  }
+}
 function getCacheKey(element) {
   const widthPx = typeof element.width === "number" ? element.width : 200;
   return JSON.stringify({
-    text: element.text,
+    text: getRenderedTextForMeasurement(element),
     widthBucket: bucketWidth(widthPx),
     fontSize: element.fontSize,
     fontFamily: element.fontFamily,
@@ -378,7 +555,8 @@ function measureTextHeight(element) {
   if (element.type !== "text") {
     return element.height || 20;
   }
-  const textToMeasure = element.text || " ";
+  const rendered = getRenderedTextForMeasurement(element);
+  const textToMeasure = rendered || " ";
   const cacheKey = getCacheKey(element);
   const cached = heightCache.get(cacheKey);
   if (cached && Date.now() - cached.timestamp < CACHE_TTL) {
@@ -9366,172 +9544,6 @@ function buildRoundedTrianglePath(w, h, rTop, rBR, rBL) {
   ];
   return parts.join(" ");
 }
-let activeThemeColors = {};
-function setMarkdownThemeColors(c) {
-  activeThemeColors = { ...c };
-}
-function resolveColorToken(token, theme) {
-  const raw = token.trim();
-  const t = raw.toLowerCase();
-  if (t === "primary") return theme.primary;
-  if (t === "secondary") return theme.secondary;
-  if (/^#([0-9a-f]{3,8})$/i.test(raw)) return raw;
-  if (/^(rgb|rgba|hsl|hsla)\(/i.test(raw)) return raw;
-  if (/^[a-z]+$/i.test(raw)) return raw;
-  return void 0;
-}
-function mergeStyle(a, b) {
-  return { ...a, ...b };
-}
-function tokenize(input, theme) {
-  const runs = [];
-  const stack = [];
-  let buf = "";
-  const activeStyle = () => {
-    let s = {};
-    for (const e of stack) s = mergeStyle(s, e.style);
-    return s;
-  };
-  const flush = () => {
-    if (buf.length === 0) return;
-    runs.push({ text: buf, style: activeStyle() });
-    buf = "";
-  };
-  let i = 0;
-  const n = input.length;
-  const peek = (s, at = i) => input.startsWith(s, at);
-  const findUnescaped = (needle, from) => {
-    let p = from;
-    while (p < n) {
-      if (input[p] === "\\" && p + 1 < n) {
-        p += 2;
-        continue;
-      }
-      if (input.startsWith(needle, p)) return p;
-      p++;
-    }
-    return -1;
-  };
-  const tryOpenBracket = () => {
-    if (input[i] !== "[") return -1;
-    const m = /^\[(c|bg)=([^\]]+)\]/.exec(input.slice(i));
-    if (!m) return -1;
-    const kind = m[1];
-    const tokenRaw = m[2];
-    const closer = kind === "c" ? "[/c]" : "[/bg]";
-    if (findUnescaped(closer, i + m[0].length) === -1) return -1;
-    const color = resolveColorToken(tokenRaw, theme);
-    const style = {};
-    if (color) {
-      if (kind === "c") style.fill = color;
-      else style.textBackgroundColor = color;
-    }
-    flush();
-    stack.push({ kind, style, closer });
-    return i + m[0].length;
-  };
-  const tryCloseBracket = () => {
-    for (let s = stack.length - 1; s >= 0; s--) {
-      const top = stack[s];
-      if (top.kind !== "c" && top.kind !== "bg") continue;
-      if (peek(top.closer)) {
-        if (s !== stack.length - 1) stack.length = s + 1;
-        flush();
-        stack.pop();
-        return i + top.closer.length;
-      }
-      break;
-    }
-    return -1;
-  };
-  const toggle = (delim, kind, style) => {
-    if (!peek(delim)) return null;
-    const topIdx = stack.findIndex((e) => e.kind === kind);
-    if (topIdx >= 0) {
-      if (topIdx !== stack.length - 1) return null;
-      flush();
-      stack.length = topIdx;
-      return i + delim.length;
-    }
-    if (findUnescaped(delim, i + delim.length) === -1) return null;
-    flush();
-    stack.push({ kind, style, closer: delim });
-    return i + delim.length;
-  };
-  while (i < n) {
-    const ch = input[i];
-    if (ch === "\\" && i + 1 < n) {
-      buf += input[i + 1];
-      i += 2;
-      continue;
-    }
-    if (ch === "[") {
-      const closed = tryCloseBracket();
-      if (closed > 0) {
-        i = closed;
-        continue;
-      }
-      const opened = tryOpenBracket();
-      if (opened > 0) {
-        i = opened;
-        continue;
-      }
-    }
-    let next;
-    if ((next = toggle("**", "bold", { fontWeight: 700 })) !== null) {
-      i = next;
-      continue;
-    }
-    if ((next = toggle("__", "under", { underline: true })) !== null) {
-      i = next;
-      continue;
-    }
-    if ((next = toggle("~~", "strike", { linethrough: true })) !== null) {
-      i = next;
-      continue;
-    }
-    if ((next = toggle("==", "highlight", { textBackgroundColor: theme.secondary || "#ffe066" })) !== null) {
-      i = next;
-      continue;
-    }
-    if ((next = toggle("*", "italic", { fontStyle: "italic" })) !== null) {
-      i = next;
-      continue;
-    }
-    buf += ch;
-    i++;
-  }
-  flush();
-  return runs;
-}
-function parseTextMarkdown(input, themeColors) {
-  const theme = activeThemeColors;
-  const runs = tokenize(input ?? "", theme);
-  let plain = "";
-  const styles = {};
-  let lineIdx = 0;
-  let charIdx = 0;
-  let hasFormatting = false;
-  for (const run of runs) {
-    const styleHasContent = Object.keys(run.style).length > 0;
-    if (styleHasContent) hasFormatting = true;
-    for (const ch of run.text) {
-      if (ch === "\n") {
-        plain += "\n";
-        lineIdx++;
-        charIdx = 0;
-        continue;
-      }
-      plain += ch;
-      if (styleHasContent) {
-        if (!styles[lineIdx]) styles[lineIdx] = {};
-        styles[lineIdx][charIdx] = { ...run.style };
-      }
-      charIdx++;
-    }
-  }
-  return { plainText: plain, styles, hasFormatting };
-}
 function angleToCoords(angleDeg) {
   const rad = angleDeg * Math.PI / 180;
   const x1 = 0.5 - Math.sin(rad) * 0.5;
@@ -21080,10 +21092,19 @@ function applyTextCase(text, textCase) {
 function hasInlineFormattingMarkers(value) {
   return /\*\*[\s\S]+?\*\*|__[\s\S]+?__|~~[\s\S]+?~~|==[\s\S]+?==|\[(?:c|bg)=[^\]]+\][\s\S]+?\[\/(?:c|bg)\]|(^|[^*])\*[^*\n]+?\*/i.test(value);
 }
-function setInTree(nodes, elementId, targetProperty, value) {
+function setInTree(nodes, elementId, targetProperty, value, svgColorKey) {
   for (const node of nodes) {
     if (node.id === elementId) {
-      if (targetProperty === "link") {
+      if (svgColorKey) {
+        const next = { ...node.svgColorMap || {} };
+        const v = typeof value === "string" ? value.trim() : "";
+        if (!v || v.toLowerCase() === String(svgColorKey).toLowerCase()) {
+          delete next[svgColorKey];
+        } else {
+          next[svgColorKey] = v;
+        }
+        node.svgColorMap = Object.keys(next).length > 0 ? next : void 0;
+      } else if (targetProperty === "link") {
         node.linkConfig = { ...node.linkConfig || {}, url: String(value ?? "") };
       } else if (targetProperty.startsWith("smartProp:") && node.smartElementType) {
         const propKey = targetProperty.slice("smartProp:".length);
@@ -21133,14 +21154,19 @@ function setInTree(nodes, elementId, targetProperty, value) {
       }
       if (targetProperty === "text" && node.type === "text") {
         const overflowPolicy = String(node.overflowPolicy ?? "grow-and-push");
-        if (overflowPolicy !== "auto-shrink") {
-          delete node.height;
+        if (overflowPolicy === "auto-shrink") {
+          const explicitH = typeof node.height === "number" ? node.height : 0;
+          const existingMin = Math.max(0, Number(node.minBoxHeight) || 0);
+          if (explicitH > 0 && existingMin <= 0) {
+            node.minBoxHeight = explicitH;
+          }
         }
+        delete node.height;
       }
       return true;
     }
     if (node.children && Array.isArray(node.children)) {
-      if (setInTree(node.children, elementId, targetProperty, value)) return true;
+      if (setInTree(node.children, elementId, targetProperty, value, svgColorKey)) return true;
     }
   }
   return false;
@@ -21776,7 +21802,7 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
     }
     return void 0;
   }
-  const applyValue = (elementId, targetProperty, value, fieldKey) => {
+  const applyValue = (elementId, targetProperty, value, fieldKey, svgColorKey) => {
     var _a3;
     const isTextLike = targetProperty === "text" || targetProperty === "content";
     const isImageLike = targetProperty === "src" || targetProperty === "imageUrl";
@@ -21818,7 +21844,7 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
       }
     }
     for (const page of pages) {
-      if (page.children && setInTree(page.children, elementId, targetProperty, effectiveValue)) return true;
+      if (page.children && setInTree(page.children, elementId, targetProperty, effectiveValue, svgColorKey)) return true;
     }
     return false;
   };
@@ -21887,7 +21913,8 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
           }
           if (!elementIds || elementIds.length === 0) continue;
           const targetProperty = mapping.targetProperty || "text";
-          for (const elementId of elementIds) applyValue(elementId, targetProperty, value, key);
+          const mSvgColorKey = mapping.svgColorKey;
+          for (const elementId of elementIds) applyValue(elementId, targetProperty, value, key, mSvgColorKey);
         }
       }
     }
@@ -21932,7 +21959,8 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
         }
         if (elementIds.size === 0) continue;
         const targetProperty = mapping.targetProperty || "text";
-        for (const elementId of elementIds) applyValue(elementId, targetProperty, value, key);
+        const mSvgColorKey = mapping.svgColorKey;
+        for (const elementId of elementIds) applyValue(elementId, targetProperty, value, key, mSvgColorKey);
       }
     }
   }
@@ -21942,7 +21970,7 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
   for (const m of mappings) {
     if (repeatableKeySet.has(m.field_key)) continue;
     const value = formValues[m.field_key];
-    applyValue(m.element_id, m.target_property, value, m.field_key);
+    applyValue(m.element_id, m.target_property, value, m.field_key, m.svg_color_key);
   }
   if ((repeatablePagesFromSchema == null ? void 0 : repeatablePagesFromSchema.length) && (dynamicFields == null ? void 0 : dynamicFields.length)) {
     const findInPage = (page, originalId) => {
@@ -21977,10 +22005,11 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
         for (const m of field.mappings ?? []) {
           const originalId = m.elementId;
           const targetProperty = m.targetProperty || "text";
+          const mSvgColorKey = m.svgColorKey;
           if (!originalId) continue;
           const resolvedId = findInPage(page, originalId);
           if (!resolvedId) continue;
-          if (page.children) setInTree(page.children, resolvedId, targetProperty, value);
+          if (page.children) setInTree(page.children, resolvedId, targetProperty, value, mSvgColorKey);
         }
       }
     }
@@ -26210,9 +26239,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.458";
+const resolvedPackageVersion = "0.5.460";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.458";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.460";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27026,7 +27055,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DySc4jWC.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-B5Xxp9RH.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29346,7 +29375,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DySc4jWC.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-B5Xxp9RH.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29660,4 +29689,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CScn1p9A.cjs.map
+//# sourceMappingURL=index-CtJvkbzV.cjs.map