@elderbyte/ngx-starter 19.16.0 → 19.19.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { formatDate, CommonModule, formatCurrency, getCurrencySymbol, NgIf, AsyncPipe, NgFor, NgClass, NgTemplateOutlet, NgStyle, formatNumber, DecimalPipe, DatePipe, registerLocaleData, CurrencyPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Pipe, LOCALE_ID, Inject, NgModule, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, inject, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, Injectable, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute } from '@angular/core';
+import { Pipe, LOCALE_ID, Inject, NgModule, Injectable, inject, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import { Duration, Period, TemporalQueries, LocalTime, Instant, LocalDate, nativeJs, ZoneId, DateTimeFormatter, convert, ZonedDateTime, Temporal as Temporal$1 } from '@js-joda/core';
 import { LoggerFactory } from '@elderbyte/ts-logger';
@@ -2032,6 +2032,124 @@ class CurrencyFormatUtil {
     }
 }
 
+class PhoneFormatService {
+    /***************************************************************************
+     *                                                                         *
+     * Public static methods                                                   *
+     *                                                                         *
+     **************************************************************************/
+    formatPhoneNumber(nr, config) {
+        if (!config || !config.dialingCode) {
+            return nr;
+        }
+        const cleanedNr = nr.replace(/[^0-9+]/g, ''); // remove all chars except numbers and plus
+        const withoutDialingCode = this.removeDialingCode(cleanedNr, config.dialingCode);
+        const withoutLeadingZeros = withoutDialingCode.replace(/^0+/, ''); // remove leading zeros
+        let phoneNrBody = withoutLeadingZeros;
+        // if bodyFormat is provided, format the body with the regex
+        if (config.bodyFormat) {
+            const [regex, format] = config.bodyFormat;
+            phoneNrBody = phoneNrBody.replace(regex, format);
+        }
+        const prefix = config.customPrefix ?? `${config.dialingCode} `;
+        return `${prefix}${phoneNrBody}`;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private static methods                                                  *
+     *                                                                         *
+     **************************************************************************/
+    removeDialingCode(phoneNr, dialingCode) {
+        const dialingCodeWithDoubleZero = dialingCode.replace('+', '00');
+        for (const prefix of [dialingCode, dialingCodeWithDoubleZero]) {
+            if (phoneNr.startsWith(prefix)) {
+                return phoneNr.slice(prefix.length);
+            }
+        }
+        return phoneNr;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: PhoneFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: PhoneFormatService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: PhoneFormatService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class CountryPhoneFormatService {
+    constructor() {
+        this.countryPhoneFormats = {
+            '+41': {
+                country: 'CH',
+                dialingCode: '+41',
+                bodyFormat: [/^(\d{2})(\d{3})(\d{2})(\d{2})$/, '$1 $2 $3 $4'],
+                customPrefix: '0',
+            },
+            '+423': {
+                country: 'LI',
+                dialingCode: '+423',
+                bodyFormat: [/^(\d{3})(\d{4})$/, '$1 $2'],
+            },
+            '+49': {
+                country: 'DE',
+                dialingCode: '+49',
+            },
+            '+43': {
+                country: 'AT',
+                dialingCode: '+43',
+            },
+            '+33': {
+                country: 'FR',
+                dialingCode: '+33',
+            },
+            '+44': {
+                country: 'GB',
+                dialingCode: '+44',
+            },
+            '+1': {
+                country: 'US',
+                dialingCode: '+1',
+            },
+        };
+    }
+    getCountryPhoneFormat(dialingCode) {
+        return this.countryPhoneFormats[dialingCode] ?? null;
+    }
+    getCountry(dialingCode) {
+        return this.countryPhoneFormats[dialingCode]?.country ?? null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CountryPhoneFormatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CountryPhoneFormatService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: CountryPhoneFormatService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class PhonePipe {
+    constructor() {
+        this.countryPhoneFormats = inject(CountryPhoneFormatService);
+        this.phoneFormat = inject(PhoneFormatService);
+    }
+    transform(phoneData) {
+        const countryPhoneFormat = this.countryPhoneFormats.getCountryPhoneFormat(phoneData.dialingCode);
+        return this.phoneFormat.formatPhoneNumber(phoneData.phoneNumber, countryPhoneFormat);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: PhonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: PhonePipe, isStandalone: true, name: "phone" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: PhonePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'phone',
+                    standalone: true,
+                }]
+        }] });
+
 function coerceInterval(value) {
     if (value) {
         if (value instanceof Interval) {
@@ -5914,35 +6032,6 @@ class DataContextBuilder {
     buildEmptyActivePaged() {
         return (this.activePaged().build(DelegateDataSource.emptyPageFetcher()));
     }
-    /***************************************************************************
-     *                                                                         *
-     * Legacy Client Builder                                                   *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * @deprecated Switch to build(dataSource)
-     */
-    buildClient(dataSource) {
-        return this.build(dataSource);
-    }
-    /**
-     * @deprecated Switch to build(dataSource)
-     */
-    buildPagedClient(dataSource) {
-        return this.build(dataSource);
-    }
-    /**
-     * @deprecated Switch to build(dataSource)
-     */
-    buildContinuationTokenClient(dataSource) {
-        return this.build(dataSource);
-    }
-    /**
-     * @deprecated Switch to .activePaged().build(dataSource)
-     */
-    buildActivePagedClient(dataSource) {
-        return this.activePaged().build(dataSource);
-    }
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -7273,6 +7362,10 @@ class ElderFormFieldControlBase extends ValueAccessorBase {
         this.id = `elder-control-${this.controlType}-${ElderFormFieldControlBase.nextId++}`;
         if (this.ngControl) {
             this.ngControl.valueAccessor = this;
+            this.controlName = this.ngControl.name + '';
+        }
+        else {
+            this.controlName = this.id + '';
         }
         this.initFocusMonitor();
     }
@@ -18198,6 +18291,7 @@ class ElderNextFocusableDirective {
         this.log = LoggerFactory.getLogger(this.constructor.name);
         /**
          * Focus the given element next, if the nextElements are all unavailable.
+         * The element must be an HTMLElement or an object that has both focus() and hello properties.
          */
         this._element = null;
         this._enabled = true;
@@ -18247,12 +18341,16 @@ class ElderNextFocusableDirective {
         return this._nextElements.every((elem) => !this.isFocusable(elem));
     }
     isFocusable(element) {
-        if (element.hidden) {
-            return false;
-        }
-        if (element instanceof HTMLInputElement) {
-            return !element.disabled;
+        if (element instanceof HTMLElement) {
+            if (element.hidden) {
+                return false;
+            }
+            if (element instanceof HTMLInputElement) {
+                return !element.disabled;
+            }
+            return true;
         }
+        // For non-HTMLElement elements, we assume they are focusable if they have a focus method
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderNextFocusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -23722,7 +23820,7 @@ class ElderSelectComponent extends ElderSelectBase {
                 provide: ELDER_SELECT_BASE,
                 useExisting: forwardRef(() => ElderSelectComponent),
             },
-        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"ngControl?.name + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]" }, { kind: "directive", type: ElderAutocompleteDirective, selector: "[elderAutocomplete]", inputs: ["queryFilter", "filters", "sorts", "elderAutocomplete"] }, { kind: "component", type: ElderSuggestionPanelComponent, selector: "elder-suggestion-panel", inputs: ["isOptionDisabledFn", "isOptionHiddenFn", "optionValueConverterFn", "enabled", "valueTemplate", "dataSource", "displayPropertyResolver"], outputs: ["optionSelected"], exportAs: ["elderSuggestionPanel"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderAutoSelectSuggestFirstDirective, selector: "[elderAutoSelectSuggestFirst]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]" }, { kind: "directive", type: ElderAutocompleteDirective, selector: "[elderAutocomplete]", inputs: ["queryFilter", "filters", "sorts", "elderAutocomplete"] }, { kind: "component", type: ElderSuggestionPanelComponent, selector: "elder-suggestion-panel", inputs: ["isOptionDisabledFn", "isOptionHiddenFn", "optionValueConverterFn", "enabled", "valueTemplate", "dataSource", "displayPropertyResolver"], outputs: ["optionSelected"], exportAs: ["elderSuggestionPanel"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderAutoSelectSuggestFirstDirective, selector: "[elderAutoSelectSuggestFirst]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderSelectComponent, decorators: [{
             type: Component,
@@ -23745,7 +23843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         ElderStopEventPropagationDirective,
                         TranslateModule,
                         ElderAutoSelectSuggestFirstDirective,
-                    ], template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"ngControl?.name + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"] }]
+                    ], template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['input']
@@ -23968,7 +24066,7 @@ class ElderQuantityInputControlComponent extends ElderFormFieldControlBase {
         return a?.value === b?.value && a?.unit === b?.unit;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderQuantityInputControlComponent, deps: [{ token: ElderUnitService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderQuantityInputControlComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    #input\n    matInput\n    type=\"number\"\n    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]=\"placeholderS() | translate\"\n    [ngModel]=\"formattedValue$ | async\"\n    [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: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderQuantityInputControlComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    #input\n    matInput\n    type=\"number\"\n    elderNoSpinner\n    #quantityMatInput=\"matInput\"\n    class=\"flex-grow elder-quantity-input mdc-text-field__input\"\n    [disabled]=\"!!disabled\"\n    [readonly]=\"readonly\"\n    [name]=\"controlName + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    [ngModel]=\"formattedValue$ | async\"\n    [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: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderQuantityInputControlComponent, decorators: [{
             type: Component,
@@ -23979,7 +24077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         NgIf,
                         AsyncPipe,
                         TranslateModule,
-                    ], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    #input\n    matInput\n    type=\"number\"\n    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]=\"placeholderS() | translate\"\n    [ngModel]=\"formattedValue$ | async\"\n    [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"] }]
+                    ], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    #input\n    matInput\n    type=\"number\"\n    elderNoSpinner\n    #quantityMatInput=\"matInput\"\n    class=\"flex-grow elder-quantity-input mdc-text-field__input\"\n    [disabled]=\"!!disabled\"\n    [readonly]=\"readonly\"\n    [name]=\"controlName + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    [ngModel]=\"formattedValue$ | async\"\n    [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"] }]
         }], ctorParameters: () => [{ type: ElderUnitService }], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['input']
@@ -24912,22 +25010,6 @@ class ElderMultiSelectBase extends ElderSelectBase {
          */
         this.confirmRemoval = false;
         this.entitiesChangeEvent = this.valueChangeEvent.pipe(switchMap$1((event) => this.buildEntitiesChangeEvent(event)));
-        /**
-         * @deprecated Switch to entitiesChangeEvent
-         */
-        this.entitiesChange = this.entitiesChangeEvent.pipe(map((event) => event.entitiesAfter));
-        /**
-         * @deprecated Switch to entitiesChangeEvent (filter by userInitiated)
-         */
-        this.entitiesUpdated = this.entitiesChangeEvent.pipe(filter((event) => event.userInitiated), map((event) => event.entitiesAfter));
-        /**
-         * @deprecated Switch to entitiesChangeEvent
-         */
-        this.entityIdsChange = this.entitiesChangeEvent.pipe(map((event) => event.idsAfter));
-        /**
-         * @deprecated Switch to entitiesChangeEvent (filter by userInitiated)
-         */
-        this.entityIdsUpdated = this.entitiesChangeEvent.pipe(filter((event) => event.userInitiated), map((event) => event.idsAfter));
         this._entityIds$ = this.value$.pipe(map((values) => this.entityIdsFromValues(values)));
     }
     /***************************************************************************
@@ -25246,7 +25328,7 @@ class ElderMultiSelectBase extends ElderSelectBase {
         return entities;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderMultiSelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: ElderMultiSelectBase, isStandalone: true, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entitiesChangeEvent: "entitiesChangeEvent", entitiesChange: "entitiesChange", entitiesUpdated: "entitiesUpdated", entityIdsChange: "entityIdsChange", entityIdsUpdated: "entityIdsUpdated" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: ElderMultiSelectBase, isStandalone: true, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entitiesChangeEvent: "entitiesChangeEvent" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderMultiSelectBase, decorators: [{
             type: Directive
@@ -25256,14 +25338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                 type: Input
             }], entitiesChangeEvent: [{
                 type: Output
-            }], entitiesChange: [{
-                type: Output
-            }], entitiesUpdated: [{
-                type: Output
-            }], entityIdsChange: [{
-                type: Output
-            }], entityIdsUpdated: [{
-                type: Output
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -29903,7 +29977,7 @@ class ElderLocalDateInputComponent extends ElderFormFieldControlBase {
         return a && b ? a.equals(b) : a === b;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderLocalDateInputComponent, deps: [{ token: SmartLocalDateParserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderLocalDateInputComponent, isStandalone: true, 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 class=\"layout-row place-start-center elder-flex-control\">\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"previousDay()\"\n  >\n    <mat-icon>keyboard_arrow_left</mat-icon>\n  </button>\n\n  <input\n    matInput\n    elderNoSpinner\n    class=\"flex elder-mdc-input-fix elder-local-date-input\"\n    #input\n    type=\"date\"\n    elderToggleTextInput\n    [name]=\"ngControl?.name + '-inner-input'\"\n    [required]=\"!!required\"\n    [readonly]=\"readonly || autoDatePicker\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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\n    style=\"display: none\"\n    [matDatepicker]=\"picker\"\n    (dateChange)=\"onDatepickerInputChange($event)\"\n  />\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"nextDay()\"\n  >\n    <mat-icon>keyboard_arrow_right</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"today\"\n    class=\"elder-control-icon-button\"\n    style=\"margin-left: 4px\"\n    [disabled]=\"isLocked\"\n    (click)=\"currentDay()\"\n  >\n    <mat-icon>today</mat-icon>\n  </button>\n\n  <mat-datepicker-toggle\n    class=\"elder-control-icon-button\"\n    *ngIf=\"datePickerEnabled && (!allowNull || (value$ | async) === null)\"\n    [disabled]=\"isLocked\"\n    [for]=\"picker\"\n  >\n    <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n  </mat-datepicker-toggle>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    class=\"elder-control-icon-button\"\n    *ngIf=\"allowNull && (value$ | async)\"\n    [disabled]=\"isLocked\"\n    (click)=\"clear($event)\"\n    aria-label=\"Clear\"\n    elderStopEventPropagation\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-datepicker [touchUi]=\"datePickerTouchUi\" #picker></mat-datepicker>\n</div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderLocalDateInputComponent, isStandalone: true, 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 class=\"layout-row place-start-center elder-flex-control\">\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"previousDay()\"\n  >\n    <mat-icon>keyboard_arrow_left</mat-icon>\n  </button>\n\n  <input\n    matInput\n    elderNoSpinner\n    class=\"flex elder-mdc-input-fix elder-local-date-input\"\n    #input\n    type=\"date\"\n    elderToggleTextInput\n    [name]=\"controlName + '-inner-input'\"\n    [required]=\"!!required\"\n    [readonly]=\"readonly || autoDatePicker\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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\n    style=\"display: none\"\n    [matDatepicker]=\"picker\"\n    (dateChange)=\"onDatepickerInputChange($event)\"\n  />\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"nextDay()\"\n  >\n    <mat-icon>keyboard_arrow_right</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"today\"\n    class=\"elder-control-icon-button\"\n    style=\"margin-left: 4px\"\n    [disabled]=\"isLocked\"\n    (click)=\"currentDay()\"\n  >\n    <mat-icon>today</mat-icon>\n  </button>\n\n  <mat-datepicker-toggle\n    class=\"elder-control-icon-button\"\n    *ngIf=\"datePickerEnabled && (!allowNull || (value$ | async) === null)\"\n    [disabled]=\"isLocked\"\n    [for]=\"picker\"\n  >\n    <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n  </mat-datepicker-toggle>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    class=\"elder-control-icon-button\"\n    *ngIf=\"allowNull && (value$ | async)\"\n    [disabled]=\"isLocked\"\n    (click)=\"clear($event)\"\n    aria-label=\"Clear\"\n    elderStopEventPropagation\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-datepicker [touchUi]=\"datePickerTouchUi\" #picker></mat-datepicker>\n</div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderLocalDateInputComponent, decorators: [{
             type: Component,
@@ -29923,7 +29997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         DatePipe,
                         TranslateModule,
                         ElderToggleTextInputDirective,
-                    ], template: "<div class=\"layout-row place-start-center elder-flex-control\">\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"previousDay()\"\n  >\n    <mat-icon>keyboard_arrow_left</mat-icon>\n  </button>\n\n  <input\n    matInput\n    elderNoSpinner\n    class=\"flex elder-mdc-input-fix elder-local-date-input\"\n    #input\n    type=\"date\"\n    elderToggleTextInput\n    [name]=\"ngControl?.name + '-inner-input'\"\n    [required]=\"!!required\"\n    [readonly]=\"readonly || autoDatePicker\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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\n    style=\"display: none\"\n    [matDatepicker]=\"picker\"\n    (dateChange)=\"onDatepickerInputChange($event)\"\n  />\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"nextDay()\"\n  >\n    <mat-icon>keyboard_arrow_right</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"today\"\n    class=\"elder-control-icon-button\"\n    style=\"margin-left: 4px\"\n    [disabled]=\"isLocked\"\n    (click)=\"currentDay()\"\n  >\n    <mat-icon>today</mat-icon>\n  </button>\n\n  <mat-datepicker-toggle\n    class=\"elder-control-icon-button\"\n    *ngIf=\"datePickerEnabled && (!allowNull || (value$ | async) === null)\"\n    [disabled]=\"isLocked\"\n    [for]=\"picker\"\n  >\n    <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n  </mat-datepicker-toggle>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    class=\"elder-control-icon-button\"\n    *ngIf=\"allowNull && (value$ | async)\"\n    [disabled]=\"isLocked\"\n    (click)=\"clear($event)\"\n    aria-label=\"Clear\"\n    elderStopEventPropagation\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-datepicker [touchUi]=\"datePickerTouchUi\" #picker></mat-datepicker>\n</div>\n", styles: ["input::-webkit-calendar-picker-indicator{display:none}.elder-auto-date-picker{cursor:pointer}.elder-local-date-input.center{text-align:center}\n"] }]
+                    ], template: "<div class=\"layout-row place-start-center elder-flex-control\">\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"previousDay()\"\n  >\n    <mat-icon>keyboard_arrow_left</mat-icon>\n  </button>\n\n  <input\n    matInput\n    elderNoSpinner\n    class=\"flex elder-mdc-input-fix elder-local-date-input\"\n    #input\n    type=\"date\"\n    elderToggleTextInput\n    [name]=\"controlName + '-inner-input'\"\n    [required]=\"!!required\"\n    [readonly]=\"readonly || autoDatePicker\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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\n    style=\"display: none\"\n    [matDatepicker]=\"picker\"\n    (dateChange)=\"onDatepickerInputChange($event)\"\n  />\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"arrows\"\n    class=\"elder-control-icon-button\"\n    [disabled]=\"isLocked || !value\"\n    (click)=\"nextDay()\"\n  >\n    <mat-icon>keyboard_arrow_right</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    *ngIf=\"today\"\n    class=\"elder-control-icon-button\"\n    style=\"margin-left: 4px\"\n    [disabled]=\"isLocked\"\n    (click)=\"currentDay()\"\n  >\n    <mat-icon>today</mat-icon>\n  </button>\n\n  <mat-datepicker-toggle\n    class=\"elder-control-icon-button\"\n    *ngIf=\"datePickerEnabled && (!allowNull || (value$ | async) === null)\"\n    [disabled]=\"isLocked\"\n    [for]=\"picker\"\n  >\n    <mat-icon matDatepickerToggleIcon>calendar_month</mat-icon>\n  </mat-datepicker-toggle>\n\n  <button\n    mat-icon-button\n    type=\"button\"\n    class=\"elder-control-icon-button\"\n    *ngIf=\"allowNull && (value$ | async)\"\n    [disabled]=\"isLocked\"\n    (click)=\"clear($event)\"\n    aria-label=\"Clear\"\n    elderStopEventPropagation\n  >\n    <mat-icon>close</mat-icon>\n  </button>\n\n  <mat-datepicker [touchUi]=\"datePickerTouchUi\" #picker></mat-datepicker>\n</div>\n", styles: ["input::-webkit-calendar-picker-indicator{display:none}.elder-auto-date-picker{cursor:pointer}.elder-local-date-input.center{text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: SmartLocalDateParserService }], propDecorators: { zone: [{
                 type: Input
             }], picker: [{
@@ -30103,11 +30177,11 @@ class ElderLocalTimeInputComponent extends ElderFormFieldControlBase {
         return a && b ? a.equals(b) : a === b;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderLocalTimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderLocalTimeInputComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix\"\n    #input\n    [name]=\"ngControl?.name + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    type=\"time\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [ngModel]=\"hourMinuteStr$ | async\"\n    (ngModelChange)=\"onHourMinuteChanged($event)\"\n  />\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderLocalTimeInputComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix\"\n    #input\n    [name]=\"controlName + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    type=\"time\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [ngModel]=\"hourMinuteStr$ | async\"\n    (ngModelChange)=\"onHourMinuteChanged($event)\"\n  />\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderLocalTimeInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-local-time-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderLocalTimeInputComponent }], imports: [MatInput, FormsModule, AsyncPipe, TranslateModule, ElderToggleTextInputDirective], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix\"\n    #input\n    [name]=\"ngControl?.name + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    type=\"time\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [ngModel]=\"hourMinuteStr$ | async\"\n    (ngModelChange)=\"onHourMinuteChanged($event)\"\n  />\n</div>\n" }]
+            args: [{ selector: 'elder-local-time-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderLocalTimeInputComponent }], imports: [MatInput, FormsModule, AsyncPipe, TranslateModule, ElderToggleTextInputDirective], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix\"\n    #input\n    [name]=\"controlName + '-inner-input'\"\n    [placeholder]=\"placeholderS() | translate\"\n    type=\"time\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [ngModel]=\"hourMinuteStr$ | async\"\n    (ngModelChange)=\"onHourMinuteChanged($event)\"\n  />\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['input']
@@ -30183,7 +30257,7 @@ class ElderDateTimeInputComponent extends ElderFormFieldControlBase {
         return a && b ? a.equals(b) : a === b;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderDateTimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderDateTimeInputComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix elder-datetime-local-input\"\n    #input\n    [name]=\"ngControl?.name + '-inner-input'\"\n    type=\"datetime-local\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderDateTimeInputComponent, isStandalone: true, 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 class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix elder-datetime-local-input\"\n    #input\n    [name]=\"controlName + '-inner-input'\"\n    type=\"datetime-local\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "directive", type: ElderToggleTextInputDirective, selector: "input[elderToggleTextInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderDateTimeInputComponent, decorators: [{
             type: Component,
@@ -30194,7 +30268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         DatePipe,
                         TranslateModule,
                         ElderToggleTextInputDirective,
-                    ], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix elder-datetime-local-input\"\n    #input\n    [name]=\"ngControl?.name + '-inner-input'\"\n    type=\"datetime-local\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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"] }]
+                    ], template: "<div class=\"layout-row place-start-baseline elder-flex-control\">\n  <input\n    matInput\n    class=\"flex-grow elder-mdc-input-fix elder-datetime-local-input\"\n    #input\n    [name]=\"controlName + '-inner-input'\"\n    type=\"datetime-local\"\n    elderToggleTextInput\n    [required]=\"!!required\"\n    [readonly]=\"readonly\"\n    [disabled]=\"!!disabled\"\n    [placeholder]=\"placeholderS() | 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"] }]
         }], ctorParameters: () => [], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['input']
@@ -30478,11 +30552,11 @@ class ElderDurationInputComponent extends ElderFormFieldControlBase {
         return a && b ? a.equals(b) : a === b;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderDurationInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderDurationInputComponent, isStandalone: true, 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\n  class=\"layout-row place-start-center flex-none\"\n  *ngIf=\"durationContext$ | async as durationCtx\"\n>\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-hours'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">h</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.minutes\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-minutes'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">min</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.seconds\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-seconds'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">sec</span>\n  </div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderDurationInputComponent, isStandalone: true, 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\n  class=\"layout-row place-start-center flex-none\"\n  *ngIf=\"durationContext$ | async as durationCtx\"\n>\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-hours'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">h</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.minutes\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-minutes'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">min</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.seconds\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-seconds'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">sec</span>\n  </div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderDurationInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-duration-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderDurationInputComponent }], imports: [NgIf, MatInput, ElderFormFieldNoSpinnerDirective, FormsModule, AsyncPipe], template: "<div\n  class=\"layout-row place-start-center flex-none\"\n  *ngIf=\"durationContext$ | async as durationCtx\"\n>\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-hours'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">h</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.minutes\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-minutes'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">min</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.seconds\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-seconds'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">sec</span>\n  </div>\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"] }]
+            args: [{ selector: 'elder-duration-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderDurationInputComponent }], imports: [NgIf, MatInput, ElderFormFieldNoSpinnerDirective, FormsModule, AsyncPipe], template: "<div\n  class=\"layout-row place-start-center flex-none\"\n  *ngIf=\"durationContext$ | async as durationCtx\"\n>\n  <div class=\"layout-row place-start-baseline duration-field flex\" *ngIf=\"durationCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-hours'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">h</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.minutes\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-minutes'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">min</span>\n  </div>\n\n  <div\n    class=\"layout-row place-start-baseline duration-field flex\"\n    *ngIf=\"durationCtx.format.seconds\"\n  >\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-seconds'\"\n      type=\"number\"\n      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    />\n    <span class=\"mat-caption suffix flex-none noselect\">sec</span>\n  </div>\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"] }]
         }], ctorParameters: () => [], propDecorators: { isoValueChange: [{
                 type: Output
             }], isoValue: [{
@@ -30582,11 +30656,11 @@ class ElderPeriodInputComponent extends ElderFormFieldControlBase {
         return a && b ? a.equals(b) : a === b;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderPeriodInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderPeriodInputComponent, isStandalone: true, 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  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-months'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-years'\"\n      type=\"number\"\n      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    />\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">yrs</span>\n  </div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: ElderPeriodInputComponent, isStandalone: true, 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  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-months'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-years'\"\n      type=\"number\"\n      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    />\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">yrs</span>\n  </div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: ElderFormFieldNoSpinnerDirective, selector: "input[elderNoSpinner]", inputs: ["elderNoSpinner"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: ElderPeriodInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-period-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderPeriodInputComponent }], imports: [NgIf, MatInput, ElderFormFieldNoSpinnerDirective, FormsModule, MatSuffix, AsyncPipe], template: "<div class=\"layout-row place-start-center flex-none\" *ngIf=\"periodContext$ | async as periodCtx\">\n  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-months'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"ngControl?.name + '-inner-years'\"\n      type=\"number\"\n      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    />\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">yrs</span>\n  </div>\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"] }]
+            args: [{ selector: 'elder-period-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MatFormFieldControl, useExisting: ElderPeriodInputComponent }], imports: [NgIf, MatInput, ElderFormFieldNoSpinnerDirective, FormsModule, MatSuffix, AsyncPipe], template: "<div class=\"layout-row place-start-center flex-none\" *ngIf=\"periodContext$ | async as periodCtx\">\n  <div class=\"layout-row place-start-baseline flex period-field\" *ngIf=\"periodCtx.format.days\">\n    <input\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-days'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-months'\"\n      type=\"number\"\n      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    />\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\n      matInput\n      elderNoSpinner\n      [name]=\"controlName + '-inner-years'\"\n      type=\"number\"\n      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    />\n    <span matSuffix class=\"mat-caption suffix flex-none noselect\">yrs</span>\n  </div>\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"] }]
         }], ctorParameters: () => [], propDecorators: { isoValueChange: [{
                 type: Output
             }], isoValue: [{
@@ -38188,5 +38262,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map