docgen-utils 1.0.22 → 1.0.23

package/dist/bundle.js

@@ -67134,6 +67134,28 @@ ${generateStylesCss(styleMap, themeFonts)}
           const imgEl = el;
           const natW = imgEl.naturalWidth;
           const natH = imgEl.naturalHeight;
+          let objectPosition;
+          const objPos = imgComputed.objectPosition;
+          if (objPos && objectFit === "cover") {
+            const parts = objPos.trim().split(/\s+/);
+            const parseFraction = (val, dimension) => {
+              if (val.endsWith("%")) {
+                return parseFloat(val) / 100;
+              }
+              const px = parseFloat(val);
+              if (!isNaN(px) && dimension > 0) {
+                return px / dimension;
+              }
+              return 0.5;
+            };
+            const displayW = wasClipped ? clippedW : rect2.width;
+            const displayH = wasClipped ? clippedH : rect2.height;
+            const xFrac = parts.length >= 1 ? parseFraction(parts[0], displayW) : 0.5;
+            const yFrac = parts.length >= 2 ? parseFraction(parts[1], displayH) : xFrac;
+            if (Math.abs(xFrac - 0.5) > 1e-3 || Math.abs(yFrac - 0.5) > 1e-3) {
+              objectPosition = [xFrac, yFrac];
+            }
+          }
           const imageElement = {
             type: isFullSlideImage ? "slideBackgroundImage" : "image",
             src: imgSrc,
@@ -67145,10 +67167,13 @@ ${generateStylesCss(styleMap, themeFonts)}
             },
             sizing: objectFit === "cover" ? { type: "cover" } : null
           };
-          if (objectFit === "cover" && natW > 0 && natH > 0 && !isFullSlideImage) {
+          if (objectFit === "cover" && natW > 0 && natH > 0) {
             imageElement.naturalWidth = natW;
             imageElement.naturalHeight = natH;
           }
+          if (objectPosition) {
+            imageElement.objectPosition = objectPosition;
+          }
           if (imgRectRadius !== null) {
             imageElement.rectRadius = imgRectRadius;
           }
@@ -68473,6 +68498,29 @@ ${generateStylesCss(styleMap, themeFonts)}
     }
     return runs;
   }
+  function computeCoverCrop(naturalWidth, naturalHeight, boxW, boxH, objectPosition) {
+    const imgRatio = naturalHeight / naturalWidth;
+    const boxRatio = boxH / boxW;
+    const isBoxBased = boxRatio > imgRatio;
+    const effW = isBoxBased ? boxH / imgRatio : boxW;
+    const effH = isBoxBased ? boxH : boxW * imgRatio;
+    const [anchorX, anchorY] = objectPosition ?? [0.5, 0.5];
+    const excessW = effW - boxW;
+    const excessH = effH - boxH;
+    const cropX = excessW * anchorX;
+    const cropY = excessH * anchorY;
+    return {
+      effW,
+      effH,
+      sizing: {
+        type: "crop",
+        x: cropX,
+        y: cropY,
+        w: boxW,
+        h: boxH
+      }
+    };
+  }
   function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
   }
@@ -68582,7 +68630,12 @@ ${generateStylesCss(styleMap, themeFonts)}
           w: el.position.w,
           h: el.position.h
         };
-        if (el.sizing && el.sizing.type) {
+        if (el.sizing && el.sizing.type === "cover" && el.naturalWidth && el.naturalHeight) {
+          const crop = computeCoverCrop(el.naturalWidth, el.naturalHeight, el.position.w, el.position.h, el.objectPosition);
+          imageOptions.w = crop.effW;
+          imageOptions.h = crop.effH;
+          imageOptions.sizing = crop.sizing;
+        } else if (el.sizing && el.sizing.type) {
           imageOptions.sizing = { type: el.sizing.type, w: el.position.w, h: el.position.h };
         }
         if (el.brightness !== void 0)
@@ -68624,22 +68677,10 @@ ${generateStylesCss(styleMap, themeFonts)}
           h: el.position.h
         };
         if (el.sizing && el.sizing.type === "cover" && el.naturalWidth && el.naturalHeight) {
-          const imgRatio = el.naturalHeight / el.naturalWidth;
-          const boxRatio = el.position.h / el.position.w;
-          const isBoxBased = boxRatio > imgRatio;
-          const effW = isBoxBased ? el.position.h / imgRatio : el.position.w;
-          const effH = isBoxBased ? el.position.h : el.position.w * imgRatio;
-          const cropX = (effW - el.position.w) / 2;
-          const cropY = (effH - el.position.h) / 2;
-          imageOptions.w = effW;
-          imageOptions.h = effH;
-          imageOptions.sizing = {
-            type: "crop",
-            x: cropX,
-            y: cropY,
-            w: el.position.w,
-            h: el.position.h
-          };
+          const crop = computeCoverCrop(el.naturalWidth, el.naturalHeight, el.position.w, el.position.h, el.objectPosition);
+          imageOptions.w = crop.effW;
+          imageOptions.h = crop.effH;
+          imageOptions.sizing = crop.sizing;
         } else if (el.sizing && el.sizing.type) {
           imageOptions.sizing = { type: el.sizing.type, w: el.position.w, h: el.position.h };
         }