@elderbyte/ngx-starter 19.4.1 → 19.5.0

package/lib/common/data/data-context/data-context-continuable-base.d.ts

@@ -15,7 +15,7 @@ export declare abstract class DataContextContinuableBase<T> extends DataContextB
      *                                                                         *
      **************************************************************************/
     private readonly cblogger;
-    private _chunkSize;
+    private readonly _chunkSize$;
     /***************************************************************************
      *                                                                         *
      * Constructors                                                            *
@@ -28,7 +28,8 @@ export declare abstract class DataContextContinuableBase<T> extends DataContextB
      *                                                                         *
      **************************************************************************/
     loadAll(sorts?: Sort[], filters?: Filter[]): void;
-    get chunkSize(): number;
+    get chunkSize$(): Observable<number>;
+    get chunkSize(): number | undefined;
     set chunkSize(size: number);
     /***************************************************************************
      *                                                                         *

package/lib/common/data/data-context/data-context-continuable-paged.d.ts

@@ -47,7 +47,6 @@ export declare class DataContextContinuablePaged<T> extends DataContextContinuab
      *                                                                         *
      **************************************************************************/
     private checkHasMoreData;
-    protected onChunkSizeChanged(newSize: number): void;
     protected reloadInternal(): Observable<any>;
     protected clearAll(silent?: boolean): void;
     private fetchPage;

package/lib/common/data/data-context/data-context-continuable-token.d.ts

@@ -40,6 +40,8 @@ export declare class DataContextContinuableToken<T> extends DataContextContinuab
     protected clearAll(silent?: boolean): void;
     protected reloadInternal(): Observable<any>;
     private fetchNextChunk;
+    private onChunkFetched;
+    private onChunkFetchError;
     /**
      * Load the data from the given page into the current data context
      */

package/lib/common/data/data-context/data-context.d.ts

@@ -146,6 +146,12 @@ export interface IDataContextContinuable<T> extends IDataContext<T> {
      * paged context loads page by page until finished.
      */
     loadAll(sorts?: Sort[], filters?: Filter[]): void;
+    /**
+     * Set the desired chunk size
+     */
+    set chunkSize(size: number | undefined);
+    get chunkSize(): number;
+    get chunkSize$(): Observable<number | undefined>;
 }
 export interface IDataContextActivePage<T> extends IDataContext<T> {
     /**

package/lib/common/data/data-context/mat-table-data-context-binding.d.ts

@@ -2,6 +2,7 @@ import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { IDataContext } from './data-context';
 import { Observable } from 'rxjs';
+import { ElderContinuatorComponent } from '../../../components/data-view/common/elder-continuator/elder-continuator.component';
 export declare class MatTableDataContextBindingBuilder {
     /***************************************************************************
      *                                                                         *
@@ -12,6 +13,7 @@ export declare class MatTableDataContextBindingBuilder {
     private _dataContext$;
     private _sorts$;
     private _matPaginator$;
+    private _continuator$;
     /***************************************************************************
      *                                                                         *
      * Static Builder                                                          *
@@ -26,12 +28,14 @@ export declare class MatTableDataContextBindingBuilder {
      **************************************************************************/
     withSorts(sorts$: Observable<MatSort[]>): this;
     withPaginator(paginator$: Observable<MatPaginator>): this;
+    withContinuator(continuator$: Observable<ElderContinuatorComponent>): this;
     bindUntil(destroy$: Observable<any>): MatTableDataContextBinding;
 }
 export declare class MatTableDataContextBinding {
     private readonly _dataContext$;
     private readonly _matSorts$;
     private readonly _matPaginator$;
+    private readonly _continuator$;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -43,7 +47,7 @@ export declare class MatTableDataContextBinding {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(_dataContext$: Observable<IDataContext<any>>, _matSorts$: Observable<MatSort[]> | null, _matPaginator$: Observable<MatPaginator> | null, destroy$: Observable<any>);
+    constructor(_dataContext$: Observable<IDataContext<any>>, _matSorts$: Observable<MatSort[]> | null, _matPaginator$: Observable<MatPaginator> | null, _continuator$: Observable<ElderContinuatorComponent> | null, destroy$: Observable<any>);
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -55,6 +59,7 @@ export declare class MatTableDataContextBinding {
     private updateMatSort;
     private bindMatSortsToDataContextUntil;
     private bindPaginatorUntil;
+    private bindContinuatorUntil;
     private toMatDirection;
     private fromMatDirection;
 }

package/lib/common/data/token-chunk-request.d.ts

@@ -1,8 +1,19 @@
 import { Sort } from './sort';
 import { Filter } from './filters/filter';
+import { ContinuableListing } from './continuable-listing';
 export declare class TokenChunkRequest {
     readonly nextContinuationToken: string | null | undefined;
     readonly filters: Filter[];
     readonly sorts: Sort[];
-    constructor(nextContinuationToken: string | null | undefined, filters: Filter[], sorts: Sort[]);
+    readonly chunkSize: number | undefined;
+    static first(filters: Filter[], sorts: Sort[], chunkSize: number | undefined): TokenChunkRequest;
+    static nextIfAvailable(listing: ContinuableListing<any>, filters: Filter[], sorts: Sort[]): TokenChunkRequest | undefined;
+    /**
+     *
+     * @param nextContinuationToken The continuation token. If not defined, fetches the first chunk.
+     * @param filters Filters to send with the request.
+     * @param sorts Sorts to send with the request.
+     * @param chunkSize The desired chunk size. Since servers are in control of chunk-size (performance), this is only considered a hint which might be ignored.
+     */
+    constructor(nextContinuationToken: string | null | undefined, filters: Filter[], sorts: Sort[], chunkSize: number | undefined);
 }

package/lib/components/data-view/base/elder-data-view-base.d.ts

@@ -1,4 +1,3 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { OnDestroy, OnInit, Signal } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { IDataContext, IDataContextActivePage, IDataContextContinuable } from '../../../common/data/data-context/data-context';
@@ -31,12 +30,8 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      * In more advanced scenarios where you plan to reuse the same data-context
      * set this to false and release the resources yourself. (dataContext.close)
      */
-    cleanUp: boolean;
-    /**
-     * If true, this table is in dense mode.
-     * Heights are generally reduced.
-     */
-    private _dense;
+    readonly cleanUp: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly dense: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     private readonly _itemClickSubject;
     private readonly EntityIdKeyFn;
     protected readonly destroy$: Subject<void>;
@@ -46,7 +41,9 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
     readonly canLoadMore: Signal<boolean | undefined>;
     readonly viewData: Signal<T[] | undefined>;
     readonly currentPage: Signal<PageRequest | undefined>;
+    readonly currentChunkSize: Signal<number | undefined>;
     readonly currentSelection: Signal<T[] | undefined>;
+    readonly selectionSingleChange: Observable<any>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -80,7 +77,6 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
     set selectableEvaluatorFn(selectableEvaluatorFn: (entity: any) => boolean);
     set selection(selection: any[]);
     get selectionChange(): Observable<any[]>;
-    get selectionSingleChange(): Observable<any>;
     set selectionMultiEnabled(enableMultiSelection: boolean);
     abstract get selectionVisible(): boolean;
     abstract set selectionVisible(selectionVisible: boolean);
@@ -90,13 +86,6 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      *                                                                         *
      **************************************************************************/
     get itemClick(): Observable<any>;
-    /***************************************************************************
-     *                                                                         *
-     * Style Properties                                                        *
-     *                                                                         *
-     **************************************************************************/
-    set dense(value: BooleanInput);
-    get dense(): boolean;
     /***************************************************************************
      *                                                                         *
      * Event Entry Points                                                      *
@@ -124,5 +113,5 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      */
     protected autoCleanUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewBaseComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewBaseComponent<any>, never, never, { "interactionMode": { "alias": "interactionMode"; "required": false; }; "cleanUp": { "alias": "cleanUp"; "required": false; }; "selectableEvaluatorFn": { "alias": "selectableEvaluatorFn"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMultiEnabled": { "alias": "selectionMultiEnabled"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewBaseComponent<any>, never, never, { "interactionMode": { "alias": "interactionMode"; "required": false; }; "cleanUp": { "alias": "cleanUp"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "selectableEvaluatorFn": { "alias": "selectableEvaluatorFn"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMultiEnabled": { "alias": "selectionMultiEnabled"; "required": false; }; }, { "selectionSingleChange": "selectionSingleChange"; "selectionChange": "selectionChange"; "itemClick": "itemClick"; }, never, never, true, never>;
 }

package/lib/components/data-view/common/elder-continuator/elder-continuator.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class ElderContinuatorComponent {
+    readonly loadedCount: import("@angular/core").InputSignal<number>;
+    readonly total: import("@angular/core").InputSignal<string | number>;
+    readonly canLoadMore: import("@angular/core").InputSignal<boolean>;
+    readonly chunkSizeOptions: import("@angular/core").InputSignal<number[]>;
+    readonly chunkSize: import("@angular/core").InputSignal<number>;
+    readonly canModifyChunkSize: import("@angular/core").Signal<boolean>;
+    readonly loadMoreRequested: import("@angular/core").OutputEmitterRef<void>;
+    readonly chunkSizeChange: import("@angular/core").OutputEmitterRef<number>;
+    onChunkSizeChange(newSize: undefined | number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderContinuatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderContinuatorComponent, "elder-continuator", never, { "loadedCount": { "alias": "loadedCount"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "canLoadMore": { "alias": "canLoadMore"; "required": false; "isSignal": true; }; "chunkSizeOptions": { "alias": "chunkSizeOptions"; "required": false; "isSignal": true; }; "chunkSize": { "alias": "chunkSize"; "required": false; "isSignal": true; }; }, { "loadMoreRequested": "loadMoreRequested"; "chunkSizeChange": "chunkSizeChange"; }, never, never, true, never>;
+}

package/lib/components/data-view/common/public_api.d.ts

@@ -9,3 +9,4 @@ export { DataContextSelectionDirective } from './selection/data-context-selectio
 export { DataContextStateIndicatorComponent } from './data-context-state-indicator/data-context-state-indicator.component';
 export * from './activation/public_api';
 export { ElderDataCommonModule } from './elder-data-common.module';
+export { ElderContinuatorComponent } from './elder-continuator/elder-continuator.component';

package/lib/components/data-view/common/selection/data-context-selection.directive.d.ts

@@ -1,5 +1,6 @@
 import { Signal } from '@angular/core';
 import { SelectionModel } from '../../../../common/selection/selection-model';
+import { Observable } from 'rxjs';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
 import { MasterSelectionState } from './master-selection-state';
 import * as i0 from "@angular/core";
@@ -10,7 +11,7 @@ export declare class DataContextSelectionDirective {
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    private readonly selectionModel$;
+    private readonly _selectionModel$;
     private readonly dataContext$;
     readonly selectionState: Signal<MasterSelectionState>;
     /***************************************************************************
@@ -25,6 +26,7 @@ export declare class DataContextSelectionDirective {
      *                                                                         *
      **************************************************************************/
     set selectionModel(model: SelectionModel<any>);
+    get selectionModel$(): Observable<SelectionModel<any>>;
     get selectionModel(): SelectionModel<any>;
     set dataContext(dataContext: IDataContext<any>);
     /** Whether the number of selected elements matches the totalSnapshot number of selectable rows. */

package/lib/components/data-view/grid/elder-grid/elder-grid.component.d.ts

@@ -9,6 +9,7 @@ import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { CompositeSort } from '../../common/composite-sort/composite-sort';
 import { ElderTileComponent } from '../elder-tile/elder-tile.component';
+import { ElderContinuatorComponent } from '../../common/elder-continuator/elder-continuator.component';
 import * as i0 from "@angular/core";
 declare class GridRow<T> {
     readonly id: string;
@@ -51,9 +52,9 @@ export declare class ElderGridComponent<T = any> extends ElderDataViewBaseCompon
     dataRows$: Observable<GridRow<T>[]>;
     tileTemplateQuery: TemplateRef<any>;
     private _tileTemplate;
-    toolbarVisible: boolean;
-    footerVisible: boolean;
-    itemHeight: number;
+    readonly toolbarVisible: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly footerVisible: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly itemHeight: import("@angular/core").InputSignal<number>;
     readonly tileOutlined: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly responsiveColumnCount: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     virtualScrollViewPort: CdkVirtualScrollViewport;
@@ -63,8 +64,9 @@ export declare class ElderGridComponent<T = any> extends ElderDataViewBaseCompon
     sortTranslationPrefix: string;
     hiddenField: string;
     selectionVisible: boolean;
-    pageSizeOptions: number[];
+    readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     matPaginator: MatPaginator;
+    elderContinuator: ElderContinuatorComponent;
     toolbarTemplateQuery: TemplateRef<any>;
     private _toolbarTemplate;
     readonly activeColumnCount$: Observable<number>;
@@ -116,6 +118,6 @@ export declare class ElderGridComponent<T = any> extends ElderDataViewBaseCompon
     private initialColumnCount;
     private getTileForItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderGridComponent<any>, [{ optional: true; }, { optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderGridComponent<any>, "elder-grid", never, { "toolbarVisible": { "alias": "toolbarVisible"; "required": false; }; "footerVisible": { "alias": "footerVisible"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "tileOutlined": { "alias": "tileOutlined"; "required": false; "isSignal": true; }; "responsiveColumnCount": { "alias": "responsiveColumnCount"; "required": false; "isSignal": true; }; "availableSorts": { "alias": "availableSorts"; "required": false; }; "sortTranslationPrefix": { "alias": "sortTranslationPrefix"; "required": false; }; "hiddenField": { "alias": "hiddenField"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "tileTemplate": { "alias": "tileTemplate"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnCount": { "alias": "columnCount"; "required": false; }; }, {}, ["tileTemplateQuery", "toolbarTemplateQuery"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderGridComponent<any>, "elder-grid", never, { "toolbarVisible": { "alias": "toolbarVisible"; "required": false; "isSignal": true; }; "footerVisible": { "alias": "footerVisible"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "tileOutlined": { "alias": "tileOutlined"; "required": false; "isSignal": true; }; "responsiveColumnCount": { "alias": "responsiveColumnCount"; "required": false; "isSignal": true; }; "availableSorts": { "alias": "availableSorts"; "required": false; }; "sortTranslationPrefix": { "alias": "sortTranslationPrefix"; "required": false; }; "hiddenField": { "alias": "hiddenField"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "tileTemplate": { "alias": "tileTemplate"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnCount": { "alias": "columnCount"; "required": false; }; }, {}, ["tileTemplateQuery", "toolbarTemplateQuery"], never, true, never>;
 }
 export {};

package/lib/components/data-view/table/columns/elder-table-selection-cell/elder-table-selection-cell.component.d.ts

@@ -0,0 +1,30 @@
+import { Signal } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { DataContextSelectionDirective } from '../../../common/selection/data-context-selection.directive';
+import * as i0 from "@angular/core";
+export declare class ElderTableSelectionCellComponent<T = any> {
+    readonly dataContextSelection: DataContextSelectionDirective;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    readonly entity: import("@angular/core").InputSignal<T>;
+    readonly selected: Signal<boolean>;
+    readonly selectable: Signal<boolean>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(dataContextSelection: DataContextSelectionDirective);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    onCheckboxChange(event: MatCheckboxChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableSelectionCellComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableSelectionCellComponent<any>, "elder-table-selection-cell", never, { "entity": { "alias": "entity"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/data-view/table/elder-table/elder-table.component.d.ts

@@ -12,6 +12,7 @@ import { ElderTableModel } from '../model/elder-table-model';
 import { ElderTableExtensionDirective } from '../elder-table-extension.directive';
 import { ElderTableColumnDirective } from '../elder-table-column.directive';
 import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options-provider';
+import { ElderContinuatorComponent } from '../../common/elder-continuator/elder-continuator.component';
 import * as i0 from "@angular/core";
 export declare class ElderTableComponent<T = any> extends ElderDataViewBaseComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
     readonly tableModel: ElderTableModel;
@@ -29,7 +30,9 @@ export declare class ElderTableComponent<T = any> extends ElderDataViewBaseCompo
      */
     private loadNextQueued;
     matTable: CdkTable<any>;
+    readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     matPaginator: MatPaginator;
+    elderContinuator: ElderContinuatorComponent;
     private readonly _matSort;
     columnDefs: QueryList<CdkColumnDef>;
     elderColumns: QueryList<ElderTableColumnDirective>;
@@ -57,10 +60,9 @@ export declare class ElderTableComponent<T = any> extends ElderDataViewBaseCompo
      *
      */
     hiddenField: string;
-    pageSizeOptions: number[];
-    keepSelection: boolean;
-    showFooter: boolean;
-    denseHorizontal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly keepSelection: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly showFooter: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly denseHorizontal: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     /**
      * The table toolbar
      */
@@ -128,5 +130,5 @@ export declare class ElderTableComponent<T = any> extends ElderDataViewBaseCompo
     private setupSelectionLifeCycle;
     private getRowForItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableComponent<any>, [null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent<any>, "elder-table", never, { "idField": { "alias": "idField"; "required": false; }; "removingField": { "alias": "removingField"; "required": false; }; "hiddenField": { "alias": "hiddenField"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "denseHorizontal": { "alias": "denseHorizontal"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; }, {}, ["columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent<any>, "elder-table", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "idField": { "alias": "idField"; "required": false; }; "removingField": { "alias": "removingField"; "required": false; }; "hiddenField": { "alias": "hiddenField"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "denseHorizontal": { "alias": "denseHorizontal"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; }, {}, ["columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, true, never>;
 }

package/lib/components/data-view/table/elder-table-row.directive.d.ts

@@ -1,10 +1,13 @@
-import { ElementRef, Renderer2 } from '@angular/core';
+import { DestroyRef, ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { ActivationModel } from '../common/activation/model/activation-model';
+import { DataContextSelectionDirective } from '../common/selection/data-context-selection.directive';
 import * as i0 from "@angular/core";
-export declare class ElderTableRowDirective<T> {
+export declare class ElderTableRowDirective<T> implements OnInit {
     private readonly rowRef;
+    private readonly destroyRef;
     private readonly renderer;
     private readonly activationModel;
+    private readonly dataContextSelection;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -12,17 +15,24 @@ export declare class ElderTableRowDirective<T> {
      **************************************************************************/
     private readonly logger;
     private _activated;
-    private _model;
+    readonly entity: import("@angular/core").InputSignal<T>;
+    readonly highlightSelection: import("@angular/core").InputSignal<boolean>;
     private readonly _focused;
+    private readonly highlightSelection$;
+    private readonly entity$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(rowRef: ElementRef<HTMLTableRowElement>, renderer: Renderer2, activationModel: ActivationModel);
-    private handleActivationEvent;
-    private isItemActive;
-    private updateRowActivation;
+    constructor(rowRef: ElementRef<HTMLTableRowElement>, destroyRef: DestroyRef, renderer: Renderer2, activationModel: ActivationModel, dataContextSelection: DataContextSelectionDirective);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    private bindHighlightSelection;
     /***************************************************************************
      *                                                                         *
      * Host Listener                                                           *
@@ -43,8 +53,6 @@ export declare class ElderTableRowDirective<T> {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set model(model: T);
-    get model(): T;
     get hasFocus(): boolean;
     /***************************************************************************
      *                                                                         *
@@ -58,8 +66,11 @@ export declare class ElderTableRowDirective<T> {
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
+    private handleActivationEvent;
+    private isItemActive;
+    private updateRowActivation;
     private enableRowFocus;
-    private activatedClassEnabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableRowDirective<any>, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTableRowDirective<any>, "tr[elderTableRow]", ["elderTableRow"], { "model": { "alias": "elderTableRow"; "required": false; }; }, {}, never, never, true, never>;
+    private updateHostClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableRowDirective<any>, [null, null, null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTableRowDirective<any>, "tr[elderTableRow]", ["elderTableRow"], { "entity": { "alias": "elderTableRow"; "required": true; "isSignal": true; }; "highlightSelection": { "alias": "highlightSelection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/data-view/table/elder-table.module.d.ts

@@ -32,6 +32,7 @@ import * as i30 from "./elder-table-column.directive";
 import * as i31 from "./elder-table-root.directive";
 import * as i32 from "./activation/elder-delete-active.directive";
 export * from './model/elder-table-model';
+export * from './columns/elder-table-selection-cell/elder-table-selection-cell.component';
 export * from './model/elder-table-model-provider';
 export * from './model/elder-table-model-cdk-table-binding';
 export * from './model/elder-table-model-query-group';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "19.4.1",
+  "version": "19.5.0",
   "peerDependencies": {
     "@angular/core": "^18.0.0 || ^19.0.0",
     "@angular/common": "^18.0.0 || ^19.0.0",

package/src/lib/components/data-view/common/elder-continuator/elder-continuator.component.scss

@@ -0,0 +1,17 @@
+@use '@angular/material' as mat;
+
+.loaded-info-text {
+  color: var(--md-sys-color-outline);
+}
+
+.elder-chunk-size-select.mat-mdc-form-field {
+  width: 84px;
+  @include mat.form-field-density(-5);
+
+  .mat-mdc-select {
+    --mat-select-trigger-text-size: var(
+      --mat-paginator-container-text-size,
+      var(--mat-sys-body-small-size)
+    );
+  }
+}