@pixldocs/canvas-renderer 0.5.178 → 0.5.180

package/dist/{index-Dj7Bs3EZ.js → index-DdrxSxRr.js}

@@ -466,9 +466,19 @@ function resolveStackGroupEffectivePositions(group, pageChildren, options) {
   const gap = group.stackSpacing ?? 8;
   const padTop = group.paddingTop ?? 0;
   const padLeft = group.paddingLeft ?? 0;
+  const padRight = group.paddingRight ?? 0;
+  const padBottom = group.paddingBottom ?? 0;
+  const justify = group.justifyContent ?? "start";
+  const align = group.alignItems ?? "start";
+  const isVertical = isVerticalStackLayoutMode(mode);
   const kids = group.children ?? [];
   const out = /* @__PURE__ */ new Map();
-  if (isVerticalStackLayoutMode(mode)) {
+  const sizes = /* @__PURE__ */ new Map();
+  for (const c of kids) {
+    const b = getNodeBounds(c, pageChildren);
+    sizes.set(c.id, { width: b.width, height: b.height });
+  }
+  if (isVertical) {
     let prevBottom = padTop;
     let firstSeen = false;
     for (let i = 0; i < kids.length; i++) {
@@ -480,7 +490,7 @@ function resolveStackGroupEffectivePositions(group, pageChildren, options) {
       const effectiveTop = !firstSeen ? padTop + storedTop + mTop : prevBottom + gap + storedTop + mTop;
       firstSeen = true;
       out.set(child.id, { top: effectiveTop, left: padLeft + storedLeft + mLeft });
-      const h = getNodeBounds(child, pageChildren).height;
+      const h = sizes.get(child.id).height;
       prevBottom = effectiveTop + h + (child.marginBottom ?? 0);
     }
   } else {
@@ -495,10 +505,99 @@ function resolveStackGroupEffectivePositions(group, pageChildren, options) {
       const effectiveLeft = !firstSeen ? padLeft + storedLeft + mLeft : prevRight + gap + storedLeft + mLeft;
       firstSeen = true;
       out.set(child.id, { top: padTop + storedTop + mTop, left: effectiveLeft });
-      const w = getNodeBounds(child, pageChildren).width;
+      const w = sizes.get(child.id).width;
       prevRight = effectiveLeft + w + (child.marginRight ?? 0);
     }
   }
+  const containerW = typeof group.width === "number" ? group.width : void 0;
+  const containerH = typeof group.height === "number" ? group.height : void 0;
+  const mainContainer = isVertical ? containerH : containerW;
+  const crossContainer = isVertical ? containerW : containerH;
+  if (align !== "start" && crossContainer != null && kids.length > 0) {
+    const crossPad0 = isVertical ? padLeft : padTop;
+    const crossPadEnd = isVertical ? padRight : padBottom;
+    const innerCross = Math.max(0, crossContainer - crossPad0 - crossPadEnd);
+    for (const child of kids) {
+      const pos = out.get(child.id);
+      if (!pos) continue;
+      const sz = sizes.get(child.id);
+      const childCross = isVertical ? sz.width : sz.height;
+      let crossPos;
+      if (align === "stretch") {
+        crossPos = crossPad0;
+      } else if (align === "center") {
+        crossPos = crossPad0 + (innerCross - childCross) / 2;
+      } else {
+        crossPos = crossPad0 + (innerCross - childCross);
+      }
+      if (isVertical) {
+        out.set(child.id, { top: pos.top, left: crossPos });
+      } else {
+        out.set(child.id, { top: crossPos, left: pos.left });
+      }
+    }
+  }
+  if (justify !== "start" && mainContainer != null && kids.length > 0) {
+    const mainPad0 = isVertical ? padTop : padLeft;
+    const mainPadEnd = isVertical ? padBottom : padRight;
+    const innerMain = Math.max(0, mainContainer - mainPad0 - mainPadEnd);
+    let totalMain = 0;
+    for (let i = 0; i < kids.length; i++) {
+      const child = kids[i];
+      const sz = sizes.get(child.id);
+      totalMain += isVertical ? sz.height : sz.width;
+      const marginStart = isVertical ? child.marginTop ?? 0 : child.marginLeft ?? 0;
+      const marginEnd = isVertical ? child.marginBottom ?? 0 : child.marginRight ?? 0;
+      totalMain += marginStart + marginEnd;
+    }
+    const baseGapTotal = gap * Math.max(0, kids.length - 1);
+    const free = innerMain - totalMain - baseGapTotal;
+    let offset = 0;
+    let extraGap = 0;
+    if (free > 0) {
+      switch (justify) {
+        case "center":
+          offset = free / 2;
+          break;
+        case "end":
+          offset = free;
+          break;
+        case "space-between":
+          if (kids.length > 1) extraGap = free / (kids.length - 1);
+          else offset = free / 2;
+          break;
+        case "space-around":
+          if (kids.length > 0) {
+            extraGap = free / kids.length;
+            offset = extraGap / 2;
+          }
+          break;
+        case "space-evenly":
+          extraGap = free / (kids.length + 1);
+          offset = extraGap;
+          break;
+      }
+    }
+    if (offset !== 0 || extraGap !== 0) {
+      let cursor = mainPad0 + offset;
+      for (let i = 0; i < kids.length; i++) {
+        const child = kids[i];
+        const sz = sizes.get(child.id);
+        const marginStart = isVertical ? child.marginTop ?? 0 : child.marginLeft ?? 0;
+        const marginEnd = isVertical ? child.marginBottom ?? 0 : child.marginRight ?? 0;
+        const main = isVertical ? sz.height : sz.width;
+        const pos = out.get(child.id);
+        if (!pos) continue;
+        const startMain = cursor + marginStart;
+        if (isVertical) {
+          out.set(child.id, { top: startMain, left: pos.left });
+        } else {
+          out.set(child.id, { top: pos.top, left: startMain });
+        }
+        cursor = startMain + main + marginEnd + gap + extraGap;
+      }
+    }
+  }
   return out;
 }
 function groupBoundsFromChildren(group, pageChildren, options) {
@@ -7599,7 +7698,28 @@ const PageCanvas = forwardRef(
         const element = id ? elementById.get(id) : void 0;
         if (!element) return;
         if (element.overflowPolicy === "auto-shrink") {
+          try {
+            const measured = createText(element);
+            const newFontSize = measured.fontSize;
+            const newWidth = measured.width;
+            const currentFontSize = obj.fontSize;
+            if (typeof newFontSize === "number" && newFontSize > 0 && newFontSize !== currentFontSize) {
+              obj.set({ fontSize: newFontSize });
+              if (typeof newWidth === "number" && newWidth > 0) {
+                obj.width = newWidth;
+              }
+              obj.initDimensions();
+              obj.setCoords();
+              didReflow = true;
+            }
+          } catch {
+          }
           obj.dirty = true;
+          try {
+            obj._forceClearCache = true;
+            if (typeof obj._clearCache === "function") obj._clearCache();
+          } catch {
+          }
           return;
         }
         const targetWidth = Math.max(1, Number(element.width) > 0 ? Number(element.width) : Number(obj.width ?? 200));
@@ -9212,9 +9332,26 @@ const PageCanvas = forwardRef(
               const needsCropGroupFadeUpdate = isCropGroup2 && fadeKeyChanged;
               const hadUrlBefore = storedImageUrl && String(storedImageUrl).trim() !== "";
               if (!hasUrl && hadUrlBefore) {
-                const placeholder = isCropGroup2 ? createImagePlaceholderForGroup(element) : createImagePlaceholder(element);
+                const resolvedSizeImg = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
+                const hasExplicitSize = typeof element.width === "number" && Number.isFinite(element.width) && element.width > 0 && typeof element.height === "number" && Number.isFinite(element.height) && element.height > 0;
+                const minVisiblePlaceholder = hasExplicitSize ? 1 : 20;
+                const nextWidth = Math.max(minVisiblePlaceholder, Number(resolvedSizeImg.width) || 200);
+                const nextHeight = Math.max(minVisiblePlaceholder, Number(resolvedSizeImg.height) || 50);
+                const storePosImg = pageChildren ? (() => {
+                  const node = findNodeById(pageChildren, element.id);
+                  return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                })() : { left: element.left ?? 0, top: element.top ?? 0 };
+                const elementForPlaceholder = { ...element, width: nextWidth, height: nextHeight };
+                const placeholder = isCropGroup2 ? createImagePlaceholderForGroup(elementForPlaceholder) : createImagePlaceholder(elementForPlaceholder);
                 setObjectData(placeholder, element.id);
                 placeholder.__imageSrc = "";
+                placeholder.set({
+                  left: storePosImg.left + nextWidth / 2,
+                  top: storePosImg.top + nextHeight / 2,
+                  originX: "center",
+                  originY: "center"
+                });
+                placeholder.setCoords();
                 const idx = fc.getObjects().indexOf(existingObj);
                 fc.remove(existingObj);
                 if (idx >= 0) {
@@ -11738,7 +11875,8 @@ function formDefSectionsToInferred(schemaSections, repeatableNodeMap) {
           // Honor minEntries: 0 — start with no entries, user adds via "+ Add" button.
           initialEntryCount: minEntries,
           parentId,
-          entryNameFieldKey: def.entryNameFieldKey
+          entryNameFieldKey: def.entryNameFieldKey,
+          isRepeatablePage: def.isRepeatablePage
         };
         if (treeNodeId) section.treeNodeId = treeNodeId;
         sections.push(section);
@@ -16342,9 +16480,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.178";
+const resolvedPackageVersion = "0.5.180";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.178";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.180";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -16846,7 +16984,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 import("./vectorPdfExport-3KWX0dvS.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-DCZJhOmn.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -18047,7 +18185,7 @@ function normalizeSvgExplicitColors(svg) {
 function bakeGroupOpacityIntoChildren(svg) {
   const DRAWABLE = /* @__PURE__ */ new Set(["path", "rect", "circle", "ellipse", "polygon", "polyline", "line", "text", "tspan"]);
   function walkAndBake(el, inheritedOpacity) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (isInSvgDefinitionSubtree(el)) {
       for (let i = 0; i < el.children.length; i++) walkAndBake(el.children[i], 1);
       return;
@@ -18057,7 +18195,7 @@ function bakeGroupOpacityIntoChildren(svg) {
     const styleOpacity = parseSvgOpacity(((_b = el.style) == null ? void 0 : _b.getPropertyValue("opacity")) || null);
     const ownOpacity = opacityAttr ?? styleOpacity ?? 1;
     const combinedOpacity = inheritedOpacity * ownOpacity;
-    if (ownOpacity < 0.999) {
+    if (ownOpacity < 0.999 && tag !== "image") {
       el.removeAttribute("opacity");
       if ((_c = el.style) == null ? void 0 : _c.opacity) el.style.removeProperty("opacity");
     }
@@ -18065,6 +18203,10 @@ function bakeGroupOpacityIntoChildren(svg) {
       multiplySvgOpacityAttr(el, "fill-opacity", combinedOpacity);
       multiplySvgOpacityAttr(el, "stroke-opacity", combinedOpacity);
     }
+    if (tag === "image" && combinedOpacity < 0.999) {
+      el.setAttribute("opacity", String(Number(combinedOpacity.toFixed(4))));
+      if ((_d = el.style) == null ? void 0 : _d.opacity) el.style.removeProperty("opacity");
+    }
     if (tag === "stop" && ownOpacity < 0.999) {
       multiplySvgOpacityAttr(el, "stop-opacity", ownOpacity);
     }
@@ -18987,7 +19129,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-3KWX0dvS.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-DCZJhOmn.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -19383,4 +19525,4 @@ export {
   collectFontDescriptorsFromConfig as y,
   collectFontsFromConfig as z
 };
-//# sourceMappingURL=index-Dj7Bs3EZ.js.map
+//# sourceMappingURL=index-DdrxSxRr.js.map