@ngneers/controls 0.0.1-next.1 → 0.0.1-next.2

package/types/ngneers-controls-table.d.ts

@@ -29,6 +29,55 @@ type FormattedTableGroupHeaderRow<V = unknown> = {
     index: number;
 };
 type FormattedTableRow<T, V = unknown> = FormattedTableDataRow<T> | FormattedTableGroupHeaderRow<V>;
+/**
+ * The request passed to a {@link TableDataSource}. Carries the page/slice
+ * coordinates (reused from the paginator), the active sort/filters, and an
+ * abort signal for superseded requests.
+ */
+type TableLoadRequest = {
+    /** Page/slice coordinates. `pagination.slice` for offset backends, `pagination.page` for page-number backends. */
+    pagination: PaginationState;
+    /** Active sort descriptor, or `null` when unsorted. */
+    sort: {
+        column: string;
+        direction: 'asc' | 'desc';
+    } | null;
+    /** Active per-column filter config, or `null` when unfiltered. */
+    filters: Record<string, NgnFilterConfig> | null;
+    /**
+     * Continuation token from the previous page's {@link TableLoadResult.cursor},
+     * when navigating forward in compact/cursor pagination. `undefined` on the first
+     * page. Offset backends ignore this; cursor backends ignore `pagination.slice`.
+     */
+    cursor?: unknown;
+    /** Aborts when the request is superseded (sort/filter/pageSize change) or the table is destroyed. */
+    signal: AbortSignal;
+};
+/**
+ * The result a {@link TableDataSource} resolves with.
+ */
+type TableLoadResult<T> = {
+    /** The rows for the requested page/window. */
+    rows: readonly T[];
+    /**
+     * Total item count. Required for the full paginator (drives page count).
+     * Omit for infinite scroll and compact/cursor pagination where total is unknown.
+     */
+    total?: number;
+    /**
+     * Explicit end-of-data flag. Never inferred from a short page — a page may be
+     * short due to permissions filtering. Drives infinite-scroll stop and the
+     * compact paginator's "next" button.
+     */
+    hasMore: boolean;
+    /** Opaque continuation token for the next page. Compact/cursor mode only. */
+    cursor?: unknown;
+};
+/**
+ * A loader callback. Its presence on {@link NgnTable} switches the table into
+ * lazy mode. Called with a {@link TableLoadRequest}, resolves a {@link TableLoadResult}.
+ */
+type TableDataSource<T> = (req: TableLoadRequest) => Promise<TableLoadResult<T>>;
 
 type TableSort<T> = {
     column: Extract<AllKeysOfUnion<T>, string>;
@@ -67,11 +116,17 @@ declare abstract class NgnTableTemplates<T extends object> extends NgnBase<'tabl
     private readonly _headerTemplate;
     private readonly _bodyTemplate;
     private readonly _groupHeaderTemplate;
+    private readonly _loadingTemplate;
+    private readonly _errorTemplate;
     protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     protected readonly bodyTemplate: _angular_core.Signal<TemplateRef<{
         $implicit: FormattedTableDataRow<T>;
     }> | undefined>;
     protected readonly groupHeaderTemplate: _angular_core.Signal<TemplateRef<GroupHeaderContext> | undefined>;
+    /** Custom rows shown while a lazy load is in flight, via `<ng-template #loading>`. */
+    protected readonly loadingTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** Custom error row via `<ng-template #error>`; receives `{ error, retry }`, where `retry` re-issues the failed load. */
+    protected readonly errorTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     /**
      * Types for the table templates.
      */
@@ -95,16 +150,16 @@ declare abstract class NgnTableTemplates<T extends object> extends NgnBase<'tabl
         };
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableTemplates<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTableTemplates<any>, "ng-component", never, {}, {}, ["_headerTemplate", "_bodyTemplate", "_groupHeaderTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTableTemplates<any>, "ng-component", never, {}, {}, ["_headerTemplate", "_bodyTemplate", "_groupHeaderTemplate", "_loadingTemplate", "_errorTemplate"], never, true, never>;
 }
 
 declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDestroy, OnInit {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -120,28 +175,28 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -155,7 +210,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -163,7 +218,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -177,7 +232,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -202,7 +257,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -216,7 +271,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -224,7 +279,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -238,7 +293,7 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -246,14 +301,14 @@ declare class NgnTableTh extends NgnBase<'table'> implements ResizableItem, OnDe
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -402,12 +457,12 @@ declare class NgnTableRowActions implements OnDestroy {
  * @category control
  */
 declare class NgnTable<T extends object, K extends keyof T, G extends Extract<AllKeysOfUnion<T>, string> = never> extends NgnTableTemplates<T> {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -423,28 +478,28 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -458,7 +513,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -466,7 +521,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -480,7 +535,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -505,7 +560,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -519,7 +574,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -527,7 +582,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -541,7 +596,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -549,14 +604,14 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -610,7 +665,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
         readonly projected: true;
     }]>>;
     private readonly _scroller;
-    /** The data rows to render. */
+    /** The data rows to render in client-side mode. Ignored when {@link dataSource} is set. */
     readonly rows: _angular_core.InputSignal<readonly T[]>;
     /**
      * When {@link virtual} is enabled, this defines the height of each row in pixels.
@@ -638,6 +693,25 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
      * @default false
      */
     readonly paginator: _angular_core.InputSignal<boolean>;
+    /**
+     * A loader callback for server-driven lazy loading. When set, the table fetches
+     * rows on demand instead of reading {@link rows}, and client-side sort/filter are
+     * delegated to the loader. With {@link paginator} it pages lazily; without, it
+     * infinite-scrolls. Incompatible with {@link groupBy} (throws).
+     *
+     * @remarks Bind to a stable reference (a class field/method), not an inline
+     * arrow — a new function identity each change-detection cycle invalidates the
+     * page cache and refetches every cycle.
+     * @default null
+     */
+    readonly dataSource: _angular_core.InputSignal<TableDataSource<T> | null>;
+    /**
+     * Infinite scroll only: set by the header select-all checkbox to request a
+     * "select everything matching the current filters" bulk operation, since the
+     * full set is not loaded. Two-way bindable.
+     * @default false
+     */
+    readonly selectAllMatching: _angular_core.ModelSignal<boolean>;
     /**
      * The selection mode for the table.
      * - `'single'`: Only one row can be selected at a time.
@@ -721,6 +795,13 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
      */
     readonly filters: _angular_core.ModelSignal<{ [key in Extract<AllKeysOfUnion<T>, string>]?: NgnFilterConfig | undefined; } | null>;
     protected readonly pageState: _angular_core.WritableSignal<PaginationState | null>;
+    protected readonly lazy: _angular_core.Signal<boolean>;
+    protected readonly lazyMode: _angular_core.Signal<"paginate" | "infinite">;
+    private readonly _lazyModel;
+    protected readonly loadStatus: _angular_core.WritableSignal<"loading" | "error" | "idle">;
+    protected readonly loadError: _angular_core.WritableSignal<unknown>;
+    protected readonly loadTotal: _angular_core.WritableSignal<number | undefined>;
+    protected readonly lazyHasMore: _angular_core.WritableSignal<boolean>;
     protected readonly i18n: _ngneers_signal_translate.TranslationsSignal<{
         calendar: {
             today: string;
@@ -877,6 +958,8 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
             selectedCount: string;
             page: string;
             resultCount: string;
+            retry: string;
+            loadError: string;
         };
         state: {
             loading: string;
@@ -885,6 +968,18 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
             error: string;
             cancelled: string;
         };
+        errors: {
+            pending: string;
+            required: string;
+            email: string;
+            minlength: string;
+            maxlength: string;
+            minLength: string;
+            maxLength: string;
+            min: string;
+            max: string;
+            pattern: string;
+        };
     }, "_">;
     /**
      * Polite live-region text announcing sort / filter / pagination / selection
@@ -925,12 +1020,21 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
      * Total column count including the selection checkbox column.
      */
     protected readonly totalColumnCount: _angular_core.Signal<number>;
+    /** Number of placeholder rows to show while a lazy load is in flight. */
+    protected readonly skeletonRows: _angular_core.Signal<number>;
     protected readonly formattedRows: _angular_core.Signal<FormattedTableRow<T>[]>;
     private readonly _groupedRows;
     protected readonly pagedRows: _angular_core.Signal<FormattedTableRow<T>[]>;
+    private readonly _baseRows;
     private readonly _filteredRows;
+    /** Page size only — page navigation must not invalidate the per-page cache. */
+    private readonly _lazyPageSize;
     private readonly _sortedRows;
     constructor();
+    /** Force a lazy refetch, clearing the page cache. No-op in client-side mode. */
+    reload(): void;
+    /** Retry the failed load, keeping already-loaded rows in infinite scroll. */
+    protected retryLoad(): void;
     protected pageChanged(event: PaginationState): void;
     column<V extends AllKeysOfUnion<T> & string>(column: V): V;
     getVisualColumnIndex(logicalIndex: number): number;
@@ -996,7 +1100,7 @@ declare class NgnTable<T extends object, K extends keyof T, G extends Extract<Al
      */
     protected toggleGroupFromRow(row: FormattedTableGroupHeaderRow): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTable<any, any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTable<any, any, any>, "ngn-table", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "fieldId": { "alias": "fieldId"; "required": true; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "virtualPadding": { "alias": "virtualPadding"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "expandedGroups": { "alias": "expandedGroups"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "lockSizes": { "alias": "lockSizes"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "columnOrder": { "alias": "columnOrder"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "sortComparator": { "alias": "sortComparator"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "expandedGroups": "expandedGroupsChange"; "columnOrder": "columnOrderChange"; "sort": "sortChange"; "filters": "filtersChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTable<any, any, any>, "ngn-table", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "fieldId": { "alias": "fieldId"; "required": true; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "virtualPadding": { "alias": "virtualPadding"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "selectAllMatching": { "alias": "selectAllMatching"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "expandedGroups": { "alias": "expandedGroups"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "lockSizes": { "alias": "lockSizes"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "columnOrder": { "alias": "columnOrder"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "sortComparator": { "alias": "sortComparator"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "selectAllMatching": "selectAllMatchingChange"; "selection": "selectionChange"; "expandedGroups": "expandedGroupsChange"; "columnOrder": "columnOrderChange"; "sort": "sortChange"; "filters": "filtersChange"; }, never, never, true, never>;
 }
 
 declare class NgnTableBodyTr<T> extends NgnScrollerItem {
@@ -1005,12 +1109,12 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
     /** The item bound to the underlying scroller entry; kept in sync with {@link ngnTableBodyTr}. */
     readonly ngnScrollerItem: _angular_core.InputSignal<object>;
     private readonly _element;
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -1026,28 +1130,28 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1061,7 +1165,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1069,7 +1173,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1083,7 +1187,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1108,7 +1212,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1122,7 +1226,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1130,7 +1234,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1144,7 +1248,7 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1152,14 +1256,14 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1241,12 +1345,12 @@ declare class NgnTableBodyTr<T> extends NgnScrollerItem {
  */
 declare class NgnTableTd {
     private readonly _element;
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -1262,28 +1366,28 @@ declare class NgnTableTd {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1297,7 +1401,7 @@ declare class NgnTableTd {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1305,7 +1409,7 @@ declare class NgnTableTd {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1319,7 +1423,7 @@ declare class NgnTableTd {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1344,7 +1448,7 @@ declare class NgnTableTd {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1358,7 +1462,7 @@ declare class NgnTableTd {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1366,7 +1470,7 @@ declare class NgnTableTd {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1380,7 +1484,7 @@ declare class NgnTableTd {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1388,14 +1492,14 @@ declare class NgnTableTd {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1462,12 +1566,12 @@ declare class NgnTableTd {
 }
 
 declare class NgnTableHeadTr extends NgnBase<'table'> {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -1483,28 +1587,28 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1518,7 +1622,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1526,7 +1630,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1540,7 +1644,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1565,7 +1669,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1579,7 +1683,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1587,7 +1691,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1601,7 +1705,7 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1609,14 +1713,14 @@ declare class NgnTableHeadTr extends NgnBase<'table'> {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1682,12 +1786,12 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
     /** The item bound to the underlying scroller entry; kept in sync with {@link ngnTableGroupHeaderTr}. */
     readonly ngnScrollerItem: _angular_core.InputSignal<object>;
     private readonly _element;
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -1703,28 +1807,28 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1738,7 +1842,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1746,7 +1850,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1760,7 +1864,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1785,7 +1889,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1799,7 +1903,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1807,7 +1911,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -1821,7 +1925,7 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -1829,14 +1933,14 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1899,12 +2003,12 @@ declare class NgnTableGroupHeaderTr extends NgnScrollerItem {
  * @category directive
  */
 declare class NgnTableReorderableColumn implements OnDestroy {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -1920,28 +2024,28 @@ declare class NgnTableReorderableColumn implements OnDestroy {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1955,7 +2059,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -1963,7 +2067,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -1977,7 +2081,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2002,7 +2106,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2016,7 +2120,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2024,7 +2128,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2038,7 +2142,7 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2046,14 +2150,14 @@ declare class NgnTableReorderableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2145,12 +2249,12 @@ type BarAction = {
  * the buttons.
  */
 declare class NgnTableRowActionsBar implements OnDestroy {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -2166,28 +2270,28 @@ declare class NgnTableRowActionsBar implements OnDestroy {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2201,7 +2305,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2209,7 +2313,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2223,7 +2327,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2248,7 +2352,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2262,7 +2366,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2270,7 +2374,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2284,7 +2388,7 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2292,14 +2396,14 @@ declare class NgnTableRowActionsBar implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2413,12 +2517,12 @@ declare class NgnTableRowActionsBar implements OnDestroy {
  * @category directive
  */
 declare class NgnTableSelectionColumn implements OnDestroy {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -2434,28 +2538,28 @@ declare class NgnTableSelectionColumn implements OnDestroy {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2469,7 +2573,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2477,7 +2581,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2491,7 +2595,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2516,7 +2620,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2530,7 +2634,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2538,7 +2642,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2552,7 +2656,7 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2560,14 +2664,14 @@ declare class NgnTableSelectionColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2674,12 +2778,12 @@ declare class NgnTableModule {
  * @category directive
  */
 declare class NgnTableFilterableColumn implements OnDestroy {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -2695,28 +2799,28 @@ declare class NgnTableFilterableColumn implements OnDestroy {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2730,7 +2834,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2738,7 +2842,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2752,7 +2856,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2777,7 +2881,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2791,7 +2895,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2799,7 +2903,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -2813,7 +2917,7 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -2821,14 +2925,14 @@ declare class NgnTableFilterableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2904,12 +3008,12 @@ declare class NgnTableFilterableColumn implements OnDestroy {
  * @category directive
  */
 declare class NgnTableSortableColumn implements OnDestroy {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row"], readonly [{
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column", "resize-handle", "resizable", "resizing", "cell-text", "selected-row", "selection-checkbox", "selection-column", "selectable", "focused-row", "selected-row-cell", "focused-row-cell", "group-header-row", "group-header-cell", "group-toggle", "group-expanded", "reorderable", "reordering", "drag-source", "drop-indicator", "sticky-start", "sticky-end", "sticky-start-edge", "sticky-end-edge", "row-actions", "row-action-button", "active-row", "skeleton-row", "skeleton-cell", "loading", "error-row"], readonly [{
         readonly class: "scroller";
         readonly template: _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
     }, {
         readonly class: "scroll-shadow";
-        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+        readonly template: _ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom", "overlay", "surface", "unstyled"], readonly []>;
         readonly projected: true;
     }, {
         readonly class: "group-toggle-icon";
@@ -2925,28 +3029,28 @@ declare class NgnTableSortableColumn implements OnDestroy {
             readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
         }, {
             readonly class: "input-field";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "value";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "operator";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                 readonly class: "input";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                 readonly projected: true;
             }]>;
         }, {
             readonly class: "list-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2960,7 +3064,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -2968,7 +3072,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
             }]>;
         }, {
             readonly class: "operator-select";
-            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+            readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                 readonly class: "popover";
                 readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
             }, {
@@ -2982,7 +3086,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "filter";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -3007,7 +3111,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                 readonly template: _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
             }, {
                 readonly class: "current-month";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -3021,7 +3125,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -3029,7 +3133,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-year";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "empty", "placeholder", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
                     readonly class: "popover";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
                 }, {
@@ -3043,7 +3147,7 @@ declare class NgnTableSortableColumn implements OnDestroy {
                     }]>;
                 }, {
                     readonly class: "filter";
-                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                    readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                         readonly class: "input";
                         readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                         readonly projected: true;
@@ -3051,14 +3155,14 @@ declare class NgnTableSortableColumn implements OnDestroy {
                 }]>;
             }, {
                 readonly class: "current-month-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
                 }]>;
             }, {
                 readonly class: "current-year-field";
-                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+                readonly template: _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "filled", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`, `kind-${string}`], readonly [{
                     readonly class: "input";
                     readonly template: _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
                     readonly projected: true;
@@ -3127,4 +3231,4 @@ declare class NgnTableSortableColumn implements OnDestroy {
 }
 
 export { NgnTable, NgnTableBodyTr, NgnTableFilterableColumn, NgnTableGroupHeaderTr, NgnTableHeadTr, NgnTableModule, NgnTableReorderableColumn, NgnTableRowActions, NgnTableRowActionsBar, NgnTableSelectionColumn, NgnTableSortableColumn, NgnTableStickyColumn, NgnTableTd, NgnTableTemplates, NgnTableTh, defaultSortComparator, filterRows, groupRows, paginateRows, sortRows };
-export type { FormattedTableDataRow, FormattedTableGroupHeaderRow, FormattedTableRow, GroupHeaderContext, TableFilters, TableSelectionMode, TableSort, TableSortComparator };
+export type { FormattedTableDataRow, FormattedTableGroupHeaderRow, FormattedTableRow, GroupHeaderContext, TableDataSource, TableFilters, TableLoadRequest, TableLoadResult, TableSelectionMode, TableSort, TableSortComparator };