@pixldocs/canvas-renderer 0.5.460 → 0.5.462

package/dist/{vectorPdfExport-B5Xxp9RH.cjs → vectorPdfExport-IjuMSK-o.cjs}

@@ -3,7 +3,7 @@ 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-CtJvkbzV.cjs");
+const index = require("./index-DjoKgogq.cjs");
 const pdfFonts = require("./pdfFonts-BTj2f465.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -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-CtJvkbzV.cjs")).then((n) => n.canvasImageLoader);
+    const { getNormalizedSvgUrl } = await Promise.resolve().then(() => require("./index-DjoKgogq.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-CtJvkbzV.cjs")).then((n) => n.canvasImageLoader);
+      const { isPrivateUrl } = await Promise.resolve().then(() => require("./index-DjoKgogq.cjs")).then((n) => n.canvasImageLoader);
       if (isPrivateUrl(imageUrl)) return null;
       const proxyUrl = new URL(`${index.API_URL}/image-proxy`);
       proxyUrl.searchParams.set("url", imageUrl);
@@ -4790,6 +4790,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);
@@ -4797,8 +4799,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,
@@ -5470,8 +5481,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 {
@@ -6192,4 +6214,4 @@ exports.exportMultiPagePdf = exportMultiPagePdf;
 exports.logTextMeasurementDiagnostic = logTextMeasurementDiagnostic;
 exports.preparePagesForExport = preparePagesForExport;
 exports.rewriteSvgFontsForJsPDFWithSourceMeta = rewriteSvgFontsForJsPDFWithSourceMeta;
-//# sourceMappingURL=vectorPdfExport-B5Xxp9RH.cjs.map
+//# sourceMappingURL=vectorPdfExport-IjuMSK-o.cjs.map