@pixldocs/canvas-renderer 0.5.301 → 0.5.303

package/dist/{index-BUG1_dx7.cjs → index-RzHOtjZi.cjs}

@@ -1550,7 +1550,7 @@ const useEditorStore = zustand.create((set, get) => ({
     }
     let nextCanvas = updateCurrentPageChildren(state.canvas, () => nextChildren);
     nextCanvas.selectedIds = state.canvas.selectedIds.filter(
-      (id) => !ids.includes(id) && !prunedGroupIds.has(id)
+      (id) => !allDeletedIds.has(id) && !prunedGroupIds.has(id)
     );
     if (nextCanvas.themeConfig) {
       const remainingProps = nextCanvas.themeConfig.properties.filter((p) => !allDeletedIds.has(p.elementId));
@@ -11305,6 +11305,41 @@ const PageCanvas = react.forwardRef(
     const [groupResizeState, setGroupResizeState] = react.useState(null);
     const [groupOverlayLiveBounds, setGroupOverlayLiveBounds] = react.useState(null);
     const setGroupOverlayLiveBoundsRef = react.useRef(setGroupOverlayLiveBounds);
+    const restoreSuppressedGroupMemberVisuals = react.useCallback(() => {
+      const list = suppressGroupMemberBordersRef.current;
+      if (!list || list.length === 0) return;
+      for (const member of list) {
+        const origBorders = member.__pixldocsOrigHasBorders;
+        const origControls = member.__pixldocsOrigHasControls;
+        const origLockX = member.__pixldocsOrigLockScalingX;
+        if (origBorders !== void 0) member.hasBorders = origBorders;
+        else member.hasBorders = true;
+        if (origControls !== void 0) member.hasControls = origControls;
+        else member.hasControls = true;
+        if (origLockX !== void 0) {
+          member.lockScalingX = origLockX;
+          member.lockScalingY = member.__pixldocsOrigLockScalingY;
+        }
+        delete member.__pixldocsOrigHasBorders;
+        delete member.__pixldocsOrigHasControls;
+        delete member.__pixldocsOrigLockScalingX;
+        delete member.__pixldocsOrigLockScalingY;
+      }
+      suppressGroupMemberBordersRef.current = [];
+    }, []);
+    const clearCanvasActiveVisuals = react.useCallback((fc) => {
+      setGroupOverlayLiveBoundsRef.current(null);
+      restoreSuppressedGroupMemberVisuals();
+      try {
+        fc.discardActiveObject();
+        const topContext = fc.contextTop;
+        if (topContext && typeof fc.clearContext === "function") {
+          fc.clearContext(topContext);
+        }
+        fc.requestRenderAll();
+      } catch {
+      }
+    }, [restoreSuppressedGroupMemberVisuals]);
     const skipSelectionClearOnDiscardRef = react.useRef(false);
     const skipActiveSelectionBakeOnClearRef = react.useRef(false);
     const preserveEditingScopeOnSelectionClearRef = react.useRef(false);
@@ -11331,6 +11366,7 @@ const PageCanvas = react.forwardRef(
     const lastTextEditDimensionsRef = react.useRef(null);
     const lastResizeScaleTargetRef = react.useRef(null);
     const activeSelectionResizeHandleRef = react.useRef(null);
+    const groupShiftReflowSnapshotRef = react.useRef(null);
     const preserveSelectionAfterTransformIdRef = react.useRef(null);
     const groupSelectionTransformStartRef = react.useRef(null);
     const activeSelectionMoveStartRef = react.useRef(null);
@@ -11393,6 +11429,34 @@ const PageCanvas = react.forwardRef(
     react.useEffect(() => {
       selectedIdsRef.current = selectedIds;
     }, [selectedIds]);
+    react.useEffect(() => {
+      const fc = fabricRef.current;
+      if (!fc || !isActive || !currentPage) return;
+      const pageChildren2 = currentPage.children ?? [];
+      const hasMissingSelection = selectedIds.some((id) => !findNodeById(pageChildren2, id));
+      const activeEditingGroupId = fc.__activeEditingGroupId ?? null;
+      const activeEditingGroupMissing = !!activeEditingGroupId && !findNodeById(pageChildren2, activeEditingGroupId);
+      const drilledGroupMissing = !!drilledGroupIdRef.current && !findNodeById(pageChildren2, drilledGroupIdRef.current);
+      const hasGroupEditContext = !!activeEditingGroupId || !!drilledGroupIdRef.current;
+      if (selectedIds.length === 0 && !hasGroupEditContext || hasMissingSelection || activeEditingGroupMissing || drilledGroupMissing) {
+        fc.__activeEditingGroupId = null;
+        drilledGroupIdRef.current = null;
+        setDrilledGroupBounds(null);
+        preserveActiveSelectionAfterTransformRef.current = null;
+        recentGroupSelectionRestoreRef.current = null;
+        clearCanvasActiveVisuals(fc);
+      } else if (hasGroupEditContext) {
+        requestAnimationFrame(() => {
+          var _a2;
+          if (fabricRef.current !== fc) return;
+          try {
+            (_a2 = fc.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fc);
+          } catch {
+          }
+          fc.requestRenderAll();
+        });
+      }
+    }, [selectedIds, currentPage, isActive, clearCanvasActiveVisuals]);
     react.useEffect(() => {
       isActiveRef.current = isActive;
       if (isEditorMode && isActive && fabricRef.current) ;
@@ -13460,7 +13524,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c, _d, _e, _f;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -13637,6 +13701,33 @@ const PageCanvas = react.forwardRef(
           const isXSide = corner === "ml" || corner === "mr";
           const sAxis = isXSide ? Math.abs(obj.scaleX ?? 1) : Math.abs(obj.scaleY ?? 1);
           if (sAxis > 1e-3) {
+            if (isXSide && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
+              groupShiftReflowSnapshotRef.current = null;
+              const logicalGroupId = obj.__pixldocsGroupSelection;
+              if (logicalGroupId) {
+                try {
+                  const state = useEditorStore.getState();
+                  const pageChildren2 = ((_c = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
+                  const groupNode = findNodeById(pageChildren2, logicalGroupId);
+                  if (groupNode && isGroup(groupNode) && !isStackLayoutMode(groupNode.layoutMode)) {
+                    const entries = obj.getObjects().map((c) => ({
+                      obj: c,
+                      id: getObjectId(c) ?? "",
+                      top0: c.top ?? 0,
+                      height0: (c.height ?? 0) * Math.abs(c.scaleY ?? 1)
+                    })).filter((e2) => e2.id).sort((a, b) => a.top0 - b.top0);
+                    if (entries.length > 1) {
+                      const gaps = [];
+                      for (let i = 1; i < entries.length; i++) {
+                        gaps.push(Math.max(0, entries[i].top0 - (entries[i - 1].top0 + entries[i - 1].height0)));
+                      }
+                      groupShiftReflowSnapshotRef.current = { selection: obj, groupId: logicalGroupId, children: entries, gaps };
+                    }
+                  }
+                } catch {
+                }
+              }
+            }
             const asW0 = obj.width ?? 0;
             const asH0 = obj.height ?? 0;
             const asSx0 = obj.scaleX ?? 1;
@@ -13646,7 +13737,7 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_b2 = child._ct) == null ? void 0 : _b2.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_d = child._ct) == null ? void 0 : _d.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (isXSide) {
@@ -13751,6 +13842,31 @@ const PageCanvas = react.forwardRef(
                 didReflowTextChild = true;
               }
             }
+            if (isXSide && ((_e = groupShiftReflowSnapshotRef.current) == null ? void 0 : _e.selection) === obj) {
+              const snap = groupShiftReflowSnapshotRef.current;
+              let prevBottom = -Infinity;
+              let didShift = false;
+              for (let i = 0; i < snap.children.length; i++) {
+                const entry = snap.children[i];
+                const c = entry.obj;
+                let liveH;
+                if (c instanceof fabric__namespace.Textbox) {
+                  liveH = c.height ?? entry.height0;
+                } else {
+                  liveH = (c.height ?? entry.height0) * Math.abs(c.scaleY ?? 1);
+                }
+                const gap = i === 0 ? 0 : snap.gaps[i - 1];
+                const targetTop = i === 0 ? entry.top0 : Math.max(entry.top0, prevBottom + gap);
+                if (Math.abs((c.top ?? 0) - targetTop) > 0.5) {
+                  c._set("top", targetTop);
+                  c.setCoords();
+                  c.dirty = true;
+                  didShift = true;
+                }
+                prevBottom = targetTop + liveH;
+              }
+              if (didShift) didReflowTextChild = true;
+            }
             if (isXSide && didReflowTextChild && typeof obj.triggerLayout === "function") {
               try {
                 obj.triggerLayout();
@@ -13864,7 +13980,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_c = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _c.call(fabricCanvas);
+            (_f = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _f.call(fabricCanvas);
           } catch {
           }
         }
@@ -14071,6 +14187,7 @@ const PageCanvas = react.forwardRef(
             }
           } catch {
           }
+          groupShiftReflowSnapshotRef.current = null;
           lockEdits();
           const modifiedTarget = e.target;
           const modifiedTargetId = modifiedTarget ? getObjectId(modifiedTarget) : null;
@@ -15294,7 +15411,7 @@ const PageCanvas = react.forwardRef(
         visibilityUpdateInProgressRef.current = false;
       }
       doSyncRef.current = () => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
         const shouldSkipUpdates2 = syncLockedRef.current || editLockRef.current;
         const state = useEditorStore.getState();
         const elementsToSync = elements;
@@ -15319,10 +15436,20 @@ const PageCanvas = react.forwardRef(
         const activeBeforeSync = fc.getActiveObject();
         const transformSelectionId = preserveSelectionAfterTransformIdRef.current;
         const isTransforming2 = !!fc._currentTransform;
-        const activeSelectionSnapshot = activeBeforeSync instanceof fabric__namespace.ActiveSelection ? {
+        const rawActiveSelectionSnapshot = activeBeforeSync instanceof fabric__namespace.ActiveSelection ? {
           memberIds: activeBeforeSync.getObjects().map((o) => getObjectId(o)).filter((id) => !!id && id !== "__background__"),
           groupSelectionId: activeBeforeSync.__pixldocsGroupSelection
         } : preserveActiveSelectionAfterTransformRef.current;
+        const activeSelectionSnapshot = rawActiveSelectionSnapshot ? (() => {
+          let memberIds = rawActiveSelectionSnapshot.memberIds.filter((id) => allElementIds.has(id));
+          const groupSelectionId = rawActiveSelectionSnapshot.groupSelectionId;
+          if (groupSelectionId) {
+            const groupNode = findNodeById(pageTree, groupSelectionId);
+            if (!groupNode || !isGroup(groupNode)) return null;
+            memberIds = getAllElementIds(groupNode.children ?? []).filter((id) => allElementIds.has(id));
+          }
+          return memberIds.length > 0 ? { ...rawActiveSelectionSnapshot, memberIds, groupSelectionId } : null;
+        })() : null;
         if (syncTriggeredByPanelRef.current && !transformSelectionId && !shouldSkipUpdates2 && !isTransforming2) {
           const activeObj = fc.getActiveObject();
           const activeObjId = activeObj ? getObjectId(activeObj) : null;
@@ -16116,6 +16243,12 @@ const PageCanvas = react.forwardRef(
             }
           }
         }
+        if (fc.__activeEditingGroupId) {
+          try {
+            (_k = fc.__updateDrilledGroupOutline) == null ? void 0 : _k.call(fc);
+          } catch {
+          }
+        }
         const recentGroupRestore = recentGroupSelectionRestoreRef.current;
         if ((recentGroupRestore == null ? void 0 : recentGroupRestore.groupSelectionId) && recentGroupRestore.expiresAt > Date.now()) {
           restoreGroupSelectionSnapshot(recentGroupRestore);
@@ -24043,9 +24176,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.301";
+const resolvedPackageVersion = "0.5.303";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.301";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.303";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24859,7 +24992,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-hHMDys-j.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BWWx6ATR.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27179,7 +27312,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-hHMDys-j.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BWWx6ATR.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27576,4 +27709,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BUG1_dx7.cjs.map
+//# sourceMappingURL=index-RzHOtjZi.cjs.map