@elderbyte/ngx-starter 19.12.0 → 19.13.0

package/lib/common/data/datasource/curated/curated-data-source.d.ts

@@ -0,0 +1,43 @@
+import { LocalListDataSource, DataSourceChangeEvent, LocalDataSortFn, LocalDataFilterFn, IDataSource } from '../../public_api';
+import { Observable } from 'rxjs';
+export declare class CuratedDataSource<TEntity> implements IDataSource<TEntity> {
+    readonly originalSource: IDataSource<TEntity>;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    protected readonly curatedData: LocalListDataSource<TEntity>;
+    private readonly useCuratedData$;
+    private readonly ready$;
+    private readonly _dataChanged;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(originalSource: IDataSource<TEntity>, localSort?: LocalDataSortFn<TEntity>, localFilter?: LocalDataFilterFn<TEntity>);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    useCuratedData(data: TEntity[]): void;
+    useNonCuratedData(): void;
+    /***************************************************************************
+     *                                                                         *
+     * IDataSource API                                                         *
+     *                                                                         *
+     **************************************************************************/
+    get dataChanged(): Observable<DataSourceChangeEvent<TEntity, any>>;
+    findById(id: any): Observable<TEntity>;
+    findByIds(ids: any[]): Observable<TEntity[]>;
+    getId(entity: TEntity): any;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    protected get readyUseCurated$(): Observable<boolean>;
+    private buildDataChanged;
+}

package/lib/common/data/datasource/curated/curated-list-data-source.d.ts

@@ -0,0 +1,24 @@
+import { Observable } from 'rxjs';
+import { IListDataSource, Sort, Filter, LocalDataSortFn, LocalDataFilterFn } from '../../public_api';
+import { CuratedDataSource } from './curated-data-source';
+/**
+ * Wraps a standard IListDataSource, and provides the ability to overwrite
+ * the returned data with custom curated data.
+ *
+ * You need to either invoke useCuratedData(..) or useNonCuratedData() to make data available.
+ */
+export declare class CuratedListDataSource<TEntity> extends CuratedDataSource<TEntity> implements IListDataSource<TEntity> {
+    private listDataSource;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(listDataSource: IListDataSource<TEntity>, localSort?: LocalDataSortFn<TEntity>, localFilter?: LocalDataFilterFn<TEntity>);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                         *
+     *                                                                         *
+     **************************************************************************/
+    findAllFiltered(filters?: Filter[], sorts?: Sort[]): Observable<Array<TEntity>>;
+}

package/lib/common/data/datasource/curated/curated-paged-data-source.d.ts

@@ -0,0 +1,30 @@
+import { Observable } from 'rxjs';
+import { IPagedDataSource, Page, Pageable, Filter, LocalDataSortFn, LocalDataFilterFn } from '../../public_api';
+import { CuratedDataSource } from './curated-data-source';
+/**
+ * Wraps a standard IPagedDataSource, and provides the ability to overwrite
+ * the returned data with custom curated data.
+ *
+ * You need to either invoke useCuratedData(..) or useNonCuratedData() to make data available.
+ */
+export declare class CuratedPagedDataSource<TEntity> extends CuratedDataSource<TEntity> implements IPagedDataSource<TEntity> {
+    private pagedDataSource;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly curatedDataPaged;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(pagedDataSource: IPagedDataSource<TEntity>, localSort?: LocalDataSortFn<TEntity>, localFilter?: LocalDataFilterFn<TEntity>);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                         *
+     *                                                                         *
+     **************************************************************************/
+    findAllPaged(pageable: Pageable, filters?: Filter[]): Observable<Page<TEntity>>;
+}

package/lib/common/data/datasource/data-source-base.d.ts

@@ -1,20 +1,21 @@
 import { IDataSource } from './data-source';
 import { DataSourceChangeEvent } from './data-source-change-event';
 import { Observable } from 'rxjs';
+import { IdExtractor } from './entity-id-util';
 export declare abstract class DataSourceBase<T> implements IDataSource<T> {
-    protected readonly idProperty: string | null;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private readonly dataChangeEvents$;
+    private readonly extractIdFn;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(idProperty: string | null);
+    protected constructor(propertyOrIdExtractor: string | IdExtractor<T>);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

package/lib/common/data/datasource/entity-id-util.d.ts

@@ -1,3 +1,6 @@
+export type IdExtractor<T> = (entity: T) => any;
 export declare class EntityIdUtil {
-    static getId<T>(entity: T, idProperty: string): any;
+    static getId<T>(entity: T, idProperty: string | null): any;
+    static extractIdFnOrProperty<T>(idPropertyOrExtractFn: string | null | IdExtractor<T>): IdExtractor<T>;
+    static extractIdFn<T>(idProperty: string | null): IdExtractor<T>;
 }

package/lib/common/data/datasource/local/local-list-data-source.d.ts

@@ -3,6 +3,9 @@ import { Sort } from '../../sort';
 import { Observable } from 'rxjs';
 import { IListDataSource } from '../data-source';
 import { DataSourceBase } from '../data-source-base';
+import { IdExtractor } from '../entity-id-util';
+export type LocalDataSortFn<T> = (data: T[], sorts: Sort[]) => T[];
+export type LocalDataFilterFn<T> = (data: T[], filters: Filter[]) => T[];
 export declare class LocalListDataSource<T> extends DataSourceBase<T> implements IListDataSource<T> {
     /***************************************************************************
      *                                                                         *
@@ -21,18 +24,18 @@ export declare class LocalListDataSource<T> extends DataSourceBase<T> implements
     /**
      * Creates an empty local list data-source.
      * You can set / modify data by using the data property.
-     * @param idProperty
+     * @param idPropertyOrExtractor
      * @param localSort
      * @param localFilter
      */
-    static empty<T>(idProperty: string | null, localSort?: (data: T[], sorts: Sort[]) => T[], localFilter?: (data: T[], filters: Filter[]) => T[]): LocalListDataSource<T>;
-    static from<T>(localData: T[], idProperty: string | null, localSort?: (data: T[], sorts: Sort[]) => T[], localFilter?: (data: T[], filters: Filter[]) => T[]): LocalListDataSource<T>;
+    static empty<T>(idPropertyOrExtractor: string | null | IdExtractor<T>, localSort?: LocalDataSortFn<T>, localFilter?: LocalDataFilterFn<T>): LocalListDataSource<T>;
+    static from<T>(localData: T[], idPropertyOrExtractor: string | null | IdExtractor<T>, localSort?: LocalDataSortFn<T>, localFilter?: LocalDataFilterFn<T>): LocalListDataSource<T>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(localData: T[], localSort: (data: T[], sorts: Sort[]) => T[], localFilter: (data: T[], filters: Filter[]) => T[], idProperty: string | null);
+    constructor(localData: T[], localSort: LocalDataSortFn<T>, localFilter: LocalDataFilterFn<T>, idPropertyOrExtractor: string | null | IdExtractor<T>);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

package/lib/common/data/datasource/public_api.d.ts

@@ -7,3 +7,7 @@ export * from './local/local-list-data-source';
 export * from './local/local-paged-data-source';
 export * from './fetcher/delegate-data-source';
 export * from './data-source-change-event';
+export * from './entity-id-util';
+export * from './curated/curated-data-source';
+export * from './curated/curated-list-data-source';
+export * from './curated/curated-paged-data-source';

package/lib/common/forms/elder-multi-entity-value-accessor.d.ts

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import { EntitiesChangeEvent } from './entities-change-event';
 /**
  * Represents a control which is backed by entities (along  values).
  *
@@ -14,24 +15,7 @@ export interface IElderMultiEntityValueAccessor<TEntity, TId, TValue> {
      * Gets or sets the entity id
      */
     entityIds: TId[];
-    /**
-     * Emits when the entity id has changed.
-     */
-    readonly entityIdsChange: Observable<TId[]>;
-    /**
-     * Emits when the entity has changed.
-     */
-    readonly entitiesChange: Observable<TEntity[]>;
-    /**
-     * Similar to entity-id change, but emits only when the user
-     * has updated the value.
-     */
-    readonly entityIdsUpdated: Observable<TId[]>;
-    /**
-     * Similar to entity change, but emits only when the user
-     * has updated the value.
-     */
-    readonly entitiesUpdated: Observable<TEntity[]>;
+    readonly entitiesChangeEvent: Observable<EntitiesChangeEvent<TId, TEntity>>;
     /**
      * Update the control value by the given entity
      * and emit a value-updated event which simulates
@@ -46,7 +30,7 @@ export interface IElderMultiEntityValueAccessor<TEntity, TId, TValue> {
     entityToValue(entity: TEntity): TValue;
 }
 export declare class ElderMultiEntityValueAccessorUtil {
-    static entities$<TEntity>(vac: IElderMultiEntityValueAccessor<TEntity, any, any>): Observable<TEntity[]>;
-    static entityIds$<TId>(vac: IElderMultiEntityValueAccessor<any, TId, any>): Observable<TId[]>;
+    static entities$<TEntity>(multiAccessor: IElderMultiEntityValueAccessor<TEntity, any, any>): Observable<TEntity[]>;
+    static entityIds$<TId>(multiAccessor: IElderMultiEntityValueAccessor<any, TId, any>): Observable<TId[]>;
 }
 export declare function isElderMultiEntityValueAccessor(object: any): object is IElderMultiEntityValueAccessor<any, any, any>;

package/lib/common/forms/entities-change-event.d.ts

@@ -0,0 +1,19 @@
+export declare class EntitiesChangeEvent<TId, TEntity> {
+    readonly idSetBefore: Set<TId>;
+    readonly afterById: Map<TId, TEntity>;
+    readonly userInitiated: boolean;
+    readonly delta: EntityDelta<TId, TEntity>;
+    constructor(idSetBefore: Set<TId>, afterById: Map<TId, TEntity>, userInitiated: boolean);
+    get idsBefore(): TId[];
+    get idsAfter(): TId[];
+    get entitiesAfter(): TEntity[];
+}
+export declare class EntityDelta<TId, TEntity> {
+    readonly added: Map<TId, TEntity>;
+    readonly removed: Set<TId>;
+    static buildDelta<TId, TEntity>(idSetBefore: Set<TId>, afterById: Map<TId, TEntity>): EntityDelta<TId, TEntity>;
+    private constructor();
+    get addedIds(): TId[];
+    get removedIds(): TId[];
+    get addedEntities(): TEntity[];
+}

package/lib/common/forms/public_api.d.ts

@@ -1,6 +1,7 @@
 export * from './view-providers';
 export * from './elder-entity-value-accessor';
 export * from './elder-multi-entity-value-accessor';
+export * from './entities-change-event';
 export * from './template-composite-control';
 export * from './value-accessor-base';
 export * from './form-field-base.component';
@@ -9,3 +10,4 @@ export * from './multi-model-base.component';
 export * from './elder-from-field-base';
 export * from './elder-from-field-entity-base';
 export * from './elder-from-field-multi-entity-base';
+export * from './value-change-event';

package/lib/common/forms/value-accessor-base.d.ts

@@ -1,5 +1,6 @@
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
+import { ValueChangeEvent } from './value-change-event';
 import * as i0 from "@angular/core";
 /**
  * Manages the control value event handlers
@@ -13,23 +14,23 @@ export declare abstract class ValueAccessorBase<T> implements ControlValueAccess
     private readonly _value$;
     private _changed;
     private _touched;
-    private readonly _valueUpdateSub;
+    private readonly _valueChangeEvent;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    readonly valueChangeEvent: Observable<ValueChangeEvent<T>>;
     /**
      * Emits the updated value.
      * In contrast to the valueChange, this event is only
-     * fired when a control explicitly writes a value to the model.
+     * fired when a user action explicitly writes a value to the model.
      */
-    get valueUpdated(): Observable<T>;
+    readonly valueUpdated: Observable<T>;
     /**
-     * Get a value change event every time the value is changed,
-     * except the initial value which is skipped.
+     * Get a value change event every time the value is changed.
      */
-    get valueChange(): Observable<T>;
+    valueChange: Observable<T>;
     /**
      * Gets the current value as observable stream.
      */
@@ -93,6 +94,12 @@ export declare abstract class ValueAccessorBase<T> implements ControlValueAccess
     protected emitOnTouch(): void;
     protected emitOnChanged(value: T): void;
     protected abstract writeToControl(value: T): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private writeValueAndEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessorBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessorBase<any>, never, never, { "value": { "alias": "value"; "required": false; }; }, { "valueUpdated": "valueUpdated"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessorBase<any>, never, never, { "value": { "alias": "value"; "required": false; }; }, { "valueChangeEvent": "valueChangeEvent"; "valueUpdated": "valueUpdated"; "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/common/forms/value-change-event.d.ts

@@ -0,0 +1,6 @@
+export declare class ValueChangeEvent<T> {
+    readonly valueBefore: T | undefined;
+    readonly valueAfter: T | undefined;
+    readonly userInitiated: boolean;
+    constructor(valueBefore: T | undefined, valueAfter: T | undefined, userInitiated: boolean);
+}

package/lib/common/utils/local-data-filter.d.ts

@@ -2,16 +2,47 @@ import { Filter } from '../data/filters/filter';
 export interface GenericMatcherOptions {
     mode: 'start' | 'full' | 'anywhere';
     caseSensitive: boolean;
+    excludeSuffix?: string;
 }
-export declare class CustomMatcherSpec {
+export declare class TargetValue<TEntity> {
+    readonly entity: TEntity;
+    readonly resolvedValue: unknown;
+    constructor(entity: TEntity, resolvedValue: unknown);
+}
+/**
+ * Allows defining custom filter matchers.
+ *
+ * @example
+ *
+ * const customFilterMatchers = CustomMatcherSpec.start()
+ *   .customFilterWildcard((filter, target) => {
+ *     return target.resolvedValue.indexOf(filter.value) >= 0
+ *   })
+ *   .customFilter('name', (filter, target) => {
+ *     return target.resolvedValue.indexOf(filter.value) >= 0
+ })
+ */
+export declare class CustomMatcherSpec<TEntity> {
     private readonly customFilterMatchers;
-    static start(): CustomMatcherSpec;
-    customFilterWildcard(matcher: (filter: Filter, resolvedValue: any) => boolean): this;
-    customFilter(filterKey: string, matcher: (filter: Filter, resolvedValue: any) => boolean): this;
+    static start<TEntity>(): CustomMatcherSpec<TEntity>;
+    customFilterWildcard(matcher: (filter: Filter, target: TargetValue<TEntity>) => boolean): this;
+    customFilter(filterKey: string, matcher: (filter: Filter, target: TargetValue<TEntity>) => boolean): this;
     toMap(): Map<string, // Filter Key
-    (filter: Filter, resolvedValue: any) => boolean>;
+    (filter: Filter, target: TargetValue<TEntity>) => boolean>;
 }
-export declare class LocalDataFilter {
+/**
+ * Filters data based on a set of filters.
+ *
+ * @example
+ *
+ * const filter = new LocalDataFilter.generic({
+ *   mode: 'start',
+ *   caseSensitive: false
+ * })
+ *
+ * const filtered = filter.filterData(data, [])
+ */
+export declare class LocalDataFilter<TEntity> {
     private readonly genericOptions;
     private readonly customFilterMatchers;
     /***************************************************************************
@@ -19,8 +50,8 @@ export declare class LocalDataFilter {
      * Static Builder                                                          *
      *                                                                         *
      **************************************************************************/
-    static generic(options: GenericMatcherOptions): LocalDataFilter;
-    static custom(customMatcher: CustomMatcherSpec, options: GenericMatcherOptions): LocalDataFilter;
+    static generic<TEntity = any>(options: GenericMatcherOptions): LocalDataFilter<TEntity>;
+    static custom<TEntity>(customMatcher: CustomMatcherSpec<TEntity>, options: GenericMatcherOptions): LocalDataFilter<TEntity>;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -46,9 +77,11 @@ export declare class LocalDataFilter {
      *                                                                         *
      **************************************************************************/
     private matches;
-    private resolveValue;
-    private resolveObjectValue;
+    private resolveObjectPath;
+    private isExclude;
     private matchesResolvedValue;
     private matchesResolvedValueGeneric;
-    private matchesGeneric;
+    private matchesGenericInclude;
+    private matchesGenericExclude;
+    private matchesSingleValue;
 }

package/lib/common/utils/object-path-resolver.d.ts

@@ -0,0 +1,15 @@
+export declare class ObjectPathResolver {
+    private static readonly log;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    static resolveValue(entity: unknown, fieldPath: string): unknown;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private static resolveObjectValue;
+}

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

@@ -1,5 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, NgZone, OnInit, QueryList, Signal, TemplateRef, TrackByFunction } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
+import { AfterContentInit, AfterViewInit, NgZone, OnInit, QueryList, Signal, TemplateRef, TrackByFunction, ViewContainerRef } from '@angular/core';
 import { MatSort } from '@angular/material/sort';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
 import { SelectionModel } from '../../../../common/selection/selection-model';
@@ -12,12 +11,22 @@ 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";
+/**
+ * The table navigation bar, typically located below the table,
+ * containing the pagination control and other table controls.
+ * If omitted, the default template is used.
+ */
+export declare class ElderTableNavigationBarDirective {
+    templateRef: TemplateRef<any>;
+    viewContainer: ViewContainerRef;
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableNavigationBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTableNavigationBarDirective, "[elderTableNavigationBar]", never, {}, {}, never, never, true, never>;
+}
 export declare class ElderTableComponent<T = any> extends ElderDataViewBaseComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
     readonly tableModel: ElderTableModel;
     private readonly parentExtension;
-    private cdr;
     private zone;
     /***************************************************************************
      *                                                                         *
@@ -31,14 +40,12 @@ 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>;
     rowDefs: QueryList<CdkRowDef<any>>;
     /**
-     * ID of table component.
+     * ID of the table component.
      */
     readonly id: import("@angular/core").InputSignal<string>;
     /**
@@ -65,13 +72,15 @@ export declare class ElderTableComponent<T = any> extends ElderDataViewBaseCompo
      */
     hiddenField: string;
     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 showFooterRow: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly denseHorizontal: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly hideHeaderRow: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     /**
      * The table toolbar
      */
     toolbarRowTemplateQuery: QueryList<TemplateRef<any>>;
     readonly toolbarRowTemplates: import("@angular/core").WritableSignal<TemplateRef<any>[]>;
+    readonly navigationBar: Signal<TemplateRef<any>>;
     /**
      * Selection model life cycle
      */
@@ -92,7 +101,7 @@ export declare class ElderTableComponent<T = any> extends ElderDataViewBaseCompo
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<T>, dataViewOptionsProvider: ElderDataViewOptionsProvider, matSort: MatSort, parentExtension: ElderTableExtensionDirective, cdr: ChangeDetectorRef, zone: NgZone);
+    constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<T>, dataViewOptionsProvider: ElderDataViewOptionsProvider, matSort: MatSort, parentExtension: ElderTableExtensionDirective, zone: NgZone);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -133,6 +142,6 @@ 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", ["elderTable"], { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableComponent<any>, [null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent<any>, "elder-table", ["elderTable"], { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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; }; "showFooterRow": { "alias": "showFooterRow"; "required": false; "isSignal": true; }; "denseHorizontal": { "alias": "denseHorizontal"; "required": false; "isSignal": true; }; "hideHeaderRow": { "alias": "hideHeaderRow"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; }, {}, ["navigationBar", "columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, true, never>;
 }

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

@@ -0,0 +1,47 @@
+import { AfterViewInit, OnDestroy, Signal } from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { ElderContinuatorComponent, ElderTableComponent } from '../../public_api';
+import { PageRequest } from '../../../../common/data/public_api';
+import * as i0 from "@angular/core";
+export declare class TableNavigationComponent implements AfterViewInit, OnDestroy {
+    protected readonly elderTable: ElderTableComponent;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    protected readonly matPaginator: Signal<MatPaginator>;
+    private readonly matPaginator$;
+    protected readonly elderContinuator: Signal<ElderContinuatorComponent>;
+    private readonly elderContinuator$;
+    private readonly destroy$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(elderTable: ElderTableComponent);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get isContinuable(): boolean;
+    get isActivePaged(): boolean;
+    get total(): Signal<string>;
+    get viewData(): Signal<any[]>;
+    get canLoadMore(): Signal<boolean>;
+    get pageSizeOptions(): Signal<number[]>;
+    get currentChunkSize(): Signal<number>;
+    get currentPage(): Signal<PageRequest>;
+    loadMore(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableNavigationComponent, "elder-table-navigation", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/filter/elder-chip-filter-style-resolver.d.ts

@@ -14,6 +14,6 @@ export default class ElderChipFilterStyleResolver {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    resolveChipSpec(filterEntity: IncludeExcludeState): SelectChipSpec;
-    resolveAvatarIcon(filterEntity: IncludeExcludeState): string;
+    resolveChipSpec(filterEntity: IncludeExcludeState<any>): SelectChipSpec;
+    resolveAvatarIcon(filterEntity: IncludeExcludeState<any>): string;
 }

package/lib/components/select/filter/elder-chips-include-exclude.directive.d.ts

@@ -6,9 +6,9 @@ import * as i0 from "@angular/core";
  * Adds the ability to toggle select chips of a ElderMultiSelectChipsComponent by
  * binding it to a IncludeExcludeSelectionModel.
  */
-export declare class ElderChipsIncludeExcludeDirective<T = any> {
-    readonly elderMultiSelectChips: ElderMultiSelectChipsComponent;
-    readonly selectionModel: IncludeExcludeSelectionModel;
+export declare class ElderChipsIncludeExcludeDirective<T = any, TId = string> {
+    readonly elderMultiSelectChips: ElderMultiSelectChipsComponent<TId, T>;
+    readonly selectionModel: IncludeExcludeSelectionModel<TId>;
     readonly vcr: ViewContainerRef;
     private readonly destroyRef;
     /***************************************************************************
@@ -23,7 +23,7 @@ export declare class ElderChipsIncludeExcludeDirective<T = any> {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(elderMultiSelectChips: ElderMultiSelectChipsComponent, selectionModel: IncludeExcludeSelectionModel, vcr: ViewContainerRef, destroyRef: DestroyRef);
+    constructor(elderMultiSelectChips: ElderMultiSelectChipsComponent<TId, T>, selectionModel: IncludeExcludeSelectionModel<TId>, vcr: ViewContainerRef, destroyRef: DestroyRef);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -38,6 +38,7 @@ export declare class ElderChipsIncludeExcludeDirective<T = any> {
     private setupFilterChips;
     private createFilterChipTemplate;
     private setupElderMultiSelectChipsListeners;
+    private applyOptionChipsChangeEvent;
     private resolveChipSpec;
     private resolveAvatarIcon;
     private handleChipClick;
@@ -45,6 +46,6 @@ export declare class ElderChipsIncludeExcludeDirective<T = any> {
     private ensureChipsNoChanges;
     private findFilterEntityByEntity;
     private findFilterEntityById;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipsIncludeExcludeDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderChipsIncludeExcludeDirective<any>, "[elderChipsIncludeExclude]", ["elderChipsIncludeExclude"], { "cycleStrategy": { "alias": "cycleStrategy"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipsIncludeExcludeDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderChipsIncludeExcludeDirective<any, any>, "[elderChipsIncludeExclude]", ["elderChipsIncludeExclude"], { "cycleStrategy": { "alias": "cycleStrategy"; "required": false; }; }, {}, never, never, true, never>;
 }