@akcelik/strct 5.29.0 → 5.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "5.29.0",
+  "version": "5.30.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

@@ -4536,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. */
@@ -4649,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.
@@ -4689,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>;
     /**
@@ -4704,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>;
     /**
@@ -4712,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.
@@ -4744,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
@@ -4798,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. */
@@ -4844,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.
@@ -4872,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;
@@ -4894,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
@@ -4912,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".
@@ -4945,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">`. */
@@ -5376,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. */
@@ -6687,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. */
@@ -8946,4 +9100,4 @@ declare class StrctProductSwitcher {
 }
 
 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, StrctDatagridFilters, StrctDatagridGroup, StrctDatagridLabels, StrctDatagridLazyState, 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 };
+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 };