@elderbyte/ngx-starter 15.16.2 → 15.17.0

package/esm2020/lib/components/button-group/elder-button-group/elder-button-group.component.mjs

@@ -6,9 +6,9 @@ export class ElderButtonGroupComponent {
     ngOnInit() {
     }
 }
-ElderButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderButtonGroupComponent, selector: "elder-button-group", ngImport: i0, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupComponent, decorators: [{
+ElderButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderButtonGroupComponent, selector: "elder-button-group", ngImport: i0, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/button-group/elder-button-group.module.mjs

@@ -8,16 +8,16 @@ import * as i0 from "@angular/core";
 export * from './elder-button-group/elder-button-group.component';
 export class ElderButtonGroupModule {
 }
-ElderButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupModule, declarations: [ElderButtonGroupComponent], imports: [CommonModule,
+ElderButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupModule, declarations: [ElderButtonGroupComponent], imports: [CommonModule,
         MatMenuModule,
         MatIconModule,
         MatButtonModule], exports: [ElderButtonGroupComponent] });
-ElderButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
+ElderButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
         MatMenuModule,
         MatIconModule,
         MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElderButtonGroupComponent],

package/esm2020/lib/components/card-organizer/card-organizer/elder-card-organizer.component.mjs

@@ -79,9 +79,9 @@ export class ElderCardOrganizerComponent {
         this.cardDropped.next(event);
     }
 }
-ElderCardOrganizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderCardOrganizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardOrganizerComponent, selector: "elder-card-organizer", inputs: { canRemove: "canRemove", removeConfirmation: "removeConfirmation", copyOnDrag: "copyOnDrag", autoMoveCards: "autoMoveCards", headerEnabled: "headerEnabled", canEnterPredicate: "canEnterPredicate", organizerModel: "organizerModel" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, host: { listeners: { "document:keydown.shift": "onKeydownHandler($event)", "document:keyup.shift": "onKeyupHandler($event)" } }, queries: [{ propertyName: "stackCardTemplate", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ElderCardStackComponent, selector: "elder-card-stack", inputs: ["stackId", "headerEnabled", "headerTitle", "canRemove", "canAdd", "canDrag", "removeConfirmation", "canEnterPredicate", "connectedTo", "autoMoveCards", "canCollapse", "copyOnDrag", "cardTemplate", "stack"], outputs: ["requestNewCard", "requestRemoveCard", "cardClick", "cardDropped"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerComponent, decorators: [{
+ElderCardOrganizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderCardOrganizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardOrganizerComponent, selector: "elder-card-organizer", inputs: { canRemove: "canRemove", removeConfirmation: "removeConfirmation", copyOnDrag: "copyOnDrag", autoMoveCards: "autoMoveCards", headerEnabled: "headerEnabled", canEnterPredicate: "canEnterPredicate", organizerModel: "organizerModel" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, host: { listeners: { "document:keydown.shift": "onKeydownHandler($event)", "document:keyup.shift": "onKeyupHandler($event)" } }, queries: [{ propertyName: "stackCardTemplate", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ElderCardStackComponent, selector: "elder-card-stack", inputs: ["stackId", "headerEnabled", "headerTitle", "canRemove", "canAdd", "canDrag", "removeConfirmation", "canEnterPredicate", "connectedTo", "autoMoveCards", "canCollapse", "copyOnDrag", "cardTemplate", "stack"], outputs: ["requestNewCard", "requestRemoveCard", "cardClick", "cardDropped"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-organizer', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { canRemove: [{

package/esm2020/lib/components/card-organizer/card-organizer/elder-stack-card.directive.mjs

@@ -6,9 +6,9 @@ export class ElderStackCardDirective {
         this.viewContainer = viewContainer;
     }
 }
-ElderStackCardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderStackCardDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderStackCardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderStackCardDirective, selector: "[elderStackCard]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderStackCardDirective, decorators: [{
+ElderStackCardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderStackCardDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderStackCardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderStackCardDirective, selector: "[elderStackCard]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderStackCardDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[elderStackCard]' }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });

package/esm2020/lib/components/card-organizer/card-stack/elder-card-stack.component.mjs

@@ -159,9 +159,9 @@ export class ElderCardStackComponent {
         }
     }
 }
-ElderCardStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderCardStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardStackComponent, 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\n  <!-- Header -->\n  <header *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\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div 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\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\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 [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\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\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardStackComponent, decorators: [{
+ElderCardStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderCardStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardStackComponent, 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\n  <!-- Header -->\n  <header *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\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div 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\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\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 [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\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\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardStackComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-stack', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-col full card-stack hoverme\">\n\n  <!-- Header -->\n  <header *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\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div 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\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\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 [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\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\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-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: function () { return []; }, propDecorators: { stackId: [{

package/esm2020/lib/components/card-organizer/elder-card-organizer.module.mjs

@@ -18,20 +18,20 @@ export * from './card-organizer/elder-card-organizer.component';
 export * from './card-stack/elder-card-stack.component';
 export class ElderCardOrganizerModule {
 }
-ElderCardOrganizerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderCardOrganizerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerModule, declarations: [ElderCardOrganizerComponent, ElderCardStackComponent, ElderStackCardDirective], imports: [CommonModule,
+ElderCardOrganizerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderCardOrganizerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerModule, declarations: [ElderCardOrganizerComponent, ElderCardStackComponent, ElderStackCardDirective], imports: [CommonModule,
         MatIconModule, MatButtonModule, MatDividerModule,
         MatRippleModule,
         DragDropModule,
         TranslateModule,
         ElderCardModule], exports: [ElderCardOrganizerComponent, ElderCardStackComponent, ElderStackCardDirective] });
-ElderCardOrganizerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
+ElderCardOrganizerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
         MatIconModule, MatButtonModule, MatDividerModule,
         MatRippleModule,
         DragDropModule,
         TranslateModule,
         ElderCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardOrganizerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardOrganizerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/cards/elder-card/elder-card-header/elder-card-header.component.mjs

@@ -6,9 +6,9 @@ export class ElderCardHeaderComponent {
         this.padding = '15px 15px 5px 15px';
     }
 }
-ElderCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardHeaderComponent, selector: "elder-card-header", inputs: { padding: "padding" }, ngImport: i0, template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardHeaderComponent, decorators: [{
+ElderCardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderCardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardHeaderComponent, selector: "elder-card-header", inputs: { padding: "padding" }, ngImport: i0, template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-header', encapsulation: ViewEncapsulation.None, template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n" }]
         }], propDecorators: { padding: [{

package/esm2020/lib/components/cards/elder-card/elder-card.component.mjs

@@ -16,9 +16,9 @@ export class ElderPaddingDirective {
         this.padding = '8px';
     }
 }
-ElderPaddingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderPaddingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderPaddingDirective, selector: "elder-padding, [elder-padding], [elderPadding]", inputs: { padding: ["elderPadding", "padding"] }, host: { properties: { "style.padding": "this.padding" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderPaddingDirective, decorators: [{
+ElderPaddingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderPaddingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderPaddingDirective, selector: "elder-padding, [elder-padding], [elderPadding]", inputs: { padding: ["elderPadding", "padding"] }, host: { properties: { "style.padding": "this.padding" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderPaddingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `elder-padding, [elder-padding], [elderPadding]`
@@ -35,9 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  */
 export class ElderCardTitleDirective {
 }
-ElderCardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderCardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardTitleDirective, selector: "elder-card-title, [elder-card-title], [elderCardTitle]", host: { classAttribute: "mat-subtitle-1 elder-card-title" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardTitleDirective, decorators: [{
+ElderCardTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderCardTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardTitleDirective, selector: "elder-card-title, [elder-card-title], [elderCardTitle]", host: { classAttribute: "mat-subtitle-1 elder-card-title" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `elder-card-title, [elder-card-title], [elderCardTitle]`,
@@ -54,9 +54,9 @@ export class ElderCardContentDirective {
         this.padding = '4px 12px 4px 12px';
     }
 }
-ElderCardContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderCardContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardContentDirective, selector: "elder-card-content, [elder-card-content], [elderCardContent]", inputs: { padding: "padding" }, host: { properties: { "style.padding": "this.padding" }, classAttribute: "elder-card-content" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardContentDirective, decorators: [{
+ElderCardContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderCardContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardContentDirective, selector: "elder-card-content, [elder-card-content], [elderCardContent]", inputs: { padding: "padding" }, host: { properties: { "style.padding": "this.padding" }, classAttribute: "elder-card-content" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `elder-card-content, [elder-card-content], [elderCardContent]`,
@@ -75,9 +75,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  */
 export class ElderCardHeaderActionsDirective {
 }
-ElderCardHeaderActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardHeaderActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderCardHeaderActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardHeaderActionsDirective, selector: "elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]", host: { classAttribute: "elder-card-header-actions" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardHeaderActionsDirective, decorators: [{
+ElderCardHeaderActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardHeaderActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderCardHeaderActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardHeaderActionsDirective, selector: "elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]", host: { classAttribute: "elder-card-header-actions" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardHeaderActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]`,
@@ -91,9 +91,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  */
 export class ElderCardSubtitleDirective {
 }
-ElderCardSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderCardSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardSubtitleDirective, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]", host: { classAttribute: "mat-subtitle-1 elder-card-subtitle" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardSubtitleDirective, decorators: [{
+ElderCardSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderCardSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardSubtitleDirective, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]", host: { classAttribute: "mat-subtitle-1 elder-card-subtitle" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]`,
@@ -130,9 +130,9 @@ export class ElderCardComponent {
         this._appearance = coerceBooleanProperty(value) ? 'outlined' : 'raised';
     }
 }
-ElderCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderCardComponent, selector: "elder-card", inputs: { appearance: "appearance", float: "float", flat: "flat" }, host: { classAttribute: "elder-card-host" }, ngImport: i0, template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardComponent, decorators: [{
+ElderCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderCardComponent, selector: "elder-card", inputs: { appearance: "appearance", float: "float", flat: "flat" }, host: { classAttribute: "elder-card-host" }, ngImport: i0, template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card', encapsulation: ViewEncapsulation.None, host: { 'class': 'elder-card-host' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { appearance: [{

package/esm2020/lib/components/cards/elder-card/elder-card.module.mjs

@@ -10,8 +10,8 @@ export * from './elder-card.component';
 export * from './elder-card-header/elder-card-header.component';
 export class ElderCardModule {
 }
-ElderCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderCardModule, declarations: [ElderCardComponent,
+ElderCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderCardModule, declarations: [ElderCardComponent,
         ElderCardTitleDirective,
         ElderCardContentDirective,
         ElderCardHeaderActionsDirective,
@@ -28,12 +28,12 @@ ElderCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ElderCardSubtitleDirective,
         ElderCardHeaderComponent,
         ElderPaddingDirective] });
-ElderCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardModule, imports: [
+ElderCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardModule, imports: [
         // Angular
         CommonModule, RouterModule,
         // Third Party
         TranslateModule, MatCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/chips/elder-chip-label.directive.mjs

@@ -143,9 +143,9 @@ export class ElderChipLabelDirective {
         }
     }
 }
-ElderChipLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderChipLabelDirective, deps: [{ token: i1.MatChip, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ElderChipLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: ElderChipLabelDirective, selector: "[elderChipLabel]", inputs: { appearance: "appearance", themeColor: ["color", "themeColor"], stateColor: "stateColor", levelColor: "levelColor" }, host: { properties: { "class": "this.classes" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderChipLabelDirective, decorators: [{
+ElderChipLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderChipLabelDirective, deps: [{ token: i1.MatChip, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ElderChipLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderChipLabelDirective, selector: "[elderChipLabel]", inputs: { appearance: "appearance", themeColor: ["color", "themeColor"], stateColor: "stateColor", levelColor: "levelColor" }, host: { properties: { "class": "this.classes" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderChipLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderChipLabel]'

package/esm2020/lib/components/chips/elder-chips.module.mjs

@@ -8,8 +8,8 @@ import * as i0 from "@angular/core";
 export { ElderChipLabelDirective } from './elder-chip-label.directive';
 export class ElderChipsModule {
 }
-ElderChipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderChipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderChipsModule, declarations: [ElderChipLabelDirective], imports: [
+ElderChipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderChipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderChipsModule, declarations: [ElderChipLabelDirective], imports: [
         // Angular
         CommonModule,
         // Third Party
@@ -17,7 +17,7 @@ ElderChipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         // Material
         MatChipsModule,
         A11yModule], exports: [ElderChipLabelDirective] });
-ElderChipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderChipsModule, imports: [
+ElderChipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderChipsModule, imports: [
         // Angular
         CommonModule,
         // Third Party
@@ -25,7 +25,7 @@ ElderChipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
         // Material
         MatChipsModule,
         A11yModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderChipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderChipsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/connectivity/elder-connectivity.module.mjs

@@ -10,8 +10,8 @@ import * as i0 from "@angular/core";
 export { ElderOfflineIndicatorComponent } from './offline-indicator/elder-offline-indicator.component';
 export class ElderConnectivityModule {
 }
-ElderConnectivityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderConnectivityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityModule, declarations: [ElderOfflineIndicatorComponent], imports: [
+ElderConnectivityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderConnectivityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityModule, declarations: [ElderOfflineIndicatorComponent], imports: [
         // Angular
         CommonModule,
         // Third Party
@@ -21,7 +21,7 @@ ElderConnectivityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MatButtonModule,
         // ElderByte
         ElderPipesModule], exports: [ElderOfflineIndicatorComponent] });
-ElderConnectivityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityModule, imports: [
+ElderConnectivityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityModule, imports: [
         // Angular
         CommonModule,
         // Third Party
@@ -31,7 +31,7 @@ ElderConnectivityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         MatButtonModule,
         // ElderByte
         ElderPipesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/connectivity/elder-connectivity.service.mjs

@@ -52,9 +52,9 @@ export class ElderConnectivityService {
         return this._online$;
     }
 }
-ElderConnectivityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ElderConnectivityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderConnectivityService, decorators: [{
+ElderConnectivityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ElderConnectivityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderConnectivityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/connectivity/offline-indicator/elder-offline-indicator.component.mjs

@@ -37,9 +37,9 @@ export class ElderOfflineIndicatorComponent {
         return this.connectivityService.online$;
     }
 }
-ElderOfflineIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderOfflineIndicatorComponent, deps: [{ token: i1.ElderConnectivityService }], target: i0.ɵɵFactoryTarget.Component });
-ElderOfflineIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderOfflineIndicatorComponent, selector: "elder-offline-indicator", ngImport: i0, template: "\n\n<ng-container *ngIf=\"(status$ | async) as status\">\n    <button mat-icon-button type=\"button\" color=\"warn\"\n            *ngIf=\"!status.online\"\n            matTooltip=\"Lost Internet Connection, {{status.timeStamp | timeAgo}}\"\n    >\n        <mat-icon>offline_bolt</mat-icon>\n    </button>\n</ng-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TimeAgoPipe, name: "timeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderOfflineIndicatorComponent, decorators: [{
+ElderOfflineIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderOfflineIndicatorComponent, deps: [{ token: i1.ElderConnectivityService }], target: i0.ɵɵFactoryTarget.Component });
+ElderOfflineIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderOfflineIndicatorComponent, selector: "elder-offline-indicator", ngImport: i0, template: "\n\n<ng-container *ngIf=\"(status$ | async) as status\">\n    <button mat-icon-button type=\"button\" color=\"warn\"\n            *ngIf=\"!status.online\"\n            matTooltip=\"Lost Internet Connection, {{status.timeStamp | timeAgo}}\"\n    >\n        <mat-icon>offline_bolt</mat-icon>\n    </button>\n</ng-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TimeAgoPipe, name: "timeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderOfflineIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-offline-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<ng-container *ngIf=\"(status$ | async) as status\">\n    <button mat-icon-button type=\"button\" color=\"warn\"\n            *ngIf=\"!status.online\"\n            matTooltip=\"Lost Internet Connection, {{status.timeStamp | timeAgo}}\"\n    >\n        <mat-icon>offline_bolt</mat-icon>\n    </button>\n</ng-container>\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.ElderConnectivityService }]; } });

package/esm2020/lib/components/containers/elder-containers.module.mjs

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
 export * from './elder-scroll-container/elder-scroll-container.component';
 export class ElderContainersModule {
 }
-ElderContainersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderContainersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderContainersModule, declarations: [ElderScrollContainerComponent], imports: [CommonModule], exports: [ElderScrollContainerComponent] });
-ElderContainersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderContainersModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderContainersModule, decorators: [{
+ElderContainersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderContainersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderContainersModule, declarations: [ElderScrollContainerComponent], imports: [CommonModule], exports: [ElderScrollContainerComponent] });
+ElderContainersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderContainersModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderContainersModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/containers/elder-scroll-container/elder-scroll-container.component.mjs

@@ -11,9 +11,9 @@ export class ElderScrollContainerComponent {
         return direction === 'vertical';
     }
 }
-ElderScrollContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderScrollContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderScrollContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderScrollContainerComponent, selector: "elder-scroll-container", inputs: { direction: "direction", padding: "padding" }, ngImport: i0, template: "<div class=\"layout-col full scroll-fix\">\n  <div class=\"layout-col flex scroll-fix\">\n    <div\n      [class.layout-col]=\"isVertical(direction)\"\n      [class.layout-row]=\"!isVertical(direction)\"\n      class=\"gap-sm\"\n      [ngStyle]=\"{'padding': padding}\"\n      [class.vertical-scroll-wrapper]=\"isVertical(direction)\"\n      [class.horizontal-scroll-wrapper]=\"!isVertical(direction)\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".vertical-scroll-wrapper{min-height:100%;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.horizontal-scroll-wrapper{min-width:100%;overflow-y:visible;overflow-x:auto;-webkit-overflow-scrolling:touch}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderScrollContainerComponent, decorators: [{
+ElderScrollContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderScrollContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderScrollContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderScrollContainerComponent, selector: "elder-scroll-container", inputs: { direction: "direction", padding: "padding" }, ngImport: i0, template: "<div class=\"layout-col full scroll-fix\">\n  <div class=\"layout-col flex scroll-fix\">\n    <div\n      [class.layout-col]=\"isVertical(direction)\"\n      [class.layout-row]=\"!isVertical(direction)\"\n      class=\"gap-sm\"\n      [ngStyle]=\"{'padding': padding}\"\n      [class.vertical-scroll-wrapper]=\"isVertical(direction)\"\n      [class.horizontal-scroll-wrapper]=\"!isVertical(direction)\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".vertical-scroll-wrapper{min-height:100%;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.horizontal-scroll-wrapper{min-width:100%;overflow-y:visible;overflow-x:auto;-webkit-overflow-scrolling:touch}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderScrollContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-scroll-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-col full scroll-fix\">\n  <div class=\"layout-col flex scroll-fix\">\n    <div\n      [class.layout-col]=\"isVertical(direction)\"\n      [class.layout-row]=\"!isVertical(direction)\"\n      class=\"gap-sm\"\n      [ngStyle]=\"{'padding': padding}\"\n      [class.vertical-scroll-wrapper]=\"isVertical(direction)\"\n      [class.horizontal-scroll-wrapper]=\"!isVertical(direction)\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".vertical-scroll-wrapper{min-height:100%;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.horizontal-scroll-wrapper{min-width:100%;overflow-y:visible;overflow-x:auto;-webkit-overflow-scrolling:touch}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { direction: [{

package/esm2020/lib/components/csv/elder-csv-export-btn/elder-csv-export-btn.component.mjs

@@ -58,9 +58,9 @@ export class ElderCsvExportBtnComponent {
         }
     }
 }
-ElderCsvExportBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvExportBtnComponent, deps: [{ token: i1.CsvStreamExporterBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-ElderCsvExportBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ElderCsvExportBtnComponent, selector: "elder-csv-export-btn", inputs: { dataSource: "dataSource", csvSpec: "csvSpec", filters: "filters", sorts: "sorts", chunkSize: "chunkSize" }, ngImport: i0, template: "\n<button type=\"button\" mat-icon-button\n        (click)=\"startExport()\">\n    <mat-icon>file_download</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvExportBtnComponent, decorators: [{
+ElderCsvExportBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvExportBtnComponent, deps: [{ token: i1.CsvStreamExporterBuilderService }], target: i0.ɵɵFactoryTarget.Component });
+ElderCsvExportBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderCsvExportBtnComponent, selector: "elder-csv-export-btn", inputs: { dataSource: "dataSource", csvSpec: "csvSpec", filters: "filters", sorts: "sorts", chunkSize: "chunkSize" }, ngImport: i0, template: "\n<button type=\"button\" mat-icon-button\n        (click)=\"startExport()\">\n    <mat-icon>file_download</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvExportBtnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-csv-export-btn', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<button type=\"button\" mat-icon-button\n        (click)=\"startExport()\">\n    <mat-icon>file_download</mat-icon>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.CsvStreamExporterBuilderService }]; }, propDecorators: { dataSource: [{

package/esm2020/lib/components/csv/elder-csv-stream-exporter-builder.service.mjs

@@ -27,9 +27,9 @@ export class CsvStreamExporterBuilderService {
         return new CsvStreamExporterBuilder(this.translateService, dataSource, csvSpec);
     }
 }
-CsvStreamExporterBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CsvStreamExporterBuilderService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-CsvStreamExporterBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CsvStreamExporterBuilderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CsvStreamExporterBuilderService, decorators: [{
+CsvStreamExporterBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: CsvStreamExporterBuilderService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+CsvStreamExporterBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: CsvStreamExporterBuilderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: CsvStreamExporterBuilderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/csv/elder-csv.module.mjs

@@ -10,14 +10,14 @@ export * from './elder-csv-stream-exporter-builder';
 export * from './elder-csv-stream-exporter';
 export class ElderCsvModule {
 }
-ElderCsvModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderCsvModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvModule, declarations: [ElderCsvExportBtnComponent], imports: [CommonModule,
+ElderCsvModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderCsvModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvModule, declarations: [ElderCsvExportBtnComponent], imports: [CommonModule,
         MatButtonModule,
         MatIconModule], exports: [ElderCsvExportBtnComponent] });
-ElderCsvModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvModule, imports: [CommonModule,
+ElderCsvModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvModule, imports: [CommonModule,
         MatButtonModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCsvModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCsvModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/currency/elder-currency.module.mjs

@@ -4,10 +4,10 @@ import { ElderCurrencyPipe } from './elder-currency.pipe';
 import * as i0 from "@angular/core";
 export class ElderCurrencyModule {
 }
-ElderCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyModule, declarations: [ElderCurrencyPipe], imports: [CommonModule], exports: [ElderCurrencyPipe] });
-ElderCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyModule, decorators: [{
+ElderCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyModule, declarations: [ElderCurrencyPipe], imports: [CommonModule], exports: [ElderCurrencyPipe] });
+ElderCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/currency/elder-currency.pipe.mjs

@@ -22,9 +22,9 @@ export class ElderCurrencyPipe {
         return this.currencyPipe.transform(currency.value, currency.code, display, digitsInfo, locale);
     }
 }
-ElderCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyPipe, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
-ElderCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyPipe, name: "elderCurrency" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderCurrencyPipe, decorators: [{
+ElderCurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyPipe, deps: [{ token: i1.CurrencyPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+ElderCurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyPipe, name: "elderCurrency" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderCurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'elderCurrency'

package/esm2020/lib/components/data-transfer/elder-data-transfer.module.mjs

@@ -23,8 +23,8 @@ export { HttpDataTransferOverviewComponent } from './http-data-transfer-overview
 export { HttpDataTransferIndicatorComponent } from './http-data-transfer-indicator/http-data-transfer-indicator.component';
 export class ElderDataTransferModule {
 }
-ElderDataTransferModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDataTransferModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderDataTransferModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: ElderDataTransferModule, declarations: [HttpDataTransferComponent,
+ElderDataTransferModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderDataTransferModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderDataTransferModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderDataTransferModule, declarations: [HttpDataTransferComponent,
         HttpDataTransferAggregateComponent,
         HttpDataTransferOverviewComponent,
         HttpDataTransferIndicatorComponent], imports: [CommonModule,
@@ -38,7 +38,7 @@ ElderDataTransferModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         HttpDataTransferAggregateComponent,
         HttpDataTransferOverviewComponent,
         HttpDataTransferIndicatorComponent] });
-ElderDataTransferModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDataTransferModule, imports: [CommonModule,
+ElderDataTransferModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderDataTransferModule, imports: [CommonModule,
         MatIconModule, MatProgressBarModule,
         MatTooltipModule, MatToolbarModule,
         MatButtonModule, MatBadgeModule,
@@ -46,7 +46,7 @@ ElderDataTransferModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         TranslateModule,
         ElderPipesModule,
         ElderOverlayModule, MatCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ElderDataTransferModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderDataTransferModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [