@pixldocs/canvas-renderer 0.5.349 → 0.5.351

package/dist/{index-CwQ8bAR_.cjs → index-CG3kYo0Z.cjs}

@@ -10518,6 +10518,105 @@ function bakeEdgeFade(source, fade) {
   }
   return canvas;
 }
+const normalizeSignedAngle = (angle) => (angle % 360 + 540) % 360 - 180;
+const rotatedTopLeftToCenter = (left, top, width, height, angleDeg = 0) => {
+  const angle = angleDeg * Math.PI / 180;
+  const cos = Math.cos(angle);
+  const sin = Math.sin(angle);
+  return {
+    x: left + width / 2 * cos - height / 2 * sin,
+    y: top + width / 2 * sin + height / 2 * cos
+  };
+};
+const centerToRotatedTopLeft = (centerX, centerY, width, height, angleDeg = 0) => {
+  const angle = angleDeg * Math.PI / 180;
+  const cos = Math.cos(angle);
+  const sin = Math.sin(angle);
+  return {
+    left: centerX - width / 2 * cos + height / 2 * sin,
+    top: centerY - width / 2 * sin - height / 2 * cos
+  };
+};
+const getGroupTransformFrame = (group, pageChildren, options) => {
+  const bounds = getNodeBounds(group, pageChildren);
+  const width = Math.max(1, Number(group.width ?? bounds.width) || bounds.width || 1);
+  const height = Math.max(1, Number(group.height ?? bounds.height) || bounds.height || 1);
+  return {
+    left: Number(group.left ?? bounds.left ?? 0) || 0,
+    top: Number(group.top ?? bounds.top ?? 0) || 0,
+    width,
+    height,
+    angle: Number(group.angle ?? 0) || 0
+  };
+};
+const getGroupLocalToParentMatrix = (group, pageChildren, options) => {
+  const frame = getGroupTransformFrame(group, pageChildren);
+  const rad = frame.angle * Math.PI / 180;
+  const cos = Math.cos(rad);
+  const sin = Math.sin(rad);
+  return [
+    cos,
+    sin,
+    -sin,
+    cos,
+    frame.left,
+    frame.top
+  ];
+};
+const getAncestorGroupTransform = (nodeId, pageChildren, fabric2, options) => {
+  let matrix = [1, 0, 0, 1, 0, 0];
+  let angle = 0;
+  const chain = [];
+  let currentId = nodeId;
+  for (let guard = 0; guard < 32; guard++) {
+    const parent = findParentGroup(pageChildren, currentId);
+    if (!parent) break;
+    chain.unshift(parent);
+    currentId = parent.id;
+  }
+  for (const group of chain) {
+    matrix = fabric2.util.multiplyTransformMatrices(
+      matrix,
+      getGroupLocalToParentMatrix(group, pageChildren)
+    );
+    angle += Number(group.angle ?? 0) || 0;
+  }
+  return { matrix, angle: normalizeSignedAngle(angle) };
+};
+const getElementFabricPlacement$1 = (element, pageChildren, fabric2, options) => {
+  if (!pageChildren.length) {
+    return { left: element.left ?? 0, top: element.top ?? 0, angle: element.angle ?? 0 };
+  }
+  const ancestor = getAncestorGroupTransform(element.id, pageChildren, fabric2);
+  const point = fabric2.util.transformPoint(
+    new fabric2.Point(element.left ?? 0, element.top ?? 0),
+    ancestor.matrix
+  );
+  return {
+    left: point.x,
+    top: point.y,
+    angle: normalizeSignedAngle(ancestor.angle + Number(element.angle ?? 0))
+  };
+};
+const getGroupAbsoluteTransformFrame$1 = (group, pageChildren, fabric2, options) => {
+  const frame = getGroupTransformFrame(group, pageChildren);
+  const ancestor = getAncestorGroupTransform(group.id, pageChildren, fabric2);
+  const centerLocal = rotatedTopLeftToCenter(frame.left, frame.top, frame.width, frame.height, frame.angle);
+  const center = fabric2.util.transformPoint(new fabric2.Point(centerLocal.x, centerLocal.y), ancestor.matrix);
+  const topLeft = fabric2.util.transformPoint(new fabric2.Point(frame.left, frame.top), ancestor.matrix);
+  return {
+    left: topLeft.x,
+    top: topLeft.y,
+    width: frame.width,
+    height: frame.height,
+    centerX: center.x,
+    centerY: center.y,
+    angle: normalizeSignedAngle(ancestor.angle + frame.angle)
+  };
+};
+function preserveLogicalGroupTagDuringMove(selection, groupId) {
+  selection.__pixldocsGroupSelection = groupId;
+}
 const SELECTION_PRIMARY = "hsl(217, 91%, 60%)";
 const SELECTION_BORDER_SCALE = 2;
 let ensureCanvaControlRenders = () => {
@@ -10971,12 +11070,18 @@ try {
       } catch (e) {
       }
     };
-    const origObj = cu.createObjectDefaultControls.bind(cu);
-    cu.createObjectDefaultControls = () => installPillRenders(origObj());
-    if (typeof cu.createTextboxDefaultControls === "function") {
-      const origTb = cu.createTextboxDefaultControls.bind(cu);
-      cu.createTextboxDefaultControls = () => installPillRenders(origTb());
-    }
+    const wrapControlsFactory = (key) => {
+      if (typeof cu[key] !== "function") return;
+      const descriptor = Object.getOwnPropertyDescriptor(cu, key);
+      if (descriptor && descriptor.writable === false && !descriptor.set) return;
+      const original = cu[key].bind(cu);
+      try {
+        cu[key] = () => installPillRenders(original());
+      } catch {
+      }
+    };
+    wrapControlsFactory("createObjectDefaultControls");
+    wrapControlsFactory("createTextboxDefaultControls");
     const wrapClassCreateControls = (Klass) => {
       if (!Klass || typeof Klass.createControls !== "function") return;
       const orig = Klass.createControls.bind(Klass);
@@ -11217,104 +11322,8 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   };
   return updates;
 };
-const rotatedTopLeftToCenter = (left, top, width, height, angleDeg = 0) => {
-  const angle = angleDeg * Math.PI / 180;
-  const cos = Math.cos(angle);
-  const sin = Math.sin(angle);
-  return {
-    x: left + width / 2 * cos - height / 2 * sin,
-    y: top + width / 2 * sin + height / 2 * cos
-  };
-};
-const normalizeSignedAngle = (angle) => (angle % 360 + 540) % 360 - 180;
-const getGroupTransformFrame = (group, pageChildren, options) => {
-  const bounds = getNodeBounds(group, pageChildren);
-  const width = Math.max(1, Number(group.width ?? bounds.width) || bounds.width || 1);
-  const height = Math.max(1, Number(group.height ?? bounds.height) || bounds.height || 1);
-  return {
-    left: Number(group.left ?? bounds.left ?? 0) || 0,
-    top: Number(group.top ?? bounds.top ?? 0) || 0,
-    width,
-    height,
-    angle: Number(group.angle ?? 0) || 0
-  };
-};
-const getGroupLocalToParentMatrix = (group, pageChildren, options) => {
-  const frame = getGroupTransformFrame(group, pageChildren);
-  const rad = frame.angle * Math.PI / 180;
-  const cos = Math.cos(rad);
-  const sin = Math.sin(rad);
-  const centerX = frame.left + frame.width / 2;
-  const centerY = frame.top + frame.height / 2;
-  return [
-    cos,
-    sin,
-    -sin,
-    cos,
-    centerX - cos * frame.width / 2 + sin * frame.height / 2,
-    centerY - sin * frame.width / 2 - cos * frame.height / 2
-  ];
-};
-const getAncestorGroupTransform = (nodeId, pageChildren, options) => {
-  let matrix = [1, 0, 0, 1, 0, 0];
-  let angle = 0;
-  const chain = [];
-  let currentId = nodeId;
-  for (let guard = 0; guard < 32; guard++) {
-    const parent = findParentGroup(pageChildren, currentId);
-    if (!parent) break;
-    chain.unshift(parent);
-    currentId = parent.id;
-  }
-  for (const group of chain) {
-    matrix = fabric__namespace.util.multiplyTransformMatrices(
-      matrix,
-      getGroupLocalToParentMatrix(group, pageChildren)
-    );
-    angle += Number(group.angle ?? 0) || 0;
-  }
-  return { matrix, angle: normalizeSignedAngle(angle) };
-};
-const getElementFabricPlacement = (element, pageChildren, options) => {
-  if (!pageChildren.length) {
-    return { left: element.left ?? 0, top: element.top ?? 0, angle: element.angle ?? 0 };
-  }
-  const ancestor = getAncestorGroupTransform(element.id, pageChildren);
-  const point = fabric__namespace.util.transformPoint(
-    new fabric__namespace.Point(element.left ?? 0, element.top ?? 0),
-    ancestor.matrix
-  );
-  return {
-    left: point.x,
-    top: point.y,
-    angle: normalizeSignedAngle(ancestor.angle + Number(element.angle ?? 0))
-  };
-};
-const centerToRotatedTopLeft = (centerX, centerY, width, height, angleDeg = 0) => {
-  const angle = angleDeg * Math.PI / 180;
-  const cos = Math.cos(angle);
-  const sin = Math.sin(angle);
-  return {
-    left: centerX - width / 2 * cos + height / 2 * sin,
-    top: centerY - width / 2 * sin - height / 2 * cos
-  };
-};
-const getGroupAbsoluteTransformFrame = (group, pageChildren, options) => {
-  const frame = getGroupTransformFrame(group, pageChildren);
-  const ancestor = getAncestorGroupTransform(group.id, pageChildren);
-  const centerLocal = rotatedTopLeftToCenter(frame.left, frame.top, frame.width, frame.height, frame.angle);
-  const center = fabric__namespace.util.transformPoint(new fabric__namespace.Point(centerLocal.x, centerLocal.y), ancestor.matrix);
-  const topLeft = fabric__namespace.util.transformPoint(new fabric__namespace.Point(frame.left, frame.top), ancestor.matrix);
-  return {
-    left: topLeft.x,
-    top: topLeft.y,
-    width: frame.width,
-    height: frame.height,
-    centerX: center.x,
-    centerY: center.y,
-    angle: normalizeSignedAngle(ancestor.angle + frame.angle)
-  };
-};
+const getElementFabricPlacement = (element, pageChildren, options) => getElementFabricPlacement$1(element, pageChildren, fabric__namespace);
+const getGroupAbsoluteTransformFrame = (group, pageChildren, options) => getGroupAbsoluteTransformFrame$1(group, pageChildren, fabric__namespace);
 function applyWarpAwareSelectionBorders(selection) {
   var _a2;
   if (selection.__pixldocsOrigASHasBorders !== void 0) {
@@ -12442,7 +12451,6 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.__fontCleanup = fontCleanup;
       fabricCanvas.__isUserTransforming = false;
       fabricCanvas.on("mouse:down", () => {
-        groupSelectionTransformStartRef.current = null;
         activeSelectionMoveStartRef.current = null;
         activeSelectionResizeHandleRef.current = null;
         const active = fabricCanvas.getActiveObject();
@@ -12958,7 +12966,7 @@ const PageCanvas = react.forwardRef(
         const groupFrame = isGroup(groupNode) ? getGroupAbsoluteTransformFrame(groupNode, pageChildren2) : null;
         const groupAbs = groupFrame ?? getAbsoluteBounds(groupNode, pageChildren2);
         const rect = active.getBoundingRect();
-        const center = groupFrame ? new fabric__namespace.Point(groupFrame.centerX, groupFrame.centerY) : active.getCenterPoint();
+        const center = active.getCenterPoint();
         groupSelectionTransformStartRef.current = {
           groupId,
           selection: active,
@@ -14537,7 +14545,7 @@ const PageCanvas = react.forwardRef(
           setDrilledGroupBounds(null);
           drilledGroupIdRef.current = null;
           if (activeDuringMove instanceof fabric__namespace.ActiveSelection && groupIdToKeep) {
-            restoreGroupSelectionVisualState(activeDuringMove, groupIdToKeep);
+            preserveLogicalGroupTagDuringMove(activeDuringMove, groupIdToKeep);
           }
         }
         if (e.target) e.target.__pixldocsDragMoved = true;
@@ -14940,7 +14948,14 @@ const PageCanvas = react.forwardRef(
             const node = findNodeById(pageChildren2, id);
             return !!(node && isGroup(node));
           });
-          const activeSelectionHadTransform = activeObj instanceof fabric__namespace.ActiveSelection && (Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01 || Math.abs((activeObj.angle ?? 0) % 360) > 0.01);
+          const activeSelectionHadTransform = activeObj instanceof fabric__namespace.ActiveSelection && (Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01 || (() => {
+            var _a3;
+            const normAngle = (angle) => (angle % 360 + 360) % 360;
+            const startAngle = ((_a3 = groupSelectionTransformStartRef.current) == null ? void 0 : _a3.selection) === activeObj ? groupSelectionTransformStartRef.current.selectionAngle : 0;
+            const currentAngle = normAngle(activeObj.angle ?? 0);
+            const diff = Math.abs(currentAngle - normAngle(startAngle));
+            return Math.min(diff, 360 - diff) > 1;
+          })());
           if (!anyCropGroup && activeSelectionDelta && !activeSelectionHadTransform && selectedLogicalGroupIds.length > 0) {
             const selectedStoreIds = useEditorStore.getState().canvas.selectedIds ?? [];
             const groupMemberIds = /* @__PURE__ */ new Set();
@@ -15055,7 +15070,7 @@ const PageCanvas = react.forwardRef(
               const storedGroupAngle = normalizeAngle(Number(groupToMove.angle ?? 0));
               const effectiveStartAngle = transformStart ? startSelAngle : storedGroupAngle;
               const angleDelta = shortestAngleDelta(currentSelAngle, effectiveStartAngle);
-              const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
+              const hadRotation = isActiveSelection && activeObj && angleDelta > 1;
               if (activeGroupSelectionId === groupToMove.id && hadRotation && !hadScale && !activeSelectionResizeHandle && activeObj instanceof fabric__namespace.ActiveSelection) {
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const center = activeObj.getCenterPoint();
@@ -24850,9 +24865,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.349";
+const resolvedPackageVersion = "0.5.351";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.349";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.351";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25666,7 +25681,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-eaaea4kH.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CmEq_yn3.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27986,7 +28001,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-eaaea4kH.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CmEq_yn3.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28383,4 +28398,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CwQ8bAR_.cjs.map
+//# sourceMappingURL=index-CG3kYo0Z.cjs.map