@akcelik/strct 5.28.0 → 5.30.0

package/types/akcelik-strct.d.ts

@@ -334,7 +334,19 @@ declare function registerStrctIcon(name: string, content: string, options?: {
  * **Lifecycle** (vCenter media language — glyphs in a badge disc):
  * green disc ▶ running · amber disc ⏸ paused · grey disc ■ off.
  */
-type StrctIconBadge = 'none' | 'success' | 'warning' | 'critical' | 'running' | 'paused' | 'off' | 'info' | 'maintenance';
+type StrctIconBadge = 'none' | 'success' | 'warning' | 'critical' | 'running' | 'paused' | 'off' | 'info'
+/**
+ * @deprecated Since 5.29.0 — use `mode="maintenance"`. An amber disc was
+ * the same silhouette and hue as `paused` at 16px, and it took the one
+ * badge slot away from health. It still works: it draws the mode tile.
+ */
+ | 'maintenance';
+/**
+ * A mode the operator put the object in, as opposed to its health: it takes no
+ * new work. Drawn in its own corner, so a drained host with an open alarm
+ * shows both.
+ */
+type StrctIconMode = 'none' | 'maintenance' | 'maintenanceEntering';
 declare class StrctIcon {
     private readonly sanitizer;
     /**
@@ -356,6 +368,14 @@ declare class StrctIcon {
     readonly strokeWidth: _angular_core.InputSignal<number>;
     /** Optional status dot overlaid on the glyph (object state). */
     readonly badge: _angular_core.InputSignal<StrctIconBadge>;
+    /**
+     * A mode the operator chose, drawn in its own (top-end) corner so it never
+     * displaces the health badge. `badge="maintenance"` is still read as
+     * `mode="maintenance"`, which is where it belongs; it is deprecated.
+     */
+    readonly mode: _angular_core.InputSignal<StrctIconMode>;
+    /** The mode's words, joined to the icon's name when it has one (i18n). */
+    readonly modeLabel: _angular_core.InputSignal<(mode: StrctIconMode) => string>;
     /** Accessible label for the icon. When empty the icon is hidden from assistive tech. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
@@ -377,7 +397,14 @@ declare class StrctIcon {
     protected readonly countText: _angular_core.Signal<string | null>;
     /** 1.2em of the icon size, floored at 14px, as the badge's box. */
     protected readonly countFontSize: _angular_core.Signal<number>;
-    /** The label the glyph carries: its own, plus the count when both are set. */
+    /**
+     * The mode as drawn: its own, or the one `badge="maintenance"` meant before
+     * there was a mode (back-compat — the amber disc read as `paused` at 16px).
+     */
+    readonly shownMode: _angular_core.Signal<StrctIconMode>;
+    /** The badge as drawn: `maintenance` has become a mode, so it draws none. */
+    readonly shownBadge: _angular_core.Signal<StrctIconBadge>;
+    /** The label the glyph carries: its own, plus the count and the mode. */
     protected readonly accessibleLabel: _angular_core.Signal<string>;
     /** The effective name: `strictName` wins when set. */
     protected readonly iconName: _angular_core.Signal<StrctIconName | (string & {})>;
@@ -386,7 +413,7 @@ declare class StrctIcon {
     protected readonly svg: _angular_core.Signal<SafeHtml>;
     protected readonly rawSvg: _angular_core.Signal<SafeHtml>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctIcon, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "countMax": { "alias": "countMax"; "required": false; "isSignal": true; }; "countStatus": { "alias": "countStatus"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "modeLabel": { "alias": "modeLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "countMax": { "alias": "countMax"; "required": false; "isSignal": true; }; "countStatus": { "alias": "countStatus"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Overlay positioning strategies. */
@@ -1012,7 +1039,7 @@ declare class StrctButton implements OnDestroy {
     protected readonly nativeDisabled: _angular_core.Signal<boolean>;
     /** Disabled with a reason: focusable, and refusing clicks itself. */
     protected readonly softDisabled: _angular_core.Signal<boolean>;
-    protected onClick(event: Event): void;
+    constructor();
     protected showReason(): void;
     protected hideReason(): void;
     ngOnDestroy(): void;
@@ -1652,6 +1679,18 @@ interface StrctTreeNodeData {
     icon?: string;
     /** Status dot on the icon (running / maintenance / off …). */
     badge?: StrctIconBadge;
+    /**
+     * A mode the operator put the object in — drained for patching — drawn in
+     * the icon's own top-end corner, so health keeps the bottom one and a host
+     * that is both in maintenance and alarmed shows both.
+     */
+    mode?: StrctIconMode;
+    /**
+     * What a screen reader hears about this node's state, after its label.
+     * Built from the mode and the badge when absent; `''` says nothing, for a
+     * tree that already puts the words in the label.
+     */
+    stateLabel?: string;
     /** Highlight as the selected node. */
     active?: boolean;
     /** Initial expanded state. */
@@ -1702,6 +1741,13 @@ interface StrctTreeMenuEvent {
     node: StrctTreeNodeData;
     item: StrctMenuItem;
 }
+/**
+ * What a node's state is called, after its label. One object, so a tree is
+ * translated in one place (FR-61-02).
+ */
+type StrctTreeStateWords = Partial<Record<StrctIconBadge | StrctIconMode, string>>;
+/** The library's words for the badge and mode states. */
+declare const defaultStateWords: StrctTreeStateWords;
 /**
  * Tree node. Two modes:
  *  - **Content:** nest `<strct-tree-node>` children manually.
@@ -1721,6 +1767,10 @@ declare class StrctTreeNode {
     readonly icon: _angular_core.InputSignal<string | undefined>;
     /** Status dot variant. */
     readonly badge: _angular_core.InputSignal<StrctIconBadge>;
+    /** A mode the operator chose (content mode) — drawn in the icon's own corner. */
+    readonly mode: _angular_core.InputSignal<StrctIconMode>;
+    /** What a reader hears after the label (content mode); '' says nothing. */
+    readonly stateLabel: _angular_core.InputSignal<string | undefined>;
     /** Whether the item is active / selected. */
     readonly active: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the panel is open (two-way). */
@@ -1765,6 +1815,13 @@ declare class StrctTreeNode {
     protected readonly displayLabel: _angular_core.Signal<string>;
     protected readonly displayIcon: _angular_core.Signal<string | undefined>;
     protected readonly displayBadge: _angular_core.Signal<StrctIconBadge>;
+    protected readonly displayMode: _angular_core.Signal<StrctIconMode>;
+    /**
+     * FR-61-02: a treeitem's name is its label, so a running VM, an alarmed host
+     * and a drained one all read the same. The state goes in `aria-description`,
+     * which leaves the name — and the tree's type-ahead — untouched.
+     */
+    protected readonly stateDescription: _angular_core.Signal<string>;
     protected readonly displayActive: _angular_core.Signal<boolean>;
     /** Data-mode siblings (null in content mode): the parent's children, else the tree roots. */
     private readonly siblingData;
@@ -1795,7 +1852,7 @@ declare class StrctTreeNode {
     protected onActivate(): void;
     protected onMenuSelect(item: StrctMenuItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTreeNode, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTreeNode, "strct-tree-node", never, { "node": { "alias": "node"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "nodeMenu": { "alias": "nodeMenu"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "activated": "activated"; "nodeActivated": "nodeActivated"; "nodeMenuSelect": "nodeMenuSelect"; }, ["childNodes", "directChildNodes"], ["[strctTreeTrailing]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTreeNode, "strct-tree-node", never, { "node": { "alias": "node"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "stateLabel": { "alias": "stateLabel"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "nodeMenu": { "alias": "nodeMenu"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "activated": "activated"; "nodeActivated": "nodeActivated"; "nodeMenuSelect": "nodeMenuSelect"; }, ["childNodes", "directChildNodes"], ["[strctTreeTrailing]", "*"], true, never>;
 }
 /**
  * Root container for a tree. Either project `<strct-tree-node>` children, or
@@ -1844,6 +1901,8 @@ declare class StrctTree {
     readonly dropRefused: _angular_core.OutputEmitterRef<StrctTreeDropRefusal>;
     /** Wording of the row shown under a node whose children are being read (`node.loading`). */
     readonly loadingLabel: _angular_core.InputSignal<string>;
+    /** What each state is called after a node's label — translate once per tree. */
+    readonly stateWords: _angular_core.InputSignal<Partial<Record<"success" | "warning" | "critical" | "info" | "running" | "paused" | "maintenance" | "none" | "off" | "maintenanceEntering", string>>>;
     /** Accessible label of each node's chevron toggle; receives the expanded state and the node label. */
     readonly chevronAriaLabel: _angular_core.InputSignal<(expanded: boolean, label: string) => string>;
     /** Emitted when any data-driven node is clicked. */
@@ -1954,7 +2013,7 @@ declare class StrctTree {
     /** Toggle a node's expansion, updating state and emitting outputs. */
     toggleNode(node: StrctTreeNodeData): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTree, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTree, "strct-tree", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "nodeMenu": { "alias": "nodeMenu"; "required": false; "isSignal": true; }; "canDrag": { "alias": "canDrag"; "required": false; "isSignal": true; }; "canDrop": { "alias": "canDrop"; "required": false; "isSignal": true; }; "dragExpandDelay": { "alias": "dragExpandDelay"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "chevronAriaLabel": { "alias": "chevronAriaLabel"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; }, { "nodeDrop": "nodeDrop"; "dropRefused": "dropRefused"; "nodeActivated": "nodeActivated"; "nodeMenuSelect": "nodeMenuSelect"; "expandedIds": "expandedIdsChange"; "expandedChange": "expandedChange"; "nodeToggled": "nodeToggled"; }, ["projectedNodes"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTree, "strct-tree", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "nodeMenu": { "alias": "nodeMenu"; "required": false; "isSignal": true; }; "canDrag": { "alias": "canDrag"; "required": false; "isSignal": true; }; "canDrop": { "alias": "canDrop"; "required": false; "isSignal": true; }; "dragExpandDelay": { "alias": "dragExpandDelay"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "stateWords": { "alias": "stateWords"; "required": false; "isSignal": true; }; "chevronAriaLabel": { "alias": "chevronAriaLabel"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; }, { "nodeDrop": "nodeDrop"; "dropRefused": "dropRefused"; "nodeActivated": "nodeActivated"; "nodeMenuSelect": "nodeMenuSelect"; "expandedIds": "expandedIdsChange"; "expandedChange": "expandedChange"; "nodeToggled": "nodeToggled"; }, ["projectedNodes"], ["*"], true, never>;
 }
 
 /** Fixed modal width presets: sm 480 · md 640 · lg 860 · xl 1080 (px). */
@@ -4252,12 +4311,22 @@ declare class StrctDesc {
     readonly href: _angular_core.InputSignal<string>;
     /** The same, routed — takes what `[routerLink]` takes. */
     readonly routerLink: _angular_core.InputSignal<string | unknown[] | null>;
+    /**
+     * Query parameters for the routed destination: `/vms/vm-1?action=updates`
+     * is `routerLink="/vms/vm-1"` with `[queryParams]="{ action: 'updates' }"`.
+     * A `?` inside `routerLink` is part of the path, and encoded as one.
+     */
+    readonly queryParams: _angular_core.InputSignal<Record<string, unknown> | null>;
+    /** What happens to the parameters already on the page. */
+    readonly queryParamsHandling: _angular_core.InputSignal<"" | "merge" | "preserve" | null>;
+    /** The `#fragment` of the routed destination. */
+    readonly fragment: _angular_core.InputSignal<string>;
     /** `target="_blank"` opens a new tab; the safe `rel` comes with it. */
     readonly target: _angular_core.InputSignal<string>;
     /** A new tab never gets a handle on the opener. */
     protected relFor(target: string): string | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDesc, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDesc, "strct-desc, div[strctDesc]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDesc, "strct-desc, div[strctDesc]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; "isSignal": true; }; "fragment": { "alias": "fragment"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /** Column definition for the table. */
@@ -4467,6 +4536,85 @@ interface StrctDatagridColumn {
 /** Per-column filter state: contains-text, or the checked value set. */
 type StrctDatagridFilters = Record<string, string | unknown[]>;
 type SortDir = 'asc' | 'desc';
+/** How rows are picked. Replaces `selectable`, `selectionMode`, `selectionColumn`, `rowSelectable`, `groupSelect`, `initialSelection`. */
+interface StrctDatagridSelection {
+    /** Rows can be picked at all. */
+    enabled?: boolean;
+    /** `multiple` (tick column) or `single` (a native radio group). */
+    mode?: 'none' | 'multiple' | 'single';
+    /** `none` drops the tick / radio column: the row itself is the control. */
+    column?: 'auto' | 'none';
+    /** Which rows may be picked — a string is the reason the row cannot. */
+    rowSelectable?: (row: StrctRow) => boolean | string;
+    /** A group header's tick picks the group's rows. */
+    groupSelect?: boolean;
+    /** Ids ticked on first render. */
+    initial?: readonly unknown[] | null;
+}
+/** How the rows are paged. Replaces `pageSize`, `hasMore`, `loadingMore`, `moreTotal`, `lazy`, `total`. */
+interface StrctDatagridPaging {
+    /** Numbered pages, or a "load more" footer. */
+    mode?: 'pages' | 'more';
+    /** Rows per page; 0 shows every row. */
+    pageSize?: number;
+    /** `more` mode: there is another page to ask for. */
+    hasMore?: boolean;
+    /** `more` mode: the next page is on its way. */
+    loadingMore?: boolean;
+    /** `more` mode: how many rows there are in all. */
+    moreTotal?: number | null;
+    /** The server sorts, filters and pages; the grid asks with `(lazyLoad)`. */
+    lazy?: boolean;
+    /** `lazy` mode: the row count the server reports. */
+    total?: number | null;
+}
+/** The detail pane beside the rows. Replaces `detailPane`, `paneListWidth`, `paneTakeoverWidth`. */
+interface StrctDatagridPane {
+    /** Draw the pane. */
+    enabled?: boolean;
+    /** The list's width beside it — a length or a percentage. */
+    listWidth?: string;
+    /** Under this width the pane takes the whole grid over. */
+    takeoverWidth?: number;
+}
+/** Virtual scrolling. Replaces `viewportHeight`, `rowHeight`, `maxHeight`. */
+interface StrctDatagridVirtual {
+    /** Render only the rows in view. */
+    enabled?: boolean;
+    /** The scrolling viewport's height in px. */
+    viewportHeight?: number;
+    /** One row's height in px — the measure the window is computed from. */
+    rowHeight?: number;
+    /** A cap on the grid's height outside virtual mode. */
+    maxHeight?: number | null;
+}
+/** How rows are grouped. Replaces `groupBy`, `groups`, `showEmptyGroups`, `childrenKey`. */
+interface StrctDatagridGrouping {
+    /** The column whose value groups the rows. */
+    by?: string | null;
+    /** The groups the consumer defines, in their own order. */
+    groups?: readonly StrctDatagridGroup[] | null;
+    /** Draw a declared group that no row landed in. */
+    showEmpty?: boolean;
+    /** The row property that holds child rows (a tree grid). */
+    childrenKey?: string | null;
+}
+/** The quick filter. Replaces `quickFilterable`, `quickFilterFields`, `quickFilterAlign`. */
+interface StrctDatagridFiltering {
+    /** Draw the quick-filter field in the toolbar. */
+    quick?: boolean;
+    /** The columns it searches; every column when absent. */
+    fields?: string[] | null;
+    /** Which end of the toolbar it sits at. */
+    align?: 'start' | 'end';
+}
+/** Remembered state. Replaces `stateKey`, `sync`. */
+interface StrctDatagridState {
+    /** Storage key: the grid restores and persists its columns under it. */
+    key?: string | null;
+    /** Draw the footer's sync button. */
+    sync?: boolean;
+}
 /** What the grid wants loaded in server-side (`lazy`) mode. */
 interface StrctDatagridLazyState {
     /** 1-based page. */
@@ -4580,25 +4728,25 @@ declare class StrctDatagrid {
     /** Data rows. */
     readonly rows: _angular_core.InputSignal<StrctRow[]>;
     /** Rows per page (0 disables paging). */
-    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSizeFlat: _angular_core.InputSignal<number>;
     /** Enable row selection. */
-    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectableFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Expand a row in place to reveal its detail template below it. */
     readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Collapse the grid to a single column and open a side detail pane for the
      *  clicked row (distinct from {@link expandable}). */
-    readonly detailPane: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly detailPaneFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * How wide the list column is while the pane is open — px or any CSS width.
      * 260px cuts a test name like "Validate Switch Enabled Teaming
      * Configurations" in half and hides its status.
      */
-    readonly paneListWidth: _angular_core.InputSignal<string>;
+    readonly paneListWidthFlat: _angular_core.InputSignal<string>;
     /**
      * Below this container width (px) the pane takes the list's place, with a
      * way back in its header, rather than squeezing both into a phone.
      */
-    readonly paneTakeoverWidth: _angular_core.InputSignal<number>;
+    readonly paneTakeoverWidthFlat: _angular_core.InputSignal<number>;
     /**
      * The row whose pane is open, two-way: a "what to do next" chip opens the
      * finding it settles, a URL fragment deep-links to a test, `null` closes it.
@@ -4620,7 +4768,7 @@ declare class StrctDatagrid {
     /** Show a column-chooser dropdown in the footer. */
     readonly columnChooser: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Show a refresh button in the footer. */
-    readonly sync: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly syncFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Disable all footer action buttons (sync, column chooser, etc.). */
     readonly footerActionsDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -4635,7 +4783,7 @@ declare class StrctDatagrid {
      * exactly one row is grid behaviour rather than a column of radios the
      * consumer builds and wires by hand.
      */
-    readonly selectionMode: _angular_core.InputSignal<"none" | "multiple" | "single">;
+    readonly selectionModeFlat: _angular_core.InputSignal<"none" | "multiple" | "single">;
     /** Two-way single selection: the row id (per `rowId`), or null. */
     readonly selectedId: _angular_core.ModelSignal<unknown>;
     /**
@@ -4643,26 +4791,21 @@ declare class StrctDatagrid {
      * it AND say why — shown as the row's tooltip and given to assistive tech as
      * the control's description, following the `hint` convention.
      */
-    readonly rowSelectable: _angular_core.InputSignal<((row: StrctRow) => boolean | string) | null>;
+    readonly rowSelectableFlat: _angular_core.InputSignal<((row: StrctRow) => boolean | string) | null>;
     /** No outer border, radius or shadow — for a grid inside a bordered panel. */
     readonly flush: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The grid's title, rendered above the header and used as its accessible name. */
     readonly caption: _angular_core.InputSignal<string>;
-    /**
-     * `'more'` swaps the pager for a count and a Load more button — the shape a
-     * cursor API can answer. The consumer appends rows; the grid does not page.
-     */
-    readonly paging: _angular_core.InputSignal<"pages" | "more">;
     /** Whether there is another slice to ask for. */
-    readonly hasMore: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasMoreFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** A slice is on its way: the button waits with a spinner. */
-    readonly loadingMore: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loadingMoreFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The grand total, when the API knows it — "Showing the latest 50 of 812". */
-    readonly moreTotal: _angular_core.InputSignal<number | null>;
+    readonly moreTotalFlat: _angular_core.InputSignal<number | null>;
     /** The user asked for the next slice. */
     readonly loadMore: _angular_core.OutputEmitterRef<void>;
     /** With `groupBy` and multiple selection: a tri-state checkbox per group. */
-    readonly groupSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly groupSelectFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Per-row action menu resolver. When set, each row gets a trailing actions
      * column with a vertical-dots (kebab) button that opens this row's menu.
@@ -4675,7 +4818,7 @@ declare class StrctDatagrid {
      * `selectable`. Assigning a new array (e.g. when opening a dialog) re-seeds the
      * selection; the user's subsequent toggles are preserved until the next change.
      */
-    readonly initialSelection: _angular_core.InputSignal<readonly unknown[] | null>;
+    readonly initialSelectionFlat: _angular_core.InputSignal<readonly unknown[] | null>;
     /**
      * The selection itself, two-way, for `selectionMode="multiple"` — what
      * `selectedId` is for single mode. Write it and the grid checks those rows
@@ -4729,43 +4872,36 @@ declare class StrctDatagrid {
         pageOf: (page: number, pages: number) => string;
         rowsMatch: (shown: number, total: number) => string;
     }>;
-    /**
-     * Virtual scrolling for large data sets: only the rows inside the viewport
-     * (plus a small overscan) are in the DOM — 20k+ rows stay smooth. The scroll
-     * area gets `viewportHeight` and a sticky header. Assumes uniform
-     * `rowHeight`; combine with `expandable` is unsupported.
-     */
-    readonly virtual: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Scroll viewport height in px (virtual mode). */
-    readonly viewportHeight: _angular_core.InputSignal<number>;
+    readonly viewportHeightFlat: _angular_core.InputSignal<number>;
     /**
      * Bound the grid's own scroll box (px), with a sticky header — what
      * `viewportHeight` does for `virtual`, for every other grid: a grouped
      * picker inside a dialog scrolls instead of growing the page.
      */
-    readonly maxHeight: _angular_core.InputSignal<number | null>;
+    readonly maxHeightFlat: _angular_core.InputSignal<number | null>;
     /**
      * Show a pencil on an editable cell when it is hovered or focused. A mouse
      * user finds an editable cell by double-clicking one; nothing said so.
      */
     readonly editHint: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Uniform row height in px (virtual mode; tune when `compact`). */
-    readonly rowHeight: _angular_core.InputSignal<number>;
+    readonly rowHeightFlat: _angular_core.InputSignal<number>;
     /**
      * Server-side mode: the grid never sorts or slices `rows` itself — it shows
      * them as given and emits `(lazyLoad)` with `{ page, pageSize, sortKey,
      * sortDir }` whenever the user pages or sorts (and once on init). Provide
      * `total` so the pager and count reflect the full server-side set.
      */
-    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly lazyFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Total row count on the server (lazy mode). */
-    readonly total: _angular_core.InputSignal<number | null>;
+    readonly totalFlat: _angular_core.InputSignal<number | null>;
     /**
      * Persist the user's column widths + hidden columns under this key in
      * localStorage (`strct-dg:<key>`), restoring them on init. For full control
      * use the two-way `columnState` instead (both may be combined).
      */
-    readonly stateKey: _angular_core.InputSignal<string | null>;
+    readonly stateKeyFlat: _angular_core.InputSignal<string | null>;
     /** User column preferences (two-way): widths from resize, hidden from the chooser. */
     readonly columnState: _angular_core.ModelSignal<StrctDatagridColumnState | null>;
     /** Let the user reorder data columns by dragging their headers. */
@@ -4775,15 +4911,15 @@ declare class StrctDatagrid {
      * per distinct value (with a count), respecting the current sort within
      * groups. Paging is bypassed while grouped; not combinable with `virtual`.
      */
-    readonly groupBy: _angular_core.InputSignal<string | null>;
+    readonly groupByFlat: _angular_core.InputSignal<string | null>;
     /**
      * The groups themselves, beside `groupBy`: their order, their labels, a
      * tone, a note, whether they start folded and a count of the consumer's
      * own. Values no group mentions follow, in the order the rows arrived.
      */
-    readonly groups: _angular_core.InputSignal<readonly StrctDatagridGroup[] | null>;
+    readonly groupsFlat: _angular_core.InputSignal<readonly StrctDatagridGroup[] | null>;
     /** Keep a declared group that holds no rows, rather than dropping it. */
-    readonly showEmptyGroups: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showEmptyGroupsFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Which groups are folded, two-way — so a summary counter elsewhere on the
      * page can open the group it counts.
@@ -4803,16 +4939,16 @@ declare class StrctDatagrid {
      */
     readonly quickFilter: _angular_core.ModelSignal<string>;
     /** Columns the quick term scans. Defaults to every column's `key`. */
-    readonly quickFilterFields: _angular_core.InputSignal<string[] | null>;
+    readonly quickFilterFieldsFlat: _angular_core.InputSignal<string[] | null>;
     /** Render the built-in quick-filter searchbox in the toolbar. */
-    readonly quickFilterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly quickFilterableFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Where the built-in box sits in the toolbar. `'end'` (default) follows the
      * console convention: action verbs lead on the left, view controls sit at
      * the far right — and the box keeps a stable position across grids whose
      * button sets differ.
      */
-    readonly quickFilterAlign: _angular_core.InputSignal<"end" | "start">;
+    readonly quickFilterAlignFlat: _angular_core.InputSignal<"end" | "start">;
     /**
      * Tree-grid: the row property holding a row's children array. Rows render
      * hierarchically with indent + carets; sorting applies per sibling level;
@@ -4825,7 +4961,7 @@ declare class StrctDatagrid {
      * ArrowLeft collapses an expanded one. There is no cell-level navigation —
      * Tab walks the interactive elements inside each row as usual.
      */
-    readonly childrenKey: _angular_core.InputSignal<string | null>;
+    readonly childrenKeyFlat: _angular_core.InputSignal<string | null>;
     /**
      * `'table'` (the default) is what the grid has always been: a table whose
      * controls each take a tab stop. `'grid'` is the APG grid: the table claims
@@ -4843,7 +4979,7 @@ declare class StrctDatagrid {
      * file list selects by clicking the row, not a control in it. The row is
      * then the control, so pair it with `interactionMode="grid"`.
      */
-    readonly selectionColumn: _angular_core.InputSignal<"none" | "auto">;
+    readonly selectionColumnFlat: _angular_core.InputSignal<"none" | "auto">;
     /**
      * The row was opened: a double-click, or Enter on the focused row in grid
      * mode. Selection is "which rows do I mean"; activation is "go".
@@ -4876,6 +5012,93 @@ declare class StrctDatagrid {
         typedValue: unknown;
         previous: unknown;
     }>;
+    /** How rows are picked — replaces six flat inputs. */
+    readonly selectionCfg: _angular_core.InputSignal<StrctDatagridSelection>;
+    /** The detail pane — replaces three. `[pane]` on its own turns it on. */
+    readonly paneFlat: _angular_core.InputSignalWithTransform<boolean | StrctDatagridPane, boolean | "" | StrctDatagridPane>;
+    protected readonly paneCfg: _angular_core.Signal<StrctDatagridPane>;
+    /** How rows are paged. Takes the mode on its own, as before, or the object. */
+    readonly pagingFlat: _angular_core.InputSignal<StrctDatagridPaging | "pages" | "more">;
+    protected readonly pagingCfg: _angular_core.Signal<StrctDatagridPaging>;
+    /** Numbered pages or a "load more" footer. */
+    readonly paging: _angular_core.Signal<"pages" | "more">;
+    /** Virtual scrolling. Takes the flag on its own, as before, or the object. */
+    readonly virtualFlat: _angular_core.InputSignalWithTransform<boolean | StrctDatagridVirtual, boolean | "" | StrctDatagridVirtual>;
+    protected readonly virtualCfg: _angular_core.Signal<StrctDatagridVirtual>;
+    /** Whether the grid renders only the rows in view. */
+    readonly virtual: _angular_core.Signal<boolean>;
+    /** How rows are grouped — replaces four flat inputs. */
+    readonly groupingCfg: _angular_core.InputSignal<StrctDatagridGrouping>;
+    /** The quick filter — replaces three flat inputs. */
+    readonly filteringCfg: _angular_core.InputSignal<StrctDatagridFiltering>;
+    /** Remembered state — replaces `stateKey` and `sync`. */
+    readonly stateCfg: _angular_core.InputSignal<StrctDatagridState>;
+    /**
+     * The flat inputs this grid is actually given, with the object each has
+     * moved into. "Given" is read as "not its default", which is what a
+     * template can be checked against from inside the component.
+     */
+    private readonly flatInputsInUse;
+    /**
+     * Dev mode says, once per app run, which flat inputs have moved — a
+     * console line per name would be a wall in a screen with four grids, so
+     * the names are collected and reported together.
+     */
+    private reportFlatInputs;
+    /** `[paging].pageSize` when it is set, else the flat `pageSize` (deprecated). */
+    readonly pageSize: _angular_core.Signal<number>;
+    /** `[selection].enabled` when it is set, else the flat `selectable` (deprecated). */
+    readonly selectable: _angular_core.Signal<boolean>;
+    /** `[pane].enabled` when it is set, else the flat `detailPane` (deprecated). */
+    readonly detailPane: _angular_core.Signal<boolean>;
+    /** `[pane].listWidth` when it is set, else the flat `paneListWidth` (deprecated). */
+    readonly paneListWidth: _angular_core.Signal<string>;
+    /** `[pane].takeoverWidth` when it is set, else the flat `paneTakeoverWidth` (deprecated). */
+    readonly paneTakeoverWidth: _angular_core.Signal<number>;
+    /** `[state].sync` when it is set, else the flat `sync` (deprecated). */
+    readonly sync: _angular_core.Signal<boolean>;
+    /** `[selection].mode` when it is set, else the flat `selectionMode` (deprecated). */
+    readonly selectionMode: _angular_core.Signal<"none" | "multiple" | "single">;
+    /** `[selection].rowSelectable` when it is set, else the flat `rowSelectable` (deprecated). */
+    readonly rowSelectable: _angular_core.Signal<((row: StrctRow) => boolean | string) | null>;
+    /** `[paging].hasMore` when it is set, else the flat `hasMore` (deprecated). */
+    readonly hasMore: _angular_core.Signal<boolean>;
+    /** `[paging].loadingMore` when it is set, else the flat `loadingMore` (deprecated). */
+    readonly loadingMore: _angular_core.Signal<boolean>;
+    /** `[paging].moreTotal` when it is set, else the flat `moreTotal` (deprecated). */
+    readonly moreTotal: _angular_core.Signal<number | null>;
+    /** `[selection].groupSelect` when it is set, else the flat `groupSelect` (deprecated). */
+    readonly groupSelect: _angular_core.Signal<boolean>;
+    /** `[selection].initial` when it is set, else the flat `initialSelection` (deprecated). */
+    readonly initialSelection: _angular_core.Signal<readonly unknown[] | null>;
+    /** `[virtual].viewportHeight` when it is set, else the flat `viewportHeight` (deprecated). */
+    readonly viewportHeight: _angular_core.Signal<number>;
+    /** `[virtual].maxHeight` when it is set, else the flat `maxHeight` (deprecated). */
+    readonly maxHeight: _angular_core.Signal<number | null>;
+    /** `[virtual].rowHeight` when it is set, else the flat `rowHeight` (deprecated). */
+    readonly rowHeight: _angular_core.Signal<number>;
+    /** `[paging].lazy` when it is set, else the flat `lazy` (deprecated). */
+    readonly lazy: _angular_core.Signal<boolean>;
+    /** `[paging].total` when it is set, else the flat `total` (deprecated). */
+    readonly total: _angular_core.Signal<number | null>;
+    /** `[state].key` when it is set, else the flat `stateKey` (deprecated). */
+    readonly stateKey: _angular_core.Signal<string | null>;
+    /** `[grouping].by` when it is set, else the flat `groupBy` (deprecated). */
+    readonly groupBy: _angular_core.Signal<string | null>;
+    /** `[grouping].groups` when it is set, else the flat `groups` (deprecated). */
+    readonly groups: _angular_core.Signal<readonly StrctDatagridGroup[] | null>;
+    /** `[grouping].showEmpty` when it is set, else the flat `showEmptyGroups` (deprecated). */
+    readonly showEmptyGroups: _angular_core.Signal<boolean>;
+    /** `[filtering].fields` when it is set, else the flat `quickFilterFields` (deprecated). */
+    readonly quickFilterFields: _angular_core.Signal<string[] | null>;
+    /** `[filtering].quick` when it is set, else the flat `quickFilterable` (deprecated). */
+    readonly quickFilterable: _angular_core.Signal<boolean>;
+    /** `[filtering].align` when it is set, else the flat `quickFilterAlign` (deprecated). */
+    readonly quickFilterAlign: _angular_core.Signal<"end" | "start">;
+    /** `[grouping].childrenKey` when it is set, else the flat `childrenKey` (deprecated). */
+    readonly childrenKey: _angular_core.Signal<string | null>;
+    /** `[selection].column` when it is set, else the flat `selectionColumn` (deprecated). */
+    readonly selectionColumn: _angular_core.Signal<"none" | "auto">;
     private readonly menu;
     protected readonly detailDef: _angular_core.Signal<StrctRowDetailDef | undefined>;
     /** An `<ng-template strctGroupHeader let-group let-count="count">`. */
@@ -5307,7 +5530,7 @@ declare class StrctDatagrid {
     private compareRows;
     private compare;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDatagrid, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDatagrid, "strct-datagrid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "detailPane": { "alias": "detailPane"; "required": false; "isSignal": true; }; "paneListWidth": { "alias": "paneListWidth"; "required": false; "isSignal": true; }; "paneTakeoverWidth": { "alias": "paneTakeoverWidth"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "singleLine": { "alias": "singleLine"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnChooser": { "alias": "columnChooser"; "required": false; "isSignal": true; }; "sync": { "alias": "sync"; "required": false; "isSignal": true; }; "footerActionsDisabled": { "alias": "footerActionsDisabled"; "required": false; "isSignal": true; }; "rowId": { "alias": "rowId"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "paging": { "alias": "paging"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadingMore": { "alias": "loadingMore"; "required": false; "isSignal": true; }; "moreTotal": { "alias": "moreTotal"; "required": false; "isSignal": true; }; "groupSelect": { "alias": "groupSelect"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "initialSelection": { "alias": "initialSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "viewportHeight": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "editHint": { "alias": "editHint"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "stateKey": { "alias": "stateKey"; "required": false; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "showEmptyGroups": { "alias": "showEmptyGroups"; "required": false; "isSignal": true; }; "collapsedGroups": { "alias": "collapsedGroups"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "quickFilter": { "alias": "quickFilter"; "required": false; "isSignal": true; }; "quickFilterFields": { "alias": "quickFilterFields"; "required": false; "isSignal": true; }; "quickFilterable": { "alias": "quickFilterable"; "required": false; "isSignal": true; }; "quickFilterAlign": { "alias": "quickFilterAlign"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "selectionColumn": { "alias": "selectionColumn"; "required": false; "isSignal": true; }; }, { "activeRowId": "activeRowIdChange"; "selectedId": "selectedIdChange"; "loadMore": "loadMore"; "selectedIds": "selectedIdsChange"; "columnState": "columnStateChange"; "collapsedGroups": "collapsedGroupsChange"; "filters": "filtersChange"; "quickFilter": "quickFilterChange"; "rowActivate": "rowActivate"; "selectionChange": "selectionChange"; "syncChange": "syncChange"; "rowAction": "rowAction"; "lazyLoad": "lazyLoad"; "cellEdit": "cellEdit"; }, ["detailDef", "groupHeaderDef", "paneTitleDef", "actionBarDef", "actionBarCaptionDef", "cellDefs"], ["[strctDatagridActionBarCaption]", "[strctDatagridActionBar]", "[strctDetailPaneTitle]", "[strctDetailPaneMeta]", "[strctDetailPaneActions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDatagrid, "strct-datagrid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "pageSizeFlat": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectableFlat": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "detailPaneFlat": { "alias": "detailPane"; "required": false; "isSignal": true; }; "paneListWidthFlat": { "alias": "paneListWidth"; "required": false; "isSignal": true; }; "paneTakeoverWidthFlat": { "alias": "paneTakeoverWidth"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "singleLine": { "alias": "singleLine"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnChooser": { "alias": "columnChooser"; "required": false; "isSignal": true; }; "syncFlat": { "alias": "sync"; "required": false; "isSignal": true; }; "footerActionsDisabled": { "alias": "footerActionsDisabled"; "required": false; "isSignal": true; }; "rowId": { "alias": "rowId"; "required": false; "isSignal": true; }; "selectionModeFlat": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "rowSelectableFlat": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "hasMoreFlat": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadingMoreFlat": { "alias": "loadingMore"; "required": false; "isSignal": true; }; "moreTotalFlat": { "alias": "moreTotal"; "required": false; "isSignal": true; }; "groupSelectFlat": { "alias": "groupSelect"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "initialSelectionFlat": { "alias": "initialSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "viewportHeightFlat": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "maxHeightFlat": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "editHint": { "alias": "editHint"; "required": false; "isSignal": true; }; "rowHeightFlat": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "lazyFlat": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalFlat": { "alias": "total"; "required": false; "isSignal": true; }; "stateKeyFlat": { "alias": "stateKey"; "required": false; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "groupByFlat": { "alias": "groupBy"; "required": false; "isSignal": true; }; "groupsFlat": { "alias": "groups"; "required": false; "isSignal": true; }; "showEmptyGroupsFlat": { "alias": "showEmptyGroups"; "required": false; "isSignal": true; }; "collapsedGroups": { "alias": "collapsedGroups"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "quickFilter": { "alias": "quickFilter"; "required": false; "isSignal": true; }; "quickFilterFieldsFlat": { "alias": "quickFilterFields"; "required": false; "isSignal": true; }; "quickFilterableFlat": { "alias": "quickFilterable"; "required": false; "isSignal": true; }; "quickFilterAlignFlat": { "alias": "quickFilterAlign"; "required": false; "isSignal": true; }; "childrenKeyFlat": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "selectionColumnFlat": { "alias": "selectionColumn"; "required": false; "isSignal": true; }; "selectionCfg": { "alias": "selection"; "required": false; "isSignal": true; }; "paneFlat": { "alias": "pane"; "required": false; "isSignal": true; }; "pagingFlat": { "alias": "paging"; "required": false; "isSignal": true; }; "virtualFlat": { "alias": "virtual"; "required": false; "isSignal": true; }; "groupingCfg": { "alias": "grouping"; "required": false; "isSignal": true; }; "filteringCfg": { "alias": "filtering"; "required": false; "isSignal": true; }; "stateCfg": { "alias": "state"; "required": false; "isSignal": true; }; }, { "activeRowId": "activeRowIdChange"; "selectedId": "selectedIdChange"; "loadMore": "loadMore"; "selectedIds": "selectedIdsChange"; "columnState": "columnStateChange"; "collapsedGroups": "collapsedGroupsChange"; "filters": "filtersChange"; "quickFilter": "quickFilterChange"; "rowActivate": "rowActivate"; "selectionChange": "selectionChange"; "syncChange": "syncChange"; "rowAction": "rowAction"; "lazyLoad": "lazyLoad"; "cellEdit": "cellEdit"; }, ["detailDef", "groupHeaderDef", "paneTitleDef", "actionBarDef", "actionBarCaptionDef", "cellDefs"], ["[strctDatagridActionBarCaption]", "[strctDatagridActionBar]", "[strctDetailPaneTitle]", "[strctDetailPaneMeta]", "[strctDetailPaneActions]"], true, never>;
 }
 
 /** Timeline node state colors. */
@@ -6618,7 +6841,7 @@ declare class StrctDiff {
     readonly before: _angular_core.InputSignal<string>;
     readonly after: _angular_core.InputSignal<string>;
     /** Unified (default) or side-by-side split view. */
-    readonly mode: _angular_core.InputSignal<"unified" | "split">;
+    readonly mode: _angular_core.InputSignal<"split" | "unified">;
     /** Context lines kept around changes before collapsing (0 disables collapsing). */
     readonly context: _angular_core.InputSignal<number>;
     /** Header bits. */
@@ -8876,5 +9099,5 @@ declare class StrctProductSwitcher {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctProductSwitcher, "strct-product-switcher", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "footerItems": { "alias": "footerItems"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "switchLabel": { "alias": "switchLabel"; "required": false; "isSignal": true; }; "shortLabelWidth": { "alias": "shortLabelWidth"; "required": false; "isSignal": true; }; }, { "current": "currentChange"; "opened": "opened"; "select": "select"; }, never, never, true, never>;
 }
 
-export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_MD_LIMITS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAccordionPanelMeta, StrctAlert, StrctAlertActions, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderLeading, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatMessageActions, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDetailPaneActions, StrctDetailPaneMeta, StrctDetailPaneTitle, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownGroup, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownItemDescription, StrctDropdownItemIcon, StrctDropdownItemLabel, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFieldValue, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctGroupHeaderDef, StrctHeader, StrctHeaderAction, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMarkdown, StrctMarkdownToken, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProductSwitcher, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowDockItem, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, parseInlines, placeTooltip, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctClassifyHref, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctParseMarkdown, strctQrMatrix, strctShowTooltip, strctValidationIcon, strctValidationTone, unlockBodyScroll };
-export type { StrctAlertType, StrctAvatarSize, StrctAvatarStatus, StrctBadgeStatus, StrctButtonSize, StrctButtonVariant, StrctCascadeOption, StrctCellContext, StrctChartAnnotation, StrctChartColor, StrctChartCurve, StrctChartSeries, StrctChartSlot, StrctChartStatus, StrctChartSummaryInfo, StrctChartThreshold, StrctChartType, StrctChatAuthor, StrctColumn, StrctCommandItem, StrctConfirmOptions, StrctConfirmTone, StrctDatagridColumn, StrctDatagridColumnState, StrctDatagridFilters, StrctDatagridGroup, StrctDatagridLabels, StrctDatagridLazyState, StrctDescAlign, StrctDescItem, StrctDiffRow, StrctDonutSegment, StrctDrawerSide, StrctDrawerSize, StrctEmptyVariant, StrctFilterChip, StrctFlowColumn, StrctFlowDirection, StrctFlowEdge, StrctFlowNode, StrctFlowOrientation, StrctHeaderActionConfig, StrctHeatmapCell, StrctHeatmapSummaryInfo, StrctHotkey, StrctIconBadge, StrctIconName, StrctKnobStatus, StrctLegendItem, StrctLiveLabels, StrctLiveState, StrctLogLine, StrctMdAlign, StrctMdBlock, StrctMdInline, StrctMdToken, StrctMdTokenizer, StrctMediaState, StrctMenuItem, StrctMenuLink, StrctMenuOpenOptions, StrctMenuPlacement, StrctMenuSection, StrctMenubarItem, StrctMetricStatus, StrctModalSize, StrctMode, StrctNotification, StrctOption, StrctOverlayPlacement, StrctPalette, StrctPaletteInfo, StrctProductItem, StrctProgressSegment, StrctProgressStatus, StrctQrEcc, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctReorderMoveEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctStepPhase, StrctStepState, StrctStepsLabels, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeDropEvent, StrctTreeDropRefusal, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctValidationState, StrctValidationStatus, StrctWindowBounds, StrctWindowLabels, StrctWindowOutsidePointer, StrctWizardDefaults };
+export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_MD_LIMITS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAccordionPanelMeta, StrctAlert, StrctAlertActions, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderLeading, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatMessageActions, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDetailPaneActions, StrctDetailPaneMeta, StrctDetailPaneTitle, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownGroup, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownItemDescription, StrctDropdownItemIcon, StrctDropdownItemLabel, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFieldValue, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctGroupHeaderDef, StrctHeader, StrctHeaderAction, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMarkdown, StrctMarkdownToken, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProductSwitcher, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowDockItem, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, defaultStateWords, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, parseInlines, placeTooltip, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctClassifyHref, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctParseMarkdown, strctQrMatrix, strctShowTooltip, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export type { StrctAlertType, StrctAvatarSize, StrctAvatarStatus, StrctBadgeStatus, StrctButtonSize, StrctButtonVariant, StrctCascadeOption, StrctCellContext, StrctChartAnnotation, StrctChartColor, StrctChartCurve, StrctChartSeries, StrctChartSlot, StrctChartStatus, StrctChartSummaryInfo, StrctChartThreshold, StrctChartType, StrctChatAuthor, StrctColumn, StrctCommandItem, StrctConfirmOptions, StrctConfirmTone, StrctDatagridColumn, StrctDatagridColumnState, StrctDatagridFiltering, StrctDatagridFilters, StrctDatagridGroup, StrctDatagridGrouping, StrctDatagridLabels, StrctDatagridLazyState, StrctDatagridPaging, StrctDatagridPane, StrctDatagridSelection, StrctDatagridState, StrctDatagridVirtual, StrctDescAlign, StrctDescItem, StrctDiffRow, StrctDonutSegment, StrctDrawerSide, StrctDrawerSize, StrctEmptyVariant, StrctFilterChip, StrctFlowColumn, StrctFlowDirection, StrctFlowEdge, StrctFlowNode, StrctFlowOrientation, StrctHeaderActionConfig, StrctHeatmapCell, StrctHeatmapSummaryInfo, StrctHotkey, StrctIconBadge, StrctIconMode, StrctIconName, StrctKnobStatus, StrctLegendItem, StrctLiveLabels, StrctLiveState, StrctLogLine, StrctMdAlign, StrctMdBlock, StrctMdInline, StrctMdToken, StrctMdTokenizer, StrctMediaState, StrctMenuItem, StrctMenuLink, StrctMenuOpenOptions, StrctMenuPlacement, StrctMenuSection, StrctMenubarItem, StrctMetricStatus, StrctModalSize, StrctMode, StrctNotification, StrctOption, StrctOverlayPlacement, StrctPalette, StrctPaletteInfo, StrctProductItem, StrctProgressSegment, StrctProgressStatus, StrctQrEcc, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctReorderMoveEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctStepPhase, StrctStepState, StrctStepsLabels, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeDropEvent, StrctTreeDropRefusal, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctTreeStateWords, StrctValidationState, StrctValidationStatus, StrctWindowBounds, StrctWindowLabels, StrctWindowOutsidePointer, StrctWizardDefaults };