@elderbyte/ngx-starter 21.0.0-beta.0 → 21.0.1

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -124,7 +124,6 @@ class TimeAgoPipe {
         this.changeDetectorRef = changeDetectorRef;
         this.ngZone = ngZone;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     transform(value) {
         this.removeTimer();
         if (!value) {
@@ -185,14 +184,12 @@ class TimeAgoPipe {
     ngOnDestroy() {
         this.removeTimer();
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     removeTimer() {
         if (this.timer) {
             window.clearTimeout(this.timer);
             this.timer = null;
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     getSecondsUntilUpdate(seconds) {
         const min = 60;
         const hr = min * 60;
@@ -288,7 +285,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
  */
 class TimeDurationPipe {
     constructor() { }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     transform(value = 0, unit = 's', precision = null) {
         if (isNaN(parseFloat(String(value))) || !isFinite(value)) {
             return '?';
@@ -384,7 +380,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 class ElderRepeatPipe {
     transform(value) {
         const iterable = {};
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         iterable[Symbol.iterator] = function* () {
             let n = 0;
             while (n < value) {
@@ -407,7 +402,6 @@ class ElderSafeUrlPipe {
     constructor(domSanitizer) {
         this.domSanitizer = domSanitizer;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     transform(url) {
         return this.domSanitizer.bypassSecurityTrustResourceUrl(url);
     }
@@ -1096,7 +1090,6 @@ class Interval {
     static ofDay(day, zoneId) {
         return Interval.betweenDays(day, day.plusDays(1), zoneId);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static betweenDays(startDayInclusive, endDayExclusive, zoneId) {
         return Interval.of(startDayInclusive.atStartOfDay(zoneId).toInstant(), endDayExclusive.atStartOfDay(zoneId).toInstant());
     }
@@ -1834,7 +1827,6 @@ class Arrays {
      * @param arrayB
      * @param equalsFn Optional Equality Operator. If omitted, reference equality is used.
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static equalContentAndOrder(arrayA, arrayB, equalsFn = (a, b) => a === b) {
         if (!arrayA?.length && !arrayB?.length) {
             return true;
@@ -1861,7 +1853,6 @@ class Sets {
      * @param as
      * @param bs
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static equals(as, bs) {
         if (as.size !== bs.size) {
             return false;
@@ -1879,7 +1870,6 @@ class Sets {
      * @param idsA
      * @param idsB
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static equalContent(idsA, idsB) {
         if (!idsA?.length && !idsB?.length) {
             return true;
@@ -1897,8 +1887,7 @@ class Sets {
      * Checks if the given set contains every given element
      */
     static containsEvery(set, elements) {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-        const predicateFn = (e) => set.has(e); // aot does not like lambdas
+        const predicateFn = (e) => set.has(e);
         return elements.every(predicateFn);
     }
 }
@@ -2701,7 +2690,6 @@ class Filter {
      * Checks if this filter supports multiple values.
      * @param filter
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static isMulti(filter) {
         return Array.isArray(filter.value);
     }
@@ -3269,14 +3257,12 @@ class FilterContext {
      * Replace all existing filters with the given new ones.
      * @param newFilters
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     replaceFilters(newFilters) {
         this._filters$.next(newFilters || []);
     }
     clear() {
         this.replaceFilters([]);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     mergeFilters(filters) {
         filters.forEach((filter) => this.mergeFilter(filter));
     }
@@ -3571,7 +3557,6 @@ class HttpParamsBuilder {
         }
         return this;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     appendArray(key, value) {
         if (value.length > 0) {
             value.forEach((v) => this.append(key, v));
@@ -3834,7 +3819,6 @@ class IndexedEntities {
      * Replaces all existing entities with the new ones.
      * The index is rebuilt. O(n)
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     replaceAll(newEntities = []) {
         if (this.localSortFn) {
             newEntities = this.localSortFn(newEntities, this.sortContext.sortsSnapshot);
@@ -3847,7 +3831,6 @@ class IndexedEntities {
      * Provided updated entities which are currently not in this index are ignored.
      * @param updated
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     updateSome(updated) {
         const newData = [...this.entitiesSnapshot];
         let anyUpdated = false;
@@ -3914,7 +3897,6 @@ class IndexedEntities {
     notify() {
         this._entities$.next(this._entities$.getValue());
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     destroy() {
         this._entities$.complete();
         this._idToArrayIndex.clear();
@@ -3928,7 +3910,6 @@ class IndexedEntities {
         this._idToArrayIndex.clear();
         this.reIndexFrom(entities, 0);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     reIndexFrom(entities, startIndex) {
         for (let i = startIndex; i < entities.length; i++) {
             const entity = entities[i];
@@ -4094,7 +4075,6 @@ class SortContext {
      * Replace all existing filters with the given new ones.
      * @param newSorts
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     replaceSorts(newSorts) {
         this._sorts.next(newSorts || []);
     }
@@ -4890,14 +4870,12 @@ class DataContextActivePage extends DataContextBase {
      * Set the current page index and reload.
      * @param pageIndex
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     setActiveIndex(pageIndex) {
         this.setActivePage(new PageRequest(pageIndex, this.pageSnapshot.size));
     }
     /**
      * Sets the current page index / size and reload.
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     setActivePage(request) {
         if (!request) {
             throw new Error(this.id + ': Setting page PageRequest must not be null!');
@@ -5313,7 +5291,6 @@ class DataContextAutoStarter extends DataContextLifeCycleBinding {
     buildRequiredFilterConditionObservable() {
         return new RequiredFilterEvaluator(this._dataContext.filter, this._autoStartSpec.requiredFilters).context$.pipe(map((event) => event.isValid));
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     startDataContext() {
         this.logger.debug(this._dataContext.id + ': Auto starting ...');
         this._dataContext.start(this._autoStartSpec.initialSort);
@@ -5421,6 +5398,7 @@ class DataContextSourceEventBinding extends DataContextLifeCycleBinding {
             this._dataContext.update(entities);
         }
     }
+    // TODO: check logic and add correct return type (should it coerce to boolean?).
     // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     isReloadDesirable(event) {
         return event.unknownChanges || event.created || event.deletedIds;
@@ -5897,7 +5875,6 @@ class DelegateDataSource {
      *                                                                         *
      **************************************************************************/
     static emptyListFetcher() {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         const empty = () => EMPTY; // AOT Ignore
         return DelegateDataSource.listFetcher(empty, 'id', empty, empty);
     }
@@ -5905,7 +5882,6 @@ class DelegateDataSource {
         return new DelegateListDataSource(listFetcher, idProperty, findByIdFn, findAllByIdFn);
     }
     static emptyPageFetcher() {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         const empty = () => EMPTY; // AOT Ignore
         return DelegateDataSource.pageFetcher(empty, 'id', empty);
     }
@@ -5913,7 +5889,6 @@ class DelegateDataSource {
         return new DelegatePagedDataSource(pageFetcher, idProperty, findByIdFn, findAllByIdFn);
     }
     static emptyContinuableFetcher() {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         const empty = () => EMPTY; // AOT Ignore
         return DelegateDataSource.continuableFetcher(empty, 'id', empty);
     }
@@ -7144,11 +7119,9 @@ class ValueAccessorBase {
         }
         this.writeValueInternal(value);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     registerOnChange(fn) {
         this._changed.push(fn);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     registerOnTouched(fn) {
         this._touched.push(fn);
     }
@@ -7699,7 +7672,6 @@ class ElderFromFieldBase {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     applyToControl(applyFn) {
         const ctrl = this.formFieldControl;
         if (ctrl) {
@@ -8397,12 +8369,10 @@ class ValueWrapper {
 function runInZone(zone) {
     return (source) => {
         return new Observable((observer) => {
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             const onNext = (value) => zone.run(() => observer.next(value));
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             const onError = (e) => zone.run(() => observer.error(e));
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             const onComplete = () => zone.run(() => observer.complete());
+            // TODO: replace deprecated rxjs
             return source.subscribe(onNext, onError, onComplete);
         });
     };
@@ -8839,7 +8809,6 @@ var DataTransferStatus;
  * Immutable.
  */
 class DataTransferProgress {
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static none(totalBytes) {
         return new DataTransferProgress(0, 0, 0, totalBytes, 0);
     }
@@ -9577,7 +9546,6 @@ class ElderEnumTranslationService {
             .get(translationPrefix + '.' + enumKey)
             .pipe(map((translatedValue) => new TranslatedEnumValue(enumKey, this.addPrefixIfNotNull(enumKey, translatedValue))));
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     addPrefixIfNotNull(enumKey, translatedValue) {
         return enumKey ? translatedValue : '';
     }
@@ -9779,7 +9747,6 @@ class RefreshingEntity {
         return new RefreshingEntity(dataSource, entity, refreshPredicate, interval);
     }
     static of(fallback) {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         const neverRefreshFn = (x) => false;
         return RefreshingEntity.refreshWhile(fallback, null, neverRefreshFn);
     }
@@ -10220,11 +10187,9 @@ class ReactiveMap {
         return this._map.getValue().has(key);
     }
     // ---
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get [Symbol.toStringTag]() {
         return this._map.getValue()[Symbol.toStringTag];
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get [Symbol.iterator]() {
         return this._map.getValue()[Symbol.iterator];
     }
@@ -10876,7 +10841,6 @@ class ElderLabelInputComponent extends FormFieldBaseComponent {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     labelSelected(event) {
         this.logger.debug('labelSelected:', event);
         const selection = event.option.value;
@@ -10898,12 +10862,10 @@ class ElderLabelInputComponent extends FormFieldBaseComponent {
             }
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     addLabels(labels) {
         const current = this.value ? this.value : [];
         this.replaceWith([...current, ...labels]);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     addLabel(label) {
         this.addLabels([label]);
     }
@@ -11537,7 +11499,6 @@ class ElderFileSelectInput {
         this.clearFileList();
         this._filesSelected.next(files);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     clearFileList() {
         // not nice but works
         this._fileInput.value = null;
@@ -12444,7 +12405,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: i1$6.MatSnackBar }] });
 
 class BlobContext {
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static textBlob(text, mimeType) {
         return new BlobContext(null, mimeType, text);
     }
@@ -14077,7 +14037,6 @@ class ActivationModel {
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     updateActiveItem(item, options) {
         if (item !== this.activeItem) {
             this._activeItem$.next(item);
@@ -14339,6 +14298,8 @@ class ElderDataViewBaseComponent {
          */
         this.cleanUp = input(true, { ...(ngDevMode ? { debugName: "cleanUp" } : {}), transform: booleanTransformFn });
         this.dense = input(false, { ...(ngDevMode ? { debugName: "dense" } : {}), transform: booleanTransformFn });
+        this.pageSizeOptions = input([30, 50, 100, 150, 250], { ...(ngDevMode ? { debugName: "pageSizeOptions" } : {}) });
+        // TODO: check logic and add correct return type.
         // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         this.EntityIdKeyFn = (entity) => (entity ? this.getId(entity) : 0);
         this.destroy$ = new Subject();
@@ -14505,13 +14466,13 @@ class ElderDataViewBaseComponent {
      */
     set embedded(value) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderDataViewBaseComponent, deps: [{ token: SelectionModel }, { token: ElderDataViewOptionsProvider }, { token: DataViewInteractionControllerDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: ElderDataViewBaseComponent, isStandalone: true, inputs: { interactionMode: { classPropertyName: "interactionMode", publicName: "interactionMode", isSignal: false, isRequired: false, transformFunction: null }, cleanUp: { classPropertyName: "cleanUp", publicName: "cleanUp", isSignal: true, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: true, isRequired: false, transformFunction: null }, selectableEvaluatorFn: { classPropertyName: "selectableEvaluatorFn", publicName: "selectableEvaluatorFn", isSignal: false, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: false, isRequired: false, transformFunction: null }, selectionMultiEnabled: { classPropertyName: "selectionMultiEnabled", publicName: "selectionMultiEnabled", isSignal: false, isRequired: false, transformFunction: null }, float: { classPropertyName: "float", publicName: "float", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: false, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectionSingleChange: "selectionSingleChange", selectionChange: "selectionChange", itemClick: "itemClick" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: ElderDataViewBaseComponent, isStandalone: true, inputs: { interactionMode: { classPropertyName: "interactionMode", publicName: "interactionMode", isSignal: false, isRequired: false, transformFunction: null }, cleanUp: { classPropertyName: "cleanUp", publicName: "cleanUp", isSignal: true, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, selectableEvaluatorFn: { classPropertyName: "selectableEvaluatorFn", publicName: "selectableEvaluatorFn", isSignal: false, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: false, isRequired: false, transformFunction: null }, selectionMultiEnabled: { classPropertyName: "selectionMultiEnabled", publicName: "selectionMultiEnabled", isSignal: false, isRequired: false, transformFunction: null }, float: { classPropertyName: "float", publicName: "float", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: false, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectionSingleChange: "selectionSingleChange", selectionChange: "selectionChange", itemClick: "itemClick" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderDataViewBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: SelectionModel }, { type: ElderDataViewOptionsProvider }, { type: DataViewInteractionControllerDirective }], propDecorators: { interactionMode: [{
                 type: Input
-            }], cleanUp: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleanUp", required: false }] }], dense: [{ type: i0.Input, args: [{ isSignal: true, alias: "dense", required: false }] }], selectionSingleChange: [{
+            }], cleanUp: [{ type: i0.Input, args: [{ isSignal: true, alias: "cleanUp", required: false }] }], dense: [{ type: i0.Input, args: [{ isSignal: true, alias: "dense", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], selectionSingleChange: [{
                 type: Output
             }], selectableEvaluatorFn: [{
                 type: Input
@@ -14797,7 +14758,6 @@ class ElderQuestionDialogComponent {
         this.data = data;
     }
     ngOnInit() { }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     confirm(event) {
         this.dialogRef.close(this.answer);
     }
@@ -16593,7 +16553,6 @@ class ElderDataViewItemDragDirective {
             cdkDrag.disabled = !canDrag;
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     bindData(cdkDrag, item) {
         if (cdkDrag) {
             cdkDrag.data = item;
@@ -16821,7 +16780,6 @@ class ElderTableRowDirective {
      * Host Bindings                                                           *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get activated() {
         return this._activated;
     }
@@ -17615,23 +17573,29 @@ class ElderTableDropListConnectorDirective {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(dndController, elderTable, cdkDropList) {
+    constructor(dndController, cdkDropList) {
         this.dndController = dndController;
-        this.elderTable = elderTable;
         this.cdkDropList = cdkDropList;
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
-        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.tableDropListConntectorId = input(undefined, { ...(ngDevMode ? { debugName: "tableDropListConntectorId" } : {}) });
         // we want drag and drop to be opt-in, so disable by default.
         this.disableDrag(cdkDropList);
-        cdkDropList.id = elderTable.id();
         if (this.dndController) {
             this.dndController.register(cdkDropList);
         }
     }
+    ngOnInit() {
+        // Explicitly set the ID for drag-drop connection.
+        // cdkDropList uses the HTML id as fallback if not provided.
+        const id = this.tableDropListConntectorId();
+        if (id) {
+            this.cdkDropList.id = id;
+        }
+    }
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *
@@ -17640,8 +17604,8 @@ class ElderTableDropListConnectorDirective {
     disableDrag(cdkDropList) {
         cdkDropList.disabled = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderTableDropListConnectorDirective, deps: [{ token: DataViewDndControllerService, optional: true }, { token: ElderTableComponent }, { token: i2$1.CdkDropList }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: ElderTableDropListConnectorDirective, isStandalone: true, selector: "[elderTableDropListConnector]", hostDirectives: [{ directive: i2$1.CdkDropList }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderTableDropListConnectorDirective, deps: [{ token: DataViewDndControllerService, optional: true }, { token: i2$1.CdkDropList }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: ElderTableDropListConnectorDirective, isStandalone: true, selector: "[elderTableDropListConnector]", inputs: { tableDropListConntectorId: { classPropertyName: "tableDropListConntectorId", publicName: "tableDropListConntectorId", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i2$1.CdkDropList }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderTableDropListConnectorDirective, decorators: [{
             type: Directive,
@@ -17651,7 +17615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                 }]
         }], ctorParameters: () => [{ type: DataViewDndControllerService, decorators: [{
                     type: Optional
-                }] }, { type: ElderTableComponent }, { type: i2$1.CdkDropList }] });
+                }] }, { type: i2$1.CdkDropList }], propDecorators: { tableDropListConntectorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableDropListConntectorId", required: false }] }] } });
 
 class ElderTableSelectionCellComponent {
     /***************************************************************************
@@ -17688,14 +17652,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
             args: [{ selector: 'elder-table-selection-cell', imports: [MatCheckbox], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-row place-start-center\">\n  <mat-checkbox\n    (click)=\"$event.stopPropagation()\"\n    (change)=\"onCheckboxChange($event)\"\n    [checked]=\"selected()\"\n    [disabled]=\"!selectable()\"\n  >\n  </mat-checkbox>\n</div>\n" }]
         }], ctorParameters: () => [{ type: DataViewInteractionControllerDirective }], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }] } });
 
-class TableNavigationComponent {
+class ElderDataNavigationComponent {
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(elderTable) {
-        this.elderTable = elderTable;
+    constructor() {
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
@@ -17706,6 +17669,14 @@ class TableNavigationComponent {
         this.elderContinuator = viewChild(ElderContinuatorComponent, { ...(ngDevMode ? { debugName: "elderContinuator" } : {}) });
         this.elderContinuator$ = toObservable(this.elderContinuator);
         this.destroy$ = new Subject();
+        // We don't inject ElderDataViewBaseComponent directly, to avoid circular dependencies.
+        const dataView = inject(ELDER_DATA_VIEW);
+        if (!(dataView instanceof ElderDataViewBaseComponent)) {
+            throw new Error(`${this.constructor.name} requires a parent component that extends ElderDataViewBaseComponent, ` +
+                `but got ${dataView?.constructor?.name}`);
+        }
+        // We type-check dataView at runtime above, to safely use it as ElderDataViewBaseComponent.
+        this.dataView = dataView;
     }
     /***************************************************************************
      *                                                                         *
@@ -17713,7 +17684,7 @@ class TableNavigationComponent {
      *                                                                         *
      **************************************************************************/
     ngAfterViewInit() {
-        MatTableDataContextBindingBuilder.start(this.elderTable.dataContext$)
+        MatTableDataContextBindingBuilder.start(this.dataView.dataContext$)
             .withPaginator(this.matPaginator$)
             .withContinuator(this.elderContinuator$)
             .bindUntil(this.destroy$);
@@ -17728,39 +17699,39 @@ class TableNavigationComponent {
      *                                                                         *
      **************************************************************************/
     get isContinuable() {
-        return this.elderTable.isContinuable;
+        return this.dataView.isContinuable;
     }
     get isActivePaged() {
-        return this.elderTable.isActivePaged;
+        return this.dataView.isActivePaged;
     }
     get total() {
-        return this.elderTable.total;
+        return this.dataView.total;
     }
     get viewData() {
-        return this.elderTable.viewData;
+        return this.dataView.viewData;
     }
     get canLoadMore() {
-        return this.elderTable.canLoadMore;
+        return this.dataView.canLoadMore;
     }
     get pageSizeOptions() {
-        return this.elderTable.pageSizeOptions;
+        return this.dataView.pageSizeOptions;
     }
     get currentChunkSize() {
-        return this.elderTable.currentChunkSize;
+        return this.dataView.currentChunkSize;
     }
     get currentPage() {
-        return this.elderTable.currentPage;
+        return this.dataView.currentPage;
     }
     loadMore() {
-        this.elderTable.dataContinuable.loadMore();
+        this.dataView.dataContinuable.loadMore();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TableNavigationComponent, deps: [{ token: ElderTableComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TableNavigationComponent, isStandalone: true, selector: "elder-table-navigation", viewQueries: [{ propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "elderContinuator", first: true, predicate: ElderContinuatorComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isContinuable) {\n  <elder-continuator\n    [loadedCount]=\"viewData()?.length\"\n    [total]=\"total()\"\n    [canLoadMore]=\"canLoadMore()\"\n    [chunkSizeOptions]=\"pageSizeOptions()\"\n    [chunkSize]=\"currentChunkSize()\"\n    (loadMoreRequested)=\"loadMore()\"\n  ></elder-continuator>\n} @else if (isActivePaged) {\n  @if (currentPage(); as page) {\n    <mat-paginator\n      class=\"flex-none\"\n      [length]=\"total()\"\n      [pageIndex]=\"page?.index\"\n      [pageSize]=\"page?.size\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n    >\n    </mat-paginator>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: ElderContinuatorComponent, selector: "elder-continuator", inputs: ["loadedCount", "total", "canLoadMore", "chunkSizeOptions", "chunkSize"], outputs: ["loadMoreRequested", "chunkSizeChange"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderDataNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderDataNavigationComponent, isStandalone: true, selector: "elder-data-navigation", viewQueries: [{ propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "elderContinuator", first: true, predicate: ElderContinuatorComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"elder-data-navigation-bar layout-row flex-none place-end-center gap-md\">\n  @if (isContinuable) {\n    <elder-continuator\n      [loadedCount]=\"viewData()?.length\"\n      [total]=\"total()\"\n      [canLoadMore]=\"canLoadMore()\"\n      [chunkSizeOptions]=\"pageSizeOptions()\"\n      [chunkSize]=\"currentChunkSize()\"\n      (loadMoreRequested)=\"loadMore()\"\n    ></elder-continuator>\n  } @else if (isActivePaged) {\n    @if (currentPage(); as page) {\n      <mat-paginator\n        class=\"flex-none\"\n        [length]=\"total()\"\n        [pageIndex]=\"page?.index\"\n        [pageSize]=\"page?.size\"\n        [pageSizeOptions]=\"pageSizeOptions()\"\n      >\n      </mat-paginator>\n    }\n  } @else {\n    <span class=\"mat-caption noselect pr-md\" style=\"color: var(--md-sys-color-outline)\">\n      {{ viewData()?.length }}\n    </span>\n  }\n</div>\n", styles: [".elder-data-navigation-bar{height:var(--elder-data-element-footer-height);overflow:hidden}\n"], dependencies: [{ kind: "component", type: ElderContinuatorComponent, selector: "elder-continuator", inputs: ["loadedCount", "total", "canLoadMore", "chunkSizeOptions", "chunkSize"], outputs: ["loadMoreRequested", "chunkSizeChange"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TableNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderDataNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-table-navigation', imports: [ElderContinuatorComponent, MatPaginator], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isContinuable) {\n  <elder-continuator\n    [loadedCount]=\"viewData()?.length\"\n    [total]=\"total()\"\n    [canLoadMore]=\"canLoadMore()\"\n    [chunkSizeOptions]=\"pageSizeOptions()\"\n    [chunkSize]=\"currentChunkSize()\"\n    (loadMoreRequested)=\"loadMore()\"\n  ></elder-continuator>\n} @else if (isActivePaged) {\n  @if (currentPage(); as page) {\n    <mat-paginator\n      class=\"flex-none\"\n      [length]=\"total()\"\n      [pageIndex]=\"page?.index\"\n      [pageSize]=\"page?.size\"\n      [pageSizeOptions]=\"pageSizeOptions()\"\n    >\n    </mat-paginator>\n  }\n}\n" }]
-        }], ctorParameters: () => [{ type: ElderTableComponent }], propDecorators: { matPaginator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatPaginator), { isSignal: true }] }], elderContinuator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ElderContinuatorComponent), { isSignal: true }] }] } });
+            args: [{ selector: 'elder-data-navigation', imports: [ElderContinuatorComponent, MatPaginator], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"elder-data-navigation-bar layout-row flex-none place-end-center gap-md\">\n  @if (isContinuable) {\n    <elder-continuator\n      [loadedCount]=\"viewData()?.length\"\n      [total]=\"total()\"\n      [canLoadMore]=\"canLoadMore()\"\n      [chunkSizeOptions]=\"pageSizeOptions()\"\n      [chunkSize]=\"currentChunkSize()\"\n      (loadMoreRequested)=\"loadMore()\"\n    ></elder-continuator>\n  } @else if (isActivePaged) {\n    @if (currentPage(); as page) {\n      <mat-paginator\n        class=\"flex-none\"\n        [length]=\"total()\"\n        [pageIndex]=\"page?.index\"\n        [pageSize]=\"page?.size\"\n        [pageSizeOptions]=\"pageSizeOptions()\"\n      >\n      </mat-paginator>\n    }\n  } @else {\n    <span class=\"mat-caption noselect pr-md\" style=\"color: var(--md-sys-color-outline)\">\n      {{ viewData()?.length }}\n    </span>\n  }\n</div>\n", styles: [".elder-data-navigation-bar{height:var(--elder-data-element-footer-height);overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { matPaginator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatPaginator), { isSignal: true }] }], elderContinuator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ElderContinuatorComponent), { isSignal: true }] }] } });
 
 /**
  * Allows to extend an ElderTable from a parent component.
@@ -17882,7 +17853,6 @@ class ElderTableComponent extends ElderDataViewBaseComponent {
          * Load next chunk after current is done
          */
         this.loadNextQueued = false;
-        this.pageSizeOptions = input([30, 50, 100, 150, 250], { ...(ngDevMode ? { debugName: "pageSizeOptions" } : {}) });
         /**
          * ID of the table component.
          */
@@ -18063,13 +18033,13 @@ class ElderTableComponent extends ElderDataViewBaseComponent {
         return rows.find((r) => this.getId(untracked(r.entity)) === this.getId(item));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderTableComponent, deps: [{ token: ElderTableModel }, { token: SelectionModel, optional: true }, { token: ElderDataViewOptionsProvider, optional: true, skipSelf: true }, { token: i2$2.MatSort, optional: true }, { token: ElderTableExtensionDirective, optional: true, skipSelf: true }, { token: i0.NgZone }, { token: DataViewInteractionControllerDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderTableComponent, isStandalone: true, selector: "elder-table", inputs: { pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, idField: { classPropertyName: "idField", publicName: "idField", isSignal: false, isRequired: false, transformFunction: null }, removingField: { classPropertyName: "removingField", publicName: "removingField", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, keepSelection: { classPropertyName: "keepSelection", publicName: "keepSelection", isSignal: true, isRequired: false, transformFunction: null }, showFooterRow: { classPropertyName: "showFooterRow", publicName: "showFooterRow", isSignal: true, isRequired: false, transformFunction: null }, denseHorizontal: { classPropertyName: "denseHorizontal", publicName: "denseHorizontal", isSignal: true, isRequired: false, transformFunction: null }, hideHeaderRow: { classPropertyName: "hideHeaderRow", publicName: "hideHeaderRow", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderTableComponent, isStandalone: true, selector: "elder-table", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, idField: { classPropertyName: "idField", publicName: "idField", isSignal: false, isRequired: false, transformFunction: null }, removingField: { classPropertyName: "removingField", publicName: "removingField", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, keepSelection: { classPropertyName: "keepSelection", publicName: "keepSelection", isSignal: true, isRequired: false, transformFunction: null }, showFooterRow: { classPropertyName: "showFooterRow", publicName: "showFooterRow", isSignal: true, isRequired: false, transformFunction: null }, denseHorizontal: { classPropertyName: "denseHorizontal", publicName: "denseHorizontal", isSignal: true, isRequired: false, transformFunction: null }, hideHeaderRow: { classPropertyName: "hideHeaderRow", publicName: "hideHeaderRow", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
             ElderTableProviders.ExistingOrNewTableModel,
             {
                 provide: ELDER_DATA_VIEW,
                 useExisting: forwardRef(() => ElderTableComponent),
             },
-        ], queries: [{ propertyName: "navigationBar", first: true, predicate: ElderTableNavigationBarDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "columnDefs", predicate: MatColumnDef }, { propertyName: "elderColumns", predicate: ElderTableColumnDirective }, { propertyName: "rowDefs", predicate: MatRowDef }, { propertyName: "toolbarRowTemplateQuery", predicate: ElderTableToolbarDirective, read: TemplateRef }], viewQueries: [{ propertyName: "matTable", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "rowsQuery", predicate: ElderTableRowDirective, descendants: true }], exportAs: ["elderTable"], usesInheritance: true, hostDirectives: [{ directive: DataViewInteractionControllerDirective }], ngImport: i0, template: "<div class=\"full\" style=\"overflow: hidden\">\n  <div class=\"layout-col elder-table full\" [class.elder-table-dense-horizontal]=\"denseHorizontal()\">\n    <!-- Toolbar Rows -->\n    @for (toolbarRowTemplate of toolbarRowTemplates(); track toolbarRowTemplate) {\n      <ng-template\n        *ngTemplateOutlet=\"toolbarRowTemplate; context: { $implicit: this }\"\n      ></ng-template>\n    }\n\n    <!-- Scrollable Table -->\n    <div\n      class=\"elder-table-inner layout-col {{\n        isDataValid(viewData()) ? 'flex' : ''\n      }} scrollable elder-table-scroll\"\n      elderInfiniteScroll\n      [eventThrottle]=\"150\"\n      [offsetFactor]=\"2\"\n      [ignoreScrollEvent]=\"!isContinuable || !canLoadMore()\"\n      (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        [id]=\"id()\"\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dc())\"\n        [elderDataContextSelection]=\"dc()\"\n        #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n        elderTableDropListConnector\n      >\n        <!-- selection Column -->\n        <ng-container matColumnDef=\"select\">\n          <th mat-header-cell *matHeaderCellDef>\n            <elder-selection-master-checkbox></elder-selection-master-checkbox>\n          </th>\n          <td mat-cell *matCellDef=\"let entity\">\n            <elder-table-selection-cell\n              [entity]=\"entity\"\n              class=\"elder-table-checkbox\"\n              [class.elder-table-checkbox-visible]=\"dataSelection.selectionState().anySelected\"\n            ></elder-table-selection-cell>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        @if (!hideHeaderRow()) {\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n        <tr\n          mat-row\n          class=\"elder-table-row\"\n          *matRowDef=\"let entity; columns: displayedColumnsInner()\"\n          [elderDataViewItemDrag]=\"entity\"\n          [elderTableRow]=\"entity\"\n          [highlightSelection]=\"interactionMode === 'selection'\"\n          [class.dense]=\"dense()\"\n          [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n          [class.elder-row-removing]=\"removingField && entity[removingField]\"\n          (click)=\"onItemClick(entity, $event)\"\n          (dblclick)=\"onItemDoubleClick(entity)\"\n        ></tr>\n        @if (showFooterRow()) {\n          <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n      </table>\n    </div>\n\n    @if (!isDataValid(viewData())) {\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    }\n\n    <mat-progress-bar\n      class=\"flex-none mt-auto\"\n      [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n      [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n    >\n    </mat-progress-bar>\n\n    <ng-template\n      *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #defaultNavigationBar>\n  <div class=\"layout-row flex-none place-end-center gap-md elder-table-navigation-bar\">\n    <elder-table-navigation></elder-table-navigation>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: ["elderTableRow", "highlightSelection"], exportAs: ["elderTableRow"] }, { kind: "directive", type: MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "component", type: MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: ElderDataViewItemDragDirective, selector: "[elderDataViewItemDrag]", inputs: ["elderDataViewItemDrag", "canDragItem"] }, { kind: "directive", type: ElderTableDropListConnectorDirective, selector: "[elderTableDropListConnector]" }, { kind: "component", type: ElderTableSelectionCellComponent, selector: "elder-table-selection-cell", inputs: ["entity"] }, { kind: "component", type: TableNavigationComponent, selector: "elder-table-navigation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "navigationBar", first: true, predicate: ElderTableNavigationBarDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "columnDefs", predicate: MatColumnDef }, { propertyName: "elderColumns", predicate: ElderTableColumnDirective }, { propertyName: "rowDefs", predicate: MatRowDef }, { propertyName: "toolbarRowTemplateQuery", predicate: ElderTableToolbarDirective, read: TemplateRef }], viewQueries: [{ propertyName: "matTable", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "rowsQuery", predicate: ElderTableRowDirective, descendants: true }], exportAs: ["elderTable"], usesInheritance: true, hostDirectives: [{ directive: DataViewInteractionControllerDirective }], ngImport: i0, template: "<div class=\"full\" style=\"overflow: hidden\">\n  <div class=\"layout-col elder-table full\" [class.elder-table-dense-horizontal]=\"denseHorizontal()\">\n    <!-- Toolbar Rows -->\n    @for (toolbarRowTemplate of toolbarRowTemplates(); track toolbarRowTemplate) {\n      <ng-template\n        *ngTemplateOutlet=\"toolbarRowTemplate; context: { $implicit: this }\"\n      ></ng-template>\n    }\n\n    <!-- Scrollable Table -->\n    <div\n      class=\"elder-table-inner layout-col {{\n        isDataValid(viewData()) ? 'flex' : ''\n      }} scrollable elder-table-scroll\"\n      elderInfiniteScroll\n      [eventThrottle]=\"150\"\n      [offsetFactor]=\"2\"\n      [ignoreScrollEvent]=\"!isContinuable || !canLoadMore()\"\n      (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        [id]=\"id()\"\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dc())\"\n        [elderDataContextSelection]=\"dc()\"\n        #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n        elderTableDropListConnector\n        [tableDropListConntectorId]=\"id()\"\n      >\n        <!-- selection Column -->\n        <ng-container matColumnDef=\"select\">\n          <th mat-header-cell *matHeaderCellDef>\n            <elder-selection-master-checkbox></elder-selection-master-checkbox>\n          </th>\n          <td mat-cell *matCellDef=\"let entity\">\n            <elder-table-selection-cell\n              [entity]=\"entity\"\n              class=\"elder-table-checkbox\"\n              [class.elder-table-checkbox-visible]=\"dataSelection.selectionState().anySelected\"\n            ></elder-table-selection-cell>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        @if (!hideHeaderRow()) {\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n        <tr\n          mat-row\n          class=\"elder-table-row\"\n          *matRowDef=\"let entity; columns: displayedColumnsInner()\"\n          [elderDataViewItemDrag]=\"entity\"\n          [elderTableRow]=\"entity\"\n          [highlightSelection]=\"interactionMode === 'selection'\"\n          [class.dense]=\"dense()\"\n          [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n          [class.elder-row-removing]=\"removingField && entity[removingField]\"\n          (click)=\"onItemClick(entity, $event)\"\n          (dblclick)=\"onItemDoubleClick(entity)\"\n        ></tr>\n        @if (showFooterRow()) {\n          <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n      </table>\n    </div>\n\n    @if (!isDataValid(viewData())) {\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    }\n\n    <mat-progress-bar\n      class=\"flex-none mt-auto\"\n      [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n      [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n    >\n    </mat-progress-bar>\n\n    <ng-template\n      *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #defaultNavigationBar>\n  <elder-data-navigation></elder-data-navigation>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: ["elderTableRow", "highlightSelection"], exportAs: ["elderTableRow"] }, { kind: "directive", type: MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "component", type: MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: ElderDataViewItemDragDirective, selector: "[elderDataViewItemDrag]", inputs: ["elderDataViewItemDrag", "canDragItem"] }, { kind: "directive", type: ElderTableDropListConnectorDirective, selector: "[elderTableDropListConnector]", inputs: ["tableDropListConntectorId"] }, { kind: "component", type: ElderTableSelectionCellComponent, selector: "elder-table-selection-cell", inputs: ["entity"] }, { kind: "component", type: ElderDataNavigationComponent, selector: "elder-data-navigation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderTableComponent, decorators: [{
             type: Component,
@@ -18104,8 +18074,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         ElderDataViewItemDragDirective,
                         ElderTableDropListConnectorDirective,
                         ElderTableSelectionCellComponent,
-                        TableNavigationComponent,
-                    ], template: "<div class=\"full\" style=\"overflow: hidden\">\n  <div class=\"layout-col elder-table full\" [class.elder-table-dense-horizontal]=\"denseHorizontal()\">\n    <!-- Toolbar Rows -->\n    @for (toolbarRowTemplate of toolbarRowTemplates(); track toolbarRowTemplate) {\n      <ng-template\n        *ngTemplateOutlet=\"toolbarRowTemplate; context: { $implicit: this }\"\n      ></ng-template>\n    }\n\n    <!-- Scrollable Table -->\n    <div\n      class=\"elder-table-inner layout-col {{\n        isDataValid(viewData()) ? 'flex' : ''\n      }} scrollable elder-table-scroll\"\n      elderInfiniteScroll\n      [eventThrottle]=\"150\"\n      [offsetFactor]=\"2\"\n      [ignoreScrollEvent]=\"!isContinuable || !canLoadMore()\"\n      (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        [id]=\"id()\"\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dc())\"\n        [elderDataContextSelection]=\"dc()\"\n        #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n        elderTableDropListConnector\n      >\n        <!-- selection Column -->\n        <ng-container matColumnDef=\"select\">\n          <th mat-header-cell *matHeaderCellDef>\n            <elder-selection-master-checkbox></elder-selection-master-checkbox>\n          </th>\n          <td mat-cell *matCellDef=\"let entity\">\n            <elder-table-selection-cell\n              [entity]=\"entity\"\n              class=\"elder-table-checkbox\"\n              [class.elder-table-checkbox-visible]=\"dataSelection.selectionState().anySelected\"\n            ></elder-table-selection-cell>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        @if (!hideHeaderRow()) {\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n        <tr\n          mat-row\n          class=\"elder-table-row\"\n          *matRowDef=\"let entity; columns: displayedColumnsInner()\"\n          [elderDataViewItemDrag]=\"entity\"\n          [elderTableRow]=\"entity\"\n          [highlightSelection]=\"interactionMode === 'selection'\"\n          [class.dense]=\"dense()\"\n          [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n          [class.elder-row-removing]=\"removingField && entity[removingField]\"\n          (click)=\"onItemClick(entity, $event)\"\n          (dblclick)=\"onItemDoubleClick(entity)\"\n        ></tr>\n        @if (showFooterRow()) {\n          <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n      </table>\n    </div>\n\n    @if (!isDataValid(viewData())) {\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    }\n\n    <mat-progress-bar\n      class=\"flex-none mt-auto\"\n      [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n      [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n    >\n    </mat-progress-bar>\n\n    <ng-template\n      *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #defaultNavigationBar>\n  <div class=\"layout-row flex-none place-end-center gap-md elder-table-navigation-bar\">\n    <elder-table-navigation></elder-table-navigation>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}\n"] }]
+                        ElderDataNavigationComponent,
+                    ], template: "<div class=\"full\" style=\"overflow: hidden\">\n  <div class=\"layout-col elder-table full\" [class.elder-table-dense-horizontal]=\"denseHorizontal()\">\n    <!-- Toolbar Rows -->\n    @for (toolbarRowTemplate of toolbarRowTemplates(); track toolbarRowTemplate) {\n      <ng-template\n        *ngTemplateOutlet=\"toolbarRowTemplate; context: { $implicit: this }\"\n      ></ng-template>\n    }\n\n    <!-- Scrollable Table -->\n    <div\n      class=\"elder-table-inner layout-col {{\n        isDataValid(viewData()) ? 'flex' : ''\n      }} scrollable elder-table-scroll\"\n      elderInfiniteScroll\n      [eventThrottle]=\"150\"\n      [offsetFactor]=\"2\"\n      [ignoreScrollEvent]=\"!isContinuable || !canLoadMore()\"\n      (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        [id]=\"id()\"\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dc())\"\n        [elderDataContextSelection]=\"dc()\"\n        #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n        elderTableDropListConnector\n        [tableDropListConntectorId]=\"id()\"\n      >\n        <!-- selection Column -->\n        <ng-container matColumnDef=\"select\">\n          <th mat-header-cell *matHeaderCellDef>\n            <elder-selection-master-checkbox></elder-selection-master-checkbox>\n          </th>\n          <td mat-cell *matCellDef=\"let entity\">\n            <elder-table-selection-cell\n              [entity]=\"entity\"\n              class=\"elder-table-checkbox\"\n              [class.elder-table-checkbox-visible]=\"dataSelection.selectionState().anySelected\"\n            ></elder-table-selection-cell>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        @if (!hideHeaderRow()) {\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n        <tr\n          mat-row\n          class=\"elder-table-row\"\n          *matRowDef=\"let entity; columns: displayedColumnsInner()\"\n          [elderDataViewItemDrag]=\"entity\"\n          [elderTableRow]=\"entity\"\n          [highlightSelection]=\"interactionMode === 'selection'\"\n          [class.dense]=\"dense()\"\n          [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n          [class.elder-row-removing]=\"removingField && entity[removingField]\"\n          (click)=\"onItemClick(entity, $event)\"\n          (dblclick)=\"onItemDoubleClick(entity)\"\n        ></tr>\n        @if (showFooterRow()) {\n          <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner(); sticky: true\"></tr>\n        }\n      </table>\n    </div>\n\n    @if (!isDataValid(viewData())) {\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    }\n\n    <mat-progress-bar\n      class=\"flex-none mt-auto\"\n      [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n      [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n    >\n    </mat-progress-bar>\n\n    <ng-template\n      *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #defaultNavigationBar>\n  <elder-data-navigation></elder-data-navigation>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}\n"] }]
         }], ctorParameters: () => [{ type: ElderTableModel }, { type: SelectionModel, decorators: [{
                     type: Optional
                 }] }, { type: ElderDataViewOptionsProvider, decorators: [{
@@ -18121,7 +18091,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                 }] }, { type: i0.NgZone }, { type: DataViewInteractionControllerDirective }], propDecorators: { matTable: [{
                 type: ViewChild,
                 args: [MatTable, { static: true }]
-            }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], columnDefs: [{
+            }], columnDefs: [{
                 type: ContentChildren,
                 args: [MatColumnDef]
             }], elderColumns: [{
@@ -18696,7 +18666,6 @@ class ElderClipboardService {
         const range = document.createRange();
         range.selectNodeContents(document.body);
         document.getSelection().addRange(range);
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         const listener = (e) => {
             const clipboard = e.clipboardData || window['clipboardData'];
             clipboard.setData('text', payload);
@@ -20563,7 +20532,7 @@ class ElderTileComponent {
             });
         }
         else {
-            this.logger.warn('Skipped focusing tile since focus is already inside it!');
+            this.logger.debug('Skipped focusing tile since focus is already inside it!');
         }
     }
     onSelectButtonClick(event) {
@@ -20758,6 +20727,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                     selector: '[elderGridToolbar]',
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
+/**
+ * This directive projects content into a navigation bar, typically located at the grid's bottom.
+ * An empty template will result in no navigation bar being displayed.
+ */
+class ElderGridNavigationBarDirective {
+    constructor(templateRef, viewContainer) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderGridNavigationBarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: ElderGridNavigationBarDirective, isStandalone: true, selector: "[elderGridNavigationBar]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderGridNavigationBarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elderGridNavigationBar]',
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
 class ElderGridComponent extends ElderDataViewBaseComponent {
     set availableSorts(availableSorts) {
         this.availableCompositeSorts = CompositeSort.coerce(availableSorts);
@@ -20783,7 +20770,6 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
         this.scrollContainerId = 'documents-container-' + UuidUtil.weakUuid4();
         this.TrackGridRowByIdFn = (index, row) => row.id;
         this.toolbarVisible = input(true, { ...(ngDevMode ? { debugName: "toolbarVisible" } : {}), transform: booleanTransformFn });
-        this.footerVisible = input(true, { ...(ngDevMode ? { debugName: "footerVisible" } : {}), transform: booleanTransformFn });
         this.containerDimensions$ = new BehaviorSubject(null);
         this.itemHeight = input(250, { ...(ngDevMode ? { debugName: "itemHeight" } : {}) });
         this.itemWidth = input(300, { ...(ngDevMode ? { debugName: "itemWidth" } : {}) });
@@ -20795,7 +20781,7 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
         this.sortTranslationPrefix = 'documents.sorts.';
         this.hiddenField = null;
         this.selectionVisible = true;
-        this.pageSizeOptions = input([30, 50, 100, 150, 250], { ...(ngDevMode ? { debugName: "pageSizeOptions" } : {}) });
+        this.navigationBar = contentChild(ElderGridNavigationBarDirective, { ...(ngDevMode ? { debugName: "navigationBar" } : {}), read: TemplateRef });
         this.rowLayoutBuilder = new GridRowLayoutBuilder(this);
         const responsiveColumn$ = this.responsiveColumn().pipe(share());
         this.activeColumnCount$ = toObservable(this.responsiveColumnCount).pipe(switchMap$1((responsive) => {
@@ -20893,7 +20879,6 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
      * Private Methods                                                         *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     scrollTop() {
         this.virtualScrollViewPort.scrollToIndex(0, 'smooth');
     }
@@ -20908,12 +20893,12 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
         return tiles.find((tile) => this.getId(untracked(tile.value)) === this.getId(item));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderGridComponent, deps: [{ token: SelectionModel, optional: true }, { token: ElderDataViewOptionsProvider, optional: true, skipSelf: true }, { token: DataViewInteractionControllerDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderGridComponent, isStandalone: true, selector: "elder-grid", inputs: { toolbarVisible: { classPropertyName: "toolbarVisible", publicName: "toolbarVisible", isSignal: true, isRequired: false, transformFunction: null }, footerVisible: { classPropertyName: "footerVisible", publicName: "footerVisible", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, itemWidth: { classPropertyName: "itemWidth", publicName: "itemWidth", isSignal: true, isRequired: false, transformFunction: null }, tileOutlined: { classPropertyName: "tileOutlined", publicName: "tileOutlined", isSignal: true, isRequired: false, transformFunction: null }, responsiveColumnCount: { classPropertyName: "responsiveColumnCount", publicName: "responsiveColumnCount", isSignal: true, isRequired: false, transformFunction: null }, availableSorts: { classPropertyName: "availableSorts", publicName: "availableSorts", isSignal: false, isRequired: false, transformFunction: null }, sortTranslationPrefix: { classPropertyName: "sortTranslationPrefix", publicName: "sortTranslationPrefix", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, tileTemplate: { classPropertyName: "tileTemplate", publicName: "tileTemplate", isSignal: false, isRequired: false, transformFunction: null }, toolbarTemplate: { classPropertyName: "toolbarTemplate", publicName: "toolbarTemplate", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columnCount: { classPropertyName: "columnCount", publicName: "columnCount", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderGridComponent, isStandalone: true, selector: "elder-grid", inputs: { toolbarVisible: { classPropertyName: "toolbarVisible", publicName: "toolbarVisible", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, itemWidth: { classPropertyName: "itemWidth", publicName: "itemWidth", isSignal: true, isRequired: false, transformFunction: null }, tileOutlined: { classPropertyName: "tileOutlined", publicName: "tileOutlined", isSignal: true, isRequired: false, transformFunction: null }, responsiveColumnCount: { classPropertyName: "responsiveColumnCount", publicName: "responsiveColumnCount", isSignal: true, isRequired: false, transformFunction: null }, availableSorts: { classPropertyName: "availableSorts", publicName: "availableSorts", isSignal: false, isRequired: false, transformFunction: null }, sortTranslationPrefix: { classPropertyName: "sortTranslationPrefix", publicName: "sortTranslationPrefix", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null }, tileTemplate: { classPropertyName: "tileTemplate", publicName: "tileTemplate", isSignal: false, isRequired: false, transformFunction: null }, toolbarTemplate: { classPropertyName: "toolbarTemplate", publicName: "toolbarTemplate", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columnCount: { classPropertyName: "columnCount", publicName: "columnCount", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ELDER_DATA_VIEW,
                 useExisting: forwardRef(() => ElderGridComponent),
             },
-        ], queries: [{ propertyName: "tileTemplateQuery", first: true, predicate: ElderGridTileDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "toolbarTemplateQuery", first: true, predicate: ElderGridToolbarDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "tiles", predicate: ElderTileComponent, descendants: true, isSignal: true }, { propertyName: "virtualScrollViewPort", first: true, predicate: ["virtualScrollViewPort"], descendants: true, static: true }, { propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "elderContinuator", first: true, predicate: ElderContinuatorComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: DataViewInteractionControllerDirective }], ngImport: i0, template: "<div class=\"full elder-grid-component\">\n  @if (dc(); as dc) {\n    <!-- Grid Browser -->\n    <div\n      class=\"layout-col full elder-grid-container\"\n      [elderDataContextSelection]=\"dc\"\n      #dataSelection=\"elderDataContextSelection\"\n      [elderDataContextSelectionModel]=\"selectionModel\"\n    >\n      <!-- Toolbar Row -->\n      @if (toolbarVisible()) {\n        <div class=\"layout-row place-start-center flex-none elder-grid-toolbar\">\n          @if (selectionVisible) {\n            <div class=\"layout-col flex-none px-sm\">\n              <elder-selection-master-checkbox class=\"flex-none\"></elder-selection-master-checkbox>\n            </div>\n          }\n\n          <!-- Toolbar -->\n          @if (toolbarTemplate) {\n            <ng-template\n              *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: this }\"\n            ></ng-template>\n          }\n\n          @if (availableCompositeSorts && availableCompositeSorts.length > 0) {\n            <elder-composite-sort\n              class=\"flex-none\"\n              [availableSorts]=\"availableCompositeSorts\"\n              [translationPrefix]=\"sortTranslationPrefix\"\n              [elderCompositeSortDc]=\"dc\"\n            >\n            </elder-composite-sort>\n          }\n        </div>\n\n        <mat-divider></mat-divider>\n      }\n\n      <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dc\">\n      </elder-data-context-state-indicator>\n\n      <!-- [cdkDropListSortingDisabled]=\"true\" -->\n      <!-- cdkDropList -->\n      <cdk-virtual-scroll-viewport\n        class=\"layout-col flex elder-grid-browser\"\n        id=\"{{ scrollContainerId }}\"\n        [itemSize]=\"itemHeight()\"\n        [minBufferPx]=\"itemHeight() * 2\"\n        [maxBufferPx]=\"itemHeight() * 3\"\n        #virtualScrollViewPort\n        elderInfiniteScroll\n        [eventThrottle]=\"200\"\n        [offsetFactor]=\"2\"\n        [ignoreScrollEvent]=\"dcStatus()?.loading\"\n        [containerId]=\"scrollContainerId\"\n        [listenToHost]=\"false\"\n        (closeToEnd)=\"requestMoreDataZoned($event)\"\n        (elderResizeObserver)=\"containerDimensions$.next($event)\"\n      >\n        <!-- (scrolling)=\"onScrolling($event)\" -->\n\n        <div\n          *cdkVirtualFor=\"\n            let gridRow of dataRows$;\n            trackBy: TrackGridRowByIdFn;\n            templateCacheSize: 50\n          \"\n          class=\"elder-grid-tile-row\"\n          [style.height]=\"itemHeight() + 'px'\"\n          [style.--elder-grid-column-count]=\"activeColumnCount()\"\n        >\n          @for (tile of gridRow.cells; track trackCellId($index, tile)) {\n            <!-- Tile Cell -->\n            @if (isTileVisible(tile)) {\n              <elder-tile\n                class=\"elder-grid-tile\"\n                [value]=\"tile\"\n                [selectionEnabled]=\"selectionVisible\"\n                [outlined]=\"tileOutlined()\"\n                (click)=\"onItemClick(tile, $event)\"\n                (dblclick)=\"onItemDoubleClick(tile)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tileTemplate || simpleTileTemplate;\n                    context: { $implicit: tile }\n                  \"\n                ></ng-container>\n              </elder-tile>\n            } @else {\n              <div class=\"elder-grid-tile-hidden\"></div>\n            }\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n\n      <mat-progress-bar\n        class=\"flex-none\"\n        [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n        [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n      >\n      </mat-progress-bar>\n\n      <!-- Footer -->\n      @if (footerVisible()) {\n        <div class=\"layout-row place-end-center gap-md flex-none elder-grid-footer\">\n          <!-- Continuable -->\n          @if (isContinuable) {\n            <elder-continuator\n              [loadedCount]=\"viewData()?.length\"\n              [total]=\"total()\"\n              [canLoadMore]=\"canLoadMore()\"\n              [chunkSizeOptions]=\"pageSizeOptions()\"\n              [chunkSize]=\"currentChunkSize()\"\n              (loadMoreRequested)=\"dataSnapshot.loadMore()\"\n            ></elder-continuator>\n          } @else if (isActivePaged) {\n            @if (currentPage(); as page) {\n              <mat-paginator\n                class=\"flex-none\"\n                [length]=\"total()\"\n                [pageIndex]=\"page?.index\"\n                [pageSize]=\"page?.size\"\n                [pageSizeOptions]=\"pageSizeOptions()\"\n              >\n              </mat-paginator>\n            }\n          } @else {\n            <span class=\"mat-caption noselect pr-md\" style=\"color: var(--md-sys-color-outline)\">\n              {{ viewData()?.length }}\n            </span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #simpleTileTemplate let-tile>\n  @if (tile) {\n    <div class=\"layout-col place-center-center flex\" style=\"background-color: lightblue\">\n      <p class=\"noselect\">Tile: {{ tile }}</p>\n    </div>\n  }\n</ng-template>\n", styles: [":root{--elder-grid-tile-gap: 16px}.elder-grid-tile{width:100%;height:100%;cursor:pointer;overflow:hidden}.elder-grid-tile-row{display:grid;align-items:start;justify-items:start;overflow:hidden;--elder-grid-column-count: 1;padding:calc(var(--elder-grid-tile-gap) / 2) var(--elder-grid-tile-gap);grid-template-columns:repeat(var(--elder-grid-column-count),minmax(0,1fr))}.elder-grid-tile-row:first-child{padding-top:var(--elder-grid-tile-gap)}.elder-grid-tile-row{column-gap:var(--elder-grid-tile-gap)}.elder-grid-tile-hidden{flex:0 1 100%;margin:calc(var(--elder-grid-tile-gap) / 2);width:100%;height:100%}.elder-grid-container{background-color:var(--elder-grid-background-color)}.elder-grid-flat{border:var(--elder-border-light)}.elder-grid-toolbar{min-height:44px}.elder-grid-footer{min-height:var(--elder-data-element-footer-height)}\n"], dependencies: [{ kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: ElderCompositeSortComponent, selector: "elder-composite-sort", inputs: ["availableSorts", "sorts", "translationPrefix"], outputs: ["sortsChange"] }, { kind: "directive", type: ElderCompositeSortDcDirective, selector: "[elderCompositeSortDc]", inputs: ["elderCompositeSortDc"] }, { kind: "component", type: ElderTileComponent, selector: "elder-tile", inputs: ["value", "selectionEnabled", "interactionMode", "outlined"] }, { kind: "component", type: ElderContinuatorComponent, selector: "elder-continuator", inputs: ["loadedCount", "total", "canLoadMore", "chunkSizeOptions", "chunkSize"], outputs: ["loadMoreRequested", "chunkSizeChange"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[elderResizeObserver]", inputs: ["enabled"], outputs: ["dimensionChange", "elderResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "navigationBar", first: true, predicate: ElderGridNavigationBarDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "tileTemplateQuery", first: true, predicate: ElderGridTileDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "toolbarTemplateQuery", first: true, predicate: ElderGridToolbarDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "tiles", predicate: ElderTileComponent, descendants: true, isSignal: true }, { propertyName: "virtualScrollViewPort", first: true, predicate: ["virtualScrollViewPort"], descendants: true, static: true }, { propertyName: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "elderContinuator", first: true, predicate: ElderContinuatorComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: DataViewInteractionControllerDirective }], ngImport: i0, template: "<div class=\"full elder-grid-component\">\n  @if (dc(); as dc) {\n    <!-- Grid Browser -->\n    <div\n      class=\"layout-col full elder-grid-container\"\n      [elderDataContextSelection]=\"dc\"\n      #dataSelection=\"elderDataContextSelection\"\n      [elderDataContextSelectionModel]=\"selectionModel\"\n    >\n      <!-- Toolbar Row -->\n      @if (toolbarVisible()) {\n        <div class=\"layout-row place-start-center flex-none elder-grid-toolbar\">\n          @if (selectionVisible) {\n            <div class=\"layout-col flex-none px-sm\">\n              <elder-selection-master-checkbox class=\"flex-none\"></elder-selection-master-checkbox>\n            </div>\n          }\n\n          <!-- Toolbar -->\n          @if (toolbarTemplate) {\n            <ng-template\n              *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: this }\"\n            ></ng-template>\n          }\n\n          @if (availableCompositeSorts && availableCompositeSorts.length > 0) {\n            <elder-composite-sort\n              class=\"flex-none\"\n              [availableSorts]=\"availableCompositeSorts\"\n              [translationPrefix]=\"sortTranslationPrefix\"\n              [elderCompositeSortDc]=\"dc\"\n            >\n            </elder-composite-sort>\n          }\n        </div>\n\n        <mat-divider></mat-divider>\n      }\n\n      <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dc\">\n      </elder-data-context-state-indicator>\n\n      <!-- [cdkDropListSortingDisabled]=\"true\" -->\n      <!-- cdkDropList -->\n      <cdk-virtual-scroll-viewport\n        class=\"layout-col flex elder-grid-browser\"\n        id=\"{{ scrollContainerId }}\"\n        [itemSize]=\"itemHeight()\"\n        [minBufferPx]=\"itemHeight() * 2\"\n        [maxBufferPx]=\"itemHeight() * 3\"\n        #virtualScrollViewPort\n        elderInfiniteScroll\n        [eventThrottle]=\"200\"\n        [offsetFactor]=\"2\"\n        [ignoreScrollEvent]=\"dcStatus()?.loading\"\n        [containerId]=\"scrollContainerId\"\n        [listenToHost]=\"false\"\n        (closeToEnd)=\"requestMoreDataZoned($event)\"\n        (elderResizeObserver)=\"containerDimensions$.next($event)\"\n      >\n        <!-- (scrolling)=\"onScrolling($event)\" -->\n\n        <div\n          *cdkVirtualFor=\"\n            let gridRow of dataRows$;\n            trackBy: TrackGridRowByIdFn;\n            templateCacheSize: 50\n          \"\n          class=\"elder-grid-tile-row\"\n          [style.height]=\"itemHeight() + 'px'\"\n          [style.--elder-grid-column-count]=\"activeColumnCount()\"\n        >\n          @for (tile of gridRow.cells; track trackCellId($index, tile)) {\n            <!-- Tile Cell -->\n            @if (isTileVisible(tile)) {\n              <elder-tile\n                class=\"elder-grid-tile\"\n                [value]=\"tile\"\n                [selectionEnabled]=\"selectionVisible\"\n                [outlined]=\"tileOutlined()\"\n                (click)=\"onItemClick(tile, $event)\"\n                (dblclick)=\"onItemDoubleClick(tile)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tileTemplate || simpleTileTemplate;\n                    context: { $implicit: tile }\n                  \"\n                ></ng-container>\n              </elder-tile>\n            } @else {\n              <div class=\"elder-grid-tile-hidden\"></div>\n            }\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n\n      <mat-progress-bar\n        class=\"flex-none\"\n        [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n        [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n      >\n      </mat-progress-bar>\n\n      <!-- Footer -->\n      <ng-template\n        *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n      ></ng-template>\n    </div>\n  }\n</div>\n\n<ng-template #simpleTileTemplate let-tile>\n  @if (tile) {\n    <div class=\"layout-col place-center-center flex\" style=\"background-color: lightblue\">\n      <p class=\"noselect\">Tile: {{ tile }}</p>\n    </div>\n  }\n</ng-template>\n\n<ng-template #defaultNavigationBar>\n  <elder-data-navigation></elder-data-navigation>\n</ng-template>\n", styles: [":root{--elder-grid-tile-gap: 16px}.elder-grid-tile{width:100%;height:100%;cursor:pointer;overflow:hidden}.elder-grid-tile-row{display:grid;align-items:start;justify-items:start;overflow:hidden;--elder-grid-column-count: 1;padding:calc(var(--elder-grid-tile-gap) / 2) var(--elder-grid-tile-gap);grid-template-columns:repeat(var(--elder-grid-column-count),minmax(0,1fr))}.elder-grid-tile-row:first-child{padding-top:var(--elder-grid-tile-gap)}.elder-grid-tile-row{column-gap:var(--elder-grid-tile-gap)}.elder-grid-tile-hidden{flex:0 1 100%;margin:calc(var(--elder-grid-tile-gap) / 2);width:100%;height:100%}.elder-grid-container{background-color:var(--elder-grid-background-color)}.elder-grid-flat{border:var(--elder-border-light)}.elder-grid-toolbar{min-height:44px}.elder-grid-footer{min-height:var(--elder-data-element-footer-height)}\n"], dependencies: [{ kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ElderCompositeSortComponent, selector: "elder-composite-sort", inputs: ["availableSorts", "sorts", "translationPrefix"], outputs: ["sortsChange"] }, { kind: "directive", type: ElderCompositeSortDcDirective, selector: "[elderCompositeSortDc]", inputs: ["elderCompositeSortDc"] }, { kind: "component", type: ElderTileComponent, selector: "elder-tile", inputs: ["value", "selectionEnabled", "interactionMode", "outlined"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[elderResizeObserver]", inputs: ["enabled"], outputs: ["dimensionChange", "elderResizeObserver"] }, { kind: "component", type: ElderDataNavigationComponent, selector: "elder-data-navigation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderGridComponent, decorators: [{
             type: Component,
@@ -20939,7 +20924,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         ElderTileComponent,
                         ElderContinuatorComponent,
                         ResizeObserverDirective,
-                    ], template: "<div class=\"full elder-grid-component\">\n  @if (dc(); as dc) {\n    <!-- Grid Browser -->\n    <div\n      class=\"layout-col full elder-grid-container\"\n      [elderDataContextSelection]=\"dc\"\n      #dataSelection=\"elderDataContextSelection\"\n      [elderDataContextSelectionModel]=\"selectionModel\"\n    >\n      <!-- Toolbar Row -->\n      @if (toolbarVisible()) {\n        <div class=\"layout-row place-start-center flex-none elder-grid-toolbar\">\n          @if (selectionVisible) {\n            <div class=\"layout-col flex-none px-sm\">\n              <elder-selection-master-checkbox class=\"flex-none\"></elder-selection-master-checkbox>\n            </div>\n          }\n\n          <!-- Toolbar -->\n          @if (toolbarTemplate) {\n            <ng-template\n              *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: this }\"\n            ></ng-template>\n          }\n\n          @if (availableCompositeSorts && availableCompositeSorts.length > 0) {\n            <elder-composite-sort\n              class=\"flex-none\"\n              [availableSorts]=\"availableCompositeSorts\"\n              [translationPrefix]=\"sortTranslationPrefix\"\n              [elderCompositeSortDc]=\"dc\"\n            >\n            </elder-composite-sort>\n          }\n        </div>\n\n        <mat-divider></mat-divider>\n      }\n\n      <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dc\">\n      </elder-data-context-state-indicator>\n\n      <!-- [cdkDropListSortingDisabled]=\"true\" -->\n      <!-- cdkDropList -->\n      <cdk-virtual-scroll-viewport\n        class=\"layout-col flex elder-grid-browser\"\n        id=\"{{ scrollContainerId }}\"\n        [itemSize]=\"itemHeight()\"\n        [minBufferPx]=\"itemHeight() * 2\"\n        [maxBufferPx]=\"itemHeight() * 3\"\n        #virtualScrollViewPort\n        elderInfiniteScroll\n        [eventThrottle]=\"200\"\n        [offsetFactor]=\"2\"\n        [ignoreScrollEvent]=\"dcStatus()?.loading\"\n        [containerId]=\"scrollContainerId\"\n        [listenToHost]=\"false\"\n        (closeToEnd)=\"requestMoreDataZoned($event)\"\n        (elderResizeObserver)=\"containerDimensions$.next($event)\"\n      >\n        <!-- (scrolling)=\"onScrolling($event)\" -->\n\n        <div\n          *cdkVirtualFor=\"\n            let gridRow of dataRows$;\n            trackBy: TrackGridRowByIdFn;\n            templateCacheSize: 50\n          \"\n          class=\"elder-grid-tile-row\"\n          [style.height]=\"itemHeight() + 'px'\"\n          [style.--elder-grid-column-count]=\"activeColumnCount()\"\n        >\n          @for (tile of gridRow.cells; track trackCellId($index, tile)) {\n            <!-- Tile Cell -->\n            @if (isTileVisible(tile)) {\n              <elder-tile\n                class=\"elder-grid-tile\"\n                [value]=\"tile\"\n                [selectionEnabled]=\"selectionVisible\"\n                [outlined]=\"tileOutlined()\"\n                (click)=\"onItemClick(tile, $event)\"\n                (dblclick)=\"onItemDoubleClick(tile)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tileTemplate || simpleTileTemplate;\n                    context: { $implicit: tile }\n                  \"\n                ></ng-container>\n              </elder-tile>\n            } @else {\n              <div class=\"elder-grid-tile-hidden\"></div>\n            }\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n\n      <mat-progress-bar\n        class=\"flex-none\"\n        [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n        [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n      >\n      </mat-progress-bar>\n\n      <!-- Footer -->\n      @if (footerVisible()) {\n        <div class=\"layout-row place-end-center gap-md flex-none elder-grid-footer\">\n          <!-- Continuable -->\n          @if (isContinuable) {\n            <elder-continuator\n              [loadedCount]=\"viewData()?.length\"\n              [total]=\"total()\"\n              [canLoadMore]=\"canLoadMore()\"\n              [chunkSizeOptions]=\"pageSizeOptions()\"\n              [chunkSize]=\"currentChunkSize()\"\n              (loadMoreRequested)=\"dataSnapshot.loadMore()\"\n            ></elder-continuator>\n          } @else if (isActivePaged) {\n            @if (currentPage(); as page) {\n              <mat-paginator\n                class=\"flex-none\"\n                [length]=\"total()\"\n                [pageIndex]=\"page?.index\"\n                [pageSize]=\"page?.size\"\n                [pageSizeOptions]=\"pageSizeOptions()\"\n              >\n              </mat-paginator>\n            }\n          } @else {\n            <span class=\"mat-caption noselect pr-md\" style=\"color: var(--md-sys-color-outline)\">\n              {{ viewData()?.length }}\n            </span>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #simpleTileTemplate let-tile>\n  @if (tile) {\n    <div class=\"layout-col place-center-center flex\" style=\"background-color: lightblue\">\n      <p class=\"noselect\">Tile: {{ tile }}</p>\n    </div>\n  }\n</ng-template>\n", styles: [":root{--elder-grid-tile-gap: 16px}.elder-grid-tile{width:100%;height:100%;cursor:pointer;overflow:hidden}.elder-grid-tile-row{display:grid;align-items:start;justify-items:start;overflow:hidden;--elder-grid-column-count: 1;padding:calc(var(--elder-grid-tile-gap) / 2) var(--elder-grid-tile-gap);grid-template-columns:repeat(var(--elder-grid-column-count),minmax(0,1fr))}.elder-grid-tile-row:first-child{padding-top:var(--elder-grid-tile-gap)}.elder-grid-tile-row{column-gap:var(--elder-grid-tile-gap)}.elder-grid-tile-hidden{flex:0 1 100%;margin:calc(var(--elder-grid-tile-gap) / 2);width:100%;height:100%}.elder-grid-container{background-color:var(--elder-grid-background-color)}.elder-grid-flat{border:var(--elder-border-light)}.elder-grid-toolbar{min-height:44px}.elder-grid-footer{min-height:var(--elder-data-element-footer-height)}\n"] }]
+                        ElderDataNavigationComponent,
+                    ], template: "<div class=\"full elder-grid-component\">\n  @if (dc(); as dc) {\n    <!-- Grid Browser -->\n    <div\n      class=\"layout-col full elder-grid-container\"\n      [elderDataContextSelection]=\"dc\"\n      #dataSelection=\"elderDataContextSelection\"\n      [elderDataContextSelectionModel]=\"selectionModel\"\n    >\n      <!-- Toolbar Row -->\n      @if (toolbarVisible()) {\n        <div class=\"layout-row place-start-center flex-none elder-grid-toolbar\">\n          @if (selectionVisible) {\n            <div class=\"layout-col flex-none px-sm\">\n              <elder-selection-master-checkbox class=\"flex-none\"></elder-selection-master-checkbox>\n            </div>\n          }\n\n          <!-- Toolbar -->\n          @if (toolbarTemplate) {\n            <ng-template\n              *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: this }\"\n            ></ng-template>\n          }\n\n          @if (availableCompositeSorts && availableCompositeSorts.length > 0) {\n            <elder-composite-sort\n              class=\"flex-none\"\n              [availableSorts]=\"availableCompositeSorts\"\n              [translationPrefix]=\"sortTranslationPrefix\"\n              [elderCompositeSortDc]=\"dc\"\n            >\n            </elder-composite-sort>\n          }\n        </div>\n\n        <mat-divider></mat-divider>\n      }\n\n      <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dc\">\n      </elder-data-context-state-indicator>\n\n      <!-- [cdkDropListSortingDisabled]=\"true\" -->\n      <!-- cdkDropList -->\n      <cdk-virtual-scroll-viewport\n        class=\"layout-col flex elder-grid-browser\"\n        id=\"{{ scrollContainerId }}\"\n        [itemSize]=\"itemHeight()\"\n        [minBufferPx]=\"itemHeight() * 2\"\n        [maxBufferPx]=\"itemHeight() * 3\"\n        #virtualScrollViewPort\n        elderInfiniteScroll\n        [eventThrottle]=\"200\"\n        [offsetFactor]=\"2\"\n        [ignoreScrollEvent]=\"dcStatus()?.loading\"\n        [containerId]=\"scrollContainerId\"\n        [listenToHost]=\"false\"\n        (closeToEnd)=\"requestMoreDataZoned($event)\"\n        (elderResizeObserver)=\"containerDimensions$.next($event)\"\n      >\n        <!-- (scrolling)=\"onScrolling($event)\" -->\n\n        <div\n          *cdkVirtualFor=\"\n            let gridRow of dataRows$;\n            trackBy: TrackGridRowByIdFn;\n            templateCacheSize: 50\n          \"\n          class=\"elder-grid-tile-row\"\n          [style.height]=\"itemHeight() + 'px'\"\n          [style.--elder-grid-column-count]=\"activeColumnCount()\"\n        >\n          @for (tile of gridRow.cells; track trackCellId($index, tile)) {\n            <!-- Tile Cell -->\n            @if (isTileVisible(tile)) {\n              <elder-tile\n                class=\"elder-grid-tile\"\n                [value]=\"tile\"\n                [selectionEnabled]=\"selectionVisible\"\n                [outlined]=\"tileOutlined()\"\n                (click)=\"onItemClick(tile, $event)\"\n                (dblclick)=\"onItemDoubleClick(tile)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tileTemplate || simpleTileTemplate;\n                    context: { $implicit: tile }\n                  \"\n                ></ng-container>\n              </elder-tile>\n            } @else {\n              <div class=\"elder-grid-tile-hidden\"></div>\n            }\n          }\n        </div>\n      </cdk-virtual-scroll-viewport>\n\n      <mat-progress-bar\n        class=\"flex-none\"\n        [mode]=\"dcStatus()?.loading ? 'indeterminate' : 'determinate'\"\n        [color]=\"dcStatus()?.hasError ? 'warn' : 'primary'\"\n      >\n      </mat-progress-bar>\n\n      <!-- Footer -->\n      <ng-template\n        *ngTemplateOutlet=\"navigationBar() ?? defaultNavigationBar; context: { $implicit: this }\"\n      ></ng-template>\n    </div>\n  }\n</div>\n\n<ng-template #simpleTileTemplate let-tile>\n  @if (tile) {\n    <div class=\"layout-col place-center-center flex\" style=\"background-color: lightblue\">\n      <p class=\"noselect\">Tile: {{ tile }}</p>\n    </div>\n  }\n</ng-template>\n\n<ng-template #defaultNavigationBar>\n  <elder-data-navigation></elder-data-navigation>\n</ng-template>\n", styles: [":root{--elder-grid-tile-gap: 16px}.elder-grid-tile{width:100%;height:100%;cursor:pointer;overflow:hidden}.elder-grid-tile-row{display:grid;align-items:start;justify-items:start;overflow:hidden;--elder-grid-column-count: 1;padding:calc(var(--elder-grid-tile-gap) / 2) var(--elder-grid-tile-gap);grid-template-columns:repeat(var(--elder-grid-column-count),minmax(0,1fr))}.elder-grid-tile-row:first-child{padding-top:var(--elder-grid-tile-gap)}.elder-grid-tile-row{column-gap:var(--elder-grid-tile-gap)}.elder-grid-tile-hidden{flex:0 1 100%;margin:calc(var(--elder-grid-tile-gap) / 2);width:100%;height:100%}.elder-grid-container{background-color:var(--elder-grid-background-color)}.elder-grid-flat{border:var(--elder-border-light)}.elder-grid-toolbar{min-height:44px}.elder-grid-footer{min-height:var(--elder-data-element-footer-height)}\n"] }]
         }], ctorParameters: () => [{ type: SelectionModel, decorators: [{
                     type: Optional
                 }] }, { type: ElderDataViewOptionsProvider, decorators: [{
@@ -20949,7 +20935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                 }] }, { type: DataViewInteractionControllerDirective }], propDecorators: { tileTemplateQuery: [{
                 type: ContentChild,
                 args: [ElderGridTileDirective, { read: TemplateRef, static: true }]
-            }], toolbarVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarVisible", required: false }] }], footerVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerVisible", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], itemWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemWidth", required: false }] }], tileOutlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "tileOutlined", required: false }] }], responsiveColumnCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveColumnCount", required: false }] }], virtualScrollViewPort: [{
+            }], toolbarVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarVisible", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], itemWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemWidth", required: false }] }], tileOutlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "tileOutlined", required: false }] }], responsiveColumnCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsiveColumnCount", required: false }] }], virtualScrollViewPort: [{
                 type: ViewChild,
                 args: ['virtualScrollViewPort', { static: true }]
             }], tiles: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ElderTileComponent), { isSignal: true }] }], availableSorts: [{
@@ -20960,7 +20946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                 type: Input
             }], selectionVisible: [{
                 type: Input
-            }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], matPaginator: [{
+            }], matPaginator: [{
                 type: ViewChild,
                 args: [MatPaginator]
             }], elderContinuator: [{
@@ -20969,7 +20955,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
             }], toolbarTemplateQuery: [{
                 type: ContentChild,
                 args: [ElderGridToolbarDirective, { read: TemplateRef, static: true }]
-            }], tileTemplate: [{
+            }], navigationBar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ElderGridNavigationBarDirective), { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }], tileTemplate: [{
                 type: Input
             }], toolbarTemplate: [{
                 type: Input
@@ -21054,11 +21042,13 @@ class ElderGridModule {
             ElderGridComponent,
             ElderGridTileDirective,
             ElderGridToolbarDirective,
-            ElderGridActivationDirective], exports: [ElderTileComponent,
+            ElderGridActivationDirective,
+            ElderGridNavigationBarDirective], exports: [ElderTileComponent,
             ElderGridComponent,
             ElderGridTileDirective,
             ElderGridToolbarDirective,
-            ElderGridActivationDirective] }); }
+            ElderGridActivationDirective,
+            ElderGridNavigationBarDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderGridModule, imports: [CommonModule,
             MatProgressBarModule,
             MatMenuModule,
@@ -21103,6 +21093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         ElderGridTileDirective,
                         ElderGridToolbarDirective,
                         ElderGridActivationDirective,
+                        ElderGridNavigationBarDirective,
                     ],
                     exports: [
                         ElderTileComponent,
@@ -21110,6 +21101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                         ElderGridTileDirective,
                         ElderGridToolbarDirective,
                         ElderGridActivationDirective,
+                        ElderGridNavigationBarDirective,
                     ],
                 }]
         }] });
@@ -21184,14 +21176,12 @@ class ElderMasterDetailService {
     get itemActivationRequested() {
         return this._itemActivationRequest$.asObservable();
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     onItemActivated(item, options) {
         this._activeItem$.next(this.asEvent(item, options));
     }
     requestItemActivation(item) {
         this._itemActivationRequest$.next(item);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     activateCreatingItem(item) {
         this._creatingItem$.next(this.asEvent(item, { source: ActivationEventSource.USER_MOUSE_CLICK }));
     }
@@ -21350,7 +21340,6 @@ class TemplateSlotManager {
      * @param template to deregister
      * @param slot if set, the template will only be deregistered if it was registered at this slot (optional)
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     deregisterSlotTemplate(template, slot) {
         if (slot) {
             slot = this.resolveSlot(slot);
@@ -21458,7 +21447,6 @@ class ElderToolbarService {
      * @param template to deregister
      * @param position if set, the template will only be deregistered if it was registered at this position (optional)
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     deregisterColumn(template, position) {
         this.slotManager.deregisterSlotTemplate(template, position);
     }
@@ -21655,7 +21643,6 @@ class ElderLanguageSwitcherComponent {
     get languages() {
         return this.language.languages;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     setLanguage(lang) {
         this.currentLanguage = lang;
     }
@@ -21884,7 +21871,6 @@ class ElderDetailDialogComponent {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     close() {
         this.dialogRef.close(this.entity$.getValue());
     }
@@ -22003,7 +21989,6 @@ class ElderMasterDetailComponent {
             this.log.debug('The dialog was closed');
         });
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     onCurrentItemChange(active) {
         if (untracked(this.modeSig) === 'DIALOG') {
             if (active.item) {
@@ -22015,7 +22000,6 @@ class ElderMasterDetailComponent {
             }
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     closeDialog() {
         if (this.dialogRef) {
             this.dialogRef.close();
@@ -22199,7 +22183,6 @@ class Quantity {
     static zero(unit) {
         return Quantity.from(unit);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static from(unit, value = 0) {
         const quantity = new Quantity();
         quantity.value = value;
@@ -22618,18 +22601,15 @@ class ElderQuantityService {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     withUnit(quantity, unit) {
         return Quantity.from(unit, quantity.value);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     withValue(quantity, value) {
         return Quantity.from(quantity.unit, value);
     }
     cacheLookup(lookup) {
         return this.QUANTITY_CACHE.get(this.getQuantityIdentifier(lookup));
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     cacheUpdate(key, value) {
         if (this.QUANTITY_CACHE.size >= this.QUANTITY_CACHE_SIZE) {
             this.QUANTITY_CACHE.clear();
@@ -22889,7 +22869,6 @@ class ElderQuantityService {
         }
         return userOptions;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     determineSuffix(userOptions, quantityToDisplay) {
         if (!userOptions.hideUnit) {
             return (ElderQuantityService.SPACE_STRING + this.unitService.getUnitSymbol(quantityToDisplay.unit));
@@ -23006,12 +22985,6 @@ class TemplatedSelectionDialogComponent {
          **************************************************************************/
         this.log = LoggerFactory.getLogger(this.constructor.name);
     }
-    /***************************************************************************
-     *                                                                         *
-     * Component Events                                                        *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TemplatedSelectionDialogComponent, deps: [{ token: i1$7.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: SelectionModel }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TemplatedSelectionDialogComponent, isStandalone: true, selector: "elder-templated-selection-dialog", ngImport: i0, template: "<div class=\"layout-col full\">\n  <mat-toolbar elderTheme class=\"flex-none\">\n    <button mat-icon-button type=\"button\" matDialogClose=\"\">\n      <mat-icon>close</mat-icon>\n    </button>\n    <span class=\"flex\"></span>\n    @if (selectionModel.selection | async; as selection) {\n      <button\n        mat-stroked-button\n        type=\"submit\"\n        [disabled]=\"!selection || selection.length === 0\"\n        [mat-dialog-close]=\"selection\"\n      >\n        {{ 'actions.select' | translate }}\n      </button>\n    }\n  </mat-toolbar>\n  <div class=\"layout-col flex\" style=\"overflow: hidden\">\n    <ng-container *ngTemplateOutlet=\"data.selectionComponentTemplate\"></ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -23962,11 +23935,9 @@ class ElderAutoSelectFirstService {
     set enabled(enabled) {
         this._enabled$.next(enabled);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get enabled$() {
         return this._enabled$.asObservable();
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get firstItem$() {
         return this._firstItem$;
     }
@@ -24260,11 +24231,9 @@ class ElderSelectComponent extends ElderSelectBase {
         this.entityS.set(entity);
         this.updateValue(this.entityToValue(entity));
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     focus(options) {
         this.inputRef?.nativeElement?.focus(options);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     blur() {
         this.inputRef?.nativeElement?.blur();
     }
@@ -24496,7 +24465,6 @@ class ElderUnitSelectDirective {
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     resetFilters() {
         this.select.filters = [];
     }
@@ -24609,7 +24577,6 @@ class ElderQuantityInputControlComponent extends ElderFormFieldControlBase {
     set hideUnit(hide) {
         this._hideUnit = coerceBooleanProperty(hide);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get hideUnit() {
         return this._hideUnit;
     }
@@ -24864,15 +24831,12 @@ class ElderDimensionsInputComponent extends ElderFormFieldControlBase {
      * Private Methods                                                         *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     dimensionsOfLength(value) {
         return Dimensions.from(this.unit, value, this.widthValue, this.heightValue);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     dimensionsOfWidth(value) {
         return Dimensions.from(this.unit, this.lengthValue, value, this.heightValue);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     dimensionsOfHeight(value) {
         return Dimensions.from(this.unit, this.lengthValue, this.widthValue, value);
     }
@@ -25392,7 +25356,6 @@ class ElderAutocompleteManyDirective {
      **************************************************************************/
     ngOnInit() {
         this._elderAutocomplete.displayPropertyResolver = this.textPropertyResolverFn;
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         this._elderAutocomplete.optionValueConverterFn = (option) => {
             const suggestion = this.resolveSuggestionText(option);
             return this.insertSuggestion(suggestion);
@@ -25742,7 +25705,7 @@ class ElderMultiSelectBase extends ElderSelectBase {
                 this.writeEntitiesSorted(newEntities);
             }
             else {
-                this.logger.warn('Ignored written entities as they are already set to entities$!');
+                this.logger.debug('Ignored written entities as they are already set to entities$!');
             }
         }
         super.writeToControl(value);
@@ -25820,11 +25783,9 @@ class ElderMultiSelectBase extends ElderSelectBase {
     equalIdsExactOrder(idsA, idsB) {
         return Arrays.equalContentAndOrder(idsA, idsB);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     equalEntities(entitiesA, entitiesB) {
         return this.equalIds(this.getEntityIds(entitiesA), this.getEntityIds(entitiesB));
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     equalEntitiesExactOrder(entitiesA, entitiesB) {
         return this.equalIdsExactOrder(this.getEntityIds(entitiesA), this.getEntityIds(entitiesB));
     }
@@ -26269,7 +26230,6 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
         event.preventDefault();
         this.requestRemoveEntity(toRemove, event.shiftKey);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     focus(options) {
         const input = this._customChipInput ?? this._chipInput;
         if (input) {
@@ -26279,7 +26239,6 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
             this.log.warn('Cant focus since no chip-input-control found!');
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     blur() {
         this.log.warn('blur() not yet supported!');
         // TODO this.inputControl?.blur();
@@ -26722,7 +26681,6 @@ class ChipOptionsProvider {
      *                                                                         *
      **************************************************************************/
     buildChipFallbackModel(entityId, options) {
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         options.context.displayPropertyResolver = (x) => x.id;
         return this.buildChipBySpec({ id: entityId }, options, {
             colorSpec: {
@@ -27378,7 +27336,6 @@ class ElderChipsIncludeExcludeDirective {
      **************************************************************************/
     setupFilterChips() {
         const chipTemplate = this.createFilterChipTemplate();
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         this.elderMultiSelectChips.chipSpecFn = (entity) => this.resolveChipSpec(entity);
         chipTemplate.avatarRef$
             .pipe(takeUntilDestroyed(this.destroyRef), filter((avatarRef) => !!avatarRef), first())
@@ -27452,7 +27409,6 @@ class ElderChipsIncludeExcludeDirective {
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: ElderChipsIncludeExcludeDirective, isStandalone: true, selector: "[elderChipsIncludeExclude]", inputs: { cycleStrategy: "cycleStrategy" }, providers: [
             {
                 provide: IncludeExcludeSelectionModel,
-                // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
                 useFactory: (existing) => {
                     return existing ?? new IncludeExcludeSelectionModel('FULL_CYCLE');
                 },
@@ -27468,7 +27424,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                     providers: [
                         {
                             provide: IncludeExcludeSelectionModel,
-                            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
                             useFactory: (existing) => {
                                 return existing ?? new IncludeExcludeSelectionModel('FULL_CYCLE');
                             },
@@ -28006,8 +27961,7 @@ class ElderSearchIncludeExcludeDirective {
         this._queryKey$ = new BehaviorSubject(null);
         this.includeSuffix = '';
         this.initialDone$ = new Subject();
-        this._state$ = this.buildInputStateObservable()
-            .pipe();
+        this._state$ = this.buildInputStateObservable().pipe();
     }
     /***************************************************************************
      *                                                                         *
@@ -28032,7 +27986,6 @@ class ElderSearchIncludeExcludeDirective {
         this._userQueryKey = value;
         this.updateQueryKey();
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get queryKey() {
         return this._queryKey$.getValue();
     }
@@ -28050,7 +28003,6 @@ class ElderSearchIncludeExcludeDirective {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     applyFilters(filters) {
         this.includeExcludeAdapter.applyFilters(filters);
     }
@@ -29045,7 +28997,6 @@ class ElderBreadCrumbsComponent {
     set editModeEnabled(value) {
         this.editMode$.next(value);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get editModeEnabled() {
         return this.editMode$.getValue();
     }
@@ -29444,7 +29395,6 @@ class ElderShellService {
      * @param template to deregister
      * @param slot if set, the template will only be deregistered if it was registered at this slot (optional)
      */
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     deregisterColumn(template, slot) {
         this.slotManager.deregisterSlotTemplate(template, slot);
     }
@@ -32392,6 +32342,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
                 args: ['focus', ['$event']]
             }] } });
 
+/**
+ * Reference to an overlay opened via the ElderOverlayComponent.
+ * This is created via factory function in ElderOverlayComponent providers.
+ */
 class ElderOverlayRef {
     /***************************************************************************
      *                                                                         *
@@ -32423,12 +32377,7 @@ class ElderOverlayRef {
     close() {
         this.overlay.closeOverlay();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderOverlayRef, deps: [{ token: ElderOverlayComponent }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderOverlayRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderOverlayRef, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: ElderOverlayComponent }] });
 
 class OverlayShowOptions {
 }
@@ -32591,7 +32540,6 @@ class ElderOverlayComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: ElderOverlayComponent, isStandalone: true, selector: "elder-overlay", inputs: { originX: "originX", originY: "originY", overlayX: "overlayX", overlayY: "overlayY", offsetY: "offsetY", offsetX: "offsetX", backdrop: "backdrop", backdropVisible: "backdropVisible", origin: "origin", positionStrategy: "positionStrategy", overlaySize: "overlaySize" }, outputs: { keydownEvents: "keydownEvents", attachedChange: "attachedChange" }, providers: [
             {
                 provide: ElderOverlayRef,
-                // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
                 useFactory: (self) => {
                     return new ElderOverlayRef(self);
                 },
@@ -32604,7 +32552,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
             args: [{ selector: 'elder-overlay', exportAs: 'elderOverlay', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ElderOverlayRef,
-                            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
                             useFactory: (self) => {
                                 return new ElderOverlayRef(self);
                             },
@@ -32870,7 +32817,6 @@ function registerLocale() {
     // Hack to use Lambda here! See
     // https://stackoverflow.com/questions/51976671/app-initializer-in-library-causes-lambda-not-supported-error
     const x = 2 + 4;
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     return () => registerLocaleData(localeDECH);
 }
 class ElderLocalesDeChModule {
@@ -32916,7 +32862,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
 
 class ElderLocalizedTextColumnDirective {
     static { this.DEFAULT_TEXT_COL = ElderLocalizedTextColumnDirective.defaultText(); }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static defaultText() {
         const col = new ElderLocalizedTextColumnDirective();
         col.name = 'text';
@@ -33015,11 +32960,9 @@ class ElderLocalizedInputTableComponent extends FormFieldBaseComponent {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     onNewRequested() {
         this.toastService.info('Adding new Translations not yet implemented!');
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     onRemoveRequested(toRemove) {
         if (toRemove?.length > 0) {
             if (this.value) {
@@ -33048,7 +32991,7 @@ class ElderLocalizedInputTableComponent extends FormFieldBaseComponent {
         return localizables;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderLocalizedInputTableComponent, deps: [{ token: ElderToastService }, { token: ElderLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderLocalizedInputTableComponent, isStandalone: true, selector: "elder-localized-input-table", inputs: { dense: "dense", textColumns: "textColumns", defaultLanguageTags: "defaultLanguageTags" }, providers: buildFormIntegrationProviders(ElderLocalizedInputTableComponent), queries: [{ propertyName: "textColumnsQuery", predicate: ElderLocalizedTextColumnDirective }], usesInheritance: true, ngImport: i0, template: "<div class=\"layout-col full\">\n  <elder-table\n    matSort\n    class=\"flex\"\n    [data]=\"data\"\n    [selectionVisible]=\"true\"\n    [selectionMultiEnabled]=\"true\"\n    [dense]=\"dense\"\n  >\n    <elder-data-toolbar\n      *elderTableToolbar\n      [canAdd]=\"!isLocked\"\n      [canRemove]=\"!isLocked\"\n      [canMore]=\"false\"\n      (requestNew)=\"onNewRequested()\"\n      (requestRemove)=\"onRemoveRequested($event)\"\n    >\n      <ng-template elderToolbarContent=\"left.actions\">\n        <div class=\"layout-col place-start-center\">\n          <h4 elderCardSubtitle style=\"margin: 0\">{{ label ?? placeholder }}</h4>\n        </div>\n      </ng-template>\n    </elder-data-toolbar>\n\n    <ng-container matColumnDef=\"locale\">\n      <th mat-header-cell *matHeaderCellDef style=\"width: 100px\" mat-sort-header>Locale</th>\n      <td mat-cell *matCellDef=\"let localized\">\n        <mat-chip-set\n          ><mat-chip highlighted>{{ localized.locale }}</mat-chip></mat-chip-set\n        >\n      </td>\n    </ng-container>\n\n    @for (textColumn of textColumns$ | async; track textColumn) {\n      <ng-container matColumnDef=\"{{ textColumn.name }}\">\n        <th mat-header-cell *matHeaderCellDef>{{ textColumn.title | translate }}</th>\n        <td mat-cell *matCellDef=\"let localized\">\n          <div class=\"layout-row place-center-center\">\n            <mat-form-field class=\"full-width\" appearance=\"fill\" elderDense>\n              <!--\n                <mat-label>{{textColumn.title | translate}} ({{localized.locale}})</mat-label>\n                -->\n              <!--\n                <span matTextPrefix>{{textColumn.title | translate}}</span>\n                -->\n              <input\n                matInput\n                type=\"text\"\n                name=\"i18n-{{ localized.locale }}-{{ textColumn.name }}\"\n                [ngModel]=\"localized[textColumn.name]\"\n                [ngModelOptions]=\"{ updateOn: 'blur' }\"\n                (ngModelChange)=\"onColumnTextUpdated(localized, textColumn, $event)\"\n                [required]=\"required && textColumn.required\"\n                [readonly]=\"readonly\"\n                [disabled]=\"disabled\"\n              />\n            </mat-form-field>\n          </div>\n        </td>\n      </ng-container>\n    }\n  </elder-table>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ElderTableComponent, selector: "elder-table", inputs: ["pageSizeOptions", "id", "idField", "removingField", "hiddenField", "keepSelection", "showFooterRow", "denseHorizontal", "hideHeaderRow", "data", "displayedColumns", "selectionVisible"], exportAs: ["elderTable"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "directive", type: ElderTableToolbarDirective, selector: "[elderTableToolbar]" }, { kind: "component", type: ElderDataToolbarComponent, selector: "elder-data-toolbar", inputs: ["canAdd", "canRemove", "canMore", "confirmRemoval", "keepSelectionAfterRemoval", "selectionModel"], outputs: ["requestNew", "requestRemove"] }, { kind: "directive", type: ElderToolbarContentDirective, selector: "[elderToolbarContent]", inputs: ["elderToolbarContent"] }, { kind: "directive", type: ElderCardSubtitleDirective, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]" }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense", "subscriptSizing", "floatLabel"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ElderLocalizedInputTableComponent, isStandalone: true, selector: "elder-localized-input-table", inputs: { dense: "dense", textColumns: "textColumns", defaultLanguageTags: "defaultLanguageTags" }, providers: buildFormIntegrationProviders(ElderLocalizedInputTableComponent), queries: [{ propertyName: "textColumnsQuery", predicate: ElderLocalizedTextColumnDirective }], usesInheritance: true, ngImport: i0, template: "<div class=\"layout-col full\">\n  <elder-table\n    matSort\n    class=\"flex\"\n    [data]=\"data\"\n    [selectionVisible]=\"true\"\n    [selectionMultiEnabled]=\"true\"\n    [dense]=\"dense\"\n  >\n    <elder-data-toolbar\n      *elderTableToolbar\n      [canAdd]=\"!isLocked\"\n      [canRemove]=\"!isLocked\"\n      [canMore]=\"false\"\n      (requestNew)=\"onNewRequested()\"\n      (requestRemove)=\"onRemoveRequested($event)\"\n    >\n      <ng-template elderToolbarContent=\"left.actions\">\n        <div class=\"layout-col place-start-center\">\n          <h4 elderCardSubtitle style=\"margin: 0\">{{ label ?? placeholder }}</h4>\n        </div>\n      </ng-template>\n    </elder-data-toolbar>\n\n    <ng-container matColumnDef=\"locale\">\n      <th mat-header-cell *matHeaderCellDef style=\"width: 100px\" mat-sort-header>Locale</th>\n      <td mat-cell *matCellDef=\"let localized\">\n        <mat-chip-set\n          ><mat-chip highlighted>{{ localized.locale }}</mat-chip></mat-chip-set\n        >\n      </td>\n    </ng-container>\n\n    @for (textColumn of textColumns$ | async; track textColumn) {\n      <ng-container matColumnDef=\"{{ textColumn.name }}\">\n        <th mat-header-cell *matHeaderCellDef>{{ textColumn.title | translate }}</th>\n        <td mat-cell *matCellDef=\"let localized\">\n          <div class=\"layout-row place-center-center\">\n            <mat-form-field class=\"full-width\" appearance=\"fill\" elderDense>\n              <!--\n                <mat-label>{{textColumn.title | translate}} ({{localized.locale}})</mat-label>\n                -->\n              <!--\n                <span matTextPrefix>{{textColumn.title | translate}}</span>\n                -->\n              <input\n                matInput\n                type=\"text\"\n                name=\"i18n-{{ localized.locale }}-{{ textColumn.name }}\"\n                [ngModel]=\"localized[textColumn.name]\"\n                [ngModelOptions]=\"{ updateOn: 'blur' }\"\n                (ngModelChange)=\"onColumnTextUpdated(localized, textColumn, $event)\"\n                [required]=\"required && textColumn.required\"\n                [readonly]=\"readonly\"\n                [disabled]=\"disabled\"\n              />\n            </mat-form-field>\n          </div>\n        </td>\n      </ng-container>\n    }\n  </elder-table>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ElderTableComponent, selector: "elder-table", inputs: ["id", "idField", "removingField", "hiddenField", "keepSelection", "showFooterRow", "denseHorizontal", "hideHeaderRow", "data", "displayedColumns", "selectionVisible"], exportAs: ["elderTable"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "directive", type: ElderTableToolbarDirective, selector: "[elderTableToolbar]" }, { kind: "component", type: ElderDataToolbarComponent, selector: "elder-data-toolbar", inputs: ["canAdd", "canRemove", "canMore", "confirmRemoval", "keepSelectionAfterRemoval", "selectionModel"], outputs: ["requestNew", "requestRemove"] }, { kind: "directive", type: ElderToolbarContentDirective, selector: "[elderToolbarContent]", inputs: ["elderToolbarContent"] }, { kind: "directive", type: ElderCardSubtitleDirective, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]" }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense", "subscriptSizing", "floatLabel"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ElderLocalizedInputTableComponent, decorators: [{
             type: Component,
@@ -33268,7 +33211,6 @@ class ElderLocalizedInputComponent extends FormFieldBaseComponent {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     openTranslationPopup($event) {
         const data = {
             title: this.label ?? this.placeholder,
@@ -33381,7 +33323,6 @@ class ElderInitialValueDirective {
     get valueChanges$() {
         return this.ngModel.control.valueChanges;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     setValue(value) {
         if (value) {
             this.ngModel.control.setValue(value);
@@ -33467,8 +33408,7 @@ class ElderSearchInputDirective {
         this._queryKey$ = new BehaviorSubject(null);
         this._inputConverter = DefaultInputFilterConverter.of(() => this.queryKey);
         this._initialValueDirective = new ElderInitialValueDirective(ngModel);
-        this._state$ = this.buildInputStateObservable()
-            .pipe();
+        this._state$ = this.buildInputStateObservable().pipe();
     }
     /***************************************************************************
      *                                                                         *
@@ -33498,7 +33438,6 @@ class ElderSearchInputDirective {
         this._userQueryKey = value;
         this.updateQueryKey();
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get queryKey() {
         return this._queryKey$.getValue();
     }
@@ -33599,21 +33538,18 @@ class ElderSearchInputDirective {
         }
         return queryValue;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     checkAndConvertFaultyValuesToNull(value) {
         let fixedValue = value;
         fixedValue = this.convertEmptyArrayToNull(fixedValue);
         fixedValue = this.convertEmptyStringToNull(fixedValue);
         return fixedValue;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     convertEmptyArrayToNull(value) {
         if (value instanceof Array && value.length === 0) {
             return null;
         }
         return value;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     convertEmptyStringToNull(value) {
         if (typeof value === 'string' && value.length === 0) {
             return null;
@@ -34990,11 +34926,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
         }] });
 
 class OnlineStatus {
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static online() {
         return new OnlineStatus(true, new Date());
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static offline() {
         return new OnlineStatus(false, new Date());
     }
@@ -35430,7 +35364,6 @@ class ElderMultiSelectChipsOptionsDirective {
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     get dataContext$() {
         return this.multiSelect.dataContext$.pipe(filter((dc) => !!dc));
     }
@@ -35573,7 +35506,6 @@ class Currency {
     static zero(unit) {
         return Currency.from(unit);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     static from(unit, value = 0) {
         const quantity = new Currency();
         quantity.value = value;
@@ -36053,7 +35985,6 @@ class CsvStreamExporter {
      * Fluent API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     chunkSize(chunkSize) {
         if (chunkSize) {
             this._chunkSize = chunkSize;
@@ -36120,7 +36051,6 @@ class CsvStreamExporterBuilder {
      * Fluent API                                                              *
      *                                                                         *
      **************************************************************************/
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     chunkSize(chunkSize) {
         this._chunkSize = chunkSize;
         return this;
@@ -37067,7 +36997,6 @@ class DataViewIframeComponent {
             }
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     sendMessageToChild(message) {
         this.log.debug('Sending message to iframe child:', message);
         this.iframeHost.sendMessageToChild(message);
@@ -37085,7 +37014,6 @@ class DataViewIframeComponent {
             });
         }
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     setupDataViewOptionsBridge(iframeHost) {
         combineLatest([this._dataViewOptions$, iframeHost.iframeState$])
             .pipe(takeUntil(this._destroy$), 
@@ -37203,7 +37131,6 @@ class DataViewIframeAdapterDirective {
     initializeDataView(init) {
         // updating options of child data view given by iframe parent
         this.dataViewOptionsProvider.updateOptions((options) => options.withOptions(init.options));
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         this.selectionModel.keyGetterFn = (entity) => entity[init.idField];
         this.selectionModel.isMultipleSelection = init.options.selectionMultiEnabled;
         if (init.initialSelection) {
@@ -37771,7 +37698,6 @@ class ElderTabGroupRoutingDirective {
     getTabMarker(queryParams) {
         return queryParams.has(this.queryParamKey()) ? queryParams.get(this.queryParamKey()) : null;
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     isIndexMarker(marker) {
         return marker && marker.startsWith(ElderTabGroupRoutingDirective.TAB_INDEX_PREFIX);
     }
@@ -38130,14 +38056,12 @@ class ReactiveEventSource {
         try {
             this.currentSource = new EventSource(eventSourceUrl, this.eventSourceInitDict);
             this.ensureRegistrations();
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             this.currentSource.onopen = (event) => {
                 this.logger.debug('EventSource connection opened to: ' +
                     eventSourceUrl +
                     ', state: ' +
                     this.readyStateAsString(this.currentSource), event);
             };
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             this.currentSource.onerror = (error) => {
                 this.logger.trace('There was an SSE error, current state: ' + this.readyStateAsString(this.currentSource), error);
                 if (!this.closed) {
@@ -38456,7 +38380,6 @@ class ReactiveFetchEventSource {
         this.log.debug('EventSource has closed.');
         this.updateState(ReactiveEventSourceState.CLOSED);
     }
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     updateState(state) {
         this.state$.next(state);
     }
@@ -38677,7 +38600,6 @@ class KafentTopicSse {
                 this.renewSseSub();
             }
             // Teardown
-            // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
             return () => {
                 sub.unsubscribe();
                 this.decrementConnected();
@@ -38921,5 +38843,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridNavigationBarDirective, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map