@pixldocs/canvas-renderer 0.5.248 → 0.5.249

package/dist/{index-KuNxjXIo.cjs → index-ChwgcxsY.cjs}

@@ -9479,7 +9479,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;
@@ -9661,6 +9662,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,
@@ -11750,7 +11752,8 @@ 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 != 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);
@@ -11775,6 +11778,7 @@ const PageCanvas = react.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;
@@ -14538,6 +14542,22 @@ const PageCanvas = react.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);
@@ -23436,9 +23456,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.248";
+const resolvedPackageVersion = "0.5.249";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.248";
+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;
@@ -24252,7 +24272,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-C_y0i2dG.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Cn6AKrk7.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26572,7 +26592,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-C_y0i2dG.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Cn6AKrk7.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -26969,4 +26989,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-KuNxjXIo.cjs.map
+//# sourceMappingURL=index-ChwgcxsY.cjs.map