@pixldocs/canvas-renderer 0.5.234 → 0.5.236

package/dist/{index-DQRByRIO.cjs → index-D5oENivp.cjs}

@@ -7341,6 +7341,7 @@ function extractTextBgConfig(element) {
     shadowAffectsBg: element.textShadowAffectsBg !== false,
     shadowAffectsText: element.textShadowAffectsText !== false,
     fitToText: element.textBgFitToText === true,
+    lineFullWidth: element.textBgPerLineFullWidth === true,
     shadowType: element.textShadowType,
     shadowColor: element.textShadowColor,
     shadowOffsetX: Number(element.textShadowOffsetX ?? 0) || 0,
@@ -7538,7 +7539,7 @@ function applyTextBackground(obj, cfg) {
       if (ribbonD) {
         bgBounds = computeRibbonBoundsFor(this, pT, pR, pB, pL);
       } else {
-        bgRectsForFill = computeBgRects(this, w, h, pT, pR, pB, pL, !!bg.fitToText);
+        bgRectsForFill = computeBgRects(this, w, h, pT, pR, pB, pL, !!bg.fitToText, !!bg.lineFullWidth);
         bgBounds = unionBounds(bgRectsForFill);
       }
       if (blockShadowActive && bg.shadowAffectsBg !== false) {
@@ -7730,7 +7731,8 @@ function applyTextBackground(obj, cfg) {
       const pB = Math.max(0, Number((bg == null ? void 0 : bg.padBottom) ?? 0));
       const pL = Math.max(0, Number((bg == null ? void 0 : bg.padLeft) ?? 0));
       const fit = !!(bg == null ? void 0 : bg.fitToText);
-      const rects = computeBgRects(this, w, h, pT, pR, pB, pL, fit);
+      const lineFull = !!(bg == null ? void 0 : bg.lineFullWidth);
+      const rects = computeBgRects(this, w, h, pT, pR, pB, pL, fit, lineFull);
       const ribbonD = buildWarpRibbonD(
         this,
         pT,
@@ -8002,9 +8004,9 @@ function computeTextVisualBounds(obj, w, h) {
   }
   return unionBounds(rects.length > 0 ? rects : [{ x: -w / 2, y: -h / 2, w, h }]);
 }
-function computeBgRects(obj, w, h, pT, pR, pB, pL, fit) {
+function computeBgRects(obj, w, h, pT, pR, pB, pL, fit, lineFullWidth = false) {
   var _a2;
-  if (!fit) {
+  if (!fit && !lineFullWidth) {
     return [{
       x: -w / 2 - pL,
       y: -h / 2 - pT,
@@ -8025,7 +8027,24 @@ function computeBgRects(obj, w, h, pT, pR, pB, pL, fit) {
   const halfW = w / 2;
   const halfH = h / 2;
   const lineHeightRatio = Math.max(0.01, Number((obj == null ? void 0 : obj.lineHeight) ?? 1) || 1);
-  let cursorY = -halfH;
+  const valign = (obj == null ? void 0 : obj.verticalAlign) || "top";
+  let contentH = 0;
+  for (let i = 0; i < lines.length; i++) {
+    try {
+      contentH += obj.getHeightOfLine(i) || 0;
+    } catch {
+    }
+  }
+  if (lines.length > 0) {
+    try {
+      const lastH = obj.getHeightOfLine(lines.length - 1) || 0;
+      contentH -= lastH - lastH / lineHeightRatio;
+    } catch {
+    }
+  }
+  const verticalPadding = Math.max(0, h - contentH);
+  const valignOffset = valign === "middle" ? verticalPadding / 2 : valign === "bottom" ? verticalPadding : 0;
+  let cursorY = -halfH + valignOffset;
   for (let i = 0; i < lines.length; i++) {
     let lineW = 0;
     let lineLeft = 0;
@@ -8047,15 +8066,18 @@ function computeBgRects(obj, w, h, pT, pR, pB, pL, fit) {
     }
     const rawSlotH = i === lines.length - 1 ? lineH / lineHeightRatio : lineH;
     const usedH = cursorY + halfH;
-    const slotH = Math.max(0, Math.min(rawSlotH, h - usedH));
-    if (lineW <= 0 || slotH <= 0) {
+    const remaining = h - usedH;
+    const slotH = Math.max(0, Math.min(rawSlotH, remaining));
+    const effectiveW = lineFullWidth ? w : lineW;
+    const effectiveLeft = lineFullWidth ? 0 : lineLeft;
+    if (effectiveW <= 0 || slotH <= 0) {
       cursorY += slotH;
       continue;
     }
     rects.push({
-      x: -halfW + lineLeft - pL,
+      x: -halfW + effectiveLeft - pL,
       y: cursorY - pT,
-      w: lineW + pL + pR,
+      w: effectiveW + pL + pR,
       h: slotH + pT + pB
     });
     cursorY += slotH;
@@ -13088,6 +13110,7 @@ const PageCanvas = react.forwardRef(
                   br: element.textBgRxBR ?? 0,
                   bl: element.textBgRxBL ?? 0,
                   ft: element.textBgFitToText === true,
+                  lf: element.textBgPerLineFullWidth === true,
                   bo: element.textBgOpacity ?? 1,
                   sc: element.textShadowColor ?? null,
                   sb: element.textShadowBlur ?? 0,
@@ -14226,6 +14249,7 @@ const PageCanvas = react.forwardRef(
             br: element.textBgRxBR ?? 0,
             bl: element.textBgRxBL ?? 0,
             ft: element.textBgFitToText === true,
+            lf: element.textBgPerLineFullWidth === true,
             bo: element.textBgOpacity ?? 1,
             sc: element.textShadowColor ?? null,
             sb: element.textShadowBlur ?? 0,
@@ -21115,9 +21139,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.234";
+const resolvedPackageVersion = "0.5.236";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.234";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.236";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -21861,7 +21885,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Bf3z99NE.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-D90JQKe8.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -24181,7 +24205,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Bf3z99NE.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-D90JQKe8.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -24578,4 +24602,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DQRByRIO.cjs.map
+//# sourceMappingURL=index-D5oENivp.cjs.map