@pixldocs/canvas-renderer 0.5.494 → 0.5.496

package/dist/{vectorPdfExport-Bazeq3bN.js → vectorPdfExport-E3x8GBto.js}

@@ -1,8 +1,8 @@
 import { jsPDF, ShadingPattern } from "jspdf";
 import { svg2pdf } from "svg2pdf.js";
 import * as fabric from "fabric";
-import { p as parseTextMarkdown, r as renderSmartElementToSvg, g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, b as getProxiedImageUrl, d as getImageProxyFetchOptions, A as API_URL, n as normalizeShapeType, i as isElement, e as isGroup, h as buildRoundedTrianglePath, j as hasEdgeFade, k as bakeEdgeFade, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints } from "./index-dxfsI5E1.js";
-import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-DhEaMTZl.js";
+import { p as parseTextMarkdown, r as renderSmartElementToSvg, g as getCanvasForPage, c as captureFabricCanvasSvgForPdf, f as findNodeById, a as getAbsoluteBounds, b as getProxiedImageUrl, d as getImageProxyFetchOptions, A as API_URL, n as normalizeShapeType, i as isElement, e as isGroup, h as buildRoundedTrianglePath, j as hasEdgeFade, k as bakeEdgeFade, l as getRoundedRectRadii, T as TRIANGLE_STROKE_MITER_LIMIT, m as getTrianglePoints, o as getWorldAngleDeg } from "./index-CiSoT2Lk.js";
+import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-B_rPB0OF.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
   const {
@@ -12,7 +12,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 import("./pdfFonts-DhEaMTZl.js");
+  } = await import("./pdfFonts-B_rPB0OF.js");
   const parser = new DOMParser();
   const doc = parser.parseFromString(svgStr, "image/svg+xml");
   const textEls = Array.from(doc.querySelectorAll("text, tspan, textPath"));
@@ -1814,7 +1814,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");
@@ -2607,7 +2607,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);
@@ -3252,7 +3252,7 @@ async function fetchSvgAsElement(imageUrl, colorMap) {
 async function getRecoloredSvgDataUrl(imageUrl, colorMap) {
   if (!colorMap || Object.keys(colorMap).length === 0) return null;
   try {
-    const { getNormalizedSvgUrl } = await import("./index-dxfsI5E1.js").then((n) => n.a7);
+    const { getNormalizedSvgUrl } = await import("./index-CiSoT2Lk.js").then((n) => n.a8);
     return await getNormalizedSvgUrl(imageUrl, colorMap);
   } catch {
     return null;
@@ -4061,7 +4061,7 @@ async function fetchImageAsBase64(imageUrl, opts = {}) {
     }
     let fetchUrl = imageUrl;
     if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-      const { isPrivateUrl } = await import("./index-dxfsI5E1.js").then((n) => n.a7);
+      const { isPrivateUrl } = await import("./index-CiSoT2Lk.js").then((n) => n.a8);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4159,7 +4159,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 },
@@ -4175,6 +4175,7 @@ function getShapePoints(shapeType, x, y, w, h) {
         { x, y: y + h * t },
         { x: x + w * t, y: y + h * t }
       ];
+    }
     default:
       return null;
   }
@@ -4678,7 +4679,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);
@@ -4690,6 +4691,18 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
       norm.y = abs.top;
       norm.w = abs.width;
       norm.h = abs.height;
+      if (isElement(node)) {
+        norm.angle = 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) {
@@ -4765,11 +4778,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";
@@ -5199,7 +5212,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);
     }
@@ -5299,7 +5312,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);
   }
@@ -5935,7 +5948,7 @@ async function __exportMultiPagePdfInner(pages, options) {
         }
         let preppedSvgString = liveSvgString;
         try {
-          const { prepareSvgTextForPdfMode } = await import("./svgTextToPath-Bw974R9h.js");
+          const { prepareSvgTextForPdfMode } = await import("./svgTextToPath-RmE-6Dbn.js");
           preppedSvgString = await prepareSvgTextForPdfMode(liveSvgString, pdfTextMode);
           console.log("[client-pdf-export] gradient text mode", {
             pdfTextMode,
@@ -6160,7 +6173,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();
@@ -6196,4 +6209,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-Bazeq3bN.js.map
+//# sourceMappingURL=vectorPdfExport-E3x8GBto.js.map