@akcelik/strct 5.33.0 → 6.0.0

package/package.json

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Provider, PipeTransform } from '@angular/core';
+import { OnDestroy, TemplateRef, InjectionToken, Provider, PipeTransform } from '@angular/core';
 import { SafeHtml, SafeStyle } from '@angular/platform-browser';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _akcelik_strct from '@akcelik/strct';
@@ -334,13 +334,7 @@ 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'
-/**
- * @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';
+type StrctIconBadge = 'none' | 'success' | 'warning' | 'critical' | 'running' | 'paused' | 'off' | 'info';
 /**
  * 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
@@ -370,8 +364,7 @@ declare class StrctIcon {
     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.
+     * displaces the health badge.
      */
     readonly mode: _angular_core.InputSignal<StrctIconMode>;
     /** The mode's words, joined to the icon's name when it has one (i18n). */
@@ -397,12 +390,9 @@ 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 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).
-     */
+    /** The mode as drawn. */
     readonly shownMode: _angular_core.Signal<StrctIconMode>;
-    /** The badge as drawn: `maintenance` has become a mode, so it draws none. */
+    /** The badge as drawn. */
     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>;
@@ -2357,59 +2347,6 @@ declare class StrctDropdownDivider {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDropdownDivider, "strct-dropdown-divider", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Right-click (context) menu. Wraps a trigger area and shows a menu at the
- * cursor. Reuse `strct-dropdown-item` for the entries:
- *   <strct-context-menu>
- *     <div>Right-click here</div>
- *     <ng-container strctContextMenuItems>
- *       <strct-dropdown-item>Open</strct-dropdown-item>
- *       <strct-dropdown-item critical>Delete</strct-dropdown-item>
- *     </ng-container>
- *   </strct-context-menu>
- *
- * Keyboard model mirrors `StrctMenuPanel` (menu.ts): focus moves into the
- * menu on open, Arrow/Home/End roam it, Enter/Space picks the active item,
- * Escape closes with stopPropagation, and focus returns to the trigger.
- *
- * @deprecated Prefer the data-driven `[strctContextMenu]` directive backed by
- * `StrctMenuService` (menu.ts) for new code — same visual menu, portaled into
- * `<body>`, with submenus and item actions.
- */
-declare class StrctContextMenu {
-    readonly open: _angular_core.WritableSignal<boolean>;
-    readonly x: _angular_core.WritableSignal<number>;
-    readonly y: _angular_core.WritableSignal<number>;
-    protected readonly menuEl: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    /** Index within the navigable (non-disabled) items. */
-    protected readonly activeIndex: _angular_core.WritableSignal<number>;
-    /** Element focused before opening — focus returns here on close. */
-    private restoreTo;
-    onContextMenu(event: MouseEvent): void;
-    close(): void;
-    /** Keyboard-reachable `strct-dropdown-item` elements in DOM order: enabled
-     *  ones, plus disabled ones that carry a hint (so the reason can be read). */
-    private navItems;
-    /**
-     * Focus-based roving: items keep the `tabindex="-1"` their host binding
-     * sets (so Tab never stops mid-menu), the active element moves instead.
-     */
-    protected focusItem(i: number): void;
-    /** Re-position with the measured box so the menu stays inside the viewport. */
-    private clampToViewport;
-    /** Close on a real item pick only — padding / divider misclicks keep the menu open. */
-    protected onMenuClick(event: MouseEvent): void;
-    /** Keep the arrow-key anchor in sync with the hovered item. */
-    protected onMenuMouseOver(event: MouseEvent): void;
-    protected onMenuKeydown(event: KeyboardEvent): void;
-    protected onDocClick(event: MouseEvent): void;
-    /** Fallback for focus landing outside the panel; in-panel Escape stops first. */
-    protected onEscape(event: Event): void;
-    protected onResize(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctContextMenu, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctContextMenu, "strct-context-menu", never, {}, {}, never, ["*", "[strctContextMenuItems]"], true, never>;
-}
-
 /**
  * A nested fly-out inside a `strct-context-menu` or `strct-dropdown`. Opens on
  * hover, click/tap, or the keyboard (Enter / Space / → — focus then moves into
@@ -4730,7 +4667,7 @@ declare class StrctDatagridActionBar {
  * Interactive data table: sortable columns, row selection (Shift-click a row
  * checkbox to carry its new state across a whole block), expandable detail
  * rows, a batch action bar and built-in paging.
- *   <strct-datagrid [columns]="cols" [rows]="data" selectable expandable [pageSize]="10">
+ *   <strct-datagrid [columns]="cols" [rows]="data" [selection]="{ enabled: true }" [paging]="{ pageSize: 10 }" expandable>
  *     <button strct-button strctDatagridActions size="sm">Migrate</button>
  *     <ng-template strctRowDetail let-row> … </ng-template>
  *   </strct-datagrid>
@@ -4740,26 +4677,19 @@ declare class StrctDatagrid {
     readonly columns: _angular_core.InputSignal<StrctDatagridColumn[]>;
     /** Data rows. */
     readonly rows: _angular_core.InputSignal<StrctRow[]>;
-    /** Rows per page (0 disables paging). */
-    readonly pageSizeFlat: _angular_core.InputSignal<number>;
-    /** Enable row selection. */
-    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 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 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 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.
@@ -4780,8 +4710,6 @@ declare class StrctDatagrid {
     readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Show a column-chooser dropdown in the footer. */
     readonly columnChooser: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Show a refresh button in the footer. */
-    readonly syncFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Disable all footer action buttons (sync, column chooser, etc.). */
     readonly footerActionsDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -4796,7 +4724,6 @@ declare class StrctDatagrid {
      * exactly one row is grid behaviour rather than a column of radios the
      * consumer builds and wires by hand.
      */
-    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>;
     /**
@@ -4804,21 +4731,12 @@ 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 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>;
-    /** Whether there is another slice to ask for. */
-    readonly hasMoreFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** A slice is on its way: the button waits with a spinner. */
-    readonly loadingMoreFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** The grand total, when the API knows it — "Showing the latest 50 of 812". */
-    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 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.
@@ -4831,7 +4749,6 @@ 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 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
@@ -4885,30 +4802,22 @@ declare class StrctDatagrid {
         pageOf: (page: number, pages: number) => string;
         rowsMatch: (shown: number, total: number) => string;
     }>;
-    /** Scroll viewport height in px (virtual mode). */
-    readonly viewportHeightFlat: _angular_core.InputSignal<number>;
     /**
      * 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 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 lazyFlat: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Total row count on the server (lazy mode). */
-    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 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. */
@@ -4918,15 +4827,11 @@ 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 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 groupsFlat: _angular_core.InputSignal<readonly StrctDatagridGroup[] | null>;
-    /** Keep a declared group that holds no rows, rather than dropping it. */
-    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.
@@ -4945,17 +4850,12 @@ declare class StrctDatagrid {
      * paging client-side; passed through on `lazyLoad` in server mode.
      */
     readonly quickFilter: _angular_core.ModelSignal<string>;
-    /** Columns the quick term scans. Defaults to every column's `key`. */
-    readonly quickFilterFieldsFlat: _angular_core.InputSignal<string[] | null>;
-    /** Render the built-in quick-filter searchbox in the toolbar. */
-    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 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;
@@ -4968,7 +4868,6 @@ 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 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
@@ -4986,7 +4885,6 @@ 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 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".
@@ -5030,15 +4928,15 @@ declare class StrctDatagrid {
     /** 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>;
+    readonly paneInput: _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">;
+    readonly pagingInput: _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>;
+    readonly virtualInput: _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>;
@@ -5048,69 +4946,57 @@ declare class StrctDatagrid {
     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). */
+    /** From `[paging].pageSize`. */
     readonly pageSize: _angular_core.Signal<number>;
-    /** `[selection].enabled` when it is set, else the flat `selectable` (deprecated). */
+    /** From `[selection].enabled`. */
     readonly selectable: _angular_core.Signal<boolean>;
-    /** `[pane].enabled` when it is set, else the flat `detailPane` (deprecated). */
+    /** From `[pane].enabled`. */
     readonly detailPane: _angular_core.Signal<boolean>;
-    /** `[pane].listWidth` when it is set, else the flat `paneListWidth` (deprecated). */
+    /** From `[pane].listWidth`. */
     readonly paneListWidth: _angular_core.Signal<string>;
-    /** `[pane].takeoverWidth` when it is set, else the flat `paneTakeoverWidth` (deprecated). */
+    /** From `[pane].takeoverWidth`. */
     readonly paneTakeoverWidth: _angular_core.Signal<number>;
-    /** `[state].sync` when it is set, else the flat `sync` (deprecated). */
+    /** From `[state].sync`. */
     readonly sync: _angular_core.Signal<boolean>;
-    /** `[selection].mode` when it is set, else the flat `selectionMode` (deprecated). */
+    /** From `[selection].mode`. */
     readonly selectionMode: _angular_core.Signal<"none" | "multiple" | "single">;
-    /** `[selection].rowSelectable` when it is set, else the flat `rowSelectable` (deprecated). */
+    /** From `[selection].rowSelectable`. */
     readonly rowSelectable: _angular_core.Signal<((row: StrctRow) => boolean | string) | null>;
-    /** `[paging].hasMore` when it is set, else the flat `hasMore` (deprecated). */
+    /** From `[paging].hasMore`. */
     readonly hasMore: _angular_core.Signal<boolean>;
-    /** `[paging].loadingMore` when it is set, else the flat `loadingMore` (deprecated). */
+    /** From `[paging].loadingMore`. */
     readonly loadingMore: _angular_core.Signal<boolean>;
-    /** `[paging].moreTotal` when it is set, else the flat `moreTotal` (deprecated). */
+    /** From `[paging].moreTotal`. */
     readonly moreTotal: _angular_core.Signal<number | null>;
-    /** `[selection].groupSelect` when it is set, else the flat `groupSelect` (deprecated). */
+    /** From `[selection].groupSelect`. */
     readonly groupSelect: _angular_core.Signal<boolean>;
-    /** `[selection].initial` when it is set, else the flat `initialSelection` (deprecated). */
+    /** From `[selection].initial`. */
     readonly initialSelection: _angular_core.Signal<readonly unknown[] | null>;
-    /** `[virtual].viewportHeight` when it is set, else the flat `viewportHeight` (deprecated). */
+    /** From `[virtual].viewportHeight`. */
     readonly viewportHeight: _angular_core.Signal<number>;
-    /** `[virtual].rowHeight` when it is set, else the flat `rowHeight` (deprecated). */
+    /** From `[virtual].rowHeight`. */
     readonly rowHeight: _angular_core.Signal<number>;
-    /** `[paging].lazy` when it is set, else the flat `lazy` (deprecated). */
+    /** From `[paging].lazy`. */
     readonly lazy: _angular_core.Signal<boolean>;
-    /** `[paging].total` when it is set, else the flat `total` (deprecated). */
+    /** From `[paging].total`. */
     readonly total: _angular_core.Signal<number | null>;
-    /** `[state].key` when it is set, else the flat `stateKey` (deprecated). */
+    /** From `[state].key`. */
     readonly stateKey: _angular_core.Signal<string | null>;
-    /** `[grouping].by` when it is set, else the flat `groupBy` (deprecated). */
+    /** From `[grouping].by`. */
     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). */
+    /** From `[grouping].groups`. */
+    readonly groups: _angular_core.Signal<readonly _akcelik_strct.StrctDatagridGroup[] | null>;
+    /** From `[grouping].showEmpty`. */
     readonly showEmptyGroups: _angular_core.Signal<boolean>;
-    /** `[filtering].fields` when it is set, else the flat `quickFilterFields` (deprecated). */
+    /** From `[filtering].fields`. */
     readonly quickFilterFields: _angular_core.Signal<string[] | null>;
-    /** `[filtering].quick` when it is set, else the flat `quickFilterable` (deprecated). */
+    /** From `[filtering].quick`. */
     readonly quickFilterable: _angular_core.Signal<boolean>;
-    /** `[filtering].align` when it is set, else the flat `quickFilterAlign` (deprecated). */
+    /** From `[filtering].align`. */
     readonly quickFilterAlign: _angular_core.Signal<"end" | "start">;
-    /** `[grouping].childrenKey` when it is set, else the flat `childrenKey` (deprecated). */
+    /** From `[grouping].childrenKey`. */
     readonly childrenKey: _angular_core.Signal<string | null>;
-    /** `[selection].column` when it is set, else the flat `selectionColumn` (deprecated). */
+    /** From `[selection].column`. */
     readonly selectionColumn: _angular_core.Signal<"none" | "auto">;
     private readonly menu;
     protected readonly detailDef: _angular_core.Signal<StrctRowDetailDef | undefined>;
@@ -5543,7 +5429,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; }; "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; }; "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; }; "maxHeight": { "alias": "maxHeight"; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDatagrid, "strct-datagrid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "expandable": { "alias": "expandable"; "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; }; "footerActionsDisabled": { "alias": "footerActionsDisabled"; "required": false; "isSignal": true; }; "rowId": { "alias": "rowId"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "editHint": { "alias": "editHint"; "required": false; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "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; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectionCfg": { "alias": "selection"; "required": false; "isSignal": true; }; "paneInput": { "alias": "pane"; "required": false; "isSignal": true; }; "pagingInput": { "alias": "paging"; "required": false; "isSignal": true; }; "virtualInput": { "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. */
@@ -9112,5 +8998,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 { DG_LABELS, 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 { DG_LABELS, 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, 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 { SortDir, 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 };