@pixldocs/canvas-renderer 0.5.211 → 0.5.213

package/dist/{index-d8U2oDzI.cjs → index-zkVpb-YL.cjs}

@@ -6902,8 +6902,11 @@ function buildTextShadow(element) {
   if (!color || color === "transparent") return null;
   const type = element.textShadowType;
   if (type && type !== "drop") return null;
+  const { passAlphas } = resolveShadowStrength(element);
+  const firstAlpha = passAlphas.length > 0 ? passAlphas[0] : 0;
+  const finalColor = applyAlphaMultiplier(String(color), firstAlpha);
   return new fabric__namespace.Shadow({
-    color: String(color),
+    color: finalColor,
     blur: blur || 0,
     offsetX: ox || 0,
     offsetY: oy || 0,
@@ -6911,6 +6914,106 @@ function buildTextShadow(element) {
     nonScaling: false
   });
 }
+function resolveShadowStrength(element) {
+  const raw = element.textShadowStrength;
+  const s = typeof raw === "number" && Number.isFinite(raw) ? Math.max(0, Math.min(100, raw)) : 33.34;
+  if (s <= 0) return { passAlphas: [] };
+  const intensity = Math.min(3, s / 33.34);
+  if (intensity <= 1) return { passAlphas: [intensity] };
+  const full = Math.floor(intensity);
+  const frac = intensity - full;
+  const arr = new Array(full).fill(1);
+  if (frac > 0.01) arr.push(frac);
+  return { passAlphas: arr };
+}
+function applyTextShadow(textbox, element) {
+  const canonicalShadow = buildTextShadow(element);
+  const { passAlphas } = resolveShadowStrength(element);
+  const baseColor = element.textShadowColor;
+  const blur = Number(element.textShadowBlur ?? 0) || 0;
+  const ox = Number(element.textShadowOffsetX ?? 0) || 0;
+  const oy = Number(element.textShadowOffsetY ?? 0) || 0;
+  const hasShadow = !!canonicalShadow && passAlphas.length > 0;
+  const obj = textbox;
+  if (!obj.__pdShadowOrigRender) {
+    obj.__pdShadowOrigRender = obj.render.bind(obj);
+    obj.render = function(ctx) {
+      const alphas = obj.__pdShadowPassAlphas;
+      if (!alphas || alphas.length <= 1) {
+        obj.__pdShadowOrigRender(ctx);
+        return;
+      }
+      const orig = obj.shadow;
+      const baseC = obj.__pdShadowBaseColor || "#000";
+      const b = obj.__pdShadowBlur || 0;
+      const x = obj.__pdShadowOX || 0;
+      const y = obj.__pdShadowOY || 0;
+      for (let i = 0; i < alphas.length; i++) {
+        obj.shadow = new fabric__namespace.Shadow({
+          color: applyAlphaMultiplier(String(baseC), alphas[i]),
+          blur: b,
+          offsetX: x,
+          offsetY: y,
+          affectStroke: false,
+          nonScaling: false
+        });
+        obj.__pdShadowOrigRender(ctx);
+      }
+      obj.shadow = orig;
+    };
+  }
+  if (hasShadow) {
+    obj.__pdShadowPassAlphas = passAlphas;
+    obj.__pdShadowBaseColor = baseColor;
+    obj.__pdShadowBlur = blur;
+    obj.__pdShadowOX = ox;
+    obj.__pdShadowOY = oy;
+    obj.__pdShadowPasses = passAlphas.length;
+    obj.__pdShadowLastAlpha = passAlphas[passAlphas.length - 1];
+  } else {
+    obj.__pdShadowPassAlphas = void 0;
+    obj.__pdShadowPasses = 0;
+    obj.__pdShadowLastAlpha = 1;
+  }
+  textbox.set("shadow", canonicalShadow ?? null);
+}
+function applyAlphaMultiplier(c, mult) {
+  const m = Math.max(0, Math.min(1, mult));
+  const s = String(c).trim();
+  const rgba = s.match(/^rgba?\s*\(([^)]+)\)$/i);
+  if (rgba) {
+    const parts = rgba[1].split(",").map((p) => p.trim());
+    const [r, g, b] = parts;
+    const baseA = parts.length >= 4 ? Math.max(0, Math.min(1, parseFloat(parts[3]) || 0)) : 1;
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(baseA * m * 1e3) / 1e3})`;
+  }
+  const hex8 = s.match(/^#([0-9a-f]{8})$/i);
+  if (hex8) {
+    const h = hex8[1];
+    const r = parseInt(h.slice(0, 2), 16);
+    const g = parseInt(h.slice(2, 4), 16);
+    const b = parseInt(h.slice(4, 6), 16);
+    const baseA = parseInt(h.slice(6, 8), 16) / 255;
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(baseA * m * 1e3) / 1e3})`;
+  }
+  const hex6 = s.match(/^#([0-9a-f]{6})$/i);
+  if (hex6) {
+    const h = hex6[1];
+    const r = parseInt(h.slice(0, 2), 16);
+    const g = parseInt(h.slice(2, 4), 16);
+    const b = parseInt(h.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(m * 1e3) / 1e3})`;
+  }
+  const hex3 = s.match(/^#([0-9a-f]{3})$/i);
+  if (hex3) {
+    const h = hex3[1];
+    const r = parseInt(h[0] + h[0], 16);
+    const g = parseInt(h[1] + h[1], 16);
+    const b = parseInt(h[2] + h[2], 16);
+    return `rgba(${r}, ${g}, ${b}, ${Math.round(m * 1e3) / 1e3})`;
+  }
+  return `rgba(0, 0, 0, ${Math.round(m * 1e3) / 1e3})`;
+}
 function buildRoundedRectPath2D(ctx, x, y, w, h, rTL, rTR, rBR, rBL) {
   const maxR = Math.min(w, h) / 2;
   const tl = Math.min(Math.max(0, rTL), maxR);
@@ -7253,7 +7356,10 @@ function applyTextBackground(obj, cfg) {
         const by = shadowBounds.y - pad;
         const bw = shadowBounds.w + pad * 2;
         const bh = shadowBounds.h + pad * 2;
-        const dataAttrs = `data-blur="${blur.toFixed(3)}" data-ox="${ox.toFixed(3)}" data-oy="${oy.toFixed(3)}" data-bx="${bx.toFixed(3)}" data-by="${by.toFixed(3)}" data-bw="${bw.toFixed(3)}" data-bh="${bh.toFixed(3)}" data-color="${escapeXmlAttr(shadowColor)}"`;
+        const passes = Math.max(1, Math.min(8, Number(this.__pdShadowPasses) || 1));
+        const lastAlphaRaw = Number(this.__pdShadowLastAlpha);
+        const lastAlpha = Number.isFinite(lastAlphaRaw) ? Math.max(0, Math.min(1, lastAlphaRaw)) : 1;
+        const dataAttrs = `data-blur="${blur.toFixed(3)}" data-ox="${ox.toFixed(3)}" data-oy="${oy.toFixed(3)}" data-bx="${bx.toFixed(3)}" data-by="${by.toFixed(3)}" data-bw="${bw.toFixed(3)}" data-bh="${bh.toFixed(3)}" data-color="${escapeXmlAttr(shadowColor)}" data-passes="${passes}" data-last-alpha="${lastAlpha.toFixed(3)}"`;
         const wrapShadow = (markup) => blur <= 0 ? `<g transform="translate(${ox.toFixed(3)} ${oy.toFixed(3)})">${markup}</g>` : `<g class="__pdShadowRaster" ${dataAttrs}>${markup}</g>`;
         if (hasBg && (bg == null ? void 0 : bg.shadowAffectsBg) !== false) {
           const shadowOpacityAttr = bgOpacity < 1 ? ` fill-opacity="${bgOpacity}"` : "";
@@ -8475,8 +8581,7 @@ function createText(element) {
     }));
   }
   applyTextBackground(textbox, extractTextBgConfig(element));
-  const shadow = buildTextShadow(element);
-  if (shadow) textbox.set("shadow", shadow);
+  applyTextShadow(textbox, element);
   return textbox;
 }
 function createLine(element) {
@@ -12283,8 +12388,7 @@ const PageCanvas = react.forwardRef(
         obj.dirty = true;
         try {
           applyTextBackground(obj, extractTextBgConfig(element));
-          const shadow = buildTextShadow(element);
-          obj.set("shadow", shadow ?? null);
+          applyTextShadow(obj, element);
           try {
             obj._cacheCanvas = null;
             obj._cacheContext = null;
@@ -12312,7 +12416,8 @@ const PageCanvas = react.forwardRef(
             sy: element.textShadowOffsetY ?? 0,
             st: element.textShadowAffectsText !== false,
             sa: element.textShadowAffectsBg !== false,
-            sty: element.textShadowType ?? null
+            sty: element.textShadowType ?? null,
+            ss: element.textShadowStrength ?? null
           });
           obj.dirty = true;
         } catch (err) {
@@ -18970,9 +19075,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.211";
+const resolvedPackageVersion = "0.5.213";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.211";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.213";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -19664,7 +19769,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-QzySzFJJ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-krI8SwbX.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -21586,7 +21691,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -21645,11 +21750,25 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("preserveAspectRatio", "none");
       img.setAttributeNS(XLINK_NS, "xlink:href", dataUrl);
       img.setAttribute("href", dataUrl);
+      const passes = Math.max(1, Math.min(8, parseInt(marker.getAttribute("data-passes") || "1", 10) || 1));
+      const lastAlphaRaw = parseFloat(marker.getAttribute("data-last-alpha") || "1");
+      const lastAlpha = Number.isFinite(lastAlphaRaw) ? Math.max(0, Math.min(1, lastAlphaRaw)) : 1;
+      const baseOpacity = Number(img.getAttribute("opacity") || "1") || 1;
       (_e = marker.parentNode) == null ? void 0 : _e.replaceChild(img, marker);
+      for (let i = 1; i < passes; i++) {
+        const extra = img.cloneNode(true);
+        if (i === passes - 1 && lastAlpha < 1) {
+          extra.setAttribute("opacity", String(baseOpacity * lastAlpha));
+        }
+        (_f = img.parentNode) == null ? void 0 : _f.insertBefore(extra, img.nextSibling);
+      }
+      if (passes === 1 && lastAlpha < 1) {
+        img.setAttribute("opacity", String(baseOpacity * lastAlpha));
+      }
     } catch (e) {
       console.warn("[pdf-export] rasterizeShadowMarkers failed for one marker:", e);
       try {
-        (_f = marker.parentNode) == null ? void 0 : _f.removeChild(marker);
+        (_g = marker.parentNode) == null ? void 0 : _g.removeChild(marker);
       } catch {
       }
     }
@@ -21850,7 +21969,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-QzySzFJJ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-krI8SwbX.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -22247,4 +22366,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-d8U2oDzI.cjs.map
+//# sourceMappingURL=index-zkVpb-YL.cjs.map