@elderbyte/ngx-starter 17.11.0-beta → 17.11.0

package/lib/common/format/curency-format-util.d.ts

@@ -0,0 +1,24 @@
+import { CurrencyCode } from '../../components/currency/model/currency-code';
+import { Currency } from '../../components/currency/model/currency';
+export type CurrencyIndication = 'code' | 'symbol' | 'symbol-narrow' | string;
+export declare class CurrencyFormatUtil {
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * @param currency amount and ISO 4217 currency code to format
+     * @param locale locale code for formatting rules (e.g. en-US)
+     * @param indication determines currency indicator in output (e.g. USD100 vs $100). Will fall back to 'symbol' if missing.
+     * @param digitsInfo see DecimalPipe for documentation
+     */
+    static formatElderCurrency(currency: Currency, locale: string, indication?: CurrencyIndication, digitsInfo?: string): string;
+    static determineCurrencySymbol(currencyCode: CurrencyCode, locale: string): string;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private static determineCurrencyIndicator;
+}

package/lib/{components/select/auto/elder-auto-select-first.service.d.ts → common/format/duration-format-util.d.ts}

@@ -1,23 +1,23 @@
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class ElderAutoSelectFirstService<TEntity> {
-    private readonly _firstItem$;
-    private readonly _enabled$;
-    constructor();
+import { Duration, Period } from '@js-joda/core';
+import { PeriodDuration } from '../time/period-duration';
+export declare class DurationFormatUtil {
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    suggestFirstItem(entity: TEntity): void;
+    /**
+     * Converts any valid input of standard ISO 8601 duration format
+     * example input: PT2H10M12.1235675S, output: 2h, 10min, 12s, 124 ms
+     *
+     * a maximal input looks like this: P3Y6M4DT12H30M5S although
+     *  all arguments except P are optional, decimal numbers allowed
+     */
+    static formatDuration(value: string | Duration | Period | PeriodDuration, format?: string): string;
     /***************************************************************************
      *                                                                         *
-     * Properties                                                              *
+     * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    set enabled(enabled: boolean);
-    get enabled$(): import("rxjs").Observable<boolean>;
-    get firstItem$(): BehaviorSubject<TEntity>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutoSelectFirstService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ElderAutoSelectFirstService<any>>;
+    private static toPeriodDuration;
 }

package/lib/{components/select/filter/elder-chip-filter-style-resolver.d.ts → common/format/iso-interval-format-util.d.ts}

@@ -1,19 +1,22 @@
-import { SelectChipSpec } from '../multi/elder-multi-select-chips/select-chip-spec';
-import { ElderChipFilterEntity } from './elder-chips-filter.directive';
-export default class ElderChipFilterStyleResolver {
+import { Interval } from '../time/interval';
+import { ZoneId } from '@js-joda/core';
+export declare class IsoIntervalFormatUtil {
     /***************************************************************************
      *                                                                         *
-     * Fields                                                                  *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    private readonly neutralChipSpec;
-    private readonly includedChipSpec;
-    private readonly excludedChipSpec;
+    static formatIsoInterval(value: string | Interval, timezone: string | ZoneId, locale: string, format?: string, formatEnd?: string): string | null;
     /***************************************************************************
      *                                                                         *
-     * Public API                                                              *
+     * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    resolveChipSpec(filterEntity: ElderChipFilterEntity): SelectChipSpec;
-    resolveAvatar(filterEntity: ElderChipFilterEntity): string;
+    private static determineDisplayMode;
+    private static formatSubDay;
+    private static formatFullDays;
+    private static formatDetailedInterval;
+    private static formatInstant;
+    private static formatDate;
+    private static isPartialDay;
 }

package/lib/common/format/public_api.d.ts

@@ -1,2 +1,5 @@
 export * from './bytes-per-second-format';
 export * from './bytes-format';
+export * from './curency-format-util';
+export * from './iso-interval-format-util';
+export * from './duration-format-util';

package/lib/components/currency/elder-currency.pipe.d.ts

@@ -1,21 +1,24 @@
 import { PipeTransform } from '@angular/core';
-import { CurrencyPipe } from '@angular/common';
 import { Currency } from './model/currency';
+import { CurrencyIndication } from '../../common/format/curency-format-util';
 import * as i0 from "@angular/core";
 export declare class ElderCurrencyPipe implements PipeTransform {
-    private readonly currencyPipe;
+    private _locale;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(currencyPipe: CurrencyPipe);
+    constructor(_locale: string);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    transform(currency: Currency, display?: 'code' | 'symbol' | 'symbol-narrow' | string | boolean, digitsInfo?: string, locale?: string): string;
+    /**
+     * @see formatElderCurrency
+     */
+    transform(currency: Currency, display?: CurrencyIndication, digitsInfo?: string, locale?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderCurrencyPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ElderCurrencyPipe, "elderCurrency", true>;
 }

package/lib/components/forms/directives/elder-initial-value.directive.d.ts

@@ -1,6 +1,5 @@
 import { OnDestroy } from '@angular/core';
 import { NgModel } from '@angular/forms';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Search name adapter for input controls.
@@ -15,7 +14,7 @@ export declare class ElderInitialValueDirective implements OnDestroy {
     private readonly log;
     private initialValue$;
     private readonly destroy$;
-    private readonly _initialDone$;
+    private readonly initialDone$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -32,8 +31,7 @@ export declare class ElderInitialValueDirective implements OnDestroy {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    get initialDone$(): Observable<void>;
-    get valueChanges$(): Observable<any>;
+    get valueChanges$(): import("rxjs").Observable<any>;
     setValue(value: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderInitialValueDirective, [{ host: true; }]>;

package/lib/components/forms/search/domain/input/search-input-state.d.ts

@@ -1,4 +1,3 @@
-import { Filter } from '../../../../../common/data/filters/filter';
 /**
  * Immutable representation of the state of an search input
  */
@@ -7,18 +6,14 @@ export declare class SearchInputState {
      * attribute The name name
      */
     readonly attribute: string;
-    /**
-     * queryKey The query key
-     */
-    readonly queryKey: string;
     /**
      * queryValue The query value as string. Supports multi string value.
      */
     readonly queryValue: string | string[] | null;
     /**
-     * value of the input
+     * queryKey The query key
      */
-    readonly filters: Filter[];
+    readonly queryKey: string;
     /**
      * pristine Has the user touched this?
      */
@@ -27,7 +22,6 @@ export declare class SearchInputState {
      * Was the input changed by a user interaction
      */
     readonly userEvent: boolean;
-    static of(attribute: string, queryKey: string, queryValue: string | string[] | null, filters: Filter[], pristine: boolean, userEvent: boolean): SearchInputState;
     static unknown(): SearchInputState;
     /***************************************************************************
      *                                                                         *
@@ -39,18 +33,14 @@ export declare class SearchInputState {
      * attribute The name name
      */
     attribute: string, 
-    /**
-     * queryKey The query key
-     */
-    queryKey: string, 
     /**
      * queryValue The query value as string. Supports multi string value.
      */
     queryValue: string | string[] | null, 
     /**
-     * value of the input
+     * queryKey The query key
      */
-    filters: Filter[], 
+    queryKey: string, 
     /**
      * pristine Has the user touched this?
      */

package/lib/components/forms/search/domain/input/search-input.d.ts

@@ -1,6 +1,5 @@
 import { Observable } from 'rxjs/internal/Observable';
 import { SearchInputState } from './search-input-state';
-import { Filter } from '../../../../../common/data/filters/filter';
 /**
  * Represents a single search control.
  */
@@ -9,10 +8,6 @@ export interface SearchInput {
      * The search input name
      */
     readonly name: string;
-    /**
-     * The search input name query key
-     */
-    readonly queryKey?: string;
     readonly state$: Observable<SearchInputState>;
     /**
      * States if the search name is cannot be changed.
@@ -22,5 +17,5 @@ export interface SearchInput {
      * Reset the name value
      */
     reset(): void;
-    applyFilters(filters: Filter[]): void;
+    setValue(value: string | string[] | null): void;
 }

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

@@ -22,13 +22,12 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    private readonly initialFilters;
-    private initialFiltersRegistered;
+    private readonly filtersToApplyAtRegistration;
     private readonly _searchInputs$;
     private readonly _searchStates$;
     private readonly _filterContext$;
     private readonly _searchContext$;
-    private readonly _searchContextId$;
+    private readonly searchContextId$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -49,7 +48,6 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
      **************************************************************************/
     set searchContextId(contextId: string);
     get searchContextId(): string;
-    get searchContextId$(): Observable<string>;
     get searchContext$(): Observable<SearchContext>;
     get searchContext(): SearchContext;
     set filterContext(value: FilterContext | '');
@@ -85,7 +83,6 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
      * Private                                                                 *
      *                                                                         *
      **************************************************************************/
-    searchInputs(): SearchInput[];
     private applyDefaultFiltersToSearchContext;
     private applyAsDefaultsUntilUserAction;
     private syncSearchInputsToSearchContext;
@@ -93,8 +90,6 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
     private applyToBoundFilterContext;
     private applySearchContextToInputs;
     private applyFiltersToInputs;
-    private saveInitialFitlers;
-    private buildFilterValueMap;
     private searchInputsByName;
     private convertToFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextDirective, never>;

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

@@ -6,8 +6,6 @@ import { SearchInput } from './domain/input/search-input';
 import { SearchInputState } from './domain/input/search-input-state';
 import { LocalPagedDataSource } from '../../../common/data/datasource/local/local-paged-data-source';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { InputConverter } from './filter/input-converter';
-import { Filter } from '../../../common/data/filters/filter';
 import * as i0 from "@angular/core";
 /**
  * Search name adapter for input controls.
@@ -15,13 +13,16 @@ import * as i0 from "@angular/core";
 export declare class ElderSearchInputDirective implements SearchInput, OnInit, AfterViewInit, OnDestroy {
     private searchContext;
     private ngModel;
-    private readonly _initialValueDirective;
+    private readonly initialValueDirective;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private _queryKey$;
+    /**
+     * (Optional) Usually the control name is used, this allows a custom query key
+     */
+    queryKey: string;
     /**
      * (Optional) Function which transforms the value object to a query param value
      */
@@ -37,24 +38,10 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
      */
     fallbackValue: string | string[];
     valueAsId: BooleanInput;
-    private _inputConverter;
     private readonly _state$;
-    private readonly _name$;
     private _extractedName;
     private readonly destroy$;
     private readonly log;
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * (Optional) Usually the control name is used, this allows a custom query key
-     */
-    set queryKey(value: string);
-    get queryKey(): string;
-    get queryKey$(): Observable<string>;
-    set filterSplitterMeger(inputConverter: InputConverter);
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -74,10 +61,8 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    get initialDone$(): Observable<void>;
     get state$(): Observable<SearchInputState>;
     get name(): string;
-    get name$(): Observable<string>;
     get value(): any;
     get readonly(): boolean;
     private get hasFallback();
@@ -86,14 +71,13 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    applyFilters(filters: Filter[]): void;
+    setValue(queryString: string | string[] | null): void;
     reset(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private setInputValue;
     private get valueChanges$();
     private buildInputStateObservable;
     private buildInputState;
@@ -108,5 +92,5 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
     private extractName;
     private concatIfNecessary;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "valueTransform": { "alias": "elderSearchInputTransform"; "required": false; }; "resolvePath": { "alias": "elderSearchInput"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "fallbackValue": { "alias": "elderSearchInputFallback"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; "valueTransform": { "alias": "elderSearchInputTransform"; "required": false; }; "resolvePath": { "alias": "elderSearchInput"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "fallbackValue": { "alias": "elderSearchInputFallback"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/input/autocomplete/elder-autocomplete/elder-autocomplete-option-selected.d.ts

@@ -1,8 +1,8 @@
-import { ElderSuggestionPanelComponent } from './elder-suggestion-panel.component';
+import { ElderAutocompleteComponent } from './elder-autocomplete.component';
 export declare class ElderAutocompleteOptionSelected<T = any, TId = any> {
-    readonly source: ElderSuggestionPanelComponent<T, TId>;
+    readonly source: ElderAutocompleteComponent<T, TId>;
     readonly entityId: TId;
     readonly entity: T;
     readonly optionValue: any;
-    constructor(source: ElderSuggestionPanelComponent<T, TId>, entityId: TId, entity: T, optionValue: any);
+    constructor(source: ElderAutocompleteComponent<T, TId>, entityId: TId, entity: T, optionValue: any);
 }

package/lib/components/input/autocomplete/elder-autocomplete/{elder-suggestion-panel.component.d.ts → elder-autocomplete.component.d.ts}

@@ -1,23 +1,19 @@
-import { DestroyRef, NgZone, TemplateRef } from '@angular/core';
+import { NgZone, TemplateRef } from '@angular/core';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { DataContextStatus } from '../../../../common/data/data-context/data-context-status';
 import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { ElderAutocompleteOptionSelected } from './elder-autocomplete-option-selected';
-import { IDataSource } from '../../../../common/data/datasource/data-source';
 import * as i0 from "@angular/core";
 type TextResolverFn = (value: any) => string;
-export declare class ElderSuggestionPanelComponent<T = any, TId = any> {
+export declare class ElderAutocompleteComponent<T = any, TId = any> {
     private readonly zone;
-    private destroyRef;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private readonly logger;
-    private readonly PAGE_SIZE;
     /**
      * Is this auto-complete enabled?
      */
@@ -39,32 +35,28 @@ export declare class ElderSuggestionPanelComponent<T = any, TId = any> {
      * The DataContext which holds the autocomplete suggestions.
      */
     readonly dataContext$: BehaviorSubject<IDataContext<T>>;
-    readonly dataSource$: BehaviorSubject<IDataSource<T>>;
     readonly triggerReload$: Subject<any>;
     readonly displayPropertyResolver$: BehaviorSubject<TextResolverFn>;
     readonly dataState$: Observable<DataContextStatus>;
     readonly availableSuggestions$: Observable<T[]>;
     readonly optionSelected: Subject<ElderAutocompleteOptionSelected<any, any>>;
-    private readonly hiddenOptionsCount$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(zone: NgZone, destroyRef: DestroyRef);
+    constructor(zone: NgZone);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set enabled(value: BooleanInput);
+    set enabled(value: boolean);
     get enabled(): boolean;
     set valueTemplate(template: TemplateRef<any>);
     get valueTemplate(): TemplateRef<any>;
     set dataContext(data: IDataContext<T>);
     get dataContext(): IDataContext<T>;
-    set dataSource(dataSource: IDataSource<T>);
-    get dataSource(): IDataSource<T>;
     set displayPropertyResolver(resolver: TextResolverFn);
     /***************************************************************************
      *                                                                         *
@@ -79,7 +71,6 @@ export declare class ElderSuggestionPanelComponent<T = any, TId = any> {
     getId(value: T): TId;
     isOptionAvailable(option: T): boolean;
     isOptionVisible(option: T): boolean;
-    isOptionHidden(option: T): boolean;
     toOptionValue(option: T): any;
     /***************************************************************************
      *                                                                         *
@@ -90,9 +81,7 @@ export declare class ElderSuggestionPanelComponent<T = any, TId = any> {
      * TODO Duplicate in elder-select
      */
     private propertyStringValue;
-    private buildDataContextWithPageSize;
-    private calculatePageSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSuggestionPanelComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSuggestionPanelComponent<any, any>, "elder-suggestion-panel", ["elderSuggestionPanel"], { "isOptionDisabledFn": { "alias": "isOptionDisabledFn"; "required": false; }; "isOptionHiddenFn": { "alias": "isOptionHiddenFn"; "required": false; }; "optionValueConverterFn": { "alias": "optionValueConverterFn"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "dataContext": { "alias": "dataContext"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "displayPropertyResolver": { "alias": "displayPropertyResolver"; "required": false; }; }, { "optionSelected": "optionSelected"; }, ["valueTemplateQuery"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAutocompleteComponent<any, any>, "elder-autocomplete", ["elderAutocomplete"], { "isOptionDisabledFn": { "alias": "isOptionDisabledFn"; "required": false; }; "isOptionHiddenFn": { "alias": "isOptionHiddenFn"; "required": false; }; "optionValueConverterFn": { "alias": "optionValueConverterFn"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "dataContext": { "alias": "dataContext"; "required": false; }; "displayPropertyResolver": { "alias": "displayPropertyResolver"; "required": false; }; }, { "optionSelected": "optionSelected"; }, ["valueTemplateQuery"], never, true, never>;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
-import { ElderSuggestionPanelComponent } from './elder-autocomplete/elder-suggestion-panel.component';
+import { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { Filter } from '../../../common/data/filters/filter';
 import { Sort } from '../../../common/data/sort';
@@ -41,8 +41,8 @@ export declare class ElderAutocompleteManyDirective<T> implements OnInit, OnDest
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set autocomplete(auto: ElderSuggestionPanelComponent);
-    get autocomplete(): ElderSuggestionPanelComponent;
+    set autocomplete(auto: ElderAutocompleteComponent);
+    get autocomplete(): ElderAutocompleteComponent;
     private get cursorPosition();
     private set cursorPosition(value);
     private get dataContext();

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

@@ -1,6 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { ElderSuggestionPanelComponent } from './elder-autocomplete/elder-suggestion-panel.component';
+import { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
 import { Subject } from 'rxjs';
 import { Filter } from '../../../common/data/filters/filter';
 import { IDataContext } from '../../../common/data/data-context/data-context';
@@ -46,8 +46,8 @@ export declare class ElderAutocompleteDirective implements OnInit, OnDestroy {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set autocomplete(auto: ElderSuggestionPanelComponent);
-    get autocomplete(): ElderSuggestionPanelComponent;
+    set autocomplete(auto: ElderAutocompleteComponent);
+    get autocomplete(): ElderAutocompleteComponent;
     get dataContext(): IDataContext<any>;
     /***************************************************************************
      *                                                                         *

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

@@ -6,14 +6,14 @@ import * as i4 from "@angular/material/autocomplete";
 import * as i5 from "../../infinitescroll/elder-infinite-scroll.module";
 import * as i6 from "@angular/material/icon";
 import * as i7 from "@angular/material/progress-bar";
-import * as i8 from "./elder-autocomplete/elder-suggestion-panel.component";
+import * as i8 from "./elder-autocomplete/elder-autocomplete.component";
 import * as i9 from "./elder-autocomplete.directive";
 import * as i10 from "./elder-autocomplete-many.directive";
-export { ElderSuggestionPanelComponent } from './elder-autocomplete/elder-suggestion-panel.component';
+export { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
 export { ElderAutocompleteManyDirective } from './elder-autocomplete-many.directive';
 export { ElderAutocompleteDirective } from './elder-autocomplete.directive';
 export declare class ElderAutocompleteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderAutocompleteModule, never, [typeof i1.CommonModule, typeof i2.ReactiveFormsModule, typeof i3.MatInputModule, typeof i4.MatAutocompleteModule, typeof i5.ElderInfiniteScrollModule, typeof i6.MatIconModule, typeof i7.MatProgressBarModule, typeof i8.ElderSuggestionPanelComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective], [typeof i8.ElderSuggestionPanelComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderAutocompleteModule, never, [typeof i1.CommonModule, typeof i2.ReactiveFormsModule, typeof i3.MatInputModule, typeof i4.MatAutocompleteModule, typeof i5.ElderInfiniteScrollModule, typeof i6.MatIconModule, typeof i7.MatProgressBarModule, typeof i8.ElderAutocompleteComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective], [typeof i8.ElderAutocompleteComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderAutocompleteModule>;
 }

package/lib/components/measures/elder-quantity.pipe.d.ts

@@ -1,9 +1,7 @@
 import { PipeTransform } from '@angular/core';
-import { DecimalPipe } from '@angular/common';
 import { Quantity } from './model/quantity';
 import { Unit } from './model/unit';
-import { ElderQuantityTransformPipe } from './elder-quantity-transform.pipe';
-import { ElderUnitService } from './elder-unit.service';
+import { ElderQuantityService } from './util/elder-quantity.service';
 import * as i0 from "@angular/core";
 export interface QuantityPipeOptions {
     normalize?: boolean;
@@ -12,23 +10,14 @@ export interface QuantityPipeOptions {
     hideUnit?: boolean;
 }
 export declare class ElderQuantityPipe implements PipeTransform {
-    private readonly unitService;
-    private _elderQuantityTransformPipe;
-    private _decimalPipe;
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    private static readonly EMPTY_STRING;
-    private static readonly SPACE_STRING;
-    private static readonly DEFAULT_DIGITS;
+    private _locale;
+    private readonly quantityService;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(unitService: ElderUnitService, _elderQuantityTransformPipe: ElderQuantityTransformPipe, _decimalPipe: DecimalPipe);
+    constructor(_locale: string, quantityService: ElderQuantityService);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *

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

@@ -6,7 +6,6 @@ import { TranslateService } from '@ngx-translate/core';
 import { NgControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { ElderUnitService } from '../../elder-unit.service';
-import { DecimalPipe } from '@angular/common';
 import { MatInput } from '@angular/material/input';
 import { Unit } from '../../model/unit';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -14,7 +13,6 @@ import * as i0 from "@angular/core";
 export declare class ElderQuantityInputControlComponent extends ElderFormFieldControlBase<Quantity> implements OnInit {
     ngControl: NgControl;
     private readonly unitService;
-    private readonly decimalPipe;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -39,7 +37,7 @@ export declare class ElderQuantityInputControlComponent extends ElderFormFieldCo
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl, unitService: ElderUnitService, decimalPipe: DecimalPipe);
+    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, translateService: TranslateService, ngControl: NgControl, unitService: ElderUnitService);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -74,6 +72,6 @@ export declare class ElderQuantityInputControlComponent extends ElderFormFieldCo
      *                                                                         *
      **************************************************************************/
     protected valuesEquals(a: Quantity, b: Quantity): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityInputControlComponent, [null, null, null, null, { optional: true; self: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityInputControlComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderQuantityInputControlComponent, "elder-quantity-input", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "quantityValue": { "alias": "quantityValue"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "hideUnit": { "alias": "hideUnit"; "required": false; }; }, { "quantityValueChange": "quantityValueChange"; "unitChange": "unitChange"; }, never, never, true, never>;
 }