@pixldocs/canvas-renderer 0.5.213 → 0.5.215

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

@@ -6902,9 +6902,9 @@ 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);
+  const alpha = resolveShadowAlpha(element);
+  if (alpha <= 0) return null;
+  const finalColor = applyAlphaMultiplier(String(color), alpha);
   return new fabric__namespace.Shadow({
     color: finalColor,
     blur: blur || 0,
@@ -6914,67 +6914,39 @@ function buildTextShadow(element) {
     nonScaling: false
   });
 }
-function resolveShadowStrength(element) {
+function readShadowStrength(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 };
+  return typeof raw === "number" && Number.isFinite(raw) ? Math.max(0, Math.min(100, raw)) : 100;
+}
+function resolveShadowSourceSpread(element) {
+  const strength = readShadowStrength(element);
+  const blur = Math.max(0, Number(element.textShadowBlur ?? 0) || 0);
+  const fontSize = Math.max(1, Number(element.fontSize ?? 16) || 16);
+  const t = Math.max(0, (strength - 35) / 65);
+  return Math.min(8, blur * 0.16, fontSize * 0.08) * t * t;
+}
+function resolveShadowAlpha(element) {
+  const s = readShadowStrength(element);
+  return s / 100;
 }
 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 {
+  if (obj.__pdShadowOrigRender) {
+    try {
+      obj.render = obj.__pdShadowOrigRender;
+    } catch {
+    }
+    obj.__pdShadowOrigRender = void 0;
     obj.__pdShadowPassAlphas = void 0;
-    obj.__pdShadowPasses = 0;
-    obj.__pdShadowLastAlpha = 1;
-  }
+    obj.__pdShadowBaseColor = void 0;
+    obj.__pdShadowBlur = void 0;
+    obj.__pdShadowOX = void 0;
+    obj.__pdShadowOY = void 0;
+  }
+  obj.__pdShadowAlpha = canonicalShadow ? resolveShadowAlpha(element) : 1;
+  obj.__pdShadowBaseColor = canonicalShadow ? String(element.textShadowColor || "") : void 0;
+  obj.__pdShadowSourceSpread = canonicalShadow ? resolveShadowSourceSpread(element) : 0;
   textbox.set("shadow", canonicalShadow ?? null);
 }
 function applyAlphaMultiplier(c, mult) {
@@ -7258,6 +7230,8 @@ function applyTextBackground(obj, cfg) {
       }
     }
     const suppressShadowOnText = bg && bg.shadowAffectsText === false;
+    const dropShadowSpread = Math.max(0, Number(this.__pdShadowSourceSpread) || 0);
+    const dropShadowActive = dropShadowSpread > 0 && !!this.shadow && !suppressShadowOnText && !blockShadowActive && !lineShadowActive;
     if (suppressShadowOnText) {
       ctx.save();
       ctx.shadowColor = "transparent";
@@ -7266,6 +7240,44 @@ function applyTextBackground(obj, cfg) {
       ctx.shadowOffsetY = 0;
       originalRender(ctx);
       ctx.restore();
+    } else if (dropShadowActive) {
+      const self = this;
+      const shadow = self.shadow;
+      const shadowColor = String((shadow == null ? void 0 : shadow.color) || this.__pdShadowBaseColor || "rgba(0,0,0,1)");
+      const shadowBlur = Math.max(0, Number((shadow == null ? void 0 : shadow.blur) ?? 0) || 0);
+      const shadowOffsetX = Number((shadow == null ? void 0 : shadow.offsetX) ?? 0) || 0;
+      const shadowOffsetY = Number((shadow == null ? void 0 : shadow.offsetY) ?? 0) || 0;
+      const origFill = self.fill;
+      const origStroke = self.stroke;
+      const origStrokeWidth = self.strokeWidth;
+      const origStyles = self.styles;
+      const origShadow = self.shadow;
+      try {
+        ctx.save();
+        self.shadow = null;
+        self.fill = shadowColor;
+        self.styles = {};
+        self.stroke = shadowColor;
+        self.strokeWidth = dropShadowSpread;
+        ctx.translate(shadowOffsetX, shadowOffsetY);
+        if (shadowBlur > 0) ctx.filter = `blur(${shadowBlur / 2}px)`;
+        ctx.lineJoin = "round";
+        ctx.lineCap = "round";
+        originalRender(ctx);
+        ctx.restore();
+        self.fill = origFill;
+        self.stroke = origStroke;
+        self.strokeWidth = origStrokeWidth;
+        self.styles = origStyles;
+        self.shadow = null;
+        originalRender(ctx);
+      } finally {
+        self.fill = origFill;
+        self.stroke = origStroke;
+        self.strokeWidth = origStrokeWidth;
+        self.styles = origStyles;
+        self.shadow = origShadow;
+      }
     } else {
       originalRender(ctx);
     }
@@ -7347,7 +7359,8 @@ function applyTextBackground(obj, cfg) {
         const oy = Number(shadow.offsetY ?? 0) || 0;
         const blur = Math.max(0, Number(shadow.blur ?? 0));
         const shadowColor = String(shadow.color);
-        const pad = Math.max(16, Math.ceil(blur * 4) + Math.ceil(Math.max(Math.abs(ox), Math.abs(oy))) + 8);
+        const sourceSpread = Math.max(0, Number(this.__pdShadowSourceSpread) || 0);
+        const pad = Math.max(16, Math.ceil((blur + sourceSpread) * 4) + Math.ceil(Math.max(Math.abs(ox), Math.abs(oy))) + 8);
         const shadowBounds = unionBounds([
           ...rects,
           computeTextVisualBounds(this, w, h)
@@ -7356,10 +7369,9 @@ function applyTextBackground(obj, cfg) {
         const by = shadowBounds.y - pad;
         const bw = shadowBounds.w + pad * 2;
         const bh = shadowBounds.h + pad * 2;
-        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 alphaRaw = Number(this.__pdShadowAlpha);
+        const shadowAlpha = Number.isFinite(alphaRaw) ? Math.max(0, Math.min(1, alphaRaw)) : 1;
+        const dataAttrs = `data-blur="${blur.toFixed(3)}" data-spread="${sourceSpread.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-alpha="${shadowAlpha.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}"` : "";
@@ -7368,7 +7380,7 @@ function applyTextBackground(obj, cfg) {
         }
         if ((bg == null ? void 0 : bg.shadowAffectsText) !== false && !hasActiveTextPath2) {
           const inner = extractGInnerMarkup(svg);
-          const recoloredText = recolorSvgFills(inner, shadowColor);
+          const recoloredText = recolorSvgFills(inner, shadowColor, sourceSpread);
           if (recoloredText) textShadowMarker = wrapShadow(recoloredText);
         }
       }
@@ -7438,12 +7450,13 @@ function applyTextBackground(obj, cfg) {
     };
   }
 }
-function recolorSvgFills(svg, color) {
-  return _recolorSvgFills(svg, color);
+function recolorSvgFills(svg, color, strokeWidth = 0) {
+  return _recolorSvgFills(svg, color, strokeWidth);
 }
-function _recolorSvgFills(svg, color) {
+function _recolorSvgFills(svg, color, strokeWidth = 0) {
   var _a;
   const safe = escapeXmlAttr(color);
+  const spread = Math.max(0, Number(strokeWidth) || 0);
   try {
     const wrapped = `<svg xmlns="http://www.w3.org/2000/svg">${svg}</svg>`;
     const doc = new DOMParser().parseFromString(wrapped, "image/svg+xml");
@@ -7465,6 +7478,12 @@ function _recolorSvgFills(svg, color) {
           else el.removeAttribute("style");
         }
         el.setAttribute("fill", color);
+        if (spread > 0 && /^(text|tspan|path)$/i.test(el.tagName)) {
+          el.setAttribute("stroke", color);
+          el.setAttribute("stroke-width", String(Number(spread.toFixed(3))));
+          el.setAttribute("stroke-linejoin", "round");
+          el.setAttribute("stroke-linecap", "round");
+        }
       }
       let out2 = "";
       for (const child of Array.from(root.childNodes)) {
@@ -7494,6 +7513,13 @@ function _recolorSvgFills(svg, color) {
     if (/style="[^"]*\bfill\s*:/i.test(attrs)) return m;
     return `<${tag}${attrs} fill="${safe}">`;
   });
+  if (spread > 0) {
+    const strokeAttrs = ` stroke="${safe}" stroke-width="${Number(spread.toFixed(3))}" stroke-linejoin="round" stroke-linecap="round"`;
+    out = out.replace(/<(text|tspan|path)\b([^>]*)>/gi, (m, tag, attrs) => {
+      let nextAttrs = String(attrs).replace(/\s(?:stroke|stroke-width|stroke-linejoin|stroke-linecap)="[^"]*"/gi, "");
+      return `<${tag}${nextAttrs}${strokeAttrs}>`;
+    });
+  }
   return out;
 }
 function buildRoundedRectPathD(x, y, w, h, rTL, rTR, rBR, rBL) {
@@ -19075,9 +19101,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.213";
+const resolvedPackageVersion = "0.5.215";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.213";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.215";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -19769,7 +19795,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-krI8SwbX.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DUohXw5V.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -20624,7 +20650,7 @@ const SVG_STYLE_PROPS = /* @__PURE__ */ new Set([
 const GRADIENT_ATTRS_LINEAR = ["x1", "y1", "x2", "y2", "gradientUnits", "gradientTransform", "spreadMethod"];
 const GRADIENT_ATTRS_RADIAL = ["cx", "cy", "r", "fx", "fy", "gradientUnits", "gradientTransform", "spreadMethod"];
 const URL_GRADIENT_RE = /^\s*url\s*\(\s*(['"]?)([^)]+?)\1\s*\)/i;
-const SHADOW_RASTER_ALPHA_COMPENSATION = 0.84;
+const SHADOW_RASTER_ALPHA_COMPENSATION = 1;
 function collectFontSpecsFromMarkup(markup) {
   const specs = /* @__PURE__ */ new Set();
   const re = /<(?:text|tspan)\b[^>]*>/gi;
@@ -21691,7 +21717,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -21746,29 +21772,15 @@ async function rasterizeShadowMarkers(svg) {
       img.setAttribute("y", String(by));
       img.setAttribute("width", String(bw));
       img.setAttribute("height", String(bh));
-      img.setAttribute("opacity", String(SHADOW_RASTER_ALPHA_COMPENSATION));
       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;
+      img.setAttribute("opacity", String(SHADOW_RASTER_ALPHA_COMPENSATION));
       (_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 {
-        (_g = marker.parentNode) == null ? void 0 : _g.removeChild(marker);
+        (_f = marker.parentNode) == null ? void 0 : _f.removeChild(marker);
       } catch {
       }
     }
@@ -21969,7 +21981,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-krI8SwbX.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DUohXw5V.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -22366,4 +22378,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-zkVpb-YL.cjs.map
+//# sourceMappingURL=index-CzwZcfGF.cjs.map