@elderbyte/ngx-starter 15.8.0 → 15.8.2

package/esm2020/lib/components/measures/dimensions/validation/elder-required-dimensions.validator.mjs

@@ -70,11 +70,11 @@ export class ElderRequiredDimensionsValidator {
         return false;
     }
 }
-ElderRequiredDimensionsValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderRequiredDimensionsValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderRequiredDimensionsValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderRequiredDimensionsValidator, selector: "elder-dimensions-input[required][formControl],elder-dimensions-input[required][formControlName],elder-dimensions-input[required][ngModel]", inputs: { requiredIgnoreZero: "requiredIgnoreZero", required: "required" }, providers: [
+ElderRequiredDimensionsValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderRequiredDimensionsValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderRequiredDimensionsValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ElderRequiredDimensionsValidator, selector: "elder-dimensions-input[required][formControl],elder-dimensions-input[required][formControlName],elder-dimensions-input[required][ngModel]", inputs: { requiredIgnoreZero: "requiredIgnoreZero", required: "required" }, providers: [
         { provide: NG_VALIDATORS, useExisting: ElderRequiredDimensionsValidator, multi: true }
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderRequiredDimensionsValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderRequiredDimensionsValidator, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/lib/components/measures/directives/elder-unit-select.directive.mjs

@@ -49,9 +49,9 @@ export class ElderUnitSelectDirective {
         this.select.filters = [];
     }
 }
-ElderUnitSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderUnitSelectDirective, deps: [{ token: i1.ElderSelectComponent }, { token: i2.ElderUnitService }], target: i0.ɵɵFactoryTarget.Directive });
-ElderUnitSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderUnitSelectDirective, selector: "[elderUnitSelect]", inputs: { unitDimension: "unitDimension", baseUnit: "baseUnit" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderUnitSelectDirective, decorators: [{
+ElderUnitSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderUnitSelectDirective, deps: [{ token: i1.ElderSelectComponent }, { token: i2.ElderUnitService }], target: i0.ɵɵFactoryTarget.Directive });
+ElderUnitSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ElderUnitSelectDirective, selector: "[elderUnitSelect]", inputs: { unitDimension: "unitDimension", baseUnit: "baseUnit" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderUnitSelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderUnitSelect]'

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

@@ -28,8 +28,8 @@ export * from './dimensions/dimensions-input/elder-dimensions-input.component';
 export * from './dimensions/validation/elder-required-dimensions.validator';
 export class ElderMeasuresModule {
 }
-ElderMeasuresModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderMeasuresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderMeasuresModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderMeasuresModule, declarations: [ElderQuantityFormFieldComponent,
+ElderMeasuresModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderMeasuresModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderMeasuresModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderMeasuresModule, declarations: [ElderQuantityFormFieldComponent,
         ElderQuantityPipe,
         ElderQuantityTransformPipe,
         ElderUnitSelectDirective,
@@ -57,7 +57,7 @@ ElderMeasuresModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
         ElderRequiredQuantityValidator,
         ElderQuantityRangeValidator,
         ElderRequiredDimensionsValidator] });
-ElderMeasuresModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderMeasuresModule, providers: [
+ElderMeasuresModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderMeasuresModule, providers: [
         DecimalPipe,
         ElderQuantityPipe,
         ElderQuantityTransformPipe
@@ -73,7 +73,7 @@ ElderMeasuresModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
         MatInputModule,
         // ElderByte
         ElderFormsDirectivesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderMeasuresModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderMeasuresModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -123,10 +123,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  */
 export class ElderQuantityModule {
 }
-ElderQuantityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderQuantityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityModule, imports: [ElderMeasuresModule], exports: [ElderMeasuresModule] });
-ElderQuantityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityModule, imports: [ElderMeasuresModule, ElderMeasuresModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityModule, decorators: [{
+ElderQuantityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderQuantityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityModule, imports: [ElderMeasuresModule], exports: [ElderMeasuresModule] });
+ElderQuantityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityModule, imports: [ElderMeasuresModule, ElderMeasuresModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/components/measures/elder-quantity-transform.pipe.mjs

@@ -30,9 +30,9 @@ export class ElderQuantityTransformPipe {
         }
     }
 }
-ElderQuantityTransformPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityTransformPipe, deps: [{ token: i1.ElderQuantityService }], target: i0.ɵɵFactoryTarget.Pipe });
-ElderQuantityTransformPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityTransformPipe, name: "elderQuantityTransform" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityTransformPipe, decorators: [{
+ElderQuantityTransformPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityTransformPipe, deps: [{ token: i1.ElderQuantityService }], target: i0.ɵɵFactoryTarget.Pipe });
+ElderQuantityTransformPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityTransformPipe, name: "elderQuantityTransform" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityTransformPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'elderQuantityTransform'

package/esm2020/lib/components/measures/elder-quantity.pipe.mjs

@@ -62,9 +62,9 @@ export class ElderQuantityPipe {
 ElderQuantityPipe.EMPTY_STRING = '';
 ElderQuantityPipe.SPACE_STRING = ' ';
 ElderQuantityPipe.DEFAULT_DIGITS = '1.0-1';
-ElderQuantityPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityPipe, deps: [{ token: i1.ElderUnitService }, { token: i2.ElderQuantityTransformPipe }, { token: i3.DecimalPipe }], target: i0.ɵɵFactoryTarget.Pipe });
-ElderQuantityPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityPipe, name: "elderQuantity" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityPipe, decorators: [{
+ElderQuantityPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityPipe, deps: [{ token: i1.ElderUnitService }, { token: i2.ElderQuantityTransformPipe }, { token: i3.DecimalPipe }], target: i0.ɵɵFactoryTarget.Pipe });
+ElderQuantityPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityPipe, name: "elderQuantity" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'elderQuantity'

package/esm2020/lib/components/measures/elder-unit.service.mjs

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

package/esm2020/lib/components/measures/quantity-input/quantity-form-field/elder-quantity-form-field.component.mjs

@@ -24,9 +24,9 @@ export class ElderQuantityFormFieldComponent extends ElderFromFieldCustomizableB
         this.floatLabel = 'auto';
     }
 }
-ElderQuantityFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderQuantityFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderQuantityFormFieldComponent, selector: "elder-quantity-form-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                [color]=\"color\"\n>\n\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n\n  <span matIconPrefix *ngIf=\"showIcon && icon\">\n      <mat-icon [inline]=\"true\">{{icon}}</mat-icon>\n  </span>\n\n  <ng-content></ng-content>\n\n  <mat-hint *ngIf=\"showHint\" align=\"end\">\n    <span *ngIf=\"hint\">{{hint}}</span>\n  </mat-hint>\n\n  <mat-error elderValidationError></mat-error>\n\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.ElderValidationErrorDirective, selector: "mat-error[elderValidationError]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityFormFieldComponent, decorators: [{
+ElderQuantityFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderQuantityFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderQuantityFormFieldComponent, selector: "elder-quantity-form-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                [color]=\"color\"\n>\n\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n\n  <span matIconPrefix *ngIf=\"showIcon && icon\">\n      <mat-icon [inline]=\"true\">{{icon}}</mat-icon>\n  </span>\n\n  <ng-content></ng-content>\n\n  <mat-hint *ngIf=\"showHint\" align=\"end\">\n    <span *ngIf=\"hint\">{{hint}}</span>\n  </mat-hint>\n\n  <mat-error elderValidationError></mat-error>\n\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.ElderValidationErrorDirective, selector: "mat-error[elderValidationError]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityFormFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-quantity-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field [floatLabel]=\"floatLabel\"\n                [appearance]=\"appearance\"\n                [color]=\"color\"\n>\n\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n\n  <span matIconPrefix *ngIf=\"showIcon && icon\">\n      <mat-icon [inline]=\"true\">{{icon}}</mat-icon>\n  </span>\n\n  <ng-content></ng-content>\n\n  <mat-hint *ngIf=\"showHint\" align=\"end\">\n    <span *ngIf=\"hint\">{{hint}}</span>\n  </mat-hint>\n\n  <mat-error elderValidationError></mat-error>\n\n</mat-form-field>\n" }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/components/measures/quantity-input/quantity-input-control/elder-quantity-input-control.component.mjs

@@ -141,11 +141,11 @@ export class ElderQuantityInputControlComponent extends ElderFormFieldControlBas
             && a?.unit === b?.unit;
     }
 }
-ElderQuantityInputControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityInputControlComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }, { token: i4.ElderUnitService }, { token: i5.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
-ElderQuantityInputControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderQuantityInputControlComponent, selector: "elder-quantity-input", inputs: { displayFormat: "displayFormat", quantityValue: "quantityValue", unit: "unit", hideUnit: "hideUnit" }, outputs: { quantityValueChange: "quantityValueChange", unitChange: "unitChange" }, providers: [
+ElderQuantityInputControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityInputControlComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }, { token: i4.ElderUnitService }, { token: i5.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
+ElderQuantityInputControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderQuantityInputControlComponent, selector: "elder-quantity-input", inputs: { displayFormat: "displayFormat", quantityValue: "quantityValue", unit: "unit", hideUnit: "hideUnit" }, outputs: { quantityValueChange: "quantityValueChange", unitChange: "unitChange" }, providers: [
         { provide: MatFormFieldControl, useExisting: ElderQuantityInputControlComponent },
     ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }, { propertyName: "quantityInput", first: true, predicate: ["quantityMatInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"layout-row place-start-baseline elder-flex-control\"\n>\n  <input #input\n         matInput type=\"number\" elderNoSpinner\n         #quantityMatInput=\"matInput\"\n         class=\"flex-grow elder-quantity-input mdc-text-field__input\"\n         [disabled]=\"!!disabled\"\n         [readonly]=\"readonly\"\n         [name]=\"ngControl?.name + '-inner-input'\"\n         [placeholder]=\"placeholder | translate\"\n         [ngModel]=\"formattedValue$ | async\" [ngModelOptions]=\"{standalone: true, updateOn: 'change'}\"\n         (ngModelChange)=\"onQuantityValueChanged($event)\"\n  >\n  <span *ngIf=\"!hideUnit\" class=\"mat-small elder-quantity-unit\">{{unitSymbol$ | async}}</span>\n</div>\n", styles: [".elder-quantity-input{text-align:right}.elder-quantity-unit{margin-left:4px}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityInputControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityInputControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-quantity-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderQuantityInputControlComponent },

package/esm2020/lib/components/measures/quantity-input/validation/elder-quantity-range.validator.mjs

@@ -65,11 +65,11 @@ export class ElderQuantityRangeValidator {
         return quantity?.value <= maxValue;
     }
 }
-ElderQuantityRangeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityRangeValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderQuantityRangeValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderQuantityRangeValidator, selector: "elder-quantity-input[min][formControl],elder-quantity-input[min][formControlName],elder-quantity-input[min][ngModel],elder-quantity-input[max][formControl],elder-quantity-input[max][formControlName],elder-quantity-input[max][ngModel]", inputs: { min: "min", max: "max" }, providers: [
+ElderQuantityRangeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityRangeValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderQuantityRangeValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ElderQuantityRangeValidator, selector: "elder-quantity-input[min][formControl],elder-quantity-input[min][formControlName],elder-quantity-input[min][ngModel],elder-quantity-input[max][formControl],elder-quantity-input[max][formControlName],elder-quantity-input[max][ngModel]", inputs: { min: "min", max: "max" }, providers: [
         { provide: NG_VALIDATORS, useExisting: ElderQuantityRangeValidator, multi: true }
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityRangeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityRangeValidator, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/lib/components/measures/quantity-input/validation/elder-required-quantity.validator.mjs

@@ -55,11 +55,11 @@ export class ElderRequiredQuantityValidator {
         return false;
     }
 }
-ElderRequiredQuantityValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderRequiredQuantityValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ElderRequiredQuantityValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ElderRequiredQuantityValidator, selector: "elder-quantity-input[required][formControl],elder-quantity-input[required][formControlName],elder-quantity-input[required][ngModel]", inputs: { requiredIgnoreZero: "requiredIgnoreZero", required: "required" }, providers: [
+ElderRequiredQuantityValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderRequiredQuantityValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElderRequiredQuantityValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ElderRequiredQuantityValidator, selector: "elder-quantity-input[required][formControl],elder-quantity-input[required][formControlName],elder-quantity-input[required][ngModel]", inputs: { requiredIgnoreZero: "requiredIgnoreZero", required: "required" }, providers: [
         { provide: NG_VALIDATORS, useExisting: ElderRequiredQuantityValidator, multi: true }
     ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderRequiredQuantityValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderRequiredQuantityValidator, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/lib/components/measures/util/elder-quantity.service.mjs

@@ -226,9 +226,9 @@ export class ElderQuantityService {
         return quantity.value + '-' + quantity.unit;
     }
 }
-ElderQuantityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityService, deps: [{ token: i1.ElderUnitService }], target: i0.ɵɵFactoryTarget.Injectable });
-ElderQuantityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderQuantityService, decorators: [{
+ElderQuantityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityService, deps: [{ token: i1.ElderUnitService }], target: i0.ɵɵFactoryTarget.Injectable });
+ElderQuantityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderQuantityService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/components/navigation/bread-crumbs/bread-crumbs/elder-bread-crumbs.component.mjs

@@ -138,9 +138,9 @@ export class ElderBreadCrumbsComponent {
         return nodes;
     }
 }
-ElderBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderBreadCrumbsComponent, selector: "elder-bread-crumbs", inputs: { root: "root", rootTranslation: "rootTranslation", rootIcon: "rootIcon", backgroundColor: "backgroundColor", editModeEnabled: "editModeEnabled", path: "path" }, outputs: { pathChange: "pathChange" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<!-- main container-->\n<div class=\"layout-row place-start-center full breadcrumb-bar\"\n     [style.background-color]=\"backgroundColor\"\n     *ngIf=\"{enabled: editMode$ | async} as editMode\"\n>\n\n  <!-- path container -->\n  <form #breadCrumbForm=\"ngForm\"\n       class=\"layout-row place-start-center flex breadcrumb-path\"\n       (click)=\"enableEditMode()\"\n  >\n      <!-- path edit control (if editMode:enabled) -->\n      <mat-form-field class=\"flex\" *ngIf=\"editMode.enabled\" elderDense >\n        {{ pathInput.focus() }}\n        <input matInput type=\"text\" name=\"pathInput\" #pathInput\n               [ngModel]=\"path\" (ngModelChange)=\"onPathInputChange($event)\"\n               (blur)=\"onPathEditBlur($event)\"\n               elderKeyEvent [elderKeyEventFilter]=\"'Enter'\" (onElderKeyEvent)=\"onEnter()\">\n      </mat-form-field>\n\n      <!-- navigation control (if editMode:disabled) -->\n      <ng-container *ngIf=\"!editMode.enabled\">\n        <div class=\"layout-row place-center-center flex-none\"\n             *ngFor=\"let node of nodes$ | async;let isFirst = first;let isLast = last\">\n\n          <!-- arrow right icon as path element delimiter -->\n          <mat-icon *ngIf=\"!isFirst\" class=\"noselect breadcrumb-arrow\">keyboard_arrow_right</mat-icon>\n\n          <!-- root element (case root icon) -->\n          <a *ngIf=\"isFirst && rootIcon\"\n             mat-icon-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <mat-icon>{{rootIcon}}</mat-icon>\n          </a>\n\n          <!-- intermediate elements (not last and (not first or root icon)) -->\n          <a *ngIf=\"!isLast && (!isFirst || !rootIcon)\"\n             mat-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <span>{{node.name}}</span>\n          </a>\n\n          <!-- last element (is last and (not first or root icon)) -->\n          <a mat-button class=\"breadcrumb\" *ngIf=\"isLast && (!isFirst || !rootIcon)\"\n             (click)=\"null\" elderStopEventPropagation\n          >\n            {{node.name}}\n            <mat-icon>arrow_drop_down</mat-icon>\n          </a>\n\n        </div>\n      </ng-container>\n\n  </form>\n\n  <!-- bread crumb action menu button -->\n  <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"menu\">\n\n    <mat-icon style=\"font-size: 22px\">arrow_drop_down</mat-icon>\n\n    <mat-menu #menu=\"matMenu\">\n\n      <button mat-menu-item type=\"button\" [elderClipboardPut]=\"path\">\n        <mat-icon>content_copy</mat-icon>\n        <span>{{'Pfad kopieren'}}</span>\n      </button>\n\n      <button mat-menu-item type=\"button\" (click)=\"onMenuEditPathClick($event)\" elderStopEventPropagation>\n        <mat-icon *ngIf=\"!editMode.enabled\">edit</mat-icon>\n        <mat-icon *ngIf=\"editMode.enabled\">done</mat-icon>\n        <span *ngIf=\"!editMode.enabled\">{{'Pfad editieren'}}</span>\n        <span *ngIf=\"editMode.enabled\">{{'Pfad best\u00E4tigen'}}</span>\n      </button>\n\n    </mat-menu>\n\n  </button>\n</div>\n\n\n", styles: [".breadcrumb-path{padding:0 8px}.breadcrumb{padding-left:4px;padding-right:4px;font-size:18px;font-weight:400}\n"], dependencies: [{ 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: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatIconAnchor, selector: "a[mat-icon-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i8.ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: i9.ElderKeyEventDirective, selector: "[elderKeyEvent]", inputs: ["elderKeyEventFilter", "elderKeyEventDown", "elderKeyEventChildren", "elderKeyEventCallback"], outputs: ["onElderKeyEvent"] }, { kind: "directive", type: i10.ElderClipboardPutDirective, selector: "[elderClipboardPut]", inputs: ["elderClipboardPut"], outputs: ["clipboardCopied"] }, { kind: "directive", type: i11.ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsComponent, decorators: [{
+ElderBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderBreadCrumbsComponent, selector: "elder-bread-crumbs", inputs: { root: "root", rootTranslation: "rootTranslation", rootIcon: "rootIcon", backgroundColor: "backgroundColor", editModeEnabled: "editModeEnabled", path: "path" }, outputs: { pathChange: "pathChange" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<!-- main container-->\n<div class=\"layout-row place-start-center full breadcrumb-bar\"\n     [style.background-color]=\"backgroundColor\"\n     *ngIf=\"{enabled: editMode$ | async} as editMode\"\n>\n\n  <!-- path container -->\n  <form #breadCrumbForm=\"ngForm\"\n       class=\"layout-row place-start-center flex breadcrumb-path\"\n       (click)=\"enableEditMode()\"\n  >\n      <!-- path edit control (if editMode:enabled) -->\n      <mat-form-field class=\"flex\" *ngIf=\"editMode.enabled\" elderDense >\n        {{ pathInput.focus() }}\n        <input matInput type=\"text\" name=\"pathInput\" #pathInput\n               [ngModel]=\"path\" (ngModelChange)=\"onPathInputChange($event)\"\n               (blur)=\"onPathEditBlur($event)\"\n               elderKeyEvent [elderKeyEventFilter]=\"'Enter'\" (onElderKeyEvent)=\"onEnter()\">\n      </mat-form-field>\n\n      <!-- navigation control (if editMode:disabled) -->\n      <ng-container *ngIf=\"!editMode.enabled\">\n        <div class=\"layout-row place-center-center flex-none\"\n             *ngFor=\"let node of nodes$ | async;let isFirst = first;let isLast = last\">\n\n          <!-- arrow right icon as path element delimiter -->\n          <mat-icon *ngIf=\"!isFirst\" class=\"noselect breadcrumb-arrow\">keyboard_arrow_right</mat-icon>\n\n          <!-- root element (case root icon) -->\n          <a *ngIf=\"isFirst && rootIcon\"\n             mat-icon-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <mat-icon>{{rootIcon}}</mat-icon>\n          </a>\n\n          <!-- intermediate elements (not last and (not first or root icon)) -->\n          <a *ngIf=\"!isLast && (!isFirst || !rootIcon)\"\n             mat-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <span>{{node.name}}</span>\n          </a>\n\n          <!-- last element (is last and (not first or root icon)) -->\n          <a mat-button class=\"breadcrumb\" *ngIf=\"isLast && (!isFirst || !rootIcon)\"\n             (click)=\"null\" elderStopEventPropagation\n          >\n            {{node.name}}\n            <mat-icon>arrow_drop_down</mat-icon>\n          </a>\n\n        </div>\n      </ng-container>\n\n  </form>\n\n  <!-- bread crumb action menu button -->\n  <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"menu\">\n\n    <mat-icon style=\"font-size: 22px\">arrow_drop_down</mat-icon>\n\n    <mat-menu #menu=\"matMenu\">\n\n      <button mat-menu-item type=\"button\" [elderClipboardPut]=\"path\">\n        <mat-icon>content_copy</mat-icon>\n        <span>{{'Pfad kopieren'}}</span>\n      </button>\n\n      <button mat-menu-item type=\"button\" (click)=\"onMenuEditPathClick($event)\" elderStopEventPropagation>\n        <mat-icon *ngIf=\"!editMode.enabled\">edit</mat-icon>\n        <mat-icon *ngIf=\"editMode.enabled\">done</mat-icon>\n        <span *ngIf=\"!editMode.enabled\">{{'Pfad editieren'}}</span>\n        <span *ngIf=\"editMode.enabled\">{{'Pfad best\u00E4tigen'}}</span>\n      </button>\n\n    </mat-menu>\n\n  </button>\n</div>\n\n\n", styles: [".breadcrumb-path{padding:0 8px}.breadcrumb{padding-left:4px;padding-right:4px;font-size:18px;font-weight:400}\n"], dependencies: [{ 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: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatIconAnchor, selector: "a[mat-icon-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i8.ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: i9.ElderKeyEventDirective, selector: "[elderKeyEvent]", inputs: ["elderKeyEventFilter", "elderKeyEventDown", "elderKeyEventChildren", "elderKeyEventCallback"], outputs: ["onElderKeyEvent"] }, { kind: "directive", type: i10.ElderClipboardPutDirective, selector: "[elderClipboardPut]", inputs: ["elderClipboardPut"], outputs: ["clipboardCopied"] }, { kind: "directive", type: i11.ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense", "subscriptSizing", "floatLabel"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-bread-crumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- main container-->\n<div class=\"layout-row place-start-center full breadcrumb-bar\"\n     [style.background-color]=\"backgroundColor\"\n     *ngIf=\"{enabled: editMode$ | async} as editMode\"\n>\n\n  <!-- path container -->\n  <form #breadCrumbForm=\"ngForm\"\n       class=\"layout-row place-start-center flex breadcrumb-path\"\n       (click)=\"enableEditMode()\"\n  >\n      <!-- path edit control (if editMode:enabled) -->\n      <mat-form-field class=\"flex\" *ngIf=\"editMode.enabled\" elderDense >\n        {{ pathInput.focus() }}\n        <input matInput type=\"text\" name=\"pathInput\" #pathInput\n               [ngModel]=\"path\" (ngModelChange)=\"onPathInputChange($event)\"\n               (blur)=\"onPathEditBlur($event)\"\n               elderKeyEvent [elderKeyEventFilter]=\"'Enter'\" (onElderKeyEvent)=\"onEnter()\">\n      </mat-form-field>\n\n      <!-- navigation control (if editMode:disabled) -->\n      <ng-container *ngIf=\"!editMode.enabled\">\n        <div class=\"layout-row place-center-center flex-none\"\n             *ngFor=\"let node of nodes$ | async;let isFirst = first;let isLast = last\">\n\n          <!-- arrow right icon as path element delimiter -->\n          <mat-icon *ngIf=\"!isFirst\" class=\"noselect breadcrumb-arrow\">keyboard_arrow_right</mat-icon>\n\n          <!-- root element (case root icon) -->\n          <a *ngIf=\"isFirst && rootIcon\"\n             mat-icon-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <mat-icon>{{rootIcon}}</mat-icon>\n          </a>\n\n          <!-- intermediate elements (not last and (not first or root icon)) -->\n          <a *ngIf=\"!isLast && (!isFirst || !rootIcon)\"\n             mat-button class=\"breadcrumb\"\n             (click)=\"goToPath(node)\" elderStopEventPropagation\n          >\n            <span>{{node.name}}</span>\n          </a>\n\n          <!-- last element (is last and (not first or root icon)) -->\n          <a mat-button class=\"breadcrumb\" *ngIf=\"isLast && (!isFirst || !rootIcon)\"\n             (click)=\"null\" elderStopEventPropagation\n          >\n            {{node.name}}\n            <mat-icon>arrow_drop_down</mat-icon>\n          </a>\n\n        </div>\n      </ng-container>\n\n  </form>\n\n  <!-- bread crumb action menu button -->\n  <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"menu\">\n\n    <mat-icon style=\"font-size: 22px\">arrow_drop_down</mat-icon>\n\n    <mat-menu #menu=\"matMenu\">\n\n      <button mat-menu-item type=\"button\" [elderClipboardPut]=\"path\">\n        <mat-icon>content_copy</mat-icon>\n        <span>{{'Pfad kopieren'}}</span>\n      </button>\n\n      <button mat-menu-item type=\"button\" (click)=\"onMenuEditPathClick($event)\" elderStopEventPropagation>\n        <mat-icon *ngIf=\"!editMode.enabled\">edit</mat-icon>\n        <mat-icon *ngIf=\"editMode.enabled\">done</mat-icon>\n        <span *ngIf=\"!editMode.enabled\">{{'Pfad editieren'}}</span>\n        <span *ngIf=\"editMode.enabled\">{{'Pfad best\u00E4tigen'}}</span>\n      </button>\n\n    </mat-menu>\n\n  </button>\n</div>\n\n\n", styles: [".breadcrumb-path{padding:0 8px}.breadcrumb{padding-left:4px;padding-right:4px;font-size:18px;font-weight:400}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { pathChange: [{

package/esm2020/lib/components/navigation/bread-crumbs/elder-bread-crumbs.module.mjs

@@ -14,8 +14,8 @@ export * from './bread-crumbs/elder-bread-crumbs.component';
 export * from './path/path';
 export class ElderBreadCrumbsModule {
 }
-ElderBreadCrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderBreadCrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsModule, declarations: [ElderBreadCrumbsComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule,
+ElderBreadCrumbsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderBreadCrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsModule, declarations: [ElderBreadCrumbsComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule,
         TranslateModule,
         MatFormFieldModule,
         MatIconModule,
@@ -23,7 +23,7 @@ ElderBreadCrumbsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         MatInputModule,
         MatMenuModule,
         ElderFormsDirectivesModule], exports: [ElderBreadCrumbsComponent] });
-ElderBreadCrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsModule, imports: [CommonModule, FormsModule, ReactiveFormsModule,
+ElderBreadCrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsModule, imports: [CommonModule, FormsModule, ReactiveFormsModule,
         TranslateModule,
         MatFormFieldModule,
         MatIconModule,
@@ -31,7 +31,7 @@ ElderBreadCrumbsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         MatInputModule,
         MatMenuModule,
         ElderFormsDirectivesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderBreadCrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderBreadCrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -16,8 +16,8 @@ export { ElderNavLinkComponent } from './nav-link/elder-nav-link.component';
 export { ElderNavGroupComponent } from './nav-group/elder-nav-group.component';
 export class ElderNavModule {
 }
-ElderNavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderNavModule, declarations: [ElderNavListComponent,
+ElderNavModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderNavModule, declarations: [ElderNavListComponent,
         ElderNavLinkComponent,
         ElderNavGroupComponent], imports: [CommonModule, RouterModule,
         MatIconModule, MatButtonModule,
@@ -25,11 +25,11 @@ ElderNavModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TranslateModule, MatListModule, MatRippleModule], exports: [ElderNavListComponent,
         ElderNavLinkComponent,
         ElderNavGroupComponent] });
-ElderNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavModule, imports: [CommonModule, RouterModule,
+ElderNavModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavModule, imports: [CommonModule, RouterModule,
         MatIconModule, MatButtonModule,
         A11yModule,
         TranslateModule, MatListModule, MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -75,8 +75,8 @@ export class ElderNavGroupComponent {
         return this.navList.isActive(this.value);
     }
 }
-ElderNavGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavGroupComponent, deps: [{ token: i1.ElderNavListComponent }], target: i0.ɵɵFactoryTarget.Component });
-ElderNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderNavGroupComponent, selector: "elder-nav-group", inputs: { value: "value" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "children", predicate: ElderNavLinkComponent }], ngImport: i0, template: "\n<ng-container *ngIf=\"(state$ | async) as state\">\n  <div class=\"layout-col nav-group\">\n    <a matRipple\n       class=\"layout-row place-start-center nav-group-button mat-button-fill\n              mdc-list-item\n              mdc-list-item--with-one-line\"\n       [class.nav-group-button-open]=\"state.isOpen\"\n       [class.nav-group-button-closed]=\"!state.isOpen\"\n       [class.nav-group-button-active]=\"active$ | async\"\n       (click)=\"itemClick($event)\"\n    >\n\n      <div class=\"layout-row place-start-center gap-lg full noselect mdc-list-item__primary-text\">\n        <ng-content></ng-content>\n        <span class=\"flex\"></span>\n        <mat-icon>{{state.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}</mat-icon>\n      </div>\n    </a>\n\n    <!-- Nested Items projection -->\n    <div class=\"layout-col nav-group-items-container p-sm gap-sm\"\n         [@openClose]=\"state.isOpen ? 'open' : 'closed'\">\n      <ng-content select=\"elder-nav-link\"></ng-content>\n    </div>\n\n  </div>\n</ng-container>\n", styles: [".nav-group-button-closed{padding-left:16px}.nav-group{min-height:48px}.nav-group-button{padding-right:16px;min-height:48px;font-size:16px;font-weight:400;border-radius:4px;cursor:pointer}.nav-group-button .mat-icon{height:24px;width:24px;font-size:24px;padding:4px}.nav-group-items-container{overflow:hidden}\n"], 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.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [
+ElderNavGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavGroupComponent, deps: [{ token: i1.ElderNavListComponent }], target: i0.ɵɵFactoryTarget.Component });
+ElderNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderNavGroupComponent, selector: "elder-nav-group", inputs: { value: "value" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "children", predicate: ElderNavLinkComponent }], ngImport: i0, template: "\n<ng-container *ngIf=\"(state$ | async) as state\">\n  <div class=\"layout-col nav-group\">\n    <a matRipple\n       class=\"layout-row place-start-center nav-group-button mat-button-fill\n              mdc-list-item\n              mdc-list-item--with-one-line\"\n       [class.nav-group-button-open]=\"state.isOpen\"\n       [class.nav-group-button-closed]=\"!state.isOpen\"\n       [class.nav-group-button-active]=\"active$ | async\"\n       (click)=\"itemClick($event)\"\n    >\n\n      <div class=\"layout-row place-start-center gap-lg full noselect mdc-list-item__primary-text\">\n        <ng-content></ng-content>\n        <span class=\"flex\"></span>\n        <mat-icon>{{state.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}</mat-icon>\n      </div>\n    </a>\n\n    <!-- Nested Items projection -->\n    <div class=\"layout-col nav-group-items-container p-sm gap-sm\"\n         [@openClose]=\"state.isOpen ? 'open' : 'closed'\">\n      <ng-content select=\"elder-nav-link\"></ng-content>\n    </div>\n\n  </div>\n</ng-container>\n", styles: [".nav-group-button-closed{padding-left:16px}.nav-group{min-height:48px}.nav-group-button{padding-right:16px;min-height:48px;font-size:16px;font-weight:400;border-radius:4px;cursor:pointer}.nav-group-button .mat-icon{height:24px;width:24px;font-size:24px;padding:4px}.nav-group-items-container{overflow:hidden}\n"], 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.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [
         trigger('openClose', [
             state('open', style({
                 height: '*',
@@ -95,7 +95,7 @@ ElderNavGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             ]),
         ])
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-nav-group', animations: [
                         trigger('openClose', [

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

@@ -120,9 +120,9 @@ export class ElderNavLinkComponent {
         return this.navList.isActive(this.value);
     }
 }
-ElderNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavLinkComponent, deps: [{ token: i1.ElderNavListComponent }], target: i0.ɵɵFactoryTarget.Component });
-ElderNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderNavLinkComponent, selector: "elder-nav-link", inputs: { title: "title", queryParamsHandling: "queryParamsHandling", queryParams: "queryParams", icon: "icon", fontIcon: "fontIcon", fontSet: "fontSet", svgIcon: "svgIcon", routerLink: "routerLink", href: "href", target: "target", value: "value", disabled: "disabled" }, outputs: { clicked: "clicked" }, host: { properties: { "attr.tabindex": "this.tabIndex" } }, viewQueries: [{ propertyName: "routerLinkActive", first: true, predicate: RouterLinkActive, descendants: true }], ngImport: i0, template: "<!-- Router Link -->\n<ng-container *ngIf=\"model$ | async as model\">\n  <a *ngIf=\"model.routerLink as routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n         mdc-list-item mdc-list-item--with-one-line\"\n     [routerLink]=\"routerLink\"\n     [queryParamsHandling]=\"queryParamsHandling\"\n     [queryParams]=\"queryParams\"\n     routerLinkActive=\"dummy\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Href Link -->\n  <a *ngIf=\"model.href as href\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n              mdc-list-item mdc-list-item--with-one-line\"\n     [href]=\"href\"\n     [target]=\"model.hrefTarget\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Simple Button -->\n  <a *ngIf=\"!model.href && !model.routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n            mdc-list-item mdc-list-item--with-one-line\"\n     (click)=\"itemClick($event)\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n</ng-container>\n\n\n<ng-template #defaultLinkTemplate>\n  <div class=\"layout-row place-start-center flex gap-md noselect\">\n    <mat-icon *ngIf=\"!(!icon && !title)\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n    <span *ngIf=\"title\" class=\"noselect\">\n      {{ title | translate}}\n    </span>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".nav-link{text-decoration:none;padding-left:16px;padding-right:16px;min-height:48px;border-radius:4px;overflow:hidden;transition:background .5s}.nav-link .mat-icon{height:24px;width:24px;font-size:24px;padding:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavLinkComponent, decorators: [{
+ElderNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavLinkComponent, deps: [{ token: i1.ElderNavListComponent }], target: i0.ɵɵFactoryTarget.Component });
+ElderNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderNavLinkComponent, selector: "elder-nav-link", inputs: { title: "title", queryParamsHandling: "queryParamsHandling", queryParams: "queryParams", icon: "icon", fontIcon: "fontIcon", fontSet: "fontSet", svgIcon: "svgIcon", routerLink: "routerLink", href: "href", target: "target", value: "value", disabled: "disabled" }, outputs: { clicked: "clicked" }, host: { properties: { "attr.tabindex": "this.tabIndex" } }, viewQueries: [{ propertyName: "routerLinkActive", first: true, predicate: RouterLinkActive, descendants: true }], ngImport: i0, template: "<!-- Router Link -->\n<ng-container *ngIf=\"model$ | async as model\">\n  <a *ngIf=\"model.routerLink as routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n         mdc-list-item mdc-list-item--with-one-line\"\n     [routerLink]=\"routerLink\"\n     [queryParamsHandling]=\"queryParamsHandling\"\n     [queryParams]=\"queryParams\"\n     routerLinkActive=\"dummy\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Href Link -->\n  <a *ngIf=\"model.href as href\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n              mdc-list-item mdc-list-item--with-one-line\"\n     [href]=\"href\"\n     [target]=\"model.hrefTarget\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Simple Button -->\n  <a *ngIf=\"!model.href && !model.routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n            mdc-list-item mdc-list-item--with-one-line\"\n     (click)=\"itemClick($event)\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n</ng-container>\n\n\n<ng-template #defaultLinkTemplate>\n  <div class=\"layout-row place-start-center flex gap-md noselect\">\n    <mat-icon *ngIf=\"!(!icon && !title)\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n    <span *ngIf=\"title\" class=\"noselect\">\n      {{ title | translate}}\n    </span>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".nav-link{text-decoration:none;padding-left:16px;padding-right:16px;min-height:48px;border-radius:4px;overflow:hidden;transition:background .5s}.nav-link .mat-icon{height:24px;width:24px;font-size:24px;padding:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-nav-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Router Link -->\n<ng-container *ngIf=\"model$ | async as model\">\n  <a *ngIf=\"model.routerLink as routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n         mdc-list-item mdc-list-item--with-one-line\"\n     [routerLink]=\"routerLink\"\n     [queryParamsHandling]=\"queryParamsHandling\"\n     [queryParams]=\"queryParams\"\n     routerLinkActive=\"dummy\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Href Link -->\n  <a *ngIf=\"model.href as href\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n              mdc-list-item mdc-list-item--with-one-line\"\n     [href]=\"href\"\n     [target]=\"model.hrefTarget\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n\n  <!-- Simple Button -->\n  <a *ngIf=\"!model.href && !model.routerLink\"\n     matRipple [matRippleDisabled]=\"disabled\"\n     class=\"layout-row place-start-center nav-link\n            mdc-list-item mdc-list-item--with-one-line\"\n     (click)=\"itemClick($event)\"\n     [class.nav-link-clickable]=\"!disabled\"\n     [class.nav-link-disabled]=\"disabled\"\n     [class.nav-link-active]=\"active$ | async\"\n     [class.nav-link-inactive]=\"(active$ | async) === false\"\n  >\n    <ng-container [ngTemplateOutlet]=\"defaultLinkTemplate\"></ng-container>\n  </a>\n</ng-container>\n\n\n<ng-template #defaultLinkTemplate>\n  <div class=\"layout-row place-start-center flex gap-md noselect\">\n    <mat-icon *ngIf=\"!(!icon && !title)\"\n              [fontIcon]=\"fontIcon\"\n              [fontSet]=\"fontSet\">\n      {{icon}}\n    </mat-icon>\n    <mat-icon *ngIf=\"svgIcon\"\n              [svgIcon]=\"svgIcon\"\n    ></mat-icon>\n    <span *ngIf=\"title\" class=\"noselect\">\n      {{ title | translate}}\n    </span>\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".nav-link{text-decoration:none;padding-left:16px;padding-right:16px;min-height:48px;border-radius:4px;overflow:hidden;transition:background .5s}.nav-link .mat-icon{height:24px;width:24px;font-size:24px;padding:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ElderNavListComponent }]; }, propDecorators: { tabIndex: [{

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

@@ -53,9 +53,9 @@ export class ElderNavListComponent {
         }
     }
 }
-ElderNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ElderNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ElderNavListComponent, selector: "elder-nav-list", inputs: { compareWith: "compareWith", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div class=\"layout-col p-sm gap-sm flex scrollable\n  mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderNavListComponent, decorators: [{
+ElderNavListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ElderNavListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderNavListComponent, selector: "elder-nav-list", inputs: { compareWith: "compareWith", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div class=\"layout-col p-sm gap-sm flex scrollable\n  mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderNavListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-nav-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-col full elder-nav-list-full\" tabindex=\"0\">\n  <div class=\"layout-col p-sm gap-sm flex scrollable\n  mat-mdc-nav-list mat-mdc-list-base mdc-list\"\n    style=\"overflow-y: scroll\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{min-width:0;min-height:0}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.elder-nav-list-full{min-width:120px}.elder-nav-list-full:focus{outline:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { compareWith: [{

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: "15.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: "15.2.0", type: ElderToolbarColumnDirective, selector: "[elderToolbarColumn]", inputs: { elderToolbarColumn: "elderToolbarColumn", elderToolbarDefault: "elderToolbarDefault" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarColumnDirective, decorators: [{
+ElderToolbarColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", 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: "15.2.2", type: ElderToolbarColumnDirective, selector: "[elderToolbarColumn]", inputs: { elderToolbarColumn: "elderToolbarColumn", elderToolbarDefault: "elderToolbarDefault" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderToolbarColumn]'

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

@@ -19,8 +19,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: "15.2.0", ngImport: i0, type: ElderToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ElderToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarModule, declarations: [ElderToolbarComponent,
+ElderToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ElderToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarModule, declarations: [ElderToolbarComponent,
         ElderToolbarColumnDirective,
         ElderToolbarTitleComponent], imports: [
         // common
@@ -35,7 +35,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: "15.2.0", ngImport: i0, type: ElderToolbarModule, imports: [
+ElderToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarModule, imports: [
         // common
         CommonModule, RouterModule,
         // layout
@@ -46,7 +46,7 @@ ElderToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         MatButtonModule, MatIconModule, MatBadgeModule,
         // translations
         TranslateModule, ElderLanguageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", 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: "15.2.0", ngImport: i0, type: ElderToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ElderToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarService, decorators: [{
+ElderToolbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ElderToolbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -55,9 +55,9 @@ export class ElderToolbarComponent {
         return this.toolbarService.activeColumnTemplate(slot);
     }
 }
-ElderToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.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: "15.2.0", type: ElderToolbarComponent, selector: "elder-toolbar", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"layout-row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar class=\"layout-row place-start-center\" [color]=\"color$ | async\">\n\n    <div class=\"layout-row place-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 class=\"layout-row place-center-center flex\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div class=\"layout-row place-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: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5.ElderLanguageSwitcherComponent, selector: "elder-language-switcher", inputs: ["slimMode"] }, { kind: "component", type: i6.ElderToolbarTitleComponent, selector: "elder-toolbar-title" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarComponent, decorators: [{
+ElderToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarComponent, deps: [{ token: i1.ElderToolbarService }, { token: i2.ElderThemeService }], target: i0.ɵɵFactoryTarget.Component });
+ElderToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderToolbarComponent, selector: "elder-toolbar", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"layout-row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar class=\"layout-row place-start-center\" [color]=\"color$ | async\">\n\n    <div class=\"layout-row place-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 class=\"layout-row place-center-center flex\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div class=\"layout-row place-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: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5.ElderLanguageSwitcherComponent, selector: "elder-language-switcher", inputs: ["slimMode"] }, { kind: "component", type: i6.ElderToolbarTitleComponent, selector: "elder-toolbar-title" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-row\">\n\n  <ng-content></ng-content>\n\n  <mat-toolbar class=\"layout-row place-start-center\" [color]=\"color$ | async\">\n\n    <div class=\"layout-row place-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 class=\"layout-row place-center-center flex\">\n      <ng-container *ngTemplateOutlet=\"(slotTemplate$('center') | async) || defaultCenterColumnTemplate\"></ng-container>\n    </div>\n\n    <div class=\"layout-row place-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: "15.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: "15.2.0", type: ElderToolbarTitleComponent, selector: "elder-toolbar-title", ngImport: i0, template: "<h3 class=\"mat-headline-6\">{{(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: "15.2.0", ngImport: i0, type: ElderToolbarTitleComponent, decorators: [{
+ElderToolbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarTitleComponent, deps: [{ token: i1.ElderToolbarTitleService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+ElderToolbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ElderToolbarTitleComponent, selector: "elder-toolbar-title", ngImport: i0, template: "<h3 class=\"mat-headline-6\">{{(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: "15.2.2", ngImport: i0, type: ElderToolbarTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 class=\"mat-headline-6\">{{(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: "15.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: "15.2.0", ngImport: i0, type: ElderToolbarTitleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ElderToolbarTitleService, decorators: [{
+ElderToolbarTitleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarTitleService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+ElderToolbarTitleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarTitleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ElderToolbarTitleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'