@pixldocs/canvas-renderer 0.5.245 → 0.5.247

package/dist/{index-o3TKXqkj.cjs → index-D3P-zkRH.cjs}

@@ -9479,7 +9479,7 @@ function createShape(element) {
 function createText(element) {
   var _a2, _b2, _c, _d, _e;
   const overflowPolicy = element.overflowPolicy || "grow-and-push";
-  let text = element.text || "Text";
+  let text = element.text != null && element.text !== "" ? element.text : " ";
   let fontSize = element.fontSize || 16;
   const minFontSize = element.minFontSize || 8;
   const maxLines = element.maxLines || 3;
@@ -9570,7 +9570,7 @@ function createText(element) {
     }
   }
   if (overflowPolicy === "max-lines-ellipsis") {
-    const originalText = element.text || "Text";
+    const originalText = element.text || " ";
     const countLines = (testText) => {
       var _a3;
       const tb = new fabric__namespace.Textbox(testText, {
@@ -11120,7 +11120,9 @@ const PageCanvas = react.forwardRef(
     const isSyncingSelectionToFabricRef = react.useRef(false);
     const suppressGroupMemberBordersRef = react.useRef([]);
     const editingTextIdRef = react.useRef(null);
-    const pendingTextEditOnUpRef = react.useRef(null);
+    const selectAllTextOnEditingEnterRef = react.useRef(null);
+    const suppressedTextEditObjectsRef = react.useRef([]);
+    const suppressTextDoubleClickUntilRef = react.useRef(0);
     const syncLockedRef = react.useRef(false);
     const editLockRef = react.useRef(false);
     const editLockCountRef = react.useRef(0);
@@ -11748,7 +11750,7 @@ const PageCanvas = react.forwardRef(
         const targetWidth = Math.max(1, Number(element.width) > 0 ? Number(element.width) : Number(obj.width ?? 200));
         const overflowPolicy = element.overflowPolicy || "grow-and-push";
         const splitByGrapheme = overflowPolicy === "auto-shrink" ? false : element.splitByGrapheme ?? element.wordWrap === "break-word";
-        let reflowText = element.text || "Text";
+        let reflowText = element.text != null && element.text !== "" ? element.text : " ";
         let reflowParsedStyles = null;
         if (element.formattingEnabled === true) {
           const parsed = parseTextMarkdown(reflowText);
@@ -11829,6 +11831,44 @@ const PageCanvas = react.forwardRef(
       });
       fabricCanvas.hoverCursor = "default";
       fabricCanvas.moveCursor = "move";
+      const suppressTextEditForClick = (textbox) => {
+        if (!textbox) return;
+        textbox.selected = false;
+        textbox.__lastSelected = false;
+        textbox.__corner = void 0;
+        textbox.__pixldocsSuppressNextEdit = true;
+        suppressTextDoubleClickUntilRef.current = Date.now() + 350;
+        if (!suppressedTextEditObjectsRef.current.some((entry) => entry.textbox === textbox)) {
+          suppressedTextEditObjectsRef.current.push({ textbox, editable: textbox.editable });
+        }
+        textbox.editable = false;
+      };
+      const restoreSuppressedTextEditObjects = () => {
+        const entries = suppressedTextEditObjectsRef.current.splice(0);
+        for (const { textbox, editable } of entries) {
+          try {
+            textbox.editable = editable;
+            delete textbox.__pixldocsSuppressNextEdit;
+          } catch {
+          }
+        }
+      };
+      const restoreSuppressedTextEditObjectsSoon = () => {
+        requestAnimationFrame(() => {
+          restoreSuppressedTextEditObjects();
+        });
+      };
+      const selectAllActiveTextbox = (textbox) => {
+        var _a2;
+        try {
+          textbox.selectAll();
+        } catch {
+          const len = ((_a2 = textbox.text) == null ? void 0 : _a2.length) ?? 0;
+          textbox.selectionStart = 0;
+          textbox.selectionEnd = len;
+        }
+        fabricCanvas.requestRenderAll();
+      };
       if (!allowSelection) {
         fabricCanvas.selection = false;
         fabricCanvas.on("selection:created", () => {
@@ -12818,6 +12858,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.__updateDrilledGroupOutline = updateDrilledGroupOutline;
       fabricCanvas.on("mouse:down:before", (opt) => {
         var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+        const activeBeforeMouseDown = fabricCanvas.getActiveObject();
         if (editLockRef.current) {
           const active = fabricCanvas.getActiveObject();
           if (active && (((_a2 = active._ct) == null ? void 0 : _a2.isCropGroup) || active.__cropGroup)) {
@@ -12843,6 +12884,9 @@ const PageCanvas = react.forwardRef(
             targetId = childId;
           }
         }
+        if (target instanceof fabric__namespace.Textbox && targetId && targetId !== "__background__" && activeBeforeMouseDown === target && !target.isEditing && !target.__corner && !isMultiSelectModifier(opt.e)) {
+          selectAllTextOnEditingEnterRef.current = targetId;
+        }
         const activeEditingGroupId = fabricCanvas.__activeEditingGroupId ?? null;
         const pageNow = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId);
         const childrenNow = (pageNow == null ? void 0 : pageNow.children) ?? [];
@@ -12950,9 +12994,13 @@ const PageCanvas = react.forwardRef(
             opt.target = effectiveTarget;
             pendingGroupPromotionRef.current = null;
             pendingGroupDrillInRef.current = { groupId: drillGroup.id, childId: effectiveTargetId, target: effectiveTarget };
-            effectiveTarget.selected = false;
-            effectiveTarget.__lastSelected = false;
-            effectiveTarget.__corner = void 0;
+            if (effectiveTarget instanceof fabric__namespace.Textbox) {
+              suppressTextEditForClick(effectiveTarget);
+            } else {
+              effectiveTarget.selected = false;
+              effectiveTarget.__lastSelected = false;
+              effectiveTarget.__corner = void 0;
+            }
             selectElements([effectiveTargetId], false, false);
             updateDrilledGroupOutline();
             fabricCanvas.requestRenderAll();
@@ -13095,7 +13143,6 @@ const PageCanvas = react.forwardRef(
           lockEdits();
         }
         const o = fabricCanvas.getActiveObject();
-        pendingTextEditOnUpRef.current = null;
         if (!o) return;
         o.__lockScaleDuringCrop = false;
       });
@@ -13122,9 +13169,13 @@ const PageCanvas = react.forwardRef(
               (_b2 = (_a2 = pendingDrillIn.target).set) == null ? void 0 : _b2.call(_a2, { selectable: true, evented: true, hasBorders: true, hasControls: true });
               fabricCanvas.setActiveObject(pendingDrillIn.target);
               pendingDrillIn.target.setCoords();
-              pendingDrillIn.target.selected = false;
-              pendingDrillIn.target.__lastSelected = false;
-              pendingDrillIn.target.__corner = void 0;
+              if (pendingDrillIn.target instanceof fabric__namespace.Textbox) {
+                suppressTextEditForClick(pendingDrillIn.target);
+              } else {
+                pendingDrillIn.target.selected = false;
+                pendingDrillIn.target.__lastSelected = false;
+                pendingDrillIn.target.__corner = void 0;
+              }
               fabricCanvas.requestRenderAll();
             } finally {
               requestAnimationFrame(() => {
@@ -13197,6 +13248,7 @@ const PageCanvas = react.forwardRef(
           syncLockedRef.current = false;
         }, 0);
         unlockEditsSoon();
+        restoreSuppressedTextEditObjectsSoon();
         if (allowDynamicFieldClick && onDynamicFieldClick && e.target) {
           const clickedId = getObjectId(e.target);
           if (clickedId && dynamicFieldIds.includes(clickedId)) {
@@ -14483,6 +14535,9 @@ const PageCanvas = react.forwardRef(
           else if (active instanceof fabric__namespace.ActiveSelection && active.getObjects().length === 1 && active.getObjects()[0] instanceof fabric__namespace.Textbox) target = active.getObjects()[0];
         }
         if (target && target instanceof fabric__namespace.Textbox) {
+          if (Date.now() < suppressTextDoubleClickUntilRef.current || target.__pixldocsSuppressNextEdit) {
+            return;
+          }
           const elementId = getObjectId(target);
           if (target.__formattingEnabled === true || target.editable === false) {
             sonner.toast.info("Inline formatting is on — edit the text in the right panel.", {
@@ -14499,7 +14554,21 @@ const PageCanvas = react.forwardRef(
         const target = e.target;
         if (target && target instanceof fabric__namespace.Textbox) {
           const elementId = getObjectId(target);
+          if (target.__pixldocsSuppressNextEdit) {
+            try {
+              target.exitEditing();
+            } catch {
+            }
+            editingTextIdRef.current = null;
+            setEditingText(false);
+            fabricCanvas.requestRenderAll();
+            return;
+          }
           editingTextIdRef.current = elementId || null;
+          if (elementId && selectAllTextOnEditingEnterRef.current === elementId) {
+            selectAllTextOnEditingEnterRef.current = null;
+            selectAllActiveTextbox(target);
+          }
           setEditingText(true);
         }
       });
@@ -16180,7 +16249,7 @@ const PageCanvas = react.forwardRef(
         });
       } else if (obj instanceof fabric__namespace.Textbox) {
         const overflowPolicy = element.overflowPolicy || "grow-and-push";
-        let text = element.text || "Text";
+        let text = element.text != null && element.text !== "" ? element.text : " ";
         let parsedStyles = null;
         if (element.formattingEnabled === true) {
           const parsed = parseTextMarkdown(text);
@@ -16218,7 +16287,7 @@ const PageCanvas = react.forwardRef(
           }
         }
         if (overflowPolicy === "max-lines-ellipsis") {
-          const testTextbox = new fabric__namespace.Textbox(element.text || "Text", {
+          const testTextbox = new fabric__namespace.Textbox(element.text || " ", {
             width: rW,
             fontSize,
             fontFamily: element.fontFamily || "Open Sans",
@@ -16228,7 +16297,7 @@ const PageCanvas = react.forwardRef(
           testTextbox.initDimensions();
           const lines = testTextbox.textLines || [];
           if (lines.length > maxLines) {
-            const originalText = element.text || "Text";
+            const originalText = element.text || " ";
             const countLines = (testText) => {
               var _a3;
               const tb = new fabric__namespace.Textbox(testText, {
@@ -23394,9 +23463,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.245";
+const resolvedPackageVersion = "0.5.247";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.245";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.247";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24210,7 +24279,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-00z0fojJ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-7--PybIt.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26530,7 +26599,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-00z0fojJ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-7--PybIt.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -26927,4 +26996,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-o3TKXqkj.cjs.map
+//# sourceMappingURL=index-D3P-zkRH.cjs.map