@pixldocs/canvas-renderer 0.5.384 → 0.5.386

package/dist/{index-ZQVav-Zq.js → index-BBprK5c2.js}

@@ -14228,35 +14228,6 @@ const PageCanvas = forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              if (child instanceof fabric.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.util.qrDecompose(wm);
-                    const asMatrix = obj.calcTransformMatrix();
-                    const invAS = fabric.util.invertTransform(asMatrix);
-                    const localCenter = fabric.util.transformPoint(
-                      new fabric.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.Textbox && child.__asRotChildSnap) {
-                continue;
-              }
               if (child instanceof fabric.Group && (child.__cropGroup || ((_f = child._ct) == null ? void 0 : _f.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
@@ -14328,39 +14299,54 @@ const PageCanvas = forwardRef(
                 continue;
               }
               if (!(child instanceof fabric.Textbox)) continue;
+              const childAngleDeg = child.angle ?? 0;
+              const asSx = isXSide ? sAxis : 1;
+              const asSy = isXSide ? 1 : sAxis;
+              const theta = fabric.util.degreesToRadians(childAngleDeg);
+              const cosT = Math.cos(theta);
+              const sinT = Math.sin(theta);
               if (isXSide) {
                 if (child.__asLiveOrigW == null) {
                   child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
                 }
                 const origW = child.__asLiveOrigW;
-                const newW = Math.max(20, origW * sAxis);
-                if (Math.abs((child.width ?? 0) - newW) > 0.5) {
-                  child._set("width", newW);
-                  child._set("scaleX", 1 / sAxis);
-                  try {
-                    child.initDimensions();
-                  } catch {
-                  }
-                  child.setCoords();
-                  child.dirty = true;
-                  didReflowTextChild = true;
-                }
+                const sLocalX = asSx * cosT * cosT + sinT * sinT;
+                const newW = Math.max(20, origW * sLocalX);
+                child._set("width", newW);
               } else {
                 if (child.__asLiveOrigH == null) {
                   child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
                 }
                 const origH = child.__asLiveOrigH;
-                const newH = Math.max(20, origH * sAxis);
+                const sLocalY = asSy * cosT * cosT + sinT * sinT;
+                const newH = Math.max(20, origH * sLocalY);
                 child.minBoxHeight = newH;
-                child._set("scaleY", 1 / sAxis);
-                try {
-                  child.initDimensions();
-                } catch {
-                }
-                child.setCoords();
-                child.dirty = true;
-                didReflowTextChild = true;
               }
+              try {
+                const inv = [1 / asSx, 0, 0, 1 / asSy, 0, 0];
+                const Rtheta = fabric.util.composeMatrix({
+                  angle: childAngleDeg,
+                  scaleX: 1,
+                  scaleY: 1,
+                  translateX: 0,
+                  translateY: 0
+                });
+                const M = fabric.util.multiplyTransformMatrices(inv, Rtheta);
+                const dec = fabric.util.qrDecompose(M);
+                child._set("angle", dec.angle);
+                child._set("scaleX", dec.scaleX);
+                child._set("scaleY", dec.scaleY);
+                child._set("skewX", dec.skewX);
+                child._set("skewY", dec.skewY);
+              } catch {
+              }
+              try {
+                child.initDimensions();
+              } catch {
+              }
+              child.setCoords();
+              child.dirty = true;
+              didReflowTextChild = true;
             }
             if (isXSide && ((_g = groupShiftReflowSnapshotRef.current) == null ? void 0 : _g.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
@@ -14745,7 +14731,6 @@ const PageCanvas = forwardRef(
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
                 delete child.__asLiveRotSnap;
-                delete child.__asRotChildSnap;
               }
             }
           } catch {
@@ -15431,6 +15416,14 @@ const PageCanvas = forwardRef(
               finalHeight = 0;
               finalScaleX = 1;
               finalScaleY = 1;
+            } else if (obj instanceof fabric.Textbox && isActiveSelection && (sourceElement == null ? void 0 : sourceElement.type) === "text" && (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb") && Math.min(
+              ((sourceElement.angle ?? obj.angle ?? 0) % 360 + 360) % 360,
+              360 - ((sourceElement.angle ?? obj.angle ?? 0) % 360 + 360) % 360
+            ) > 0.5) {
+              finalWidth = Math.max(1, intrinsicWidth);
+              finalHeight = Math.max(1, intrinsicHeight);
+              finalScaleX = 1;
+              finalScaleY = 1;
             } else if (obj instanceof fabric.Textbox && isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
               const sx = Math.abs(decomposed.scaleX || 1);
               const sy = Math.abs(decomposed.scaleY || 1);
@@ -15630,6 +15623,45 @@ const PageCanvas = forwardRef(
             if (sourceElement && sourceElement.opacity !== void 0) {
               elementUpdate.opacity = sourceElement.opacity;
             }
+            const isActiveSelectionSideHandle = activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb";
+            if (isActiveSelection && isActiveSelectionSideHandle && obj instanceof fabric.Textbox && (sourceElement == null ? void 0 : sourceElement.type) === "text") {
+              const cleanAngle = Number.isFinite(sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? decomposed.angle ?? 0;
+              const normalizedTextAngle = (cleanAngle % 360 + 360) % 360;
+              const isRotatedText = Math.min(normalizedTextAngle, 360 - normalizedTextAngle) > 0.5;
+              if (isRotatedText) {
+                try {
+                  const cleanW = Math.max(1, Number(obj.width ?? elementUpdate.width ?? finalWidth));
+                  const cleanH = Math.max(1, Number(elementUpdate.height ?? obj.height ?? finalHeight));
+                  const cx = decomposed.translateX ?? absoluteLeft + cleanW / 2;
+                  const cy = decomposed.translateY ?? absoluteTop + cleanH / 2;
+                  const theta = fabric.util.degreesToRadians(cleanAngle);
+                  const cos = Math.cos(theta);
+                  const sin = Math.sin(theta);
+                  const cleanAbsLeft = cx - (cos * cleanW / 2 - sin * cleanH / 2);
+                  const cleanAbsTop = cy - (sin * cleanW / 2 + cos * cleanH / 2);
+                  const cleanStorePos = absoluteToStorePosition(cleanAbsLeft, cleanAbsTop, objId, pageChildrenForSave);
+                  elementUpdate.left = cleanStorePos.left;
+                  elementUpdate.top = cleanStorePos.top;
+                  elementUpdate.width = cleanW;
+                  elementUpdate.height = cleanH;
+                  elementUpdate.angle = cleanAngle;
+                  elementUpdate.scaleX = 1;
+                  elementUpdate.scaleY = 1;
+                  elementUpdate.skewX = 0;
+                  elementUpdate.skewY = 0;
+                  elementUpdate.transformMatrix = fabric.util.composeMatrix({
+                    translateX: cx,
+                    translateY: cy,
+                    angle: cleanAngle,
+                    scaleX: 1,
+                    scaleY: 1,
+                    skewX: 0,
+                    skewY: 0
+                  });
+                } catch {
+                }
+              }
+            }
             if (debugGroupTextCornerResize && obj instanceof fabric.Textbox) {
               logGroupTextResizeDebug("store-update-text", {
                 time: Math.round(performance.now()),
@@ -15665,45 +15697,6 @@ const PageCanvas = forwardRef(
                 elementUpdate
               });
             }
-            const rotSnap = obj.__asRotChildSnap;
-            if (rotSnap && isActiveSelection && activeObj && obj instanceof fabric.Textbox) {
-              try {
-                const asFinal = activeObj.calcTransformMatrix();
-                const newWorldCenter = fabric.util.transformPoint(
-                  new fabric.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.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();
           }
@@ -24885,9 +24878,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.384";
+const resolvedPackageVersion = "0.5.386";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.384";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.386";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25701,7 +25694,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 import("./vectorPdfExport-BL8RuhWq.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-CuXE8W_Q.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28021,7 +28014,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BL8RuhWq.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-CuXE8W_Q.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28421,4 +28414,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-ZQVav-Zq.js.map
+//# sourceMappingURL=index-BBprK5c2.js.map