@vectoriox/iox-builder 9.11.2 → 9.11.3

package/fesm2022/vectoriox-iox-builder.mjs

@@ -4421,6 +4421,8 @@ function sameSet(a, b) {
 function designIdOf(node) {
     return node.__previewClone ? (node.styleId ?? node.id) : node.id;
 }
+/** How long after a press inside a Tabs the selection it causes is the click's, not a tree / crumb selection. */
+const PRESS_SELECTION_MS = 600;
 /**
  * The composites' runtimes ON THE CANVAS (CC2, CC4a) — the canvas is a live runtime, so an Accordion (and a Disclosure,
  * CC2.1) opens and closes, and Tabs switch, on the canvas exactly as on the site: the SAME composite-core runtimes the
@@ -4465,7 +4467,11 @@ class CompositeCanvasService {
                 onChange: key => { if (!node.__previewClone && node.id)
                     this.designState?.setShownItem(node.id, key); },
             }));
-            this.exclusive.set(node.id, { node, runtime, selected: new Set() });
+            const entry = { node, runtime, selected: new Set(), pressedAt: 0, release: () => undefined };
+            const press = () => { entry.pressedAt = Date.now(); };
+            element.addEventListener('pointerdown', press, true);
+            entry.release = () => element.removeEventListener('pointerdown', press, true);
+            this.exclusive.set(node.id, entry);
             const shown = this.designState?.shownItem(designIdOf(node));
             if (shown)
                 runtime.activate(shown);
@@ -4486,7 +4492,9 @@ class CompositeCanvasService {
             return;
         this.attached.get(nodeId)?.runtime.destroy();
         this.attached.delete(nodeId);
-        this.exclusive.get(nodeId)?.runtime.destroy();
+        const tabs = this.exclusive.get(nodeId);
+        tabs?.runtime.destroy();
+        tabs?.release();
         this.exclusive.delete(nodeId);
     }
     /** The root's behaviour changed in its panel (Allow several open, Open by default; Activate on, Orientation). */
@@ -4523,7 +4531,7 @@ class CompositeCanvasService {
         if (!state)
             return;
         const selected = state.snapshot.selectedTriggers;
-        const fresh = [...selected].filter(id => !entry.selected.has(id));
+        const fresh = Date.now() - entry.pressedAt < PRESS_SELECTION_MS ? [] : [...selected].filter(id => !entry.selected.has(id));
         entry.selected = new Set(selected);
         for (const id of fresh) {
             const key = entry.runtime.keyAt(entry.runtime.root.querySelector(`.iox-node-${CSS.escape(id)}`));