@pixldocs/canvas-renderer 0.5.494 → 0.5.495

package/dist/{vectorPdfExport-BkAhiIFX.cjs → vectorPdfExport-roj_Ddzd.cjs}

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jspdf = require("jspdf");
 const svg2pdf_js = require("svg2pdf.js");
 const fabric = require("fabric");
-const index = require("./index-CCMdTuIr.cjs");
-const pdfFonts = require("./pdfFonts-BTj2f465.cjs");
+const index = require("./index-DaaT4Mo7.cjs");
+const pdfFonts = require("./pdfFonts-CySSLV-P.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -31,7 +31,7 @@ async function embedFontsForSvg(pdf, svgStr) {
     FONT_FALLBACK_SYMBOLS: FONT_FALLBACK_SYMBOLS2,
     FONT_FALLBACK_DEVANAGARI: FONT_FALLBACK_DEVANAGARI2,
     FONT_FALLBACK_MATH: FONT_FALLBACK_MATH2
-  } = await Promise.resolve().then(() => require("./pdfFonts-BTj2f465.cjs"));
+  } = await Promise.resolve().then(() => require("./pdfFonts-CySSLV-P.cjs"));
   const parser = new DOMParser();
   const doc = parser.parseFromString(svgStr, "image/svg+xml");
   const textEls = Array.from(doc.querySelectorAll("text, tspan, textPath"));
@@ -1833,7 +1833,7 @@ function stripSuspiciousFullPageOverlayNodes(svg) {
     let isPathLike = false;
     if (el.tagName.toLowerCase() === "path") {
       const d = (el.getAttribute("d") || "").replace(/\s+/g, " ").trim();
-      isPathLike = !!d && (new RegExp(`^Ms*0(?:.0+)?s+0(?:.0+)?s*Hs*${Math.round(pageWidth)}(?:.0+)?s*Vs*${Math.round(pageHeight)}(?:.0+)?s*Hs*0(?:.0+)?s*Z?$`, "i").test(d) || new RegExp(`^Ms*0(?:.0+)?s+0(?:.0+)?s*Ls*${Math.round(pageWidth)}(?:.0+)?s+0(?:.0+)?s*Ls*${Math.round(pageWidth)}(?:.0+)?s+${Math.round(pageHeight)}(?:.0+)?s*Ls*0(?:.0+)?s+${Math.round(pageHeight)}(?:.0+)?s*Z?$`, "i").test(d));
+      isPathLike = !!d && (new RegExp(`^M\\s*0(?:\\.0+)?\\s+0(?:\\.0+)?\\s*H\\s*${Math.round(pageWidth)}(?:\\.0+)?\\s*V\\s*${Math.round(pageHeight)}(?:\\.0+)?\\s*H\\s*0(?:\\.0+)?\\s*Z?$`, "i").test(d) || new RegExp(`^M\\s*0(?:\\.0+)?\\s+0(?:\\.0+)?\\s*L\\s*${Math.round(pageWidth)}(?:\\.0+)?\\s+0(?:\\.0+)?\\s*L\\s*${Math.round(pageWidth)}(?:\\.0+)?\\s+${Math.round(pageHeight)}(?:\\.0+)?\\s*L\\s*0(?:\\.0+)?\\s+${Math.round(pageHeight)}(?:\\.0+)?\\s*Z?$`, "i").test(d));
     }
     const inlineStyle = el.getAttribute("style") || "";
     const likelyOverlay = isRectLike || isPathLike || hasVisibleStyleToken(inlineStyle, "mix-blend-mode");
@@ -2626,7 +2626,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     logSvgGradientClipDiagnostics("prepare:after-flatten-nested-viewports", svg, { pageKey, pageWidth, pageHeight });
     disambiguateNestedSvgIds(svg);
     expandSvgUseElements(svg, pageKey);
-    let svgToDraw = normalizeSvgExplicitColors(svg);
+    const svgToDraw = normalizeSvgExplicitColors(svg);
     logSvgGradientClipDiagnostics("prepare:after-explicit-colors", svgToDraw, { pageKey, pageWidth, pageHeight });
     inlineComputedStyles(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
@@ -3271,7 +3271,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-CCMdTuIr.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-DaaT4Mo7.cjs")).then((n) => n.canvasImageLoader);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -4080,7 +4080,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-CCMdTuIr.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-DaaT4Mo7.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4178,7 +4178,7 @@ function getShapePoints(shapeType, x, y, w, h) {
         { x: x + w, y: y + h },
         { x, y: y + h }
       ];
-    case "cross":
+    case "cross": {
       const t = 0.35;
       return [
         { x: x + w * t, y },
@@ -4194,6 +4194,7 @@ function getShapePoints(shapeType, x, y, w, h) {
         { x, y: y + h * t },
         { x: x + w * t, y: y + h * t }
       ];
+    }
     default:
       return null;
   }
@@ -4697,7 +4698,7 @@ async function rasterizeCropGroupToPng(liveGroup, frameW, frameH, multiplier = 2
   return png;
 }
 async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeight, backgroundColor, fabricMatrix, fabricIntrinsic, pageId, liveFabricText, pageChildren) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   if (!element.visible) return;
   debugLog(`drawElement START id=${element.id} type=${element.type}`);
   const norm = normalizeElement(element);
@@ -4709,6 +4710,18 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
       norm.y = abs.top;
       norm.w = abs.width;
       norm.h = abs.height;
+      if (index.isElement(node)) {
+        norm.angle = index.getWorldAngleDeg(node, pageChildren);
+      }
+    }
+  }
+  {
+    const elBg = element.backgroundColor;
+    if (elBg && elBg !== "transparent" && elBg !== "none" && !fabricMatrix && norm.w > 0 && norm.h > 0) {
+      const prevFill = (_a = pdf.getFillColor) == null ? void 0 : _a.call(pdf);
+      pdf.setFillColor(normalizeBgColor(elBg));
+      pdf.rect(norm.x, norm.y, norm.w, norm.h, "F");
+      if (prevFill) pdf.setFillColor(prevFill);
     }
   }
   if (element.smartElementType && element.smartProps && norm.w > 0 && norm.h > 0) {
@@ -4784,11 +4797,11 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
               const anyPdf3 = pdf;
               const canUseAdvancedTransforms3 = typeof anyPdf3.advancedAPI === "function" && typeof anyPdf3.setCurrentTransformationMatrix === "function" && typeof anyPdf3.Matrix === "function";
               pdf.setGState(pdf.GState({ opacity: 1, "stroke-opacity": 1 }));
-              const cropZoomVal = cropData ? Math.max(1, ((_b = (_a = cropData._img) == null ? void 0 : _a._ct) == null ? void 0 : _b.zoom) ?? element.cropZoom ?? 1) : 1;
-              const cropPanXVal = cropData ? Math.max(0, Math.min(1, ((_d = (_c = cropData._img) == null ? void 0 : _c._ct) == null ? void 0 : _d.panX) ?? element.cropPanX ?? 0.5)) : 0.5;
-              const cropPanYVal = cropData ? Math.max(0, Math.min(1, ((_f = (_e = cropData._img) == null ? void 0 : _e._ct) == null ? void 0 : _f.panY) ?? element.cropPanY ?? 0.5)) : 0.5;
-              const naturalW = Math.max(1, Number(element.imageNaturalWidth ?? 0) || Number(((_g = cropData == null ? void 0 : cropData._img) == null ? void 0 : _g.width) ?? 0) || frameW);
-              const naturalH = Math.max(1, Number(element.imageNaturalHeight ?? 0) || Number(((_h = cropData == null ? void 0 : cropData._img) == null ? void 0 : _h.height) ?? 0) || frameH);
+              const cropZoomVal = cropData ? Math.max(1, ((_c = (_b = cropData._img) == null ? void 0 : _b._ct) == null ? void 0 : _c.zoom) ?? element.cropZoom ?? 1) : 1;
+              const cropPanXVal = cropData ? Math.max(0, Math.min(1, ((_e = (_d = cropData._img) == null ? void 0 : _d._ct) == null ? void 0 : _e.panX) ?? element.cropPanX ?? 0.5)) : 0.5;
+              const cropPanYVal = cropData ? Math.max(0, Math.min(1, ((_g = (_f = cropData._img) == null ? void 0 : _f._ct) == null ? void 0 : _g.panY) ?? element.cropPanY ?? 0.5)) : 0.5;
+              const naturalW = Math.max(1, Number(element.imageNaturalWidth ?? 0) || Number(((_h = cropData == null ? void 0 : cropData._img) == null ? void 0 : _h.width) ?? 0) || frameW);
+              const naturalH = Math.max(1, Number(element.imageNaturalHeight ?? 0) || Number(((_i = cropData == null ? void 0 : cropData._img) == null ? void 0 : _i.height) ?? 0) || frameH);
               const fitContain = ((cropData == null ? void 0 : cropData.fit) ?? element.imageFit ?? "cover") === "contain";
               const alignH = element.imageAlignH ?? "center";
               const alignV = element.imageAlignV ?? "middle";
@@ -5218,7 +5231,7 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
       liveFabricText ?? void 0
     );
     pdf.setGState(pdf.GState({ opacity: 1, "stroke-opacity": 1 }));
-    const linkUrl2 = (_i = element.linkConfig) == null ? void 0 : _i.url;
+    const linkUrl2 = (_j = element.linkConfig) == null ? void 0 : _j.url;
     if (linkUrl2) {
       addLinkAnnotation(pdf, linkUrl2, norm.x, norm.y, visualW, visualH);
     }
@@ -5318,7 +5331,7 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
     );
   }
   pdf.setGState(pdf.GState({ opacity: 1, "stroke-opacity": 1 }));
-  const linkUrl = (_j = element.linkConfig) == null ? void 0 : _j.url;
+  const linkUrl = (_k = element.linkConfig) == null ? void 0 : _k.url;
   if (linkUrl) {
     addLinkAnnotation(pdf, linkUrl, norm.x, norm.y, visualW, visualH);
   }
@@ -5954,7 +5967,7 @@ async function __exportMultiPagePdfInner(pages, options) {
         }
         let preppedSvgString = liveSvgString;
         try {
-          const { prepareSvgTextForPdfMode } = await Promise.resolve().then(() => require("./svgTextToPath-BT7lcwLT.cjs"));
+          const { prepareSvgTextForPdfMode } = await Promise.resolve().then(() => require("./svgTextToPath-Bzd3FsHH.cjs"));
           preppedSvgString = await prepareSvgTextForPdfMode(liveSvgString, pdfTextMode);
           console.log("[client-pdf-export] gradient text mode", {
             pdfTextMode,
@@ -6179,7 +6192,7 @@ async function __exportMultiPagePdfInner(pages, options) {
       const liveMatrix = matrixByElementId.get(element.id);
       const storedMatrix = element.transformMatrix;
       const m = liveMatrix ?? storedMatrix ?? null;
-      let intrinsic = intrinsicByElementId.get(element.id) ?? null;
+      const intrinsic = intrinsicByElementId.get(element.id) ?? null;
       const liveText = element.type === "text" ? liveTextByElementId.get(element.id) : void 0;
       await drawElement(pdf, element, embeddedFonts, page.width, page.height, page.backgroundColor, m, intrinsic, page.pageId, liveText, page.pageChildren);
       if (drawIndex % 3 === 2) await yieldToUI();
@@ -6213,4 +6226,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-BkAhiIFX.cjs.map
+//# sourceMappingURL=vectorPdfExport-roj_Ddzd.cjs.map