@elderbyte/ngx-starter 14.5.3 → 14.7.0

package/lib/common/data/data-context/data-context-active-page.d.ts

@@ -1,6 +1,6 @@
 import { DataContextBase } from './data-context-base';
 import { PageRequest } from '../page';
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { Observable } from 'rxjs';
 import { IDataContextActivePage } from './data-context';
 import { Sort } from '../sort';

package/lib/common/data/data-context/data-context-base.d.ts

@@ -1,9 +1,9 @@
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { Sort } from '../sort';
 import { CollectionViewer, DataSource } from '@angular/cdk/collections';
 import { DataContextStatus } from './data-context-status';
 import { Observable, Subject } from 'rxjs';
-import { FilterContext } from '../filter-context';
+import { FilterContext } from '../filters/filter-context';
 import { DataContextSnapshot, IDataContext } from './data-context';
 import { SortContext } from '../sort-context';
 import { IDataSource } from '../datasource/data-source';

package/lib/common/data/data-context/data-context-continuable-base.d.ts

@@ -1,6 +1,6 @@
 import { DataContextBase } from './data-context-base';
 import { Sort } from '../sort';
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { Observable } from 'rxjs';
 import { IDataContextContinuable } from './data-context';
 import { IDataSource } from '../datasource/data-source';

package/lib/common/data/data-context/data-context.d.ts

@@ -1,8 +1,8 @@
 import { DataContextStatus } from './data-context-status';
 import { Observable } from 'rxjs';
 import { Sort } from '../sort';
-import { Filter } from '../filter';
-import { FilterContext } from '../filter-context';
+import { Filter } from '../filters/filter';
+import { FilterContext } from '../filters/filter-context';
 import { PageRequest } from '../page';
 import { SortContext } from '../sort-context';
 import { IDataSource } from '../datasource/data-source';

package/lib/common/data/datasource/data-source-adapter.d.ts

@@ -1,6 +1,6 @@
 import { IDataSource } from './data-source';
 import { Observable } from 'rxjs';
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { Sort } from '../sort';
 export declare class DataSourceAdapter<T> {
     private readonly dataSource;

package/lib/common/data/datasource/data-source-processor.d.ts

@@ -1,6 +1,6 @@
 import { IContinuableDataSource, IDataSource, IListDataSource, IPagedDataSource } from './data-source';
 import { Page } from '../page';
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { ContinuableListing } from '../continuable-listing';
 import { Sort } from '../sort';
 import { Observable } from 'rxjs/internal/Observable';

package/lib/common/data/datasource/data-source.d.ts

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import { Sort } from '../sort';
-import { Filter } from '../filter';
+import { Filter } from '../filters/filter';
 import { Page, Pageable } from '../page';
 import { TokenChunkRequest } from '../token-chunk-request';
 import { ContinuableListing } from '../continuable-listing';

package/lib/common/data/datasource/fetcher/delegate-data-source.d.ts

@@ -1,6 +1,6 @@
 import { IContinuableDataSource, IDataSource, IListDataSource, IPagedDataSource } from '../data-source';
 import { Observable } from 'rxjs';
-import { Filter } from '../../filter';
+import { Filter } from '../../filters/filter';
 import { Sort } from '../../sort';
 import { Page, Pageable } from '../../page';
 import { TokenChunkRequest } from '../../token-chunk-request';

package/lib/common/data/datasource/local/local-list-data-source.d.ts

@@ -1,4 +1,4 @@
-import { Filter } from '../../filter';
+import { Filter } from '../../filters/filter';
 import { Sort } from '../../sort';
 import { Observable } from 'rxjs';
 import { IListDataSource } from '../data-source';

package/lib/common/data/datasource/local/local-paged-data-source.d.ts

@@ -1,5 +1,5 @@
 import { Page, Pageable } from '../../page';
-import { Filter } from '../../filter';
+import { Filter } from '../../filters/filter';
 import { Observable } from 'rxjs';
 import { Sort } from '../../sort';
 import { IPagedDataSource } from '../data-source';

package/lib/common/data/datasource/rest/rest-client.d.ts

@@ -1,7 +1,7 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Sort } from '../../sort';
-import { Filter } from '../../filter';
+import { Filter } from '../../filters/filter';
 import { Page, Pageable } from '../../page';
 import { ContinuableListing } from '../../continuable-listing';
 import { TokenChunkRequest } from '../../token-chunk-request';

package/lib/common/data/{filter-context.d.ts → filters/filter-context.d.ts}

@@ -6,7 +6,7 @@ export declare class FilterContext {
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private readonly _filters;
+    private readonly _filters$;
     /***************************************************************************
      *                                                                         *
      * Static Utilities                                                        *
@@ -52,6 +52,8 @@ export declare class FilterContext {
      */
     replaceFilters(newFilters?: Filter[]): void;
     clear(): void;
+    mergeFilters(filters: Filter[]): void;
+    mergeFilter(filter: Filter): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *

package/lib/common/data/{filter.d.ts → filters/filter.d.ts}

@@ -22,13 +22,19 @@ export declare class Filter {
     constructor(key: string, value: string | string[] | null);
     /***************************************************************************
      *                                                                         *
-     * Properties                                                              *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
+    static merge(current: Filter, forcedFilter: Filter): Filter;
+    /**
+     * Checks if this filter supports multiple values.
+     * @param filter
+     */
+    static isMulti(filter: Filter): boolean;
     /**
      * Checks if this filter has a value.
-     * This is the case when the value is non null and
-     * in case its an array, also non empty.
+     * This is the case when the value is non-null and
+     * in case it's an array, also non-empty.
      */
     static hasValue(self: Filter): boolean;
     /**
@@ -37,4 +43,10 @@ export declare class Filter {
      * @param other
      */
     static equals(self: Filter, other: Filter): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private static addValuesToSet;
 }

package/lib/common/data/http-params-builder.d.ts

@@ -1,5 +1,5 @@
 import { HttpParams } from '@angular/common/http';
-import { Filter } from './filter';
+import { Filter } from './filters/filter';
 import { Sort } from './sort';
 import { Pageable } from './page';
 import { TokenChunkRequest } from './token-chunk-request';

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

@@ -1,5 +1,5 @@
-export * from './filter';
-export * from './filter-context';
+export * from './filters/filter';
+export * from './filters/filter-context';
 export * from './sort';
 export * from './page';
 export * from './entity-set-patch';

package/lib/common/data/required-filter-evaluator.d.ts

@@ -1,6 +1,6 @@
-import { Filter } from './filter';
+import { Filter } from './filters/filter';
 import { Observable } from 'rxjs';
-import { FilterContext } from './filter-context';
+import { FilterContext } from './filters/filter-context';
 export declare class RequiredFilterContextChangedEvent {
     readonly requiredFilters: Array<string[]>;
     readonly currentFilters: Filter[];

package/lib/common/data/token-chunk-request.d.ts

@@ -1,5 +1,5 @@
 import { Sort } from './sort';
-import { Filter } from './filter';
+import { Filter } from './filters/filter';
 export declare class TokenChunkRequest {
     readonly nextContinuationToken: string | null | undefined;
     readonly filters: Filter[];

package/lib/common/utils/filter-util.d.ts

@@ -1,4 +1,4 @@
-import { Filter } from '../data/filter';
+import { Filter } from '../data/filters/filter';
 export declare class FilterUtil {
     private static readonly logger;
     static filterData<T>(data: T[], filters: Filter[]): T[];

package/lib/components/auditing/audited-entity/elder-audited-entity.component.d.ts

@@ -10,11 +10,12 @@ declare class AuditedEntityCtx {
 export declare class ElderAuditedEntityComponent implements OnInit {
     layout: string;
     appearance: MatFormFieldAppearance;
+    dateFormat: string;
     readonly auditedCtx$: BehaviorSubject<AuditedEntityCtx>;
     constructor();
     ngOnInit(): void;
     set audited(audited: IAuditedEntity);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAuditedEntityComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAuditedEntityComponent, "elder-audited-entity", never, { "layout": "layout"; "appearance": "appearance"; "audited": "audited"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAuditedEntityComponent, "elder-audited-entity", never, { "layout": "layout"; "appearance": "appearance"; "dateFormat": "dateFormat"; "audited": "audited"; }, {}, never, never, false>;
 }
 export {};

package/lib/components/csv/elder-csv-export-btn/elder-csv-export-btn.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { IDataSource } from '../../../common/data/datasource/data-source';
-import { Filter } from '../../../common/data/filter';
+import { Filter } from '../../../common/data/filters/filter';
 import { Sort } from '../../../common/data/sort';
 import { CsvSpec } from '../../../common/csv/csv-spec';
 import { CsvStreamExporterBuilderService } from '../elder-csv-stream-exporter-builder.service';

package/lib/components/csv/elder-csv-stream-exporter.d.ts

@@ -1,5 +1,5 @@
 import { IDataSource } from '../../common/data/datasource/data-source';
-import { Filter } from '../../common/data/filter';
+import { Filter } from '../../common/data/filters/filter';
 import { Sort } from '../../common/data/sort';
 import { CsvSpec } from '../../common/csv/csv-spec';
 import { TranslateService } from '@ngx-translate/core';

package/lib/components/data-view/base/elder-data-view-options.d.ts

@@ -1,5 +1,5 @@
 import { Sort } from '../../../common/data/sort';
-import { Filter } from '../../../common/data/filter';
+import { Filter } from '../../../common/data/filters/filter';
 import { ElderDataViewInteractionMode } from '../elder-data-view-interaction-mode';
 /**
  * Options for supporting data view components.

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

@@ -1,38 +1,32 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs/internal/Observable';
 import { SearchInput } from './model/search-input';
-import { Filter } from '../../../common/data/filter';
-import { FilterContext } from '../../../common/data/filter-context';
+import { Filter } from '../../../common/data/filters/filter';
+import { FilterContext } from '../../../common/data/filters/filter-context';
 import { SearchInputState } from './model/search-input-state';
 import * as i0 from "@angular/core";
 /**
  * The search container manages a group of search-inputs
  * and holds their values in a central search model.
  */
-export declare class ElderSearchContextDirective implements OnInit, AfterViewInit, OnDestroy {
+export declare class ElderSearchContextDirective implements AfterViewInit, OnDestroy {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
+    private forcedFilters$;
     private readonly log;
     private readonly unsubscribe$;
     private readonly _searchInputs;
     private readonly _searchStates;
     private readonly _filters;
     private _filterContext;
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor();
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /***************************************************************************
@@ -42,6 +36,14 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
      **************************************************************************/
     set filterContext(value: FilterContext);
     get filterContext(): FilterContext;
+    /**
+     * Forced filters are always merged into the final FilterContext.
+     *
+     * This means they override user defined filters, but attempt
+     * to also keep the users intent (by merging) them.
+     */
+    set forcedFilters(filters: Filter[]);
+    get forcedFilters(): Filter[];
     get attributes(): Observable<SearchInput[]>;
     get attributesSnapshot(): SearchInput[];
     get states$(): Observable<SearchInputState[]>;
@@ -71,6 +73,7 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
      *                                                                         *
      **************************************************************************/
     private convertToFilters;
+    private applyFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": "elderSearchContext"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": "elderSearchContext"; "forcedFilters": "forcedFilters"; }, {}, never, never, false>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import { ElderSearchContextDirective } from './elder-search-context.directive';
 import { Observable } from 'rxjs/internal/Observable';
 import { NgModel } from '@angular/forms';
@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 /**
  * Search name adapter for input controls.
  */
-export declare class ElderSearchInputDirective implements OnInit, OnDestroy, AfterViewInit, SearchInput {
+export declare class ElderSearchInputDirective implements OnDestroy, AfterViewInit, SearchInput {
     private searchContext;
     private ngModel;
     /***************************************************************************
@@ -16,10 +16,6 @@ export declare class ElderSearchInputDirective implements OnInit, OnDestroy, Aft
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private readonly logger;
-    private readonly _state;
-    private _extractedName;
-    private readonly unsubscribe$;
     /**
      * (Optional) Usually the control name is used, this allows a custom query key
      */
@@ -37,6 +33,10 @@ export declare class ElderSearchInputDirective implements OnInit, OnDestroy, Aft
      * (Optional) Use this value for the query if none is provided.
      */
     fallbackValue: string | string[];
+    private readonly _state;
+    private _extractedName;
+    private readonly destroy$;
+    private readonly log;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -48,7 +48,6 @@ export declare class ElderSearchInputDirective implements OnInit, OnDestroy, Aft
      * Life Cycle                                                             *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /***************************************************************************

package/lib/components/http-support/elder-http-client.service.d.ts

@@ -1,5 +1,5 @@
 import { Page, Pageable } from '../../common/data/page';
-import { Filter } from '../../common/data/filter';
+import { Filter } from '../../common/data/filters/filter';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";

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

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

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

@@ -1,11 +1,12 @@
-import { OnInit, TemplateRef, NgZone } 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 { DataContextStatus } from '../../../../common/data/data-context/data-context-status';
 import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { ElderAutocompleteOptionSelected } from './elder-autocomplete-option-selected';
 import * as i0 from "@angular/core";
 declare type TextResolverFn = (value: any) => string;
-export declare class ElderAutocompleteComponent<T = any, TId = any> implements OnInit {
+export declare class ElderAutocompleteComponent<T = any, TId = any> {
     private readonly zone;
     /***************************************************************************
      *                                                                         *
@@ -29,25 +30,22 @@ export declare class ElderAutocompleteComponent<T = any, TId = any> implements O
     set matAutocomplete(auto: MatAutocomplete);
     isOptionDisabledFn: (option: T) => boolean;
     isOptionHiddenFn: (option: T) => boolean;
-    /** Underlying data context. */
-    readonly suggestionsDc$: BehaviorSubject<IDataContext<T>>;
+    optionValueConverterFn: (option: T) => any;
+    /**
+     * The DataContext which holds the autocomplete suggestions.
+     */
+    readonly dataContext$: BehaviorSubject<IDataContext<T>>;
     readonly triggerReload$: Subject<any>;
     readonly displayPropertyResolver$: BehaviorSubject<TextResolverFn>;
     readonly dataState$: Observable<DataContextStatus>;
     readonly availableSuggestions$: Observable<T[]>;
-    readonly optionSelected: Subject<unknown>;
+    readonly optionSelected: Subject<ElderAutocompleteOptionSelected<any, any>>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
     constructor(zone: NgZone);
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -57,8 +55,8 @@ export declare class ElderAutocompleteComponent<T = any, TId = any> implements O
     get enabled(): boolean;
     set valueTemplate(template: TemplateRef<any>);
     get valueTemplate(): TemplateRef<any>;
-    set suggestionsDc(data: IDataContext<T>);
-    get suggestionsDc(): IDataContext<T>;
+    set dataContext(data: IDataContext<T>);
+    get dataContext(): IDataContext<T>;
     set displayPropertyResolver(resolver: TextResolverFn);
     /***************************************************************************
      *                                                                         *
@@ -66,12 +64,14 @@ export declare class ElderAutocompleteComponent<T = any, TId = any> implements O
      *                                                                         *
      **************************************************************************/
     onOptionSelected(event: MatAutocompleteSelectedEvent): void;
+    private getEntityById;
     onAutocompleteOpened(event: any): void;
     onAutoCompleteCloseToEnd(event: UIEvent): void;
     getIdAsString(value: T): string;
     getId(value: T): TId;
     isOptionAvailable(option: T): boolean;
     isOptionVisible(option: T): boolean;
+    toOptionValue(option: T): any;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -82,6 +82,6 @@ export declare class ElderAutocompleteComponent<T = any, TId = any> implements O
      */
     private propertyStringValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutocompleteComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAutocompleteComponent<any, any>, "elder-autocomplete", ["elderAutocomplete"], { "isOptionDisabledFn": "isOptionDisabledFn"; "isOptionHiddenFn": "isOptionHiddenFn"; "enabled": "enabled"; "valueTemplate": "valueTemplate"; "suggestionsDc": "suggestionsDc"; "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>;
 }
 export {};

package/lib/components/{multi-autocomplete/elder-multi-autocomplete.component.d.ts → input/autocomplete/elder-autocomplete-many.directive.d.ts}

@@ -1,59 +1,78 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
-import { Observable } from 'rxjs';
-import { ISuggestionProvider } from '../../common/suggestion-provider';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+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';
+import { TextResolverFn } from '../../select/elder-select-base';
 import * as i0 from "@angular/core";
-export declare class ElderMultiAutocompleteComponent implements OnInit, OnDestroy {
+export declare class ElderAutocompleteManyDirective<T> implements OnInit, OnDestroy {
+    private readonly autoCompleteTrigger;
+    private readonly inputRef;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private readonly logger;
-    private _sub;
-    placeholder: string;
-    suggestionProvider: ISuggestionProvider<string>;
+    queryFilter: string;
+    filters: Filter[];
+    sorts: Sort[];
     /**
-     * Occurs when the value has been changed and committed
+     * The property on a suggestion object which is used
+     * as the display and insert value.
      */
-    valueChanged: EventEmitter<string>;
-    suggestionInput: ElementRef<HTMLInputElement>;
-    formControl: UntypedFormControl;
-    availableSuggestions: Observable<string[]>;
-    private wordFinder;
+    textProperty: string;
+    textPropertyResolverFn: TextResolverFn;
+    readonly inputKeyup$: Subject<KeyboardEvent>;
+    private readonly ignoreKeys;
+    private readonly log;
+    private readonly wordFinder;
+    private _elderAutocomplete;
+    private readonly destroy$;
+    private readonly destroyAutocompleteBinding$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor();
+    constructor(autoCompleteTrigger: MatAutocompleteTrigger, inputRef: ElementRef<HTMLInputElement>);
     /***************************************************************************
      *                                                                         *
-     * Life-Cycle                                                              *
+     * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    set autocomplete(auto: ElderAutocompleteComponent);
+    get autocomplete(): ElderAutocompleteComponent;
+    private get cursorPosition();
+    private set cursorPosition(value);
+    private get dataContext();
     /***************************************************************************
      *                                                                         *
-     * Properties                                                              *
+     * Host Listener                                                           *
      *                                                                         *
      **************************************************************************/
+    onKeyUp(event: KeyboardEvent): void;
     /***************************************************************************
      *                                                                         *
-     * Public API                                                              *
+     * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    onValueChanged(value: string): void;
-    insertSuggestion(suggestion: string): string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private getSuggestions;
-    private get cursorPosition();
+    private extractWordAtCursor;
+    private cursorBeforeAutocomplete;
+    private rememberCursorPosition;
     private extractWordFrom;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiAutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiAutocompleteComponent, "elder-multi-autocomplete", never, { "placeholder": "placeholder"; "suggestionProvider": "suggestionProvider"; }, { "valueChanged": "modify"; }, never, never, false>;
+    private updateSuggestions;
+    private insertSuggestion;
+    private currentInputValue;
+    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>;
 }

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

@@ -2,7 +2,7 @@ import { OnDestroy, OnInit } from '@angular/core';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
 import { Subject } from 'rxjs';
-import { Filter } from '../../../common/data/filter';
+import { Filter } from '../../../common/data/filters/filter';
 import { IDataContext } from '../../../common/data/data-context/data-context';
 import { Sort } from '../../../common/data/sort';
 import * as i0 from "@angular/core";
@@ -28,7 +28,6 @@ export declare class ElderAutocompleteDirective implements OnInit, OnDestroy {
      *                                                                         *
      **************************************************************************/
     constructor(autoCompleteTrigger: MatAutocompleteTrigger);
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Host Listener                                                           *
@@ -41,6 +40,7 @@ export declare class ElderAutocompleteDirective implements OnInit, OnDestroy {
      *                                                                         *
      **************************************************************************/
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

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

@@ -1,16 +1,20 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./elder-autocomplete/elder-autocomplete.component";
 import * as i2 from "./elder-autocomplete.directive";
-import * as i3 from "@angular/common";
-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/flex-layout";
-import * as i8 from "@angular/material/progress-bar";
+import * as i3 from "./elder-autocomplete-many.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/autocomplete";
+import * as i8 from "../../infinitescroll/elder-infinite-scroll.module";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@angular/flex-layout";
+import * as i11 from "@angular/material/progress-bar";
 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, [typeof i1.ElderAutocompleteComponent, typeof i2.ElderAutocompleteDirective], [typeof i3.CommonModule, typeof i4.MatAutocompleteModule, typeof i5.ElderInfiniteScrollModule, typeof i6.MatIconModule, typeof i7.FlexModule, typeof i8.MatProgressBarModule], [typeof i1.ElderAutocompleteComponent, typeof i2.ElderAutocompleteDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderAutocompleteModule, [typeof i1.ElderAutocompleteComponent, typeof i2.ElderAutocompleteDirective, typeof i3.ElderAutocompleteManyDirective], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatInputModule, typeof i7.MatAutocompleteModule, typeof i8.ElderInfiniteScrollModule, typeof i9.MatIconModule, typeof i10.FlexModule, typeof i11.MatProgressBarModule], [typeof i1.ElderAutocompleteComponent, typeof i2.ElderAutocompleteDirective, typeof i3.ElderAutocompleteManyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderAutocompleteModule>;
 }