@elderbyte/ngx-starter 14.3.2 → 14.4.0-beta.11

package/lib/{components/select → common/forms}/elder-entity-value-accessor.d.ts

@@ -1,4 +1,10 @@
 import { Observable } from 'rxjs';
+/**
+ * Represents a control which is backed by entities (along  values).
+ *
+ * The core idea is that a control tracks an id as value, but it will
+ * also side load the corresponding entity from a datasource.
+ */
 export interface IElderEntityValueAccessor<TEntity, TId, TValue> {
     /**
      * Gets or sets the entity
@@ -29,4 +35,8 @@ export interface IElderEntityValueAccessor<TEntity, TId, TValue> {
      */
     entityToValue(entity: TEntity): TValue;
 }
+export declare class ElderEntityValueAccessorUtil {
+    static entity$<TEntity>(vac: IElderEntityValueAccessor<TEntity, any, any>): Observable<TEntity>;
+    static entityId$<TId>(vac: IElderEntityValueAccessor<any, TId, any>): Observable<TId>;
+}
 export declare function isElderEntityValueAccessor(object: any): object is IElderEntityValueAccessor<any, any, any>;

package/lib/common/forms/elder-form-field-control-base.directive.d.ts

@@ -0,0 +1,101 @@
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { ValueAccessorBase } from './value-accessor-base';
+import { Observable, Subject } from 'rxjs';
+import { AbstractControlDirective, NgControl } from '@angular/forms';
+import { ElementRef, OnDestroy } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+/**
+ * Base for custom material form field controls.
+ * https://material.angular.io/guide/creating-a-custom-form-field-control
+ *
+ * Implementors must provide the MatFormFieldControl:
+ * providers: [{provide: MatFormFieldControl, useExisting: MyCoolInput}]
+ */
+export declare abstract class ElderFormFieldControlBase<T> extends ValueAccessorBase<T> implements MatFormFieldControl<T>, OnDestroy {
+    private readonly hostRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private static nextId;
+    private readonly _focusMonitor;
+    private _placeholder;
+    private _disabled;
+    private _required;
+    private _readonly;
+    private _focused;
+    private readonly stateChangePusher$;
+    protected readonly destroy$: Subject<void>;
+    readonly id: string;
+    readonly ngControl: NgControl | AbstractControlDirective | null;
+    readonly controlType: string;
+    readonly autofilled: boolean;
+    readonly userAriaDescribedBy: string;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, ngControl?: NgControl);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    private initFocusMonitor;
+    ngOnDestroy(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set placeholder(value: string);
+    get placeholder(): string;
+    set required(value: BooleanInput);
+    get required(): boolean;
+    set disabled(value: BooleanInput);
+    get disabled(): boolean;
+    set readonly(value: BooleanInput);
+    get readonly(): boolean;
+    get isLocked(): boolean;
+    get stateChanges(): Observable<void>;
+    get errorState(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get focused(): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    /***************************************************************************
+     *                                                                         *
+     * Abstract API                                                            *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Focus this control.
+     * @param options
+     */
+    abstract focus(options?: FocusOptions): void;
+    /**
+     * Blur this control.
+     */
+    abstract blur(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Internal API                                                            *
+     *                                                                         *
+     **************************************************************************/
+    protected emitStateChange(): void;
+    protected writeToControl(value: T): void;
+    protected onFocusInternal(): void;
+    protected onBlurInternal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFormFieldControlBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFormFieldControlBase<any>, never, never, { "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; }, {}, never, never, false>;
+}

package/lib/common/forms/elder-from-field-base.d.ts

@@ -0,0 +1,52 @@
+import { OnInit } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export declare type ElderApplyControlFn<TControl> = (ctrl: TControl) => void;
+export declare abstract class ElderFromFieldBase<TValue, TControl extends MatFormFieldControl<TValue>> implements OnInit {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly _logger;
+    protected readonly formFieldControl$: BehaviorSubject<TControl>;
+    matFormField: MatFormField;
+    private readonly _value$;
+    private readonly _controlActionQueue;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    protected constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set formFieldControl(ctrl: TControl);
+    get formFieldControl(): TControl;
+    get value$(): Observable<TValue>;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    applyToControl(applyFn: (ctrl: TControl) => void): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private executeQueuedActions;
+    private controlValue$;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFromFieldBase<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFromFieldBase<any, any>, never, never, {}, {}, ["formFieldControl"], never, false>;
+}

package/lib/common/forms/elder-from-field-entity-base.d.ts

@@ -0,0 +1,31 @@
+import { ElderFromFieldBase } from './elder-from-field-base';
+import { Observable } from 'rxjs';
+import { IElderEntityValueAccessor } from './elder-entity-value-accessor';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export declare abstract class ElderFromFieldEntityBase<TEntity, TId, TControl extends MatFormFieldControl<TEntity | TId>> extends ElderFromFieldBase<TEntity | TId, TControl> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly _entityAccessor$;
+    private readonly _entity$;
+    private readonly _entityId$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    protected constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get entityAccessor$(): Observable<IElderEntityValueAccessor<TEntity, TId, TEntity | TId>>;
+    get entity$(): Observable<TEntity>;
+    get entityId$(): Observable<TId>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFromFieldEntityBase<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFromFieldEntityBase<any, any, any>, never, never, {}, {}, never, never, false>;
+}

package/lib/common/forms/elder-from-field-multi-entity-base.d.ts

@@ -0,0 +1,31 @@
+import { ElderFromFieldBase } from './elder-from-field-base';
+import { Observable } from 'rxjs';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { IElderMultiEntityValueAccessor } from './elder-multi-entity-value-accessor';
+import * as i0 from "@angular/core";
+export declare abstract class ElderFromFieldMultiEntityBase<TEntity, TId, TValue, TControl extends MatFormFieldControl<TValue[]>> extends ElderFromFieldBase<TValue[], TControl> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly _entitiesAccessor$;
+    private readonly _entities$;
+    private readonly _entityIds$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    protected constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get entitiesAccessor$(): Observable<IElderMultiEntityValueAccessor<TEntity, TId, TValue>>;
+    get entities$(): Observable<TEntity[]>;
+    get entityIds$(): Observable<TId[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFromFieldMultiEntityBase<any, any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFromFieldMultiEntityBase<any, any, any, any>, never, never, {}, {}, never, never, false>;
+}

package/lib/common/forms/elder-multi-entity-value-accessor.d.ts

@@ -0,0 +1,42 @@
+import { Observable } from 'rxjs';
+/**
+ * Represents a control which is backed by entities (along  values).
+ *
+ * The core idea is that a control tracks an id as value, but it will
+ * also side load the corresponding entity from a datasource.
+ */
+export interface IElderMultiEntityValueAccessor<TEntity, TId, TValue> {
+    /**
+     * Gets or sets the entity
+     */
+    entities: TEntity[];
+    /**
+     * Gets or sets the entity id
+     */
+    entityIds: TId[];
+    /**
+     * Emits when the entity id has changed.
+     */
+    entityIdsChange: Observable<TId[]>;
+    /**
+     * Emits when the entity has changed.
+     */
+    entitiesChange: Observable<TEntity[]>;
+    /**
+     * Update the control value by the given entity
+     * and emit a value-updated event which simulates
+     * a user action.
+     * @param entity
+     */
+    updateValueByEntities(entity: TEntity[]): void;
+    /**
+     * Convert an entity to a value for this control.
+     * @param entity
+     */
+    entityToValue(entity: TEntity): TValue;
+}
+export declare class ElderMultiEntityValueAccessorUtil {
+    static entities$<TEntity>(vac: IElderMultiEntityValueAccessor<TEntity, any, any>): Observable<TEntity[]>;
+    static entityIds$<TId>(vac: IElderMultiEntityValueAccessor<any, TId, any>): Observable<TId[]>;
+}
+export declare function isElderMultiEntityValueAccessor(object: any): object is IElderMultiEntityValueAccessor<any, any, any>;

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

@@ -1,5 +1,11 @@
 export * from './view-providers';
+export * from './elder-entity-value-accessor';
+export * from './elder-multi-entity-value-accessor';
 export * from './template-composite-control';
 export * from './value-accessor-base';
 export * from './form-field-base.component';
+export * from './elder-form-field-control-base.directive';
 export * from './multi-model-base.component';
+export * from './elder-from-field-base';
+export * from './elder-from-field-entity-base';
+export * from './elder-from-field-multi-entity-base';

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

@@ -1,4 +1,10 @@
 import { Sort } from '../data/sort';
 export declare class SortUtil {
     static sortData<T>(data: T[], sorts: Sort[]): T[];
+    /**
+     * Checks if the two arrays have all content references in the exact same order.
+     * @param data
+     * @param other
+     */
+    static equalsExactRefs<T>(data: T[], other: T[]): boolean;
 }

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, "[elderElderAutocomplete]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "autocomplete": "elderElderAutocomplete"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutocompleteDirective, "[elderAutocomplete]", never, { "queryFilter": "queryFilter"; "filters": "filters"; "sorts": "sorts"; "autocomplete": "elderAutocomplete"; }, {}, never, never, false>;
 }

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

@@ -1,4 +1,4 @@
-import { ElderSelectComponent } from '../../select/elder-select/elder-select.component';
+import { ElderSelectComponent } from '../../select/single/elder-select/elder-select.component';
 import { ElderUnitService } from '../elder-unit.service';
 import { Unit } from '../model/unit';
 import { UnitDimension } from '../model/unit-dimension';

package/lib/components/select/auto/elder-auto-select-first.directive.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit } from '@angular/core';
-import { ElderSelectComponent } from '../elder-select/elder-select.component';
+import { ElderSelectComponent } from '../single/elder-select/elder-select.component';
 import * as i0 from "@angular/core";
 export declare class ElderAutoSelectFirstDirective<TEntity = any, TId = any> implements AfterViewInit {
     readonly elderSelect: ElderSelectComponent<TEntity, TId, any>;

package/lib/components/select/auto/elder-select-first-util.d.ts

@@ -1,4 +1,4 @@
-import { ElderSelectComponent } from '../elder-select/elder-select.component';
+import { ElderSelectComponent } from '../single/elder-select/elder-select.component';
 export declare class ElderSelectFirstUtil {
     /***************************************************************************
      *                                                                         *

package/lib/components/select/elder-select-base.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter, InjectionToken, NgZone, TemplateRef } from '@angular/core';
-import { FormFieldBaseComponent } from '../../common/forms/form-field-base.component';
+import { ElementRef, EventEmitter, InjectionToken, NgZone, TemplateRef } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { IDataContext } from '../../common/data/data-context/data-context';
 import { IDataSource } from '../../common/data/datasource/data-source';
@@ -7,6 +6,10 @@ import { Filter } from '../../common/data/filter';
 import { Sort } from '../../common/data/sort';
 import { SelectionModelPopupDirective } from './popup/selection-model-popup.directive';
 import { DataContextStatus } from '../../common/data/data-context/data-context-status';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElderFormFieldControlBase } from '../../common/forms/elder-form-field-control-base.directive';
+import { NgControl } from '@angular/forms';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare type TextResolverFn = (value: any) => string;
 export declare class ElderSelectComponentState {
@@ -31,7 +34,7 @@ export declare const ELDER_SELECT_BASE: InjectionToken<ElderSelectBase<any, any,
  * @param T Entity Type
  * @param TValue Value backing the control. Can be the entity, the id or something else.
  */
-export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends FormFieldBaseComponent<TValue> {
+export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends ElderFormFieldControlBase<TValue> {
     private readonly zone;
     /***************************************************************************
      *                                                                         *
@@ -51,16 +54,19 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
      */
     cleanUp: boolean;
     readonly displayPropertyResolver$: BehaviorSubject<TextResolverFn>;
-    /** Underlying data context. */
-    readonly suggestionsDc$: BehaviorSubject<IDataContext<TEntity>>;
+    /**
+     * Entity DataContext, which is used
+     * to side load entities by id and also
+     * to load suggestions when auto-completing.
+     */
+    readonly dataContext$: BehaviorSubject<IDataContext<TEntity>>;
     /**
      * Page size. (Used for infinite scrolling chunks)
      */
     pageSize: number;
     queryFilter: string;
     sorts: Sort[];
-    dense: boolean | string;
-    noHint: boolean | string;
+    icon: string;
     /**
      * The option template to customize the ui look.
      */
@@ -81,13 +87,13 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone);
+    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, ngControl?: NgControl);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set valueAsId(valueAsId: boolean);
+    set valueAsId(valueAsId: BooleanInput);
     get valueAsId(): boolean;
     /**
      * The property used to display the values.
@@ -98,10 +104,11 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
     get filters(): Filter[];
     set dataSource(source: IDataSource<TEntity>);
     set data(data: Array<TEntity> | IDataContext<TEntity>);
-    set suggestionsDc(data: IDataContext<TEntity>);
-    get suggestionsDc(): IDataContext<TEntity>;
+    set dataContext(data: IDataContext<TEntity>);
+    get dataContext(): IDataContext<TEntity>;
     set valueTemplate(template: TemplateRef<any>);
     get valueTemplate(): TemplateRef<any>;
+    get errorState(): boolean;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -113,6 +120,7 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
     replaceFilters(newFilters?: Filter[]): void;
     clearFilters(): void;
     updateState(state: ElderSelectComponentState): void;
+    get shouldLabelFloat(): boolean;
     /***************************************************************************
      *                                                                         *
      * Abstract API                                                            *
@@ -121,9 +129,7 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
     /**
      * Occurs when the suggestions data-context has changed
      */
-    protected abstract onSuggestionsDcChanged(data: IDataContext<TEntity>): void;
-    abstract focus(options?: FocusOptions): void;
-    abstract blur(): void;
+    protected abstract onDataContextChanged(data: IDataContext<TEntity>): void;
     /***************************************************************************
      *                                                                         *
      * Internal API                                                            *
@@ -138,5 +144,5 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Form
     protected autoCleanUp(): void;
     protected propertyStringValue(value: TEntity, property: string): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectBase<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectBase<any, any, any>, never, never, { "cleanUp": "cleanUp"; "pageSize": "pageSize"; "queryFilter": "queryFilter"; "sorts": "sorts"; "dense": "dense"; "noHint": "noHint"; "isOptionDisabledFn": "isOptionDisabledFn"; "isOptionHiddenFn": "isOptionHiddenFn"; "valueAsId": "valueAsId"; "displayProperty": "displayProperty"; "displayPropertyResolver": "displayPropertyResolver"; "filters": "filters"; "dataSource": "dataSource"; "data": "data"; "valueTemplate": "valueTemplate"; }, { "currentClicked": "currentClicked"; }, ["valueTemplateQuery", "selectionPopup"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectBase<any, any, any>, never, never, { "cleanUp": "cleanUp"; "pageSize": "pageSize"; "queryFilter": "queryFilter"; "sorts": "sorts"; "icon": "icon"; "isOptionDisabledFn": "isOptionDisabledFn"; "isOptionHiddenFn": "isOptionHiddenFn"; "valueAsId": "valueAsId"; "displayProperty": "displayProperty"; "displayPropertyResolver": "displayPropertyResolver"; "filters": "filters"; "dataSource": "dataSource"; "data": "data"; "valueTemplate": "valueTemplate"; }, { "currentClicked": "currentClicked"; }, ["valueTemplateQuery", "selectionPopup"], never, false>;
 }

package/lib/components/select/elder-select-chip.directive.d.ts

@@ -5,12 +5,19 @@ export declare class ElderSelectChipDirective {
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectChipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectChipDirective, "[elderElderSelectChip]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectChipDirective, "[elderSelectChip]", never, {}, {}, never, never, false>;
 }
 export declare class ElderSelectChipAvatarDirective {
     templateRef: TemplateRef<any>;
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectChipAvatarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectChipAvatarDirective, "[elderElderSelectChipAvatar]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectChipAvatarDirective, "[elderSelectChipAvatar]", never, {}, {}, never, never, false>;
+}
+export declare class ElderSelectCustomInputDirective {
+    templateRef: TemplateRef<any>;
+    viewContainer: ViewContainerRef;
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectCustomInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectCustomInputDirective, "[elderCustomInput]", never, {}, {}, never, never, false>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./elder-select/elder-select.component";
+import * as i1 from "./single/elder-select/elder-select.component";
 import * as i2 from "./elder-select-value.directive";
 import * as i3 from "./popup/templated-selection-dialog/templated-selection-dialog.component";
 import * as i4 from "./popup/selection-model-popup.directive";
@@ -7,37 +7,41 @@ import * as i5 from "./elder-select-on-tab.directive";
 import * as i6 from "./multi/elder-multi-select-chips/elder-multi-select-chips.component";
 import * as i7 from "./elder-select-chip.directive";
 import * as i8 from "./auto/elder-auto-select-first.directive";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/forms";
-import * as i11 from "@angular/material/form-field";
-import * as i12 from "@angular/material/icon";
-import * as i13 from "@angular/material/select";
-import * as i14 from "@angular/material/dialog";
-import * as i15 from "@angular/material/button";
-import * as i16 from "@angular/material/input";
-import * as i17 from "@angular/material/autocomplete";
-import * as i18 from "@angular/material/toolbar";
-import * as i19 from "@angular/material/progress-bar";
-import * as i20 from "@angular/material/progress-spinner";
-import * as i21 from "@angular/flex-layout";
-import * as i22 from "@ngx-translate/core";
-import * as i23 from "../forms/directives/elder-forms-directives.module";
-import * as i24 from "../data-view/table/elder-table.module";
-import * as i25 from "../infinitescroll/elder-infinite-scroll.module";
-import * as i26 from "../input/autocomplete/elder-autocomplete.module";
-import * as i27 from "@angular/material/chips";
-import * as i28 from "../../pipes/elder-pipes.module";
+import * as i9 from "./single/elder-clear-select.directive";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/forms";
+import * as i12 from "@angular/material/form-field";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/select";
+import * as i15 from "@angular/material/dialog";
+import * as i16 from "@angular/material/button";
+import * as i17 from "@angular/material/input";
+import * as i18 from "@angular/material/autocomplete";
+import * as i19 from "@angular/material/toolbar";
+import * as i20 from "@angular/material/progress-bar";
+import * as i21 from "@angular/material/progress-spinner";
+import * as i22 from "@angular/flex-layout";
+import * as i23 from "@ngx-translate/core";
+import * as i24 from "../forms/directives/elder-forms-directives.module";
+import * as i25 from "../data-view/table/elder-table.module";
+import * as i26 from "../infinitescroll/elder-infinite-scroll.module";
+import * as i27 from "../input/autocomplete/elder-autocomplete.module";
+import * as i28 from "@angular/material/chips";
+import * as i29 from "../../pipes/elder-pipes.module";
+import * as i30 from "@angular/material/tooltip";
+import * as i31 from "../theme/elder-theme.module";
 export { ElderSelectValueDirective } from './elder-select-value.directive';
-export { ElderSelectChipDirective, ElderSelectChipAvatarDirective } from './elder-select-chip.directive';
+export * from './elder-select-chip.directive';
 export { ElderSelectOnTabDirective } from './elder-select-on-tab.directive';
-export { ElderSelectComponent } from './elder-select/elder-select.component';
+export { ElderSelectComponent } from './single/elder-select/elder-select.component';
 export { TemplatedSelectionDialogComponent, ISelectionModelDialogOptions } from './popup/templated-selection-dialog/templated-selection-dialog.component';
 export { SelectionModelPopupDirective, ElderDataViewSelectionMode } from './popup/selection-model-popup.directive';
 export { ElderMultiSelectBase } from './multi/elder-multi-select-base';
 export { ElderMultiSelectChipsComponent } from './multi/elder-multi-select-chips/elder-multi-select-chips.component';
 export { ElderAutoSelectFirstDirective } from './auto/elder-auto-select-first.directive';
+export { ElderClearSelectDirective } from './single/elder-clear-select.directive';
 export declare class ElderSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, [typeof i1.ElderSelectComponent, typeof i2.ElderSelectValueDirective, typeof i3.TemplatedSelectionDialogComponent, typeof i4.SelectionModelPopupDirective, typeof i5.ElderSelectOnTabDirective, typeof i6.ElderMultiSelectChipsComponent, typeof i7.ElderSelectChipDirective, typeof i7.ElderSelectChipAvatarDirective, typeof i8.ElderAutoSelectFirstDirective], [typeof i9.CommonModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.MatFormFieldModule, typeof i12.MatIconModule, typeof i13.MatSelectModule, typeof i14.MatDialogModule, typeof i15.MatButtonModule, typeof i16.MatInputModule, typeof i17.MatAutocompleteModule, typeof i18.MatToolbarModule, typeof i19.MatProgressBarModule, typeof i20.MatProgressSpinnerModule, typeof i21.FlexModule, typeof i22.TranslateModule, typeof i23.ElderFormsDirectivesModule, typeof i24.ElderTableModule, typeof i25.ElderInfiniteScrollModule, typeof i26.ElderAutocompleteModule, typeof i27.MatChipsModule, typeof i28.ElderPipesModule], [typeof i1.ElderSelectComponent, typeof i2.ElderSelectValueDirective, typeof i3.TemplatedSelectionDialogComponent, typeof i4.SelectionModelPopupDirective, typeof i6.ElderMultiSelectChipsComponent, typeof i7.ElderSelectChipDirective, typeof i7.ElderSelectChipAvatarDirective, typeof i8.ElderAutoSelectFirstDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, [typeof i1.ElderSelectComponent, typeof i2.ElderSelectValueDirective, typeof i3.TemplatedSelectionDialogComponent, typeof i4.SelectionModelPopupDirective, typeof i5.ElderSelectOnTabDirective, typeof i6.ElderMultiSelectChipsComponent, typeof i7.ElderSelectChipDirective, typeof i7.ElderSelectChipAvatarDirective, typeof i8.ElderAutoSelectFirstDirective, typeof i9.ElderClearSelectDirective, typeof i7.ElderSelectCustomInputDirective], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i11.ReactiveFormsModule, typeof i12.MatFormFieldModule, typeof i13.MatIconModule, typeof i14.MatSelectModule, typeof i15.MatDialogModule, typeof i16.MatButtonModule, typeof i17.MatInputModule, typeof i18.MatAutocompleteModule, typeof i19.MatToolbarModule, typeof i20.MatProgressBarModule, typeof i21.MatProgressSpinnerModule, typeof i22.FlexModule, typeof i23.TranslateModule, typeof i24.ElderFormsDirectivesModule, typeof i25.ElderTableModule, typeof i26.ElderInfiniteScrollModule, typeof i27.ElderAutocompleteModule, typeof i28.MatChipsModule, typeof i29.ElderPipesModule, typeof i30.MatTooltipModule, typeof i31.ElderThemeModule], [typeof i1.ElderSelectComponent, typeof i2.ElderSelectValueDirective, typeof i3.TemplatedSelectionDialogComponent, typeof i4.SelectionModelPopupDirective, typeof i6.ElderMultiSelectChipsComponent, typeof i7.ElderSelectChipDirective, typeof i7.ElderSelectChipAvatarDirective, typeof i8.ElderAutoSelectFirstDirective, typeof i9.ElderClearSelectDirective, typeof i7.ElderSelectCustomInputDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderSelectModule>;
 }