@elderbyte/ngx-starter 15.17.3 → 15.18.0

package/fesm2020/elderbyte-ngx-starter.mjs

@@ -13281,10 +13281,10 @@ class DataContextStateIndicatorComponent {
     }
 }
 DataContextStateIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataContextStateIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DataContextStateIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: { dataContext: "dataContext" }, ngImport: i0, template: "<ng-container *ngIf=\"dataContext$ | async as dataContext\">\n\n  <ng-container *ngIf=\"dataContext else noDataContext\">\n\n    <ng-container *ngIf=\"(dataContext.isStarted$ | async) else dataContextNotStarted\">\n\n      <ng-container *ngIf=\"!(dataContext?.status | async)?.hasError else dataContextHasError\">\n\n        <ng-container *ngIf=\"(dataContext?.data | async)?.length === 0\">\n          <ng-template [ngTemplateOutlet]=\"dataContextNoData\"></ng-template>\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n  </ng-container>\n\n</ng-container>\n\n<ng-template #noDataContext>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'No data context'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNotStarted>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'Data context not started'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextHasError>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', iconColor: 'warn', text: 'Error while loading data'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNoData>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'info', text: 'No data available'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #indicator let-icon=\"icon\" let-iconColor=\"iconColor\" let-text=\"text\">\n\n  <div class=\"layout-col place-center-center full elder-dc-indicator-container mat-body-2\">\n    <div class=\"layout-row place-center-center gap-lg\">\n      <mat-icon [color]=\"iconColor\">{{icon}}</mat-icon>\n      <span class=\"hint mat-body-2\">{{text | translate}}</span>\n    </div>\n  </div>\n\n</ng-template>\n", styles: [".elder-dc-indicator-container{color:gray;padding-top:96px;padding-bottom:96px}\n"], dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DataContextStateIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: { dataContext: "dataContext" }, ngImport: i0, template: "<ng-container *ngIf=\"dataContext$ | async as dataContext\">\n\n  <ng-container *ngIf=\"dataContext else noDataContext\">\n\n    <ng-container *ngIf=\"(dataContext.isStarted$ | async) else dataContextNotStarted\">\n\n      <ng-container *ngIf=\"!(dataContext?.status | async)?.hasError else dataContextHasError\">\n\n        <ng-container *ngIf=\"(dataContext?.data | async)?.length === 0\">\n          <ng-template [ngTemplateOutlet]=\"dataContextNoData\"></ng-template>\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n  </ng-container>\n\n</ng-container>\n\n<ng-template #noDataContext>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'No data context'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNotStarted>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'Data context not started'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextHasError>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', iconColor: 'warn', text: 'Error while loading data'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNoData>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'info', text: 'No data available'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #indicator let-icon=\"icon\" let-iconColor=\"iconColor\" let-text=\"text\">\n\n  <div class=\"layout-col place-center-center full elder-dc-indicator-container mat-body-2\">\n    <div class=\"layout-row place-center-center gap-lg\">\n      <mat-icon [color]=\"iconColor\">{{icon}}</mat-icon>\n      <span class=\"hint mat-body-2\">{{text | translate}}</span>\n    </div>\n  </div>\n\n</ng-template>\n", styles: [".elder-dc-indicator-container{color:gray}\n"], dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DataContextStateIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-data-context-state-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"dataContext$ | async as dataContext\">\n\n  <ng-container *ngIf=\"dataContext else noDataContext\">\n\n    <ng-container *ngIf=\"(dataContext.isStarted$ | async) else dataContextNotStarted\">\n\n      <ng-container *ngIf=\"!(dataContext?.status | async)?.hasError else dataContextHasError\">\n\n        <ng-container *ngIf=\"(dataContext?.data | async)?.length === 0\">\n          <ng-template [ngTemplateOutlet]=\"dataContextNoData\"></ng-template>\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n  </ng-container>\n\n</ng-container>\n\n<ng-template #noDataContext>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'No data context'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNotStarted>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'Data context not started'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextHasError>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', iconColor: 'warn', text: 'Error while loading data'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNoData>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'info', text: 'No data available'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #indicator let-icon=\"icon\" let-iconColor=\"iconColor\" let-text=\"text\">\n\n  <div class=\"layout-col place-center-center full elder-dc-indicator-container mat-body-2\">\n    <div class=\"layout-row place-center-center gap-lg\">\n      <mat-icon [color]=\"iconColor\">{{icon}}</mat-icon>\n      <span class=\"hint mat-body-2\">{{text | translate}}</span>\n    </div>\n  </div>\n\n</ng-template>\n", styles: [".elder-dc-indicator-container{color:gray;padding-top:96px;padding-bottom:96px}\n"] }]
+            args: [{ selector: 'elder-data-context-state-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"dataContext$ | async as dataContext\">\n\n  <ng-container *ngIf=\"dataContext else noDataContext\">\n\n    <ng-container *ngIf=\"(dataContext.isStarted$ | async) else dataContextNotStarted\">\n\n      <ng-container *ngIf=\"!(dataContext?.status | async)?.hasError else dataContextHasError\">\n\n        <ng-container *ngIf=\"(dataContext?.data | async)?.length === 0\">\n          <ng-template [ngTemplateOutlet]=\"dataContextNoData\"></ng-template>\n        </ng-container>\n\n      </ng-container>\n\n    </ng-container>\n\n  </ng-container>\n\n</ng-container>\n\n<ng-template #noDataContext>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'No data context'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNotStarted>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', text: 'Data context not started'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextHasError>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'warning', iconColor: 'warn', text: 'Error while loading data'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #dataContextNoData>\n  <ng-container *ngTemplateOutlet=\"indicator; context:{icon: 'info', text: 'No data available'}\">\n  </ng-container>\n</ng-template>\n\n<ng-template #indicator let-icon=\"icon\" let-iconColor=\"iconColor\" let-text=\"text\">\n\n  <div class=\"layout-col place-center-center full elder-dc-indicator-container mat-body-2\">\n    <div class=\"layout-row place-center-center gap-lg\">\n      <mat-icon [color]=\"iconColor\">{{icon}}</mat-icon>\n      <span class=\"hint mat-body-2\">{{text | translate}}</span>\n    </div>\n  </div>\n\n</ng-template>\n", styles: [".elder-dc-indicator-container{color:gray}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { dataContext: [{
                 type: Input
             }] } });
@@ -13424,6 +13424,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
+class ItemActivationOptions {
+    constructor(source, focus) {
+        this.source = source;
+        this.focus = focus;
+    }
+}
+
+var ActivationEventSource;
+(function (ActivationEventSource) {
+    ActivationEventSource["USER_MOUSE_CLICK"] = "USER_MOUSE_CLICK";
+    ActivationEventSource["USER_KEYBOARD"] = "USER_KEYBOARD";
+    ActivationEventSource["SYSTEM"] = "SYSTEM";
+})(ActivationEventSource || (ActivationEventSource = {}));
+
 class ElderTableRowDirective {
     /***************************************************************************
      *                                                                         *
@@ -13440,7 +13454,13 @@ class ElderTableRowDirective {
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this._activated = false;
+        this._activationDir$ = new BehaviorSubject(null);
         this.focused$ = new BehaviorSubject(false);
+        this._activationDir$.pipe(filter(x => x !== null), switchMap$1(provider => provider.activeItemEventChange), filter(e => e.item == this.model), filter(e => e.focus)).subscribe({
+            next: focusMe => {
+                this.focus();
+            }
+        });
     }
     /***************************************************************************
      *                                                                         *
@@ -13449,13 +13469,15 @@ class ElderTableRowDirective {
      **************************************************************************/
     onFocus(event) {
         this.focused$.next(true);
-        if (this.tableActivation) {
-            this.tableActivation.activate(this._model);
-        }
     }
     onBlur(event) {
         this.focused$.next(false);
     }
+    onClick() {
+        this.logger.debug('row clicked');
+        const activation = this._activationDir$.getValue();
+        activation.activate(this._model, new ItemActivationOptions(ActivationEventSource.USER_MOUSE_CLICK, true));
+    }
     /***************************************************************************
      *                                                                         *
      * Host Bindings                                                           *
@@ -13481,9 +13503,6 @@ class ElderTableRowDirective {
     get model() {
         return this._model;
     }
-    get tableActivation() {
-        return this._tableActivation;
-    }
     get hasFocus() {
         return this.focused$.getValue();
     }
@@ -13492,11 +13511,12 @@ class ElderTableRowDirective {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    bindTableActivation(activation) {
-        if (this._tableActivation !== activation) {
-            this._tableActivation = activation;
-            this.enableRowFocus(!!this._tableActivation);
-            if (!activation) {
+    bindTableActivation(activationDir) {
+        const currentActivation = this._activationDir$.getValue();
+        if (currentActivation !== activationDir) {
+            this._activationDir$.next(activationDir);
+            this.enableRowFocus(!!activationDir);
+            if (!activationDir) {
                 this.activated = false;
             }
         }
@@ -13509,7 +13529,8 @@ class ElderTableRowDirective {
             inline: 'nearest' // horizontal alignment
         });
     }
-    foucs() {
+    focus() {
+        this.logger.debug('focus initiated');
         const row = this.rowRef.nativeElement;
         row.focus();
     }
@@ -13538,7 +13559,7 @@ class ElderTableRowDirective {
     }
 }
 ElderTableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderTableRowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-ElderTableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: { model: ["elderTableRow", "model"] }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" } }, exportAs: ["elderTableRow"], ngImport: i0 });
+ElderTableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: { model: ["elderTableRow", "model"] }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" } }, exportAs: ["elderTableRow"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderTableRowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -13551,6 +13572,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }], onBlur: [{
                 type: HostListener,
                 args: ['blur', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
             }], model: [{
                 type: Input,
                 args: ['elderTableRow']
@@ -14467,6 +14491,9 @@ class ElderTableComponent extends ElderDataViewBaseComponent {
     get trackByFn() {
         return (index, entity) => this.getId(entity);
     }
+    isDataValid(data) {
+        return data.length > 0;
+    }
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *
@@ -14502,7 +14529,7 @@ ElderTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             provide: ELDER_DATA_VIEW,
             useExisting: forwardRef(() => ElderTableComponent)
         }
-    ], queries: [{ 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: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "rowsQuery", predicate: ElderTableRowDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"full\"\n          [class.embedded]=\"embedded\"\n          [appearance]=\"appearance\"\n          style=\"overflow: hidden\"\n>\n  <div class=\"layout-col elder-table full\">\n    <!-- Toolbar Rows -->\n    <ng-container *ngFor=\"let toolbarRowTemplate of toolbarRowTemplates$ | async\">\n      <ng-template *ngTemplateOutlet=\"toolbarRowTemplate; context: {$implicit: this}\">\n      </ng-template>\n    </ng-container>\n\n    <!-- Scrollable Table -->\n    <div class=\"layout-col scrollable elder-table-scroll\"\n         elderInfiniteScroll\n         [eventThrottle]=\"150\"\n         [offsetFactor]=\"2\"\n         [ignoreScrollEvent]=\"!isContinuable || !(canLoadMore$ | async)\"\n         (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dataContext$ | async)\"\n        [elderDataContextSelection]=\"dataContext$ | async\" #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n      >\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            <div class=\"layout-row place-start-center\">\n              <mat-checkbox (click)=\"$event.stopPropagation()\"\n                            (change)=\"$event ? selectionModel.toggle(entity) : null\"\n                            [checked]=\"selectionModel.observeSelection(entity) | async\"\n                            [disabled]=\"!selectionModel.isSelectable(entity)\"\n                            class=\"elder-table-checkbox\"\n                            [class.elder-table-checkbox-visible]=\"(dataSelection.selectionState$ | async).anySelected\"\n              >\n              </mat-checkbox>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container *ngIf=\"(tableModel.displayedColumnsInner$ | async) as displayedColumnsInner\">\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          <tr mat-row class=\"elder-table-row\"\n              *matRowDef=\"let entity; columns: displayedColumnsInner;\"\n              [elderTableRow]=\"entity\"\n              [class.dense]=\"dense\"\n              [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n              [class.elder-row-removing]=\"removingField && entity[removingField]\"\n              [class.elder-table-row-selected]=\"interactionMode === 'selection' && selectionModel.observeSelection(entity) | async\"\n              (click)=\"onItemClick(entity)\"\n              (dblclick)=\"onItemDoubleClick(entity)\"\n          >\n          </tr>\n          <ng-container *ngIf=\"showFooter\">\n            <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          </ng-container>\n        </ng-container>\n      </table>\n    </div>\n\n    <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dataContext\">\n    </elder-data-context-state-indicator>\n\n    <mat-progress-bar class=\"flex-none\"\n                      [mode]=\"(dataContext?.loading | async) ? 'indeterminate' : 'determinate'\"\n                      [color]=\"((dataContext?.status | async)?.hasError) ? 'warn' : 'primary'\">\n    </mat-progress-bar>\n\n    <!-- Optional Paginator Toolbar -->\n    <mat-paginator #matPaginator *ngIf=\"isActivePaged && (dataActivePaged.page | async) as page\"\n                   class=\"flex-none\"\n                   [length]=\"dataContext?.total | async\"\n                   [pageIndex]=\"page?.index\"\n                   [pageSize]=\"page?.size\"\n                   [pageSizeOptions]=\"pageSizeOptions\">\n    </mat-paginator>\n\n    <!-- Optional Continuation Footer -->\n    <div *ngIf=\"isContinuable\" class=\"layout-row flex-none place-end-center gap-md elder-table-footer\">\n\n      <span class=\"mat-caption noselect\" style=\"color: gray\">\n        {{(dataContext?.data | async)?.length}} / {{total$ | async}}\n      </span>\n\n      <button mat-icon-button type=\"button\" color=\"primary\"\n              [disabled]=\"!(canLoadMore$ | async)\"\n              (click)=\"dataContinuable.loadMore()\">\n        <mat-icon>keyboard_arrow_down</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-card>\n", styles: [".elder-table-scroll{height:100%}.elder-mat-inner-table{width:100%}.elder-table-row.dense{height:42px!important}.elder-mat-table-container{border-radius:4px;overflow:hidden}.mat-column-select{overflow:initial;min-width:72px;max-width:5%;width:72px}.elder-row-removing{text-decoration:line-through}.elder-row-hidden{display:none}.elder-table-row{cursor:pointer}:host{min-width:0;min-height:0}.elder-table-hint{color:gray}.elder-table-footer{height:44px}.elder-table-checkbox{opacity:.25;transition:opacity .5s ease-in-out}.elder-table-row:hover .elder-table-checkbox{opacity:.9}.elder-table-checkbox-visible{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$8.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i11.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i11.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i11.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i11.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i11.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i11.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: i12.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: i17.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: ["elderTableRow"], exportAs: ["elderTableRow"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ 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: "matPaginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "rowsQuery", predicate: ElderTableRowDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-card class=\"full\"\n          [class.embedded]=\"embedded\"\n          [appearance]=\"appearance\"\n          style=\"overflow: hidden\"\n>\n  <div class=\"layout-col elder-table full\">\n    <!-- Toolbar Rows -->\n    <ng-container *ngFor=\"let toolbarRowTemplate of toolbarRowTemplates$ | async\">\n      <ng-template *ngTemplateOutlet=\"toolbarRowTemplate; context: {$implicit: this}\">\n      </ng-template>\n    </ng-container>\n\n    <!-- Scrollable Table -->\n    <div class=\"layout-col {{isDataValid(dataContext?.data | async) ? 'flex' : ''}} scrollable elder-table-scroll\"\n         elderInfiniteScroll\n         [eventThrottle]=\"150\"\n         [offsetFactor]=\"2\"\n         [ignoreScrollEvent]=\"!isContinuable || !(canLoadMore$ | async)\"\n         (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dataContext$ | async)\"\n        [elderDataContextSelection]=\"dataContext$ | async\" #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n      >\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            <div class=\"layout-row place-start-center\">\n              <mat-checkbox (click)=\"$event.stopPropagation()\"\n                            (change)=\"$event ? selectionModel.toggle(entity) : null\"\n                            [checked]=\"selectionModel.observeSelection(entity) | async\"\n                            [disabled]=\"!selectionModel.isSelectable(entity)\"\n                            class=\"elder-table-checkbox\"\n                            [class.elder-table-checkbox-visible]=\"(dataSelection.selectionState$ | async).anySelected\"\n              >\n              </mat-checkbox>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container *ngIf=\"(tableModel.displayedColumnsInner$ | async) as displayedColumnsInner\">\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          <tr mat-row class=\"elder-table-row\"\n              *matRowDef=\"let entity; columns: displayedColumnsInner;\"\n              [elderTableRow]=\"entity\"\n              [class.dense]=\"dense\"\n              [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n              [class.elder-row-removing]=\"removingField && entity[removingField]\"\n              [class.elder-table-row-selected]=\"interactionMode === 'selection' && selectionModel.observeSelection(entity) | async\"\n              (click)=\"onItemClick(entity)\"\n              (dblclick)=\"onItemDoubleClick(entity)\"\n          >\n          </tr>\n          <ng-container *ngIf=\"showFooter\">\n            <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          </ng-container>\n        </ng-container>\n      </table>\n    </div>\n\n    <ng-container *ngIf=\"!isDataValid(dataContext?.data | async)\">\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    </ng-container>\n\n    <mat-progress-bar class=\"flex-none\"\n                      [mode]=\"(dataContext?.loading | async) ? 'indeterminate' : 'determinate'\"\n                      [color]=\"((dataContext?.status | async)?.hasError) ? 'warn' : 'primary'\">\n    </mat-progress-bar>\n\n    <!-- Optional Paginator Toolbar -->\n    <mat-paginator #matPaginator *ngIf=\"isActivePaged && (dataActivePaged.page | async) as page\"\n                   class=\"flex-none\"\n                   [length]=\"dataContext?.total | async\"\n                   [pageIndex]=\"page?.index\"\n                   [pageSize]=\"page?.size\"\n                   [pageSizeOptions]=\"pageSizeOptions\">\n    </mat-paginator>\n\n    <!-- Optional Continuation Footer -->\n    <div *ngIf=\"isContinuable\" class=\"layout-row flex-none place-end-center gap-md elder-table-footer\">\n\n      <span class=\"mat-caption noselect\" style=\"color: gray\">\n        {{(dataContext?.data | async)?.length}} / {{total$ | async}}\n      </span>\n\n      <button mat-icon-button type=\"button\" color=\"primary\"\n              [disabled]=\"!(canLoadMore$ | async)\"\n              (click)=\"dataContinuable.loadMore()\">\n        <mat-icon>keyboard_arrow_down</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-card>\n", styles: [".elder-mat-inner-table{width:100%}.elder-table-row.dense{height:42px!important}.elder-mat-table-container{border-radius:4px;overflow:hidden}.mat-column-select{overflow:initial;min-width:72px;max-width:5%;width:72px}.elder-row-removing{text-decoration:line-through}.elder-row-hidden{display:none}.elder-table-row{cursor:pointer}:host{min-width:0;min-height:0}.elder-table-hint{color:gray}.elder-table-footer{height:44px}.elder-table-checkbox{opacity:.25;transition:opacity .5s ease-in-out}.elder-table-row:hover .elder-table-checkbox{opacity:.9}.elder-table-checkbox-visible{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$8.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i11.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i11.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i11.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i11.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i11.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i11.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i11.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: i12.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: ElderSelectionMasterCheckboxComponent, selector: "elder-selection-master-checkbox" }, { kind: "directive", type: DataContextSelectionDirective, selector: "[elderDataContextSelection]", inputs: ["elderDataContextSelectionModel", "elderDataContextSelection"], exportAs: ["elderDataContextSelection"] }, { kind: "component", type: DataContextStateIndicatorComponent, selector: "elder-data-context-state-indicator", inputs: ["dataContext"] }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: i17.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: ElderTableRowDirective, selector: "tr[elderTableRow]", inputs: ["elderTableRow"], exportAs: ["elderTableRow"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -14511,7 +14538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             provide: ELDER_DATA_VIEW,
                             useExisting: forwardRef(() => ElderTableComponent)
                         }
-                    ], template: "<mat-card class=\"full\"\n          [class.embedded]=\"embedded\"\n          [appearance]=\"appearance\"\n          style=\"overflow: hidden\"\n>\n  <div class=\"layout-col elder-table full\">\n    <!-- Toolbar Rows -->\n    <ng-container *ngFor=\"let toolbarRowTemplate of toolbarRowTemplates$ | async\">\n      <ng-template *ngTemplateOutlet=\"toolbarRowTemplate; context: {$implicit: this}\">\n      </ng-template>\n    </ng-container>\n\n    <!-- Scrollable Table -->\n    <div class=\"layout-col scrollable elder-table-scroll\"\n         elderInfiniteScroll\n         [eventThrottle]=\"150\"\n         [offsetFactor]=\"2\"\n         [ignoreScrollEvent]=\"!isContinuable || !(canLoadMore$ | async)\"\n         (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dataContext$ | async)\"\n        [elderDataContextSelection]=\"dataContext$ | async\" #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n      >\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            <div class=\"layout-row place-start-center\">\n              <mat-checkbox (click)=\"$event.stopPropagation()\"\n                            (change)=\"$event ? selectionModel.toggle(entity) : null\"\n                            [checked]=\"selectionModel.observeSelection(entity) | async\"\n                            [disabled]=\"!selectionModel.isSelectable(entity)\"\n                            class=\"elder-table-checkbox\"\n                            [class.elder-table-checkbox-visible]=\"(dataSelection.selectionState$ | async).anySelected\"\n              >\n              </mat-checkbox>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container *ngIf=\"(tableModel.displayedColumnsInner$ | async) as displayedColumnsInner\">\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          <tr mat-row class=\"elder-table-row\"\n              *matRowDef=\"let entity; columns: displayedColumnsInner;\"\n              [elderTableRow]=\"entity\"\n              [class.dense]=\"dense\"\n              [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n              [class.elder-row-removing]=\"removingField && entity[removingField]\"\n              [class.elder-table-row-selected]=\"interactionMode === 'selection' && selectionModel.observeSelection(entity) | async\"\n              (click)=\"onItemClick(entity)\"\n              (dblclick)=\"onItemDoubleClick(entity)\"\n          >\n          </tr>\n          <ng-container *ngIf=\"showFooter\">\n            <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          </ng-container>\n        </ng-container>\n      </table>\n    </div>\n\n    <elder-data-context-state-indicator class=\"flex-none\" [dataContext]=\"dataContext\">\n    </elder-data-context-state-indicator>\n\n    <mat-progress-bar class=\"flex-none\"\n                      [mode]=\"(dataContext?.loading | async) ? 'indeterminate' : 'determinate'\"\n                      [color]=\"((dataContext?.status | async)?.hasError) ? 'warn' : 'primary'\">\n    </mat-progress-bar>\n\n    <!-- Optional Paginator Toolbar -->\n    <mat-paginator #matPaginator *ngIf=\"isActivePaged && (dataActivePaged.page | async) as page\"\n                   class=\"flex-none\"\n                   [length]=\"dataContext?.total | async\"\n                   [pageIndex]=\"page?.index\"\n                   [pageSize]=\"page?.size\"\n                   [pageSizeOptions]=\"pageSizeOptions\">\n    </mat-paginator>\n\n    <!-- Optional Continuation Footer -->\n    <div *ngIf=\"isContinuable\" class=\"layout-row flex-none place-end-center gap-md elder-table-footer\">\n\n      <span class=\"mat-caption noselect\" style=\"color: gray\">\n        {{(dataContext?.data | async)?.length}} / {{total$ | async}}\n      </span>\n\n      <button mat-icon-button type=\"button\" color=\"primary\"\n              [disabled]=\"!(canLoadMore$ | async)\"\n              (click)=\"dataContinuable.loadMore()\">\n        <mat-icon>keyboard_arrow_down</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-card>\n", styles: [".elder-table-scroll{height:100%}.elder-mat-inner-table{width:100%}.elder-table-row.dense{height:42px!important}.elder-mat-table-container{border-radius:4px;overflow:hidden}.mat-column-select{overflow:initial;min-width:72px;max-width:5%;width:72px}.elder-row-removing{text-decoration:line-through}.elder-row-hidden{display:none}.elder-table-row{cursor:pointer}:host{min-width:0;min-height:0}.elder-table-hint{color:gray}.elder-table-footer{height:44px}.elder-table-checkbox{opacity:.25;transition:opacity .5s ease-in-out}.elder-table-row:hover .elder-table-checkbox{opacity:.9}.elder-table-checkbox-visible{opacity:1}\n"] }]
+                    ], template: "<mat-card class=\"full\"\n          [class.embedded]=\"embedded\"\n          [appearance]=\"appearance\"\n          style=\"overflow: hidden\"\n>\n  <div class=\"layout-col elder-table full\">\n    <!-- Toolbar Rows -->\n    <ng-container *ngFor=\"let toolbarRowTemplate of toolbarRowTemplates$ | async\">\n      <ng-template *ngTemplateOutlet=\"toolbarRowTemplate; context: {$implicit: this}\">\n      </ng-template>\n    </ng-container>\n\n    <!-- Scrollable Table -->\n    <div class=\"layout-col {{isDataValid(dataContext?.data | async) ? 'flex' : ''}} scrollable elder-table-scroll\"\n         elderInfiniteScroll\n         [eventThrottle]=\"150\"\n         [offsetFactor]=\"2\"\n         [ignoreScrollEvent]=\"!isContinuable || !(canLoadMore$ | async)\"\n         (closeToEnd)=\"requestMoreDataZoned($event)\"\n    >\n      <table\n        mat-table\n        class=\"elder-mat-inner-table\"\n        [trackBy]=\"trackByFn\"\n        [dataSource]=\"$any(dataContext$ | async)\"\n        [elderDataContextSelection]=\"dataContext$ | async\" #dataSelection=\"elderDataContextSelection\"\n        [elderDataContextSelectionModel]=\"selectionModel\"\n      >\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            <div class=\"layout-row place-start-center\">\n              <mat-checkbox (click)=\"$event.stopPropagation()\"\n                            (change)=\"$event ? selectionModel.toggle(entity) : null\"\n                            [checked]=\"selectionModel.observeSelection(entity) | async\"\n                            [disabled]=\"!selectionModel.isSelectable(entity)\"\n                            class=\"elder-table-checkbox\"\n                            [class.elder-table-checkbox-visible]=\"(dataSelection.selectionState$ | async).anySelected\"\n              >\n              </mat-checkbox>\n            </div>\n          </td>\n          <td mat-footer-cell *matFooterCellDef></td>\n        </ng-container>\n\n        <ng-container *ngIf=\"(tableModel.displayedColumnsInner$ | async) as displayedColumnsInner\">\n          <tr mat-header-row *matHeaderRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          <tr mat-row class=\"elder-table-row\"\n              *matRowDef=\"let entity; columns: displayedColumnsInner;\"\n              [elderTableRow]=\"entity\"\n              [class.dense]=\"dense\"\n              [class.elder-row-hidden]=\"hiddenField && entity[hiddenField]\"\n              [class.elder-row-removing]=\"removingField && entity[removingField]\"\n              [class.elder-table-row-selected]=\"interactionMode === 'selection' && selectionModel.observeSelection(entity) | async\"\n              (click)=\"onItemClick(entity)\"\n              (dblclick)=\"onItemDoubleClick(entity)\"\n          >\n          </tr>\n          <ng-container *ngIf=\"showFooter\">\n            <tr mat-footer-row *matFooterRowDef=\"displayedColumnsInner; sticky: true\"></tr>\n          </ng-container>\n        </ng-container>\n      </table>\n    </div>\n\n    <ng-container *ngIf=\"!isDataValid(dataContext?.data | async)\">\n      <elder-data-context-state-indicator class=\"flex\" [dataContext]=\"dataContext\">\n      </elder-data-context-state-indicator>\n    </ng-container>\n\n    <mat-progress-bar class=\"flex-none\"\n                      [mode]=\"(dataContext?.loading | async) ? 'indeterminate' : 'determinate'\"\n                      [color]=\"((dataContext?.status | async)?.hasError) ? 'warn' : 'primary'\">\n    </mat-progress-bar>\n\n    <!-- Optional Paginator Toolbar -->\n    <mat-paginator #matPaginator *ngIf=\"isActivePaged && (dataActivePaged.page | async) as page\"\n                   class=\"flex-none\"\n                   [length]=\"dataContext?.total | async\"\n                   [pageIndex]=\"page?.index\"\n                   [pageSize]=\"page?.size\"\n                   [pageSizeOptions]=\"pageSizeOptions\">\n    </mat-paginator>\n\n    <!-- Optional Continuation Footer -->\n    <div *ngIf=\"isContinuable\" class=\"layout-row flex-none place-end-center gap-md elder-table-footer\">\n\n      <span class=\"mat-caption noselect\" style=\"color: gray\">\n        {{(dataContext?.data | async)?.length}} / {{total$ | async}}\n      </span>\n\n      <button mat-icon-button type=\"button\" color=\"primary\"\n              [disabled]=\"!(canLoadMore$ | async)\"\n              (click)=\"dataContinuable.loadMore()\">\n        <mat-icon>keyboard_arrow_down</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-card>\n", styles: [".elder-mat-inner-table{width:100%}.elder-table-row.dense{height:42px!important}.elder-mat-table-container{border-radius:4px;overflow:hidden}.mat-column-select{overflow:initial;min-width:72px;max-width:5%;width:72px}.elder-row-removing{text-decoration:line-through}.elder-row-hidden{display:none}.elder-table-row{cursor:pointer}:host{min-width:0;min-height:0}.elder-table-hint{color:gray}.elder-table-footer{height:44px}.elder-table-checkbox{opacity:.25;transition:opacity .5s ease-in-out}.elder-table-row:hover .elder-table-checkbox{opacity:.9}.elder-table-checkbox-visible{opacity:1}\n"] }]
         }], ctorParameters: function () { return [{ type: ElderTableModel }, { type: SelectionModel, decorators: [{
                     type: Optional
                 }] }, { type: ElderDataViewOptionsProvider, decorators: [{
@@ -16289,6 +16316,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     type: Optional
                 }] }]; } });
 
+class ActiveItemEvent {
+    constructor(item, source, focus, creating) {
+        this.item = item;
+        this.source = source;
+        this.focus = focus;
+        this.creating = creating;
+    }
+}
+
 class ElderTableActivationDirective {
     /***************************************************************************
      *                                                                         *
@@ -16305,6 +16341,7 @@ class ElderTableActivationDirective {
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this.destroy$ = new Subject();
         this.activeItem$ = new BehaviorSubject(null);
+        this.activeItemEvent$ = new Subject();
         this.activationOptions = {};
         this._data = [];
         this.rows$ = new BehaviorSubject([]);
@@ -16349,7 +16386,7 @@ class ElderTableActivationDirective {
             newActiveItem = this.previousRowItem();
         }
         if (newActiveItem) {
-            this.focusAndActivate(newActiveItem);
+            this.activateAndFocus(newActiveItem);
         }
         const active = this.activeItem;
         if (active) {
@@ -16368,6 +16405,9 @@ class ElderTableActivationDirective {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    get activeItemEventChange() {
+        return this.activeItemEvent$;
+    }
     get activeItemChange() {
         return this.activeItem$;
     }
@@ -16375,24 +16415,18 @@ class ElderTableActivationDirective {
         return this.activeItem$.getValue();
     }
     set activeItem(item) {
-        if (item !== this.activeItem) {
-            this.activeItem$.next(item);
-            this.logger.debug('Set active item to ', item);
-        }
+        this.activate(item, new ItemActivationOptions(ActivationEventSource.SYSTEM, true));
     }
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    activate(item) {
-        this.activeItem = item;
+    activate(item, options) {
+        this.updateActiveItem(item, options);
     }
-    focusAndActivate(item) {
-        const row = this.getRowForItem(item);
-        if (row) {
-            row.foucs(); // Focus will auto activate the row
-        }
+    activateAndFocus(item) {
+        this.activate(item, new ItemActivationOptions(ActivationEventSource.SYSTEM, true));
     }
     isItemActive(item) {
         if (this.activeItem) {
@@ -16418,6 +16452,13 @@ class ElderTableActivationDirective {
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
+    updateActiveItem(item, options) {
+        this.activeItemEvent$.next(new ActiveItemEvent(item, options.source, options.focus, false));
+        if (item !== this.activeItem) {
+            this.activeItem$.next(item);
+            this.logger.debug('Set active item to ', item);
+        }
+    }
     updateRowsActivation(rows, activeItem) {
         const activeId = this.getId(activeItem);
         rows.forEach(row => {
@@ -16455,7 +16496,7 @@ class ElderTableActivationDirective {
         if (active) {
             const activeId = this.getId(active);
             if (activeId == id) {
-                this.activate(null);
+                this.activate(null, new ItemActivationOptions(ActivationEventSource.SYSTEM, false));
             }
         }
     }
@@ -16483,14 +16524,14 @@ class ElderTableActivationDirective {
     activateFirst() {
         const item = this.getItemAtIndex(0);
         if (item) {
-            this.activate(item);
+            this.activate(item, new ItemActivationOptions(ActivationEventSource.SYSTEM, false));
         }
     }
     activateLast() {
         if (this._data) {
             const item = this.getItemAtIndex(this._data.length - 1);
             if (item) {
-                this.activate(item);
+                this.activate(item, new ItemActivationOptions(ActivationEventSource.SYSTEM, false));
             }
         }
     }
@@ -16553,7 +16594,7 @@ class ElderTableActivationDirective {
     }
 }
 ElderTableActivationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderTableActivationDirective, deps: [{ token: ElderTableComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ElderTableActivationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderTableActivationDirective, selector: "elder-table[elderTableActivation]", inputs: { activationOptions: ["elderTableActivation", "activationOptions"], activeItem: "activeItem" }, outputs: { activeItemChange: "activeItemChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, exportAs: ["elderTableActivation"], ngImport: i0 });
+ElderTableActivationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderTableActivationDirective, selector: "elder-table[elderTableActivation]", inputs: { activationOptions: ["elderTableActivation", "activationOptions"], activeItem: "activeItem" }, outputs: { activeItemEventChange: "activeItemEventChange", activeItemChange: "activeItemChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, exportAs: ["elderTableActivation"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderTableActivationDirective, decorators: [{
             type: Directive,
             args: [{
@@ -16566,6 +16607,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }], onKeydown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
+            }], activeItemEventChange: [{
+                type: Output
             }], activeItemChange: [{
                 type: Output
             }], activeItem: [{
@@ -16665,7 +16708,7 @@ class ElderDeleteActiveDirective {
                     this.logger.debug('Deleting current row was requested: ', active);
                     this.emitDelete(active);
                 }, () => {
-                    this.activation.focusAndActivate(active);
+                    this.activation.activateAndFocus(active);
                 });
             }
         }
@@ -16677,7 +16720,7 @@ class ElderDeleteActiveDirective {
      **************************************************************************/
     checkActivateNext() {
         if (this.latestDeleteRequest?.next) {
-            this.activation.focusAndActivate(this.latestDeleteRequest.next);
+            this.activation.activateAndFocus(this.latestDeleteRequest.next);
             this.latestDeleteRequest = null;
             return true;
         }
@@ -17216,7 +17259,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }] });
 
-class MasterDetailService {
+class ElderMasterDetailActivationEvent {
+    constructor(item, creating, source) {
+        this.item = item;
+        this.creating = creating;
+        this.source = source;
+        this.deactivate = false;
+        if (item == null) {
+            this.deactivate = true;
+        }
+    }
+}
+
+class ElderMasterDetailService {
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -17234,10 +17289,12 @@ class MasterDetailService {
         this._itemActivationRequest$ = new Subject();
         this._activeItem$ = new BehaviorSubject(null);
         this._creatingItem$ = new BehaviorSubject(null);
-        this._activeOrCreating$ = new BehaviorSubject(null);
+        this._activationEvent$ = new BehaviorSubject(null);
         merge(this._creatingItem$, this._activeItem$)
-            .pipe(takeUntil(this.destroy$)).subscribe({
-            next: creatingOrActive => this._activeOrCreating$.next(creatingOrActive)
+            .pipe(filter(event => event !== null), takeUntil(this.destroy$)).subscribe({
+            next: creatingOrActive => {
+                this._activationEvent$.next(new ElderMasterDetailActivationEvent(creatingOrActive?.item, creatingOrActive.creating, creatingOrActive.source));
+            }
         });
     }
     /***************************************************************************
@@ -17254,30 +17311,28 @@ class MasterDetailService {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    get activationEvent$() {
+        return this._activationEvent$.asObservable();
+    }
     get itemActivationRequested() {
         return this._itemActivationRequest$.asObservable();
     }
-    get activeOrCreatingItem$() {
-        return this._activeOrCreating$;
-    }
-    get activeItem$() {
-        return this._activeItem$;
-    }
-    onItemActivated(item) {
-        if (item !== this._activeItem$.getValue()) {
-            this._activeItem$.next(item);
-        }
+    /*  public get activeItem$(): Observable<T> {
+        return this._activeItem$.pipe(map(active => active.item));
+      }*/
+    onItemActivated(event) {
+        this._activeItem$.next(event);
     }
     requestItemActivation(item) {
         this._itemActivationRequest$.next(item);
     }
     activateCreatingItem(item) {
-        this._creatingItem$.next(item);
+        this._creatingItem$.next(new ActiveItemEvent(item, ActivationEventSource.USER_MOUSE_CLICK, false, true));
     }
 }
-MasterDetailService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MasterDetailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MasterDetailService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MasterDetailService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: MasterDetailService, decorators: [{
+ElderMasterDetailService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterDetailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ElderMasterDetailService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterDetailService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterDetailService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -17298,19 +17353,21 @@ class ElderDetailDirective {
          **************************************************************************/
         this.log = LoggerFactory.getLogger(this.constructor.name);
         this.activeDetailItem$ = new BehaviorSubject(null);
-        this.masterDetailService?.activeOrCreatingItem$.subscribe({
+        this.masterDetailService?.activationEvent$.subscribe({
             next: active => {
-                this.activeDetailItem$.next(active);
+                if (active?.item) {
+                    this.activeDetailItem$.next(active.item);
+                }
             }
         });
     }
 }
-ElderDetailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDirective, deps: [{ token: MasterDetailService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderDetailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDirective, deps: [{ token: ElderMasterDetailService }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
 ElderDetailDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderDetailDirective, selector: "[elderDataDetail]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[elderDataDetail]' }]
-        }], ctorParameters: function () { return [{ type: MasterDetailService }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: function () { return [{ type: ElderMasterDetailService }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
 
 class ElderMasterDirective {
     /***************************************************************************
@@ -17920,10 +17977,10 @@ class ElderDetailDialogComponent {
          **************************************************************************/
         this.destroy$ = new Subject();
         this.entity$ = new BehaviorSubject(null);
-        this.masterDetailService.activeOrCreatingItem$
+        this.masterDetailService.activationEvent$
             .pipe(takeUntil(this.destroy$))
             .subscribe({ next: active => {
-                this.entity$.next(active);
+                this.entity$.next(active.item);
             } });
     }
     /***************************************************************************
@@ -17944,7 +18001,7 @@ class ElderDetailDialogComponent {
         this.dialogRef.close(this.entity$.getValue());
     }
 }
-ElderDetailDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDialogComponent, deps: [{ token: i1$7.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }, { token: MasterDetailService }], target: i0.ɵɵFactoryTarget.Component });
+ElderDetailDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDialogComponent, deps: [{ token: i1$7.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }, { token: ElderMasterDetailService }], target: i0.ɵɵFactoryTarget.Component });
 ElderDetailDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderDetailDialogComponent, selector: "elder-detail-dialog", ngImport: i0, template: "<div class=\"layout-col full\">\n\n  <span style=\"width: 100vw;\"></span>\n\n  <!-- Header Section -->\n  <elder-toolbar class=\"gap-md\" *ngIf=\"entity$ | async as entity\">\n    <button (click)=\"close()\" mat-icon-button *elderToolbarColumn=\"'left.begin'\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </elder-toolbar>\n\n  <div class=\"layout-row flex gap-md\">\n    <ng-container *ngTemplateOutlet=\"data.detailTemplateRef\"></ng-container>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: ElderToolbarComponent, selector: "elder-toolbar", inputs: ["color"] }, { kind: "directive", type: ElderToolbarColumnDirective, selector: "[elderToolbarColumn]", inputs: ["elderToolbarColumn", "elderToolbarDefault"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDetailDialogComponent, decorators: [{
             type: Component,
@@ -17956,7 +18013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }, {
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: MasterDetailService }]; } });
+                }] }, { type: ElderMasterDetailService }]; } });
 
 var ElderMasterDetailMode;
 (function (ElderMasterDetailMode) {
@@ -17968,18 +18025,18 @@ function existingOrNewMasterDetailService(serviceProvider) {
     return serviceProvider ?? newMasterDetailService();
 }
 function newMasterDetailService() {
-    return new MasterDetailService();
+    return new ElderMasterDetailService();
 }
 class ElderMasterDetailProvider {
 }
 /**
- * Uses the existing MasterDetailService from a parent if available.
- * Otherwise, creates a new MasterDetailService and provides it.
+ * Uses the existing ElderMasterDetailService from a parent if available.
+ * Otherwise, creates a new ElderMasterDetailService and provides it.
  */
 ElderMasterDetailProvider.ExistingOrNewMasterDetailService = {
-    provide: MasterDetailService,
+    provide: ElderMasterDetailService,
     useFactory: existingOrNewMasterDetailService,
-    deps: [[new Optional(), new SkipSelf(), MasterDetailService]]
+    deps: [[new Optional(), new SkipSelf(), ElderMasterDetailService]]
 };
 
 class ElderMasterDetailComponent {
@@ -18003,15 +18060,15 @@ class ElderMasterDetailComponent {
         this.ElderMasterDetailMode = ElderMasterDetailMode;
         this.mode$
             .pipe(takeUntil(this.destroy$))
-            .subscribe({ next: mode => this.masterDetailService.mode$.next(mode) });
-        this.masterDetailService.activeOrCreatingItem$
+            .subscribe({ next: mode => { this.masterDetailService.mode$.next(mode); } });
+        this.masterDetailService.activationEvent$
             .pipe(takeUntil(this.destroy$))
             .subscribe({
             next: active => {
                 if (this.mode$.getValue() == ElderMasterDetailMode.DIALOG) {
-                    if (active != null) {
+                    if (active.item) {
                         this.closeDialog();
-                        this.openDetailDialog(active);
+                        this.openDetailDialog(active?.item);
                     }
                     else {
                         this.closeDialog();
@@ -18069,7 +18126,7 @@ class ElderMasterDetailComponent {
         }
     }
 }
-ElderMasterDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterDetailComponent, deps: [{ token: MasterDetailService }, { token: i1$7.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+ElderMasterDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterDetailComponent, deps: [{ token: ElderMasterDetailService }, { token: i1$7.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
 ElderMasterDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderMasterDetailComponent, selector: "elder-master-detail", inputs: { mode: "mode" }, providers: [
         ElderMasterDetailProvider.ExistingOrNewMasterDetailService
     ], queries: [{ propertyName: "master", first: true, predicate: ElderMasterDirective, descendants: true, read: TemplateRef }, { propertyName: "detail", first: true, predicate: ElderDetailDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "\n<div class=\"layout-row full\" *ngIf=\"mode$ | async as mode\">\n\n  <div class=\"layout-row full\" *ngIf=\"mode == ElderMasterDetailMode.DIALOG\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n  </div>\n\n  <div class=\"layout-row full gap-md\" *ngIf=\"mode == ElderMasterDetailMode.EMBEDDED\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container >\n    <ng-container *ngTemplateOutlet=\"detail\"></ng-container>\n  </div>\n\n\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -18078,7 +18135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             args: [{ selector: 'elder-master-detail', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         ElderMasterDetailProvider.ExistingOrNewMasterDetailService
                     ], template: "\n<div class=\"layout-row full\" *ngIf=\"mode$ | async as mode\">\n\n  <div class=\"layout-row full\" *ngIf=\"mode == ElderMasterDetailMode.DIALOG\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container>\n  </div>\n\n  <div class=\"layout-row full gap-md\" *ngIf=\"mode == ElderMasterDetailMode.EMBEDDED\">\n    <ng-container *ngTemplateOutlet=\"master\"></ng-container >\n    <ng-container *ngTemplateOutlet=\"detail\"></ng-container>\n  </div>\n\n\n</div>\n\n\n" }]
-        }], ctorParameters: function () { return [{ type: MasterDetailService }, { type: i1$7.MatDialog }, { type: i0.ViewContainerRef }]; }, propDecorators: { master: [{
+        }], ctorParameters: function () { return [{ type: ElderMasterDetailService }, { type: i1$7.MatDialog }, { type: i0.ViewContainerRef }]; }, propDecorators: { master: [{
                 type: ContentChild,
                 args: [ElderMasterDirective, { read: TemplateRef, static: false }]
             }], detail: [{
@@ -18103,6 +18160,7 @@ class ElderMasterActivationDirective {
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
+        this.destroy$ = new Subject();
         this.log = LoggerFactory.getLogger(this.constructor.name);
     }
     /***************************************************************************
@@ -18110,21 +18168,31 @@ class ElderMasterActivationDirective {
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     ngOnInit() {
-        this.tableActivation.activeItem$.subscribe({
-            next: active => {
-                this.log.info('Table-Activation changed, setting master-detail active-item', active);
-                this.masterDetailService.onItemActivated(active);
+        this.tableActivation.activeItemEventChange.pipe(takeUntil(this.destroy$)).subscribe({
+            next: event => {
+                this.log.debug('Table-Activation changed, notifying master-detail', event);
+                this.masterDetailService.onItemActivated(event);
             },
             error: err => this.toastService.error("Failed to set active item", err)
         });
-        this.masterDetailService.itemActivationRequested.subscribe({
+        this.masterDetailService.itemActivationRequested.pipe(takeUntil(this.destroy$)).subscribe({
             next: item => {
-                this.tableActivation.activate(item);
+                this.tableActivation.activate(item, new ItemActivationOptions(ActivationEventSource.SYSTEM, true) // TODO keyboard, arrow?
+                ); // Maybe support activationRequest.source and map
             }
         });
-        this.masterDetailService.mode$.subscribe({ next: mode => this.onModeChange(mode) });
+        this.masterDetailService.mode$.pipe(takeUntil(this.destroy$)).subscribe({ next: mode => this.onModeChange(mode) });
     }
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
     onModeChange(mode) {
         if (mode == ElderMasterDetailMode.EMBEDDED) {
             this.tableActivation.activationOptions = { mode: 'once', row: 'first' };
@@ -18134,14 +18202,14 @@ class ElderMasterActivationDirective {
         }
     }
 }
-ElderMasterActivationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterActivationDirective, deps: [{ token: ElderToastService }, { token: ElderTableActivationDirective }, { token: MasterDetailService }], target: i0.ɵɵFactoryTarget.Directive });
+ElderMasterActivationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterActivationDirective, deps: [{ token: ElderToastService }, { token: ElderTableActivationDirective }, { token: ElderMasterDetailService }], target: i0.ɵɵFactoryTarget.Directive });
 ElderMasterActivationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderMasterActivationDirective, selector: "[elderMasterActivation]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderMasterActivationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderMasterActivation]',
                 }]
-        }], ctorParameters: function () { return [{ type: ElderToastService }, { type: ElderTableActivationDirective }, { type: MasterDetailService }]; } });
+        }], ctorParameters: function () { return [{ type: ElderToastService }, { type: ElderTableActivationDirective }, { type: ElderMasterDetailService }]; } });
 
 class ElderFromFieldCustomizableBase extends ElderFromFieldBase {
     constructor() {
@@ -30143,5 +30211,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Arrays, AuditedEntity, AutoStartSpec, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceChangeType, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutocompleteComponent, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCheckboxState, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, 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, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailMode, ElderMasterDetailModule, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectBase, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPanelComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityModule, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRepeatPipeLegacy, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSingleSortComponent, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTrimPipe, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalParsePipe, IsoIntervalPipe, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailService, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveMap, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchQuery, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, buildFormIntegrationProviders, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, ActiveItemEvent, Arrays, AuditedEntity, AutoStartSpec, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceChangeType, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutocompleteComponent, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCheckboxState, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, 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, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailActivationEvent, ElderMasterDetailComponent, ElderMasterDetailMode, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectBase, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPanelComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityModule, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRepeatPipeLegacy, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSingleSortComponent, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTrimPipe, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveMap, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchQuery, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, buildFormIntegrationProviders, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+//# sourceMappingURL=elderbyte-ngx-starter.mjs.map
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map