@elderbyte/ngx-starter 17.3.1 → 17.3.2

package/esm2022/lib/components/theme/elder-theme-preference.service.mjs

@@ -62,10 +62,10 @@ export class ElderThemePreferenceService {
         }
         return initialTheme;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemePreferenceService, deps: [{ token: i1.ElderThemeService }, { token: i2.WebLocalStorage }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemePreferenceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemePreferenceService, deps: [{ token: i1.ElderThemeService }, { token: i2.WebLocalStorage }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemePreferenceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemePreferenceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemePreferenceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/components/theme/elder-theme-toggle/elder-theme-toggle.component.mjs

@@ -62,10 +62,10 @@ export class ElderThemeToggleComponent {
             return 'secondary';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeToggleComponent, deps: [{ token: i1.ElderThemeService }, { token: i2.ElderThemePreferenceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderThemeToggleComponent, selector: "elder-theme-toggle", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"layout-row place-start-center\" *ngIf=\"activeToggleTheme$ | async as activeToggleTheme\">\n  <mat-slide-toggle [ngModel]=\"activeToggleTheme !== 'default'\"\n                    (ngModelChange)=\"onToggle($event)\"\n                    [color]=\"color\"\n  >\n  </mat-slide-toggle>\n  <mat-icon [color]=\"color\">\n    {{activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2'}}\n  </mat-icon>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeToggleComponent, deps: [{ token: i1.ElderThemeService }, { token: i2.ElderThemePreferenceService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderThemeToggleComponent, selector: "elder-theme-toggle", inputs: { color: "color" }, ngImport: i0, template: "<div class=\"layout-row place-start-center\" *ngIf=\"activeToggleTheme$ | async as activeToggleTheme\">\n  <mat-slide-toggle [ngModel]=\"activeToggleTheme !== 'default'\"\n                    (ngModelChange)=\"onToggle($event)\"\n                    [color]=\"color\"\n  >\n  </mat-slide-toggle>\n  <mat-icon [color]=\"color\">\n    {{activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2'}}\n  </mat-icon>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-row place-start-center\" *ngIf=\"activeToggleTheme$ | async as activeToggleTheme\">\n  <mat-slide-toggle [ngModel]=\"activeToggleTheme !== 'default'\"\n                    (ngModelChange)=\"onToggle($event)\"\n                    [color]=\"color\"\n  >\n  </mat-slide-toggle>\n  <mat-icon [color]=\"color\">\n    {{activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2'}}\n  </mat-icon>\n</div>\n\n" }]
         }], ctorParameters: () => [{ type: i1.ElderThemeService }, { type: i2.ElderThemePreferenceService }], propDecorators: { color: [{

package/esm2022/lib/components/theme/elder-theme.directive.mjs

@@ -45,10 +45,10 @@ export class ElderThemeDirective {
             this.matToolbar.color = theme.heroBackground;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeDirective, deps: [{ token: i1.MatToolbar, host: true, optional: true }, { token: i2.ElderThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: ElderThemeDirective, selector: "[elderTheme]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeDirective, deps: [{ token: i1.MatToolbar, host: true, optional: true }, { token: i2.ElderThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: ElderThemeDirective, selector: "[elderTheme]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderTheme]'

package/esm2022/lib/components/theme/elder-theme.module.mjs

@@ -21,8 +21,8 @@ export function themeInit(thpref) {
     };
 }
 export class ElderThemeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeModule, declarations: [ElderThemeApplierDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeModule, declarations: [ElderThemeApplierDirective,
             ElderThemeToggleComponent,
             ElderThemeDirective], imports: [CommonModule,
             MatSlideToggleModule,
@@ -30,7 +30,7 @@ export class ElderThemeModule {
             FormsModule], exports: [ElderThemeApplierDirective,
             ElderThemeToggleComponent,
             ElderThemeDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeModule, providers: [
             {
                 provide: APP_INITIALIZER,
                 useFactory: themeInit,
@@ -42,7 +42,7 @@ export class ElderThemeModule {
             MatIconModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/theme/elder-theme.service.mjs

@@ -111,10 +111,10 @@ export class ElderThemeService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/components/time/date-adapters/custom-date-adapter.mjs

@@ -31,10 +31,10 @@ export class CustomDateAdapter extends NativeDateAdapter {
         this.logger.trace('Could not parse "' + value + '" to date!');
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CustomDateAdapter, deps: [{ token: MAT_DATE_LOCALE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CustomDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CustomDateAdapter, deps: [{ token: MAT_DATE_LOCALE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CustomDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CustomDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: CustomDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2022/lib/components/time/duration/elder-duration-input/elder-duration-input.component.mjs

@@ -96,12 +96,12 @@ export class ElderDurationInputComponent extends ElderFormFieldControlBase {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDurationInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderDurationInputComponent, selector: "elder-duration-input", inputs: { isoValue: "isoValue", format: "format", durationFormat: "durationFormat" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDurationInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderDurationInputComponent, selector: "elder-duration-input", inputs: { isoValue: "isoValue", format: "format", durationFormat: "durationFormat" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderDurationInputComponent },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"layout-row place-start-center flex-none\" *ngIf=\"durationContext$ | async as durationCtx\">\n\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.days\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-days'\"\n           type=\"number\" class=\"duration-input duration-input-days flex-auto\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(durationCtx?.bucket?.days)\"\n           (ngModelChange)=\"onBucketChanged(durationCtx.bucket.withDays($event))\">\n    <span class=\"mat-caption suffix flex-none noselect\">d</span>\n  </div>\n\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.hours\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-hours'\"\n           type=\"number\" class=\"duration-input duration-input-hours flex-auto\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(durationCtx?.bucket?.hours)\"\n           (ngModelChange)=\"onBucketChanged(durationCtx.bucket.withHours($event))\">\n    <span class=\"mat-caption suffix flex-none noselect\">h</span>\n  </div>\n\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.minutes\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-minutes'\"\n           type=\"number\" class=\"duration-input duration-input-minutes flex-auto\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(durationCtx?.bucket?.minutes)\"\n           (ngModelChange)=\"onBucketChanged(durationCtx.bucket.withMinutes($event))\">\n    <span class=\"mat-caption suffix flex-none noselect\">min</span>\n  </div>\n\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.seconds\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-seconds'\"\n           type=\"number\" class=\"duration-input duration-input-seconds flex-auto\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(durationCtx?.bucket?.seconds)\"\n           (ngModelChange)=\"onBucketChanged(durationCtx.bucket.withSeconds($event))\">\n    <span class=\"mat-caption suffix flex-none noselect\">sec</span>\n  </div>\n\n</div>\n", styles: [".suffix{opacity:.7}.duration-input{text-align:right}.duration-input-days{min-width:26px}.duration-input-hours{min-width:20px}.duration-input-minutes,.duration-input-seconds{min-width:26px}input.duration-input::-webkit-outer-spin-button,input.duration-input::-webkit-inner-spin-button{display:none}input.duration-input{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i4.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.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: i6.ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDurationInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDurationInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-duration-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderDurationInputComponent },

package/esm2022/lib/components/time/elder-date-switcher/elder-date-switcher.component.mjs

@@ -69,10 +69,10 @@ export class ElderDateSwitcherComponent extends FormFieldBaseComponent {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDateSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderDateSwitcherComponent, selector: "elder-date-switcher", inputs: { datePickerEnabled: "datePickerEnabled", datePickerTouchUi: "datePickerTouchUi", dense: "dense", date: "date" }, outputs: { dateChange: "dateChange" }, host: { classAttribute: "elder-form-field-host" }, providers: buildFormIntegrationProviders(ElderDateSwitcherComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field subscriptSizing=\"dynamic\" class=\"flex full\" [elderDense]=\"dense\">\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n  <elder-local-date-input\n    arrows today autoDatePicker datePickerTouchUi\n    [datePickerEnabled]=\"false\"\n    [datePickerTouchUi]=\"datePickerTouchUi\"\n    [value]=\"value$ | async\"\n    (valueUpdated)=\"updateValue($event)\"\n  >\n  </elder-local-date-input>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense", "subscriptSizing", "floatLabel"] }, { kind: "component", type: i4.ElderLocalDateInputComponent, selector: "elder-local-date-input", inputs: ["zone", "autoDatePicker", "arrows", "today", "center", "datePickerTouchUi", "allowNull", "datePickerEnabled", "isoValue", "dateValue", "isoDateValue"], outputs: ["blurred", "valueUpdatedBlur", "isoValueChange", "dateValueChange", "isoDateValueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], viewProviders: [ViewProviders.ParentControlContainer], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDateSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderDateSwitcherComponent, selector: "elder-date-switcher", inputs: { datePickerEnabled: "datePickerEnabled", datePickerTouchUi: "datePickerTouchUi", dense: "dense", date: "date" }, outputs: { dateChange: "dateChange" }, host: { classAttribute: "elder-form-field-host" }, providers: buildFormIntegrationProviders(ElderDateSwitcherComponent), usesInheritance: true, ngImport: i0, template: "<mat-form-field subscriptSizing=\"dynamic\" class=\"flex full\" [elderDense]=\"dense\">\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n  <elder-local-date-input\n    arrows today autoDatePicker datePickerTouchUi\n    [datePickerEnabled]=\"false\"\n    [datePickerTouchUi]=\"datePickerTouchUi\"\n    [value]=\"value$ | async\"\n    (valueUpdated)=\"updateValue($event)\"\n  >\n  </elder-local-date-input>\n</mat-form-field>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.ElderFormFieldDenseDirective, selector: "mat-form-field[elderDense]", inputs: ["elderDense", "subscriptSizing", "floatLabel"] }, { kind: "component", type: i4.ElderLocalDateInputComponent, selector: "elder-local-date-input", inputs: ["zone", "autoDatePicker", "arrows", "today", "center", "datePickerTouchUi", "allowNull", "datePickerEnabled", "isoValue", "dateValue", "isoDateValue"], outputs: ["blurred", "valueUpdatedBlur", "isoValueChange", "dateValueChange", "isoDateValueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], viewProviders: [ViewProviders.ParentControlContainer], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDateSwitcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDateSwitcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-date-switcher', changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'elder-form-field-host' }, providers: buildFormIntegrationProviders(ElderDateSwitcherComponent), viewProviders: [ViewProviders.ParentControlContainer], template: "<mat-form-field subscriptSizing=\"dynamic\" class=\"flex full\" [elderDense]=\"dense\">\n  <mat-label *ngIf=\"label\">{{label | translate}}</mat-label>\n  <elder-local-date-input\n    arrows today autoDatePicker datePickerTouchUi\n    [datePickerEnabled]=\"false\"\n    [datePickerTouchUi]=\"datePickerTouchUi\"\n    [value]=\"value$ | async\"\n    (valueUpdated)=\"updateValue($event)\"\n  >\n  </elder-local-date-input>\n</mat-form-field>\n" }]
         }], ctorParameters: () => [], propDecorators: { datePickerEnabled: [{

package/esm2022/lib/components/time/elder-date-time-input/elder-date-time-input.component.mjs

@@ -81,12 +81,12 @@ export class ElderDateTimeInputComponent extends ElderFormFieldControlBase {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDateTimeInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderDateTimeInputComponent, selector: "elder-date-time-input", inputs: { center: "center", isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDateTimeInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderDateTimeInputComponent, selector: "elder-date-time-input", inputs: { center: "center", isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderDateTimeInputComponent },
         ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"layout-row place-start-baseline elder-flex-control\"\n>\n  <input matInput class=\"flex-grow elder-mdc-input-fix elder-datetime-local-input\" #input\n         [name]=\"ngControl?.name + '-inner-input'\"\n         type=\"datetime-local\"\n         [required]=\"!!required\"\n         [readonly]=\"readonly\"\n         [disabled]=\"!!disabled\"\n         [placeholder]=\"placeholder | translate\"\n         [ngModel]=\"valueDate$ | async | date:'yyyy-MM-ddTHH:mm'\"\n         (ngModelChange)=\"onDateTimeChanged($event)\"\n         [class.center]=\"center\"\n  >\n</div>\n", styles: [".elder-datetime-local-input.center{text-align:center}\n"], dependencies: [{ 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderDateTimeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderDateTimeInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-date-time-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderDateTimeInputComponent },

package/esm2022/lib/components/time/elder-interval-input/elder-interval-input.component.mjs

@@ -151,12 +151,12 @@ export class ElderIntervalInputComponent extends ElderFormFieldControlBase {
             return of(null);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderIntervalInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }, { token: i4.DateAdapter }, { token: MAT_DATE_LOCALE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderIntervalInputComponent, selector: "elder-interval-input", inputs: { zone: "zone", mode: "mode", isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderIntervalInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }, { token: i4.DateAdapter }, { token: MAT_DATE_LOCALE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderIntervalInputComponent, selector: "elder-interval-input", inputs: { zone: "zone", mode: "mode", isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderIntervalInputComponent },
         ], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode\">\n\n  <!-- DATE_TIME_RANGE -->\n  <div *ngSwitchCase=\"'date-time-range'\"\n       class=\"layout-row\">\n    <elder-date-time-input class=\"flex\" center\n      [value]=\"(value$ | async)?.start\"\n      (valueUpdated)=\"onStartChanged($event)\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"(placeholder || '') + ' ' + ('interval.from' | translate)\"\n    ></elder-date-time-input>\n    <span class=\"mat-date-range-input-separator flex-none\">\u2013</span>\n    <elder-date-time-input class=\"flex\" center\n      [value]=\"(value$ | async)?.end\"\n      (valueUpdated)=\"onEndChanged($event)\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"(placeholder || '') + ' ' + ('interval.to' | translate)\"\n    ></elder-date-time-input>\n  </div>\n\n  <!-- DAY_TIME_RANGE -->\n  <div *ngSwitchCase=\"'day-time-range'\"\n       class=\"layout-row gap-xs elder-flex-interval-control\">\n\n    <!--  [name]=\"name + '-day-start'\" -->\n    <elder-date-time-input\n      [value]=\"(value$ | async)?.start\"\n      (valueUpdated)=\"onDayTimeStartChanged($event)\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"(placeholder || '') + ' ' + ('interval.from' | translate)\"\n    ></elder-date-time-input>\n\n    <!-- [name]=\"name + '-day-end'\" -->\n    <elder-local-time-input\n      [value]=\"endTime$ | async\"\n      (valueUpdated)=\"onDayTimeEndTimeChanged($event)\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"(placeholder || '') + ' ' + ('interval.to' | translate)\"\n    ></elder-local-time-input>\n  </div>\n\n  <!-- DATE_RANGE -->\n  <div *ngSwitchCase=\"'date-range'\"\n       class=\"layout-row gap-xs elder-flex-interval-control\">\n\n    <mat-date-range-input\n      class=\"mdc-text-field__input\"\n      [rangePicker]=\"picker\"\n      [disabled]=\"!!disabled\"\n    >\n      <input matStartDate\n             [placeholder]=\"dateformat\"\n             [ngModel]=\"startDate$ | async\" name=\"date-range.start\"\n             [ngModelOptions]=\"{ standalone: true, updateOn: 'blur'}\"\n             (ngModelChange)=\"onStartDateChanged($event)\"\n             [readonly]=\"readonly\"\n             [disabled]=\"!!disabled\"\n      >\n      <input matEndDate\n             [placeholder]=\"dateformat\"\n             [ngModel]=\"endDate$ | async\" name=\"date-range.end\"\n             [ngModelOptions]=\"{ standalone: true, updateOn: 'blur'}\"\n             (ngModelChange)=\"onEndDateChanged($event)\"\n             [readonly]=\"readonly\"\n             [disabled]=\"!!disabled\"\n      >\n    </mat-date-range-input>\n    <mat-datepicker-toggle class=\"elder-control-icon-button\"\n                           [disabled]=\"isLocked\"\n                           [for]=\"picker\">\n      <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n    </mat-datepicker-toggle>\n    <mat-date-range-picker #picker></mat-date-range-picker>\n  </div>\n\n  <!-- SINGLE_DAY -->\n  <div *ngSwitchCase=\"'single-day'\"\n       class=\"layout-row elder-flex-control\">\n\n    <!-- [name]=\"name\" -->\n    <elder-local-date-input class=\"flex\" center\n      [value]=\"startLocalDate$ | async\"\n      (valueUpdated)=\"onSingleDayDateChanged($event)\"\n      [required]=\"required\"\n      [readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"(placeholder || '')\"\n    ></elder-local-date-input>\n  </div>\n\n</ng-container>\n\n\n\n", styles: [".elder-flex-interval-control{flex:1 1 auto;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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.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: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.ElderDateTimeInputComponent, selector: "elder-date-time-input", inputs: ["center", "isoValue"], outputs: ["isoValueChange"] }, { kind: "component", type: i9.ElderLocalTimeInputComponent, selector: "elder-local-time-input", inputs: ["isoValue"], outputs: ["isoValueChange"] }, { kind: "component", type: i10.ElderLocalDateInputComponent, selector: "elder-local-date-input", inputs: ["zone", "autoDatePicker", "arrows", "today", "center", "datePickerTouchUi", "allowNull", "datePickerEnabled", "isoValue", "dateValue", "isoDateValue"], outputs: ["blurred", "valueUpdatedBlur", "isoValueChange", "dateValueChange", "isoDateValueChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderIntervalInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderIntervalInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-interval-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderIntervalInputComponent },

package/esm2022/lib/components/time/elder-local-date-input/elder-local-date-input.component.mjs

@@ -208,12 +208,12 @@ export class ElderLocalDateInputComponent extends ElderFormFieldControlBase {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderLocalDateInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderLocalDateInputComponent, selector: "elder-local-date-input", inputs: { zone: "zone", autoDatePicker: "autoDatePicker", arrows: "arrows", today: "today", center: "center", datePickerTouchUi: "datePickerTouchUi", allowNull: "allowNull", datePickerEnabled: "datePickerEnabled", isoValue: "isoValue", dateValue: "dateValue", isoDateValue: "isoDateValue" }, outputs: { blurred: "blurred", valueUpdatedBlur: "valueUpdatedBlur", isoValueChange: "isoValueChange", dateValueChange: "dateValueChange", isoDateValueChange: "isoDateValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderLocalDateInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderLocalDateInputComponent, selector: "elder-local-date-input", inputs: { zone: "zone", autoDatePicker: "autoDatePicker", arrows: "arrows", today: "today", center: "center", datePickerTouchUi: "datePickerTouchUi", allowNull: "allowNull", datePickerEnabled: "datePickerEnabled", isoValue: "isoValue", dateValue: "dateValue", isoDateValue: "isoDateValue" }, outputs: { blurred: "blurred", valueUpdatedBlur: "valueUpdatedBlur", isoValueChange: "isoValueChange", dateValueChange: "dateValueChange", isoDateValueChange: "isoDateValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderLocalDateInputComponent },
         ], viewQueries: [{ propertyName: "picker", first: true, predicate: MatDatepicker, descendants: true, static: true }, { propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"layout-row place-start-center elder-flex-control\"\n>\n\n  <button mat-icon-button type=\"button\" *ngIf=\"arrows\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked || !value\"\n          (click)=\"previousDay()\">\n    <mat-icon>keyboard_arrow_left</mat-icon>\n  </button>\n\n  <input matInput elderNoSpinner class=\"flex elder-mdc-input-fix elder-local-date-input\" #input\n         type=\"date\"\n         [name]=\"ngControl?.name + '-inner-input'\"\n         [required]=\"!!required\"\n         [readonly]=\"readonly || autoDatePicker\"\n         [disabled]=\"!!disabled\"\n         [placeholder]=\"placeholder | translate\"\n         [ngModel]=\"date$ | async | date: 'yyyy-MM-dd'\"\n         (ngModelChange)=\"onDateInputChanged($event)\"\n         (blur)=\"blurred.next($event)\"\n         [class.elder-auto-date-picker]=\"autoDatePicker\"\n         [class.noselect]=\"autoDatePicker\"\n         [class.center]=\"center || arrows\"\n         (click)=\"onDateInputClicked($event)\"\n  >\n  <input style=\"display: none\" [matDatepicker]=\"picker\" (dateChange)=\"onDatepickerInputChange($event)\">\n\n  <button mat-icon-button type=\"button\" *ngIf=\"arrows\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked || !value\"\n          (click)=\"nextDay()\">\n    <mat-icon>keyboard_arrow_right</mat-icon>\n  </button>\n\n  <button mat-icon-button type=\"button\" *ngIf=\"today\"\n          class=\"elder-control-icon-button\" style=\"margin-left: 4px\"\n          [disabled]=\"isLocked\"\n          (click)=\"currentDay()\">\n    <mat-icon>today</mat-icon>\n  </button>\n\n  <mat-datepicker-toggle class=\"elder-control-icon-button\"\n    *ngIf=\"datePickerEnabled && (!allowNull || (value$ | async) === null)\"\n    [disabled]=\"isLocked\"\n    [for]=\"picker\">\n    <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n  </mat-datepicker-toggle>\n\n  <button mat-icon-button type=\"button\" class=\"elder-control-icon-button\"\n          *ngIf=\"allowNull && (value$ | async)\"\n          [disabled]=\"isLocked\"\n          (click)=\"clear($event)\" aria-label=\"Clear\"\n          elderStopEventPropagation\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-datepicker [touchUi]=\"datePickerTouchUi\" #picker></mat-datepicker>\n\n</div>\n\n\n\n", styles: ["input::-webkit-calendar-picker-indicator{display:none}.elder-auto-date-picker{cursor:pointer}.elder-local-date-input.center{text-align:center}\n"], dependencies: [{ kind: "directive", type: i4.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.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: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: i10.ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderLocalDateInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderLocalDateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-local-date-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderLocalDateInputComponent },

package/esm2022/lib/components/time/elder-local-time-input/elder-local-time-input.component.mjs

@@ -70,12 +70,12 @@ export class ElderLocalTimeInputComponent extends ElderFormFieldControlBase {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderLocalTimeInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderLocalTimeInputComponent, selector: "elder-local-time-input", inputs: { isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderLocalTimeInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderLocalTimeInputComponent, selector: "elder-local-time-input", inputs: { isoValue: "isoValue" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderLocalTimeInputComponent },
         ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"layout-row place-start-baseline elder-flex-control\"\n>\n  <input matInput class=\"flex-grow elder-mdc-input-fix\" #input\n         [name]=\"ngControl?.name + '-inner-input'\"\n         [placeholder]=\"placeholder | translate\"\n         type=\"time\"\n         [required]=\"!!required\"\n         [readonly]=\"readonly\"\n         [disabled]=\"!!disabled\"\n         [ngModel]=\"hourMinuteStr$ | async\"\n         (ngModelChange)=\"onHourMinuteChanged($event)\">\n</div>\n\n", styles: [""], dependencies: [{ 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderLocalTimeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderLocalTimeInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-local-time-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderLocalTimeInputComponent },

package/esm2022/lib/components/time/elder-time.module.mjs

@@ -28,8 +28,8 @@ export { ElderDurationInputComponent } from './duration/elder-duration-input/eld
 export { ElderPeriodInputComponent } from './period/elder-period-input/elder-period-input.component';
 export { ToIsoDateStringPipe } from './pipes/to-iso-date-string.pipe';
 export class ElderTimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElderTimeModule, declarations: [ElderDateSwitcherComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ElderTimeModule, declarations: [ElderDateSwitcherComponent,
             ElderIntervalInputComponent,
             ElderDateTimeInputComponent,
             ElderLocalTimeInputComponent,
@@ -57,7 +57,7 @@ export class ElderTimeModule {
             ElderDurationInputComponent,
             ElderPeriodInputComponent,
             ToIsoDateStringPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderTimeModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderTimeModule, providers: [
             { provide: DateAdapter, useClass: CustomDateAdapter }
         ], imports: [
             // common
@@ -74,7 +74,7 @@ export class ElderTimeModule {
             // translations
             TranslateModule, ElderFormsDirectivesModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderTimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderTimeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/time/period/elder-period-input/elder-period-input.component.mjs

@@ -105,12 +105,12 @@ export class ElderPeriodInputComponent extends ElderFormFieldControlBase {
             ? a.equals(b)
             : a === b;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderPeriodInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderPeriodInputComponent, selector: "elder-period-input", inputs: { isoValue: "isoValue", format: "format", periodFormat: "periodFormat" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderPeriodInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: i2.TranslateService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderPeriodInputComponent, selector: "elder-period-input", inputs: { isoValue: "isoValue", format: "format", periodFormat: "periodFormat" }, outputs: { isoValueChange: "isoValueChange" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderPeriodInputComponent },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"layout-row place-start-center flex-none\" *ngIf=\"periodContext$ | async as periodCtx\">\n\n  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.days\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-days'\"\n           type=\"number\" class=\"period-input\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(periodCtx?.bucket?.days)\"\n           (ngModelChange)=\"onBucketChanged(periodCtx.bucket.withDays($event))\">\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">d</span>\n  </div>\n\n  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.months\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-months'\"\n           type=\"number\" class=\"period-input\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(periodCtx?.bucket?.months)\"\n           (ngModelChange)=\"onBucketChanged(periodCtx.bucket.withMonths($event))\">\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">mnt</span>\n  </div>\n\n  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.years\">\n    <input matInput elderNoSpinner\n           [name]=\"ngControl?.name + '-inner-years'\"\n           type=\"number\" class=\"period-input\"\n           [required]=\"!!required\"\n           [readonly]=\"readonly\"\n           [disabled]=\"!!disabled\"\n           [ngModel]=\"round(periodCtx?.bucket?.years)\"\n           (ngModelChange)=\"onBucketChanged(periodCtx.bucket.withYears($event))\">\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">yrs</span>\n  </div>\n\n\n</div>\n", styles: [".suffix{opacity:.7}.period-input{text-align:right}input.period-input::-webkit-outer-spin-button,input.period-input::-webkit-inner-spin-button{display:none}input.period-input{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i4.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.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: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i7.ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderPeriodInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderPeriodInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-period-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MatFormFieldControl, useExisting: ElderPeriodInputComponent },

package/esm2022/lib/components/time/pipes/to-iso-date-string.pipe.mjs

@@ -26,10 +26,10 @@ export class ToIsoDateStringPipe {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ToIsoDateStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ToIsoDateStringPipe, name: "toIsoDateString" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ToIsoDateStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ToIsoDateStringPipe, name: "toIsoDateString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ToIsoDateStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ToIsoDateStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toIsoDateString'

package/esm2022/lib/components/toasts/elder-toast.module.mjs

@@ -8,11 +8,11 @@ import * as i0 from "@angular/core";
 export * from './elder-toast.service';
 export { StandardToastComponent } from './standard-toast/standard-toast.component';
 export class ElderToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElderToastModule, declarations: [StandardToastComponent], imports: [CommonModule, MatSnackBarModule, MatIconModule, MatButtonModule], exports: [StandardToastComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastModule, imports: [CommonModule, MatSnackBarModule, MatIconModule, MatButtonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ElderToastModule, declarations: [StandardToastComponent], imports: [CommonModule, MatSnackBarModule, MatIconModule, MatButtonModule], exports: [StandardToastComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastModule, imports: [CommonModule, MatSnackBarModule, MatIconModule, MatButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [StandardToastComponent],

package/esm2022/lib/components/toasts/elder-toast.service.mjs

@@ -159,10 +159,10 @@ export class ElderToastService {
             .pipe(catchError(err => options.msg) // // no translation found, we use the translation key
         );
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastService, deps: [{ token: i1.TranslateService }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastService, deps: [{ token: i1.TranslateService }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/components/toasts/standard-toast/standard-toast.component.mjs

@@ -60,10 +60,10 @@ export class StandardToastComponent {
             return text;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: StandardToastComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: StandardToastComponent, selector: "elder-standard-toast", ngImport: i0, template: "<div class=\"layout-col gap-xs mat-mdc-snack-bar-container\">\n\n  <!-- Icon and Status -->\n  <div class=\"layout-row place-start-center gap-sm\">\n    <mat-icon class=\"noselect\">{{ icon(toast.type) }}</mat-icon>\n    <span\n      class=\"toast-title mat-subtitle-2 noselect\"\n      [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n    >{{ toast.status }}</span>\n  </div>\n\n  <span></span>\n\n  <!-- Toast Message -->\n  @if (toast.message) {\n    <span class=\"mat-body noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ toast.message }}</span>\n  }\n\n  <span></span>\n\n  <!-- Toast Detail -->\n  @if (toast.detail) {\n    <span class=\"mat-small noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ trimDetailText(toast.detail, 200) }}</span>\n  }\n\n\n  <!-- Actions -->\n  <div class=\"layout-row place-end-center\" matSnackBarActions>\n    <button mat-button matSnackBarAction type=\"button\" [color]=\"iconColor(toast.type)\" (click)=\"close()\">Ok</button>\n  </div>\n\n</div>\n", styles: [".toast-title{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: i1.MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: i1.MatSnackBarAction, selector: "[matSnackBarAction]" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: StandardToastComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: StandardToastComponent, selector: "elder-standard-toast", ngImport: i0, template: "<div class=\"layout-col gap-xs mat-mdc-snack-bar-container\">\n\n  <!-- Icon and Status -->\n  <div class=\"layout-row place-start-center gap-sm\">\n    <mat-icon class=\"noselect\">{{ icon(toast.type) }}</mat-icon>\n    <span\n      class=\"toast-title mat-subtitle-2 noselect\"\n      [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n    >{{ toast.status }}</span>\n  </div>\n\n  <span></span>\n\n  <!-- Toast Message -->\n  @if (toast.message) {\n    <span class=\"mat-body noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ toast.message }}</span>\n  }\n\n  <span></span>\n\n  <!-- Toast Detail -->\n  @if (toast.detail) {\n    <span class=\"mat-small noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ trimDetailText(toast.detail, 200) }}</span>\n  }\n\n\n  <!-- Actions -->\n  <div class=\"layout-row place-end-center\" matSnackBarActions>\n    <button mat-button matSnackBarAction type=\"button\" [color]=\"iconColor(toast.type)\" (click)=\"close()\">Ok</button>\n  </div>\n\n</div>\n", styles: [".toast-title{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.MatSnackBarLabel, selector: "[matSnackBarLabel]" }, { kind: "directive", type: i1.MatSnackBarActions, selector: "[matSnackBarActions]" }, { kind: "directive", type: i1.MatSnackBarAction, selector: "[matSnackBarAction]" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: StandardToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: StandardToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-standard-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-col gap-xs mat-mdc-snack-bar-container\">\n\n  <!-- Icon and Status -->\n  <div class=\"layout-row place-start-center gap-sm\">\n    <mat-icon class=\"noselect\">{{ icon(toast.type) }}</mat-icon>\n    <span\n      class=\"toast-title mat-subtitle-2 noselect\"\n      [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n    >{{ toast.status }}</span>\n  </div>\n\n  <span></span>\n\n  <!-- Toast Message -->\n  @if (toast.message) {\n    <span class=\"mat-body noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ toast.message }}</span>\n  }\n\n  <span></span>\n\n  <!-- Toast Detail -->\n  @if (toast.detail) {\n    <span class=\"mat-small noselect\" matSnackBarLabel\n          [class.elder-warn-text]=\"toast.type === ToastType.Error\"\n          [class.elder-accent-text]=\"toast.type === ToastType.Warning\"\n    >{{ trimDetailText(toast.detail, 200) }}</span>\n  }\n\n\n  <!-- Actions -->\n  <div class=\"layout-row place-end-center\" matSnackBarActions>\n    <button mat-button matSnackBarAction type=\"button\" [color]=\"iconColor(toast.type)\" (click)=\"close()\">Ok</button>\n  </div>\n\n</div>\n", styles: [".toast-title{font-size:16px}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{

package/esm2022/lib/components/url-fragment/elder-url-fragment.module.mjs

@@ -12,8 +12,8 @@ import * as i0 from "@angular/core";
 export * from './elder-url-fragment';
 export { ElderUrlFragmentSwitcherComponent } from './url-fragment-switcher/elder-url-fragment-switcher.component';
 export class ElderUrlFragmentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentModule, declarations: [ElderUrlFragmentSwitcherComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentModule, declarations: [ElderUrlFragmentSwitcherComponent], imports: [CommonModule,
             MatIconModule,
             MatMenuModule,
             MatFormFieldModule,
@@ -21,7 +21,7 @@ export class ElderUrlFragmentModule {
             FormsModule,
             MatButtonModule,
             ElderButtonGroupModule], exports: [ElderUrlFragmentSwitcherComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentModule, imports: [CommonModule,
             MatIconModule,
             MatMenuModule,
             MatFormFieldModule,
@@ -30,7 +30,7 @@ export class ElderUrlFragmentModule {
             MatButtonModule,
             ElderButtonGroupModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.mjs

@@ -62,10 +62,10 @@ export class ElderUrlFragmentSwitcherComponent {
         this.logger.debug(urlFragment);
         window.open(window.location.href.replace(this.urlRegex.exec(window.location.href)[this.regexArrayIndex], urlFragment), this.windowOpenIn);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderUrlFragmentSwitcherComponent, selector: "elder-url-fragment-switcher", inputs: { disable: "disable", urlFragments: "urlFragments", urlRegex: "urlRegex", regexArrayIndex: "regexArrayIndex", windowOpenIn: "windowOpenIn" }, ngImport: i0, template: "<ng-container *ngIf=\"activeUrlFragment$ | async as activeUrlFragment\">\n  <elder-button-group>\n    <button mat-stroked-button type=\"button\" disabled [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <div class=\"layout-col\">\n        <span *ngIf=\"!disable\" class=\"caption\">{{activeUrlFragment.name}}</span>\n      </div>\n    </button>\n\n    <button mat-stroked-button type=\"button\"\n            *ngIf=\"!disable \"  [matMenuTriggerFor]=\"fragmentMenu\"\n            [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <mat-icon>flip_camera_android</mat-icon>\n    </button>\n  </elder-button-group>\n</ng-container>\n\n<mat-menu #fragmentMenu=\"matMenu\">\n  <button mat-menu-item type=\"button\"\n          *ngFor=\"let urlFragment of urlFragments\"\n          (click)=\"setActiveUrlFragment(urlFragment.fragment)\">\n    <mat-icon [ngStyle]=\"{'color': urlFragment.color}\">flip_camera_android</mat-icon>\n    <span>{{  urlFragment.name }}</span>\n  </button>\n\n</mat-menu>\n", styles: [".activeURlFragment{padding-left:6px}.mat-body-strong{line-height:5px;padding-top:10px;padding-bottom:8px;color:#000}.caption{color:#fff}.mat-body-strong-no-caption{line-height:5px;padding-top:15px;padding-bottom:14px;color:#000}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.ElderButtonGroupComponent, selector: "elder-button-group" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderUrlFragmentSwitcherComponent, selector: "elder-url-fragment-switcher", inputs: { disable: "disable", urlFragments: "urlFragments", urlRegex: "urlRegex", regexArrayIndex: "regexArrayIndex", windowOpenIn: "windowOpenIn" }, ngImport: i0, template: "<ng-container *ngIf=\"activeUrlFragment$ | async as activeUrlFragment\">\n  <elder-button-group>\n    <button mat-stroked-button type=\"button\" disabled [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <div class=\"layout-col\">\n        <span *ngIf=\"!disable\" class=\"caption\">{{activeUrlFragment.name}}</span>\n      </div>\n    </button>\n\n    <button mat-stroked-button type=\"button\"\n            *ngIf=\"!disable \"  [matMenuTriggerFor]=\"fragmentMenu\"\n            [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <mat-icon>flip_camera_android</mat-icon>\n    </button>\n  </elder-button-group>\n</ng-container>\n\n<mat-menu #fragmentMenu=\"matMenu\">\n  <button mat-menu-item type=\"button\"\n          *ngFor=\"let urlFragment of urlFragments\"\n          (click)=\"setActiveUrlFragment(urlFragment.fragment)\">\n    <mat-icon [ngStyle]=\"{'color': urlFragment.color}\">flip_camera_android</mat-icon>\n    <span>{{  urlFragment.name }}</span>\n  </button>\n\n</mat-menu>\n", styles: [".activeURlFragment{padding-left:6px}.mat-body-strong{line-height:5px;padding-top:10px;padding-bottom:8px;color:#000}.caption{color:#fff}.mat-body-strong-no-caption{line-height:5px;padding-top:15px;padding-bottom:14px;color:#000}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.ElderButtonGroupComponent, selector: "elder-button-group" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderUrlFragmentSwitcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderUrlFragmentSwitcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-url-fragment-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"activeUrlFragment$ | async as activeUrlFragment\">\n  <elder-button-group>\n    <button mat-stroked-button type=\"button\" disabled [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <div class=\"layout-col\">\n        <span *ngIf=\"!disable\" class=\"caption\">{{activeUrlFragment.name}}</span>\n      </div>\n    </button>\n\n    <button mat-stroked-button type=\"button\"\n            *ngIf=\"!disable \"  [matMenuTriggerFor]=\"fragmentMenu\"\n            [ngStyle]=\"{'background-color': activeUrlFragment.color}\">\n      <mat-icon>flip_camera_android</mat-icon>\n    </button>\n  </elder-button-group>\n</ng-container>\n\n<mat-menu #fragmentMenu=\"matMenu\">\n  <button mat-menu-item type=\"button\"\n          *ngFor=\"let urlFragment of urlFragments\"\n          (click)=\"setActiveUrlFragment(urlFragment.fragment)\">\n    <mat-icon [ngStyle]=\"{'color': urlFragment.color}\">flip_camera_android</mat-icon>\n    <span>{{  urlFragment.name }}</span>\n  </button>\n\n</mat-menu>\n", styles: [".activeURlFragment{padding-left:6px}.mat-body-strong{line-height:5px;padding-top:10px;padding-bottom:8px;color:#000}.caption{color:#fff}.mat-body-strong-no-caption{line-height:5px;padding-top:15px;padding-bottom:14px;color:#000}\n"] }]
         }], ctorParameters: () => [], propDecorators: { disable: [{

package/esm2022/lib/components/viewers/elder-svg-viewer/elder-svg-viewer.component.mjs

@@ -50,10 +50,10 @@ export class ElderSvgViewerComponent {
             this.dataContainer.nativeElement.innerHTML = this.svgContent$.getValue();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderSvgViewerComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ElderSvgViewerComponent, selector: "elder-svg-viewer", inputs: { svg: "svg" }, viewQueries: [{ propertyName: "dataContainer", first: true, predicate: ["dataContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"svg\" #dataContainer></div>\n", styles: [".svg{width:100%;height:100%;overflow:hidden}svg{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderSvgViewerComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: ElderSvgViewerComponent, selector: "elder-svg-viewer", inputs: { svg: "svg" }, viewQueries: [{ propertyName: "dataContainer", first: true, predicate: ["dataContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"svg\" #dataContainer></div>\n", styles: [".svg{width:100%;height:100%;overflow:hidden}svg{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderSvgViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderSvgViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-svg-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"svg\" #dataContainer></div>\n", styles: [".svg{width:100%;height:100%;overflow:hidden}svg{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { dataContainer: [{

package/esm2022/lib/components/viewers/elder-viewers.module.mjs

@@ -4,11 +4,11 @@ import { ElderSvgViewerComponent } from './elder-svg-viewer/elder-svg-viewer.com
 import * as i0 from "@angular/core";
 export { ElderSvgViewerComponent } from './elder-svg-viewer/elder-svg-viewer.component';
 export class ElderViewersModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderViewersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElderViewersModule, declarations: [ElderSvgViewerComponent], imports: [CommonModule], exports: [ElderSvgViewerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderViewersModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderViewersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: ElderViewersModule, declarations: [ElderSvgViewerComponent], imports: [CommonModule], exports: [ElderSvgViewerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderViewersModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderViewersModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderViewersModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/features/event-source/elder-event-source.service.mjs

@@ -44,10 +44,10 @@ export class ElderEventSourceService {
     reactiveEventSourceDynamic(eventSourceUrlProvider, eventSourceInitDict) {
         return ReactiveEventSource.dynamicUrl(this.zone, eventSourceUrlProvider, eventSourceInitDict);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderEventSourceService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderEventSourceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderEventSourceService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderEventSourceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElderEventSourceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ElderEventSourceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'