@elderbyte/ngx-starter 16.3.4 → 16.4.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -5,8 +5,8 @@ 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, 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 { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, lastValueFrom, Subject, switchMap, of, combineLatest, EMPTY, merge, forkJoin, throwError, mergeWith, Observable, zip, mergeMap as mergeMap$1, fromEvent, combineLatestWith as combineLatestWith$1, skipUntil, NEVER } from 'rxjs';
+import { tap, takeUntil, takeWhile, map, filter, distinctUntilChanged, debounceTime, catchError, first, take, switchMap as switchMap$1, 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';
 import { DataSource } from '@angular/cdk/collections';
@@ -20,7 +20,7 @@ import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import * as i5 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormField, MatFormFieldModule } from '@angular/material/form-field';
 import * as i1$3 from '@angular/router';
-import { RouterModule, NavigationEnd, RouterLinkActive } from '@angular/router';
+import { RouterModule, NavigationEnd, RouterLinkActive, convertToParamMap } from '@angular/router';
 import * as i2$1 from '@elderbyte/ngx-simple-webstorage';
 import { SimpleWebStorageModule } from '@elderbyte/ngx-simple-webstorage';
 import * as i4 from '@angular/material/slide-toggle';
@@ -84,7 +84,6 @@ import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i6 from '@angular/material/datepicker';
 import { MatDatepicker, MatDatepickerModule } from '@angular/material/datepicker';
 import localeDECH from '@angular/common/locales/de-CH';
-import { BehaviorSubject as BehaviorSubject$1 } from 'rxjs/internal/BehaviorSubject';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i1$a from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
@@ -2530,6 +2529,134 @@ class Filter {
     }
 }
 
+class FilterUtil {
+    static { this.logger = LoggerFactory.getLogger(FilterUtil.constructor.name); }
+    static equals(aFilters, bFilters) {
+        if (aFilters.length !== bFilters.length) {
+            return false;
+        }
+        if (aFilters.length === 0 && bFilters.length === 0) {
+            return true;
+        }
+        // The both filter arrays have the same length, so we must compare them by value
+        const bIndex = new Map();
+        bFilters.forEach(f => bIndex.set(f.key, f));
+        for (const fa of aFilters) {
+            const bFilter = bIndex.get(fa.key);
+            if (!Filter.equals(bFilter, fa)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    /**
+     * Merge the provided filter sets. The second parameter will
+     * replace filters which exist in the first.
+     * @param filtersA
+     * @param filtersB
+     */
+    static mergeFlat(filtersA, filtersB) {
+        const mergeContext = new FilterContext();
+        mergeContext.updateFilters(filtersA);
+        mergeContext.updateFilters(filtersB);
+        return mergeContext.filtersSnapshot;
+    }
+    /**
+     * Performs a combining merge of the provided filters.
+     * Array based filter values will be combined.
+     * @param filtersA
+     * @param filtersB
+     */
+    static mergeCombine(filtersA, filtersB) {
+        const mergeContext = new FilterContext();
+        mergeContext.updateFilters(filtersA);
+        mergeContext.mergeFilters(filtersB);
+        return mergeContext.filtersSnapshot;
+    }
+    static strip(base, toRemove) {
+        const removeMap = new Map();
+        toRemove.forEach(r => removeMap.set(r.key, r));
+        return base.map(filter => {
+            if (removeMap.has(filter.key)) {
+                const stripped = FilterUtil.stripValue(filter.value, removeMap.get(filter.key).value);
+                if (stripped !== null) {
+                    return new Filter(filter.key, stripped);
+                }
+                else {
+                    return null;
+                }
+            }
+            else {
+                return filter;
+            }
+        }).filter(f => !!f);
+    }
+    static stripValue(baseValue, removeValue) {
+        if (Array.isArray(baseValue)) {
+            if (Array.isArray(removeValue)) {
+                const filtered = baseValue.filter(b => removeValue.indexOf(b) === -1);
+                if (filtered.length > 0) {
+                    return filtered;
+                }
+            }
+            else {
+                const filtered = baseValue.filter(b => b != removeValue);
+                if (filtered.length > 0) {
+                    return filtered;
+                }
+            }
+        }
+        return null;
+    }
+    static filterData(data, filters) {
+        FilterUtil.logger.debug('Filtering data with ' + data.length + ' items.', filters);
+        if (filters && filters.length > 0) {
+            for (const filter of filters) {
+                data = data.filter(e => FilterUtil.matches(e, filter));
+            }
+        }
+        return data;
+    }
+    static matches(entity, filter) {
+        if (filter.value === null || filter.value === undefined) {
+            return true;
+        }
+        let value;
+        if (entity === null || entity === undefined) {
+            value = null;
+        }
+        else if (typeof entity === 'object') {
+            value = entity[filter.key];
+        }
+        else {
+            value = String(entity); // Support filtering primitive values
+        }
+        if (Array.isArray(filter.value)) {
+            for (const val of filter.value) {
+                if (FilterUtil.matchesValue(value, val)) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        else {
+            return FilterUtil.matchesValue(value, filter.value);
+        }
+    }
+    static matchesValue(haystack, needle) {
+        if (haystack === needle) {
+            return true;
+        }
+        if (haystack === null || haystack === undefined) {
+            return false;
+        }
+        const str = String(haystack);
+        const match = str.toLowerCase().startsWith(needle.toLowerCase());
+        // FilterUtil.logger.debug('Haystack: ' + str + ' starts with needle: ' + needle + ' --> ' + match);
+        return match;
+    }
+}
+
 class FilterContext {
     constructor() {
         /***************************************************************************
@@ -2538,6 +2665,11 @@ class FilterContext {
          *                                                                         *
          **************************************************************************/
         this._filters$ = new BehaviorSubject([]);
+        /***************************************************************************
+         *                                                                         *
+         * Private methods                                                         *
+         *                                                                         *
+         **************************************************************************/
     }
     static empty() {
         return new FilterContext();
@@ -2583,11 +2715,14 @@ class FilterContext {
      * Read API                                                                *
      *                                                                         *
      **************************************************************************/
+    get isEmpty() {
+        return this.filtersSnapshot.length == 0;
+    }
     get filters() {
-        return this._filters$.asObservable().pipe(distinctUntilChanged((a, b) => this.equals(a, b)));
+        return this._filters$.asObservable().pipe(distinctUntilChanged((a, b) => FilterUtil.equals(a, b)));
     }
     get filtersSnapshot() {
-        return this._filters$.getValue();
+        return [...this._filters$.getValue()];
     }
     findFilterValue(key) {
         const f = this.findFilter(key);
@@ -2652,29 +2787,6 @@ class FilterContext {
             this.updateFilter(Filter.merge(existing, filter));
         }
     }
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    equals(aFilters, bFilters) {
-        if (aFilters.length !== bFilters.length) {
-            return false;
-        }
-        if (aFilters.length === 0 && bFilters.length === 0) {
-            return true;
-        }
-        // The both filter arrays have the same length, so we must compare them by value
-        const bIndex = new Map();
-        bFilters.forEach(f => bIndex.set(f.key, f));
-        for (const fa of aFilters) {
-            const bFilter = bIndex.get(fa.key);
-            if (!Filter.equals(bFilter, fa)) {
-                return false;
-            }
-        }
-        return true;
-    }
 }
 
 class Sort {
@@ -3380,7 +3492,7 @@ class SortContext {
         return this._sorts.asObservable();
     }
     get sortsSnapshot() {
-        return this._sorts.getValue();
+        return [...this._sorts.getValue()];
     }
     findSortDirection(prop) {
         const f = this.findSort(prop);
@@ -3431,7 +3543,28 @@ class SortContext {
     }
 }
 
+class ReloadRequest {
+    constructor(number, reason) {
+        this.number = number;
+        this.reason = reason;
+    }
+}
+class AfterReload {
+    constructor(request, result) {
+        this.request = request;
+        this.result = result;
+    }
+    fulfills(minRequest) {
+        return this.request.number >= minRequest.number;
+    }
+}
 class DataContextBase extends DataSource {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    static { this.DC_ID_COUNTER = 0; }
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -3442,11 +3575,6 @@ class DataContextBase extends DataSource {
         this._indexFn = _indexFn;
         this._localApply = _localApply;
         this._localSort = _localSort;
-        /***************************************************************************
-         *                                                                         *
-         * Fields                                                                  *
-         *                                                                         *
-         **************************************************************************/
         this.baselog = LoggerFactory.getLogger('DataContextBase');
         this._filter = new FilterContext();
         this._sort = new SortContext();
@@ -3455,18 +3583,20 @@ class DataContextBase extends DataSource {
         this._started = new BehaviorSubject(false);
         this._closed = new BehaviorSubject(false);
         this._customIndex = new Map();
+        this._reloadCounter = 0;
         this._reloadQueue = new Subject();
-        this.unsubscribe$ = new Subject();
+        this._reloaded = new Subject();
+        this.destroy$ = new Subject();
+        this.id = 'DataContext#' + (++DataContextBase.DC_ID_COUNTER);
         this._dataSource = dataSource;
         this._data = new IndexedEntities(e => dataSource.getId(e), _localSort, this._sort);
         this._loading = this._status.pipe(map(status => status.loading));
-        this._filter.filters.pipe(filter(() => this.started), takeUntil(this.unsubscribe$)).subscribe(filters => this.onFiltersChanged(filters));
-        this._sort.sorts.pipe(filter(() => this.started), takeUntil(this.unsubscribe$)).subscribe(sorts => this.onSortsChanged(sorts));
-        this._reloadQueue.pipe(filter(() => this.started), debounceTime(50), takeUntil(this.unsubscribe$), catchError(err => {
-            this.baselog.error('Reload queue detected error, bad!', err);
-            return EMPTY;
-        })).subscribe(() => this.reloadNow());
-        // Maybe skipMap the real requests for auto abort pending (except for continuation / paged)
+        this._filter.filters.pipe(filter(() => this.started), takeUntil(this.destroy$)).subscribe(filters => this.onFiltersChanged(filters));
+        this._sort.sorts.pipe(filter(() => this.started), takeUntil(this.destroy$)).subscribe(sorts => this.onSortsChanged(sorts));
+        this._reloadQueue.pipe(takeUntil(this.destroy$), filter(request => this.started), debounceTime(50), switchMap(request => this.reloadNow(request).pipe(map(result => new AfterReload(request, result)), catchError(err => {
+            this.baselog.error(this.id + ': Reload queue detected error, bad!', err);
+            return of(new AfterReload(request, err));
+        })))).subscribe(afterReload => this._reloaded.next(afterReload));
     }
     /***************************************************************************
      *                                                                         *
@@ -3545,22 +3675,28 @@ class DataContextBase extends DataSource {
      **************************************************************************/
     start(sorts, filters) {
         if (this.isClosed) {
-            throw new Error('Restarting a closed DataContext is not possible!'); // See unsubscribe$
+            throw new Error(this.id + ': Restarting a closed DataContext is not possible!'); // See unsubscribe$
         }
-        this.baselog.debug('Starting fresh dataContext ...');
         this.started = false;
         this._sort.replaceSorts(sorts || this.sort.sortsSnapshot);
         this._filter.replaceFilters(filters || this.filter.filtersSnapshot);
+        this.baselog.debug(this.id + ': Start ...', {
+            dataSource: this.dataSource,
+            sort: this._sort.sortsSnapshot,
+            filter: this._filter.filtersSnapshot
+        });
         this.started = true;
-        return this.reloadNow();
+        return this.reload('START');
     }
-    reload() {
-        this.baselog.debug('Requesting a reload of the DataContext from the DataSource.');
-        this._reloadQueue.next();
+    reload(reason) {
+        const request = new ReloadRequest(++this._reloadCounter, reason);
+        this.baselog.debug(this.id + ': Enqueuing reload request #' + request.number + ' [' + reason + ']');
+        this._reloadQueue.next(request);
+        return this._reloaded.pipe(filter(reload => reload.fulfills(request)), map(reload => reload.result));
     }
     findByIndex(key) {
         if (!this._indexFn) {
-            throw new Error('findByIndex requires you to pass a index function!');
+            throw new Error(this.id + ': findByIndex requires you to pass a index function!');
         }
         return this._customIndex.get(key);
     }
@@ -3572,14 +3708,14 @@ class DataContextBase extends DataSource {
      */
     close() {
         this.started = false;
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
+        this.destroy$.next();
+        this.destroy$.complete();
         this._closed.next(true);
         this._data.destroy();
         this._total.complete();
         this._status.complete();
         this.clearAll();
-        this.baselog.debug('DataContext has been closed and resources cleaned up!');
+        this.baselog.debug(this.id + ': Has been closed and resources cleaned up!');
     }
     refresh() {
         this._data.notify();
@@ -3592,7 +3728,13 @@ class DataContextBase extends DataSource {
      * Protected methods                                                       *
      *                                                                         *
      **************************************************************************/
-    reloadNow() {
+    reloadNow(request) {
+        this.baselog.debug(this.id + ": reloadNow triggered. Request #" + request.number + ' ' + request.reason, {
+            filter: this._filter.filtersSnapshot,
+            sort: this._sort.sortsSnapshot,
+            dataSource: this.dataSource,
+            request: request
+        });
         return this.reloadInternal(); // TODO This should actually return the real (http) request
     }
     /**
@@ -3690,7 +3832,7 @@ class DataContextBase extends DataSource {
      */
     onSortsChanged(sorts) {
         if (!this._localSort) {
-            this.reload();
+            this.reload('Sort Changed');
         }
         else {
             this.setData(this.dataSnapshot, true);
@@ -3700,7 +3842,7 @@ class DataContextBase extends DataSource {
      * Occurs when the filter has changed.
      */
     onFiltersChanged(filters) {
-        this.reload();
+        this.reload('Filters Changed');
     }
     onError(err) {
         this.onStatus(DataContextStatus.error(err));
@@ -3762,18 +3904,19 @@ class DataContextSimple extends DataContextBase {
                 this.onIdle();
                 this.setTotal(list.length);
                 this.setData(list);
-                this.log.debug('data-context: Got list data: ' + list.length);
+                this.log.debug(this.id + ': Got list data: ' + list.length);
                 subject.next();
             }, err => {
                 this.onError(err);
                 this.clearAll();
-                this.log.error('data-context: Failed to query data', err);
+                this.log.error(this.id + ': Failed to query data', err);
                 subject.error(err);
             });
         }
         else {
-            this.log.warn('data-context: Skipping data context load - no list fetcher present!');
-            subject.error(new Error('data-context: Skipping data context load - no list fetcher present!'));
+            const errorMsg = this.id + ': Skipping data context load - no list fetcher present!';
+            this.log.warn(errorMsg);
+            subject.error(new Error(errorMsg));
         }
         return subject.pipe(first());
     }
@@ -3805,16 +3948,16 @@ class DataContextContinuableBase extends DataContextBase {
      *                                                                         *
      **************************************************************************/
     loadAll(sorts, filters) {
-        this.cblogger.debug('Starting to load all data ...');
+        this.cblogger.debug(this.id + ': Starting to load all data ...');
         // load first page
         this.start(sorts, filters)
             .subscribe(() => {
-            this.cblogger.debug('First page has been loaded. Loading remaining data ...');
+            this.cblogger.debug(this.id + ': First page has been loaded. Loading remaining data ...');
             // load rest in a recursive manner
             this.loadAllRec();
         }, err => {
             this.onError(err);
-            this.cblogger.error('Failed to load first page of load all procedure!', err);
+            this.cblogger.error(this.id + ': Failed to load first page of load all procedure!', err);
         });
     }
     get chunkSize() {
@@ -3835,13 +3978,13 @@ class DataContextContinuableBase extends DataContextBase {
     loadAllRec() {
         this.loadMore()
             .subscribe(() => {
-            this.cblogger.debug('Loading data chunk finished, loading next...');
+            this.cblogger.debug(this.id + ': Loading data chunk finished, loading next...');
             this.loadAllRec();
         }, err => {
             this.onError(err);
-            this.cblogger.error('Loading all failed!', err);
+            this.cblogger.error(this.id + ': Loading all failed!', err);
         }, () => {
-            this.cblogger.info('All data loaded completely.');
+            this.cblogger.info(this.id + ': All data loaded completely.');
         });
     }
 }
@@ -3866,7 +4009,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this._pageCache = new Map();
         this._latestPage = 0;
-        this._hasMoreData = combineLatest([this.total, this.data]).pipe(map(([total, data]) => this.checkHasMoreData(total, data)), takeUntil(this.unsubscribe$));
+        this._hasMoreData = combineLatest([this.total, this.data]).pipe(map(([total, data]) => this.checkHasMoreData(total, data)), takeUntil(this.destroy$));
     }
     /***************************************************************************
      *                                                                         *
@@ -3888,7 +4031,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
      */
     loadMore() {
         if (this.hasMoreDataSnapshot) {
-            this.logger.info('Loading more...' + this._latestPage);
+            this.logger.info(this.id + ': Loading more...' + this._latestPage);
             if (this.loadingSnapshot) {
                 return EMPTY;
             }
@@ -3896,7 +4039,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
             return this.fetchPage(nextPage, this.chunkSize);
         }
         else {
-            this.logger.debug('Cannot load more data, since no more data available.');
+            this.logger.debug(this.id + ': Cannot load more data, since no more data available.');
             return EMPTY;
         }
     }
@@ -3918,7 +4061,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
         return false;
     }
     onChunkSizeChanged(newSize) {
-        this.reload();
+        this.reload('ChunkSizeChanged');
     }
     reloadInternal() {
         // Since continuable data-contexts are appending data,
@@ -3936,16 +4079,16 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
         const pageRequest = new Pageable(pageIndex, pageSize, this.sort.sortsSnapshot);
         if (this._pageCache.has(pageIndex)) {
             // Page already loaded - skipping request!
-            this.logger.trace('Skipping fetching page since its already in page observable cache.');
+            this.logger.trace(this.id + ': Skipping fetching page since its already in page observable cache.');
             subject.next();
         }
         else {
             this.onLoading();
-            this.logger.debug(`Loading page ${pageIndex} using pageable:`, pageRequest);
+            this.logger.debug(this.id + `: Loading page ${pageIndex} using pageable:`, pageRequest);
             const pageObs = this.dataSource.findAllPaged(pageRequest, this.filter.filtersSnapshot);
             this._pageCache.set(pageIndex, pageObs);
             pageObs.subscribe((page) => {
-                this.logger.debug('Got page data:', page);
+                this.logger.debug(this.id + ': Got page data:', page);
                 this.populatePageData(page, clear);
                 if (this._latestPage < page.number) {
                     this._latestPage = page.number; // TODO This might cause that pages are skipped
@@ -3956,7 +4099,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
                 this.onError(err);
                 this.clearData();
                 this.setTotal(0);
-                this.logger.error('Failed to query data', err);
+                this.logger.error(this.id + ': Failed to query data', err);
                 subject.error(err);
             });
         }
@@ -3978,7 +4121,7 @@ class DataContextContinuablePaged extends DataContextContinuableBase {
         }
         catch (err) {
             this.onError(err);
-            this.logger.error('Failed to populate data with page', page, err);
+            this.logger.error(this.id + ': Failed to populate data with page', page, err);
         }
     }
 }
@@ -4022,7 +4165,7 @@ class DataContextContinuableToken extends DataContextContinuableBase {
     }
     loadMore() {
         if (this.loadingSnapshot) {
-            this.logger.debug('Skipping load-more since already loading a chunk!');
+            this.logger.debug(this.id + ': Skipping load-more since already loading a chunk!');
             return EMPTY;
         }
         const token = this._expectedChunkToken;
@@ -4030,7 +4173,7 @@ class DataContextContinuableToken extends DataContextContinuableBase {
             return this.fetchNextChunk(token);
         }
         else {
-            this.logger.debug('Cannot load more data, since no more data available.');
+            this.logger.debug(this.id + ': Cannot load more data, since no more data available.');
             return EMPTY;
         }
     }
@@ -4055,7 +4198,7 @@ class DataContextContinuableToken extends DataContextContinuableBase {
         const subject = new Subject();
         nextToken = nextToken ? nextToken : undefined;
         if (this._chunkCache.has(nextToken)) {
-            this.logger.debug('Skipping fetching chunk for token "' + nextToken + '" since its already in observable cache.');
+            this.logger.debug(this.id + ': Skipping fetching chunk for token "' + nextToken + '" since its already in observable cache.');
             subject.complete();
         }
         else {
@@ -4064,7 +4207,7 @@ class DataContextContinuableToken extends DataContextContinuableBase {
             this.dataSource.findAllContinuable(new TokenChunkRequest(nextToken, this.filter.filtersSnapshot, this.sort.sortsSnapshot))
                 .pipe(first())
                 .subscribe(chunk => {
-                this.logger.debug('Got next chunk data:', chunk);
+                this.logger.debug(this.id + ': Got next chunk data:', chunk);
                 this._hasMoreData.next(chunk.hasMore);
                 this.chunkSize = chunk.chunkSize;
                 this.populateChunkData(chunk);
@@ -4072,7 +4215,7 @@ class DataContextContinuableToken extends DataContextContinuableBase {
                 this.onIdle();
             }, err => {
                 this.onError(err);
-                this.logger.error('Failed to query data', err);
+                this.logger.error(this.id + ': Failed to query data', err);
                 this.clearData();
                 this.setTotal(0);
                 subject.error(err);
@@ -4097,12 +4240,12 @@ class DataContextContinuableToken extends DataContextContinuableBase {
             }
             catch (err) {
                 this.onError(err);
-                this.logger.error('Failed to populate data with chunk', chunk, err);
+                this.logger.error(this.id + ': Failed to populate data with chunk', chunk, err);
             }
             this._expectedChunkToken = chunk.nextContinuationToken;
         }
         else {
-            this.logger.warn('Discarding continuable chunk (items: ' + chunk.content.length + ', token: ' + chunk.continuationToken + ' )' +
+            this.logger.warn(this.id + ': Discarding continuable chunk (items: ' + chunk.content.length + ', token: ' + chunk.continuationToken + ' )' +
                 ' as it does not match the expected contiunation-token: ' + this._expectedChunkToken);
         }
     }
@@ -4160,9 +4303,9 @@ class DataContextActivePage extends DataContextBase {
      * Sets the current page index / size and reload.
      */
     setActivePage(request) {
-        this.actlogger.trace('Setting page to ', request);
+        // this.actlogger.trace('Setting page to ', request);
         if (!request) {
-            throw new Error('Setting page PageRequest must not be null!');
+            throw new Error(this.id + ': Setting page PageRequest must not be null!');
         }
         let hasChange = false;
         const page = this.pageSnapshot;
@@ -4174,7 +4317,7 @@ class DataContextActivePage extends DataContextBase {
         }
         if (hasChange) {
             this._page.next(request);
-            this.reload();
+            this.reload('setActivePage');
         }
     }
     close() {
@@ -4210,7 +4353,7 @@ class DataContextActivePage extends DataContextBase {
             this.onIdle();
         }, err => {
             this.clearData();
-            this.actlogger.error('Failed to query data', err);
+            this.actlogger.error(this.id + ': Failed to query data', err);
             subject.error(err);
             this.onError(err);
         }, () => {
@@ -4307,7 +4450,7 @@ class MatTableDataContextBinding {
         }
     }
     bindDataContextToMatSortsUntil(matSorts$, destroy$) {
-        const dcSorts$ = this._dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.sort.sorts));
+        const dcSorts$ = this._dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.sort.sorts));
         combineLatest([dcSorts$, matSorts$]).pipe(takeUntil(destroy$)).subscribe(([dcSorts, matSorts]) => {
             if (dcSorts.length >= 1) {
                 // At least one sort active
@@ -4350,7 +4493,7 @@ class MatTableDataContextBinding {
         });
     }
     bindPaginatorUntil(paginator$, destroy$) {
-        const pageRequest$ = paginator$.pipe(filter(paginator => !!paginator), switchMap(paginator => paginator.page), map(pageEvent => new PageRequest(pageEvent.pageIndex, pageEvent.pageSize)));
+        const pageRequest$ = paginator$.pipe(filter(paginator => !!paginator), switchMap$1(paginator => paginator.page), map(pageEvent => new PageRequest(pageEvent.pageIndex, pageEvent.pageSize)));
         combineLatest([this._dataContext$, pageRequest$]).pipe(takeUntil(destroy$)).subscribe(([dc, pageRequest]) => {
             if (dc) {
                 if (isActivePagedDataContext(dc)) {
@@ -4543,7 +4686,7 @@ class DataContextAutoStarter extends DataContextLifeCycleBinding {
         return new RequiredFilterEvaluator(this._dataContext.filter, this._autoStartSpec.requiredFilters).context$.pipe(map(event => event.isValid));
     }
     startDataContext() {
-        this.logger.debug('Auto starting data context...');
+        this.logger.debug(this._dataContext.id + ': Auto starting ...');
         this._dataContext.start(this._autoStartSpec.initialSort);
     }
 }
@@ -4580,7 +4723,7 @@ class DataContextSourceEventBinding extends DataContextLifeCycleBinding {
      **************************************************************************/
     handleDataChangeEvent(event) {
         if (this.reloadOnChanges && this.isReloadDesirable(event)) {
-            this._dataContext.reload();
+            this._dataContext.reload('DataSourceChangeEvent');
             return;
         }
         // We might also be able to perform deletions locally, and avoid reload data
@@ -5047,116 +5190,6 @@ class DelegateContinuableDataSource extends DelegateDataSource {
     }
 }
 
-class FilterUtil {
-    static { this.logger = LoggerFactory.getLogger(FilterUtil.constructor.name); }
-    /**
-     * Merge the provided filter sets. The second parameter will
-     * replace filters which exist in the first.
-     * @param filtersA
-     * @param filtersB
-     */
-    static mergeFlat(filtersA, filtersB) {
-        const mergeContext = new FilterContext();
-        mergeContext.updateFilters(filtersA);
-        mergeContext.updateFilters(filtersB);
-        return mergeContext.filtersSnapshot;
-    }
-    /**
-     * Performs a combining merge of the provided filters.
-     * Array based filter values will be combined.
-     * @param filtersA
-     * @param filtersB
-     */
-    static mergeCombine(filtersA, filtersB) {
-        const mergeContext = new FilterContext();
-        mergeContext.updateFilters(filtersA);
-        mergeContext.mergeFilters(filtersB);
-        return mergeContext.filtersSnapshot;
-    }
-    static strip(base, toRemove) {
-        const removeMap = new Map();
-        toRemove.forEach(r => removeMap.set(r.key, r));
-        return base.map(filter => {
-            if (removeMap.has(filter.key)) {
-                const stripped = FilterUtil.stripValue(filter.value, removeMap.get(filter.key).value);
-                if (stripped !== null) {
-                    return new Filter(filter.key, stripped);
-                }
-                else {
-                    return null;
-                }
-            }
-            else {
-                return filter;
-            }
-        }).filter(f => !!f);
-    }
-    static stripValue(baseValue, removeValue) {
-        if (Array.isArray(baseValue)) {
-            if (Array.isArray(removeValue)) {
-                const filtered = baseValue.filter(b => removeValue.indexOf(b) === -1);
-                if (filtered.length > 0) {
-                    return filtered;
-                }
-            }
-            else {
-                const filtered = baseValue.filter(b => b != removeValue);
-                if (filtered.length > 0) {
-                    return filtered;
-                }
-            }
-        }
-        return null;
-    }
-    static filterData(data, filters) {
-        FilterUtil.logger.debug('Filtering data with ' + data.length + ' items.', filters);
-        if (filters && filters.length > 0) {
-            for (const filter of filters) {
-                data = data.filter(e => FilterUtil.matches(e, filter));
-            }
-        }
-        return data;
-    }
-    static matches(entity, filter) {
-        if (filter.value === null || filter.value === undefined) {
-            return true;
-        }
-        let value;
-        if (entity === null || entity === undefined) {
-            value = null;
-        }
-        else if (typeof entity === 'object') {
-            value = entity[filter.key];
-        }
-        else {
-            value = String(entity); // Support filtering primitive values
-        }
-        if (Array.isArray(filter.value)) {
-            for (const val of filter.value) {
-                if (FilterUtil.matchesValue(value, val)) {
-                    return true;
-                }
-            }
-            return false;
-        }
-        else {
-            return FilterUtil.matchesValue(value, filter.value);
-        }
-    }
-    static matchesValue(haystack, needle) {
-        if (haystack === needle) {
-            return true;
-        }
-        if (haystack === null || haystack === undefined) {
-            return false;
-        }
-        const str = String(haystack);
-        const match = str.toLowerCase().startsWith(needle.toLowerCase());
-        // FilterUtil.logger.debug('Haystack: ' + str + ' starts with needle: ' + needle + ' --> ' + match);
-        return match;
-    }
-}
-
 /**
  * Provides the ability to build a IDataContext<T>.
  */
@@ -5537,7 +5570,7 @@ class DataSourceProcessor {
      * @param sorts to sort the data source
      */
     process$(processFn, filters, sorts) {
-        return this._process$.pipe(takeWhile(ctx => this.notCompleted(ctx)), switchMap(ctx => this.loadNext(ctx, filters, sorts)), tap(updatedCtx => {
+        return this._process$.pipe(takeWhile(ctx => this.notCompleted(ctx)), switchMap$1(ctx => this.loadNext(ctx, filters, sorts)), tap(updatedCtx => {
             processFn(updatedCtx.items);
             this._process$.next(updatedCtx);
         }));
@@ -6613,7 +6646,7 @@ class ElderFromFieldBase {
         this._logger = LoggerFactory.getLogger(this.constructor.name);
         this.formFieldControl$ = new BehaviorSubject(null);
         this._controlActionQueue = [];
-        this._value$ = this.formFieldControl$.pipe(filter(ctrl => !!ctrl), switchMap$1(ctrl => this.controlValue$(ctrl)));
+        this._value$ = this.formFieldControl$.pipe(filter(ctrl => !!ctrl), switchMap(ctrl => this.controlValue$(ctrl)));
     }
     /***************************************************************************
      *                                                                         *
@@ -6695,8 +6728,8 @@ class ElderFromFieldEntityBase extends ElderFromFieldBase {
     constructor() {
         super();
         this._entityAccessor$ = this.formFieldControl$.pipe(filter(ctrl => !!ctrl), filter(ctrl => isElderEntityValueAccessor(ctrl)), map(ctrl => ctrl));
-        this._entityId$ = this._entityAccessor$.pipe(switchMap$1(evac => ElderEntityValueAccessorUtil.entityId$(evac)));
-        this._entity$ = this._entityAccessor$.pipe(switchMap$1(evac => ElderEntityValueAccessorUtil.entity$(evac)));
+        this._entityId$ = this._entityAccessor$.pipe(switchMap(evac => ElderEntityValueAccessorUtil.entityId$(evac)));
+        this._entity$ = this._entityAccessor$.pipe(switchMap(evac => ElderEntityValueAccessorUtil.entity$(evac)));
     }
     /***************************************************************************
      *                                                                         *
@@ -6728,10 +6761,10 @@ class ElderFromFieldMultiEntityBase extends ElderFromFieldBase {
     constructor() {
         super();
         this._entitiesAccessor$ = this.formFieldControl$.pipe(filter(ctrl => !!ctrl), filter(ctrl => isElderMultiEntityValueAccessor(ctrl)), map(ctrl => ctrl));
-        this._entityIds$ = this._entitiesAccessor$.pipe(switchMap$1(evac => ElderMultiEntityValueAccessorUtil.entityIds$(evac)));
-        this._entities$ = this._entitiesAccessor$.pipe(switchMap$1(evac => ElderMultiEntityValueAccessorUtil.entities$(evac)));
-        this._entitiesUpdated$ = this._entitiesAccessor$.pipe(switchMap$1(evac => evac.entitiesUpdated));
-        this._entityIdsUpdated$ = this._entitiesAccessor$.pipe(switchMap$1(evac => evac.entityIdsUpdated));
+        this._entityIds$ = this._entitiesAccessor$.pipe(switchMap(evac => ElderMultiEntityValueAccessorUtil.entityIds$(evac)));
+        this._entities$ = this._entitiesAccessor$.pipe(switchMap(evac => ElderMultiEntityValueAccessorUtil.entities$(evac)));
+        this._entitiesUpdated$ = this._entitiesAccessor$.pipe(switchMap(evac => evac.entitiesUpdated));
+        this._entityIdsUpdated$ = this._entitiesAccessor$.pipe(switchMap(evac => evac.entityIdsUpdated));
     }
     /***************************************************************************
      *                                                                         *
@@ -8557,7 +8590,7 @@ class RefreshingEntity {
         if (this.dataSource) {
             this.entityId = this.dataSource.getId(entity);
         }
-        this._refreshing$ = this.current$.pipe(takeWhile(e => this.keepRefreshing(e)), delay(this.interval), switchMap(e => this.refresh(e)), tap(refreshed => this.current$.next(refreshed)), startWith(this.current$.getValue()), share() // Prevent multiple refreshes for each subscriber
+        this._refreshing$ = this.current$.pipe(takeWhile(e => this.keepRefreshing(e)), delay(this.interval), switchMap$1(e => this.refresh(e)), tap(refreshed => this.current$.next(refreshed)), startWith(this.current$.getValue()), share() // Prevent multiple refreshes for each subscriber
         );
     }
     /***************************************************************************
@@ -9420,7 +9453,7 @@ class ElderLabelInputComponent extends FormFieldBaseComponent {
     }
     set suggestionLoader(provider) {
         if (provider) {
-            this.availableSuggestions$ = this.labelInputControl.valueChanges.pipe(startWith(null), debounceTime(150), switchMap((value) => provider.loadSuggestions(value)), map(labels => this.filterNotPresent(labels)));
+            this.availableSuggestions$ = this.labelInputControl.valueChanges.pipe(startWith(null), debounceTime(150), switchMap$1((value) => provider.loadSuggestions(value)), map(labels => this.filterNotPresent(labels)));
         }
         else {
             this.logger.debug('Cant provide suggestions since no suggestion provider was registered!');
@@ -12631,7 +12664,7 @@ class ElderDialogService {
         const rawMessages = new Map();
         rawMessages.set('title', config.title);
         rawMessages.set('message', config.message);
-        return this.resolveTranslatedMap(rawMessages, config.interpolateParams).pipe(switchMap(messages => {
+        return this.resolveTranslatedMap(rawMessages, config.interpolateParams).pipe(switchMap$1(messages => {
             const title = messages.get('title');
             const message = messages.get('message');
             let dialogRef;
@@ -12654,7 +12687,7 @@ class ElderDialogService {
         const rawMessages = new Map();
         rawMessages.set('title', config.title);
         rawMessages.set('question', config.question);
-        return this.resolveTranslatedMap(rawMessages, config.interpolateParams).pipe(switchMap(messages => {
+        return this.resolveTranslatedMap(rawMessages, config.interpolateParams).pipe(switchMap$1(messages => {
             const title = messages.get('title');
             const question = messages.get('question');
             const dlgConf = this.matDialogConfig(config);
@@ -12709,7 +12742,7 @@ class ElderDialogService {
      **************************************************************************/
     resolveTranslatedMap(messages, interpolateParams) {
         const rawMessages = Array.from(messages.values());
-        return this.translateInterpolatedParams(interpolateParams).pipe(switchMap(translatedParams => this.translateService.get(rawMessages, translatedParams)), map(translatedValues => {
+        return this.translateInterpolatedParams(interpolateParams).pipe(switchMap$1(translatedParams => this.translateService.get(rawMessages, translatedParams)), map(translatedValues => {
             const translated = new Map();
             messages.forEach((rawValue, key) => {
                 translated.set(key, translatedValues[rawValue] || rawValue);
@@ -13077,7 +13110,7 @@ class DataContextSelectionDirective {
      *                                                                         *
      **************************************************************************/
     buildSelectionState$(selectionModel$, dataContext$) {
-        return combineLatest([selectionModel$, dataContext$]).pipe(filter(([model, dc]) => !!model && !!dc), switchMap(([model, dc]) => this.buildSelectionStateInner$(model, dc)));
+        return combineLatest([selectionModel$, dataContext$]).pipe(filter(([model, dc]) => !!model && !!dc), switchMap$1(([model, dc]) => this.buildSelectionStateInner$(model, dc)));
     }
     buildSelectionStateInner$(model, dc) {
         return combineLatest([model.selection, dc.data]).pipe(map(([selection, currentData]) => {
@@ -13581,7 +13614,7 @@ class ElderTableRowDirective {
         this._activated = false;
         this._activationDir$ = new BehaviorSubject(null);
         this.focused$ = new BehaviorSubject(false);
-        this._activationDir$.pipe(filter(x => x !== null), switchMap$1(provider => provider.activeItemEventChange), filter(e => e.item == this.model), filter(e => e.focus)).subscribe({
+        this._activationDir$.pipe(filter(x => x !== null), switchMap(provider => provider.activeItemEventChange), filter(e => e.item == this.model), filter(e => e.focus)).subscribe({
             next: focusMe => {
                 this.focus();
             }
@@ -14621,7 +14654,7 @@ class ElderTableComponent extends ElderDataViewBaseComponent {
         return (index, entity) => this.getId(entity);
     }
     isDataValid(data) {
-        return data.length > 0;
+        return data?.length > 0;
     }
     /***************************************************************************
      *                                                                         *
@@ -16481,7 +16514,7 @@ class ElderTableActivationDirective {
      **************************************************************************/
     ngAfterViewInit() {
         const rows$ = this.elderTable.rows$;
-        const data$ = this.elderTable.dataContext$.pipe(switchMap(dc => dc.data), tap(data => this._data = data));
+        const data$ = this.elderTable.dataContext$.pipe(switchMap$1(dc => dc.data), tap(data => this._data = data));
         +combineLatest([rows$, data$]).pipe(takeUntil(this.destroy$)).subscribe(([rows, data]) => {
             this.rows$.next(this.rowDataUpdated(rows, data));
             this.handleAutoActivations();
@@ -16489,7 +16522,7 @@ class ElderTableActivationDirective {
         combineLatest([this.rows$, this.activeItem$]).pipe(takeUntil(this.destroy$)).subscribe(([rows, activeItem]) => {
             this.updateRowsActivation(rows, activeItem);
         });
-        this.elderTable.dataContext$.pipe(takeUntil(this.destroy$), map(dc => dc.dataSource), switchMap(ds => ds.dataChanged), filter(event => event.deletedIds?.length > 0)).subscribe({
+        this.elderTable.dataContext$.pipe(takeUntil(this.destroy$), map(dc => dc.dataSource), switchMap$1(ds => ds.dataChanged), filter(event => event.deletedIds?.length > 0)).subscribe({
             next: deleteEvent => {
                 deleteEvent.deletedIds.forEach(id => this.deactivateById(id));
             }
@@ -17126,7 +17159,7 @@ class ElderGridComponent extends ElderDataViewBaseComponent {
             ? this.responsiveColumn()
             : this._columnCount);
         this.dataRows$ = combineLatest([
-            this.dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.data)),
+            this.dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.data)),
             columnCount$
         ]).pipe(debounceTime(50), map(([data, columns]) => this.groupForColumns(data, columns)));
     }
@@ -18906,7 +18939,7 @@ class SelectionModelPopupDirective {
         // view container is outside the invoking control, which
         // happens when using ng-content projection.
         this.changeDetectorRef.markForCheck();
-        return dialogRef.afterClosed().pipe(switchMap((chosenEntities) => {
+        return dialogRef.afterClosed().pipe(switchMap$1((chosenEntities) => {
             if (chosenEntities) {
                 return this._transformerFn
                     ? of(chosenEntities.map(value => this._transformerFn(value)))
@@ -19053,7 +19086,7 @@ class ElderSelectBase extends ElderFormFieldControlBase {
         this.currentClicked = new EventEmitter();
         this.state$ = new BehaviorSubject(ElderSelectComponentState.idle());
         this.mergedState$ = combineLatest([
-            this.dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.status)),
+            this.dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.status)),
             this.state$
         ]).pipe(map(([dcState, state]) => {
             if (dcState.idle) {
@@ -19276,7 +19309,7 @@ class ElderSelectFirstUtil {
         const dataContextFirstItem = suggestionsDc?.isStarted
             ? this.firstItemInDataContextSoon(suggestionsDc)
             : of(null);
-        dataContextFirstItem.pipe(takeUntil(elderSelect.valueChange.pipe(filter(value => !!value))), switchMap(firstItem => firstItem ? of(firstItem) : this.firstSuggestionItem(elderSelect))).subscribe(firstItem => {
+        dataContextFirstItem.pipe(takeUntil(elderSelect.valueChange.pipe(filter(value => !!value))), switchMap$1(firstItem => firstItem ? of(firstItem) : this.firstSuggestionItem(elderSelect))).subscribe(firstItem => {
             if (firstItem && !elderSelect.entityId) {
                 elderSelect.updateValueByEntity(firstItem);
             }
@@ -19357,8 +19390,8 @@ class ElderAutocompleteComponent {
         this.triggerReload$ = new Subject();
         this.displayPropertyResolver$ = new BehaviorSubject((value) => this.propertyStringValue(value, null));
         this.optionSelected = new Subject();
-        this.dataState$ = this.dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.status), runInZone(this.zone));
-        this.availableSuggestions$ = this.dataContext$.pipe(switchMap(dc => dc ? dc.data : of([])), runInZone(this.zone));
+        this.dataState$ = this.dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.status), runInZone(this.zone));
+        this.availableSuggestions$ = this.dataContext$.pipe(switchMap$1(dc => dc ? dc.data : of([])), runInZone(this.zone));
     }
     /***************************************************************************
      *                                                                         *
@@ -19767,7 +19800,7 @@ class ElderSelectComponent extends ElderSelectBase {
         this.entityChange = this._entity$.pipe(skip(1) // Skip the initial or current value
         );
         this.entityIdUpdated = this.valueUpdated.pipe(map(value => this.entityIdFromValue(value)));
-        this.entityUpdated = this.entityIdUpdated.pipe(switchMap(entityId => this.awaitEntityWithId(entityId, this.timeoutAfterMs)), catchError(err => {
+        this.entityUpdated = this.entityIdUpdated.pipe(switchMap$1(entityId => this.awaitEntityWithId(entityId, this.timeoutAfterMs)), catchError(err => {
             this.logger.warn(`awaitEntityWithId -> timed out after: ${this.timeoutAfterMs}`, err);
             return EMPTY;
         }));
@@ -21306,7 +21339,7 @@ class ElderMultiSelectBase extends ElderSelectBase {
         this.entitiesChange = this._entities$.pipe(skip(1) // Skip the initial or current value
         );
         this.entityIdsUpdated = this.valueUpdated.pipe(map(values => this.entityIdsFromValues(values)));
-        this.entitiesUpdated = this.entityIdsUpdated.pipe(tap(entityIds => this.logger.debug('Awaiting entities with ids', entityIds)), switchMap(entityIds => this.awaitEntitiesWithId(entityIds, this.timeoutAfterMs)), catchError(err => {
+        this.entitiesUpdated = this.entityIdsUpdated.pipe(tap(entityIds => this.logger.debug('Awaiting entities with ids', entityIds)), switchMap$1(entityIds => this.awaitEntitiesWithId(entityIds, this.timeoutAfterMs)), catchError(err => {
             this.logger.warn(`awaitEntitiesWithId -> timed out after: ${this.timeoutAfterMs}`, err);
             return EMPTY;
         }));
@@ -22178,7 +22211,7 @@ class ElderMultiSelectChipOptionsComponent extends ElderMultiSelectBase {
                 disabled: disabled
             };
         }));
-        const available$ = this.dataContext$.pipe(filter(dc => !!dc), switchMap$1(dc => dc.data));
+        const available$ = this.dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.data));
         this.selectChips$ = combineLatest([
             this.entities$,
             this.entityIds$,
@@ -22861,7 +22894,7 @@ class ElderNavLinkComponent {
      *                                                                         *
      **************************************************************************/
     ngOnInit() {
-        this._routerLinkActive$.pipe(takeUntil(this.destroy$), filter(rla => !!rla), switchMap$1(rla => {
+        this._routerLinkActive$.pipe(takeUntil(this.destroy$), filter(rla => !!rla), switchMap(rla => {
             return rla.isActiveChange.pipe(startWith(rla.isActive));
         })).subscribe(active => this._active$.next(active));
         this.navList.valueChange.pipe(takeUntil(this.destroy$), map(value => this.isCurrentValueActive)).subscribe(active => this._active$.next(active));
@@ -25718,7 +25751,7 @@ class LocalisationPickerService {
         return this.languageService.currentLanguage$.pipe(map(current => this.pick(choices, current)));
     }
     pickCurrentRx(choices$) {
-        return choices$.pipe(switchMap(choices => this.pickCurrent(choices)));
+        return choices$.pipe(switchMap$1(choices => this.pickCurrent(choices)));
     }
     /***************************************************************************
      *                                                                         *
@@ -25783,7 +25816,7 @@ class ElderLocalizedInputComponent extends FormFieldBaseComponent {
         this.inputText$ = combineLatest([
             this.value$,
             this.textColumns$
-        ]).pipe(switchMap(([values, columns]) => this.toInputText(values, columns)));
+        ]).pipe(switchMap$1(([values, columns]) => this.toInputText(values, columns)));
         this.hintText$ = this.value$.pipe(map(values => this.toHintText(values)));
         this.translatedValueChange = this.valueChange.pipe(map(localized => TranslatedConverter.toTranslatedText(localized)));
     }
@@ -25884,9 +25917,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class SearchContext {
+    static standalone() {
+        return new SearchContext(null);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(id) {
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.userFilterContext = new FilterContext();
+        this.forcedFilterContext = new FilterContext();
+        this.id = id;
+        this._allFilters$ = this.userFilterContext.filters.pipe(combineLatestWith(this.forcedFilterContext.filters), skip(1), map(([userFilters, forcedFilters]) => FilterUtil.mergeCombine(userFilters, forcedFilters)), tap(x => this.log.debug('allFilters changed: ', x)));
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get allFiltersChanged() {
+        return this._allFilters$;
+    }
+    get userFilters() {
+        return this.userFilterContext;
+    }
+    get forcedFilters() {
+        return this.forcedFilterContext;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    updateUserFilters(filters) {
+        this.userFilterContext.updateFilters(filters);
+    }
+    replaceUserFilters(filters) {
+        this.userFilterContext.replaceFilters(filters);
+    }
+}
+
+class SearchContextService {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor() {
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.searchContexts = new Map();
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    context(contextId) {
+        let ctx = this.searchContexts.get(contextId);
+        if (!ctx) {
+            ctx = new SearchContext(contextId);
+            this.searchContexts.set(contextId, ctx);
+        }
+        return ctx;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchContextService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 /**
- * The search container manages a group of search-inputs
- * and holds their values in a central search model.
+ * The SearchContextDirective binds a group of search-inputs
+ * to a SearchContext with a two-way binding.
+ *
+ * It also binds the SearchContext to a FilterContext (DataContext).
+ * TODO Maybe separate this??
  */
 class ElderSearchContextDirective {
     /***************************************************************************
@@ -25894,50 +26016,35 @@ class ElderSearchContextDirective {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor() {
+    constructor(searchContextService) {
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
-        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._filterContext$ = new BehaviorSubject$1(null);
-        this.userFilters$ = this._filterContext$.pipe(switchMap(ctx => ctx.filters), combineLatestWith(this._forcedFilters$), map(([allFilters, forcedFilters]) => {
-            return FilterUtil.strip(allFilters, forcedFilters);
-        }));
+        this.destroy$ = new Subject();
+        this._searchInputs$ = new BehaviorSubject([]);
+        this._searchStates$ = new BehaviorSubject([]);
+        this._filterContext$ = new BehaviorSubject(null);
+        this._searchContext$ = new BehaviorSubject(SearchContext.standalone());
+        this.searchContextId$ = new BehaviorSubject(null);
+        this.searchContextId$.pipe(takeUntil(this.destroy$), filter(contextId => !!contextId), map(contextId => searchContextService.context(contextId))).subscribe(ctx => this._searchContext$.next(ctx));
     }
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    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);
-            const userFilters = this.convertToFilters(states);
-            this.applyFilters(userFilters, forcedFilters);
-        });
+    ngOnInit() {
+        this.applyDefaultFiltersToSearchContext();
+        this.syncSearchContextToBoundFilterContext();
     }
-    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
-            });
-        }
+    ngAfterContentInit() {
+        this.syncSearchInputsToSearchContext();
     }
     ngAfterViewInit() {
-        this.applyModelToInputs();
+        this.applySearchContextToInputs();
     }
     ngOnDestroy() {
         this.destroy$.next();
@@ -25948,15 +26055,27 @@ class ElderSearchContextDirective {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    set searchContextId(contextId) {
+        this.searchContextId$.next(contextId);
+    }
+    get searchContextId() {
+        return this.searchContextId$.getValue();
+    }
+    get searchContext$() {
+        return this._searchContext$.asObservable();
+    }
+    get searchContext() {
+        return this._searchContext$.getValue();
+    }
     set filterContext(value) {
         let context;
         if (value) {
-            if (typeof value !== "string") {
+            if (typeof value !== 'string') {
                 context = value;
             }
             else {
-                this.log.warn("Illegal value provided for property filterContext: ", JSON.stringify(value));
-                throw new Error("Illegal value provided for property filterContext! " + value);
+                this.log.warn('Illegal value provided for property filterContext: ', JSON.stringify(value));
+                throw new Error('Illegal value provided for property filterContext! ' + value);
             }
         }
         else {
@@ -25974,10 +26093,10 @@ class ElderSearchContextDirective {
      * to also keep the users intent (by merging) them.
      */
     set forcedFilters(filters) {
-        this._forcedFilters$.next(filters);
+        this.searchContext.forcedFilters.replaceFilters(filters);
     }
     get forcedFilters() {
-        return this._forcedFilters$.getValue();
+        return this.searchContext.forcedFilters.filtersSnapshot;
     }
     get attributes() {
         return this._searchInputs$.asObservable();
@@ -26006,7 +26125,7 @@ class ElderSearchContextDirective {
      * Register a new search name in this container
      */
     register(searchInput) {
-        this.log.debug("Registering search input [" + searchInput.name + "]");
+        this.log.debug('Registering search input [' + searchInput.name + ']');
         const current = this._searchInputs$.getValue();
         this._searchInputs$.next([...current, searchInput]);
     }
@@ -26022,8 +26141,43 @@ class ElderSearchContextDirective {
      * Private                                                                 *
      *                                                                         *
      **************************************************************************/
-    applyModelToInputs() {
-        this.applyFiltersToInputs(this.filterContext.filtersSnapshot);
+    applyDefaultFiltersToSearchContext() {
+        const dcFilters = this.filterContext;
+        const searchContext = this.searchContext;
+        if (searchContext.userFilters.isEmpty) {
+            if (!dcFilters.isEmpty) {
+                searchContext.updateUserFilters(dcFilters.filtersSnapshot);
+            }
+        }
+        else {
+            dcFilters.replaceFilters(searchContext.userFilters.filtersSnapshot);
+        }
+    }
+    syncSearchInputsToSearchContext() {
+        const inputFilters$ = this._searchInputs$.pipe(switchMap$1(inputs => combineLatest(inputs.map(i => i.state$))), debounceTime(5), tap(states => this._searchStates$.next(states)), map(states => this.convertToFilters(states)));
+        inputFilters$
+            .pipe(takeUntil(this.destroy$), combineLatestWith(this._searchContext$))
+            .subscribe(([inputFilters, searchContext]) => {
+            searchContext.updateUserFilters(inputFilters);
+        });
+    }
+    syncSearchContextToBoundFilterContext() {
+        this._searchContext$.pipe(takeUntil(this.destroy$), switchMap$1(context => context.allFiltersChanged)).subscribe(allFilters => this.applyToBoundFilterContext(allFilters));
+    }
+    applyToBoundFilterContext(filters) {
+        const filterCtx = this.filterContext;
+        if (filterCtx) {
+            filterCtx.replaceFilters(filters);
+            this.log.debug('Applied Filters of SearchContext ' + this.searchContextId + ' to DataContext FilterContext.', filters);
+        }
+        else {
+            this.log.warn('Failed to apply filters since no FilterContext is available!', filters);
+        }
+    }
+    applySearchContextToInputs() {
+        const ctx = this.searchContext;
+        this.applyFiltersToInputs(ctx.userFilters.filtersSnapshot // this.filterContext.filtersSnapshot (old)
+        );
     }
     applyFiltersToInputs(filters) {
         this.log.warn('applyFiltersToInputs', filters);
@@ -26047,18 +26201,20 @@ class ElderSearchContextDirective {
             .filter(s => !!s.queryKey)
             .map(s => new Filter(s.queryKey, s.queryValue));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ElderSearchContextDirective, selector: "[elderSearchContext]", inputs: { filterContext: ["elderSearchContext", "filterContext"], forcedFilters: "forcedFilters" }, exportAs: ["elderSearchContext"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchContextDirective, deps: [{ token: SearchContextService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ElderSearchContextDirective, selector: "[elderSearchContext]", inputs: { searchContextId: "searchContextId", filterContext: ["elderSearchContext", "filterContext"], forcedFilters: "forcedFilters" }, exportAs: ["elderSearchContext"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchContextDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[elderSearchContext]",
-                    exportAs: "elderSearchContext"
+                    selector: '[elderSearchContext]',
+                    exportAs: 'elderSearchContext'
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { filterContext: [{
+        }], ctorParameters: function () { return [{ type: SearchContextService }]; }, propDecorators: { searchContextId: [{
+                type: Input
+            }], filterContext: [{
                 type: Input,
-                args: ["elderSearchContext"]
+                args: ['elderSearchContext']
             }], forcedFilters: [{
                 type: Input
             }] } });
@@ -26262,7 +26418,8 @@ class ElderSearchInputDirective {
     ngAfterViewInit() {
         this._extractedName = this.extractName();
         this.log.debug(this._extractedName + "|" + this.queryKey + "|" + this.resolvePath);
-        this.stateObservable().subscribe(state => {
+        const viewStabilized$ = of('stabilized$').pipe(delay(20), first());
+        this.stateObservable().pipe(skipUntil(viewStabilized$)).subscribe(state => {
             this.emitState(state);
         });
     }
@@ -26906,147 +27063,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class ElderSearchContextFilters {
-    static empty(searchContextId) {
-        return new ElderSearchContextFilters(searchContextId, new Map());
-    }
-    constructor(searchContextId, filters) {
-        this.searchContextId = searchContextId;
-        this.filters = filters;
-    }
-}
-
-class ElderSearchUrlBindingService {
+class SearchQueryParamsParser {
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(router, route) {
-        this.router = router;
-        this.route = route;
-        //A search param has following structure: q-[searchContextId]-[filterId]=[value]
-        //Example: search-browser1-hasStarted=true
+    constructor(queryPrefix) {
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
         this.log = LoggerFactory.getLogger(this.constructor.name);
-        this._searchMap$ = new BehaviorSubject$1({
-            value: new Map(),
-            emit: true
-        });
-        this._initialSearchMap$ = new BehaviorSubject$1(new Map());
-        this.searchParamPrefix = "q";
-        this.unsubscribe$ = new Subject();
-        this.router.events.pipe(first()).subscribe(() => {
-            this.handleSearchParameters(this.route.snapshot.queryParams);
-        });
-        this._searchMap$.pipe(filter(searchMapUpdate => searchMapUpdate.emit), takeUntil(this.unsubscribe$)).subscribe(searchMapUpdate => {
-            this.log.warn("SET URL");
-            const searchMap = searchMapUpdate.value;
-            const resetParams = this.resetSearchParams();
-            const queryParams = { ...resetParams, ...this.buildQueryParams(searchMap) };
-            this.log.warn("searchMap :", searchMap);
-            this.log.warn("queryParams :", queryParams);
-            this.router.navigate([], {
-                queryParams: queryParams,
-                replaceUrl: true,
-                queryParamsHandling: "merge"
-            });
-        });
-        this.router.events.subscribe((event) => this.log.warn("Type: " + event.constructor?.name, event));
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnDestroy() {
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get initialSearchMap$() {
-        return this._initialSearchMap$;
+        this.queryPrefix = queryPrefix;
     }
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    updateFiltersForContext(searchContextId, filters) {
-        const searchMapUpdate = this._searchMap$.getValue();
-        const searchMap = searchMapUpdate.value;
-        const filtersMap = new Map(filters
-            .filter(filter => filter.value != null)
-            .map(filter => {
-            return [filter.key, filter];
-        }));
-        searchMap.set(searchContextId, new ElderSearchContextFilters(searchContextId, filtersMap));
-        this._searchMap$.next({ value: searchMap, emit: true });
-    }
-    resetFilterForContext(contextId) {
-        const searchMapUpdate = this._searchMap$.getValue();
-        const searchMap = searchMapUpdate.value;
-        if (searchMap.has(contextId)) {
-            searchMap.delete(contextId);
-            this._searchMap$.next({ value: searchMap, emit: false });
-        }
+    parse(params) {
+        const paramMap = convertToParamMap(params);
+        const searchParamKeys = this.extractSearchParameters(paramMap);
+        return this.buildSearchContextMap(paramMap, searchParamKeys);
     }
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    handleSearchParameters(params) {
-        const searchParamKeys = this.extractSearchParameters(params);
-        const searchMap = this.buildSearchContextMap(params, searchParamKeys);
-        this._searchMap$.next({ value: searchMap, emit: true });
-        this._initialSearchMap$.next(searchMap);
-    }
-    extractSearchParameters(params) {
-        return Object.getOwnPropertyNames(params).filter(param => param.startsWith(this.searchParamPrefix + "-"));
+    extractSearchParameters(paramMap) {
+        return paramMap.keys.filter(param => param.startsWith(this.queryPrefix + '-'));
     }
-    buildSearchContextMap(params, searchParamKeys) {
-        const searchMap = new Map();
+    buildSearchContextMap(paramMap, searchParamKeys) {
+        const filtersByContextId = new Map();
         for (const key of searchParamKeys) {
-            const filterValue = params[key];
+            const filterValues = paramMap.getAll(key);
+            const filterValue = filterValues[0]; // TODO Support multiple values
             const filterParamData = this.extractFilterParam(key, filterValue);
             const filter = this.convertFilterStringToFilter(filterValue, filterParamData);
-            this.checkAndSetFilter(searchMap, filterParamData, filter);
+            this.checkAndSetFilter(filtersByContextId, filterParamData.searchContextId, filter);
         }
-        return searchMap;
+        return filtersByContextId;
     }
-    checkAndSetFilter(searchMap, filterParamData, filter) {
-        if (searchMap.has(filterParamData.searchContextId)) {
-            this.setFilter(searchMap, filterParamData, filter);
-        }
-        else {
-            searchMap.set(filterParamData.searchContextId, ElderSearchContextFilters.empty(filterParamData.searchContextId));
-            this.setFilter(searchMap, filterParamData, filter);
+    checkAndSetFilter(filtersByContextId, searchContextId, filter) {
+        let filtersInContext = filtersByContextId.get(searchContextId);
+        if (!filtersInContext) {
+            filtersInContext = [];
+            filtersByContextId.set(searchContextId, filtersInContext);
         }
-    }
-    setFilter(searchMap, filterParamData, filter) {
-        const searchContext = searchMap.get(filterParamData.searchContextId);
-        searchContext.filters.set(filterParamData.filterId, filter);
+        filtersInContext.push(filter);
     }
     extractFilterParam(key, filterValue) {
-        const splitParams = key.split("-");
+        const splitParams = key.split('-');
         return {
             searchContextId: splitParams[1],
             filterId: splitParams[2],
             isArray: this.checkIfParamIsArray(filterValue)
         };
     }
-    checkIfParamIsArray(filterValue) {
-        return filterValue.startsWith("(") && filterValue.endsWith(")");
-    }
     convertFilterStringToFilter(paramValue, filterParamData) {
         let value = paramValue;
         if (this.isSingularArrayValue(value, filterParamData)) {
@@ -27058,59 +27134,189 @@ class ElderSearchUrlBindingService {
         return !Array.isArray(value) && filterParamData.isArray;
     }
     convertValueToArray(value) {
-        return value.slice(1).slice(0, -1).split(",");
+        return value.slice(1).slice(0, -1).split(',');
+    }
+    checkIfParamIsArray(filterValue) {
+        return filterValue.startsWith('(') && filterValue.endsWith(')');
+    }
+}
+
+class UrlFilterByContext {
+    constructor(urlFiltersByContext) {
+        this.byContext = urlFiltersByContext ?? new Map();
+    }
+    filtersOf(contextId) {
+        return this.byContext.get(contextId);
+    }
+    static empty() {
+        return new UrlFilterByContext();
+    }
+    withUrlFilters(current) {
+        const copy = new Map(this.byContext);
+        current
+            .forEach((v, k) => copy.set(k, new UrlFilters(v)));
+        return new UrlFilterByContext(copy);
+    }
+}
+class UrlFilters {
+    constructor(filters) {
+        this.consumed = false;
+        this.filters = [...filters];
     }
-    resetSearchParams() {
-        let params = { ...this.route.snapshot.queryParams };
-        const searchParams = this.extractSearchParameters(params);
-        for (const searchParam of searchParams) {
-            params[searchParam] = null;
+    consumeFilters() {
+        this.consumed = true;
+        return this.filters;
+    }
+}
+class ElderSearchUrlService {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(router) {
+        this.router = router;
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.SEARCH_QUERY_KEY = 'q';
+        this.paramsParser = new SearchQueryParamsParser(this.SEARCH_QUERY_KEY);
+        this.urlFiltersByContext$ = new BehaviorSubject(UrlFilterByContext.empty());
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    init() {
+        // this.logRouterEvents();
+        this.router.events.pipe(filter(event => event.type === 1 /* EventType.NavigationEnd */), map(event => this.extractUrlFilters(this.router.routerState.snapshot))).subscribe(currentContextFilters => this.updateSeenUrlFilters(currentContextFilters));
+    }
+    urlFiltersOfContext$(contextId) {
+        if (!contextId) {
+            throw new Error('Illegal contextId Argument: ' + contextId);
+        }
+        return this.urlFiltersByContext$.pipe(map(byContext => byContext.filtersOf(contextId)), filter(filters => !!filters));
+    }
+    updateQueryParams(contextId, filters) {
+        if (!contextId)
+            throw new Error('Illegal searchContextId Argument: ' + contextId);
+        if (!filters)
+            throw new Error('Illegal filters Argument: ' + contextId);
+        filters = filters.filter(f => f.value !== null && f.value !== undefined);
+        const currentUrlAll = this.extractUrlFilters(this.router.routerState.snapshot);
+        const currentUrl = currentUrlAll.get(contextId) ?? [];
+        if (!FilterUtil.equals(filters, currentUrl)) {
+            const resetParams = this.resetSearchParams(contextId, currentUrl);
+            const queryParams = { ...resetParams, ...this.buildQueryParams(contextId, filters) };
+            this.log.info('writeUrlQueryParams: ' + contextId, {
+                searchMap: filters,
+                queryParams: queryParams
+            });
+            this.router.navigate([], {
+                queryParams: queryParams,
+                replaceUrl: true,
+                queryParamsHandling: 'merge'
+            });
+        }
+        else {
+            // this.log.info('writeUrlQueryParams PREVENTED')
+        }
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    updateSeenUrlFilters(current) {
+        if (current.size > 0) {
+            const filtersByContext = this.urlFiltersByContext$.getValue();
+            const newUrlFilters = filtersByContext.withUrlFilters(current);
+            this.log.info('updateSeenUrlFilters:', newUrlFilters);
+            this.urlFiltersByContext$.next(newUrlFilters);
+        }
+    }
+    logRouterEvents() {
+        this.router.events.pipe(map(e => e)).subscribe(e => this.log.debug('ROUTER-EVENT [' + (e.constructor.name) + ']#' + e.id + ': ' + e.url));
+    }
+    parseUrlFilters(params) {
+        return this.paramsParser.parse(params);
+    }
+    collectAllRouteParams(routerState) {
+        return this.collectRouteQueryParams(routerState.root);
+    }
+    collectRouteQueryParams(root) {
+        let params = {};
+        let stack = [root];
+        while (stack.length > 0) {
+            const route = stack.pop();
+            params = { ...params, ...route.queryParams };
+            stack.push(...route.children);
         }
         return params;
     }
-    buildQueryParams(searchMap) {
+    extractUrlFilters(routerState) {
+        const params = this.collectAllRouteParams(routerState);
+        return this.parseUrlFilters(params);
+    }
+    resetSearchParams(searchContextId, urlFiltersOf) {
+        if (urlFiltersOf && urlFiltersOf.length > 0) {
+            const params = {};
+            urlFiltersOf.forEach(toRemove => {
+                params[this.queryParamKey(searchContextId, toRemove)] = null;
+            });
+            return params;
+        }
+        return {};
+    }
+    buildQueryParams(searchContextId, filters) {
         const params = {};
-        for (const searchContextId of searchMap.keys()) {
-            const filters = searchMap.get(searchContextId).filters;
-            for (const filter of filters.values()) {
-                params[`${this.searchParamPrefix}-${searchContextId}-${filter.key}`] = this.convertValueToArrayOrSingleValue(filter.value);
-            }
+        for (const filter of filters) {
+            params[this.queryParamKey(searchContextId, filter)] = this.convertValueToArrayOrSingleValue(filter.value);
         }
         return params;
     }
+    queryParamKey(searchContextId, filter) {
+        return `${this.SEARCH_QUERY_KEY}-${searchContextId}-${filter.key}`;
+    }
     convertValueToArrayOrSingleValue(value) {
         return Array.isArray(value) ? `(${value.toString()})` : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlBindingService, deps: [{ token: i1$3.Router }, { token: i1$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlBindingService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlService, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlBindingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root"
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.Router }, { type: i1$3.ActivatedRoute }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.Router }]; } });
 
 /**
  * The search container manages a group of search-inputs
  * and holds their values in a central search model.
  */
-class ElderSearchContextUrlBindingDirective {
+class ElderSearchUrlDirective {
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(searchContext, urlBindingService) {
-        this.searchContext = searchContext;
-        this.urlBindingService = urlBindingService;
+    constructor(searchContextDirective, searchUrlService) {
+        this.searchUrlService = searchUrlService;
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
          *                                                                         *
          **************************************************************************/
         this.log = LoggerFactory.getLogger(this.constructor.name);
-        this.destroy$ = new Subject$1();
+        this.destroy$ = new Subject();
+        this.searchContextId = searchContextDirective.searchContextId;
+        this.searchContext$ = searchContextDirective.searchContext$;
+        this.searchContext$.pipe(combineLatestWith(this.searchUrlService.urlFiltersOfContext$(this.searchContextId))).subscribe(([context, urlFilters]) => this.applyUrlFilters(context, urlFilters));
     }
     /***************************************************************************
      *                                                                         *
@@ -27118,47 +27324,53 @@ class ElderSearchContextUrlBindingDirective {
      *                                                                         *
      **************************************************************************/
     ngAfterViewInit() {
-        if (this._urlBinding) {
-            this.urlBindingService.initialSearchMap$.pipe(first(), takeUntil(this.destroy$), filter(searchMap => searchMap.has(this._urlBinding)), map(searchMap => searchMap.get(this._urlBinding)), map(filterMap => Array.from(filterMap.filters.values()))).subscribe(filters => {
-                this.searchContext.filterContext.updateFilters(filters);
-                this.searchContext.applyModelToInputs();
-            });
-            this.searchContext.userFilters$.pipe(takeUntil(this.destroy$)).subscribe(filters => this.urlBindingService.updateFiltersForContext(this._urlBinding, filters));
+        if (this.searchContextId) {
+            this.searchContext$.pipe(takeUntil(this.destroy$), switchMap(searchContext => searchContext.userFilters.filters)).subscribe(userFilters => 
+            // this.urlBindingService.updateFiltersForContext(this.searchContextId, userFilters)
+            this.searchUrlService.updateQueryParams(this.searchContextId, userFilters));
         }
     }
     ngOnDestroy() {
-        this.urlBindingService.resetFilterForContext(this._urlBinding);
         this.destroy$.next();
         this.destroy$.complete();
     }
     /***************************************************************************
      *                                                                         *
-     * Properties                                                              *
+     * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    set elderSearchContextUrlBinding(value) {
-        this._urlBinding = value;
-    }
-    get elderSearchContextUrlBinding() {
-        return this._urlBinding;
+    applyUrlFilters(context, urlFilters) {
+        if (!urlFilters.consumed) {
+            const consumedFilters = urlFilters.consumeFilters();
+            if (consumedFilters.length > 0) {
+                this.log.info('URL SEARCH BINDING Replacing Filters: ', {
+                    context: context,
+                    urlFilters: consumedFilters
+                });
+                context.replaceUserFilters(consumedFilters);
+            }
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchContextUrlBindingDirective, deps: [{ token: ElderSearchContextDirective }, { token: ElderSearchUrlBindingService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ElderSearchContextUrlBindingDirective, selector: "[elderSearchContextUrlBinding]", inputs: { elderSearchContextUrlBinding: "elderSearchContextUrlBinding" }, exportAs: ["elderSearchContextUrlBinding"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlDirective, deps: [{ token: ElderSearchContextDirective }, { token: ElderSearchUrlService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ElderSearchUrlDirective, selector: "[elderSearchUrl]", exportAs: ["elderSearchUrl"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchContextUrlBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchUrlDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[elderSearchContextUrlBinding]",
-                    exportAs: "elderSearchContextUrlBinding"
+                    selector: '[elderSearchUrl]',
+                    exportAs: 'elderSearchUrl'
                 }]
-        }], ctorParameters: function () { return [{ type: ElderSearchContextDirective }, { type: ElderSearchUrlBindingService }]; }, propDecorators: { elderSearchContextUrlBinding: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return [{ type: ElderSearchContextDirective }, { type: ElderSearchUrlService }]; } });
 
+// Because of AOT Compiler
+function initSearchUrlService(searchUrlService) {
+    // Hack to use Lambda here!
+    return () => { searchUrlService.init(); };
+}
 class ElderSearchModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchModule, declarations: [ElderSearchContextDirective,
-            ElderSearchContextUrlBindingDirective,
+            ElderSearchUrlDirective,
             ElderSearchInputDirective,
             ElderInitialValueDirective,
             ElderSearchBoxComponent,
@@ -27170,11 +27382,18 @@ class ElderSearchModule {
             ElderPanelModule,
             ElderFormsDirectivesModule,
             TranslateModule], exports: [ElderSearchContextDirective,
-            ElderSearchContextUrlBindingDirective,
+            ElderSearchUrlDirective,
             ElderSearchInputDirective,
             ElderSearchBoxComponent,
             ElderSearchPanelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchModule, imports: [CommonModule, FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchModule, providers: [
+            {
+                provide: APP_INITIALIZER,
+                useFactory: initSearchUrlService,
+                deps: [ElderSearchUrlService],
+                multi: true
+            },
+        ], imports: [CommonModule, FormsModule,
             MatInputModule, MatButtonModule, MatIconModule,
             MatBadgeModule,
             A11yModule,
@@ -27186,6 +27405,14 @@ class ElderSearchModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ElderSearchModule, decorators: [{
             type: NgModule,
             args: [{
+                    providers: [
+                        {
+                            provide: APP_INITIALIZER,
+                            useFactory: initSearchUrlService,
+                            deps: [ElderSearchUrlService],
+                            multi: true
+                        },
+                    ],
                     imports: [
                         CommonModule, FormsModule,
                         MatInputModule, MatButtonModule, MatIconModule,
@@ -27198,7 +27425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     declarations: [
                         ElderSearchContextDirective,
-                        ElderSearchContextUrlBindingDirective,
+                        ElderSearchUrlDirective,
                         ElderSearchInputDirective,
                         ElderInitialValueDirective,
                         ElderSearchBoxComponent,
@@ -27206,7 +27433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     exports: [
                         ElderSearchContextDirective,
-                        ElderSearchContextUrlBindingDirective,
+                        ElderSearchUrlDirective,
                         ElderSearchInputDirective,
                         ElderSearchBoxComponent,
                         ElderSearchPanelComponent
@@ -27621,7 +27848,7 @@ class HttpDataTransferComponent {
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this._transfer$ = new BehaviorSubject(null);
-        this.$state = this._transfer$.pipe(filter(transfer => !!transfer), switchMap$1(transfer => transfer.state$));
+        this.$state = this._transfer$.pipe(filter(transfer => !!transfer), switchMap(transfer => transfer.state$));
         this.$detail = this.$state.pipe(map(state => this.renderTransferProgress(state)));
     }
     /***************************************************************************
@@ -27722,7 +27949,7 @@ class ElderDataTransferService {
         return this._completed.asObservable();
     }
     get transferAggregate() {
-        return this.transfers.pipe(switchMap$1(transfers => this.aggregateProgress(transfers)), startWith(DataTransferProgressAggregate.Empty));
+        return this.transfers.pipe(switchMap(transfers => this.aggregateProgress(transfers)), startWith(DataTransferProgressAggregate.Empty));
     }
     /***************************************************************************
      *                                                                         *
@@ -31167,5 +31394,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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, 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 };
+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, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, 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, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map