@pixldocs/canvas-renderer 0.5.50 → 0.5.52

package/dist/index.d.ts

@@ -221,7 +221,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.50";
+export declare const PACKAGE_VERSION = "0.5.52";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12321,7 +12321,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.50";
+const PACKAGE_VERSION = "0.5.52";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -13985,6 +13985,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;
 function parseColor(color) {
   if (!color) return null;
   const raw = color.trim().toLowerCase();
@@ -15016,7 +15017,7 @@ async function rasterizeShadowMarkers(svg) {
       const scale = 2;
       const pxW = Math.min(4096, Math.max(8, Math.ceil(bw * scale)));
       const pxH = Math.min(4096, Math.max(8, Math.ceil(bh * scale)));
-      const stdDev = Math.max(0, blur);
+      const stdDev = Math.max(0, blur / 2);
       const filterId = `pdShadowBlur_${Math.random().toString(36).slice(2, 9)}`;
       const styleBlock = fontFaceCss ? `<style>${fontFaceCss}</style>` : "";
       const miniSvg = `<svg xmlns="${SVG_NS}" xmlns:xlink="${XLINK_NS}" width="${pxW}" height="${pxH}" viewBox="${bx} ${by} ${bw} ${bh}">${styleBlock}<defs><filter id="${filterId}" filterUnits="userSpaceOnUse" x="${bx}" y="${by}" width="${bw}" height="${bh}" color-interpolation-filters="sRGB"><feOffset dx="${ox}" dy="${oy}" result="offsetShadow" /><feGaussianBlur in="offsetShadow" stdDeviation="${stdDev}" /></filter></defs><g filter="url(#${filterId})">${innerXml}</g></svg>`;
@@ -15030,6 +15031,7 @@ 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);