@pixldocs/canvas-renderer 0.5.459 → 0.5.461

package/dist/{index-BzvyPXLB.js → index-COG7WTYO.js}

@@ -17096,13 +17096,15 @@ const PageCanvas = forwardRef(
           }
           updateElement(elementId, {
             text: newText,
-            ...typeof nextHeight === "number" && nextHeight > 0 && { height: nextHeight }
+            ...typeof nextHeight === "number" && nextHeight > 0 && { height: nextHeight },
+            ...target.styles && Object.keys(target.styles).length > 0 ? { styles: JSON.parse(JSON.stringify(target.styles)) } : {}
           });
         } else {
           updateElement(elementId, {
             text: newText,
             ...fabricHeight > 0 && { height: fabricHeight },
-            ...fabricWidth > 0 && { width: fabricWidth }
+            ...fabricWidth > 0 && { width: fabricWidth },
+            ...target.styles && Object.keys(target.styles).length > 0 ? { styles: JSON.parse(JSON.stringify(target.styles)) } : {}
           });
         }
         commitHistory2();
@@ -21074,10 +21076,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);
@@ -21139,7 +21150,7 @@ function setInTree(nodes, elementId, targetProperty, value) {
       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;
@@ -21775,7 +21786,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";
@@ -21817,7 +21828,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;
   };
@@ -21886,7 +21897,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);
         }
       }
     }
@@ -21931,7 +21943,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);
       }
     }
   }
@@ -21941,7 +21954,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) => {
@@ -21976,10 +21989,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);
         }
       }
     }
@@ -26209,9 +26223,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.459";
+const resolvedPackageVersion = "0.5.461";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.459";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.461";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27025,7 +27039,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 import("./vectorPdfExport-De64EUqT.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-Bn1wgD8Q.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29345,7 +29359,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-De64EUqT.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-Bn1wgD8Q.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29662,4 +29676,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-BzvyPXLB.js.map
+//# sourceMappingURL=index-COG7WTYO.js.map