@pixldocs/canvas-renderer 0.5.461 → 0.5.463

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-D1sMo2it.cjs");
+const index = require("./index-kf9OkhGi.cjs");
 exports.DEPLOYMENT_VERSION_MARKER = index.DEPLOYMENT_VERSION_MARKER;
 exports.FONT_FALLBACK_DEVANAGARI = index.FONT_FALLBACK_DEVANAGARI;
 exports.FONT_FALLBACK_MATH = index.FONT_FALLBACK_MATH;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, M, b, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6 } from "./index-COG7WTYO.js";
+import { D, F, o, q, s, P, t, u, v, w, x, y, z, B, C, E, G, H, I, J, K, L, M, b, N, O, Q, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6 } from "./index-CJ3vY_6d.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,

package/dist/{vectorPdfExport-Bn1wgD8Q.js → vectorPdfExport-BlCi6g1y.js}

@@ -1,7 +1,7 @@
 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-COG7WTYO.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 } from "./index-CJ3vY_6d.js";
 import { resetPdfFontRegistry, FONT_FALLBACK_SYMBOLS, FONT_FALLBACK_MATH, FONT_FALLBACK_DEVANAGARI, embedFontWithGoogleFallback, getEmbeddedVariantsList, isFontAvailable, isFamilyEmbedded, resolveBestRegisteredVariant, getEmbeddedJsPDFFontName, resolveFontWeight, doesVariantSupportChar } from "./pdfFonts-DhEaMTZl.js";
 async function embedFontsForSvg(pdf, svgStr) {
   var _a;
@@ -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-COG7WTYO.js").then((n) => n.a7);
+    const { getNormalizedSvgUrl } = await import("./index-CJ3vY_6d.js").then((n) => n.a7);
     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-COG7WTYO.js").then((n) => n.a7);
+      const { isPrivateUrl } = await import("./index-CJ3vY_6d.js").then((n) => n.a7);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4771,15 +4771,27 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
               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 fitContain = ((cropData == null ? void 0 : cropData.fit) ?? element.imageFit ?? "cover") === "contain";
+              const alignH = element.imageAlignH ?? "center";
+              const alignV = element.imageAlignV ?? "middle";
+              const containScaleVal = Math.max(1, Math.min(3, Number(element.containScale ?? 1)));
               const cropSvgRect = (clipX, clipY, clipW, clipH) => {
                 const baseScale = fitContain ? Math.min(clipW / naturalW, clipH / naturalH) : Math.max(clipW / naturalW, clipH / naturalH);
-                const finalScale = baseScale * (fitContain ? 1 : cropZoomVal);
+                const finalScale = baseScale * (fitContain ? containScaleVal : cropZoomVal);
                 const drawW = naturalW * finalScale;
                 const drawH = naturalH * finalScale;
                 const overflowX = Math.max(0, drawW - clipW);
                 const overflowY = Math.max(0, drawH - clipH);
-                const offX = overflowX > 0 ? -overflowX * (cropPanXVal - 0.5) : 0;
-                const offY = overflowY > 0 ? -overflowY * (cropPanYVal - 0.5) : 0;
+                let offX = 0;
+                let offY = 0;
+                if (fitContain) {
+                  const slackX = clipW - drawW;
+                  const slackY = clipH - drawH;
+                  offX = alignH === "left" ? -slackX / 2 : alignH === "right" ? slackX / 2 : 0;
+                  offY = alignV === "top" ? -slackY / 2 : alignV === "bottom" ? slackY / 2 : 0;
+                } else {
+                  offX = overflowX > 0 ? -overflowX * (cropPanXVal - 0.5) : 0;
+                  offY = overflowY > 0 ? -overflowY * (cropPanYVal - 0.5) : 0;
+                }
                 return {
                   x: clipX + clipW / 2 + offX - drawW / 2,
                   y: clipY + clipH / 2 + offY - drawH / 2,
@@ -5445,14 +5457,26 @@ async function drawElementContentCore(pdf, element, norm, x, y, w, h, embeddedFo
             const naturalW = Math.max(1, Number(element.imageNaturalWidth ?? 0) || w);
             const naturalH = Math.max(1, Number(element.imageNaturalHeight ?? 0) || h);
             const fitContain = (element.imageFit ?? "cover") === "contain";
+            const containScaleVal = Math.max(1, Math.min(3, Number(element.containScale ?? 1)));
             const baseScale = fitContain ? Math.min(w / naturalW, h / naturalH) : Math.max(w / naturalW, h / naturalH);
-            const finalScale = baseScale * (fitContain ? 1 : cropZoom);
+            const finalScale = baseScale * (fitContain ? containScaleVal : cropZoom);
             const drawW = naturalW * finalScale;
             const drawH = naturalH * finalScale;
             const overflowX = Math.max(0, drawW - w);
             const overflowY = Math.max(0, drawH - h);
-            const offsetX = overflowX > 0 ? -overflowX * (cropPanX - 0.5) : 0;
-            const offsetY = overflowY > 0 ? -overflowY * (cropPanY - 0.5) : 0;
+            const alignH = element.imageAlignH ?? "center";
+            const alignV = element.imageAlignV ?? "middle";
+            let offsetX = 0;
+            let offsetY = 0;
+            if (fitContain) {
+              const slackX = w - drawW;
+              const slackY = h - drawH;
+              offsetX = alignH === "left" ? -slackX / 2 : alignH === "right" ? slackX / 2 : 0;
+              offsetY = alignV === "top" ? -slackY / 2 : alignV === "bottom" ? slackY / 2 : 0;
+            } else {
+              offsetX = overflowX > 0 ? -overflowX * (cropPanX - 0.5) : 0;
+              offsetY = overflowY > 0 ? -overflowY * (cropPanY - 0.5) : 0;
+            }
             const svgX = x + w / 2 + offsetX - drawW / 2;
             const svgY = y + h / 2 + offsetY - drawH / 2;
             try {
@@ -6175,4 +6199,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-Bn1wgD8Q.js.map
+//# sourceMappingURL=vectorPdfExport-BlCi6g1y.js.map