@vectojs/core 1.6.0 → 1.6.1

package/README.md

@@ -112,6 +112,11 @@ This projection is intentionally thin. Applications still own accessible names,
 focus order, contrast, and correct control semantics. See the
 [accessibility guide](https://vectojs.org/learn/accessibility/).
 
+Interactive projected nodes capture the active pointer on `pointerdown` and route
+`pointermove`, `pointerup`, and `pointercancel` through normal VMT capture/bubble propagation.
+Treat `pointercancel` as rollback: discard transient gesture state and do not create durable
+history. Pointer capture is released safely on both completion paths.
+
 ## Static content projection
 
 Canvas-rendered text can opt into browser-native find, translation, selection, and copy without

package/dist/index.js

@@ -816,15 +816,29 @@ var Scene = (_class2 = class _Scene {
           node.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
+        const releasePointer = (event) => {
+          if (typeof capEl.releasePointerCapture !== "function") return;
+          if (typeof capEl.hasPointerCapture === "function" && !capEl.hasPointerCapture(event.pointerId)) {
+            return;
+          }
+          try {
+            capEl.releasePointerCapture(event.pointerId);
+          } catch (error) {
+            if (!(error instanceof DOMException) || error.name !== "NotFoundError") throw error;
+          }
+        };
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
           node.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
-          if (typeof capEl.releasePointerCapture === "function")
-            capEl.releasePointerCapture(e.pointerId);
+          releasePointer(e);
           node.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)("pointerup", node, e));
         });
+        el.addEventListener("pointercancel", (e) => {
+          releasePointer(e);
+          node.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)("pointercancel", node, e));
+        });
         el.addEventListener(
           "pointermove",
           (e) => node.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)("pointermove", node, e))
@@ -2513,7 +2527,14 @@ var DOMPortalEntity = (_class7 = class extends _chunkDFNK6OV6js.Entity {
         });
         this.resizeObserver.observe(this.domElement);
       }
-      const events = ["click", "pointerdown", "pointerup", "pointermove", "wheel"];
+      const events = [
+        "click",
+        "pointerdown",
+        "pointerup",
+        "pointercancel",
+        "pointermove",
+        "wheel"
+      ];
       for (const type of events) {
         const handler = (e) => {
           this.dispatchEvent(new (0, _chunkDFNK6OV6js.VectoJSEvent)(type, this, e));

package/dist/index.mjs

@@ -816,15 +816,29 @@ var Scene = class _Scene {
           node.dispatchEvent(new VectoJSEvent("pointerleave", node, e, false));
         });
         const capEl = el;
+        const releasePointer = (event) => {
+          if (typeof capEl.releasePointerCapture !== "function") return;
+          if (typeof capEl.hasPointerCapture === "function" && !capEl.hasPointerCapture(event.pointerId)) {
+            return;
+          }
+          try {
+            capEl.releasePointerCapture(event.pointerId);
+          } catch (error) {
+            if (!(error instanceof DOMException) || error.name !== "NotFoundError") throw error;
+          }
+        };
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
           node.dispatchEvent(new VectoJSEvent("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
-          if (typeof capEl.releasePointerCapture === "function")
-            capEl.releasePointerCapture(e.pointerId);
+          releasePointer(e);
           node.dispatchEvent(new VectoJSEvent("pointerup", node, e));
         });
+        el.addEventListener("pointercancel", (e) => {
+          releasePointer(e);
+          node.dispatchEvent(new VectoJSEvent("pointercancel", node, e));
+        });
         el.addEventListener(
           "pointermove",
           (e) => node.dispatchEvent(new VectoJSEvent("pointermove", node, e))
@@ -2513,7 +2527,14 @@ var DOMPortalEntity = class extends Entity {
         });
         this.resizeObserver.observe(this.domElement);
       }
-      const events = ["click", "pointerdown", "pointerup", "pointermove", "wheel"];
+      const events = [
+        "click",
+        "pointerdown",
+        "pointerup",
+        "pointercancel",
+        "pointermove",
+        "wheel"
+      ];
       for (const type of events) {
         const handler = (e) => {
           this.dispatchEvent(new VectoJSEvent(type, this, e));

package/dist/tree/Entity.d.ts

@@ -162,7 +162,7 @@ export interface A11yAttributes {
 /**
  * Union of all pointer/interaction events that can be emitted by an {@link Entity}.
  */
-export type VectoEvent = 'click' | 'hover' | 'pointerdown' | 'pointerup' | 'pointermove' | 'pointerleave' | 'change' | 'focus' | 'blur' | 'wheel' | 'keydown' | 'keyup';
+export type VectoEvent = 'click' | 'hover' | 'pointerdown' | 'pointerup' | 'pointercancel' | 'pointermove' | 'pointerleave' | 'change' | 'focus' | 'blur' | 'wheel' | 'keydown' | 'keyup';
 /** Options for {@link Entity.on} / {@link Entity.off}. */
 export interface ListenerOptions {
     /** Register the listener for the capture phase (root→target) instead of bubble. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectojs/core",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "publishConfig": {
     "access": "public"
   },