@akcelik/strct 5.27.0 → 5.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "5.27.0",
+  "version": "5.28.0",
   "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
   "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
   "license": "MIT",

package/types/akcelik-strct.d.ts

@@ -5914,6 +5914,8 @@ interface StrctFlowNode {
     role?: string;
     /** Optional status dot tone for this terminal. */
     status?: StrctStatus;
+    /** A leading icon, for a node whose kind is part of the answer. */
+    icon?: string;
     /** Which column this node sits in (`fan-out`). Derived from depth in `tree`. */
     column?: number;
     /**
@@ -5984,6 +5986,23 @@ declare class StrctFlow {
         emptyText: string;
         nodes: StrctFlowNode[];
     }[]>;
+    /**
+     * One tab stop for the whole diagram, with the arrow keys walking it:
+     * ← / → follow the edges (or the columns, where a node has none), ↑ / ↓ move
+     * within a column, Home / End jump to its ends. Off by default, so a
+     * decorative pipeline keeps no tab stop at all.
+     */
+    readonly navigable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emitted when a node is clicked, or Enter / Space is pressed on it. */
+    readonly nodeActivate: _angular_core.OutputEmitterRef<StrctFlowNode>;
+    /** The node the tab stop is on (its id). */
+    protected readonly cursor: _angular_core.WritableSignal<string | null>;
+    protected isCursor(node: StrctFlowNode): boolean;
+    protected activate(node: StrctFlowNode): void;
+    protected onNodeKeydown(event: KeyboardEvent, node: StrctFlowNode): void;
+    /** Where a key leads from `node`: along an edge, or within the column. */
+    private neighbour;
+    private focusNode;
     /** What a node says to assistive tech: itself, then where it leads. */
     protected nodeSummary(node: StrctFlowNode): string;
     /** Measured edge geometry — recomputed whenever the boxes move or resize. */
@@ -6012,7 +6031,7 @@ declare class StrctFlow {
     /** Human-readable summary for assistive tech. */
     protected readonly ariaLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctFlow, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctFlow, "strct-flow", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "live": { "alias": "live"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, ["nodeTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctFlow, "strct-flow", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "live": { "alias": "live"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "navigable": { "alias": "navigable"; "required": false; "isSignal": true; }; }, { "nodeActivate": "nodeActivate"; }, ["nodeTpl"], never, true, never>;
 }
 
 /** Accent colour for a metric tile. */