@pixldocs/canvas-renderer 0.5.305 → 0.5.307

package/dist/{index-C8ZNStHz.cjs → index-DDubE6xA.cjs}

@@ -11259,10 +11259,31 @@ const PageCanvas = react.forwardRef(
     const [ready, setReady] = react.useState(false);
     const [unlockRequestId, setUnlockRequestId] = react.useState(0);
     const applyLogicalGroupSelectionVisualState = react.useCallback((selection, groupId) => {
-      var _a2;
+      var _a2, _b2;
       selection.__pixldocsGroupSelection = groupId;
       delete selection.__pixldocsLogicalGroupIds;
       selection.hasBorders = true;
+      try {
+        const state = useEditorStore.getState();
+        const pages = ((_a2 = state.canvas) == null ? void 0 : _a2.pages) ?? [];
+        let groupNode = null;
+        for (const page of pages) {
+          const found = findNodeById(page.children ?? [], groupId);
+          if (found && isGroup(found)) {
+            groupNode = found;
+            break;
+          }
+        }
+        if (groupNode && !isStackLayoutMode(groupNode.layoutMode) && typeof groupNode.angle === "number" && Math.abs(groupNode.angle) > 0.01) {
+          const currentAngle = ((selection.angle ?? 0) % 360 + 360) % 360;
+          const targetAngle = ((groupNode.angle ?? 0) % 360 + 360) % 360;
+          if (Math.abs(currentAngle - targetAngle) > 0.01) {
+            selection.rotate(targetAngle);
+            selection.setCoords();
+          }
+        }
+      } catch {
+      }
       const members = selection.getObjects();
       for (const prev of suppressGroupMemberBordersRef.current) {
         if (members.includes(prev)) continue;
@@ -11286,7 +11307,7 @@ const PageCanvas = react.forwardRef(
         if (m.__pixldocsOrigHasControls === void 0) m.__pixldocsOrigHasControls = m.hasControls;
         m.hasBorders = false;
         m.hasControls = false;
-        if (m.__cropGroup || ((_a2 = m._ct) == null ? void 0 : _a2.isCropGroup)) {
+        if (m.__cropGroup || ((_b2 = m._ct) == null ? void 0 : _b2.isCropGroup)) {
           if (m.__pixldocsOrigLockScalingX === void 0) {
             m.__pixldocsOrigLockScalingX = m.lockScalingX;
             m.__pixldocsOrigLockScalingY = m.lockScalingY;
@@ -13869,6 +13890,12 @@ const PageCanvas = react.forwardRef(
               if (didShift) didReflowTextChild = true;
             }
             if (isXSide && didReflowTextChild && typeof obj.triggerLayout === "function") {
+              obj.setCoords();
+              const cornersBefore = obj.aCoords;
+              let fixedMidBefore = null;
+              if (cornersBefore) {
+                fixedMidBefore = corner === "ml" ? { x: (cornersBefore.tr.x + cornersBefore.br.x) / 2, y: (cornersBefore.tr.y + cornersBefore.br.y) / 2 } : { x: (cornersBefore.tl.x + cornersBefore.bl.x) / 2, y: (cornersBefore.tl.y + cornersBefore.bl.y) / 2 };
+              }
               try {
                 obj.triggerLayout();
               } catch {
@@ -13877,11 +13904,22 @@ const PageCanvas = react.forwardRef(
               obj._set("scaleX", asSx0);
               obj._set("scaleY", asSy0);
               obj.setCoords();
-              const afterRect = obj.getBoundingRect();
-              const fixedLeft = asRect0.left;
-              const fixedRight = asRect0.left + asRect0.width;
-              const nextLeft = corner === "ml" ? (obj.left ?? 0) + (fixedRight - (afterRect.left + afterRect.width)) : (obj.left ?? 0) + (fixedLeft - afterRect.left);
-              obj._set("left", nextLeft);
+              const cornersAfter = obj.aCoords;
+              if (fixedMidBefore && cornersAfter) {
+                const fixedMidAfter = corner === "ml" ? { x: (cornersAfter.tr.x + cornersAfter.br.x) / 2, y: (cornersAfter.tr.y + cornersAfter.br.y) / 2 } : { x: (cornersAfter.tl.x + cornersAfter.bl.x) / 2, y: (cornersAfter.tl.y + cornersAfter.bl.y) / 2 };
+                const dx = fixedMidBefore.x - fixedMidAfter.x;
+                const dy = fixedMidBefore.y - fixedMidAfter.y;
+                if (Math.abs(dx) > 0.01 || Math.abs(dy) > 0.01) {
+                  obj._set("left", (obj.left ?? 0) + dx);
+                  obj._set("top", (obj.top ?? 0) + dy);
+                }
+              } else {
+                const afterRect = obj.getBoundingRect();
+                const fixedLeft = asRect0.left;
+                const fixedRight = asRect0.left + asRect0.width;
+                const nextLeft = corner === "ml" ? (obj.left ?? 0) + (fixedRight - (afterRect.left + afterRect.width)) : (obj.left ?? 0) + (fixedLeft - afterRect.left);
+                obj._set("left", nextLeft);
+              }
             } else {
               obj._set("height", asH0);
               obj._set("left", asLeft0);
@@ -14626,6 +14664,47 @@ const PageCanvas = react.forwardRef(
                 unlockEditsSoon();
                 return;
               }
+              if (hadRotation && !hadScale && isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection && !isStackLayoutMode(groupToMove.layoutMode)) {
+                const groupSelectionId = activeObj.__pixldocsGroupSelection ?? groupToMove.id;
+                const newAngle = ((activeObj.angle ?? 0) % 360 + 360) % 360;
+                const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
+                const rotPatch = { angle: newAngle === 0 ? void 0 : newAngle };
+                if (Math.abs(deltaX) > 0.1) rotPatch.left = (groupToMove.left ?? 0) + deltaX;
+                if (Math.abs(deltaY) > 0.1) rotPatch.top = (groupToMove.top ?? 0) + deltaY;
+                updateNodeStore(groupToMove.id, rotPatch, { recordHistory: false, skipLayoutRecalc: true });
+                commitHistoryStore();
+                pendingGroupDrillInRef.current = null;
+                fabricCanvas.__activeEditingGroupId = null;
+                setDrilledGroupBounds(null);
+                drilledGroupIdRef.current = null;
+                if (groupSelectionId) {
+                  restoreGroupSelectionVisualState(activeObj, groupSelectionId);
+                  fabricCanvas.setActiveObject(activeObj);
+                  activeObj.setCoords();
+                }
+                selectElements([groupSelectionId], false, false);
+                fabricCanvas.requestRenderAll();
+                elementsRef.current = getCurrentElements();
+                const rotTargets = activeObj.getObjects();
+                for (const o of rotTargets) {
+                  const oid = getObjectId(o);
+                  if (oid && oid !== "__background__") {
+                    justModifiedIdsRef.current.add(oid);
+                    modifiedIdsThisRound.add(oid);
+                  }
+                }
+                setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
+                groupSelectionTransformStartRef.current = null;
+                const rotSnapshot = {
+                  memberIds: rotTargets.map((o) => getObjectId(o)).filter((id) => !!id && id !== "__background__"),
+                  groupSelectionId,
+                  expiresAt: Date.now() + 1200
+                };
+                recentGroupSelectionRestoreRef.current = rotSnapshot;
+                restorePreservedGroupSelectionSoon(rotSnapshot);
+                unlockEditsSoon();
+                return;
+              }
             }
           }
           const pendingCropGroupFrameBakes = [];
@@ -14901,6 +14980,40 @@ const PageCanvas = react.forwardRef(
                   bakedTextScaleUpdates.minBoxHeight = Math.max(0, nextMinH);
                   obj.minBoxHeight = bakedTextScaleUpdates.minBoxHeight;
                 }
+                const effectScale = isCornerHandle ? fontScale : Math.max(1e-3, Math.sqrt(sx * sy));
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "strokeWidth", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textShadowBlur", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textShadowDistance", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textShadowOffsetX", sx);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textShadowOffsetY", sy);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgPaddingTop", sy);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgPaddingBottom", sy);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgPaddingLeft", sx);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgPaddingRight", sx);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgPadding", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgRxTL", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgRxTR", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgRxBR", effectScale);
+                scaleUpdateNumber(bakedTextScaleUpdates, sourceElement ?? void 0, "textBgRxBL", effectScale);
+                const tpSource = obj.textPath ?? (sourceElement == null ? void 0 : sourceElement.textPath);
+                if (tpSource) {
+                  bakedTextScaleUpdates.textPath = scaleTextPathConfig(tpSource, sx, sy, effectScale);
+                  obj.textPath = bakedTextScaleUpdates.textPath;
+                }
+                if (bakedTextScaleUpdates.strokeWidth !== void 0) {
+                  obj.set({ strokeWidth: bakedTextScaleUpdates.strokeWidth });
+                }
+                const shadow = obj.shadow;
+                if (shadow) {
+                  if (bakedTextScaleUpdates.textShadowBlur !== void 0) shadow.blur = bakedTextScaleUpdates.textShadowBlur;
+                  if (bakedTextScaleUpdates.textShadowOffsetX !== void 0) shadow.offsetX = bakedTextScaleUpdates.textShadowOffsetX;
+                  if (bakedTextScaleUpdates.textShadowOffsetY !== void 0) shadow.offsetY = bakedTextScaleUpdates.textShadowOffsetY;
+                }
+                if ((sourceElement == null ? void 0 : sourceElement.type) === "text") {
+                  const bakedElement = { ...sourceElement, ...bakedTextScaleUpdates };
+                  applyTextBackground(obj, extractTextBgConfig(bakedElement));
+                  applyTextShadow(obj, bakedElement);
+                }
                 const prevObjCaching = obj.objectCaching;
                 obj.set({ width: bakedWidth, scaleX: 1, scaleY: 1, objectCaching: false });
                 obj.initDimensions();
@@ -24177,9 +24290,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.305";
+const resolvedPackageVersion = "0.5.307";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.305";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.307";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24993,7 +25106,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-fYp0UsD2.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BLbk8p1V.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27313,7 +27426,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-fYp0UsD2.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BLbk8p1V.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27710,4 +27823,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-C8ZNStHz.cjs.map
+//# sourceMappingURL=index-DDubE6xA.cjs.map