@pixldocs/canvas-renderer 0.5.247 → 0.5.249

package/dist/{index-B70vNKRX.js → index-Bjb8trdG.js}

@@ -9461,7 +9461,8 @@ function createShape(element) {
 function createText(element) {
   var _a2, _b2, _c, _d, _e;
   const overflowPolicy = element.overflowPolicy || "grow-and-push";
-  let text = element.text != null && element.text !== "" ? element.text : " ";
+  const isEmptyText = !(element.text != null && element.text !== "");
+  let text = isEmptyText ? " " : element.text;
   let fontSize = element.fontSize || 16;
   const minFontSize = element.minFontSize || 8;
   const maxLines = element.maxLines || 3;
@@ -9643,6 +9644,7 @@ function createText(element) {
     ...element.textPath && element.textPath.preset && element.textPath.preset !== "none" ? { textPath: element.textPath } : {}
   });
   textbox.__formattingEnabled = formattingEnabled;
+  textbox.__pixldocsEmptyPlaceholder = isEmptyText;
   textbox.initDimensions();
   textbox.set({
     width: targetWidth,
@@ -11732,7 +11734,8 @@ const PageCanvas = 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 != null && element.text !== "" ? element.text : " ";
+        const isEmptyReflowText = !(element.text != null && element.text !== "");
+        let reflowText = isEmptyReflowText ? " " : element.text;
         let reflowParsedStyles = null;
         if (element.formattingEnabled === true) {
           const parsed = parseTextMarkdown(reflowText);
@@ -11757,6 +11760,7 @@ const PageCanvas = forwardRef(
         }
         obj.editable = element.formattingEnabled !== true;
         obj.__formattingEnabled = element.formattingEnabled === true;
+        obj.__pixldocsEmptyPlaceholder = isEmptyReflowText;
         obj.initDimensions();
         if (Math.abs((obj.width ?? 0) - targetWidth) > 0.01) {
           obj.width = targetWidth;
@@ -12839,7 +12843,7 @@ const PageCanvas = 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;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         const activeBeforeMouseDown = fabricCanvas.getActiveObject();
         if (editLockRef.current) {
           const active = fabricCanvas.getActiveObject();
@@ -12954,43 +12958,16 @@ const PageCanvas = forwardRef(
             }
             pendingGroupDrillInRef.current = null;
           } else if (drillGroup && !drillGroup.backgroundColor && !targetIsInCrop && alreadyThisGroup && !isMultiSelectKey && effectiveTarget !== activeNow) {
-            try {
-              skipSelectionClearOnDiscardRef.current = true;
-              preserveEditingScopeOnSelectionClearRef.current = true;
-              restoreSuppressedGroupBorders();
-              fabricCanvas.discardActiveObject();
-            } finally {
-              skipSelectionClearOnDiscardRef.current = false;
-              preserveEditingScopeOnSelectionClearRef.current = false;
-            }
-            fabricCanvas.__activeEditingGroupId = drillGroup.id;
-            delete effectiveTarget.__pixldocsGroupSelection;
-            delete effectiveTarget.__pixldocsLogicalGroupIds;
-            try {
-              (_j = effectiveTarget.set) == null ? void 0 : _j.call(effectiveTarget, { selectable: true, evented: true, hasBorders: true, hasControls: true });
-            } catch {
-            }
-            fabricCanvas.setActiveObject(effectiveTarget);
-            effectiveTarget.setCoords();
-            fabricCanvas._target = effectiveTarget;
-            opt.target = effectiveTarget;
             pendingGroupPromotionRef.current = null;
             pendingGroupDrillInRef.current = { groupId: drillGroup.id, childId: effectiveTargetId, target: effectiveTarget };
             if (effectiveTarget instanceof fabric.Textbox) {
               suppressTextEditForClick(effectiveTarget);
-            } else {
-              effectiveTarget.selected = false;
-              effectiveTarget.__lastSelected = false;
-              effectiveTarget.__corner = void 0;
             }
-            selectElements([effectiveTargetId], false, false);
-            updateDrilledGroupOutline();
-            fabricCanvas.requestRenderAll();
           }
         } else if (!target || targetId === "__background__") {
-          const isMultiSelectKey = !!(((_k = opt.e) == null ? void 0 : _k.shiftKey) || ((_l = opt.e) == null ? void 0 : _l.metaKey) || ((_m = opt.e) == null ? void 0 : _m.ctrlKey));
+          const isMultiSelectKey = !!(((_j = opt.e) == null ? void 0 : _j.shiftKey) || ((_k = opt.e) == null ? void 0 : _k.metaKey) || ((_l = opt.e) == null ? void 0 : _l.ctrlKey));
           if (isMultiSelectKey) return;
-          if ((_n = opt.e) == null ? void 0 : _n.altKey) return;
+          if ((_m = opt.e) == null ? void 0 : _m.altKey) return;
           try {
             const pointer = fabricCanvas.getPointer(opt.e);
             const px = pointer.x;
@@ -14547,6 +14524,22 @@ const PageCanvas = forwardRef(
             return;
           }
           editingTextIdRef.current = elementId || null;
+          if (target.__pixldocsEmptyPlaceholder) {
+            try {
+              target.__pixldocsEmptyPlaceholder = false;
+              target.set("text", "");
+              target.hiddenTextarea && (target.hiddenTextarea.value = "");
+              target.initDimensions();
+              target.setCoords();
+              target.selectionStart = 0;
+              target.selectionEnd = 0;
+              fabricCanvas.requestRenderAll();
+            } catch {
+            }
+            selectAllTextOnEditingEnterRef.current = null;
+            setEditingText(true);
+            return;
+          }
           if (elementId && selectAllTextOnEditingEnterRef.current === elementId) {
             selectAllTextOnEditingEnterRef.current = null;
             selectAllActiveTextbox(target);
@@ -23445,9 +23438,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.247";
+const resolvedPackageVersion = "0.5.249";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.247";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.249";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24261,7 +24254,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-Cej7-4rP.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-D6dDBhHF.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26581,7 +26574,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-Cej7-4rP.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-D6dDBhHF.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -26981,4 +26974,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-B70vNKRX.js.map
+//# sourceMappingURL=index-Bjb8trdG.js.map