@elderbyte/ngx-starter 14.12.0-beta4 → 15.0.0-mdc

package/lib/components/forms/directives/validation/{elder-multiple-of.validator.d.ts → validators/elder-multiple-of.validator.d.ts}

@@ -1,5 +1,20 @@
-import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import { AbstractControl, ValidationErrors, Validator, ValidatorFn } from '@angular/forms';
 import * as i0 from "@angular/core";
+export declare class ElderMultipleOfUtil {
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    static multipleOfValidator(factor: number | number[]): ValidatorFn;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private static validateNumber;
+    private static extractNumericValue;
+}
 export declare class ElderMultipleOfValidator implements Validator {
     /***************************************************************************
      *                                                                         *
@@ -16,5 +31,5 @@ export declare class ElderMultipleOfValidator implements Validator {
      **************************************************************************/
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultipleOfValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultipleOfValidator, "[elderMultipleOf][formControlName],[elderMultipleOf][formControl],[elderMultipleOf][ngModel]", never, { "elderMultipleOf": "elderMultipleOf"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultipleOfValidator, "[elderMultipleOf][formControlName],[elderMultipleOf][formControl],[elderMultipleOf][ngModel]", never, { "elderMultipleOf": "elderMultipleOf"; }, {}, never, never, false, never>;
 }

package/lib/components/forms/directives/validation/{elder-required-ignore-zero.validator.d.ts → validators/elder-required-ignore-zero.validator.d.ts}

@@ -29,5 +29,5 @@ export declare class ElderRequiredIgnoreZeroValidator implements Validator {
      **************************************************************************/
     validate(c: AbstractControl): ValidationErrors | any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderRequiredIgnoreZeroValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderRequiredIgnoreZeroValidator, "[elderRequiredIgnoreZeroValidator][ngModel]", never, { "enabled": "elderRequiredIgnoreZeroValidator"; "required": "required"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderRequiredIgnoreZeroValidator, "[elderRequiredIgnoreZeroValidator][ngModel]", never, { "enabled": "elderRequiredIgnoreZeroValidator"; "required": "required"; }, {}, never, never, false, never>;
 }

package/lib/components/forms/search/elder-search-context.directive.d.ts

@@ -75,5 +75,5 @@ export declare class ElderSearchContextDirective implements AfterViewInit, OnDes
     private convertToFilters;
     private applyFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": "elderSearchContext"; "forcedFilters": "forcedFilters"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": "elderSearchContext"; "forcedFilters": "forcedFilters"; }, {}, never, never, false, never>;
 }

package/lib/components/forms/search/elder-search-input.directive.d.ts

@@ -81,5 +81,5 @@ export declare class ElderSearchInputDirective implements OnDestroy, AfterViewIn
     private extractName;
     private concatIfNecessary;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "queryKey": "elderSearchInputKey"; "valueTransform": "elderSearchInputTransform"; "resolvePath": "elderSearchInput"; "fallbackValue": "elderSearchInputFallback"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "queryKey": "elderSearchInputKey"; "valueTransform": "elderSearchInputTransform"; "resolvePath": "elderSearchInput"; "fallbackValue": "elderSearchInputFallback"; }, {}, never, never, false, never>;
 }

package/lib/components/forms/search/search-box/elder-search-box.component.d.ts

@@ -2,6 +2,7 @@ import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, OnInit } from '
 import { ElderSearchContextDirective } from '../elder-search-context.directive';
 import { ElderSearchPanelComponent } from './elder-search-panel.component';
 import { BehaviorSubject } from 'rxjs';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export declare class OverlayState {
     hasOverlay: boolean;
@@ -35,6 +36,7 @@ export declare class ElderSearchBoxComponent implements OnInit, OnDestroy, After
     hint: string;
     private _dense;
     autocomplete: string;
+    appearance: MatFormFieldAppearance;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -68,5 +70,5 @@ export declare class ElderSearchBoxComponent implements OnInit, OnDestroy, After
      */
     clearSearch(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchBoxComponent, "elder-search-box", ["elderSearchBox"], { "autoPanel": "autoPanel"; "name": "name"; "queryKey": "queryKey"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; "autocomplete": "autocomplete"; "dense": "dense"; }, {}, ["advancedSearch"], ["elder-search-panel"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchBoxComponent, "elder-search-box", ["elderSearchBox"], { "autoPanel": "autoPanel"; "name": "name"; "queryKey": "queryKey"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; "autocomplete": "autocomplete"; "appearance": "appearance"; "dense": "dense"; }, {}, ["advancedSearch"], ["elder-search-panel"], false, never>;
 }

package/lib/components/forms/search/search-box/elder-search-panel.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class ElderSearchPanelComponent {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchPanelComponent, "elder-search-panel", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSearchPanelComponent, "elder-search-panel", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/components/global-search/elder-global-search.component.d.ts

@@ -35,5 +35,5 @@ export declare class ElderGlobalSearchComponent implements OnInit, OnDestroy {
     private convertToSort;
     private get keywordsValue();
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderGlobalSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderGlobalSearchComponent, "elder-global-search, ebs-global-search", never, { "hideWhenDisabled": "hideWhenDisabled"; "searchCollapsed": "searchCollapsed"; }, { "searchCollapsedChange": "searchCollapsedChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderGlobalSearchComponent, "elder-global-search", never, { "hideWhenDisabled": "hideWhenDisabled"; "searchCollapsed": "searchCollapsed"; }, { "searchCollapsedChange": "searchCollapsedChange"; }, never, never, false, never>;
 }

package/lib/components/graph/elder-progress-bar/elder-progress-bar.component.d.ts

@@ -43,5 +43,5 @@ export declare class ElderProgressBarComponent {
     private setSingleBarValue;
     private checkAndAdjustPercentages;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderProgressBarComponent, "elder-progress-bar", never, { "minHeight": "minHeight"; "barColor": "barColor"; "barBackgroundColor": "barBackgroundColor"; "value": "value"; "bars": "bars"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderProgressBarComponent, "elder-progress-bar", never, { "minHeight": "minHeight"; "barColor": "barColor"; "barBackgroundColor": "barBackgroundColor"; "value": "value"; "bars": "bars"; }, {}, never, never, false, never>;
 }

package/lib/components/headers/elder-header/elder-header.component.d.ts

@@ -21,5 +21,5 @@ export declare class ElderHeaderComponent implements OnInit {
      **************************************************************************/
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderHeaderComponent, "elder-header", never, { "header": "header"; "subheader": "subheader"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderHeaderComponent, "elder-header", never, { "header": "header"; "subheader": "subheader"; }, {}, never, never, false, never>;
 }

package/lib/components/i18n/entities/elder-localized-input/elder-localized-input.component.d.ts

@@ -58,5 +58,5 @@ export declare class ElderLocalizedInputComponent<T extends Localized = Localize
     private displayTextField;
     private toHintText;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalizedInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputComponent<any>, "elder-localized-input", never, { "textColumns": "textColumns"; }, {}, ["textColumnsQuery"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputComponent<any>, "elder-localized-input", never, { "textColumns": "textColumns"; }, {}, ["textColumnsQuery"], never, false, never>;
 }

package/lib/components/i18n/entities/elder-localized-input-dialog/elder-localized-input-dialog.component.d.ts

@@ -18,5 +18,5 @@ export declare class ElderLocalizedInputDialogComponent implements OnInit {
     constructor(dialogRef: MatDialogRef<ElderLocalizedInputDialogComponent>, data: ElderLocalizedInputOptions);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalizedInputDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputDialogComponent, "elder-localized-input-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputDialogComponent, "elder-localized-input-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/components/i18n/entities/elder-localized-input-table/elder-localized-input-table.component.d.ts

@@ -63,5 +63,5 @@ export declare class ElderLocalizedInputTableComponent<T extends Localized> exte
      **************************************************************************/
     private ensureDesiredTagsPresent;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalizedInputTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputTableComponent<any>, "elder-localized-input-table", never, { "dense": "dense"; "float": "float"; "embedded": "embedded"; "textColumns": "textColumns"; "defaultLanguageTags": "defaultLanguageTags"; }, {}, ["textColumnsQuery"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalizedInputTableComponent<any>, "elder-localized-input-table", never, { "dense": "dense"; "float": "float"; "embedded": "embedded"; "textColumns": "textColumns"; "defaultLanguageTags": "defaultLanguageTags"; }, {}, ["textColumnsQuery"], never, false, never>;
 }

package/lib/components/i18n/entities/elder-localized-text-column.directive.d.ts

@@ -13,5 +13,5 @@ export declare class ElderLocalizedTextColumnDirective {
     required: boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalizedTextColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderLocalizedTextColumnDirective, "elder-localized-text-column", never, { "name": "name"; "title": "title"; "required": "required"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderLocalizedTextColumnDirective, "elder-localized-text-column", never, { "name": "name"; "title": "title"; "required": "required"; }, {}, never, never, false, never>;
 }

package/lib/components/i18n/entities/elder-localized-texts.directive.d.ts

@@ -33,5 +33,5 @@ export declare class ElderLocalizedTextsDirective implements AfterViewInit, OnDe
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalizedTextsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderLocalizedTextsDirective, "[elderElderLocalizedTexts]", never, {}, {}, ["textColumnsQuery"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderLocalizedTextsDirective, "[elderElderLocalizedTexts]", never, {}, {}, ["textColumnsQuery"], never, false, never>;
 }

package/lib/components/i18n/language/language-switcher/elder-language-switcher.component.d.ts

@@ -33,5 +33,5 @@ export declare class ElderLanguageSwitcherComponent implements OnInit {
      **************************************************************************/
     isLanguageActive(lang: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLanguageSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLanguageSwitcherComponent, "elder-language-switcher, ebs-language-switcher", never, { "slimMode": "slimMode"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLanguageSwitcherComponent, "elder-language-switcher", never, { "slimMode": "slimMode"; }, {}, never, never, false, never>;
 }

package/lib/components/iframes/data-view/data-view-iframe/data-view-iframe.component.d.ts

@@ -64,5 +64,5 @@ export declare class DataViewIframeComponent implements OnInit, OnDestroy, After
     private setupDataViewOptionsBridge;
     private buildDataViewInitMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataViewIframeComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewIframeComponent, "elder-data-view-iframe", never, { "srcUrl": "srcUrl"; "idField": "idField"; "initialSelection": "initialSelection"; "dataViewOptions": "dataViewOptions"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewIframeComponent, "elder-data-view-iframe", never, { "srcUrl": "srcUrl"; "idField": "idField"; "initialSelection": "initialSelection"; "dataViewOptions": "dataViewOptions"; }, {}, never, never, false, never>;
 }

package/lib/components/iframes/data-view/data-view-iframe-adapter.directive.d.ts

@@ -58,5 +58,5 @@ export declare class DataViewIframeAdapterDirective implements OnInit, OnDestroy
     private propagateSelectionToParent;
     private buildSelectionMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataViewIframeAdapterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataViewIframeAdapterDirective, "[elderDataViewIframeAdapter]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataViewIframeAdapterDirective, "[elderDataViewIframeAdapter]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/iframes/elder-iframe.module.d.ts

@@ -12,6 +12,8 @@ import * as i10 from "@ngx-translate/core";
 import * as i11 from "@angular/material/icon";
 import * as i12 from "@angular/material/button";
 import * as i13 from "../../pipes/elder-pipes.module";
+import * as i14 from "@angular/material/toolbar";
+import * as i15 from "../theme/elder-theme.module";
 export * from './iframe.service';
 export * from './iframe-close.directive';
 export * from './iframe-host/iframe-host.component';
@@ -22,6 +24,6 @@ export * from './data-view/data-view-iframe/data-view-iframe.component';
 export * from './data-view/data-view-iframe-adapter.directive';
 export declare class ElderIFrameModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderIFrameModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderIFrameModule, [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.FormsModule, typeof i10.TranslateModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.ElderPipesModule], [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderIFrameModule, [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.FormsModule, typeof i10.TranslateModule, typeof i11.MatIconModule, typeof i12.MatButtonModule, typeof i13.ElderPipesModule, typeof i14.MatToolbarModule, typeof i15.ElderThemeModule], [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderIFrameModule>;
 }

package/lib/components/iframes/iframe-close.directive.d.ts

@@ -20,5 +20,5 @@ export declare class IframeCloseDirective {
     constructor(iframeService: IframeService);
     onClick(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IframeCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IframeCloseDirective, "[elderIframeClose]", ["elderIframeClose"], { "iframeResult": "elderIframeClose"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IframeCloseDirective, "[elderIframeClose]", ["elderIframeClose"], { "iframeResult": "elderIframeClose"; }, {}, never, never, false, never>;
 }

package/lib/components/iframes/iframe-dialog/iframe-dialog.component.d.ts

@@ -32,5 +32,5 @@ export declare class IframeDialogComponent implements OnInit {
      **************************************************************************/
     close(data?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IframeDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IframeDialogComponent, "elder-i-frame-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IframeDialogComponent, "elder-i-frame-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/components/iframes/iframe-host/iframe-host.component.d.ts

@@ -88,5 +88,5 @@ export declare class IframeHostComponent implements OnInit {
      **************************************************************************/
     private handleMessageFromChild;
     static ɵfac: i0.ɵɵFactoryDeclaration<IframeHostComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IframeHostComponent, "elder-i-frame-host", never, { "iframeParams": "iframeParams"; }, { "message": "message"; "close": "close"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IframeHostComponent, "elder-i-frame-host", never, { "iframeParams": "iframeParams"; }, { "message": "message"; "close": "close"; }, never, never, false, never>;
 }

package/lib/components/iframes/iframe-side-content/iframe-side-content.component.d.ts

@@ -44,5 +44,5 @@ export declare class IframeSideContentComponent implements OnInit, OnDestroy {
      **************************************************************************/
     private removeQueryParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<IframeSideContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IframeSideContentComponent, "elder-i-frame-side-host", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IframeSideContentComponent, "elder-i-frame-side-host", never, {}, {}, never, never, false, never>;
 }

package/lib/components/infinitescroll/elder-infinite-autocomplete.directive.d.ts

@@ -26,5 +26,5 @@ export declare class ElderInfiniteAutocompleteDirective implements OnInit, OnDes
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderInfiniteAutocompleteDirective, [{ host: true; }, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteAutocompleteDirective, "mat-autocomplete[elderElderInfiniteAutocomplete]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteAutocompleteDirective, "mat-autocomplete[elderElderInfiniteAutocomplete]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/infinitescroll/elder-infinite-scroll.directive.d.ts

@@ -59,5 +59,5 @@ export declare class ElderInfiniteScrollDirective implements OnInit, OnDestroy {
      */
     private scroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderInfiniteScrollDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteScrollDirective, "[elderInfiniteScroll]", never, { "listenToHost": "listenToHost"; "eventThrottle": "eventThrottle"; "offsetFactor": "offsetFactor"; "ignoreScrollEvent": "ignoreScrollEvent"; "containerId": "containerId"; "scrollContainer": "scrollContainer"; }, { "closeToEnd": "closeToEnd"; "scrolling": "scrolling"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteScrollDirective, "[elderInfiniteScroll]", never, { "listenToHost": "listenToHost"; "eventThrottle": "eventThrottle"; "offsetFactor": "offsetFactor"; "ignoreScrollEvent": "ignoreScrollEvent"; "containerId": "containerId"; "scrollContainer": "scrollContainer"; }, { "closeToEnd": "closeToEnd"; "scrolling": "scrolling"; }, never, never, false, never>;
 }

package/lib/components/infinitescroll/elder-infinite-scroll.module.d.ts

@@ -10,7 +10,7 @@ export { ElderInfiniteAutocompleteDirective } from './elder-infinite-autocomplet
  */
 export declare class ElderInfiniteScrollLegacyDirective extends ElderInfiniteScrollDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderInfiniteScrollLegacyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteScrollLegacyDirective, "[infiniteScroll]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInfiniteScrollLegacyDirective, "[infiniteScroll]", never, {}, {}, never, never, false, never>;
 }
 export declare class ElderInfiniteScrollModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderInfiniteScrollModule, never>;

package/lib/components/input/autocomplete/elder-autocomplete/elder-autocomplete.component.d.ts

@@ -82,6 +82,6 @@ export declare class ElderAutocompleteComponent<T = any, TId = any> {
      */
     private propertyStringValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAutocompleteComponent<any, any>, "elder-autocomplete", ["elderAutocomplete"], { "isOptionDisabledFn": "isOptionDisabledFn"; "isOptionHiddenFn": "isOptionHiddenFn"; "optionValueConverterFn": "optionValueConverterFn"; "enabled": "enabled"; "valueTemplate": "valueTemplate"; "dataContext": "dataContext"; "displayPropertyResolver": "displayPropertyResolver"; }, { "optionSelected": "optionSelected"; }, ["valueTemplateQuery"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAutocompleteComponent<any, any>, "elder-autocomplete", ["elderAutocomplete"], { "isOptionDisabledFn": "isOptionDisabledFn"; "isOptionHiddenFn": "isOptionHiddenFn"; "optionValueConverterFn": "optionValueConverterFn"; "enabled": "enabled"; "valueTemplate": "valueTemplate"; "dataContext": "dataContext"; "displayPropertyResolver": "displayPropertyResolver"; }, { "optionSelected": "optionSelected"; }, ["valueTemplateQuery"], never, false, never>;
 }
 export {};

package/lib/components/input/autocomplete/elder-autocomplete-many.directive.d.ts

@@ -74,5 +74,5 @@ export declare class ElderAutocompleteManyDirective<T> implements OnInit, OnDest
     private resolveSuggestionText;
     private onOptionSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteManyDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutocompleteManyDirective<any>, "[elderAutocompleteMany]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "textProperty": "textProperty"; "textPropertyResolverFn": "textPropertyResolverFn"; "autocomplete": "elderAutocompleteMany"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutocompleteManyDirective<any>, "[elderAutocompleteMany]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "textProperty": "textProperty"; "textPropertyResolverFn": "textPropertyResolverFn"; "autocomplete": "elderAutocompleteMany"; }, {}, never, never, false, never>;
 }

package/lib/components/input/autocomplete/elder-autocomplete.directive.d.ts

@@ -56,5 +56,5 @@ export declare class ElderAutocompleteDirective implements OnInit, OnDestroy {
      **************************************************************************/
     private updateSuggestions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutocompleteDirective, "[elderAutocomplete]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "autocomplete": "elderAutocomplete"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutocompleteDirective, "[elderAutocomplete]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "autocomplete": "elderAutocomplete"; }, {}, never, never, false, never>;
 }

package/lib/components/labels/labels-input/labels-input.component.d.ts

@@ -19,7 +19,6 @@ export declare class ElderLabelInputComponent<T> extends FormFieldBaseComponent<
     private _colorResolver;
     private _labelBuilder;
     private _allowCreate;
-    selectable: boolean;
     removable: boolean;
     readonly labelInputControl: UntypedFormControl;
     availableSuggestions$: Observable<any[]>;
@@ -87,5 +86,5 @@ export declare class ElderLabelInputComponent<T> extends FormFieldBaseComponent<
     private filterNotPresent;
     private areEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLabelInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLabelInputComponent<any>, "elder-label-input, ebs-label-input", never, { "labels": "labels"; "suggestionLoader": "suggestionLoader"; "allowNew": "allowNew"; "compareWith": "compareWith"; "colorResolver": "colorResolver"; "nameResolver": "nameResolver"; "labelBuilder": "labelBuilder"; }, { "labelsChanged": "labelsChanged"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLabelInputComponent<any>, "elder-label-input", never, { "labels": "labels"; "suggestionLoader": "suggestionLoader"; "allowNew": "allowNew"; "compareWith": "compareWith"; "colorResolver": "colorResolver"; "nameResolver": "nameResolver"; "labelBuilder": "labelBuilder"; }, { "labelsChanged": "labelsChanged"; }, never, never, false, never>;
 }

package/lib/components/measures/{dimensions-input → dimensions/dimensions-input}/elder-dimensions-input.component.d.ts

@@ -1,19 +1,36 @@
-import { OnInit } from '@angular/core';
-import { TemplateCompositeControl } from '../../../common/forms/template-composite-control';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
-import { Dimensions } from '../model/dimensions';
-import { Observable } from 'rxjs';
-import { Unit } from '../model/unit';
+import { ElementRef, NgZone, OnInit } from '@angular/core';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { Dimensions } from '../../model/dimensions';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { Unit } from '../../model/unit';
 import { ThemePalette } from '@angular/material/core';
+import { ElderFormFieldControlBase } from '../../../../common/forms/elder-form-field-control-base.directive';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { TranslateService } from '@ngx-translate/core';
+import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class ElderDimensionsInputComponent extends TemplateCompositeControl<Dimensions> implements OnInit {
+declare type DimensionsMode = 'length' | 'width' | 'height' | 'area' | 'volume';
+declare class DimensionsContext {
+    readonly lengthActive: boolean;
+    readonly widthActive: boolean;
+    readonly heightActive: boolean;
+    static of(mode: DimensionsMode): DimensionsContext;
+    constructor(lengthActive: boolean, widthActive: boolean, heightActive: boolean);
+    get isLengthLast(): boolean;
+    get isWidthLast(): boolean;
+    get isHeightLast(): boolean;
+    get isHeightFirst(): boolean;
+    get isWidthFirst(): boolean;
+    get isLengthFirst(): boolean;
+}
+export declare class ElderDimensionsInputComponent extends ElderFormFieldControlBase<Dimensions> implements OnInit {
+    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    private _readonly;
     private _requiredLength;
     private _requiredWidth;
     private _requiredHeight;
@@ -23,34 +40,25 @@ export declare class ElderDimensionsInputComponent extends TemplateCompositeCont
     placeholderLength: string;
     placeholderWidth: string;
     placeholderHeight: string;
-    fxLayoutGap: string;
-    /**
-     * Whether the label should always float ('always'), never float ('never')
-     * or float as the user types ('auto'). Defaults to 'auto'.
-     */
-    floatLabel: FloatLabelType;
-    min: string | number;
-    max: string | number;
-    /**
-     * Weather the number 0 should result in valid 'required' validation or not.
-     * If true, the number 0 will be ignored as input when the 'required' directive is active.
-     */
-    requiredIgnoreZero: boolean;
-    /**
-     * Only allow a multiple of the given number to be a valid quantity.
-     */
-    multipleOf: number | number[];
     /**
      * Display format for the quantity value:
      * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}
      */
     displayFormat: string;
+    private readonly defaultMode;
+    private readonly mode$;
+    readonly context$: BehaviorSubject<DimensionsContext>;
+    private afterInit;
+    private initialUnit;
+    private initialLength;
+    private initialWidth;
+    private initialHeight;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor();
+    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -62,14 +70,14 @@ export declare class ElderDimensionsInputComponent extends TemplateCompositeCont
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    set mode(mode: DimensionsMode);
+    get mode(): DimensionsMode;
     set requiredLength(value: boolean);
     get requiredLength(): boolean;
     set requiredWidth(value: boolean);
     get requiredWidth(): boolean;
     set requiredHeight(value: boolean);
     get requiredHeight(): boolean;
-    set readonly(value: boolean);
-    get readonly(): boolean;
     get unitChange(): Observable<Unit | null>;
     get unit(): Unit;
     set unit(unit: Unit);
@@ -90,6 +98,8 @@ export declare class ElderDimensionsInputComponent extends TemplateCompositeCont
     onLengthValueChanged(value: number): void;
     onWidthValueChanged(value: number): void;
     onHeightValueChanged(value: number): void;
+    blur(): void;
+    focus(options: FocusOptions | undefined): void;
     /***************************************************************************
      *                                                                         *
      * Protected                                                               *
@@ -104,6 +114,7 @@ export declare class ElderDimensionsInputComponent extends TemplateCompositeCont
     private dimensionsOfLength;
     private dimensionsOfWidth;
     private dimensionsOfHeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDimensionsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDimensionsInputComponent, "elder-dimensions-input", never, { "name": "name"; "appearance": "appearance"; "color": "color"; "placeholderLength": "placeholderLength"; "placeholderWidth": "placeholderWidth"; "placeholderHeight": "placeholderHeight"; "fxLayoutGap": "fxLayoutGap"; "floatLabel": "floatLabel"; "min": "min"; "max": "max"; "requiredIgnoreZero": "requiredIgnoreZero"; "multipleOf": "multipleOf"; "displayFormat": "displayFormat"; "requiredLength": "requiredLength"; "requiredWidth": "requiredWidth"; "requiredHeight": "requiredHeight"; "readonly": "readonly"; "unit": "unit"; "lengthValue": "lengthValue"; "widthValue": "widthValue"; "heightValue": "heightValue"; }, { "unitChange": "unitChange"; "lengthValueChange": "lengthValueChange"; "widthValueChange": "widthValueChange"; "heightValueChange": "heightValueChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDimensionsInputComponent, [null, null, null, null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDimensionsInputComponent, "elder-dimensions-input", never, { "name": "name"; "appearance": "appearance"; "color": "color"; "placeholderLength": "placeholderLength"; "placeholderWidth": "placeholderWidth"; "placeholderHeight": "placeholderHeight"; "displayFormat": "displayFormat"; "mode": "mode"; "requiredLength": "requiredLength"; "requiredWidth": "requiredWidth"; "requiredHeight": "requiredHeight"; "unit": "unit"; "lengthValue": "lengthValue"; "widthValue": "widthValue"; "heightValue": "heightValue"; }, { "unitChange": "unitChange"; "lengthValueChange": "lengthValueChange"; "widthValueChange": "widthValueChange"; "heightValueChange": "heightValueChange"; }, never, never, false, never>;
 }
+export {};

package/lib/components/measures/dimensions/validation/elder-required-dimensions.validator.d.ts

@@ -0,0 +1,37 @@
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class ElderRequiredDimensionsValidator implements Validator {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private _required;
+    private _requiredIgnoreZero;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set requiredIgnoreZero(value: BooleanInput);
+    get requiredIgnoreZero(): boolean;
+    set required(value: BooleanInput);
+    get required(): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    validate(c: AbstractControl): ValidationErrors | any;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private isDimensionsDefined;
+    private isValueDefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderRequiredDimensionsValidator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderRequiredDimensionsValidator, "elder-dimensions-input[required][formControl],elder-dimensions-input[required][formControlName],elder-dimensions-input[required][ngModel]", never, { "requiredIgnoreZero": "requiredIgnoreZero"; "required": "required"; }, {}, never, never, false, never>;
+}

package/lib/components/measures/directives/elder-unit-select.directive.d.ts

@@ -26,5 +26,5 @@ export declare class ElderUnitSelectDirective {
      **************************************************************************/
     private resetFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderUnitSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderUnitSelectDirective, "[elderUnitSelect]", never, { "unitDimension": "unitDimension"; "baseUnit": "baseUnit"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderUnitSelectDirective, "[elderUnitSelect]", never, { "unitDimension": "unitDimension"; "baseUnit": "baseUnit"; }, {}, never, never, false, never>;
 }

package/lib/components/measures/elder-measures.module.d.ts

@@ -1,25 +1,33 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./quantity-input/elder-quantity-input.component";
+import * as i1 from "./quantity-input/quantity-form-field/elder-quantity-form-field.component";
 import * as i2 from "./elder-quantity.pipe";
 import * as i3 from "./elder-quantity-transform.pipe";
 import * as i4 from "./directives/elder-unit-select.directive";
-import * as i5 from "./dimensions-input/elder-dimensions-input.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/router";
-import * as i8 from "@angular/forms";
-import * as i9 from "@ngx-translate/core";
-import * as i10 from "@angular/material/icon";
-import * as i11 from "@angular/material/input";
-import * as i12 from "../forms/directives/elder-forms-directives.module";
+import * as i5 from "./dimensions/dimensions-input/elder-dimensions-input.component";
+import * as i6 from "./quantity-input/quantity-input-control/elder-quantity-input-control.component";
+import * as i7 from "./quantity-input/validation/elder-required-quantity.validator";
+import * as i8 from "./quantity-input/validation/elder-quantity-range.validator";
+import * as i9 from "./dimensions/validation/elder-required-dimensions.validator";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/router";
+import * as i12 from "@angular/forms";
+import * as i13 from "@ngx-translate/core";
+import * as i14 from "@angular/material/icon";
+import * as i15 from "@angular/material/input";
+import * as i16 from "../forms/directives/elder-forms-directives.module";
 export * from './elder-quantity.pipe';
 export * from './elder-quantity-transform.pipe';
-export * from './quantity-input/elder-quantity-input.component';
+export * from './quantity-input/quantity-form-field/elder-quantity-form-field.component';
+export * from './quantity-input/quantity-input-control/elder-quantity-input-control.component';
+export * from './quantity-input/validation/elder-required-quantity.validator';
+export * from './quantity-input/validation/elder-quantity-range.validator';
 export * from './elder-unit.service';
 export * from './directives/elder-unit-select.directive';
-export * from './dimensions-input/elder-dimensions-input.component';
+export * from './dimensions/dimensions-input/elder-dimensions-input.component';
+export * from './dimensions/validation/elder-required-dimensions.validator';
 export declare class ElderMeasuresModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMeasuresModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderMeasuresModule, [typeof i1.ElderQuantityInputComponent, typeof i2.ElderQuantityPipe, typeof i3.ElderQuantityTransformPipe, typeof i4.ElderUnitSelectDirective, typeof i5.ElderDimensionsInputComponent], [typeof i6.CommonModule, typeof i7.RouterModule, typeof i8.FormsModule, typeof i9.TranslateModule, typeof i10.MatIconModule, typeof i11.MatInputModule, typeof i12.ElderFormsDirectivesModule], [typeof i1.ElderQuantityInputComponent, typeof i2.ElderQuantityPipe, typeof i3.ElderQuantityTransformPipe, typeof i4.ElderUnitSelectDirective, typeof i5.ElderDimensionsInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderMeasuresModule, [typeof i1.ElderQuantityFormFieldComponent, typeof i2.ElderQuantityPipe, typeof i3.ElderQuantityTransformPipe, typeof i4.ElderUnitSelectDirective, typeof i5.ElderDimensionsInputComponent, typeof i6.ElderQuantityInputControlComponent, typeof i7.ElderRequiredQuantityValidator, typeof i8.ElderQuantityRangeValidator, typeof i9.ElderRequiredDimensionsValidator], [typeof i10.CommonModule, typeof i11.RouterModule, typeof i12.FormsModule, typeof i13.TranslateModule, typeof i14.MatIconModule, typeof i15.MatInputModule, typeof i16.ElderFormsDirectivesModule], [typeof i1.ElderQuantityFormFieldComponent, typeof i2.ElderQuantityPipe, typeof i3.ElderQuantityTransformPipe, typeof i4.ElderUnitSelectDirective, typeof i5.ElderDimensionsInputComponent, typeof i6.ElderQuantityInputControlComponent, typeof i7.ElderRequiredQuantityValidator, typeof i8.ElderQuantityRangeValidator, typeof i9.ElderRequiredDimensionsValidator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderMeasuresModule>;
 }
 /**

package/lib/components/measures/quantity-input/quantity-form-field/elder-quantity-form-field.component.d.ts

@@ -0,0 +1,20 @@
+import { Quantity } from '../../model/quantity';
+import { ElderQuantityInputControlComponent } from '../quantity-input-control/elder-quantity-input-control.component';
+import { ElderFromFieldCustomizableBase } from '../../../../common/forms/elder-from-field-customizable-base';
+import * as i0 from "@angular/core";
+export declare class ElderQuantityFormFieldComponent extends ElderFromFieldCustomizableBase<Quantity, ElderQuantityInputControlComponent> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderQuantityFormFieldComponent, "elder-quantity-form-field", never, {}, {}, never, ["*"], false, never>;
+}