@fusion.dev/helix-headless 0.104.0 → 0.104.1

package/custom-elements.json

@@ -12538,6 +12538,13 @@
               "readonly": true,
               "description": "A stop a reader landed on becomes the tab stop, and a card comes into view.\n\nInto view rather than to the middle: a reader walking a row of cards that\nare all on screen should see the focus ring move along it, not the board\nlurch under every press."
             },
+            {
+              "kind": "field",
+              "name": "handleFocusOut",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A connection being made from the keyboard ends when the reader leaves\nthe board, as Escape ends it.\n\nOtherwise the board went on showing every card as somewhere to land, and\na reader who came back and pressed Enter on a card connected something\nthey had long since walked away from. Only for somewhere else on the\npage: a window losing focus names nothing, and the reader switching away\nand back is still in the middle of it. A pointer's connection is its\nown, ended by its release."
+            },
             {
               "kind": "method",
               "name": "reveal",

package/dist/canvas/root/canvas-root.d.ts

@@ -700,6 +700,18 @@ export declare class HelixHeadlessCanvas extends HelixHeadlessCanvas_base {
      * lurch under every press.
      */
     private readonly handleFocusIn;
+    /**
+     * A connection being made from the keyboard ends when the reader leaves
+     * the board, as Escape ends it.
+     *
+     * Otherwise the board went on showing every card as somewhere to land, and
+     * a reader who came back and pressed Enter on a card connected something
+     * they had long since walked away from. Only for somewhere else on the
+     * page: a window losing focus names nothing, and the reader switching away
+     * and back is still in the middle of it. A pointer's connection is its
+     * own, ended by its release.
+     */
+    private readonly handleFocusOut;
     /** Brings a card into view, where it is not already whole in it. */
     private reveal;
     /**

package/dist/canvas/root/canvas-root.js

@@ -291,7 +291,7 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
                 if (this.linking.pressed) {
                     const clicked = this.linking.edge;
                     this.linking = undefined;
-                    if (clicked !== undefined && pointing) {
+                    if (clicked !== undefined && pointing && event.type !== 'pointercancel') {
                         this.clicked(clicked, event);
                     }
                     return;
@@ -316,7 +316,7 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
                     return;
                 }
                 this.carrying = undefined;
-                if (!carry.started && pointing) {
+                if (!carry.started && pointing && event.type !== 'pointercancel') {
                     this.clicked(carry.pressed, event);
                 }
                 if (carry.moved) {
@@ -326,7 +326,8 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
             }
             if (this.dragging?.pointer === event.pointerId) {
                 const drag = this.dragging;
-                if (Math.hypot(event.clientX - drag.from.x, event.clientY - drag.from.y) < SLOP) {
+                if (event.type !== 'pointercancel' &&
+                    Math.hypot(event.clientX - drag.from.x, event.clientY - drag.from.y) < SLOP) {
                     if (drag.pressed !== undefined && pointing) {
                         this.clicked(drag.pressed, event);
                     }
@@ -508,6 +509,20 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
                 this.reveal(card.name);
             }
         };
+        this.handleFocusOut = (event) => {
+            const next = event.relatedTarget;
+            const linking = this.linking;
+            if (!linking ||
+                linking.pointer !== undefined ||
+                linking.held ||
+                !(next instanceof Node) ||
+                this.contains(next) ||
+                this.renderRoot.contains(next)) {
+                return;
+            }
+            this.linking = undefined;
+            this.said = this.stoppedLabel;
+        };
         this.handleDoubleClick = (event) => {
             const path = event.composedPath();
             if (path.some((one) => one instanceof Element && one.matches(INTERACTIVE))) {
@@ -1462,6 +1477,7 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
         this.watchWords();
         this.addEventListener('dblclick', this.handleDoubleClick);
         this.addEventListener('focusin', this.handleFocusIn);
+        this.addEventListener('focusout', this.handleFocusOut);
         this.addEventListener('keydown', this.handleStopKeydown);
         this.addEventListener('pointercancel', this.handlePointerUp);
         this.addEventListener('pointerdown', this.handlePointerDown);
@@ -1478,6 +1494,7 @@ let HelixHeadlessCanvas = class HelixHeadlessCanvas extends MixinViewport(HelixE
         this.words?.disconnect();
         this.removeEventListener('dblclick', this.handleDoubleClick);
         this.removeEventListener('focusin', this.handleFocusIn);
+        this.removeEventListener('focusout', this.handleFocusOut);
         this.removeEventListener('keydown', this.handleStopKeydown);
         this.removeEventListener('pointercancel', this.handlePointerUp);
         this.removeEventListener('pointerdown', this.handlePointerDown);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.104.0",
+  "version": "0.104.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,13 +46,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.104.0",
-    "@fusion.dev/helix-icons": "0.104.0",
+    "@fusion.dev/helix-core": "0.104.1",
+    "@fusion.dev/helix-icons": "0.104.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.104.0",
-    "@fusion.dev/helix-testing": "0.104.0",
+    "@fusion.dev/helix-cem": "0.104.1",
+    "@fusion.dev/helix-testing": "0.104.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",