@elderbyte/ngx-starter 14.7.1 → 14.8.0

package/esm2020/lib/components/navigation/nav/nav-link/elder-nav-link.component.mjs

@@ -33,9 +33,9 @@ export class ElderNavLinkComponent {
             .pipe(map((result) => !result[0] && !result[1]));
     }
 }
-ElderNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderNavLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderNavLinkComponent, selector: "elder-nav-link, ebs-nav-link", inputs: { title: "title", routerLink: "routerLink", href: "href", target: "target", queryParamsHandling: "queryParamsHandling", queryParams: "queryParams", icon: "icon", fontIcon: "fontIcon", fontSet: "fontSet", svgIcon: "svgIcon" }, host: { properties: { "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: "<!-- Router Link -->\n<a mat-button *ngIf=\"(routerLink$ | async) as routerLink\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [routerLink]=\"routerLink\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   [queryParams]=\"queryParams\"\n   routerLinkActive=\"nav-link-active\"\n   #rla=\"routerLinkActive\"\n   [color]=\"rla.isActive ? 'primary' : ''\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"rla.isActive ? activeLinkContent : inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Href Link -->\n<a mat-button *ngIf=\"(href$ | async) as href\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [href]=\"href\"\n   [target]=\"target$ | async\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Simple Button -->\n<a mat-button *ngIf=\"(fallbackToButton$ | async)\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n\n<!-- Content for an active Nav Element -->\n<ng-template #activeLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-active\">\n      {{ title | translate}}\n\n    </span>\n  </div>\n\n</ng-template>\n\n<!-- Content for an inactive Nav Element -->\n<ng-template #inactiveLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-inactive\">\n      {{ title | translate}}\n    </span>\n  </div>\n\n</ng-template>\n", styles: [".nav-link{padding-left:16px;padding-right:16px;min-height:56px;border-radius:0}.nav-icon{height:24px;width:24px;font-size:24px;padding:4px}.nav-icon-inactive{color:#757575}.nav-text{padding-left:16px;font-size:16px;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderNavLinkComponent, decorators: [{
+ElderNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderNavLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderNavLinkComponent, selector: "elder-nav-link, ebs-nav-link", inputs: { title: "title", routerLink: "routerLink", href: "href", target: "target", queryParamsHandling: "queryParamsHandling", queryParams: "queryParams", icon: "icon", fontIcon: "fontIcon", fontSet: "fontSet", svgIcon: "svgIcon" }, host: { properties: { "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: "<!-- Router Link -->\n<a mat-button *ngIf=\"(routerLink$ | async) as routerLink\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [routerLink]=\"routerLink\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   [queryParams]=\"queryParams\"\n   routerLinkActive=\"nav-link-active\"\n   #rla=\"routerLinkActive\"\n   [color]=\"rla.isActive ? 'primary' : ''\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"rla.isActive ? activeLinkContent : inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Href Link -->\n<a mat-button *ngIf=\"(href$ | async) as href\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [href]=\"href\"\n   [target]=\"target$ | async\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Simple Button -->\n<a mat-button *ngIf=\"(fallbackToButton$ | async)\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n\n<!-- Content for an active Nav Element -->\n<ng-template #activeLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-active\">\n      {{ title | translate}}\n\n    </span>\n  </div>\n\n</ng-template>\n\n<!-- Content for an inactive Nav Element -->\n<ng-template #inactiveLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-inactive\">\n      {{ title | translate}}\n    </span>\n  </div>\n\n</ng-template>\n", styles: [".nav-link{padding-left:16px;padding-right:16px;min-height:56px;border-radius:0}.nav-icon{height:24px;width:24px;font-size:24px;padding:4px}.nav-icon-inactive{color:#757575}.nav-text{padding-left:16px;font-size:16px;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderNavLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-nav-link, ebs-nav-link', template: "<!-- Router Link -->\n<a mat-button *ngIf=\"(routerLink$ | async) as routerLink\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [routerLink]=\"routerLink\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   [queryParams]=\"queryParams\"\n   routerLinkActive=\"nav-link-active\"\n   #rla=\"routerLinkActive\"\n   [color]=\"rla.isActive ? 'primary' : ''\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"rla.isActive ? activeLinkContent : inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Href Link -->\n<a mat-button *ngIf=\"(href$ | async) as href\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n   [href]=\"href\"\n   [target]=\"target$ | async\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n<!-- Simple Button -->\n<a mat-button *ngIf=\"(fallbackToButton$ | async)\"\n   class=\"nav-link\"\n   fxLayout=\"row\" fxLayoutAlign=\"start center\"\n   [tabIndex]=\"0\"\n>\n\n  <ng-container [ngTemplateOutlet]=\"inactiveLinkContent\">\n  </ng-container>\n\n</a>\n\n\n<!-- Content for an active Nav Element -->\n<ng-template #activeLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-active\">\n      {{ title | translate}}\n\n    </span>\n  </div>\n\n</ng-template>\n\n<!-- Content for an inactive Nav Element -->\n<ng-template #inactiveLinkContent>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n\n    <mat-icon *ngIf=\"!svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n\n    <mat-icon *ngIf=\"svgIcon\" class=\"nav-icon nav-icon-inactive\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n\n    <span class=\"noselect nav-text nav-text-inactive\">\n      {{ title | translate}}\n    </span>\n  </div>\n\n</ng-template>\n", styles: [".nav-link{padding-left:16px;padding-right:16px;min-height:56px;border-radius:0}.nav-icon{height:24px;width:24px;font-size:24px;padding:4px}.nav-icon-inactive{color:#757575}.nav-text{padding-left:16px;font-size:16px;font-weight:400}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { tabIndex: [{

package/esm2020/lib/components/navigation/nav/nav-list/elder-nav-list.component.mjs

@@ -5,9 +5,9 @@ export class ElderNavListComponent {
     constructor() { }
     ngOnInit() { }
 }
-ElderNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderNavListComponent, selector: "elder-nav-list, ebs-nav-list", ngImport: i0, template: "<div fxLayout=\"column\" fxFlex class=\"scroll-fix elder-nav-list-full\" tabindex=\"0\">\n  <div fxLayout=\"column\" fxFlex class=\"scrollable\" >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-fix{min-width:0;min-height:0}.elder-nav-list-full{min-width:350px}.elder-nav-list-full:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderNavListComponent, decorators: [{
+ElderNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderNavListComponent, selector: "elder-nav-list, ebs-nav-list", ngImport: i0, template: "<div fxLayout=\"column\" fxFlex class=\"scroll-fix elder-nav-list-full\" tabindex=\"0\">\n  <div fxLayout=\"column\" fxFlex class=\"scrollable\" >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-fix{min-width:0;min-height:0}.elder-nav-list-full{min-width:350px}.elder-nav-list-full:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderNavListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-nav-list, ebs-nav-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" fxFlex class=\"scroll-fix elder-nav-list-full\" tabindex=\"0\">\n  <div fxLayout=\"column\" fxFlex class=\"scrollable\" >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-fix{min-width:0;min-height:0}.elder-nav-list-full{min-width:350px}.elder-nav-list-full:focus{outline:none}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/navigation/toolbar/elder-toolbar-column.directive.mjs

@@ -31,9 +31,9 @@ export class ElderToolbarColumnDirective {
         this.toolbarService.deregisterColumn(this.templateRef, this.elderToolbarColumn);
     }
 }
-ElderToolbarColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarColumnDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.ElderToolbarService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderToolbarColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderToolbarColumnDirective, selector: "[elderToolbarColumn], [ebsToolbarColumn]", inputs: { elderToolbarColumn: "elderToolbarColumn", elderToolbarDefault: "elderToolbarDefault" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarColumnDirective, decorators: [{
+ElderToolbarColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarColumnDirective, deps: [{ token: i0.ViewContainerRef }, { token: i1.ElderToolbarService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderToolbarColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderToolbarColumnDirective, selector: "[elderToolbarColumn], [ebsToolbarColumn]", inputs: { elderToolbarColumn: "elderToolbarColumn", elderToolbarDefault: "elderToolbarDefault" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderToolbarColumn], [ebsToolbarColumn]'

package/esm2020/lib/components/navigation/toolbar/elder-toolbar.module.mjs

@@ -20,8 +20,8 @@ export { ElderToolbarTitleComponent } from './toolbar-title/elder-toolbar-title.
 export { ElderToolbarTitleService, ToolbarHeader } from './toolbar-title/elder-toolbar-title.service';
 export class ElderToolbarModule {
 }
-ElderToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarModule, declarations: [ElderToolbarComponent,
+ElderToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarModule, declarations: [ElderToolbarComponent,
         ElderToolbarColumnDirective,
         ElderToolbarTitleComponent], imports: [
         // common
@@ -36,7 +36,7 @@ ElderToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         TranslateModule, ElderLanguageModule], exports: [ElderToolbarComponent,
         ElderToolbarColumnDirective,
         ElderToolbarTitleComponent] });
-ElderToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarModule, imports: [
+ElderToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarModule, imports: [
         // common
         CommonModule, RouterModule,
         // layout
@@ -47,7 +47,7 @@ ElderToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         MatButtonModule, MatIconModule, MatBadgeModule,
         // translations
         TranslateModule, ElderLanguageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/navigation/toolbar/elder-toolbar.service.mjs

@@ -57,9 +57,9 @@ export class ElderToolbarService {
         this.slotManager.deregisterSlotTemplate(template, position);
     }
 }
-ElderToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ElderToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarService, decorators: [{
+ElderToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ElderToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/navigation/toolbar/toolbar/elder-toolbar.component.mjs

@@ -56,9 +56,9 @@ export class ElderToolbarComponent {
         return this.toolbarService.activeColumnTemplate(slot);
     }
 }
-ElderToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarComponent, deps: [{ token: i1.ElderToolbarService }, { token: i2.ElderThemeService }], target: i0.ɵɵFactoryTarget.Component });
-ElderToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderToolbarComponent, selector: "elder-toolbar, ebs-toolbar", inputs: { color: "color" }, ngImport: i0, template: "\n\n<div fxLayout=\"row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\"start center\"\n               [color]=\"color$ | async\">\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.begin') | async)\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left') | async) || defaultLeftColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.end') | async) || defaultEmptyTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.begin') | async) || defaultEmptyTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right') | async) || defaultRightColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.end') | async)\"></ng-container>\n    </div>\n\n\n    <!-- Default Templates -->\n\n    <ng-template #defaultLeftColumnTemplate>\n\n      <elder-toolbar-title></elder-toolbar-title>\n\n    </ng-template>\n\n\n    <ng-template #defaultCenterColumnTemplate></ng-template>\n\n    <ng-template #defaultEmptyTemplate></ng-template>\n\n\n    <ng-template #defaultRightColumnTemplate>\n\n      <elder-language-switcher [slimMode]=\"true\"></elder-language-switcher>\n\n    </ng-template>\n\n  </mat-toolbar>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.ElderLanguageSwitcherComponent, selector: "elder-language-switcher, ebs-language-switcher", inputs: ["slimMode"] }, { kind: "component", type: i7.ElderToolbarTitleComponent, selector: "elder-toolbar-title, ebs-toolbar-title" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarComponent, decorators: [{
+ElderToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarComponent, deps: [{ token: i1.ElderToolbarService }, { token: i2.ElderThemeService }], target: i0.ɵɵFactoryTarget.Component });
+ElderToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderToolbarComponent, selector: "elder-toolbar, ebs-toolbar", inputs: { color: "color" }, ngImport: i0, template: "\n\n<div fxLayout=\"row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\"start center\"\n               [color]=\"color$ | async\">\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.begin') | async)\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left') | async) || defaultLeftColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.end') | async) || defaultEmptyTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.begin') | async) || defaultEmptyTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right') | async) || defaultRightColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.end') | async)\"></ng-container>\n    </div>\n\n\n    <!-- Default Templates -->\n\n    <ng-template #defaultLeftColumnTemplate>\n\n      <elder-toolbar-title></elder-toolbar-title>\n\n    </ng-template>\n\n\n    <ng-template #defaultCenterColumnTemplate></ng-template>\n\n    <ng-template #defaultEmptyTemplate></ng-template>\n\n\n    <ng-template #defaultRightColumnTemplate>\n\n      <elder-language-switcher [slimMode]=\"true\"></elder-language-switcher>\n\n    </ng-template>\n\n  </mat-toolbar>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.ElderLanguageSwitcherComponent, selector: "elder-language-switcher, ebs-language-switcher", inputs: ["slimMode"] }, { kind: "component", type: i7.ElderToolbarTitleComponent, selector: "elder-toolbar-title, ebs-toolbar-title" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-toolbar, ebs-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n\n<div fxLayout=\"row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\"start center\"\n               [color]=\"color$ | async\">\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.begin') | async)\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left') | async) || defaultLeftColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('left.end') | async) || defaultEmptyTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.begin') | async) || defaultEmptyTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right') | async) || defaultRightColumnTemplate\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('right.end') | async)\"></ng-container>\n    </div>\n\n\n    <!-- Default Templates -->\n\n    <ng-template #defaultLeftColumnTemplate>\n\n      <elder-toolbar-title></elder-toolbar-title>\n\n    </ng-template>\n\n\n    <ng-template #defaultCenterColumnTemplate></ng-template>\n\n    <ng-template #defaultEmptyTemplate></ng-template>\n\n\n    <ng-template #defaultRightColumnTemplate>\n\n      <elder-language-switcher [slimMode]=\"true\"></elder-language-switcher>\n\n    </ng-template>\n\n  </mat-toolbar>\n\n</div>\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.ElderToolbarService }, { type: i2.ElderThemeService }]; }, propDecorators: { color: [{

package/esm2020/lib/components/navigation/toolbar/toolbar-title/elder-toolbar-title.component.mjs

@@ -30,9 +30,9 @@ export class ElderToolbarTitleComponent {
         }, 10);
     }
 }
-ElderToolbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarTitleComponent, deps: [{ token: i1.ElderToolbarTitleService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-ElderToolbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderToolbarTitleComponent, selector: "elder-toolbar-title, ebs-toolbar-title", ngImport: i0, template: "<h3 class=\"mat-title\">{{(title$ | async) | translate}}</h3>\n", styles: [""], dependencies: [{ kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarTitleComponent, decorators: [{
+ElderToolbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarTitleComponent, deps: [{ token: i1.ElderToolbarTitleService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+ElderToolbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderToolbarTitleComponent, selector: "elder-toolbar-title, ebs-toolbar-title", ngImport: i0, template: "<h3 class=\"mat-title\">{{(title$ | async) | translate}}</h3>\n", styles: [""], dependencies: [{ kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-toolbar-title, ebs-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 class=\"mat-title\">{{(title$ | async) | translate}}</h3>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ElderToolbarTitleService }, { type: i2.ActivatedRoute }]; } });

package/esm2020/lib/components/navigation/toolbar/toolbar-title/elder-toolbar-title.service.mjs

@@ -74,9 +74,9 @@ export class ElderToolbarTitleService {
         return resolvedTitle;
     }
 }
-ElderToolbarTitleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarTitleService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
-ElderToolbarTitleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarTitleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderToolbarTitleService, decorators: [{
+ElderToolbarTitleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarTitleService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+ElderToolbarTitleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarTitleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderToolbarTitleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/overlays/elder-overlay-origin.directive.mjs

@@ -29,9 +29,9 @@ export class ElderOverlayOriginDirective {
         return this._overlay;
     }
 }
-ElderOverlayOriginDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayOriginDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderOverlayOriginDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderOverlayOriginDirective, selector: "[elderOverlayOrigin]", inputs: { overlay: ["elderOverlayOrigin", "overlay"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayOriginDirective, decorators: [{
+ElderOverlayOriginDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayOriginDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderOverlayOriginDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderOverlayOriginDirective, selector: "[elderOverlayOrigin]", inputs: { overlay: ["elderOverlayOrigin", "overlay"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayOriginDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderOverlayOrigin]'

package/esm2020/lib/components/overlays/elder-overlay-trigger.directive.mjs

@@ -46,9 +46,9 @@ export class ElderOverlayTriggerDirective {
         }
     }
 }
-ElderOverlayTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderOverlayTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderOverlayTriggerDirective, selector: "[elderOverlayTrigger]", inputs: { overlay: ["elderOverlayTrigger", "overlay"], type: ["elderOverlayTriggerType", "type"], enabled: ["elderOverlayTriggerEnabled", "enabled"] }, host: { listeners: { "click": "handleClick($event)", "focus": "handleFocus($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayTriggerDirective, decorators: [{
+ElderOverlayTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayTriggerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderOverlayTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderOverlayTriggerDirective, selector: "[elderOverlayTrigger]", inputs: { overlay: ["elderOverlayTrigger", "overlay"], type: ["elderOverlayTriggerType", "type"], enabled: ["elderOverlayTriggerEnabled", "enabled"] }, host: { listeners: { "click": "handleClick($event)", "focus": "handleFocus($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderOverlayTrigger]'

package/esm2020/lib/components/overlays/elder-overlay.component.mjs

@@ -153,13 +153,13 @@ export class ElderOverlayComponent {
         return this._overlayRef.attach(searchPanelPortal);
     }
 }
-ElderOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.Overlay }, { token: i1.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ElderOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderOverlayComponent, selector: "elder-overlay", inputs: { originX: "originX", originY: "originY", overlayX: "overlayX", overlayY: "overlayY", offsetY: "offsetY", offsetX: "offsetX", backdrop: "backdrop", backdropVisible: "backdropVisible", origin: "origin", positionStrategy: "positionStrategy", overlaySize: "overlaySize" }, outputs: { keydownEvents: "keydownEvents", attachedChange: "attachedChange" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["elderOverlay"], ngImport: i0, template: `
+ElderOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.Overlay }, { token: i1.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Component });
+ElderOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderOverlayComponent, selector: "elder-overlay", inputs: { originX: "originX", originY: "originY", overlayX: "overlayX", overlayY: "overlayY", offsetY: "offsetY", offsetX: "offsetX", backdrop: "backdrop", backdropVisible: "backdropVisible", origin: "origin", positionStrategy: "positionStrategy", overlaySize: "overlaySize" }, outputs: { keydownEvents: "keydownEvents", attachedChange: "attachedChange" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["elderOverlay"], ngImport: i0, template: `
     <ng-template>
       <ng-content></ng-content>
     </ng-template>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'elder-overlay',

package/esm2020/lib/components/overlays/elder-overlay.module.mjs

@@ -10,16 +10,16 @@ export { ElderOverlayTriggerDirective } from './elder-overlay-trigger.directive'
 export { ElderOverlayOriginDirective } from './elder-overlay-origin.directive';
 export class ElderOverlayModule {
 }
-ElderOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayModule, declarations: [ElderOverlayComponent,
+ElderOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayModule, declarations: [ElderOverlayComponent,
         ElderOverlayTriggerDirective,
         ElderOverlayOriginDirective], imports: [CommonModule,
         OverlayModule], exports: [ElderOverlayComponent,
         ElderOverlayTriggerDirective,
         ElderOverlayOriginDirective] });
-ElderOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayModule, imports: [CommonModule,
+ElderOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayModule, imports: [CommonModule,
         OverlayModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderOverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/panels/card-panel/elder-card-panel.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/flex-layout/flex";
 export class ElderCardPanelComponent {
     constructor() { }
 }
-ElderCardPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderCardPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderCardPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderCardPanelComponent, selector: "elder-card-panel", ngImport: i0, template: "<div fxLayout=\"column\" class=\"elder-card-panel\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderCardPanelComponent, decorators: [{
+ElderCardPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderCardPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderCardPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderCardPanelComponent, selector: "elder-card-panel", ngImport: i0, template: "<div fxLayout=\"column\" class=\"elder-card-panel\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderCardPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" class=\"elder-card-panel\">\n  <ng-content></ng-content>\n</div>\n\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.mjs

@@ -4,9 +4,9 @@ import * as i1 from "@angular/flex-layout/flex";
 export class ElderDialogPanelComponent {
     constructor() { }
 }
-ElderDialogPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderDialogPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderDialogPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderDialogPanelComponent, selector: "elder-dialog-panel", ngImport: i0, template: "<div fxLayout=\"column\" class=\"elder-dialog-panel\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderDialogPanelComponent, decorators: [{
+ElderDialogPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderDialogPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderDialogPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderDialogPanelComponent, selector: "elder-dialog-panel", ngImport: i0, template: "<div fxLayout=\"column\" class=\"elder-dialog-panel\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderDialogPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-dialog-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxLayout=\"column\" class=\"elder-dialog-panel\">\n  <ng-content></ng-content>\n</div>\n\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/panels/elder-panel.module.mjs

@@ -11,16 +11,16 @@ export { ElderCardPanelComponent } from './card-panel/elder-card-panel.component
 export { ElderDialogPanelComponent } from './elder-dialog-panel/elder-dialog-panel.component';
 export class ElderPanelModule {
 }
-ElderPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelModule, declarations: [ElderPanelComponent,
+ElderPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelModule, declarations: [ElderPanelComponent,
         ElderCardPanelComponent,
         ElderDialogPanelComponent], imports: [CommonModule, MatCommonModule,
         FlexLayoutModule], exports: [ElderPanelComponent,
         ElderCardPanelComponent,
         ElderDialogPanelComponent] });
-ElderPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelModule, imports: [CommonModule, MatCommonModule,
+ElderPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelModule, imports: [CommonModule, MatCommonModule,
         FlexLayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/panels/flat/elder-panel.component.mjs

@@ -13,9 +13,9 @@ export class ElderPanelComponent extends _ElderPanelMixinBase {
         super(renderer, elementRef);
     }
 }
-ElderPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ElderPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ElderPanelComponent, selector: "elder-panel, mat-panel", inputs: { color: "color" }, host: { classAttribute: "mat-panel" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".test{padding:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderPanelComponent, decorators: [{
+ElderPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ElderPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ElderPanelComponent, selector: "elder-panel, mat-panel", inputs: { color: "color" }, host: { classAttribute: "mat-panel" }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".test{padding:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-panel, mat-panel', inputs: ['color'], host: {
                         'class': 'mat-panel',

package/esm2020/lib/components/select/auto/elder-auto-select-first.directive.mjs

@@ -63,9 +63,9 @@ export class ElderAutoSelectFirstDirective {
         }
     }
 }
-ElderAutoSelectFirstDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderAutoSelectFirstDirective, deps: [{ token: i1.ElderSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ElderAutoSelectFirstDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderAutoSelectFirstDirective, selector: "[autoSelectFirst]", inputs: { autoSelectFirstEnabled: ["autoSelectFirst", "autoSelectFirstEnabled"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderAutoSelectFirstDirective, decorators: [{
+ElderAutoSelectFirstDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderAutoSelectFirstDirective, deps: [{ token: i1.ElderSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ElderAutoSelectFirstDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderAutoSelectFirstDirective, selector: "[autoSelectFirst]", inputs: { autoSelectFirstEnabled: ["autoSelectFirst", "autoSelectFirstEnabled"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderAutoSelectFirstDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[autoSelectFirst]'

package/esm2020/lib/components/select/elder-select-base.mjs

@@ -240,9 +240,9 @@ export class ElderSelectBase extends ElderFormFieldControlBase {
         return String(value);
     }
 }
-ElderSelectBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-ElderSelectBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderSelectBase, inputs: { cleanUp: "cleanUp", pageSize: "pageSize", queryFilter: "queryFilter", sorts: "sorts", icon: "icon", isOptionDisabledFn: "isOptionDisabledFn", isOptionHiddenFn: "isOptionHiddenFn", valueAsId: "valueAsId", displayProperty: "displayProperty", displayPropertyResolver: "displayPropertyResolver", filters: "filters", dataSource: "dataSource", data: "data", valueTemplate: "valueTemplate" }, outputs: { currentClicked: "currentClicked" }, queries: [{ propertyName: "valueTemplateQuery", first: true, predicate: ElderSelectValueDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "selectionPopup", first: true, predicate: SelectionModelPopupDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectBase, decorators: [{
+ElderSelectBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+ElderSelectBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderSelectBase, inputs: { cleanUp: "cleanUp", pageSize: "pageSize", queryFilter: "queryFilter", sorts: "sorts", icon: "icon", isOptionDisabledFn: "isOptionDisabledFn", isOptionHiddenFn: "isOptionHiddenFn", valueAsId: "valueAsId", displayProperty: "displayProperty", displayPropertyResolver: "displayPropertyResolver", filters: "filters", dataSource: "dataSource", data: "data", valueTemplate: "valueTemplate" }, outputs: { currentClicked: "currentClicked" }, queries: [{ propertyName: "valueTemplateQuery", first: true, predicate: ElderSelectValueDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "selectionPopup", first: true, predicate: SelectionModelPopupDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: undefined }, { type: i1.FocusMonitor }, { type: i2.TranslateService }, { type: i3.NgControl }]; }, propDecorators: { cleanUp: [{
                 type: Input

package/esm2020/lib/components/select/elder-select-chip.directive.mjs

@@ -6,9 +6,9 @@ export class ElderSelectChipDirective {
         this.viewContainer = viewContainer;
     }
 }
-ElderSelectChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectChipDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderSelectChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderSelectChipDirective, selector: "[elderSelectChip]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectChipDirective, decorators: [{
+ElderSelectChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectChipDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderSelectChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderSelectChipDirective, selector: "[elderSelectChip]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectChipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderSelectChip]'
@@ -20,9 +20,9 @@ export class ElderSelectChipAvatarDirective {
         this.viewContainer = viewContainer;
     }
 }
-ElderSelectChipAvatarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectChipAvatarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderSelectChipAvatarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderSelectChipAvatarDirective, selector: "[elderSelectChipAvatar]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectChipAvatarDirective, decorators: [{
+ElderSelectChipAvatarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectChipAvatarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderSelectChipAvatarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderSelectChipAvatarDirective, selector: "[elderSelectChipAvatar]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectChipAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderSelectChipAvatar]'
@@ -34,9 +34,9 @@ export class ElderSelectCustomInputDirective {
         this.viewContainer = viewContainer;
     }
 }
-ElderSelectCustomInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectCustomInputDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-ElderSelectCustomInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderSelectCustomInputDirective, selector: "[elderCustomInput]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectCustomInputDirective, decorators: [{
+ElderSelectCustomInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectCustomInputDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+ElderSelectCustomInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderSelectCustomInputDirective, selector: "[elderCustomInput]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectCustomInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderCustomInput]'

package/esm2020/lib/components/select/elder-select-on-tab.directive.mjs

@@ -108,9 +108,9 @@ export class ElderSelectOnTabDirective {
         }
     }
 }
-ElderSelectOnTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectOnTabDirective, deps: [{ token: i1.MatAutocompleteTrigger }, { token: ELDER_SELECT_BASE, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-ElderSelectOnTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]", host: { listeners: { "keydown.arrowup": "onOptionSelect()", "keydown.arrowdown": "onOptionSelect()", "keydown.tab": "onBlur()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ElderSelectOnTabDirective, decorators: [{
+ElderSelectOnTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectOnTabDirective, deps: [{ token: i1.MatAutocompleteTrigger }, { token: ELDER_SELECT_BASE, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+ElderSelectOnTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]", host: { listeners: { "keydown.arrowup": "onOptionSelect()", "keydown.arrowdown": "onOptionSelect()", "keydown.tab": "onBlur()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ElderSelectOnTabDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderSelectOnTab]'

package/esm2020/lib/components/select/elder-select-value.directive.mjs

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