@elderbyte/ngx-starter 17.10.0 → 17.11.0-beta2

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 { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
+import { ElderSuggestionPanelComponent } from './elder-autocomplete/elder-suggestion-panel.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: ElderAutocompleteComponent);
-    get autocomplete(): ElderAutocompleteComponent;
+    set autocomplete(auto: ElderSuggestionPanelComponent);
+    get autocomplete(): ElderSuggestionPanelComponent;
     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-autocomplete.component";
+import * as i8 from "./elder-autocomplete/elder-suggestion-panel.component";
 import * as i9 from "./elder-autocomplete.directive";
 import * as i10 from "./elder-autocomplete-many.directive";
-export { ElderAutocompleteComponent } from './elder-autocomplete/elder-autocomplete.component';
+export { ElderSuggestionPanelComponent } from './elder-autocomplete/elder-suggestion-panel.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.ElderAutocompleteComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective], [typeof i8.ElderAutocompleteComponent, 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.ElderSuggestionPanelComponent, typeof i9.ElderAutocompleteDirective, typeof i10.ElderAutocompleteManyDirective], [typeof i8.ElderSuggestionPanelComponent, 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>;
 }

package/lib/components/measures/util/elder-quantity.service.d.ts

@@ -2,6 +2,7 @@ import { Unit } from '../model/unit';
 import { Quantity } from '../model/quantity';
 import { ElderUnitService } from '../elder-unit.service';
 import { Dimensions } from '../model/dimensions';
+import { QuantityPipeOptions } from '../elder-quantity.pipe';
 import * as i0 from "@angular/core";
 export declare class ElderQuantityService {
     private readonly unitService;
@@ -11,6 +12,9 @@ export declare class ElderQuantityService {
      *                                                                         *
      **************************************************************************/
     private readonly logger;
+    private static readonly EMPTY_STRING;
+    private static readonly SPACE_STRING;
+    private static readonly DEFAULT_DIGITS;
     private readonly QUANTITY_CACHE_SIZE;
     private readonly QUANTITY_CACHE;
     /***************************************************************************
@@ -119,6 +123,8 @@ export declare class ElderQuantityService {
      * @param quantity
      */
     normalize(quantity: Quantity): Quantity;
+    transformQuantity(quantity: Quantity, normalize?: boolean, targetUnit?: Unit | string): Quantity;
+    formatQuantity(quantity: Quantity, locale: string, normalize?: boolean | QuantityPipeOptions, targetUnit?: Unit | string, digitsInfo?: string): string;
     /***************************************************************************
      *                                                                         *
      * Private Methods                                                         *
@@ -126,6 +132,12 @@ export declare class ElderQuantityService {
      **************************************************************************/
     private normalizeInternal;
     private getQuantityIdentifier;
+    /**
+     * Adapted from @angular/common number_pipe.ts
+     */
+    private strToNumber;
+    private static determineUserOptions;
+    private determineSuffix;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderQuantityService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ElderQuantityService>;
 }

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

@@ -1,8 +1,10 @@
 import { AfterViewInit } from '@angular/core';
 import { ElderSelectComponent } from '../single/elder-select/elder-select.component';
+import { ElderAutoSelectFirstService } from './elder-auto-select-first.service';
 import * as i0 from "@angular/core";
 export declare class ElderAutoSelectFirstDirective<TEntity = any, TId = any> implements AfterViewInit {
     readonly elderSelect: ElderSelectComponent<TEntity, TId, any>;
+    private readonly autoSelectFirstService;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -15,7 +17,7 @@ export declare class ElderAutoSelectFirstDirective<TEntity = any, TId = any> imp
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(elderSelect: ElderSelectComponent<TEntity, TId, any>);
+    constructor(elderSelect: ElderSelectComponent<TEntity, TId, any>, autoSelectFirstService: ElderAutoSelectFirstService<TEntity>);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -34,6 +36,12 @@ export declare class ElderAutoSelectFirstDirective<TEntity = any, TId = any> imp
     set autoSelectFirstEnabled(val: boolean | string);
     set enabled(val: boolean);
     get enabled(): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    forceReloadFirst(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *

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

@@ -0,0 +1,23 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ElderAutoSelectFirstService<TEntity> {
+    private readonly _firstItem$;
+    private readonly _enabled$;
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    suggestFirstItem(entity: TEntity): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    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>>;
+}

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

@@ -0,0 +1,32 @@
+import { DestroyRef } from '@angular/core';
+import { ElderSuggestionPanelComponent } from '../../input/autocomplete/elder-autocomplete/elder-suggestion-panel.component';
+import { ElderAutoSelectFirstService } from './elder-auto-select-first.service';
+import * as i0 from "@angular/core";
+export declare class ElderAutoSelectSuggestFirstDirective<TEntity = any, TId = any> {
+    readonly elderAutoComplete: ElderSuggestionPanelComponent<TEntity, TId>;
+    private readonly autoSelectFirstService;
+    private readonly destroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(elderAutoComplete: ElderSuggestionPanelComponent<TEntity, TId>, autoSelectFirstService: ElderAutoSelectFirstService<TEntity>, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private subscribeToAutoSelectFirstService;
+    private suggestFirstItem;
+    private selectFirstItemInDataContext;
+    private firstItemInDataContextSoon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutoSelectSuggestFirstDirective<any, any>, [null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutoSelectSuggestFirstDirective<any, any>, "[elderAutoSelectSuggestFirst]", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,3 +1,4 @@
+import { Observable } from 'rxjs';
 import { ElderSelectComponent } from '../single/elder-select/elder-select.component';
 export declare class ElderSelectFirstUtil {
     /***************************************************************************
@@ -11,12 +12,11 @@ export declare class ElderSelectFirstUtil {
      * Public methods                                                          *
      *                                                                         *
      **************************************************************************/
-    static trySelectFirst<TEntity, TId>(elderSelect: ElderSelectComponent<TEntity, TId, any>): void;
+    static trySelectFirst<TEntity, TId>(elderSelect: ElderSelectComponent<TEntity, TId, any>, oFirstItem: Observable<TEntity>): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private static firstItemInDataContextSoon;
     private static firstSuggestionItem;
 }

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

@@ -126,6 +126,7 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
     get shouldLabelFloat(): boolean;
     set templateOptions$(comps: ElderSelectOptionComponent<TEntity>[]);
     get templateOptions$(): Observable<ElderSelectOptionComponent<TEntity>[]>;
+    getEntityId(entity: TEntity): TId;
     /***************************************************************************
      *                                                                         *
      * Abstract API                                                            *
@@ -140,7 +141,6 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * Internal API                                                            *
      *                                                                         *
      **************************************************************************/
-    protected getEntityId(entity: TEntity): TId;
     protected dataSourceOrThrow(): IDataSource<TEntity>;
     protected isEqual(a: TEntity, b: TEntity): boolean;
     protected isEmpty(a: TEntity): boolean;

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

@@ -35,6 +35,10 @@ import * as i33 from "./single/elder-clear-select.directive";
 import * as i34 from "./multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component";
 import * as i35 from "./multi/elder-chip-select-option/elder-select-option.component";
 import * as i36 from "./multi/elder-mutli-select-all-directive";
+import * as i37 from "./auto/elder-auto-select-suggest-first.directive";
+import * as i38 from "./filter/elder-chips-filter.directive";
+import * as i39 from "./filter/elder-filter-chip-template/elder-filter-chip-template.component";
+import * as i40 from "./multi/elder-search-include-exclude.directive";
 export { ElderSelectValueDirective } from './elder-select-value.directive';
 export * from './elder-select-chip.directive';
 export { ElderSelectOnTabDirective } from './elder-select-on-tab.directive';
@@ -49,8 +53,12 @@ export { ElderSelectOptionComponent } from './multi/elder-chip-select-option/eld
 export { ElderAutoSelectFirstDirective } from './auto/elder-auto-select-first.directive';
 export { ElderClearSelectDirective } from './single/elder-clear-select.directive';
 export { ElderMultiSelectAllInitialDirective } from './multi/elder-mutli-select-all-directive';
+export { ElderAutoSelectSuggestFirstDirective } from './auto/elder-auto-select-suggest-first.directive';
+export { ElderChipsFilterDirective } from './filter/elder-chips-filter.directive';
+export { ElderFilterChipTemplate } from './filter/elder-filter-chip-template/elder-filter-chip-template.component';
+export { ElderSearchIncludeExcludeDirective } from './multi/elder-search-include-exclude.directive';
 export declare class ElderSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatIconModule, typeof i5.MatSelectModule, typeof i6.MatDialogModule, typeof i7.MatButtonModule, typeof i8.MatInputModule, typeof i9.MatAutocompleteModule, typeof i10.MatToolbarModule, typeof i11.MatProgressBarModule, typeof i12.MatProgressSpinnerModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.CdkDropList, typeof i15.CdkDrag, typeof i16.TranslateModule, typeof i17.ElderFormsDirectivesModule, typeof i18.ElderTableModule, typeof i19.ElderInfiniteScrollModule, typeof i20.ElderAutocompleteModule, typeof i21.ElderPipesModule, typeof i22.ElderThemeModule, typeof i23.ElderChipsModule, typeof i1.AsyncPipe, typeof i1.AsyncPipe, typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i29.ElderSelectOnTabDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective], [typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatIconModule, typeof i5.MatSelectModule, typeof i6.MatDialogModule, typeof i7.MatButtonModule, typeof i8.MatInputModule, typeof i9.MatAutocompleteModule, typeof i10.MatToolbarModule, typeof i11.MatProgressBarModule, typeof i12.MatProgressSpinnerModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.CdkDropList, typeof i15.CdkDrag, typeof i16.TranslateModule, typeof i17.ElderFormsDirectivesModule, typeof i18.ElderTableModule, typeof i19.ElderInfiniteScrollModule, typeof i20.ElderAutocompleteModule, typeof i21.ElderPipesModule, typeof i22.ElderThemeModule, typeof i23.ElderChipsModule, typeof i1.AsyncPipe, typeof i1.AsyncPipe, typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i29.ElderSelectOnTabDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsFilterDirective, typeof i39.ElderFilterChipTemplate, typeof i40.ElderSearchIncludeExcludeDirective], [typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsFilterDirective, typeof i39.ElderFilterChipTemplate, typeof i40.ElderSearchIncludeExcludeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderSelectModule>;
 }

package/lib/components/select/filter/elder-chip-filter-style-resolver.d.ts

@@ -0,0 +1,19 @@
+import { SelectChipSpec } from '../multi/elder-multi-select-chips/select-chip-spec';
+import { ElderChipFilterEntity } from './elder-chips-filter.directive';
+export default class ElderChipFilterStyleResolver {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly neutralChipSpec;
+    private readonly includedChipSpec;
+    private readonly excludedChipSpec;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    resolveChipSpec(filterEntity: ElderChipFilterEntity): SelectChipSpec;
+    resolveAvatar(filterEntity: ElderChipFilterEntity): string;
+}

package/lib/components/select/filter/elder-chips-filter.directive.d.ts

@@ -0,0 +1,68 @@
+import { DestroyRef, ViewContainerRef } from '@angular/core';
+import { ElderMultiSelectChipsComponent } from '../multi/elder-multi-select-chips/elder-multi-select-chips.component';
+import { Observable } from 'rxjs';
+import { ElderSearchInputDirective } from '../../forms/search/elder-search-input.directive';
+import * as i0 from "@angular/core";
+export interface ElderChipFilterEntity {
+    id: string;
+    selection: ElderChipFilterSelection;
+}
+export declare enum ElderChipFilterSelection {
+    NEUTRAL = "NEUTRAL",
+    INCLUDE = "INCLUDE",
+    EXCLUDE = "EXCLUDE"
+}
+export declare class ElderChipsFilterDirective<T = any> {
+    readonly elderMultiSelectChips: ElderMultiSelectChipsComponent;
+    readonly elderSearchInput: ElderSearchInputDirective;
+    readonly vcr: ViewContainerRef;
+    private readonly destroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _selection$;
+    private readonly chipStyleResolver;
+    private readonly initialDone$;
+    private readonly _includeSuffix$;
+    private readonly _excludeSuffix$;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set includeSuffix(suffix: string);
+    set excludeSuffix(suffix: string);
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(elderMultiSelectChips: ElderMultiSelectChipsComponent, elderSearchInput: ElderSearchInputDirective, vcr: ViewContainerRef, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get selection(): ElderChipFilterEntity[];
+    get selection$(): Observable<ElderChipFilterEntity[]>;
+    set selection(listedEntityIds: ElderChipFilterEntity[]);
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private setupFilterChips;
+    private setupElderMultiSelectChipsListeners;
+    private resolveChipSpec;
+    private resolveAvatar;
+    private handleChipClick;
+    private cycleFilterEntitySelection;
+    private findFilterEntityByEntity;
+    private findFilterEntityById;
+    private updateChipEntities;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipsFilterDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderChipsFilterDirective<any>, "[elderChipsFilter]", never, { "includeSuffix": { "alias": "includeSuffix"; "required": false; }; "excludeSuffix": { "alias": "excludeSuffix"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.d.ts

@@ -0,0 +1,32 @@
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ElderFilterChipTemplate {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private _avatarRef$;
+    private _bodyRef$;
+    private _resolveAvatar$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set avatarRef(avatarRef: TemplateRef<any>);
+    get avatarRef$(): Observable<TemplateRef<any>>;
+    set bodyRef(avatarRef: TemplateRef<any>);
+    get bodyRef$(): Observable<TemplateRef<any>>;
+    set resolveAvatar(fn: (id: string) => string);
+    get resolveAvatar$(): Observable<(id: string) => string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFilterChipTemplate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderFilterChipTemplate, "elder-filter-chip-template", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.d.ts

@@ -32,6 +32,10 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
     defaultChipSpec: SelectOptionChipSpec;
     _chipSpecFn$: BehaviorSubject<(e: TEntity) => SelectOptionChipSpec>;
     stacked: boolean;
+    /**
+     * Page size. (Used for infinite scrolling chunks)
+     */
+    pageSize: number;
     private _multiple;
     _listBox: MatChipListbox;
     /***************************************************************************
@@ -92,6 +96,6 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
     private extractEntitiesFromTemplateChips;
     private buildEntitiesLabelMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, [null, null, null, null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, "elder-multi-select-chip-options", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipOptionsComponent<any, any, any>, "elder-multi-select-chip-options", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery"], ["*"], true, never>;
 }
 export {};

package/lib/components/select/multi/elder-search-include-exclude.directive.d.ts

@@ -0,0 +1,39 @@
+import { DestroyRef } from '@angular/core';
+import { ElderSearchInputDirective } from '../../forms/search/elder-search-input.directive';
+import { ElderChipsFilterDirective } from '../filter/elder-chips-filter.directive';
+import * as i0 from "@angular/core";
+export declare class ElderSearchIncludeExcludeDirective {
+    private readonly elderSearchInput;
+    private readonly elderChipsFilter;
+    private destroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly _includeSuffix$;
+    private readonly _excludeSuffix$;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set includeSuffix(suffix: string);
+    set excludeSuffix(suffix: string);
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(elderSearchInput: ElderSearchInputDirective, elderChipsFilter: ElderChipsFilterDirective, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private setupSearchQueryTransforms;
+    private setupConverter;
+    private transformSelectionToMap;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchIncludeExcludeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchIncludeExcludeDirective, "[elderSearchIncludeExclude]", never, { "includeSuffix": { "alias": "includeSuffix"; "required": false; }; "excludeSuffix": { "alias": "excludeSuffix"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/select/single/elder-select/elder-select.component.d.ts

@@ -119,7 +119,6 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
     onOptionSelected(optionSelected: ElderAutocompleteOptionSelected<TEntity, TId>): void;
     openSelectionPopup(event: Event): void;
     clear(event?: Event): void;
-    forceReloadFirst(): void;
     updateValueByEntity(entity: TEntity): void;
     focus(options?: FocusOptions): void;
     blur(): void;

package/lib/pipes/iso-duration.pipe.d.ts

@@ -1,6 +1,5 @@
 import { PipeTransform } from '@angular/core';
 import { Duration, Period } from '@js-joda/core';
-import { ElderUnitService } from '../components/measures/elder-unit.service';
 import { PeriodDuration } from '../common/time/period-duration';
 import { IsoDurationStr } from '../components/time/duration/iso-duration-str';
 import * as i0 from "@angular/core";
@@ -12,9 +11,7 @@ import * as i0 from "@angular/core";
  *  all arguments except P are optional, decimal numbers allowed
  */
 export declare class IsoDurationPipe implements PipeTransform {
-    private readonly unitService;
     private readonly logger;
-    constructor(unitService: ElderUnitService);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *

package/lib/pipes/iso-interval.pipe.d.ts

@@ -8,8 +8,7 @@ export declare class IsoIntervalPipe implements PipeTransform {
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private static log;
-    private readonly datePipe;
+    private log;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -22,7 +21,9 @@ export declare class IsoIntervalPipe implements PipeTransform {
      *                                                                         *
      **************************************************************************/
     /**
-     * Transforms an Interval / ISO Interval to a human readable display text.
+     * Transforms an Interval / ISO Interval to a human-readable display text.
+     *
+     * @return null in case of error
      *
      * @param value The interval value, either as iso string or interval object
      * @param format The format of the start (and if not specified otherwise, the end)
@@ -30,15 +31,7 @@ export declare class IsoIntervalPipe implements PipeTransform {
      * @param timezone
      * @param locale
      */
-    transform(value: IsoIntervalStr | Interval, format?: string, formatEnd?: string, timezone?: string, locale?: string): string;
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    private formatSubDay;
-    private formatInstant;
-    private format;
+    transform(value: IsoIntervalStr | Interval, format?: string, formatEnd?: string, timezone?: string, locale?: string): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsoIntervalPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IsoIntervalPipe, "isoInterval", true>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "17.10.0",
+  "version": "17.11.0-beta2",
   "peerDependencies": {
     "@angular/core": "^17.0.0 || ^18.0.0",
     "@angular/common": "^17.0.0 || ^18.0.0",