@pixldocs/canvas-renderer 0.5.447 → 0.5.448

package/dist/{index-g0HVhMPi.js → index-BruY5wZV.js}

@@ -11668,6 +11668,18 @@ const restorePersistedFlipState = (obj, flipX, flipY, angle) => {
   obj.setCoords();
   obj.dirty = true;
 };
+const isBitmapLikeFabricObject = (obj) => {
+  var _a2;
+  return obj instanceof fabric.FabricImage || obj instanceof fabric.Group && !!(obj.__cropGroup || ((_a2 = obj._ct) == null ? void 0 : _a2.isCropGroup));
+};
+const restorePersistedFlipFlagsOnly = (obj, flipX, flipY) => {
+  if (!isBitmapLikeFabricObject(obj)) return;
+  const sx = Math.abs(Number(obj.scaleX ?? 1)) || 1;
+  const sy = Math.abs(Number(obj.scaleY ?? 1)) || 1;
+  obj.set({ scaleX: sx, scaleY: sy, flipX, flipY });
+  obj.setCoords();
+  obj.dirty = true;
+};
 const toggleLogicalFlipInMatrix = (matrix, flipX, flipY) => {
   if (!flipX && !flipY) return matrix;
   const sx = flipX ? -1 : 1;
@@ -14637,7 +14649,7 @@ const PageCanvas = forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14868,11 +14880,66 @@ const PageCanvas = forwardRef(
             };
           }
         }
-        if (obj instanceof fabric.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
-          const isXSide = corner === "ml" || corner === "mr";
+        if (obj instanceof fabric.ActiveSelection && isCornerResizeHandle(corner)) {
           const _cur = fabricCanvas._currentTransform;
           const startSx = Math.abs(Number(((_g = _cur == null ? void 0 : _cur.original) == null ? void 0 : _g.scaleX) ?? 1)) || 1;
           const startSy = Math.abs(Number(((_h = _cur == null ? void 0 : _cur.original) == null ? void 0 : _h.scaleY) ?? 1)) || 1;
+          const liveAsSx = Math.abs((obj.scaleX ?? 1) / startSx) || 1;
+          const liveAsSy = Math.abs((obj.scaleY ?? 1) / startSy) || 1;
+          const uniform = Math.max(1e-3, Math.sqrt(liveAsSx * liveAsSy));
+          for (const child of obj.getObjects()) {
+            if (!isBitmapLikeFabricObject(child)) continue;
+            const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_i = groupSelectionTransformStartRef.current) == null ? void 0 : _i.selectionLeft) ?? obj.left ?? 0}:${((_j = groupSelectionTransformStartRef.current) == null ? void 0 : _j.selectionTop) ?? obj.top ?? 0}`;
+            if (child.__asLiveGestureKey !== liveGestureKey) {
+              child.__asLiveGestureKey = liveGestureKey;
+              child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
+              child.__asLiveOrigFlipX = !!child.flipX;
+              child.__asLiveOrigFlipY = !!child.flipY;
+              child.__asLiveOrigScaleX = Math.abs(Number(child.scaleX ?? 1)) || 1;
+              child.__asLiveOrigScaleY = Math.abs(Number(child.scaleY ?? 1)) || 1;
+            }
+            const childAngleDeg = child.__asLiveOrigAngle ?? (child.angle ?? 0);
+            const origScaleX = child.__asLiveOrigScaleX;
+            const origScaleY = child.__asLiveOrigScaleY;
+            const baseW = Math.max(1, Number(((_k = child.__cropData) == null ? void 0 : _k.frameW) ?? child.width ?? 1));
+            const baseH = Math.max(1, Number(((_l = child.__cropData) == null ? void 0 : _l.frameH) ?? child.height ?? 1));
+            try {
+              const inv = [1 / liveAsSx, 0, 0, 1 / liveAsSy, 0, 0];
+              const Rtheta = fabric.util.composeMatrix({ angle: childAngleDeg, scaleX: 1, scaleY: 1, translateX: 0, translateY: 0 });
+              const Uscale = fabric.util.composeMatrix({ angle: 0, scaleX: origScaleX * uniform, scaleY: origScaleY * uniform, translateX: 0, translateY: 0 });
+              const M = fabric.util.multiplyTransformMatrices(
+                fabric.util.multiplyTransformMatrices(inv, Rtheta),
+                Uscale
+              );
+              const dec = fabric.util.qrDecompose(M);
+              child._set("angle", dec.angle);
+              child._set("scaleX", dec.scaleX);
+              child._set("scaleY", dec.scaleY);
+              child._set("skewX", dec.skewX);
+              child._set("skewY", dec.skewY);
+              child._set("flipX", !!(child.__asLiveOrigFlipX ?? child.flipX));
+              child._set("flipY", !!(child.__asLiveOrigFlipY ?? child.flipY));
+              const worldMatrix = fabric.util.multiplyTransformMatrices(
+                obj.calcTransformMatrix(),
+                child.calcOwnMatrix()
+              );
+              const live = fabric.util.qrDecompose(worldMatrix);
+              child.__asLiveWorldAngle = (obj.angle ?? 0) + childAngleDeg;
+              child.__asLiveWorldCenterX = live.translateX;
+              child.__asLiveWorldCenterY = live.translateY;
+              child.__asLiveFinalW = baseW * origScaleX * uniform;
+              child.__asLiveFinalH = baseH * origScaleY * uniform;
+            } catch {
+            }
+            child.setCoords();
+            child.dirty = true;
+          }
+        }
+        if (obj instanceof fabric.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
+          const isXSide = corner === "ml" || corner === "mr";
+          const _cur = fabricCanvas._currentTransform;
+          const startSx = Math.abs(Number(((_m = _cur == null ? void 0 : _cur.original) == null ? void 0 : _m.scaleX) ?? 1)) || 1;
+          const startSy = Math.abs(Number(((_n = _cur == null ? void 0 : _cur.original) == null ? void 0 : _n.scaleY) ?? 1)) || 1;
           const sAxis = isXSide ? Math.abs((obj.scaleX ?? 1) / startSx) : Math.abs((obj.scaleY ?? 1) / startSy);
           if (sAxis > 1e-3) {
             const captureAsLiveWorldSnapshot = (childObj, liveW, liveH) => {
@@ -14891,13 +14958,13 @@ const PageCanvas = forwardRef(
               } catch {
               }
             };
-            if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) !== obj) {
+            if (isXSide && ((_o = groupShiftReflowSnapshotRef.current) == null ? void 0 : _o.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
               if (logicalGroupId) {
                 try {
                   const state = useEditorStore.getState();
-                  const pageChildren2 = ((_j = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
+                  const pageChildren2 = ((_p = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _p.children) ?? [];
                   const groupNode = findNodeById(pageChildren2, logicalGroupId);
                   if (groupNode && isGroup(groupNode) && !isStackLayoutMode(groupNode.layoutMode)) {
                     const entries = obj.getObjects().map((c) => ({
@@ -14927,7 +14994,7 @@ const PageCanvas = forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_k = groupSelectionTransformStartRef.current) == null ? void 0 : _k.selectionLeft) ?? obj.left ?? 0}:${((_l = groupSelectionTransformStartRef.current) == null ? void 0 : _l.selectionTop) ?? obj.top ?? 0}`;
+              const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_q = groupSelectionTransformStartRef.current) == null ? void 0 : _q.selectionLeft) ?? obj.left ?? 0}:${((_r = groupSelectionTransformStartRef.current) == null ? void 0 : _r.selectionTop) ?? obj.top ?? 0}`;
               if (child.__asLiveGestureKey !== liveGestureKey) {
                 child.__asLiveGestureKey = liveGestureKey;
                 child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
@@ -14936,7 +15003,7 @@ const PageCanvas = forwardRef(
               }
               const liveAsSx = isXSide ? sAxis : 1;
               const liveAsSy = isXSide ? 1 : sAxis;
-              if (child instanceof fabric.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup)) || child instanceof fabric.FabricImage && !child.__cropGroup && !child.smartElementType) {
+              if (child instanceof fabric.Group && (child.__cropGroup || ((_s = child._ct) == null ? void 0 : _s.isCropGroup)) || child instanceof fabric.FabricImage && !child.__cropGroup && !child.smartElementType) {
                 const childAngleDeg2 = child.__asLiveOrigAngle ?? (child.angle ?? 0);
                 const theta2 = fabric.util.degreesToRadians(childAngleDeg2);
                 const cosT2 = Math.cos(theta2);
@@ -14947,8 +15014,8 @@ const PageCanvas = forwardRef(
                 if (child.__asLiveOrigScaleY == null) child.__asLiveOrigScaleY = Math.abs(Number(child.scaleY ?? 1)) || 1;
                 const origScaleX = child.__asLiveOrigScaleX;
                 const origScaleY = child.__asLiveOrigScaleY;
-                const baseW = Math.max(1, Number(((_n = child.__cropData) == null ? void 0 : _n.frameW) ?? child.width ?? 1));
-                const baseH = Math.max(1, Number(((_o = child.__cropData) == null ? void 0 : _o.frameH) ?? child.height ?? 1));
+                const baseW = Math.max(1, Number(((_t = child.__cropData) == null ? void 0 : _t.frameW) ?? child.width ?? 1));
+                const baseH = Math.max(1, Number(((_u = child.__cropData) == null ? void 0 : _u.frameH) ?? child.height ?? 1));
                 const liveW = baseW * origScaleX * dX;
                 const liveH = baseH * origScaleY * dY;
                 try {
@@ -15027,7 +15094,7 @@ const PageCanvas = forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_p = groupShiftReflowSnapshotRef.current) == null ? void 0 : _p.selection) === obj) {
+            if (isXSide && ((_v = groupShiftReflowSnapshotRef.current) == null ? void 0 : _v.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15189,7 +15256,7 @@ const PageCanvas = forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_q = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _q.call(fabricCanvas);
+            (_w = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _w.call(fabricCanvas);
           } catch {
           }
         }
@@ -16437,7 +16504,13 @@ const PageCanvas = forwardRef(
             const cleanTransformMatrix = toggleLogicalFlipInMatrix(normalizedFinalAbsoluteMatrix, persistedFlipX, persistedFlipY);
             const persistedDecomposed = fabric.util.qrDecompose(cleanTransformMatrix);
             if (isActiveSelection && (obj instanceof fabric.FabricImage || obj instanceof fabric.Group && obj.__cropGroup)) {
-              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY, angle: persistedAngle });
+              activeSelectionFlipRestores.push({
+                obj,
+                flipX: persistedFlipX,
+                flipY: persistedFlipY,
+                localAngle: Number.isFinite(obj.angle) ? obj.angle ?? 0 : persistedAngle,
+                worldAngle: persistedAngle
+              });
             }
             const elementUpdate = {
               left: storePos.left,
@@ -16518,7 +16591,7 @@ const PageCanvas = forwardRef(
             }
             const isCropGroupObj = obj instanceof fabric.Group && obj.__cropGroup;
             const isPlainImageObj = obj instanceof fabric.FabricImage && !obj.__cropGroup && !obj.smartElementType;
-            if (isActiveSelection && isActiveSelectionSideHandle && (isCropGroupObj || isPlainImageObj)) {
+            if (isActiveSelection && isActiveSelectionResizeGesture && (isCropGroupObj || isPlainImageObj)) {
               const childLocalAngleSrc = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
               const normAng = (childLocalAngleSrc % 360 + 360) % 360;
               const isRotatedImg = Math.min(normAng, 360 - normAng) > 0.5;
@@ -16570,7 +16643,7 @@ const PageCanvas = forwardRef(
             if (isActiveSelection && (obj instanceof fabric.FabricImage || obj instanceof fabric.Group && obj.__cropGroup)) {
               const restore = activeSelectionFlipRestores.find((entry) => entry.obj === obj);
               if (restore) {
-                restore.angle = Number.isFinite(elementUpdate.angle) ? elementUpdate.angle : persistedAngle;
+                restore.worldAngle = Number.isFinite(elementUpdate.angle) ? elementUpdate.angle : persistedAngle;
               }
             }
             if (isActiveSelection) {
@@ -16669,14 +16742,14 @@ const PageCanvas = forwardRef(
             skipActiveSelectionBakeOnClearRef.current = true;
             try {
               for (const restore of activeSelectionFlipRestores) {
-                restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
+                restorePersistedFlipFlagsOnly(restore.obj, restore.flipX, restore.flipY);
               }
               fabricCanvas.discardActiveObject();
             } finally {
               skipActiveSelectionBakeOnClearRef.current = false;
             }
             for (const restore of activeSelectionFlipRestores) {
-              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
+              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY);
             }
             for (const bake of pendingCropGroupFrameBakes) {
               const ct = bake.obj.__cropData;
@@ -16698,7 +16771,7 @@ const PageCanvas = forwardRef(
               bake.obj.setCoords();
             }
             for (const restore of activeSelectionFlipRestores) {
-              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
+              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY);
             }
             if (membersToReselect.length > 1) {
               const newSel = new fabric.ActiveSelection(membersToReselect, { canvas: fabricCanvas });
@@ -25871,9 +25944,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.447";
+const resolvedPackageVersion = "0.5.448";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.447";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.448";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26687,7 +26760,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-BdCLPcgH.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-T3FZHnkS.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29007,7 +29080,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-BdCLPcgH.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-T3FZHnkS.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29407,4 +29480,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-g0HVhMPi.js.map
+//# sourceMappingURL=index-BruY5wZV.js.map