@pixldocs/canvas-renderer 0.5.380 → 0.5.382

package/dist/{index-B-wkU613.cjs → index-BpiWTXuI.cjs}

@@ -11751,13 +11751,17 @@ const PageCanvas = react.forwardRef(
         const sameMembers = activeMembers.length === members.length && members.every((member) => activeMembers.includes(member));
         const sameGroup = activeBeforeRestore.__pixldocsGroupSelection === groupId;
         const alreadyAligned = activeBeforeRestore.__pixldocsAlignedAngle != null;
-        if (sameMembers && sameGroup && alreadyAligned) return;
+        if (sameMembers && sameGroup && alreadyAligned) {
+          ensureCanvaControlRenders(activeBeforeRestore);
+          return;
+        }
       }
       isSyncingSelectionToFabricRef.current = true;
       try {
         const active = activeBeforeRestore;
         const selection = active instanceof fabric__namespace.ActiveSelection && members.every((member) => active.getObjects().includes(member)) ? active : new fabric__namespace.ActiveSelection(members, { canvas: fc });
         applyLogicalGroupSelectionVisualState(selection, groupId);
+        ensureCanvaControlRenders(selection);
         fc.setActiveObject(selection);
         try {
           members.forEach((m) => m.setCoords());
@@ -13381,7 +13385,10 @@ const PageCanvas = react.forwardRef(
               const sameMembers = activeIds.length === snapshot.memberIds.length && snapshot.memberIds.every((id) => activeIds.includes(id));
               const sameGroup = active.__pixldocsGroupSelection === snapshot.groupSelectionId;
               const alreadyAligned = active.__pixldocsAlignedAngle != null;
-              if (sameMembers && sameGroup && alreadyAligned) return;
+              if (sameMembers && sameGroup && alreadyAligned) {
+                ensureCanvaControlRenders(active);
+                return;
+              }
             }
             restoreGroupSelectionSnapshot(snapshot);
           }, 0);
@@ -14310,6 +14317,75 @@ const PageCanvas = react.forwardRef(
                 continue;
               }
               if (!(child instanceof fabric__namespace.Textbox)) continue;
+              const childAngle = child.angle ?? 0;
+              const normalizedAng = (childAngle % 180 + 180) % 180;
+              const distFromAxis = Math.min(
+                normalizedAng,
+                Math.abs(normalizedAng - 90),
+                Math.abs(normalizedAng - 180)
+              );
+              const isRotatedChild = distFromAxis > 0.5;
+              if (isRotatedChild) {
+                if (child.__asLiveRotSnap == null) {
+                  const selMatrix0 = obj.calcTransformMatrix();
+                  const localCenter0 = child.getCenterPoint();
+                  const worldCenter0 = fabric__namespace.util.transformPoint(localCenter0, selMatrix0);
+                  const origMinBoxH = Number(child.minBoxHeight);
+                  child.__asLiveRotSnap = {
+                    worldCenter: { x: worldCenter0.x, y: worldCenter0.y },
+                    worldAngle: (obj.angle ?? 0) + childAngle,
+                    origW: (child.width ?? 0) * Math.abs(child.scaleX ?? 1),
+                    origH: (child.height ?? 0) * Math.abs(child.scaleY ?? 1),
+                    origMinBoxH: Number.isFinite(origMinBoxH) ? origMinBoxH : 0
+                  };
+                }
+                const snap = child.__asLiveRotSnap;
+                const θ = (snap.worldAngle - (obj.angle ?? 0)) * Math.PI / 180;
+                const c = Math.cos(θ);
+                const s = Math.sin(θ);
+                const cos2 = c * c;
+                const sin2 = s * s;
+                if (isXSide) {
+                  const sLocal = Math.max(0.01, sin2 + sAxis * cos2);
+                  const newW = Math.max(20, snap.origW * sLocal);
+                  child._set("width", newW);
+                } else {
+                  const sLocal = Math.max(0.01, cos2 + sAxis * sin2);
+                  const newH = Math.max(20, (snap.origMinBoxH || snap.origH) * sLocal);
+                  child.minBoxHeight = newH;
+                }
+                const asAngleRad = (obj.angle ?? 0) * Math.PI / 180;
+                const ca = Math.cos(asAngleRad), sa = Math.sin(asAngleRad);
+                const asSx = obj.scaleX || 1;
+                const asSy = obj.scaleY || 1;
+                const wa = snap.worldAngle * Math.PI / 180;
+                const cw = Math.cos(wa), sw = Math.sin(wa);
+                const i00 = ca / asSx, i01 = sa / asSx;
+                const i10 = -sa / asSy, i11 = ca / asSy;
+                const m00 = i00 * cw + i01 * sw;
+                const m01 = i00 * -sw + i01 * cw;
+                const m10 = i10 * cw + i11 * sw;
+                const m11 = i10 * -sw + i11 * cw;
+                const decomp = fabric__namespace.util.qrDecompose([m00, m10, m01, m11, 0, 0]);
+                child._set("angle", decomp.angle);
+                child._set("scaleX", decomp.scaleX);
+                child._set("scaleY", decomp.scaleY);
+                child._set("skewX", decomp.skewX || 0);
+                child._set("skewY", decomp.skewY || 0);
+                try {
+                  child.initDimensions();
+                } catch {
+                }
+                const selMatrixNow = obj.calcTransformMatrix();
+                const invSelNow = fabric__namespace.util.invertTransform(selMatrixNow);
+                const wcPoint = new fabric__namespace.Point(snap.worldCenter.x, snap.worldCenter.y);
+                const localCenterNow = fabric__namespace.util.transformPoint(wcPoint, invSelNow);
+                child.setPositionByOrigin(localCenterNow, "center", "center");
+                child.setCoords();
+                child.dirty = true;
+                didReflowTextChild = true;
+                continue;
+              }
               if (isXSide) {
                 if (child.__asLiveOrigW == null) {
                   child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
@@ -14726,6 +14802,7 @@ const PageCanvas = react.forwardRef(
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
+                delete child.__asLiveRotSnap;
               }
             }
           } catch {
@@ -16107,6 +16184,10 @@ const PageCanvas = react.forwardRef(
               const sameMembers = !!prevAS && prevMembers.length === freshMembers.length && prevMembers.every((m) => freshMembers.includes(m));
               const alreadyAligned = sameMembers && prevAS.__pixldocsAlignedAngle != null;
               if (sameMembers && alreadyAligned) {
+                try {
+                  ensureCanvaControlRenders(prevAS);
+                } catch {
+                }
                 fc.setActiveObject(prevAS);
                 prevAS.setCoords();
                 fc.requestRenderAll();
@@ -17214,6 +17295,7 @@ const PageCanvas = react.forwardRef(
             });
             if (isPureSingleGroupSelection) applyWarpAwareSelectionBorders(selection);
           }
+          ensureCanvaControlRenders(selection);
           fc.setActiveObject(selection);
           if (!isFlatGroupSelection) {
             selection.setCoords();
@@ -24821,9 +24903,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.380";
+const resolvedPackageVersion = "0.5.382";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.380";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.382";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25637,7 +25719,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-C4lbJ3r7.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BI3et0Ux.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27957,7 +28039,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-C4lbJ3r7.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BI3et0Ux.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28354,4 +28436,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-B-wkU613.cjs.map
+//# sourceMappingURL=index-BpiWTXuI.cjs.map