@pixldocs/canvas-renderer 0.5.452 → 0.5.454

package/dist/{index-L5Rj-oYv.cjs → index-DCWaFt-_.cjs}

@@ -11711,6 +11711,28 @@ const angleDistanceDeg = (a, b) => {
   const delta = Math.abs(((a - b) % 360 + 540) % 360 - 180);
   return Number.isFinite(delta) ? delta : Number.POSITIVE_INFINITY;
 };
+const normalizeSignedAngleDeg = (angle) => {
+  if (!Number.isFinite(angle)) return 0;
+  const normalized = (angle % 360 + 540) % 360 - 180;
+  return Math.abs(normalized) < 1e-9 ? 0 : normalized;
+};
+const resolveActiveSelectionLocalAngle = (obj, sourceElement, activeSelection) => {
+  var _a2;
+  const objectAngle = Number.isFinite(obj.angle) ? obj.angle ?? 0 : 0;
+  const isImageLike = obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && (obj.__cropGroup || ((_a2 = obj._ct) == null ? void 0 : _a2.isCropGroup));
+  const hasPersistedFlip = !!((sourceElement == null ? void 0 : sourceElement.flipX) || (sourceElement == null ? void 0 : sourceElement.flipY) || obj.flipX || obj.flipY);
+  if (!isImageLike || !hasPersistedFlip || !Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle)) {
+    return normalizeSignedAngleDeg(objectAngle);
+  }
+  return normalizeSignedAngleDeg((sourceElement.angle ?? 0) - ((activeSelection == null ? void 0 : activeSelection.angle) ?? 0));
+};
+const resolveStableFlippedAngle = (fabricAngle, sourceAngle, hasFlip, isRotationGesture = false) => {
+  const current = Number.isFinite(fabricAngle) ? fabricAngle : sourceAngle ?? 0;
+  if (!hasFlip || isRotationGesture || !Number.isFinite(sourceAngle)) return current;
+  const src = sourceAngle;
+  const isFabricFlipEncoding = angleDistanceDeg(current, src + 180) < 2 && angleDistanceDeg(current, src) > 90;
+  return isFabricFlipEncoding ? src : current;
+};
 const stripPersistedFlipForStableAngle = (matrix, persistedFlipX, persistedFlipY, expectedCleanAngle) => {
   if (!persistedFlipX && !persistedFlipY) return matrix;
   const toggled = toggleLogicalFlipInMatrix(matrix, persistedFlipX, persistedFlipY);
@@ -14662,7 +14684,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14959,15 +14981,18 @@ const PageCanvas = react.forwardRef(
                 const sourceChildForAngle = childIdForAngle ? elementsRef.current.find((el) => el.id === childIdForAngle) : null;
                 const persistedChildFlipX = (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipX) ?? child.flipX ?? false;
                 const persistedChildFlipY = (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipY) ?? child.flipY ?? false;
-                const isFlippedImageLikeChild = (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) && !!(persistedChildFlipX || persistedChildFlipY) && Number.isFinite(sourceChildForAngle == null ? void 0 : sourceChildForAngle.angle);
-                if (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_n = child._ct) == null ? void 0 : _n.isCropGroup))) {
+                if (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) {
                   child.set({ flipX: persistedChildFlipX, flipY: persistedChildFlipY });
                   child.__asLivePersistedFlipX = persistedChildFlipX;
                   child.__asLivePersistedFlipY = persistedChildFlipY;
                 }
-                child.__asLiveOrigAngle = isFlippedImageLikeChild ? sourceChildForAngle.angle ?? 0 : Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
+                child.__asLiveOrigAngle = resolveActiveSelectionLocalAngle(
+                  child,
+                  sourceChildForAngle,
+                  obj
+                );
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_o = child._ct) == null ? void 0 : _o.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_n = child._ct) == null ? void 0 : _n.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -15140,7 +15165,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_p = groupShiftReflowSnapshotRef.current) == null ? void 0 : _p.selection) === obj) {
+            if (isXSide && ((_o = groupShiftReflowSnapshotRef.current) == null ? void 0 : _o.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15302,7 +15327,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_q = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _q.call(fabricCanvas);
+            (_p = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _p.call(fabricCanvas);
           } catch {
           }
         }
@@ -16103,7 +16128,7 @@ const PageCanvas = react.forwardRef(
             if (obj instanceof fabric__namespace.Group && obj.__cropGroup) {
               const ct = obj.__cropData;
               if (ct) {
-                const cropChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : obj.angle ?? 0;
+                const cropChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : resolveActiveSelectionLocalAngle(obj, sourceElement, activeObj instanceof fabric__namespace.ActiveSelection ? activeObj : null);
                 const cropChildNormAngle = (cropChildLocalAngle % 360 + 360) % 360;
                 const cropChildIsRotated = Math.abs(cropChildNormAngle) > 0.5 && Math.abs(cropChildNormAngle - 360) > 0.5;
                 const cropHandle = activeSelectionResizeHandle;
@@ -16222,7 +16247,7 @@ const PageCanvas = react.forwardRef(
                   useEditorStore.getState().updateElement(objId, { src: newSrc }, { recordHistory: false, skipLayoutRecalc: true });
                 }
               } else if (isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
-                const imgChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : ((sourceElement == null ? void 0 : sourceElement.flipX) || (sourceElement == null ? void 0 : sourceElement.flipY)) && Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
+                const imgChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : resolveActiveSelectionLocalAngle(obj, sourceElement, activeObj instanceof fabric__namespace.ActiveSelection ? activeObj : null);
                 const imgChildNormAngle = (imgChildLocalAngle % 360 + 360) % 360;
                 const imgChildIsRotated = Math.abs(imgChildNormAngle) > 0.5 && Math.abs(imgChildNormAngle - 360) > 0.5;
                 const imgHandle = activeSelectionResizeHandle;
@@ -16553,6 +16578,18 @@ const PageCanvas = react.forwardRef(
               expectedCleanAngle
             );
             const persistedDecomposed = fabric__namespace.util.qrDecompose(cleanTransformMatrix);
+            const hasPersistedFlipForAngle = !!(persistedFlipX || persistedFlipY);
+            const isRotationGestureForStableAngle = isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? (() => {
+              var _a3;
+              const startAngle = ((_a3 = groupSelectionTransformStartRef.current) == null ? void 0 : _a3.selection) === activeObj ? groupSelectionTransformStartRef.current.selectionAngle ?? activeObj.angle ?? 0 : activeObj.angle ?? 0;
+              return angleDistanceDeg(activeObj.angle ?? 0, startAngle) > 0.01;
+            })() : !isActiveSelection && modifiedTarget === obj && angleDistanceDeg(obj.angle ?? 0, (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? 0) > 0.01;
+            const stablePersistedAngle = resolveStableFlippedAngle(
+              persistedDecomposed.angle,
+              sourceElement == null ? void 0 : sourceElement.angle,
+              hasPersistedFlipForAngle,
+              isRotationGestureForStableAngle
+            );
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
@@ -16561,7 +16598,7 @@ const PageCanvas = react.forwardRef(
               // so finalWidth already reflects the new width chosen by the user.
               width: finalWidth,
               height: isLineObj ? 0 : isAutoShrinkText ? typeof autoShrinkStoredHeight === "number" ? autoShrinkStoredHeight : finalHeight : finalHeight,
-              angle: persistedDecomposed.angle,
+              angle: stablePersistedAngle,
               skewX: isLineObj ? 0 : persistedDecomposed.skewX,
               skewY: isLineObj ? 0 : persistedDecomposed.skewY,
               scaleX: finalScaleX,
@@ -16633,7 +16670,7 @@ const PageCanvas = react.forwardRef(
             const isCropGroupObj = obj instanceof fabric__namespace.Group && obj.__cropGroup;
             const isPlainImageObj = obj instanceof fabric__namespace.FabricImage && !obj.__cropGroup && !obj.smartElementType;
             if (isActiveSelection && isActiveSelectionSideHandle && (isCropGroupObj || isPlainImageObj)) {
-              const childLocalAngleSrc = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : ((sourceElement == null ? void 0 : sourceElement.flipX) || (sourceElement == null ? void 0 : sourceElement.flipY)) && Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
+              const childLocalAngleSrc = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : resolveActiveSelectionLocalAngle(obj, sourceElement, activeObj instanceof fabric__namespace.ActiveSelection ? activeObj : null);
               const normAng = (childLocalAngleSrc % 360 + 360) % 360;
               const isRotatedImg = Math.min(normAng, 360 - normAng) > 0.5;
               if (isRotatedImg && activeObj instanceof fabric__namespace.ActiveSelection) {
@@ -20954,6 +20991,20 @@ function flattenSectionStateToFormData(sectionState, sections) {
   }
   return flat;
 }
+function gradientSiblingForTarget(targetProperty) {
+  switch (targetProperty) {
+    case "fill":
+      return "fillGradient";
+    case "stroke":
+      return "strokeGradient";
+    case "textBgColor":
+      return "textBgGradient";
+    case "backgroundColor":
+      return "backgroundGradient";
+    default:
+      return null;
+  }
+}
 const CLONE_SUFFIX = /_\d+$/;
 function baseId(id) {
   let s = id;
@@ -21054,7 +21105,18 @@ function setInTree(nodes, elementId, targetProperty, value) {
           delete node.cropZoom;
         }
       } else {
-        node[targetProperty] = value;
+        const gradSibling = gradientSiblingForTarget(targetProperty);
+        if (gradSibling) {
+          if (isGradientConfig(value)) {
+            node[gradSibling] = value;
+            node[targetProperty] = targetProperty === "textBgColor" ? "transparent" : "";
+          } else {
+            if (gradSibling in node) delete node[gradSibling];
+            node[targetProperty] = value;
+          }
+        } else {
+          node[targetProperty] = value;
+        }
       }
       if (targetProperty === "text" && node.type === "text") {
         const overflowPolicy = String(node.overflowPolicy ?? "grow-and-push");
@@ -21726,10 +21788,19 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
         effectiveValue = formatTimeForDisplay(effectiveValue);
       }
     }
-    if (elementId === PAGE_BACKGROUND_ELEMENT_ID && targetProperty === "backgroundColor" && typeof effectiveValue === "string") {
+    if (elementId === PAGE_BACKGROUND_ELEMENT_ID && targetProperty === "backgroundColor") {
       if ((_a3 = pages[0]) == null ? void 0 : _a3.settings) {
-        pages[0].settings.backgroundColor = effectiveValue;
-        return true;
+        const settings = pages[0].settings;
+        if (isGradientConfig(effectiveValue)) {
+          settings.backgroundGradient = effectiveValue;
+          settings.backgroundColor = "";
+          return true;
+        }
+        if (typeof effectiveValue === "string") {
+          if ("backgroundGradient" in settings) delete settings.backgroundGradient;
+          settings.backgroundColor = effectiveValue;
+          return true;
+        }
       }
     }
     for (const page of pages) {
@@ -25977,9 +26048,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.452";
+const resolvedPackageVersion = "0.5.454";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.452";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.454";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26793,7 +26864,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-DLdSAaBB.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-1e96-5qI.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29113,7 +29184,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-DLdSAaBB.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-1e96-5qI.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29510,4 +29581,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-L5Rj-oYv.cjs.map
+//# sourceMappingURL=index-DCWaFt-_.cjs.map