@elderbyte/ngx-starter 19.2.3 → 19.2.5

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -12436,7 +12436,7 @@ class ElderCardStackComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderCardStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderCardStackComponent, isStandalone: true, selector: "elder-card-stack", inputs: { stackId: "stackId", headerEnabled: "headerEnabled", headerTitle: "headerTitle", canRemove: "canRemove", canAdd: "canAdd", canDrag: "canDrag", removeConfirmation: "removeConfirmation", canEnterPredicate: "canEnterPredicate", connectedTo: "connectedTo", autoMoveCards: "autoMoveCards", canCollapse: "canCollapse", copyOnDrag: "copyOnDrag", cardTemplate: "cardTemplate", stack: "stack" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, queries: [{ propertyName: "cardTemplateQuery", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"layout-col full card-stack hoverme\">\n  <!-- Header -->\n  <header\n    *ngIf=\"headerEnabled\"\n    class=\"layout-row place-start-center flex-none gap-md stack-header p-md\"\n  >\n    <h3 class=\"mat-subtitle-2 noselect\">{{ headerTitle | translate }}</h3>\n    <small class=\"mat-caption noselect\">({{ (cards$ | async)?.length }})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n    <div\n      class=\"layout-col gap-sm scrollable p-sm card-list\"\n      [id]=\"stackId\"\n      cdkDropList\n      [cdkDropListDisabled]=\"!canDrag\"\n      [cdkDropListData]=\"stack\"\n      [cdkDropListConnectedTo]=\"connectedTo\"\n      [cdkDropListEnterPredicate]=\"enterPredicate\"\n      (cdkDropListEntered)=\"cardEntered($event)\"\n      (cdkDropListExited)=\"cardExited($event)\"\n      (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag\n        [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\"\n      >\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              cardTemplate || simpleCardTemplate;\n              context: { $implicit: card, index: i }\n            \"\n          ></ng-container>\n\n          <button\n            mat-icon-button\n            type=\"button\"\n            *ngIf=\"canRemove\"\n            class=\"hide\"\n            (click)=\"onRequestRemoveCard($event, card)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      </elder-card>\n    </div>\n  </div>\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{ card }}</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".card-stack{border-radius:var(--elder-border-radius-sm);border:var(--elder-border-light)}.card-list.cdk-drop-list-dragging{border:2px dashed var(--md-sys-color-outline-variant)}.stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{border-radius:var(--elder-border-radius-sm);box-shadow:var(--mat-app-elevation-shadow-level-1);cursor:move;overflow:hidden}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{transform:rotate(-90deg)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderCardStackComponent, isStandalone: true, selector: "elder-card-stack", inputs: { stackId: "stackId", headerEnabled: "headerEnabled", headerTitle: "headerTitle", canRemove: "canRemove", canAdd: "canAdd", canDrag: "canDrag", removeConfirmation: "removeConfirmation", canEnterPredicate: "canEnterPredicate", connectedTo: "connectedTo", autoMoveCards: "autoMoveCards", canCollapse: "canCollapse", copyOnDrag: "copyOnDrag", cardTemplate: "cardTemplate", stack: "stack" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, queries: [{ propertyName: "cardTemplateQuery", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"layout-col full card-stack hoverme\">\n  <!-- Header -->\n  <header\n    *ngIf=\"headerEnabled\"\n    class=\"layout-row place-start-center flex-none gap-md stack-header p-md\"\n  >\n    <h3 class=\"mat-subtitle-2 noselect\">{{ headerTitle | translate }}</h3>\n    <small class=\"mat-caption noselect\">({{ (cards$ | async)?.length }})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n    <div\n      class=\"layout-col gap-sm scrollable p-sm card-list\"\n      [id]=\"stackId\"\n      cdkDropList\n      [cdkDropListDisabled]=\"!canDrag\"\n      [cdkDropListData]=\"stack\"\n      [cdkDropListConnectedTo]=\"connectedTo\"\n      [cdkDropListEnterPredicate]=\"enterPredicate\"\n      (cdkDropListEntered)=\"cardEntered($event)\"\n      (cdkDropListExited)=\"cardExited($event)\"\n      (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag\n        [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\"\n      >\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              cardTemplate || simpleCardTemplate;\n              context: { $implicit: card, index: i }\n            \"\n          ></ng-container>\n\n          <button\n            mat-icon-button\n            type=\"button\"\n            *ngIf=\"canRemove\"\n            class=\"hide\"\n            (click)=\"onRequestRemoveCard($event, card)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      </elder-card>\n    </div>\n  </div>\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{ card }}</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".card-stack{border-radius:var(--elder-border-radius-sm);border:var(--elder-border-light)}.card-list.cdk-drop-list-dragging{border:2px dashed var(--md-sys-color-outline-variant)}.stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{border-radius:var(--elder-border-radius-sm);box-shadow:var(--mat-app-elevation-shadow-level-1);cursor:move;overflow:hidden}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{transform:rotate(-90deg)}.noselect{-webkit-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderCardStackComponent, decorators: [{
             type: Component,
@@ -12453,7 +12453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
                         NgTemplateOutlet,
                         AsyncPipe,
                         TranslateModule,
-                    ], template: "<div class=\"layout-col full card-stack hoverme\">\n  <!-- Header -->\n  <header\n    *ngIf=\"headerEnabled\"\n    class=\"layout-row place-start-center flex-none gap-md stack-header p-md\"\n  >\n    <h3 class=\"mat-subtitle-2 noselect\">{{ headerTitle | translate }}</h3>\n    <small class=\"mat-caption noselect\">({{ (cards$ | async)?.length }})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n    <div\n      class=\"layout-col gap-sm scrollable p-sm card-list\"\n      [id]=\"stackId\"\n      cdkDropList\n      [cdkDropListDisabled]=\"!canDrag\"\n      [cdkDropListData]=\"stack\"\n      [cdkDropListConnectedTo]=\"connectedTo\"\n      [cdkDropListEnterPredicate]=\"enterPredicate\"\n      (cdkDropListEntered)=\"cardEntered($event)\"\n      (cdkDropListExited)=\"cardExited($event)\"\n      (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag\n        [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\"\n      >\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              cardTemplate || simpleCardTemplate;\n              context: { $implicit: card, index: i }\n            \"\n          ></ng-container>\n\n          <button\n            mat-icon-button\n            type=\"button\"\n            *ngIf=\"canRemove\"\n            class=\"hide\"\n            (click)=\"onRequestRemoveCard($event, card)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      </elder-card>\n    </div>\n  </div>\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{ card }}</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".card-stack{border-radius:var(--elder-border-radius-sm);border:var(--elder-border-light)}.card-list.cdk-drop-list-dragging{border:2px dashed var(--md-sys-color-outline-variant)}.stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{border-radius:var(--elder-border-radius-sm);box-shadow:var(--mat-app-elevation-shadow-level-1);cursor:move;overflow:hidden}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{transform:rotate(-90deg)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], template: "<div class=\"layout-col full card-stack hoverme\">\n  <!-- Header -->\n  <header\n    *ngIf=\"headerEnabled\"\n    class=\"layout-row place-start-center flex-none gap-md stack-header p-md\"\n  >\n    <h3 class=\"mat-subtitle-2 noselect\">{{ headerTitle | translate }}</h3>\n    <small class=\"mat-caption noselect\">({{ (cards$ | async)?.length }})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n    <div\n      class=\"layout-col gap-sm scrollable p-sm card-list\"\n      [id]=\"stackId\"\n      cdkDropList\n      [cdkDropListDisabled]=\"!canDrag\"\n      [cdkDropListData]=\"stack\"\n      [cdkDropListConnectedTo]=\"connectedTo\"\n      [cdkDropListEnterPredicate]=\"enterPredicate\"\n      (cdkDropListEntered)=\"cardEntered($event)\"\n      (cdkDropListExited)=\"cardExited($event)\"\n      (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag\n        [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\"\n      >\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              cardTemplate || simpleCardTemplate;\n              context: { $implicit: card, index: i }\n            \"\n          ></ng-container>\n\n          <button\n            mat-icon-button\n            type=\"button\"\n            *ngIf=\"canRemove\"\n            class=\"hide\"\n            (click)=\"onRequestRemoveCard($event, card)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      </elder-card>\n    </div>\n  </div>\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{ card }}</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".card-stack{border-radius:var(--elder-border-radius-sm);border:var(--elder-border-light)}.card-list.cdk-drop-list-dragging{border:2px dashed var(--md-sys-color-outline-variant)}.stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{border-radius:var(--elder-border-radius-sm);box-shadow:var(--mat-app-elevation-shadow-level-1);cursor:move;overflow:hidden}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{transform:rotate(-90deg)}.noselect{-webkit-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { stackId: [{
                 type: Input
             }], headerEnabled: [{
@@ -13698,11 +13698,11 @@ class ElderHeaderComponent {
      **************************************************************************/
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ElderHeaderComponent, isStandalone: true, selector: "elder-header", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: false, isRequired: false, transformFunction: null }, truncateHeader: { classPropertyName: "truncateHeader", publicName: "truncateHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"layout-col\">\n  <h2 [class]=\"[(truncateHeader() ? 'truncate-line' : undefined)]\">{{ header ? header : ('-' | translate) }}</h2>\n  <span [class]=\"['mat-caption', (truncateHeader() ? 'truncate-line' : undefined)]\">{{ subheader ? subheader : ('-' | translate) }}</span>\n</div>\n", styles: ["h2{margin:0;font:var(--md-sys-typescale-title-large);letter-spacing:var(--md-sys-typescale-title-large-tracking)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.0", type: ElderHeaderComponent, isStandalone: true, selector: "elder-header", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: false, isRequired: false, transformFunction: null }, subheader: { classPropertyName: "subheader", publicName: "subheader", isSignal: false, isRequired: false, transformFunction: null }, truncateHeader: { classPropertyName: "truncateHeader", publicName: "truncateHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"layout-col\">\n  <h2 [class]=\"[truncateHeader() ? 'truncate-line' : undefined]\">\n    {{ header ? header : ('-' | translate) }}\n  </h2>\n  <span [class]=\"['mat-caption', truncateHeader() ? 'truncate-line' : undefined]\">{{\n    subheader ? subheader : ('-' | translate)\n  }}</span>\n</div>\n", styles: ["h2{margin:0;font:var(--md-sys-typescale-title-large);letter-spacing:var(--md-sys-typescale-title-large-tracking)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-header', imports: [TranslateModule], template: "<div class=\"layout-col\">\n  <h2 [class]=\"[(truncateHeader() ? 'truncate-line' : undefined)]\">{{ header ? header : ('-' | translate) }}</h2>\n  <span [class]=\"['mat-caption', (truncateHeader() ? 'truncate-line' : undefined)]\">{{ subheader ? subheader : ('-' | translate) }}</span>\n</div>\n", styles: ["h2{margin:0;font:var(--md-sys-typescale-title-large);letter-spacing:var(--md-sys-typescale-title-large-tracking)}\n"] }]
+            args: [{ selector: 'elder-header', imports: [TranslateModule], template: "<div class=\"layout-col\">\n  <h2 [class]=\"[truncateHeader() ? 'truncate-line' : undefined]\">\n    {{ header ? header : ('-' | translate) }}\n  </h2>\n  <span [class]=\"['mat-caption', truncateHeader() ? 'truncate-line' : undefined]\">{{\n    subheader ? subheader : ('-' | translate)\n  }}</span>\n</div>\n", styles: ["h2{margin:0;font:var(--md-sys-typescale-title-large);letter-spacing:var(--md-sys-typescale-title-large-tracking)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { header: [{
                 type: Input
             }], subheader: [{
@@ -14427,7 +14427,7 @@ class DataViewActivationController {
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
-        this.dataSource$ = new BehaviorSubject(undefined);
+        this.dataContext$ = new BehaviorSubject(undefined);
         this.dataInView$ = new BehaviorSubject([]);
         this.options = {
             loop: true,
@@ -14439,7 +14439,7 @@ class DataViewActivationController {
     bindToViewData(dataView) {
         const dc$ = dataView.dataContext$.pipe(takeUntilDestroyed(), filter((dc) => !!dc));
         dc$
-            .pipe(tap((dc) => this.dataSource$.next(dc.dataSource)), switchMap$1((dc) => dc.data))
+            .pipe(tap((dc) => this.dataContext$.next(dc)), switchMap$1((dc) => dc.data))
             .subscribe((data) => {
             this.dataInView$.next(data);
             this.handleAutoActivations();
@@ -14540,7 +14540,9 @@ class DataViewActivationController {
             case 'never':
                 break;
             case 'always':
-                this.autoActivateItem(this.options);
+                if (!this.isActiveItemValid()) {
+                    this.autoActivateItem(this.options);
+                }
                 break;
             case 'once':
                 if (!this.hasActiveItem) {
@@ -14549,6 +14551,16 @@ class DataViewActivationController {
                 break;
         }
     }
+    isActiveItemValid() {
+        const active = this.activeItem;
+        const dc = this.dataContext$.value;
+        if (active && dc) {
+            const activeId = dc.dataSource.getId(active);
+            const found = dc.findById(activeId);
+            return !!found;
+        }
+        return false;
+    }
     autoActivateItem(options) {
         switch (options.autoActivateItem) {
             case 'first':
@@ -14606,7 +14618,7 @@ class DataViewActivationController {
     }
     getId(item) {
         if (item) {
-            const ds = this.dataSource$.getValue();
+            const ds = this.dataContext$.value?.dataSource;
             return ds?.getId(item);
         }
         else {
@@ -16358,7 +16370,7 @@ class ElderTableComponent extends ElderDataViewBaseComponent {
     }
     getRowForItem(item) {
         const rows = this.rows$.getValue();
-        return rows.find((r) => r.model === item);
+        return rows.find((r) => this.getId(r.model) === this.getId(item));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderTableComponent, deps: [{ token: ElderTableModel }, { token: SelectionModel, optional: true }, { token: ElderDataViewOptionsProvider, optional: true, skipSelf: true }, { token: i2$3.MatSort, optional: true }, { token: ElderTableExtensionDirective, optional: true, skipSelf: true }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ElderTableComponent, isStandalone: true, selector: "elder-table", inputs: { idField: { classPropertyName: "idField", publicName: "idField", isSignal: false, isRequired: false, transformFunction: null }, removingField: { classPropertyName: "removingField", publicName: "removingField", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: false, isRequired: false, transformFunction: null }, keepSelection: { classPropertyName: "keepSelection", publicName: "keepSelection", isSignal: false, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: false, isRequired: false, transformFunction: null }, denseHorizontal: { classPropertyName: "denseHorizontal", publicName: "denseHorizontal", isSignal: true, isRequired: false, transformFunction: null }, toolbarTemplate: { classPropertyName: "toolbarTemplate", publicName: "toolbarTemplate", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
@@ -19250,8 +19262,8 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
         return columnCount;
     }
     getTileForItem(item) {
-        const tiles = this.tiles();
-        return tiles.find((tile) => tile.value() === item);
+        const tiles = untracked(this.tiles);
+        return tiles.find((tile) => this.getId(untracked(tile.value)) === this.getId(item));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderGridComponent, deps: [{ token: SelectionModel, optional: true }, { token: ElderDataViewOptionsProvider, optional: true, skipSelf: true }, { token: i3.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ElderGridComponent, isStandalone: true, selector: "elder-grid", inputs: { toolbarVisible: { classPropertyName: "toolbarVisible", publicName: "toolbarVisible", isSignal: false, isRequired: false, transformFunction: null }, footerVisible: { classPropertyName: "footerVisible", publicName: "footerVisible", isSignal: false, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: false, isRequired: false, transformFunction: null }, tileOutlined: { classPropertyName: "tileOutlined", publicName: "tileOutlined", isSignal: true, isRequired: false, transformFunction: null }, responsiveColumnCount: { classPropertyName: "responsiveColumnCount", publicName: "responsiveColumnCount", isSignal: true, isRequired: false, transformFunction: null }, availableSorts: { classPropertyName: "availableSorts", publicName: "availableSorts", isSignal: false, isRequired: false, transformFunction: null }, sortTranslationPrefix: { classPropertyName: "sortTranslationPrefix", publicName: "sortTranslationPrefix", isSignal: false, isRequired: false, transformFunction: null }, hiddenField: { classPropertyName: "hiddenField", publicName: "hiddenField", isSignal: false, isRequired: false, transformFunction: null }, selectionVisible: { classPropertyName: "selectionVisible", publicName: "selectionVisible", isSignal: false, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: false, isRequired: false, transformFunction: null }, tileTemplate: { classPropertyName: "tileTemplate", publicName: "tileTemplate", isSignal: false, isRequired: false, transformFunction: null }, toolbarTemplate: { classPropertyName: "toolbarTemplate", publicName: "toolbarTemplate", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columnCount: { classPropertyName: "columnCount", publicName: "columnCount", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
@@ -19412,12 +19424,13 @@ class ElderGridActivationDirective {
         this.activationModel.activate(item, options);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderGridActivationDirective, deps: [{ token: ElderGridComponent }, { token: i0.DestroyRef }, { token: ActivationModel }, { token: DataViewActivationController }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ElderGridActivationDirective, isStandalone: true, selector: "[elderGridActivation]", inputs: { activationOptions: ["elderTableActivation", "activationOptions"], activeItem: "activeItem" }, outputs: { activeItemEventChange: "activeItemEventChange", activeItemChange: "activeItemChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, providers: [ActivationModel, DataViewActivationController], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: ElderGridActivationDirective, isStandalone: true, selector: "elder-grid[elderGridActivation]", inputs: { activationOptions: ["elderGridActivation", "activationOptions"], activeItem: "activeItem" }, outputs: { activeItemEventChange: "activeItemEventChange", activeItemChange: "activeItemChange" }, host: { listeners: { "keydown": "onKeydown($event)" } }, providers: [ActivationModel, DataViewActivationController], exportAs: ["elderGridActivation"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderGridActivationDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[elderGridActivation]',
+                    selector: 'elder-grid[elderGridActivation]',
+                    exportAs: 'elderGridActivation',
                     standalone: true,
                     providers: [ActivationModel, DataViewActivationController],
                 }]
@@ -19426,7 +19439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
                 args: ['keydown', ['$event']]
             }], activationOptions: [{
                 type: Input,
-                args: ['elderTableActivation']
+                args: ['elderGridActivation']
             }], activeItemEventChange: [{
                 type: Output
             }], activeItemChange: [{
@@ -20350,157 +20363,6 @@ class ElderMasterDetailProvider {
     }; }
 }
 
-class ElderPaneComponent {
-    constructor() {
-        this.class = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneComponent, isStandalone: true, selector: "elder-pane", host: { properties: { "class": "this.class" }, classAttribute: "elder-pane" }, ngImport: i0, template: `<div class="elder-pane-inner">
-    <ng-content select="elder-pane-header"></ng-content>
-    <ng-content select="elder-pane-content"></ng-content>
-    <ng-content></ng-content>
-  </div>`, isInline: true, styles: [":host{display:block;overflow:hidden;border-radius:var(--elder-pane-border-radius);background-color:var(--elder-pane-bg-color);flex:1 1 0}.elder-pane-inner{display:flex;flex-flow:column nowrap;width:100%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-pane', imports: [], host: {
-                        class: 'elder-pane',
-                    }, template: `<div class="elder-pane-inner">
-    <ng-content select="elder-pane-header"></ng-content>
-    <ng-content select="elder-pane-content"></ng-content>
-    <ng-content></ng-content>
-  </div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;overflow:hidden;border-radius:var(--elder-pane-border-radius);background-color:var(--elder-pane-bg-color);flex:1 1 0}.elder-pane-inner{display:flex;flex-flow:column nowrap;width:100%;height:100%;overflow:auto}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ElderPaneContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneContentComponent, isStandalone: true, selector: "elder-pane-content", host: { classAttribute: "layout-col flex p-md" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-pane-content', imports: [], host: {
-                        class: 'layout-col flex p-md',
-                    }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}\n"] }]
-        }] });
-
-class ElderPaneTitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneTitleComponent, isStandalone: true, selector: "elder-pane-title", ngImport: i0, template: `<!-- template -->
-    <h3 class="elder-pane-title text-title-large">
-      <ng-content></ng-content>
-    </h3> `, isInline: true, styles: [".elder-pane-title{margin-top:2px;margin-bottom:var(--elder-pane-title-margin-bottom)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-pane-title', imports: [], host: {
-                        class: '',
-                    }, template: `<!-- template -->
-    <h3 class="elder-pane-title text-title-large">
-      <ng-content></ng-content>
-    </h3> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".elder-pane-title{margin-top:2px;margin-bottom:var(--elder-pane-title-margin-bottom)}\n"] }]
-        }] });
-
-class ElderPaneHeaderComponent {
-    constructor() {
-        this.class = 'p-md';
-        this.title = input('');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ElderPaneHeaderComponent, isStandalone: true, selector: "elder-pane-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" }, classAttribute: "elder-pane-header" }, ngImport: i0, template: `<!-- template -->
-    <div class="layout-row place-between-center">
-      <div class="layout-row place-start-center gap-sm hide-if-empty">
-        <ng-content select="mat-icon, [mat-icon-button]"></ng-content>
-        <ng-content select="[start]"></ng-content>
-        <ng-content select="elder-pane-title"></ng-content>
-        @if (title()) {
-          <elder-pane-title>{{ title() }}</elder-pane-title>
-        }
-      </div>
-
-      <div class="layout-row place-around-center flex gap-sm hide-if-empty">
-        <ng-content select="[center]"></ng-content>
-      </div>
-
-      <div class="layout-row place-end-center gap-sm hide-if-empty">
-        <ng-content select="elder-pane-actions"></ng-content>
-        <ng-content select="[end]"></ng-content>
-        <ng-content></ng-content>
-      </div>
-    </div>`, isInline: true, styles: [":host{display:block}.hide-if-empty:empty{display:none}\n"], dependencies: [{ kind: "component", type: ElderPaneTitleComponent, selector: "elder-pane-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-pane-header', imports: [ElderPaneTitleComponent], host: {
-                        class: 'elder-pane-header',
-                    }, template: `<!-- template -->
-    <div class="layout-row place-between-center">
-      <div class="layout-row place-start-center gap-sm hide-if-empty">
-        <ng-content select="mat-icon, [mat-icon-button]"></ng-content>
-        <ng-content select="[start]"></ng-content>
-        <ng-content select="elder-pane-title"></ng-content>
-        @if (title()) {
-          <elder-pane-title>{{ title() }}</elder-pane-title>
-        }
-      </div>
-
-      <div class="layout-row place-around-center flex gap-sm hide-if-empty">
-        <ng-content select="[center]"></ng-content>
-      </div>
-
-      <div class="layout-row place-end-center gap-sm hide-if-empty">
-        <ng-content select="elder-pane-actions"></ng-content>
-        <ng-content select="[end]"></ng-content>
-        <ng-content></ng-content>
-      </div>
-    </div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.hide-if-empty:empty{display:none}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ElderPaneSubtitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneSubtitleComponent, isStandalone: true, selector: "elder-pane-subtitle", ngImport: i0, template: `<!-- template -->
-    <h4 class="elder-pane-subtitle text-title-medium">
-      <ng-content></ng-content>
-    </h4> `, isInline: true, styles: [".elder-pane-subtitle{margin-top:0!important;padding-bottom:0!important;margin-bottom:var(--elder-pane-subtitle-margin-bottom)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneSubtitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-pane-subtitle', imports: [], host: {
-                        class: '',
-                    }, template: `<!-- template -->
-    <h4 class="elder-pane-subtitle text-title-medium">
-      <ng-content></ng-content>
-    </h4> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".elder-pane-subtitle{margin-top:0!important;padding-bottom:0!important;margin-bottom:var(--elder-pane-subtitle-margin-bottom)!important}\n"] }]
-        }] });
-
-class ElderPaneActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneActionsComponent, isStandalone: true, selector: "elder-pane-actions", host: { classAttribute: "elder-pane-actions" }, ngImport: i0, template: `<!-- template -->
-    <div class="layout-row gap-sm">
-      <ng-content></ng-content>
-    </div> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneActionsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'elder-pane-actions',
-                    imports: [],
-                    host: {
-                        class: 'elder-pane-actions',
-                    },
-                    template: `<!-- template -->
-    <div class="layout-row gap-sm">
-      <ng-content></ng-content>
-    </div> `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-
 class ElderBasicPaneLayoutComponent {
     constructor() {
         this.class = '';
@@ -20513,7 +20375,7 @@ class ElderBasicPaneLayoutComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderBasicPaneLayoutComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElderPaneComponent, CommonModule], selector: 'elder-basic-pane-layout', host: {
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], selector: 'elder-basic-pane-layout', host: {
                         class: 'elder-basic-pane-layout',
                     }, template: `
     <!-- inline-html -->
@@ -27028,11 +26890,11 @@ class ElderNavListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderNavListComponent, isStandalone: true, selector: "elder-nav-list", inputs: { compareWith: "compareWith", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div\n    class=\"layout-col p-sm flex scrollable mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderNavListComponent, isStandalone: true, selector: "elder-nav-list", inputs: { compareWith: "compareWith", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div\n    class=\"layout-col p-sm flex scrollable mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderNavListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-nav-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div\n    class=\"layout-col p-sm flex scrollable mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"] }]
+            args: [{ selector: 'elder-nav-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div\n    class=\"layout-col p-sm flex scrollable mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { compareWith: [{
                 type: Input
             }], valueChange: [{
@@ -28423,11 +28285,11 @@ class ElderAppHeaderComponent {
         this.iconColor$.next(c);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderAppHeaderComponent, deps: [{ token: ElderThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderAppHeaderComponent, isStandalone: true, selector: "elder-app-header", inputs: { icon: "icon", svgIcon: "svgIcon", title: "title", subTitle: "subTitle", subTitleLink: "subTitleLink", version: "version", color: "color", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"elder-panel mat-primary layout-col full light\">\n  <div class=\"layout-row flex-none p-lg pb-sm\">\n    <div class=\"layout-row place-center-center\">\n      <a routerLink=\"/\" class=\"link-unstyled\">\n        <mat-icon\n          class=\"service-icon noselect svg-icon-inherit-color\"\n          [svgIcon]=\"svgIcon\"\n          >{{ icon }}</mat-icon\n        >\n      </a>\n    </div>\n    <div class=\"layout-col place-center-start\">\n      <div class=\"layout-col place-center-center\" style=\"width: 100%\">\n        <div class=\"layout-row place-start-end gap-xs\">\n          <a routerLink=\"/\" id=\"title\" class=\"noselect link-unstyled\" style=\"font-size: 28px\">{{\n            title\n          }}</a>\n          <span class=\"mat-caption noselect\">\n            <small>{{ version }}</small>\n          </span>\n        </div>\n      </div>\n      <div class=\"layout-row place-start-center\">\n        <span class=\"mat-caption noselect\">\n          <span *ngIf=\"!subTitleLink\">{{ subTitle }}</span>\n          <a\n            *ngIf=\"subTitleLink\"\n            [href]=\"subTitleLink\"\n            target=\"_blank\"\n            style=\"text-decoration: none; color: inherit\"\n            >{{ subTitle }}</a\n          >\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Project child content here -->\n  <ng-content></ng-content>\n</div>\n", styles: [".link-unstyled{text-decoration:none;color:inherit}.elder-app-header-panel{background-color:var(--md-sys-color-primary)}.service-icon{font-size:42px;width:82px;height:82px;padding:20px;color:var(--md-sys-color-on-primary)}:host-context(.elder-dark-theme) .service-icon{color:var(--md-sys-color-tertiary)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderAppHeaderComponent, isStandalone: true, selector: "elder-app-header", inputs: { icon: "icon", svgIcon: "svgIcon", title: "title", subTitle: "subTitle", subTitleLink: "subTitleLink", version: "version", color: "color", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"elder-panel mat-primary layout-col full light\">\n  <div class=\"layout-row flex-none p-lg pb-sm\">\n    <div class=\"layout-row place-center-center\">\n      <a routerLink=\"/\" class=\"link-unstyled\">\n        <mat-icon class=\"service-icon noselect svg-icon-inherit-color\" [svgIcon]=\"svgIcon\">{{\n          icon\n        }}</mat-icon>\n      </a>\n    </div>\n    <div class=\"layout-col place-center-start\">\n      <div class=\"layout-col place-center-center\" style=\"width: 100%\">\n        <div class=\"layout-row place-start-end gap-xs\">\n          <a routerLink=\"/\" id=\"title\" class=\"noselect link-unstyled\" style=\"font-size: 28px\">{{\n            title\n          }}</a>\n          <span class=\"mat-caption noselect\">\n            <small>{{ version }}</small>\n          </span>\n        </div>\n      </div>\n      <div class=\"layout-row place-start-center\">\n        <span class=\"mat-caption noselect\">\n          <span *ngIf=\"!subTitleLink\">{{ subTitle }}</span>\n          <a\n            *ngIf=\"subTitleLink\"\n            [href]=\"subTitleLink\"\n            target=\"_blank\"\n            style=\"text-decoration: none; color: inherit\"\n            >{{ subTitle }}</a\n          >\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Project child content here -->\n  <ng-content></ng-content>\n</div>\n", styles: [".link-unstyled{text-decoration:none;color:inherit}.elder-app-header-panel{background-color:var(--md-sys-color-primary)}.service-icon{font-size:42px;width:82px;height:82px;padding:20px;color:var(--md-sys-color-on-primary)}:host-context(.elder-dark-theme) .service-icon{color:var(--md-sys-color-tertiary)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderAppHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-app-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, NgIf, AsyncPipe, RouterLink], standalone: true, template: "<div class=\"elder-panel mat-primary layout-col full light\">\n  <div class=\"layout-row flex-none p-lg pb-sm\">\n    <div class=\"layout-row place-center-center\">\n      <a routerLink=\"/\" class=\"link-unstyled\">\n        <mat-icon\n          class=\"service-icon noselect svg-icon-inherit-color\"\n          [svgIcon]=\"svgIcon\"\n          >{{ icon }}</mat-icon\n        >\n      </a>\n    </div>\n    <div class=\"layout-col place-center-start\">\n      <div class=\"layout-col place-center-center\" style=\"width: 100%\">\n        <div class=\"layout-row place-start-end gap-xs\">\n          <a routerLink=\"/\" id=\"title\" class=\"noselect link-unstyled\" style=\"font-size: 28px\">{{\n            title\n          }}</a>\n          <span class=\"mat-caption noselect\">\n            <small>{{ version }}</small>\n          </span>\n        </div>\n      </div>\n      <div class=\"layout-row place-start-center\">\n        <span class=\"mat-caption noselect\">\n          <span *ngIf=\"!subTitleLink\">{{ subTitle }}</span>\n          <a\n            *ngIf=\"subTitleLink\"\n            [href]=\"subTitleLink\"\n            target=\"_blank\"\n            style=\"text-decoration: none; color: inherit\"\n            >{{ subTitle }}</a\n          >\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Project child content here -->\n  <ng-content></ng-content>\n</div>\n", styles: [".link-unstyled{text-decoration:none;color:inherit}.elder-app-header-panel{background-color:var(--md-sys-color-primary)}.service-icon{font-size:42px;width:82px;height:82px;padding:20px;color:var(--md-sys-color-on-primary)}:host-context(.elder-dark-theme) .service-icon{color:var(--md-sys-color-tertiary)}\n"] }]
+            args: [{ selector: 'elder-app-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, NgIf, AsyncPipe, RouterLink], standalone: true, template: "<div class=\"elder-panel mat-primary layout-col full light\">\n  <div class=\"layout-row flex-none p-lg pb-sm\">\n    <div class=\"layout-row place-center-center\">\n      <a routerLink=\"/\" class=\"link-unstyled\">\n        <mat-icon class=\"service-icon noselect svg-icon-inherit-color\" [svgIcon]=\"svgIcon\">{{\n          icon\n        }}</mat-icon>\n      </a>\n    </div>\n    <div class=\"layout-col place-center-start\">\n      <div class=\"layout-col place-center-center\" style=\"width: 100%\">\n        <div class=\"layout-row place-start-end gap-xs\">\n          <a routerLink=\"/\" id=\"title\" class=\"noselect link-unstyled\" style=\"font-size: 28px\">{{\n            title\n          }}</a>\n          <span class=\"mat-caption noselect\">\n            <small>{{ version }}</small>\n          </span>\n        </div>\n      </div>\n      <div class=\"layout-row place-start-center\">\n        <span class=\"mat-caption noselect\">\n          <span *ngIf=\"!subTitleLink\">{{ subTitle }}</span>\n          <a\n            *ngIf=\"subTitleLink\"\n            [href]=\"subTitleLink\"\n            target=\"_blank\"\n            style=\"text-decoration: none; color: inherit\"\n            >{{ subTitle }}</a\n          >\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Project child content here -->\n  <ng-content></ng-content>\n</div>\n", styles: [".link-unstyled{text-decoration:none;color:inherit}.elder-app-header-panel{background-color:var(--md-sys-color-primary)}.service-icon{font-size:42px;width:82px;height:82px;padding:20px;color:var(--md-sys-color-on-primary)}:host-context(.elder-dark-theme) .service-icon{color:var(--md-sys-color-tertiary)}\n"] }]
         }], ctorParameters: () => [{ type: ElderThemeService }], propDecorators: { icon: [{
                 type: Input
             }], svgIcon: [{
@@ -36255,6 +36117,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
                 }]
         }] });
 
+class ElderPaneComponent {
+    constructor() {
+        this.class = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneComponent, isStandalone: true, selector: "elder-pane", host: { properties: { "class": "this.class" }, classAttribute: "elder-pane" }, ngImport: i0, template: `<div class="elder-pane-inner">
+    <ng-content select="elder-pane-header"></ng-content>
+    <ng-content select="elder-pane-content"></ng-content>
+    <ng-content></ng-content>
+  </div>`, isInline: true, styles: [":host{display:block;overflow:hidden;border-radius:var(--elder-pane-border-radius);background-color:var(--elder-pane-bg-color);flex:1 1 0}.elder-pane-inner{display:flex;flex-flow:column nowrap;width:100%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-pane', imports: [], host: {
+                        class: 'elder-pane',
+                    }, template: `<div class="elder-pane-inner">
+    <ng-content select="elder-pane-header"></ng-content>
+    <ng-content select="elder-pane-content"></ng-content>
+    <ng-content></ng-content>
+  </div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;overflow:hidden;border-radius:var(--elder-pane-border-radius);background-color:var(--elder-pane-bg-color);flex:1 1 0}.elder-pane-inner{display:flex;flex-flow:column nowrap;width:100%;height:100%;overflow:auto}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ElderPaneContentComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneContentComponent, isStandalone: true, selector: "elder-pane-content", host: { classAttribute: "layout-col flex p-md" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-pane-content', imports: [], host: {
+                        class: 'layout-col flex p-md',
+                    }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}\n"] }]
+        }] });
+
+class ElderPaneTitleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneTitleComponent, isStandalone: true, selector: "elder-pane-title", ngImport: i0, template: `<!-- template -->
+    <h3 class="elder-pane-title text-title-large">
+      <ng-content></ng-content>
+    </h3> `, isInline: true, styles: [".elder-pane-title{margin-top:2px;margin-bottom:var(--elder-pane-title-margin-bottom)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-pane-title', imports: [], host: {
+                        class: '',
+                    }, template: `<!-- template -->
+    <h3 class="elder-pane-title text-title-large">
+      <ng-content></ng-content>
+    </h3> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".elder-pane-title{margin-top:2px;margin-bottom:var(--elder-pane-title-margin-bottom)}\n"] }]
+        }] });
+
+class ElderPaneHeaderComponent {
+    constructor() {
+        this.class = 'p-md';
+        this.title = input('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.0", type: ElderPaneHeaderComponent, isStandalone: true, selector: "elder-pane-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" }, classAttribute: "elder-pane-header" }, ngImport: i0, template: `<!-- template -->
+    <div class="layout-row place-between-center">
+      <div class="layout-row place-start-center gap-sm hide-if-empty">
+        <ng-content select="mat-icon, [mat-icon-button]"></ng-content>
+        <ng-content select="[start]"></ng-content>
+        <ng-content select="elder-pane-title"></ng-content>
+        @if (title()) {
+          <elder-pane-title>{{ title() }}</elder-pane-title>
+        }
+      </div>
+
+      <div class="layout-row place-around-center flex gap-sm hide-if-empty">
+        <ng-content select="[center]"></ng-content>
+      </div>
+
+      <div class="layout-row place-end-center gap-sm hide-if-empty">
+        <ng-content select="elder-pane-actions"></ng-content>
+        <ng-content select="[end]"></ng-content>
+        <ng-content></ng-content>
+      </div>
+    </div>`, isInline: true, styles: [":host{display:block}.hide-if-empty:empty{display:none}\n"], dependencies: [{ kind: "component", type: ElderPaneTitleComponent, selector: "elder-pane-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-pane-header', imports: [ElderPaneTitleComponent], host: {
+                        class: 'elder-pane-header',
+                    }, template: `<!-- template -->
+    <div class="layout-row place-between-center">
+      <div class="layout-row place-start-center gap-sm hide-if-empty">
+        <ng-content select="mat-icon, [mat-icon-button]"></ng-content>
+        <ng-content select="[start]"></ng-content>
+        <ng-content select="elder-pane-title"></ng-content>
+        @if (title()) {
+          <elder-pane-title>{{ title() }}</elder-pane-title>
+        }
+      </div>
+
+      <div class="layout-row place-around-center flex gap-sm hide-if-empty">
+        <ng-content select="[center]"></ng-content>
+      </div>
+
+      <div class="layout-row place-end-center gap-sm hide-if-empty">
+        <ng-content select="elder-pane-actions"></ng-content>
+        <ng-content select="[end]"></ng-content>
+        <ng-content></ng-content>
+      </div>
+    </div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.hide-if-empty:empty{display:none}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ElderPaneSubtitleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneSubtitleComponent, isStandalone: true, selector: "elder-pane-subtitle", ngImport: i0, template: `<!-- template -->
+    <h4 class="elder-pane-subtitle text-title-medium">
+      <ng-content></ng-content>
+    </h4> `, isInline: true, styles: [".elder-pane-subtitle{margin-top:0!important;padding-bottom:0!important;margin-bottom:var(--elder-pane-subtitle-margin-bottom)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneSubtitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-pane-subtitle', imports: [], host: {
+                        class: '',
+                    }, template: `<!-- template -->
+    <h4 class="elder-pane-subtitle text-title-medium">
+      <ng-content></ng-content>
+    </h4> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".elder-pane-subtitle{margin-top:0!important;padding-bottom:0!important;margin-bottom:var(--elder-pane-subtitle-margin-bottom)!important}\n"] }]
+        }] });
+
+class ElderPaneActionsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderPaneActionsComponent, isStandalone: true, selector: "elder-pane-actions", host: { classAttribute: "elder-pane-actions" }, ngImport: i0, template: `<!-- template -->
+    <div class="layout-row gap-sm">
+      <ng-content></ng-content>
+    </div> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderPaneActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'elder-pane-actions',
+                    imports: [],
+                    host: {
+                        class: 'elder-pane-actions',
+                    },
+                    template: `<!-- template -->
+    <div class="layout-row gap-sm">
+      <ng-content></ng-content>
+    </div> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class ElderSinglePaneWrapperComponent {
+    constructor() {
+        this.innerClass = 'full';
+        this.class = 'elder-single-pane-wrapper';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderSinglePaneWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ElderSinglePaneWrapperComponent, isStandalone: true, selector: "elder-single-pane-wrapper", inputs: { innerClass: "innerClass" }, host: { properties: { "class": "this.class" }, classAttribute: "full" }, ngImport: i0, template: `
+    <elder-basic-pane-layout class="full">
+      <elder-pane [class]="innerClass">
+        <ng-content></ng-content>
+      </elder-pane>
+    </elder-basic-pane-layout>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ElderBasicPaneLayoutComponent, selector: "elder-basic-pane-layout" }, { kind: "component", type: ElderPaneComponent, selector: "elder-pane" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ElderSinglePaneWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-single-pane-wrapper', standalone: true, imports: [CommonModule, ElderBasicPaneLayoutComponent, ElderPaneComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <elder-basic-pane-layout class="full">
+      <elder-pane [class]="innerClass">
+        <ng-content></ng-content>
+      </elder-pane>
+    </elder-basic-pane-layout>
+  `, host: {
+                        class: 'full',
+                    }, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { innerClass: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 /**
  * This class provides a reactive wrapper around an event source.
  *
@@ -37201,5 +37246,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeChipAvatarDirective, ElderBadgeChipDirective, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, 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, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, 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, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, 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, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchInputState, SearchQuery, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeChipAvatarDirective, ElderBadgeChipDirective, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, 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, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, 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, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, 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, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchInputState, SearchQuery, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map