@pixldocs/canvas-renderer 0.5.460 → 0.5.462

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-CtJvkbzV.cjs");
+const index = require("./index-DjoKgogq.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-B306IfvT.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-DzpYcUNd.js";
 export {
   D as DEPLOYMENT_VERSION_MARKER,
   F as FONT_FALLBACK_DEVANAGARI,

package/dist/{vectorPdfExport-CWiNW81v.js → vectorPdfExport-CFxK100y.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-B306IfvT.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-DzpYcUNd.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-B306IfvT.js").then((n) => n.a7);
+    const { getNormalizedSvgUrl } = await import("./index-DzpYcUNd.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-B306IfvT.js").then((n) => n.a7);
+      const { isPrivateUrl } = await import("./index-DzpYcUNd.js").then((n) => n.a7);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4771,6 +4771,8 @@ 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 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);
@@ -4778,8 +4780,17 @@ async function drawElement(pdf, element, embeddedFonts, canvasWidth, canvasHeigh
                 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 = Math.max(0, clipW - drawW);
+                  const slackY = Math.max(0, 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,
@@ -5451,8 +5462,19 @@ async function drawElementContentCore(pdf, element, norm, x, y, w, h, embeddedFo
             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 = Math.max(0, w - drawW);
+              const slackY = Math.max(0, 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 +6197,4 @@ export {
   preparePagesForExport,
   rewriteSvgFontsForJsPDFWithSourceMeta
 };
-//# sourceMappingURL=vectorPdfExport-CWiNW81v.js.map
+//# sourceMappingURL=vectorPdfExport-CFxK100y.js.map