@pixldocs/canvas-renderer 0.5.410 → 0.5.411

package/dist/{index-xCnkRHXB.cjs → index-BzO7hSG5.cjs}

@@ -4722,11 +4722,19 @@ const svgMaskApply = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   syncSvgMaskClipPath
 }, Symbol.toStringTag, { value: "Module" }));
 const SELECTION_BORDER_SCALE$1 = 2;
-const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX = "[Pixldocs][rotated-group-image-resize]";
-const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES = 400;
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1 = "[Pixldocs][rotated-group-image-resize]";
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES$1 = 400;
 function isInsideRotatedActiveSelection(obj) {
-  const parent = obj.group;
-  if (!(parent instanceof fabric__namespace.ActiveSelection)) return false;
+  var _a2;
+  const debugObj = obj;
+  const ownAngle = Math.abs(((obj.angle ?? 0) % 360 + 360) % 360);
+  if ((debugObj.__cropData || debugObj.__cropGroup || ((_a2 = debugObj._ct) == null ? void 0 : _a2.isCropGroup)) && Math.min(ownAngle, 360 - ownAngle) > 0.5) return true;
+  const logicalParentAngle = Math.abs(((debugObj.__pixldocsParentGroupAngle ?? 0) % 360 + 360) % 360);
+  if (debugObj.__pixldocsParentGroupId && Math.min(logicalParentAngle, 360 - logicalParentAngle) > 0.5) return true;
+  const parent = debugObj.group;
+  if (!parent) return false;
+  const pType = parent.type;
+  if (pType !== "activeSelection" && pType !== "group") return false;
   const angle = Math.abs(((parent.angle ?? 0) % 360 + 360) % 360);
   return Math.min(angle, 360 - angle) > 0.5;
 }
@@ -4800,10 +4808,15 @@ function logRotatedGroupImageResize(phase, target, payload = {}) {
       signX: start.signX,
       signY: start.signY
     } : void 0;
-    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalize({
+    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1} ${phase} ${JSON.stringify(normalize({
       ...payload,
       target: summarizeResizeObject(target),
       parent: summarizeResizeObject(parent),
+      logicalParent: debugTarget.__pixldocsParentGroupId ? {
+        id: debugTarget.__pixldocsParentGroupId,
+        type: debugTarget.__pixldocsParentGroupType,
+        angle: debugTarget.__pixldocsParentGroupAngle
+      } : void 0,
       frameW: ct == null ? void 0 : ct.frameW,
       frameH: ct == null ? void 0 : ct.frameH,
       img: summarizeResizeObject(ct == null ? void 0 : ct._img),
@@ -4812,12 +4825,12 @@ function logRotatedGroupImageResize(phase, target, payload = {}) {
     }))}`;
     if (typeof window !== "undefined") {
       const debugWindow = window;
-      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES$1 + 1) : [];
       debugWindow.__pixldocsRotatedGroupImageResizeLogs.push(line);
     }
     console.log(line);
   } catch {
-    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX, phase, payload);
+    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1, phase, payload);
   }
 }
 function clamp$1(v, min, max) {
@@ -5300,6 +5313,12 @@ function installCanvaMaskControls(g) {
       logRotatedGroupImageResize("snap-skipped-active-selection-child", target, { corner });
       return;
     }
+    const ownAngle = Math.abs(((target.angle ?? 0) % 360 + 360) % 360);
+    const parentAngle = Math.abs(((target.__pixldocsParentGroupAngle ?? 0) % 360 + 360) % 360);
+    if (Math.min(ownAngle, 360 - ownAngle) > 0.5 || Math.min(parentAngle, 360 - parentAngle) > 0.5) {
+      logRotatedGroupImageResize("snap-skipped-rotated-image", target, { corner, ownAngle, parentAngle });
+      return;
+    }
     const handler = target.__resizeSnapHandler;
     if (typeof handler === "function") {
       logRotatedGroupImageResize("snap-before", target, { corner });
@@ -11400,10 +11419,34 @@ const summarizeFabricObjectForResizeDebug = (obj) => {
 const logGroupTextResizeDebug = (phase, payload) => {
   return;
 };
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX = "[Pixldocs][rotated-group-image-resize]";
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES = 400;
 const roundRotDriftNumber = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
 };
+const normalizeRotDriftPayload = (value) => {
+  const seen = /* @__PURE__ */ new WeakSet();
+  const normalize = (entry) => {
+    if (entry == null) return entry;
+    const valueType = typeof entry;
+    if (valueType === "number") return roundRotDriftNumber(entry);
+    if (valueType === "string" || valueType === "boolean") return entry;
+    if (Array.isArray(entry)) return entry.map((item) => normalize(item));
+    if (valueType === "object") {
+      if (seen.has(entry)) return "[Circular]";
+      seen.add(entry);
+      if (entry instanceof fabric__namespace.FabricObject) return normalize(summarizeRotDriftObject(entry));
+      const output = {};
+      Object.entries(entry).forEach(([key, item]) => {
+        output[key] = normalize(item);
+      });
+      return output;
+    }
+    return String(entry);
+  };
+  return normalize(value);
+};
 const matrixForRotDriftLog = (matrix) => {
   if (!matrix) return void 0;
   return matrix.map((entry) => roundRotDriftNumber(entry));
@@ -11461,6 +11504,20 @@ const summarizeRotDriftObject = (obj, worldMatrix) => {
 const logRotGroupImageDrift = (phase, payload) => {
   return;
 };
+const logRotatedGroupImageResizeDebug = (phase, payload) => {
+  if (typeof console === "undefined") return;
+  try {
+    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizeRotDriftPayload(payload))}`;
+    if (typeof window !== "undefined") {
+      const debugWindow = window;
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs.push(line);
+    }
+    console.log(line);
+  } catch {
+    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX, phase, payload);
+  }
+};
 const shouldLogRotDriftLiveTick = (target, phase) => {
   return false;
 };
@@ -12266,6 +12323,22 @@ const PageCanvas = react.forwardRef(
       [canvasWidth, canvasHeight, getLogicalGroupSnapBoundsCallback, getResizeExcludeIdsCallback]
     );
     const installImageResizeControlsWithSnap = react.useCallback((group) => {
+      var _a2;
+      try {
+        const groupId = getObjectId(group);
+        const pageChildrenNow = ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+        const parent = groupId ? findParentGroup(pageChildrenNow, groupId) : null;
+        if (parent) {
+          group.__pixldocsParentGroupId = parent.id;
+          group.__pixldocsParentGroupAngle = parent.angle ?? 0;
+          group.__pixldocsParentGroupType = "logical-group";
+        } else {
+          delete group.__pixldocsParentGroupId;
+          delete group.__pixldocsParentGroupAngle;
+          delete group.__pixldocsParentGroupType;
+        }
+      } catch {
+      }
       group.__resizeSnapHandler = (target, corner) => {
         const fc = fabricRef.current ?? target.canvas;
         if (!fc || !isActiveRef.current || !corner) return;
@@ -14299,7 +14372,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14470,12 +14543,61 @@ const PageCanvas = react.forwardRef(
         const corner = (transform == null ? void 0 : transform.corner) || "";
         if (obj instanceof fabric__namespace.ActiveSelection && corner) {
           activeSelectionResizeHandleRef.current = corner;
+          const imageChildrenForResizeDebug = obj.getObjects().filter(
+            (child) => {
+              var _a3;
+              return child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_a3 = child._ct) == null ? void 0 : _a3.isCropGroup));
+            }
+          );
+          const normalizedSelectionAngle = ((obj.angle ?? 0) % 360 + 360) % 360;
+          const activeLogicalGroupId = obj.__pixldocsGroupSelection;
+          const transformStartForDebug = activeLogicalGroupId && ((_c2 = groupSelectionTransformStartRef.current) == null ? void 0 : _c2.groupId) === activeLogicalGroupId ? groupSelectionTransformStartRef.current : null;
+          const logicalGroupAngle = (transformStartForDebug == null ? void 0 : transformStartForDebug.groupAngle) ?? obj.__pixldocsFrozenGroupAngle ?? 0;
+          const normalizedLogicalGroupAngle = (logicalGroupAngle % 360 + 360) % 360;
+          const isRotatedImageSelection = imageChildrenForResizeDebug.length > 0 && (Math.min(normalizedSelectionAngle, 360 - normalizedSelectionAngle) > 0.5 || Math.min(normalizedLogicalGroupAngle, 360 - normalizedLogicalGroupAngle) > 0.5);
+          if (isRotatedImageSelection) {
+            const countKey = "__pixldocsRotatedImageResizeScaleTickCount";
+            const count = (obj[countKey] ?? 0) + 1;
+            obj[countKey] = count;
+            if (count <= 5 || count % 8 === 0) {
+              logRotatedGroupImageResizeDebug("active-selection-scaling", {
+                time: Math.round(performance.now()),
+                tick: count,
+                handle: corner,
+                groupSelectionId: activeLogicalGroupId,
+                selectedStoreIds: useEditorStore.getState().canvas.selectedIds,
+                route: typeof window !== "undefined" ? window.location.pathname : void 0,
+                transformAction: (_d = fabricCanvas._currentTransform) == null ? void 0 : _d.action,
+                transformCorner: (_e = fabricCanvas._currentTransform) == null ? void 0 : _e.corner,
+                transformOriginal: (() => {
+                  var _a3;
+                  const original = (_a3 = fabricCanvas._currentTransform) == null ? void 0 : _a3.original;
+                  return original ? {
+                    left: original.left,
+                    top: original.top,
+                    width: original.width,
+                    height: original.height,
+                    scaleX: original.scaleX,
+                    scaleY: original.scaleY,
+                    angle: original.angle
+                  } : null;
+                })(),
+                transformStart: transformStartForDebug,
+                selection: summarizeRotDriftObject(obj),
+                imageChildren: imageChildrenForResizeDebug.map((child, childIndex) => ({
+                  childIndex,
+                  id: getObjectId(child),
+                  object: summarizeRotDriftObject(child)
+                }))
+              });
+            }
+          }
           if (isCornerResizeHandle(corner) && obj.getObjects().some((child) => child instanceof fabric__namespace.Textbox)) {
             obj.__pixldocsLastGroupTextScaleDebug = {
               time: Math.round(performance.now()),
               corner,
               groupSelectionId: obj.__pixldocsGroupSelection,
-              currentTransformAction: (_c2 = fabricCanvas._currentTransform) == null ? void 0 : _c2.action,
+              currentTransformAction: (_f = fabricCanvas._currentTransform) == null ? void 0 : _f.action,
               selection: summarizeFabricObjectForResizeDebug(obj),
               textChildren: obj.getObjects().filter((child) => child instanceof fabric__namespace.Textbox).map((child) => summarizeFabricObjectForResizeDebug(child))
             };
@@ -14484,17 +14606,17 @@ const PageCanvas = react.forwardRef(
         if (obj instanceof fabric__namespace.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
           const isXSide = corner === "ml" || corner === "mr";
           const _cur = fabricCanvas._currentTransform;
-          const startSx = Math.abs(Number(((_d = _cur == null ? void 0 : _cur.original) == null ? void 0 : _d.scaleX) ?? 1)) || 1;
-          const startSy = Math.abs(Number(((_e = _cur == null ? void 0 : _cur.original) == null ? void 0 : _e.scaleY) ?? 1)) || 1;
+          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 sAxis = isXSide ? Math.abs((obj.scaleX ?? 1) / startSx) : Math.abs((obj.scaleY ?? 1) / startSy);
           if (sAxis > 1e-3) {
-            if (isXSide && ((_f = groupShiftReflowSnapshotRef.current) == null ? void 0 : _f.selection) !== obj) {
+            if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
               if (logicalGroupId) {
                 try {
                   const state = useEditorStore.getState();
-                  const pageChildren2 = ((_g = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.children) ?? [];
+                  const pageChildren2 = ((_j = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
                   const groupNode = findNodeById(pageChildren2, logicalGroupId);
                   if (groupNode && isGroup(groupNode) && !isStackLayoutMode(groupNode.layoutMode)) {
                     const entries = obj.getObjects().map((c) => ({
@@ -14532,7 +14654,7 @@ const PageCanvas = react.forwardRef(
                 }
                 continue;
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_h = child._ct) == null ? void 0 : _h.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_k = child._ct) == null ? void 0 : _k.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -14699,7 +14821,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) === obj) {
+            if (isXSide && ((_l = groupShiftReflowSnapshotRef.current) == null ? void 0 : _l.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -14860,7 +14982,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_j = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _j.call(fabricCanvas);
+            (_m = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _m.call(fabricCanvas);
           } catch {
           }
         }
@@ -25269,9 +25391,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.410";
+const resolvedPackageVersion = "0.5.411";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.410";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.411";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26085,7 +26207,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-BnnUwU40.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DUaCeIGH.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28405,7 +28527,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-BnnUwU40.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DUaCeIGH.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28802,4 +28924,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-xCnkRHXB.cjs.map
+//# sourceMappingURL=index-BzO7hSG5.cjs.map