@pixldocs/canvas-renderer 0.5.382 → 0.5.384

package/dist/{index-BpiWTXuI.cjs → index-CIEk2Lju.cjs}

@@ -14246,6 +14246,35 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
+              if (child instanceof fabric__namespace.Textbox && !child.__asRotChildSnap) {
+                const ang = ((child.angle ?? 0) % 360 + 360) % 360;
+                const isRot = Math.min(ang, 360 - ang) > 0.5;
+                if (isRot) {
+                  try {
+                    const wm = child.calcTransformMatrix();
+                    const decomp = fabric__namespace.util.qrDecompose(wm);
+                    const asMatrix = obj.calcTransformMatrix();
+                    const invAS = fabric__namespace.util.invertTransform(asMatrix);
+                    const localCenter = fabric__namespace.util.transformPoint(
+                      new fabric__namespace.Point(decomp.translateX, decomp.translateY),
+                      invAS
+                    );
+                    child.__asRotChildSnap = {
+                      cx0: decomp.translateX,
+                      cy0: decomp.translateY,
+                      theta0: child.angle ?? 0,
+                      w0: child.width ?? 0,
+                      h0: child.height ?? 0,
+                      localCx: localCenter.x,
+                      localCy: localCenter.y
+                    };
+                  } catch {
+                  }
+                }
+              }
+              if (child instanceof fabric__namespace.Textbox && child.__asRotChildSnap) {
+                continue;
+              }
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_f = child._ct) == null ? void 0 : _f.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
@@ -14317,75 +14346,6 @@ 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);
@@ -14803,6 +14763,7 @@ const PageCanvas = react.forwardRef(
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
                 delete child.__asLiveRotSnap;
+                delete child.__asRotChildSnap;
               }
             }
           } catch {
@@ -15722,6 +15683,45 @@ const PageCanvas = react.forwardRef(
                 elementUpdate
               });
             }
+            const rotSnap = obj.__asRotChildSnap;
+            if (rotSnap && isActiveSelection && activeObj && obj instanceof fabric__namespace.Textbox) {
+              try {
+                const asFinal = activeObj.calcTransformMatrix();
+                const newWorldCenter = fabric__namespace.util.transformPoint(
+                  new fabric__namespace.Point(rotSnap.localCx, rotSnap.localCy),
+                  asFinal
+                );
+                const theta = rotSnap.theta0;
+                const w = rotSnap.w0;
+                const h = rotSnap.h0;
+                const rad = theta * Math.PI / 180;
+                const cos = Math.cos(rad);
+                const sin = Math.sin(rad);
+                const ox = newWorldCenter.x - (cos * w / 2 - sin * h / 2);
+                const oy = newWorldCenter.y - (sin * w / 2 + cos * h / 2);
+                const rotStorePos = absoluteToStorePosition(ox, oy, objId, pageChildrenForSave);
+                elementUpdate.left = rotStorePos.left;
+                elementUpdate.top = rotStorePos.top;
+                elementUpdate.width = w;
+                elementUpdate.height = h;
+                elementUpdate.angle = theta;
+                elementUpdate.scaleX = 1;
+                elementUpdate.scaleY = 1;
+                elementUpdate.skewX = 0;
+                elementUpdate.skewY = 0;
+                elementUpdate.transformMatrix = fabric__namespace.util.composeMatrix({
+                  translateX: newWorldCenter.x,
+                  translateY: newWorldCenter.y,
+                  angle: theta,
+                  scaleX: 1,
+                  scaleY: 1,
+                  skewX: 0,
+                  skewY: 0
+                });
+              } catch {
+              }
+              delete obj.__asRotChildSnap;
+            }
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
@@ -24903,9 +24903,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.382";
+const resolvedPackageVersion = "0.5.384";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.382";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.384";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25719,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-BI3et0Ux.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CwGVLCXD.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28039,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-BI3et0Ux.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CwGVLCXD.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28436,4 +28436,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BpiWTXuI.cjs.map
+//# sourceMappingURL=index-CIEk2Lju.cjs.map