@elderbyte/ngx-starter 16.2.11 → 16.3.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -5,7 +5,7 @@ import { Pipe, Injectable, LOCALE_ID, Inject, NgModule, Optional, SkipSelf, Dire
 import * as i1 from '@angular/platform-browser';
 import { Duration, Period, TemporalQueries, LocalTime, Instant, LocalDate, nativeJs, ZoneId, DateTimeFormatter, convert, ZonedDateTime, Temporal } from '@js-joda/core';
 import { LoggerFactory } from '@elderbyte/ts-logger';
-import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, lastValueFrom, Subject, EMPTY, combineLatest, merge, of, forkJoin, throwError, mergeWith, switchMap as switchMap$1, Observable, zip, mergeMap as mergeMap$1, fromEvent, takeUntil as takeUntil$1, combineLatestWith as combineLatestWith$1, skipUntil, filter as filter$1, NEVER } from 'rxjs';
+import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, lastValueFrom, Subject, EMPTY, combineLatest, merge, of, forkJoin, throwError, mergeWith, switchMap as switchMap$1, Observable, zip, mergeMap as mergeMap$1, fromEvent, combineLatestWith as combineLatestWith$1, NEVER } from 'rxjs';
 import { tap, takeUntil, takeWhile, map, filter, distinctUntilChanged, debounceTime, catchError, first, take, switchMap, mergeMap, expand, reduce, startWith, skip, delay, share, combineLatestWith, timeout, skipWhile } from 'rxjs/operators';
 import * as i1$2 from '@angular/common/http';
 import { HttpParams, HttpEventType, HttpRequest, HttpClient, HttpErrorResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -38,7 +38,7 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i4$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i8 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
+import { MatChipsModule, MatChipListbox } from '@angular/material/chips';
 import * as i1$5 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i2$2 from '@angular/material/list';
@@ -19033,6 +19033,9 @@ class ElderSelectBase extends ElderFormFieldControlBase {
             .pageSize(this.pageSize)
             .build(source);
     }
+    get dataSource() {
+        return this.dataContext?.dataSource;
+    }
     set data(data) {
         this.autoCleanUp();
         if (data instanceof Array) {
@@ -21249,6 +21252,26 @@ class ElderMultiSelectBase extends ElderSelectBase {
     awaitEntitiesWithId(entityIds, timeoutMs) {
         return this._entities$.pipe(tap(entities => this.logger.debug('Got entities for ids' + entityIds, entities)), filter(entities => this.equalIds(this.getEntityIds(entities), entityIds)), take(1), timeout(timeoutMs));
     }
+    /***************************************************************************
+     *                                                                         *
+     * Host Bindings                                                           *
+     *                                                                         *
+     **************************************************************************/
+    get hostClass() {
+        return 'elder-select-base elder-multi-select';
+    }
+    get disabledClass() {
+        return this.disabled;
+    }
+    get errorStateClass() {
+        return this.errorState;
+    }
+    get requiredClass() {
+        return this.required;
+    }
+    get emptyClass() {
+        return this.empty;
+    }
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -21331,7 +21354,6 @@ class ElderMultiSelectBase extends ElderSelectBase {
         }, () => this.removeEntities(toRemove));
     }
     removeEntities(toRemove) {
-        console.warn("REMOVE");
         toRemove.forEach(e => this.removeEntity(e));
     }
     removeEntity(toRemove) {
@@ -21515,7 +21537,7 @@ class ElderMultiSelectBase extends ElderSelectBase {
         return entities;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderMultiSelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: ElderMultiSelectBase, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entityIdsChange: "entityIdsChange", entitiesChange: "entitiesChange", entityIdsUpdated: "entityIdsUpdated", entitiesUpdated: "entitiesUpdated" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: ElderMultiSelectBase, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entityIdsChange: "entityIdsChange", entitiesChange: "entitiesChange", entityIdsUpdated: "entityIdsUpdated", entitiesUpdated: "entitiesUpdated" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderMultiSelectBase, decorators: [{
             type: Directive
@@ -21531,6 +21553,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 type: Output
             }], entitiesUpdated: [{
                 type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.mat-select-disabled']
+            }], errorStateClass: [{
+                type: HostBinding,
+                args: ['class.mat-select-invalid']
+            }], requiredClass: [{
+                type: HostBinding,
+                args: ['class.mat-select-required']
+            }], emptyClass: [{
+                type: HostBinding,
+                args: ['class.mat-select-empty']
             }], entities: [{
                 type: Input
             }], entityIds: [{
@@ -21580,6 +21617,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
 
+class SelectChipSpecUtil {
+    static { this.DefaultChipSpec = {
+        colorSpec: {
+            themeColor: undefined,
+            stateColor: undefined,
+            levelColor: undefined
+        },
+        removable: undefined,
+        avatarSpec: {
+            hide: false,
+            large: false
+        }
+    }; }
+}
+
 class ElderClearSelectDirective {
     /***************************************************************************
      *                                                                         *
@@ -21649,18 +21701,7 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
      **************************************************************************/
     constructor(hostRef, zone, focusMonitor, translateService, dialogService, ngControl) {
         super(zone, hostRef, 'multi-select-chips', focusMonitor, translateService, dialogService, ngControl);
-        this.defaultChipSpec = {
-            colorSpec: {
-                themeColor: undefined,
-                stateColor: undefined,
-                levelColor: undefined
-            },
-            removable: undefined,
-            avatarSpec: {
-                hide: false,
-                large: false
-            }
-        };
+        this.defaultChipSpec = SelectChipSpecUtil.DefaultChipSpec;
         /**
          * Allows to customize each chip individually (Color, Removable, Avatar).
          *
@@ -21695,26 +21736,6 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
             };
         }));
     }
-    /***************************************************************************
-     *                                                                         *
-     * Host Bindings                                                           *
-     *                                                                         *
-     **************************************************************************/
-    get hostClass() {
-        return 'elder-select-base elder-multi-select';
-    }
-    get disabledClass() {
-        return this.disabled;
-    }
-    get errorStateClass() {
-        return this.errorState;
-    }
-    get requiredClass() {
-        return this.required;
-    }
-    get emptyClass() {
-        return this.empty;
-    }
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -21825,7 +21846,7 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
         return new ChipModel(e, dPR(e), chipSpec?.colorSpec, removable, chipSpec.avatarSpec, chipSpec.trailingSpec);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderMultiSelectChipsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.FocusMonitor }, { token: i2.TranslateService }, { token: ElderDialogService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ElderMultiSelectChipsComponent, selector: "elder-multi-select-chips", inputs: { defaultChipSpec: "defaultChipSpec", chipSpecFn: "chipSpecFn", allowRemove: "allowRemove", allowSorting: "allowSorting", stacked: "stacked", chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate", customInputTemplate: "customInputTemplate" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ElderMultiSelectChipsComponent, selector: "elder-multi-select-chips", inputs: { defaultChipSpec: "defaultChipSpec", chipSpecFn: "chipSpecFn", allowRemove: "allowRemove", allowSorting: "allowSorting", stacked: "stacked", chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate", customInputTemplate: "customInputTemplate" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderMultiSelectChipsComponent },
             {
                 provide: ELDER_SELECT_BASE,
@@ -21862,21 +21883,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
             }], _chipInput: [{
                 type: ViewChild,
                 args: [ElderSelectComponent]
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], disabledClass: [{
-                type: HostBinding,
-                args: ['class.mat-select-disabled']
-            }], errorStateClass: [{
-                type: HostBinding,
-                args: ['class.mat-select-invalid']
-            }], requiredClass: [{
-                type: HostBinding,
-                args: ['class.mat-select-required']
-            }], emptyClass: [{
-                type: HostBinding,
-                args: ['class.mat-select-empty']
             }], chipTemplateQuery: [{
                 type: ContentChild,
                 args: [ElderSelectChipDirective, { read: TemplateRef, static: false }]
@@ -22047,6 +22053,278 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 args: [SelectionModelPopupDirective]
             }] } });
 
+class SelectOptionChipSpecUtil {
+    static { this.DefaultChipSpec = {
+        colorSpec: {
+            themeColor: undefined,
+            stateColor: undefined,
+            levelColor: undefined
+        },
+        locked: false,
+        avatarSpec: {
+            hide: false,
+            large: false
+        }
+    }; }
+}
+
+class ChipOptionModel {
+    constructor(value, displayText, colorSpec, locked, avatarSpec, trailingSpec, selected) {
+        this.value = value;
+        this.displayText = displayText;
+        this.colorSpec = colorSpec;
+        this.locked = locked;
+        this.avatarSpec = avatarSpec;
+        this.trailingSpec = trailingSpec;
+        this.selected = selected;
+    }
+}
+class ElderMultiSelectChipOptionsComponent extends ElderMultiSelectBase {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(hostRef, zone, focusMonitor, translateService, dialogService, ngControl) {
+        super(zone, hostRef, 'multi-select-chip-options', focusMonitor, translateService, dialogService, ngControl);
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.chipTemplate$ = new BehaviorSubject(null);
+        this.chipAvatarTemplate$ = new BehaviorSubject(null);
+        this.defaultChipSpec = SelectOptionChipSpecUtil.DefaultChipSpec;
+        /**
+         * Allows to customize each chip individually (Color, Removable, Avatar).
+         *
+         */
+        this.chipSpecFn = e => this.defaultChipSpec;
+        this.stacked = false;
+        this._multiple = false;
+        const context$ = combineLatest([
+            this.state$,
+            this.displayPropertyResolver$,
+            this.readonly$,
+            this.disabled$
+        ]).pipe(map(([state, dPR, readonly, disabled]) => {
+            return {
+                state: state,
+                displayPropertyResolver: dPR,
+                readonly: readonly,
+                disabled: disabled
+            };
+        }));
+        const available$ = this.dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.data));
+        this.selectChips$ = combineLatest([
+            this.entities$,
+            this.entityIds$,
+            available$,
+            context$
+        ]).pipe(map(([entities, entityIds, available, context]) => this.buildChipModelsOrFallback(entities, entityIds, available, context)));
+        this.templates$ = combineLatest([
+            this.chipTemplate$,
+            this.chipAvatarTemplate$
+        ]).pipe(map(([chip, avatar]) => {
+            return {
+                chip,
+                avatar
+            };
+        }));
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set multiple(val) {
+        this._multiple = coerceBooleanProperty(val);
+        if (!this._multiple && this.entities.length > 1) {
+            this.selectEntity(this.entities[this.entities.length - 1]);
+        }
+    }
+    get multiple() {
+        return this._multiple;
+    }
+    set chipTemplateQuery(template) {
+        this.chipTemplate = template;
+    }
+    set chipTemplate(template) {
+        this.chipTemplate$.next(template);
+    }
+    get chipTemplate() {
+        return this.chipTemplate$.getValue();
+    }
+    set chipAvatarTemplateQuery(template) {
+        this.chipAvatarTemplate = template;
+    }
+    set chipAvatarTemplate(template) {
+        this.chipAvatarTemplate$.next(template);
+    }
+    get chipAvatarTemplate() {
+        return this.chipAvatarTemplate$.getValue();
+    }
+    get shouldLabelFloat() {
+        return true;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    selectionChanged(changeEvent, entity) {
+        /**/
+        this.log.debug('selectionChanged', {
+            changeEvent: changeEvent,
+            entity: entity
+        });
+        if (changeEvent.isUserInput) {
+            if (changeEvent.selected) {
+                this.selectEntity(entity);
+            }
+            else {
+                this.removeEntity(entity);
+            }
+        }
+    }
+    resolveChipValue(e1) {
+        return this.getEntityId(e1);
+    }
+    focus(options) {
+        if (this._listBox) {
+            this._listBox.focus();
+        }
+    }
+    blur() {
+        this.log.warn('blur() not yet supported!');
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Protected API                                                           *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Automatically start DC if not yet started
+     * @param data
+     * @protected
+     */
+    onDataContextChanged(data) {
+        if (data) {
+            if (!data.isStarted) {
+                data.start(this.sorts, this.filters).subscribe({
+                    next: () => {
+                        super.onDataContextChanged(data);
+                    }
+                });
+            }
+            else {
+                super.onDataContextChanged(data);
+            }
+        }
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    selectEntity(entity) {
+        const idToSelect = this.getEntityId(entity);
+        if (!this.multiple) {
+            this.removeEntities(this.entities.filter(e => this.getEntityId(e) !== idToSelect));
+        }
+        if (!this.isEntityIdSelected(idToSelect)) {
+            this.appendEntity(entity);
+        }
+    }
+    isEntityIdSelected(entityId) {
+        return this.entities.some(e => this.getEntityId(e) == entityId);
+    }
+    buildChipModelsOrFallback(entities, entityIds, available, context) {
+        if (context.state.error) {
+            return this.buildChipFallbackModels(entityIds, context);
+        }
+        return this.buildChipModels(available, entities, context);
+    }
+    buildChipFallbackModels(entityIds, context) {
+        context.displayPropertyResolver = x => x.id;
+        return entityIds.map(id => this.buildChipBySpec({ id: id }, context, {
+            colorSpec: {
+                themeColor: 'warn'
+            },
+            avatarSpec: {
+                hide: false,
+                large: false
+            }
+        }, false // TODO
+        ));
+    }
+    buildChipModels(availables, entities, context) {
+        if (availables) {
+            const selectedIds = new Set(entities.map(e => this.getEntityId(e)));
+            return availables.map(available => this.buildChipBySpec(available, context, this.chipSpecFn(available) ?? this.defaultChipSpec, selectedIds.has(this.getEntityId(available))));
+        }
+        else {
+            return [];
+        }
+    }
+    buildChipBySpec(e, context, chipSpec, selected) {
+        let locked = false;
+        if (this.isLocked) {
+            locked = true;
+        }
+        else {
+            locked = chipSpec.locked;
+        }
+        return new ChipOptionModel(e, context.displayPropertyResolver(e), {
+            themeColor: selected ? 'accent' : undefined
+        }, locked, chipSpec.avatarSpec, chipSpec.trailingSpec, selected);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderMultiSelectChipOptionsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.FocusMonitor }, { token: i2.TranslateService }, { token: ElderDialogService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: ElderMultiSelectChipOptionsComponent, selector: "elder-multi-select-chip-options", inputs: { defaultChipSpec: "defaultChipSpec", chipSpecFn: "chipSpecFn", stacked: "stacked", multiple: "multiple", chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate" }, providers: [
+            { provide: MatFormFieldControl, useExisting: ElderMultiSelectChipOptionsComponent },
+            {
+                provide: ELDER_SELECT_BASE,
+                useExisting: forwardRef(() => ElderMultiSelectChipOptionsComponent)
+            }
+        ], queries: [{ propertyName: "chipTemplateQuery", first: true, predicate: ElderSelectChipDirective, descendants: true, read: TemplateRef }, { propertyName: "chipAvatarTemplateQuery", first: true, predicate: ElderSelectChipAvatarDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_listBox", first: true, predicate: MatChipListbox, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(selectChips$ | async) as chipValues\"\n     class=\"elder-flex-control\"\n     [matTooltip]=\"(state$ | async)?.error\"\n>\n  <mat-chip-listbox #chips\n                    [class.mat-mdc-chip-set-stacked]=\"stacked\"\n                    [multiple]=\"multiple\"\n  >\n\n    <ng-container *ngIf=\"(mergedState$ | async) as state\">\n      <div *ngIf=\"icon\"\n           class=\"elder-input-prefix-icon-container flex-none\"\n      >\n        <mat-icon *ngIf=\"icon\" disabled\n                  class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n                  [class.loading]=\"state.loading\"\n        >\n          {{icon}}\n        </mat-icon>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"templates$ | async as templates\">\n\n      <mat-chip-option  *ngFor=\"let chipModel of chipValues\"\n                       class=\"noselect\"\n                       [value]=\"resolveChipValue(chipModel.value)\"\n                        elderChipLabel\n                        [levelColor]=\"chipModel.colorSpec?.levelColor\"\n                        [stateColor]=\"chipModel.colorSpec?.stateColor\"\n                       [color]=\"chipModel.colorSpec?.themeColor\"\n                       [selectable]=\"!chipModel.locked\"\n                       [disabled]=\"chipModel.locked\"\n                       [selected]=\"chipModel.selected\"\n                       (selectionChange)=\"selectionChanged($event, chipModel.value)\"\n      >\n\n        <mat-chip-avatar\n          *ngIf=\"templates.avatar && !chipModel.avatarSpec?.hide\"\n          [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"templates.avatar; context: {$implicit: chipModel}\">\n          </ng-container>\n        </mat-chip-avatar>\n\n        <ng-container\n          *ngTemplateOutlet=\"templates.chip || simpleChipTemplate; context: {$implicit: chipModel}\">\n        </ng-container>\n\n        <mat-icon matChipTrailingIcon class=\"elder-trailing-icon\"\n                  *ngIf=\"chipModel.trailingSpec?.icon\"\n                  [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n        >{{chipModel.trailingSpec?.icon}}</mat-icon>\n\n\n      </mat-chip-option>\n\n      <div class=\"layout-row place-start-center elder-chip-input\">\n\n        <button mat-icon-button type=\"button\" class=\"elder-control-icon-button elder-browse-icon\"\n                *ngIf=\"selectionPopup\"\n                [disabled]=\"isLocked\"\n                (click)=\"openSelectionPopup($event)\" aria-label=\"Search\"\n                elderStopEventPropagation\n                tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n  </mat-chip-listbox>\n</div>\n\n<ng-template #simpleChipTemplate let-chipModel>\n  <span class=\"elder-chip-text\">{{chipModel.displayText | elderTruncate:20}}</span>\n</ng-template>\n\n", styles: [".elder-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elder-trailing-icon{color:var(--mdc-chip-with-trailing-icon-trailing-icon-color);opacity:.54}\n"], dependencies: [{ kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["tabIndex", "multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }, { kind: "directive", type: i9$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: ElderChipLabelDirective, selector: "[elderChipLabel]", inputs: ["appearance", "color", "stateColor", "levelColor"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: ElderTruncatePipe, name: "elderTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderMultiSelectChipOptionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'elder-multi-select-chip-options', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        { provide: MatFormFieldControl, useExisting: ElderMultiSelectChipOptionsComponent },
+                        {
+                            provide: ELDER_SELECT_BASE,
+                            useExisting: forwardRef(() => ElderMultiSelectChipOptionsComponent)
+                        }
+                    ], template: "<div *ngIf=\"(selectChips$ | async) as chipValues\"\n     class=\"elder-flex-control\"\n     [matTooltip]=\"(state$ | async)?.error\"\n>\n  <mat-chip-listbox #chips\n                    [class.mat-mdc-chip-set-stacked]=\"stacked\"\n                    [multiple]=\"multiple\"\n  >\n\n    <ng-container *ngIf=\"(mergedState$ | async) as state\">\n      <div *ngIf=\"icon\"\n           class=\"elder-input-prefix-icon-container flex-none\"\n      >\n        <mat-icon *ngIf=\"icon\" disabled\n                  class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n                  [class.loading]=\"state.loading\"\n        >\n          {{icon}}\n        </mat-icon>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"templates$ | async as templates\">\n\n      <mat-chip-option  *ngFor=\"let chipModel of chipValues\"\n                       class=\"noselect\"\n                       [value]=\"resolveChipValue(chipModel.value)\"\n                        elderChipLabel\n                        [levelColor]=\"chipModel.colorSpec?.levelColor\"\n                        [stateColor]=\"chipModel.colorSpec?.stateColor\"\n                       [color]=\"chipModel.colorSpec?.themeColor\"\n                       [selectable]=\"!chipModel.locked\"\n                       [disabled]=\"chipModel.locked\"\n                       [selected]=\"chipModel.selected\"\n                       (selectionChange)=\"selectionChanged($event, chipModel.value)\"\n      >\n\n        <mat-chip-avatar\n          *ngIf=\"templates.avatar && !chipModel.avatarSpec?.hide\"\n          [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"templates.avatar; context: {$implicit: chipModel}\">\n          </ng-container>\n        </mat-chip-avatar>\n\n        <ng-container\n          *ngTemplateOutlet=\"templates.chip || simpleChipTemplate; context: {$implicit: chipModel}\">\n        </ng-container>\n\n        <mat-icon matChipTrailingIcon class=\"elder-trailing-icon\"\n                  *ngIf=\"chipModel.trailingSpec?.icon\"\n                  [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n        >{{chipModel.trailingSpec?.icon}}</mat-icon>\n\n\n      </mat-chip-option>\n\n      <div class=\"layout-row place-start-center elder-chip-input\">\n\n        <button mat-icon-button type=\"button\" class=\"elder-control-icon-button elder-browse-icon\"\n                *ngIf=\"selectionPopup\"\n                [disabled]=\"isLocked\"\n                (click)=\"openSelectionPopup($event)\" aria-label=\"Search\"\n                elderStopEventPropagation\n                tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n  </mat-chip-listbox>\n</div>\n\n<ng-template #simpleChipTemplate let-chipModel>\n  <span class=\"elder-chip-text\">{{chipModel.displayText | elderTruncate:20}}</span>\n</ng-template>\n\n", styles: [".elder-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elder-trailing-icon{color:var(--mdc-chip-with-trailing-icon-trailing-icon-color);opacity:.54}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.FocusMonitor }, { type: i2.TranslateService }, { type: ElderDialogService }, { type: i3.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { defaultChipSpec: [{
+                type: Input
+            }], chipSpecFn: [{
+                type: Input
+            }], stacked: [{
+                type: Input
+            }], _listBox: [{
+                type: ViewChild,
+                args: [MatChipListbox]
+            }], multiple: [{
+                type: Input
+            }], chipTemplateQuery: [{
+                type: ContentChild,
+                args: [ElderSelectChipDirective, { read: TemplateRef, static: false }]
+            }], chipTemplate: [{
+                type: Input
+            }], chipAvatarTemplateQuery: [{
+                type: ContentChild,
+                args: [ElderSelectChipAvatarDirective, { read: TemplateRef, static: false }]
+            }], chipAvatarTemplate: [{
+                type: Input
+            }] } });
+
 class ElderSelectModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: ElderSelectModule, declarations: [ElderSelectComponent,
@@ -22060,7 +22338,8 @@ class ElderSelectModule {
             ElderSelectChipAvatarDirective,
             ElderAutoSelectFirstDirective,
             ElderClearSelectDirective,
-            ElderSelectCustomInputDirective], imports: [CommonModule, FormsModule, ReactiveFormsModule,
+            ElderSelectCustomInputDirective,
+            ElderMultiSelectChipOptionsComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule,
             MatFormFieldModule,
             MatIconModule,
             MatSelectModule,
@@ -22083,7 +22362,8 @@ class ElderSelectModule {
             ElderSelectChipAvatarDirective,
             ElderAutoSelectFirstDirective,
             ElderClearSelectDirective,
-            ElderSelectCustomInputDirective] }); }
+            ElderSelectCustomInputDirective,
+            ElderMultiSelectChipOptionsComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderSelectModule, imports: [CommonModule, FormsModule, ReactiveFormsModule,
             MatFormFieldModule,
             MatIconModule,
@@ -22129,7 +22409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                         ElderSelectChipAvatarDirective,
                         ElderAutoSelectFirstDirective,
                         ElderClearSelectDirective,
-                        ElderSelectCustomInputDirective
+                        ElderSelectCustomInputDirective,
+                        ElderMultiSelectChipOptionsComponent
                     ],
                     exports: [
                         ElderSelectComponent,
@@ -22142,7 +22423,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                         ElderSelectChipAvatarDirective,
                         ElderAutoSelectFirstDirective,
                         ElderClearSelectDirective,
-                        ElderSelectCustomInputDirective
+                        ElderSelectCustomInputDirective,
+                        ElderMultiSelectChipOptionsComponent
                     ]
                 }]
         }] });
@@ -25540,6 +25822,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 type: Input
             }] } });
 
+class SearchContextOrchestrator {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(filterContext, forcedFilters) {
+        this.filterContext = filterContext;
+        this.forcedFilters = forcedFilters;
+        this.initialFilterContext = new FilterContext();
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.initialFilterContext.updateFilters(filterContext.filtersSnapshot);
+        if (forcedFilters) {
+            this.initialFilterContext.updateFilters(forcedFilters);
+        }
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get initialFilters$() {
+        return this.initialFilterContext.filters
+            .pipe(startWith(this.initialFilterContext.filtersSnapshot));
+    }
+    get filters() {
+        return this.filterContext.filters;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public Api                                                              *
+     *                                                                         *
+     **************************************************************************/
+    addInitialFilters(filters) {
+        this.initialFilterContext.updateFilters(filters);
+    }
+    applyFilters(userFilters) {
+        const context = this.filterContext;
+        if (context) {
+            context.updateFilters(userFilters);
+            context.mergeFilters(this.forcedFilters);
+            this.log.trace("Search-Model filters updated:", Array.from(context.filtersSnapshot));
+        }
+        else {
+            this.log.warn("Failed to apply filters since no FilterContext is available!", {
+                userFilters: userFilters,
+                forcedFilters: this.forcedFilters
+            });
+        }
+    }
+}
+
 /**
  * The search container manages a group of search-inputs
  * and holds their values in a central search model.
@@ -25551,14 +25885,11 @@ class ElderSearchContextDirective {
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
-        this.forcedFilters$ = new BehaviorSubject$1([]);
-        this.startFilters$ = new BehaviorSubject$1([]);
+        this._forcedFilters$ = new BehaviorSubject$1([]);
         this.log = LoggerFactory.getLogger(this.constructor.name);
         this.destroy$ = new Subject$1();
-        this._searchInputs = new BehaviorSubject$1([]);
-        this._searchStates = new BehaviorSubject$1([]);
-        this._filters$ = new BehaviorSubject$1([]);
-        this._initialFilters$ = new BehaviorSubject$1([]);
+        this._searchInputs$ = new BehaviorSubject$1([]);
+        this._searchStates$ = new BehaviorSubject$1([]);
     }
     /***************************************************************************
      *                                                                         *
@@ -25566,11 +25897,10 @@ class ElderSearchContextDirective {
      *                                                                         *
      **************************************************************************/
     ngAfterContentInit() {
-        this._searchInputs.pipe(takeUntil(this.destroy$), switchMap(inputs => combineLatest(inputs.map(i => i.state$))), combineLatestWith(this.forcedFilters$), debounceTime(5)).subscribe(([states, forcedFilters]) => {
-            this._searchStates.next(states);
+        this._searchInputs$.pipe(takeUntil(this.destroy$), switchMap(inputs => combineLatest(inputs.map(i => i.state$))), debounceTime(5)).subscribe((states) => {
+            this._searchStates$.next(states);
             const userFilters = this.convertToFilters(states);
-            this._filters$.next(userFilters);
-            this.applyFilters(userFilters, forcedFilters);
+            this.searchContextOrchestrator.applyFilters(userFilters);
         });
     }
     ngAfterViewInit() {
@@ -25579,6 +25909,7 @@ class ElderSearchContextDirective {
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
+        this._searchContextOrchestrator = null;
     }
     /***************************************************************************
      *                                                                         *
@@ -25588,7 +25919,7 @@ class ElderSearchContextDirective {
     set filterContext(value) {
         if (value) {
             if (typeof value !== 'string') {
-                this._filterContext = value;
+                this._searchContextOrchestrator = new SearchContextOrchestrator(value, this.forcedFilters);
             }
             else {
                 this.log.warn('Illegal value provided for property filterContext: ', JSON.stringify(value));
@@ -25596,11 +25927,11 @@ class ElderSearchContextDirective {
             }
         }
         else {
-            this._filterContext = null;
+            this._searchContextOrchestrator = new SearchContextOrchestrator(null);
         }
     }
     get filterContext() {
-        return this._filterContext;
+        return this.searchContextOrchestrator.filterContext;
     }
     /**
      * Forced filters are always merged into the final FilterContext.
@@ -25609,25 +25940,25 @@ class ElderSearchContextDirective {
      * to also keep the users intent (by merging) them.
      */
     set forcedFilters(filters) {
-        this.forcedFilters$.next(filters);
+        this._forcedFilters$.next(filters);
     }
     get forcedFilters() {
-        return this.forcedFilters$.getValue();
-    }
-    set startFilters(filters) {
-        this.startFilters$.next(filters);
+        return this._forcedFilters$.getValue();
     }
     get attributes() {
-        return this._searchInputs.asObservable();
+        return this._searchInputs$.asObservable();
     }
     get attributesSnapshot() {
-        return this._searchInputs.getValue();
+        return this._searchInputs$.getValue();
     }
     get states$() {
-        return this._searchStates.asObservable();
+        return this._searchStates$.asObservable();
     }
     get statesSnapshot() {
-        return this._searchStates.getValue();
+        return this._searchStates$.getValue();
+    }
+    get searchContextOrchestrator() {
+        return this._searchContextOrchestrator;
     }
     /**
      * Returns the current user touched attributes. (ignoring fallbacks)
@@ -25635,18 +25966,6 @@ class ElderSearchContextDirective {
     get userDefinedAttributes$() {
         return this.states$.pipe(map(states => states.filter(s => !s.pristine)));
     }
-    /**
-     * Returns the current active filters
-     */
-    get filters$() {
-        return this._filters$.asObservable();
-    }
-    get initialFilters$() {
-        return this._initialFilters$.asObservable();
-    }
-    get filtersSnapshot() {
-        return this._filters$.getValue();
-    }
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -25657,8 +25976,8 @@ class ElderSearchContextDirective {
      */
     register(searchInput) {
         this.log.debug('Registering search input [' + searchInput.name + ']');
-        const current = this._searchInputs.getValue();
-        this._searchInputs.next([...current, searchInput]);
+        const current = this._searchInputs$.getValue();
+        this._searchInputs$.next([...current, searchInput]);
     }
     reset() {
         this.attributesSnapshot
@@ -25667,19 +25986,15 @@ class ElderSearchContextDirective {
             a.reset();
         });
     }
-    registerInitialFilters(filters) {
-        this._initialFilters$.next(filters);
-    }
     /***************************************************************************
      *                                                                         *
      * Private                                                                 *
      *                                                                         *
      **************************************************************************/
     subscribeInitialFilters() {
-        this.initialFilters$.pipe(takeUntil(this.destroy$), combineLatestWith(this._searchInputs, this.startFilters$)).subscribe(([initialFilters, searchInputs, startFilters]) => {
-            var filters = [...initialFilters, ...startFilters];
+        this.searchContextOrchestrator.initialFilters$.pipe(takeUntil(this.destroy$), combineLatestWith(this._searchInputs$)).subscribe(([initialFilters, searchInputs]) => {
             searchInputs.forEach(input => {
-                const filter = this.findFilterForInput(input, filters);
+                const filter = this.findFilterForInput(input, initialFilters);
                 if (filter) {
                     input.applyInitialValue(filter.value);
                 }
@@ -25699,22 +26014,8 @@ class ElderSearchContextDirective {
             .filter(s => !!s.queryKey)
             .map(s => new Filter(s.queryKey, s.queryValue));
     }
-    applyFilters(userFilters, forcedFilters) {
-        const context = this.filterContext;
-        if (context) {
-            context.updateFilters(userFilters);
-            context.mergeFilters(forcedFilters);
-            this.log.trace('Search-Model filters updated:', Array.from(context.filtersSnapshot));
-        }
-        else {
-            this.log.warn('Failed to apply filters since no FilterContext is available!', {
-                userFilters: userFilters,
-                forcedFilters: forcedFilters
-            });
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderSearchContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: ElderSearchContextDirective, selector: "[elderSearchContext]", inputs: { filterContext: ["elderSearchContext", "filterContext"], forcedFilters: "forcedFilters", startFilters: "startFilters" }, exportAs: ["elderSearchContext"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: ElderSearchContextDirective, selector: "[elderSearchContext]", inputs: { filterContext: ["elderSearchContext", "filterContext"], forcedFilters: "forcedFilters" }, exportAs: ["elderSearchContext"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderSearchContextDirective, decorators: [{
             type: Directive,
@@ -25727,8 +26028,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
                 args: ['elderSearchContext']
             }], forcedFilters: [{
                 type: Input
-            }], startFilters: [{
-                type: Input
             }] } });
 
 /**
@@ -25821,6 +26120,8 @@ class ElderInitialValueDirective {
      *                                                                         *
      **************************************************************************/
     constructor(ngModel) {
+        //TODO: The debounce time is a hacky workaround, find a proper way to set initial value.
+        // Currently two way binding ngModel deosnt work.
         this.ngModel = ngModel;
         /***************************************************************************
          *                                                                         *
@@ -25828,29 +26129,51 @@ class ElderInitialValueDirective {
          *                                                                         *
          **************************************************************************/
         this.log = LoggerFactory.getLogger(this.constructor.name);
-        this.newValue$ = new BehaviorSubject(null); // Initial Value or NewValue ???
-        this.unsubscribe$ = new Subject();
+        this.initialValue$ = new BehaviorSubject(null);
+        this.destroy$ = new Subject();
         this.initialDone$ = new Subject();
         this.isInitial = true;
-        this.initialValue = this.ngModel.model;
-        ngModel.control.valueChanges
-            .pipe(takeUntil$1(this.initialDone$), takeUntil$1(this.unsubscribe$), combineLatestWith$1(this.newValue$)).subscribe({
-            next: ([ngModelValue, newValue]) => {
-                if (this.initialValue === ngModelValue) {
-                    this.initialDone$.next();
-                    this.initialDone$.complete();
-                    ngModel.control.setValue(newValue ? newValue : ngModelValue); // Why set ngModelValue again??
-                }
-                else {
-                    this.log.warn('Initialisation not yet done!', {
-                        initialValue: this.initialValue,
-                        ngModelValue: ngModelValue,
-                        newValue: newValue
-                    });
+        const ngModelValue$ = of("dummy")
+            .pipe(delay(10), map(() => this.ngModel.model));
+        ngModelValue$
+            .pipe(combineLatestWith$1(this.initialValue$), takeUntil(this.initialDone$), takeUntil(this.destroy$)).subscribe({
+            next: ([ngModelValue, initialValue]) => {
+                this.log.warn("initialValue: " + initialValue);
+                if (initialValue) {
+                    ngModel.control.setValue(initialValue);
                 }
+                this.initialDone$.next();
+                this.initialDone$.complete();
             }
         });
+        // this.ngModelValue = this.ngModel.model;
+        // ngModel.control.valueChanges
+        //   .pipe(
+        //     takeUntil(this.initialDone$),
+        //     takeUntil(this.unsubscribe$),
+        //     combineLatestWith(this.newValue$),
+        //     debounceTime(500)
+        //   ).subscribe({
+        //   next: ([ngModelValue, newValue]) => {
+        //     if (this.initialValue === ngModelValue) {
+        //       this.initialDone$.next();
+        //       this.initialDone$.complete();
+        //       ngModel.control.setValue(newValue ? newValue : ngModelValue); // Why set ngModelValue again??
+        //     } else {
+        //       this.log.warn('Initialisation not yet done!', {
+        //         initialValue: this.initialValue,
+        //         ngModelValue: ngModelValue,
+        //         newValue: newValue
+        //       });
+        //     }
+        //   }
+        // });
     }
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -25858,14 +26181,16 @@ class ElderInitialValueDirective {
      **************************************************************************/
     get valueChanges$() {
         return this.ngModel.control.valueChanges
-            .pipe(skipUntil(this.initialDone$), filter$1(value => this.filterInitialValue(value)));
+            .pipe(takeUntil(this.destroy$)
+        //filter(value => this.filterInitialValue(value))
+        );
     }
-    setInitialValue(value) {
-        this.newValue$.next(value); // Initial Value or NewValue ???
+    applyInitialValue(value) {
+        this.initialValue$.next(value);
     }
     ngOnDestroy() {
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     /***************************************************************************
      *                                                                         *
@@ -25873,7 +26198,7 @@ class ElderInitialValueDirective {
      *                                                                         *
      **************************************************************************/
     filterInitialValue(value) {
-        if (this.isInitial && this.initialValue === value) {
+        if (this.isInitial && this.ngModelValue$ === value) {
             this.isInitial = false;
             return false;
         }
@@ -25885,8 +26210,8 @@ class ElderInitialValueDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: ElderInitialValueDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[elderInitialValue]',
-                    exportAs: 'elderInitialValue',
+                    selector: "[elderInitialValue]",
+                    exportAs: "elderInitialValue"
                 }]
         }], ctorParameters: function () { return [{ type: i3.NgModel, decorators: [{
                     type: Host
@@ -25964,7 +26289,7 @@ class ElderSearchInputDirective {
      **************************************************************************/
     applyInitialValue(queryString) {
         const value = this.convertQueryStringToRawModelValue(queryString);
-        this.initialValueDirective.setInitialValue(value);
+        this.initialValueDirective.applyInitialValue(value);
     }
     reset() {
         this.ngModel.reset();
@@ -26729,9 +27054,9 @@ class ElderSearchContextUrlBindingDirective {
      **************************************************************************/
     ngAfterViewInit() {
         this.urlBindingService.initialSearchMap$.pipe(first(), takeUntil(this._unsubscribe$), filter(searchMap => searchMap.has(this._urlBinding)), map(searchMap => searchMap.get(this._urlBinding)), map(filterMap => Array.from(filterMap.filters.values()))).subscribe(filters => {
-            this.searchContext.registerInitialFilters(filters);
+            this.searchContext.searchContextOrchestrator.addInitialFilters(filters);
         });
-        this.searchContext.filters$.pipe(takeUntil(this._unsubscribe$)).subscribe(filters => this.urlBindingService.updateFiltersForContext(this._urlBinding, filters));
+        this.searchContext.searchContextOrchestrator.filters.pipe(takeUntil(this._unsubscribe$)).subscribe(filters => this.urlBindingService.updateFiltersForContext(this._urlBinding, filters));
     }
     ngOnDestroy() {
         this._unsubscribe$.next();
@@ -28084,18 +28409,6 @@ class ElderMultiSelectFormField extends ElderFromFieldMultiEntityBase {
                 control.selectionPopup = this.selectionModelPopupDirective;
             }
         }
-        /*
-        if (control instanceof ElderMultiSelectChipsComponent) {
-          if (this.selectChipDirective) {
-            control.chipTemplate = this.selectChipDirective.templateRef;
-          }
-          if (this.selectChipAvatarDirective) {
-            control.chipAvatarTemplate = this.selectChipAvatarDirective.templateRef;
-          }
-          if (this.selectCustomInputDirective) {
-            control.customInputTemplate = this.selectCustomInputDirective.templateRef;
-          }
-        }*/
     }
     /***************************************************************************
      *                                                                         *
@@ -28107,12 +28420,18 @@ class ElderMultiSelectFormField extends ElderFromFieldMultiEntityBase {
         if (control instanceof ElderMultiSelectChipsComponent) {
             control.chipTemplate = dir?.templateRef;
         }
+        if (control instanceof ElderMultiSelectChipOptionsComponent) {
+            control.chipTemplate = dir?.templateRef;
+        }
     }
     set selectChipAvatarDirective(dir) {
         const control = this.formFieldControl$.getValue();
         if (control instanceof ElderMultiSelectChipsComponent) {
             control.chipAvatarTemplate = dir?.templateRef;
         }
+        if (control instanceof ElderMultiSelectChipOptionsComponent) {
+            control.chipAvatarTemplate = dir?.templateRef;
+        }
     }
     set selectCustomInputDirective(dir) {
         const control = this.formFieldControl$.getValue();
@@ -30779,5 +31098,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, Arrays, AuditedEntity, AutoStartSpec, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceChangeType, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutocompleteComponent, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCheckboxState, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectBase, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPanelComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityModule, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRepeatPipeLegacy, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchContextUrlBindingDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSingleSortComponent, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTrimPipe, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveMap, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchQuery, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, buildFormIntegrationProviders, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, Arrays, AuditedEntity, AutoStartSpec, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, ComparatorBuilder, ConfirmDialogConfig, ContinuableListing, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, Currency, CurrencyCode, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceChangeType, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DrawerOutletBinding, DurationBucket, DurationFormat, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutocompleteComponent, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeComponent, ElderBadgeDirective, ElderBadgeModule, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCheckboxState, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGlobalSearchComponent, ElderGlobalSearchModule, ElderGlobalSearchService, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderHttpClient, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectFormField, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPanelComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityModule, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRepeatPipeLegacy, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchContextUrlBindingDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSingleSortComponent, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableProviders, ElderTableRootDirective, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTrimPipe, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalListDataSource, LocalPagedDataSource, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, MultiModelBaseComponent, NextNumberUtil, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveMap, RefreshingEntity, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, SearchQuery, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, Sort, SortOption, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TemplateCompositeControl, TemplatedSelectionDialogComponent, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueWrapper, ViewProviders, WeightPipe, alphaNumStringComparator, buildFormIntegrationProviders, createDataOptionsProvider, createSelectionModel, existingOrNewElderTableModel, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map