@fusion.dev/helix 0.110.4 → 0.110.6

package/custom-elements.json

@@ -13539,6 +13539,18 @@
                 "module": "src/canvas/node/canvas-node.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PlacementController(this)",
+              "description": "Where the card was placed, kept in its own shadow root.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvasNode",
+                "module": "src/canvas/node/canvas-node.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -14296,6 +14308,14 @@
                 "module": "src/canvas/node/canvas-node.ts"
               }
             },
+            {
+              "description": "Placed on the board.",
+              "name": "placed",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvasNode",
+                "module": "src/canvas/node/canvas-node.ts"
+              }
+            },
             {
               "description": "The card is selected.",
               "name": "selected",
@@ -15409,20 +15429,6 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "groups",
-              "type": {
-                "text": "CanvasNode[]"
-              },
-              "privacy": "private",
-              "description": "The groups alone, which is all a card's group is chosen from.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "HelixHeadlessCanvas",
-                "module": "src/canvas/root/canvas-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "cache",
@@ -16255,6 +16261,34 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "keying",
+              "type": {
+                "text": "| {\n        byElement: Map<HelixHeadlessCanvasEdge, string>\n        byKey: Map<string, HelixHeadlessCanvasEdge>\n      }\n    | undefined"
+              },
+              "privacy": "private",
+              "default": "undefined",
+              "description": "Every connection's key and every key's element, worked out once for the\nrender that asks for them.\n\n**One pass, where each asked alone walked them all.** A connection with no\n`name` counts its twins to be told apart, and a render asks every\nconnection's element by key, so four hundred unnamed connections cost 53\nms a render and 4.7 seconds with them all chosen, every step of a drag.\nKept from `willUpdate` to `updated` only: outside a render a handler may\nhave just moved a connection's ends, and its key is worked out afresh.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "keyAll",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    byElement: Map<HelixHeadlessCanvasEdge, string>\n    byKey: Map<string, HelixHeadlessCanvasEdge>\n  }"
+                }
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "edgeElements",
@@ -16997,6 +17031,20 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "waiting",
+              "type": {
+                "text": "CanvasView | undefined"
+              },
+              "privacy": "private",
+              "default": "undefined",
+              "description": "A view written before the board could place it, placed once it can.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "reported",
@@ -18378,7 +18426,7 @@
               }
             },
             {
-              "description": "The user has been still long enough for the controls to hide.",
+              "description": "The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.",
               "name": "idle",
               "inheritedFrom": {
                 "name": "HelixHeadlessCanvas",
@@ -79773,6 +79821,18 @@
                 "module": "src/map/marker/map-marker.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PlacementController(this)",
+              "description": "Where the marker was placed, kept in its own shadow root.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMapMarker",
+                "module": "src/map/marker/map-marker.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -80446,6 +80506,14 @@
                 "module": "src/map/marker/map-marker.ts"
               }
             },
+            {
+              "description": "Placed on the map by the connector.",
+              "name": "placed",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMapMarker",
+                "module": "src/map/marker/map-marker.ts"
+              }
+            },
             {
               "description": "Shows its name before the point, because there was no room after it.",
               "name": "start",
@@ -81543,6 +81611,18 @@
                 "module": "src/map/position/map-position.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new PlacementController(this)",
+              "description": "Where the position was placed, kept in its own shadow root.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMapPosition",
+                "module": "src/map/position/map-position.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "spoken",
@@ -82127,6 +82207,14 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "Placed on the map by the connector.",
+              "name": "placed",
+              "inheritedFrom": {
+                "name": "HelixHeadlessMapPosition",
+                "module": "src/map/position/map-position.ts"
+              }
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",

package/dist/canvas/node/canvas-node.css.js

@@ -22,8 +22,9 @@ display: block;
 font-family: var(--helix-font-sans);
 font-size: var(--helix-text-sm);
 inline-size: var(--_canvas-card-inline-size);
-inset-block-start: var(--_canvas-card-y);
-inset-inline-start: var(--_canvas-card-x);
+
+left: var(--_canvas-card-x);
+top: var(--_canvas-card-y);
 
 overflow: visible;
 position: absolute;
@@ -168,6 +169,13 @@ box-shadow: 0 0 0 var(--helix-border-thick) var(--helix-color-accent);
 background-color: var(--_canvas-handle-color);
 }
 
+@media (forced-colors: active) {
+:host(:state(target)) {
+outline: var(--helix-border-thick) solid Highlight;
+outline-offset: var(--helix-space-2xs);
+}
+}
+
 @media (prefers-reduced-motion: reduce) {
 [part~="handle"],
 [part~="move"] {
@@ -197,7 +205,7 @@ color: var(--helix-color-foreground-subtle);
 font-size: var(--helix-text-xs);
 }
 
-:host(:not([style*="--_canvas-card-x"])) {
+:host(:not(:state(placed))) {
 position: static;
 }
 

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

@@ -34,8 +34,10 @@ display: none;
 [part="board"] {
 block-size: var(--_canvas-plane-block-size);
 inline-size: var(--_canvas-plane-inline-size);
-inset: 0;
+
+left: 0;
 position: absolute;
+top: 0;
 transform: translate(var(--_canvas-x), var(--_canvas-y)) scale(var(--_canvas-zoom));
 transform-origin: 0 0;
 

package/dist/map/marker/map-marker.css.js

@@ -27,7 +27,7 @@ position: absolute;
 z-index: calc(var(--helix-layer-raised) + 1);
 }
 
-:host(:not([style*="--_map-marker-x"])) {
+:host(:not(:state(placed))) {
 visibility: hidden;
 }
 

package/dist/map/position/map-position.css.js

@@ -27,7 +27,7 @@ position: absolute;
 z-index: var(--helix-layer-raised);
 }
 
-:host(:not([style*="--_map-position-x"])) [part="position"] {
+:host(:not(:state(placed))) [part="position"] {
 visibility: hidden;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix",
   "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
-  "version": "0.110.4",
+  "version": "0.110.6",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -51,13 +51,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.110.4",
-    "@fusion.dev/helix-headless": "0.110.4",
-    "@fusion.dev/helix-styles": "0.110.4"
+    "@fusion.dev/helix-core": "0.110.6",
+    "@fusion.dev/helix-headless": "0.110.6",
+    "@fusion.dev/helix-styles": "0.110.6"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.110.4",
-    "@fusion.dev/helix-testing": "0.110.4",
+    "@fusion.dev/helix-cem": "0.110.6",
+    "@fusion.dev/helix-testing": "0.110.6",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -28504,6 +28504,7 @@ export type CustomElements = {
    *
    * - `candidate`: While a connection is being drawn and this card is somewhere it could arrive.
    * - `current`: The card that receives focus when you tab into the board.
+   * - `placed`: Placed on the board.
    * - `selected`: The card is selected.
    * - `target`: A connection being drawn would end here if you released it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -28806,7 +28807,7 @@ export type CustomElements = {
    * - `empty`: While the document has no nodes.
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
-   * - `idle`: The user has been still long enough for the controls to hide.
+   * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -37238,6 +37239,7 @@ export type CustomElements = {
    * - `fanned`: Spread out from a location it shares with other markers, after their cluster was pressed.
    * - `icon`: Has content in the icon slot.
    * - `passed`: Marked as passed.
+   * - `placed`: Placed on the map by the connector.
    * - `start`: Shows its name before the point, because there was no room after it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -37400,6 +37402,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `placed`: Placed on the map by the connector.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-map-position": Partial<
@@ -50301,6 +50304,7 @@ export type CustomElementsSolidJs = {
    *
    * - `candidate`: While a connection is being drawn and this card is somewhere it could arrive.
    * - `current`: The card that receives focus when you tab into the board.
+   * - `placed`: Placed on the board.
    * - `selected`: The card is selected.
    * - `target`: A connection being drawn would end here if you released it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -50606,7 +50610,7 @@ export type CustomElementsSolidJs = {
    * - `empty`: While the document has no nodes.
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
-   * - `idle`: The user has been still long enough for the controls to hide.
+   * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -59196,6 +59200,7 @@ export type CustomElementsSolidJs = {
    * - `fanned`: Spread out from a location it shares with other markers, after their cluster was pressed.
    * - `icon`: Has content in the icon slot.
    * - `passed`: Marked as passed.
+   * - `placed`: Placed on the map by the connector.
    * - `start`: Shows its name before the point, because there was no room after it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -59364,6 +59369,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `placed`: Placed on the map by the connector.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-map-position": Partial<