@vectoriox/iox-builder 4.1.0 → 4.1.2

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5324,6 +5324,8 @@ class BuilderComponent {
         /** Overrides per breakpoint for the selection (or the whole page when nothing is selected) —
          *  the breakpoint bar's dots. A field recomputed on change, never a getter (OnPush input). */
         this.breakpointCounts = {};
+        /** Deadline for swallowing the canvas click that completes an overlay action. */
+        this._ignoreCanvasClickUntil = 0;
         this.activeZoom = 100;
         this.activeScreenWidth = 1440;
         this.selectedItem = null;
@@ -5783,6 +5785,16 @@ class BuilderComponent {
         this.hoverHideRaf = requestAnimationFrame(() => this.overlayService.clearHover());
     }
     handleCanvasClick() {
+        // An overlay action (Select parent, Duplicate, …) changes the selection, which RE-RENDERS the
+        // overlay — so the button that got `mousedown` is gone by `mouseup`, and the browser
+        // dispatches the click on the nearest common ancestor: `.preview` itself. It therefore never
+        // passes through <app-overlay>, and stopping propagation there cannot help. Without this
+        // guard that click reads as "clicked empty canvas" and wipes the selection the action just
+        // made (empty breadcrumb; click-to-insert targeting the page).
+        if (Date.now() < this._ignoreCanvasClickUntil) {
+            this._ignoreCanvasClickUntil = 0;
+            return;
+        }
         // Only fires when clicking empty canvas space (renderers call stopPropagation)
         this.selectedItem = null;
         this.selectedPath = [];
@@ -5854,6 +5866,8 @@ class BuilderComponent {
     }
     // ── Toolbar actions ──────────────────────────────────────
     onToolbarAction(event) {
+        // The click completing this action lands on `.preview` (see handleCanvasClick) — ignore it.
+        this._ignoreCanvasClickUntil = Date.now() + 500;
         const { action, entry } = event;
         const node = entry.node;
         if (!node)
@@ -6176,8 +6190,14 @@ class BuilderComponent {
         const ref = this.overlayService.getNodeRef(repeater);
         ref?.componentRef?.instance?.refreshTemplate?.();
     }
-    /** Emit ELEMENT_SELECT with the ancestors the panels need (symbol + repeater item scope). */
+    /**
+     * Emit ELEMENT_SELECT with the ancestors the panels need (symbol + repeater item scope).
+     * THE place the builder's own selection is set too — every path that announces a selection goes
+     * through here, so `selectedItem` (breadcrumb, click-to-insert target) can't drift from what the
+     * panels show. "Select parent" used to announce the parent while leaving selectedItem behind.
+     */
     _emitElementSelect(node, componentRef) {
+        this.selectedItem = node;
         const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
             ?? this.findSymbolAncestorOf(node, this.globalElements);
         const repeaterAncestor = this.findRepeaterAncestorOf(node, this.layout)