@elderbyte/ngx-starter 21.11.0 → 21.12.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -6,8 +6,8 @@ import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Duration, Period, TemporalQueries, LocalTime, Instant, LocalDate, nativeJs, ZoneId, DateTimeFormatter, convert, ZonedDateTime, Temporal as Temporal$1 } from '@js-joda/core';
 import { LoggerFactory } from '@elderbyte/ts-logger';
-import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, Subject, switchMap, of, combineLatest, EMPTY, merge, throwError, forkJoin, mergeWith, Observable, from, toArray, zip, mergeMap as mergeMap$1, fromEvent, mergeAll, skipUntil, filter as filter$1, map as map$1, combineLatestWith as combineLatestWith$1, tap as tap$1, takeUntil as takeUntil$1, NEVER } from 'rxjs';
-import { tap, takeUntil, takeWhile, map, filter, distinctUntilChanged, debounceTime, catchError, first, take, switchMap as switchMap$1, mergeMap, expand, reduce, combineLatestWith, startWith, skip, delay, share, skipWhile, timeout } from 'rxjs/operators';
+import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, Subject, of, throwError, switchMap, combineLatest, EMPTY, merge, forkJoin, mergeWith, Observable, from, toArray, zip, mergeMap as mergeMap$1, fromEvent, mergeAll, skipUntil, filter as filter$1, map as map$1, combineLatestWith as combineLatestWith$1, tap as tap$1, takeUntil as takeUntil$1, NEVER } from 'rxjs';
+import { tap, takeUntil, takeWhile, map, filter, distinctUntilChanged, debounceTime, catchError, first, take, switchMap as switchMap$1, mergeMap, expand, reduce, combineLatestWith, startWith, skip, delay, share, debounce, timeout, skipWhile } from 'rxjs/operators';
 import { Temporal } from '@js-temporal/polyfill';
 import * as i1$1 from '@angular/common/http';
 import { HttpParams, HttpEventType, HttpRequest, HttpClient, HttpErrorResponse, HTTP_INTERCEPTORS, HttpBackend } from '@angular/common/http';
@@ -4082,6 +4082,468 @@ class SortContext {
     }
 }
 
+class DataSourceEntityPatch {
+    constructor(entityId, patch) {
+        this.entityId = entityId;
+        this.patch = patch;
+    }
+}
+/**
+ * Notifies about changes in a DataSource.
+ */
+class DataSourceChangeEvent {
+    static unknownChanges() {
+        return new DataSourceChangeEvent(null, null, null, null);
+    }
+    static deleted(ids) {
+        return new DataSourceChangeEvent(ids, null, null, null);
+    }
+    static modified(modified) {
+        return new DataSourceChangeEvent(null, modified, null, null);
+    }
+    static created(created) {
+        return new DataSourceChangeEvent(null, null, created, null);
+    }
+    static patched(patches) {
+        return new DataSourceChangeEvent(null, null, null, patches);
+    }
+    constructor(deletedIds, modified, created, patches) {
+        this.deletedIds = deletedIds;
+        this.modified = modified;
+        this.created = created;
+        this.patches = patches;
+        this.unknownChanges = !deletedIds && !modified && !created && !patches;
+    }
+}
+
+class EntityIdUtil {
+    static getId(entity, idProperty) {
+        if (entity && idProperty) {
+            if (typeof entity === 'object') {
+                return entity?.[idProperty];
+            }
+        }
+        return entity;
+    }
+    static extractIdFnOrProperty(idPropertyOrExtractFn) {
+        if (typeof idPropertyOrExtractFn === 'string') {
+            return EntityIdUtil.extractIdFn(idPropertyOrExtractFn);
+        }
+        else if (typeof idPropertyOrExtractFn === 'function') {
+            return idPropertyOrExtractFn;
+        }
+        else if (idPropertyOrExtractFn === null || idPropertyOrExtractFn === undefined) {
+            return EntityIdUtil.extractIdFn(null);
+        }
+        else {
+            throw new Error('Invalid idPropertyOrExtractFn');
+        }
+    }
+    static extractIdFn(idProperty) {
+        return (entity) => EntityIdUtil.getId(entity, idProperty);
+    }
+}
+
+class DataSourceBase {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(propertyOrIdExtractor) {
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.dataChangeEvents$ = new Subject();
+        this.extractIdFn = EntityIdUtil.extractIdFnOrProperty(propertyOrIdExtractor);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get dataChanged() {
+        return this.dataChangeEvents$.asObservable();
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    publishChangeEvent(e) {
+        this.dataChangeEvents$.next(e);
+    }
+    getId(entity) {
+        return this.extractIdFn(entity);
+    }
+}
+
+class SortUtil {
+    static toggleDir(dir) {
+        if (dir === 'asc') {
+            return 'desc';
+        }
+        else {
+            return 'asc';
+        }
+    }
+    static toggleSort(sort) {
+        return new Sort(sort.prop, SortUtil.toggleDir(sort.dir));
+    }
+    static sortData(data, sorts, prefix) {
+        if (sorts && sorts.length > 0) {
+            const copy = [...data];
+            const sortFields = sorts.map((s) => (s.dir === 'desc' ? '-' : '') + SortUtil.propertyPath(s, prefix));
+            return copy.sort(ComparatorBuilder.fieldSort(...sortFields));
+        }
+        else {
+            return data;
+        }
+    }
+    /**
+     * Checks if the two arrays have all content references in the exact same order.
+     * @param data
+     * @param other
+     */
+    static equalsExactRefs(data, other) {
+        // eslint-disable-next-line eqeqeq
+        if (data.length == other.length) {
+            for (let i = 0; i < data.length; i++) {
+                // eslint-disable-next-line eqeqeq
+                if (data[i] != other[i]) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+    static propertyPath(sort, prefix) {
+        if (prefix) {
+            return prefix + '.' + sort.prop;
+        }
+        else {
+            return sort.prop;
+        }
+    }
+}
+
+class MapUtils {
+    static toDistinctMap(values, keyFn) {
+        return values.reduce((map, value) => {
+            map.set(keyFn(value), value);
+            return map;
+        }, new Map());
+    }
+    static groupByKey(values, keyFn) {
+        const groups = new Map();
+        values.forEach((value) => {
+            const key = keyFn(value);
+            let group = groups.get(key);
+            if (!group) {
+                group = [];
+                groups.set(key, group);
+            }
+            group.push(value);
+        });
+        return groups;
+    }
+    static mapValue(map, valueMapFn) {
+        const newMap = new Map();
+        Array.from(map.entries()).forEach(([key, value]) => newMap.set(key, valueMapFn(value)));
+        return newMap;
+    }
+}
+
+class LocalListDataSource extends DataSourceBase {
+    /***************************************************************************
+     *                                                                         *
+     * Static Builder                                                          *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Creates an empty local list data-source.
+     * You can set / modify data by using the data property.
+     * @param idPropertyOrExtractor
+     * @param localSort
+     * @param localFilter
+     */
+    static empty(idPropertyOrExtractor, localSort, localFilter) {
+        return this.from([], idPropertyOrExtractor, localSort, localFilter);
+    }
+    static from(localData, idPropertyOrExtractor, localSort, localFilter) {
+        if (idPropertyOrExtractor === null) {
+            idPropertyOrExtractor = LocalListDataSource.guessIdProperty(localData);
+        }
+        return new LocalListDataSource(localData, localSort, localFilter, idPropertyOrExtractor);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(localData, localSort, localFilter, idPropertyOrExtractor) {
+        super(idPropertyOrExtractor);
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.logger = LoggerFactory.getLogger(this.constructor.name);
+        this.data$ = new BehaviorSubject([]);
+        if (!localData) {
+            throw new Error('localData must not be null!');
+        }
+        this.localSort = localSort || SortUtil.sortData;
+        this.localFilter = localFilter || FilterUtil.filterData;
+        this.data = localData;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get data() {
+        return this.data$.getValue();
+    }
+    set data(data) {
+        this.replaceAll(data);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * IDataSource API                                                         *
+     *                                                                         *
+     **************************************************************************/
+    findById(id) {
+        if (id === undefined || id === null) {
+            throw new Error('findById: id argument required!');
+        }
+        const found = this.data.find((d) => this.getId(d) === id);
+        if (found) {
+            return of(found);
+        }
+        else {
+            return throwError(() => new Error("Could not find local entity by id: '" + id + "'"));
+        }
+    }
+    findByIds(ids) {
+        if (ids === undefined || ids === null) {
+            throw new Error('findByIds: ids array argument required!');
+        }
+        const desiredIds = new Set(ids);
+        return of(this.data.filter((d) => desiredIds.has(this.getId(d))));
+    }
+    findAllFiltered(filters, sorts) {
+        return of(this.data).pipe(map((data) => this.localFilter(data, filters)), map((data) => this.localSort(data, sorts)));
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    replaceAll(data) {
+        this.silentReplaceData(data);
+        this.publishChangeEvent(DataSourceChangeEvent.unknownChanges());
+    }
+    delete(entity) {
+        this.deleteAll([entity]);
+    }
+    deleteAll(toDelete) {
+        if (toDelete?.length > 0) {
+            return this.deleteAllById(toDelete.map((e) => this.getId(e)));
+        }
+    }
+    deleteAllById(idsToDelete) {
+        if (idsToDelete?.length > 0) {
+            const existing = this.data;
+            const idsToDeleteSet = new Set(idsToDelete);
+            this.silentReplaceData(existing.filter((e) => !idsToDeleteSet.has(this.getId(e))));
+            this.publishChangeEvent(DataSourceChangeEvent.deleted(idsToDelete));
+        }
+    }
+    saveAll(toSave) {
+        const idDataMap = this.buildIdDataMap(this.data);
+        const createdEntities = [];
+        const modifiedEntities = [];
+        toSave.forEach((entity) => {
+            const id = this.getId(entity);
+            if (!idDataMap.has(id)) {
+                createdEntities.push(entity);
+            }
+            else {
+                modifiedEntities.push(entity);
+            }
+            idDataMap.set(id, entity);
+        });
+        this.silentReplaceData(Array.from(idDataMap.values()));
+        this.publishChanges(createdEntities, modifiedEntities);
+    }
+    save(entity, index) {
+        this.saveAtIndex(entity, index);
+    }
+    saveAtIndex(entity, index) {
+        const id = this.getId(entity);
+        const newData = [...this.data];
+        const existingIndex = newData.findIndex((entity) => this.getId(entity) === id);
+        let created = false;
+        if (existingIndex === -1) {
+            if (index !== null) {
+                newData.splice(index, 0, entity);
+            }
+            else {
+                newData.push(entity);
+            }
+            created = true;
+        }
+        else {
+            newData[existingIndex] = entity;
+        }
+        this.silentReplaceData(newData);
+        this.publishChangeEvent(created ? DataSourceChangeEvent.created([entity]) : DataSourceChangeEvent.modified([entity]));
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    buildIdDataMap(data) {
+        return MapUtils.toDistinctMap(data, (value) => this.getId(value));
+    }
+    silentReplaceData(newData) {
+        this.data$.next(newData);
+    }
+    static guessIdProperty(localData) {
+        const log = LoggerFactory.getLogger('LocalListDataSource');
+        if (localData && localData.length > 0) {
+            const sample = localData[0];
+            if (typeof sample === 'object') {
+                if (Object.prototype.hasOwnProperty.call(sample, 'id')) {
+                    log.warn('DataSource without defined id-property => autodetected property id-property as "id"');
+                    return 'id'; // Use id
+                }
+                else {
+                    log.warn('Local DataSource created without defined id-property and objects. Using object equality!');
+                }
+            }
+        }
+        return null; // Use value as id if scalar
+    }
+    publishChanges(createdEntities, modifiedEntities) {
+        if (createdEntities.length > 0) {
+            this.publishChangeEvent(DataSourceChangeEvent.created(createdEntities));
+        }
+        if (modifiedEntities.length > 0) {
+            this.publishChangeEvent(DataSourceChangeEvent.modified(modifiedEntities));
+        }
+    }
+}
+
+class LocalPagedDataSource {
+    /***************************************************************************
+     *                                                                         *
+     * Static Builder                                                          *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Creates an empty local list data-source.
+     * You can set / modify data by using the data property.
+     * @param idProperty
+     * @param localSort
+     * @param localFilter
+     */
+    static empty(idProperty, localSort, localFilter) {
+        return LocalPagedDataSource.of(LocalListDataSource.empty(idProperty, localSort, localFilter));
+    }
+    static of(listDataSource) {
+        return new LocalPagedDataSource(listDataSource);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(listDataSource) {
+        if (!listDataSource) {
+            throw new Error('listDataSource must not be null!');
+        }
+        this.localListFetcher = listDataSource;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get dataChanged() {
+        return this.localListFetcher.dataChanged;
+    }
+    findById(id) {
+        return this.localListFetcher.findById(id);
+    }
+    findByIds(ids) {
+        return this.localListFetcher.findByIds(ids);
+    }
+    findAllPaged(pageable, filters) {
+        return this.localListFetcher
+            .findAllFiltered(filters, pageable.sorts)
+            .pipe(map((data) => this.pageSlice(pageable, data)));
+    }
+    getId(entity) {
+        return this.localListFetcher.getId(entity);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    pageSlice(pageable, data) {
+        let page;
+        if (data) {
+            const start = pageable.page * pageable.size;
+            const end = start + pageable.size;
+            const slice = data.slice(start, end);
+            page = Page.fromPage(slice, data.length, pageable);
+        }
+        else {
+            page = Page.empty();
+        }
+        return page;
+    }
+}
+
+/***************************************************************************
+ *                                                                         *
+ * Type Predicates                                                         *
+ *                                                                         *
+ **************************************************************************/
+function isDataSource(object) {
+    if (!object) {
+        return false;
+    }
+    return (object.dataChanged !== undefined &&
+        object.findById !== undefined &&
+        object.getId !== undefined);
+}
+function isListDataSource(object) {
+    return object.findAllFiltered !== undefined;
+}
+function isLocalListDataSource(object) {
+    return object instanceof LocalListDataSource;
+}
+function isLocalPagedDataSource(object) {
+    return object instanceof LocalPagedDataSource;
+}
+function isLocalDataSource(object) {
+    return isLocalListDataSource(object) || isLocalPagedDataSource(object);
+}
+function isPagedDataSource(object) {
+    return object.findAllPaged !== undefined;
+}
+function isContinuableDataSource(object) {
+    return object.findAllContinuable !== undefined;
+}
+
 class ReloadRequest {
     constructor(number, reason) {
         this.number = number;
@@ -4097,6 +4559,7 @@ class AfterReload {
         return this.request.number >= minRequest.number;
     }
 }
+const DEFAULT_DEBOUNCE_TIME$1 = 50;
 class DataContextBase extends DataSource {
     /***************************************************************************
      *                                                                         *
@@ -4137,7 +4600,7 @@ class DataContextBase extends DataSource {
             .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) => {
+            .pipe(takeUntil(this.destroy$), filter((request) => this.started), debounceTime(this.getDebounceTime()), switchMap((request) => this.reloadNow(request).pipe(map((result) => new AfterReload(request, result)), catchError((err) => {
             // Dont die on errors
             this.baselog.error(this.id + ': Reload queue detected error, bad!', err);
             return of(new AfterReload(request, err));
@@ -4366,6 +4829,12 @@ class DataContextBase extends DataSource {
     getItemId(item) {
         return this.dataSource.getId(item);
     }
+    getDebounceTime() {
+        if (isLocalDataSource(this.dataSource)) {
+            return 0;
+        }
+        return DEFAULT_DEBOUNCE_TIME$1;
+    }
     /***************************************************************************
      *                                                                         *
      * Event handler                                                           *
@@ -5416,465 +5885,6 @@ class DataContextSourceEventBinding extends DataContextLifeCycleBinding {
     }
 }
 
-class DataSourceEntityPatch {
-    constructor(entityId, patch) {
-        this.entityId = entityId;
-        this.patch = patch;
-    }
-}
-/**
- * Notifies about changes in a DataSource.
- */
-class DataSourceChangeEvent {
-    static unknownChanges() {
-        return new DataSourceChangeEvent(null, null, null, null);
-    }
-    static deleted(ids) {
-        return new DataSourceChangeEvent(ids, null, null, null);
-    }
-    static modified(modified) {
-        return new DataSourceChangeEvent(null, modified, null, null);
-    }
-    static created(created) {
-        return new DataSourceChangeEvent(null, null, created, null);
-    }
-    static patched(patches) {
-        return new DataSourceChangeEvent(null, null, null, patches);
-    }
-    constructor(deletedIds, modified, created, patches) {
-        this.deletedIds = deletedIds;
-        this.modified = modified;
-        this.created = created;
-        this.patches = patches;
-        this.unknownChanges = !deletedIds && !modified && !created && !patches;
-    }
-}
-
-class EntityIdUtil {
-    static getId(entity, idProperty) {
-        if (entity && idProperty) {
-            if (typeof entity === 'object') {
-                return entity?.[idProperty];
-            }
-        }
-        return entity;
-    }
-    static extractIdFnOrProperty(idPropertyOrExtractFn) {
-        if (typeof idPropertyOrExtractFn === 'string') {
-            return EntityIdUtil.extractIdFn(idPropertyOrExtractFn);
-        }
-        else if (typeof idPropertyOrExtractFn === 'function') {
-            return idPropertyOrExtractFn;
-        }
-        else if (idPropertyOrExtractFn === null || idPropertyOrExtractFn === undefined) {
-            return EntityIdUtil.extractIdFn(null);
-        }
-        else {
-            throw new Error('Invalid idPropertyOrExtractFn');
-        }
-    }
-    static extractIdFn(idProperty) {
-        return (entity) => EntityIdUtil.getId(entity, idProperty);
-    }
-}
-
-class DataSourceBase {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(propertyOrIdExtractor) {
-        /***************************************************************************
-         *                                                                         *
-         * Fields                                                                  *
-         *                                                                         *
-         **************************************************************************/
-        this.dataChangeEvents$ = new Subject();
-        this.extractIdFn = EntityIdUtil.extractIdFnOrProperty(propertyOrIdExtractor);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get dataChanged() {
-        return this.dataChangeEvents$.asObservable();
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    publishChangeEvent(e) {
-        this.dataChangeEvents$.next(e);
-    }
-    getId(entity) {
-        return this.extractIdFn(entity);
-    }
-}
-
-class SortUtil {
-    static toggleDir(dir) {
-        if (dir === 'asc') {
-            return 'desc';
-        }
-        else {
-            return 'asc';
-        }
-    }
-    static toggleSort(sort) {
-        return new Sort(sort.prop, SortUtil.toggleDir(sort.dir));
-    }
-    static sortData(data, sorts, prefix) {
-        if (sorts && sorts.length > 0) {
-            const copy = [...data];
-            const sortFields = sorts.map((s) => (s.dir === 'desc' ? '-' : '') + SortUtil.propertyPath(s, prefix));
-            return copy.sort(ComparatorBuilder.fieldSort(...sortFields));
-        }
-        else {
-            return data;
-        }
-    }
-    /**
-     * Checks if the two arrays have all content references in the exact same order.
-     * @param data
-     * @param other
-     */
-    static equalsExactRefs(data, other) {
-        // eslint-disable-next-line eqeqeq
-        if (data.length == other.length) {
-            for (let i = 0; i < data.length; i++) {
-                // eslint-disable-next-line eqeqeq
-                if (data[i] != other[i]) {
-                    return false;
-                }
-            }
-            return true;
-        }
-        return false;
-    }
-    static propertyPath(sort, prefix) {
-        if (prefix) {
-            return prefix + '.' + sort.prop;
-        }
-        else {
-            return sort.prop;
-        }
-    }
-}
-
-class MapUtils {
-    static toDistinctMap(values, keyFn) {
-        return values.reduce((map, value) => {
-            map.set(keyFn(value), value);
-            return map;
-        }, new Map());
-    }
-    static groupByKey(values, keyFn) {
-        const groups = new Map();
-        values.forEach((value) => {
-            const key = keyFn(value);
-            let group = groups.get(key);
-            if (!group) {
-                group = [];
-                groups.set(key, group);
-            }
-            group.push(value);
-        });
-        return groups;
-    }
-    static mapValue(map, valueMapFn) {
-        const newMap = new Map();
-        Array.from(map.entries()).forEach(([key, value]) => newMap.set(key, valueMapFn(value)));
-        return newMap;
-    }
-}
-
-class LocalListDataSource extends DataSourceBase {
-    /***************************************************************************
-     *                                                                         *
-     * Static Builder                                                          *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Creates an empty local list data-source.
-     * You can set / modify data by using the data property.
-     * @param idPropertyOrExtractor
-     * @param localSort
-     * @param localFilter
-     */
-    static empty(idPropertyOrExtractor, localSort, localFilter) {
-        return this.from([], idPropertyOrExtractor, localSort, localFilter);
-    }
-    static from(localData, idPropertyOrExtractor, localSort, localFilter) {
-        if (idPropertyOrExtractor === null) {
-            idPropertyOrExtractor = LocalListDataSource.guessIdProperty(localData);
-        }
-        return new LocalListDataSource(localData, localSort, localFilter, idPropertyOrExtractor);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(localData, localSort, localFilter, idPropertyOrExtractor) {
-        super(idPropertyOrExtractor);
-        /***************************************************************************
-         *                                                                         *
-         * Fields                                                                  *
-         *                                                                         *
-         **************************************************************************/
-        this.logger = LoggerFactory.getLogger(this.constructor.name);
-        this.data$ = new BehaviorSubject([]);
-        if (!localData) {
-            throw new Error('localData must not be null!');
-        }
-        this.localSort = localSort || SortUtil.sortData;
-        this.localFilter = localFilter || FilterUtil.filterData;
-        this.data = localData;
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get data() {
-        return this.data$.getValue();
-    }
-    set data(data) {
-        this.replaceAll(data);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * IDataSource API                                                         *
-     *                                                                         *
-     **************************************************************************/
-    findById(id) {
-        if (id === undefined || id === null) {
-            throw new Error('findById: id argument required!');
-        }
-        const found = this.data.find((d) => this.getId(d) === id);
-        if (found) {
-            return of(found);
-        }
-        else {
-            return throwError(() => new Error("Could not find local entity by id: '" + id + "'"));
-        }
-    }
-    findByIds(ids) {
-        if (ids === undefined || ids === null) {
-            throw new Error('findByIds: ids array argument required!');
-        }
-        const desiredIds = new Set(ids);
-        return of(this.data.filter((d) => desiredIds.has(this.getId(d))));
-    }
-    findAllFiltered(filters, sorts) {
-        return of(this.data).pipe(map((data) => this.localFilter(data, filters)), map((data) => this.localSort(data, sorts)));
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    replaceAll(data) {
-        this.silentReplaceData(data);
-        this.publishChangeEvent(DataSourceChangeEvent.unknownChanges());
-    }
-    delete(entity) {
-        this.deleteAll([entity]);
-    }
-    deleteAll(toDelete) {
-        if (toDelete?.length > 0) {
-            return this.deleteAllById(toDelete.map((e) => this.getId(e)));
-        }
-    }
-    deleteAllById(idsToDelete) {
-        if (idsToDelete?.length > 0) {
-            const existing = this.data;
-            const idsToDeleteSet = new Set(idsToDelete);
-            this.silentReplaceData(existing.filter((e) => !idsToDeleteSet.has(this.getId(e))));
-            this.publishChangeEvent(DataSourceChangeEvent.deleted(idsToDelete));
-        }
-    }
-    saveAll(toSave) {
-        const idDataMap = this.buildIdDataMap(this.data);
-        const createdEntities = [];
-        const modifiedEntities = [];
-        toSave.forEach((entity) => {
-            const id = this.getId(entity);
-            if (!idDataMap.has(id)) {
-                createdEntities.push(entity);
-            }
-            else {
-                modifiedEntities.push(entity);
-            }
-            idDataMap.set(id, entity);
-        });
-        this.silentReplaceData(Array.from(idDataMap.values()));
-        this.publishChanges(createdEntities, modifiedEntities);
-    }
-    save(entity, index) {
-        this.saveAtIndex(entity, index);
-    }
-    saveAtIndex(entity, index) {
-        const id = this.getId(entity);
-        const newData = [...this.data];
-        const existingIndex = newData.findIndex((entity) => this.getId(entity) === id);
-        let created = false;
-        if (existingIndex === -1) {
-            if (index !== null) {
-                newData.splice(index, 0, entity);
-            }
-            else {
-                newData.push(entity);
-            }
-            created = true;
-        }
-        else {
-            newData[existingIndex] = entity;
-        }
-        this.silentReplaceData(newData);
-        this.publishChangeEvent(created ? DataSourceChangeEvent.created([entity]) : DataSourceChangeEvent.modified([entity]));
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    buildIdDataMap(data) {
-        return MapUtils.toDistinctMap(data, (value) => this.getId(value));
-    }
-    silentReplaceData(newData) {
-        this.data$.next(newData);
-    }
-    static guessIdProperty(localData) {
-        const log = LoggerFactory.getLogger('LocalListDataSource');
-        if (localData && localData.length > 0) {
-            const sample = localData[0];
-            if (typeof sample === 'object') {
-                if (Object.prototype.hasOwnProperty.call(sample, 'id')) {
-                    log.warn('DataSource without defined id-property => autodetected property id-property as "id"');
-                    return 'id'; // Use id
-                }
-                else {
-                    log.warn('Local DataSource created without defined id-property and objects. Using object equality!');
-                }
-            }
-        }
-        return null; // Use value as id if scalar
-    }
-    publishChanges(createdEntities, modifiedEntities) {
-        if (createdEntities.length > 0) {
-            this.publishChangeEvent(DataSourceChangeEvent.created(createdEntities));
-        }
-        if (modifiedEntities.length > 0) {
-            this.publishChangeEvent(DataSourceChangeEvent.modified(modifiedEntities));
-        }
-    }
-}
-
-class LocalPagedDataSource {
-    /***************************************************************************
-     *                                                                         *
-     * Static Builder                                                          *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * Creates an empty local list data-source.
-     * You can set / modify data by using the data property.
-     * @param idProperty
-     * @param localSort
-     * @param localFilter
-     */
-    static empty(idProperty, localSort, localFilter) {
-        return LocalPagedDataSource.of(LocalListDataSource.empty(idProperty, localSort, localFilter));
-    }
-    static of(listDataSource) {
-        return new LocalPagedDataSource(listDataSource);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(listDataSource) {
-        if (!listDataSource) {
-            throw new Error('listDataSource must not be null!');
-        }
-        this.localListFetcher = listDataSource;
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Public API                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get dataChanged() {
-        return this.localListFetcher.dataChanged;
-    }
-    findById(id) {
-        return this.localListFetcher.findById(id);
-    }
-    findByIds(ids) {
-        return this.localListFetcher.findByIds(ids);
-    }
-    findAllPaged(pageable, filters) {
-        return this.localListFetcher
-            .findAllFiltered(filters, pageable.sorts)
-            .pipe(map((data) => this.pageSlice(pageable, data)));
-    }
-    getId(entity) {
-        return this.localListFetcher.getId(entity);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    pageSlice(pageable, data) {
-        let page;
-        if (data) {
-            const start = pageable.page * pageable.size;
-            const end = start + pageable.size;
-            const slice = data.slice(start, end);
-            page = Page.fromPage(slice, data.length, pageable);
-        }
-        else {
-            page = Page.empty();
-        }
-        return page;
-    }
-}
-
-/***************************************************************************
- *                                                                         *
- * Type Predicates                                                         *
- *                                                                         *
- **************************************************************************/
-function isDataSource(object) {
-    if (!object) {
-        return false;
-    }
-    return (object.dataChanged !== undefined &&
-        object.findById !== undefined &&
-        object.getId !== undefined);
-}
-function isListDataSource(object) {
-    return object.findAllFiltered !== undefined;
-}
-function isLocalListDataSource(object) {
-    return (isListDataSource(object) &&
-        object.delete !== undefined &&
-        object.save !== undefined &&
-        object.replaceAll !== undefined);
-}
-function isPagedDataSource(object) {
-    return object.findAllPaged !== undefined;
-}
-function isContinuableDataSource(object) {
-    return object.findAllContinuable !== undefined;
-}
-
 class DelegateDataSource {
     /***************************************************************************
      *                                                                         *
@@ -23612,6 +23622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 args: [ElderSelectOptionComponent]
             }] } });
 
+const DEFAULT_DEBOUNCE_TIME = 150;
 class ElderAutocompleteDirective {
     /***************************************************************************
      *                                                                         *
@@ -23626,11 +23637,10 @@ class ElderAutocompleteDirective {
          *                                                                         *
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
-        this.ignoreKeys = ['ArrowRight', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'Tab'];
-        this.inputKeyup$ = new Subject();
         this.queryFilter = 'query';
         this.filters = [];
         this.sorts = [];
+        this.userTextInputChanged$ = new Subject();
         this.destroyMatAutoBinding$ = new Subject();
         this.destroy$ = new Subject();
     }
@@ -23639,11 +23649,9 @@ class ElderAutocompleteDirective {
      * Host Listener                                                           *
      *                                                                         *
      **************************************************************************/
-    onKeyUp(event) {
-        if (this.ignoreKeys.some((k) => k === event.key)) {
-            return;
-        }
-        this.inputKeyup$.next(event);
+    onUserTextInput(event) {
+        const value = event?.target?.value ?? '';
+        this.userTextInputChanged$.next(value);
     }
     /***************************************************************************
      *                                                                         *
@@ -23651,7 +23659,7 @@ class ElderAutocompleteDirective {
      *                                                                         *
      **************************************************************************/
     ngOnInit() {
-        merge(this.inputKeyup$.pipe(skipWhile((e) => !this._elderAutocomplete.enabled), debounceTime(150), map((e) => e?.target?.value)), this.autocomplete.triggerReload$)
+        merge(this.userTextInputChanged$.pipe(filter(() => this._elderAutocomplete.enabled), debounce(() => timer(this.getDebounceTime())), distinctUntilChanged()), this.autocomplete.triggerReload$)
             .pipe(takeUntil(this.destroy$), filter((value) => !value || typeof value === 'string' || typeof value === 'number'))
             .subscribe((value) => this.updateSuggestions(value));
     }
@@ -23701,8 +23709,14 @@ class ElderAutocompleteDirective {
             this.logger.warn('No DataContext available to update suggestions!');
         }
     }
+    getDebounceTime() {
+        if (isLocalDataSource(this.dataContext?.dataSource)) {
+            return 0;
+        }
+        return DEFAULT_DEBOUNCE_TIME;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderAutocompleteDirective, deps: [{ token: i1$8.MatAutocompleteTrigger }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: ElderAutocompleteDirective, isStandalone: true, selector: "[elderAutocomplete]", inputs: { queryFilter: "queryFilter", filters: "filters", sorts: "sorts", autocomplete: ["elderAutocomplete", "autocomplete"] }, host: { listeners: { "keyup": "onKeyUp($event)" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: ElderAutocompleteDirective, isStandalone: true, selector: "[elderAutocomplete]", inputs: { queryFilter: "queryFilter", filters: "filters", sorts: "sorts", autocomplete: ["elderAutocomplete", "autocomplete"] }, host: { listeners: { "input": "onUserTextInput($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderAutocompleteDirective, decorators: [{
             type: Directive,
@@ -23715,9 +23729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], sorts: [{
                 type: Input
-            }], onKeyUp: [{
+            }], onUserTextInput: [{
                 type: HostListener,
-                args: ['keyup', ['$event']]
+                args: ['input', ['$event']]
             }], autocomplete: [{
                 type: Input,
                 args: ['elderAutocomplete']
@@ -23732,11 +23746,11 @@ class ElderSelectOnTabDirective {
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this.autoTrigger = inject(MatAutocompleteTrigger);
-        this.elderSelectBase = inject(ELDER_SELECT_BASE, {
+        this.elderSelect = inject(ElderSelectComponent, {
             skipSelf: true,
         });
         this.destroy$ = new Subject$1();
-        this.controlValueAccessor = this.elderSelectBase;
+        this.controlValueAccessor = this.elderSelect;
         this.panelOpen = false;
         this.autocompleteTextTyped = false;
         this.panelNavigatedWithArrowKeys = false;
@@ -23779,7 +23793,7 @@ class ElderSelectOnTabDirective {
      *                                                                         *
      **************************************************************************/
     isRequiredAndEmpty() {
-        return !this.controlValueAccessor.value && this.elderSelectBase.required;
+        return !this.controlValueAccessor.value && this.elderSelect.required;
     }
     resetInteractionState() {
         this.autocompleteTextTyped = false;
@@ -23807,6 +23821,23 @@ class ElderSelectOnTabDirective {
             .subscribe((isUserInput) => (this.autocompleteTextTyped = isUserInput));
     }
     selectActiveOption() {
+        // keyboard navigation has precedence over text input
+        if (this.panelNavigatedWithArrowKeys) {
+            this.writeAutoCompleteActiveOption();
+            return;
+        }
+        // only select if text was typed and the setting is respected
+        if (!this.textTypedAndSettingRespected()) {
+            return;
+        }
+        const matchedOption = this.findMatchingOptionByInputText();
+        if (matchedOption) {
+            this.writeEntity(matchedOption.value);
+            return;
+        }
+        this.writeAutoCompleteActiveOption();
+    }
+    writeAutoCompleteActiveOption() {
         const activeOption = this.autoTrigger.activeOption;
         if (activeOption) {
             const entity = activeOption.value;
@@ -23832,11 +23863,33 @@ class ElderSelectOnTabDirective {
         }
     }
     textTypedAndSettingRespected() {
-        return this.autocompleteTextTyped && this.elderSelectBase.tabSelectAfterTextInput;
+        return this.autocompleteTextTyped && this.elderSelect.tabSelectAfterTextInput;
     }
     userInteracted() {
         return this.panelNavigatedWithArrowKeys || this.textTypedAndSettingRespected();
     }
+    findMatchingOptionByInputText() {
+        const inputText = this.elderSelect.inputRef?.nativeElement?.value;
+        if (!inputText) {
+            return undefined;
+        }
+        const normalizedInput = inputText.trim().toLowerCase();
+        if (!normalizedInput) {
+            return undefined;
+        }
+        const options = this.autoTrigger.autocomplete?.options?.toArray() ?? [];
+        return this.findFirstOptionMatchingNormalizedInput(options, normalizedInput);
+    }
+    findFirstOptionMatchingNormalizedInput(options, normalizedInput) {
+        return options.find((option) => {
+            if (option.disabled) {
+                return false;
+            }
+            const optionText = option.viewValue ?? '';
+            const normalizedOptionText = optionText.trim().toLowerCase();
+            return normalizedOptionText.startsWith(normalizedInput);
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderSelectOnTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: ElderSelectOnTabDirective, isStandalone: true, selector: "[elderSelectOnTab]", host: { listeners: { "keydown.arrowup": "handleVerticalArrowKeyPress()", "keydown.arrowdown": "handleVerticalArrowKeyPress()", "input": "handleInputTyping()", "keydown.tab": "handleTabKeyPress()" } }, ngImport: i0 }); }
 }
@@ -23895,6 +23948,7 @@ class ElderSuggestionPanelComponent {
          * The underlying Material Autocomplete
          */
         this.matAutocomplete$ = new BehaviorSubject(null);
+        this.activeEntity = input(null, ...(ngDevMode ? [{ debugName: "activeEntity" }] : /* istanbul ignore next */ []));
         /**
          * The DataContext which holds the autocomplete suggestions.
          */
@@ -24008,6 +24062,19 @@ class ElderSuggestionPanelComponent {
             return false;
         }
     }
+    isOptionActive(option) {
+        const activeEntity = this.activeEntity();
+        if (!activeEntity) {
+            return false;
+        }
+        const areIdsEqual = this.areIdsEqual(activeEntity, option);
+        if (areIdsEqual !== undefined) {
+            return areIdsEqual;
+        }
+        else {
+            return this.areLabelsEqual(activeEntity, option);
+        }
+    }
     toOptionValue(option) {
         if (this.optionValueConverterFn) {
             return this.optionValueConverterFn(option);
@@ -24042,8 +24109,39 @@ class ElderSuggestionPanelComponent {
     calculatePageSize() {
         return this.PAGE_SIZE + this.hiddenOptionsCount$.getValue();
     }
+    /**
+     * Try to extract the id from the value (to determine active entity)
+     * with graceful fallback to undefined.
+     */
+    safeId(value) {
+        if (value === null || value === undefined) {
+            return undefined;
+        }
+        try {
+            return this.getId(value);
+        }
+        catch {
+            this.logger.debug('Failed to extract id from value', value);
+            return undefined;
+        }
+    }
+    areIdsEqual(activeEntity, option) {
+        const activeId = this.safeId(activeEntity);
+        const optionId = this.safeId(option);
+        if ([activeId, optionId].includes(undefined)) {
+            return undefined;
+        }
+        return activeId === optionId;
+    }
+    areLabelsEqual(activeEntity, option) {
+        const resolverFn = this.displayPropertyResolver$.getValue();
+        if (resolverFn) {
+            return resolverFn(activeEntity) === resolverFn(option);
+        }
+        return this.propertyStringValue(activeEntity, null) === this.propertyStringValue(option, null);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderSuggestionPanelComponent, deps: [{ token: i0.NgZone }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ElderSuggestionPanelComponent, isStandalone: true, selector: "elder-suggestion-panel", inputs: { isOptionDisabledFn: "isOptionDisabledFn", isOptionHiddenFn: "isOptionHiddenFn", optionValueConverterFn: "optionValueConverterFn", enabled: "enabled", valueTemplate: "valueTemplate", dataSource: "dataSource", displayPropertyResolver: "displayPropertyResolver" }, outputs: { optionSelected: "optionSelected" }, queries: [{ propertyName: "valueTemplateQuery", first: true, predicate: ElderSelectValueDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], exportAs: ["elderSuggestionPanel"], ngImport: i0, template: "<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  panelWidth=\"auto\"\n  [autoActiveFirstOption]=\"true\"\n  (opened)=\"onAutocompleteOpened($event)\"\n  (optionSelected)=\"onOptionSelected($event)\"\n  elderInfiniteScroll\n  elderElderInfiniteAutocomplete\n  (closeToEnd)=\"onAutoCompleteCloseToEnd()\"\n>\n  @if (dataContext$ | async; as dc) {\n    @if (dc.isClosed) {\n      <mat-option disabled>\n        <div class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\">warning</mat-icon>\n          <span class=\"mat-caption\">DataContext Closed!</span>\n        </div>\n      </mat-option>\n    }\n\n    @if (availableSuggestions$ | async; as suggestions) {\n      @if (suggestions.length === 0) {\n        <mat-option disabled>No Data.</mat-option>\n      }\n\n      @for (suggestion of suggestions; track getIdAsString(suggestion)) {\n        @if (isOptionVisible(suggestion)) {\n          <mat-option\n            [value]=\"toOptionValue(suggestion)\"\n            [id]=\"getIdAsString(suggestion)\"\n            [disabled]=\"!isOptionAvailable(suggestion)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                valueTemplate || simpleValueTemplate;\n                context: { $implicit: suggestion }\n              \"\n            >\n            </ng-container>\n            <!--\n            <span class=\"mat-caption\">value: {{toOptionValue(suggestion)}}</span>\n            -->\n          </mat-option>\n        }\n      }\n    }\n  } @else {\n    <mat-option disabled>\n      <span class=\"mat-caption\">\n        No DataContext!\n        @if (dataSource$ | async; as ds) {\n          (DataSource: {{ ds ? 'available' : 'missing' }})\n          {{ enabled ? 'Autocomplete Enabled' : 'Autocomplete DISABLED' }}\n        }\n      </span>\n    </mat-option>\n  }\n\n  @if (dataState$ | async; as state) {\n    @if (!state.idle || state.loading) {\n      <mat-option disabled>\n        <mat-progress-bar\n          [value]=\"100\"\n          [mode]=\"state.loading ? 'query' : 'determinate'\"\n          [color]=\"state.error ? 'warn' : 'primary'\"\n        ></mat-progress-bar>\n      </mat-option>\n    }\n  }\n</mat-autocomplete>\n\n<ng-template #simpleValueTemplate let-value>\n  @if (displayPropertyResolver$ | async; as propertyResolver) {\n    <span class=\"noselect\">{{ propertyResolver(value) }}</span>\n  }\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: ElderInfiniteAutocompleteDirective, selector: "mat-autocomplete[elderElderInfiniteAutocomplete]" }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ElderSuggestionPanelComponent, isStandalone: true, selector: "elder-suggestion-panel", inputs: { isOptionDisabledFn: { classPropertyName: "isOptionDisabledFn", publicName: "isOptionDisabledFn", isSignal: false, isRequired: false, transformFunction: null }, isOptionHiddenFn: { classPropertyName: "isOptionHiddenFn", publicName: "isOptionHiddenFn", isSignal: false, isRequired: false, transformFunction: null }, optionValueConverterFn: { classPropertyName: "optionValueConverterFn", publicName: "optionValueConverterFn", isSignal: false, isRequired: false, transformFunction: null }, activeEntity: { classPropertyName: "activeEntity", publicName: "activeEntity", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: false, isRequired: false, transformFunction: null }, valueTemplate: { classPropertyName: "valueTemplate", publicName: "valueTemplate", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, displayPropertyResolver: { classPropertyName: "displayPropertyResolver", publicName: "displayPropertyResolver", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, queries: [{ propertyName: "valueTemplateQuery", first: true, predicate: ElderSelectValueDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], exportAs: ["elderSuggestionPanel"], ngImport: i0, template: "<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  panelWidth=\"auto\"\n  [autoActiveFirstOption]=\"true\"\n  (opened)=\"onAutocompleteOpened($event)\"\n  (optionSelected)=\"onOptionSelected($event)\"\n  elderInfiniteScroll\n  elderElderInfiniteAutocomplete\n  (closeToEnd)=\"onAutoCompleteCloseToEnd()\"\n>\n  @if (dataContext$ | async; as dc) {\n    @if (dc.isClosed) {\n      <mat-option disabled>\n        <div class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\">warning</mat-icon>\n          <span class=\"mat-caption\">DataContext Closed!</span>\n        </div>\n      </mat-option>\n    }\n\n    @if (availableSuggestions$ | async; as suggestions) {\n      @if (suggestions.length === 0) {\n        <mat-option disabled>No Data.</mat-option>\n      }\n\n      @for (suggestion of suggestions; track getIdAsString(suggestion)) {\n        @if (isOptionVisible(suggestion)) {\n          <mat-option\n            [value]=\"toOptionValue(suggestion)\"\n            [id]=\"getIdAsString(suggestion)\"\n            [disabled]=\"!isOptionAvailable(suggestion)\"\n            [class.active-option]=\"isOptionActive(suggestion)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                valueTemplate || simpleValueTemplate;\n                context: { $implicit: suggestion }\n              \"\n            >\n            </ng-container>\n            <!--\n            <span class=\"mat-caption\">value: {{toOptionValue(suggestion)}}</span>\n            -->\n          </mat-option>\n        }\n      }\n    }\n  } @else {\n    <mat-option disabled>\n      <span class=\"mat-caption\">\n        No DataContext!\n        @if (dataSource$ | async; as ds) {\n          (DataSource: {{ ds ? 'available' : 'missing' }})\n          {{ enabled ? 'Autocomplete Enabled' : 'Autocomplete DISABLED' }}\n        }\n      </span>\n    </mat-option>\n  }\n\n  @if (dataState$ | async; as state) {\n    @if (!state.idle || state.loading) {\n      <div style=\"position: relative\">\n        <div style=\"position: absolute; right: 0; bottom: -8px; left: 0\">\n          <mat-progress-bar\n            [value]=\"100\"\n            [mode]=\"state.loading ? 'query' : 'determinate'\"\n            [color]=\"state.error ? 'warn' : 'primary'\"\n          ></mat-progress-bar>\n        </div>\n      </div>\n    }\n  }\n</mat-autocomplete>\n\n<ng-template #simpleValueTemplate let-value>\n  @if (displayPropertyResolver$ | async; as propertyResolver) {\n    <span class=\"noselect\">{{ propertyResolver(value) }}</span>\n  }\n</ng-template>\n", styles: [".active-option.active-option{font-weight:700}.active-option.active-option:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--md-sys-color-primary)}\n"], dependencies: [{ kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: ElderInfiniteAutocompleteDirective, selector: "mat-autocomplete[elderElderInfiniteAutocomplete]" }, { kind: "directive", type: ElderInfiniteScrollDirective, selector: "[elderInfiniteScroll]", inputs: ["listenToHost", "eventThrottle", "offsetFactor", "ignoreScrollEvent", "containerId", "scrollContainer"], outputs: ["closeToEnd", "scrolling"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderSuggestionPanelComponent, decorators: [{
             type: Component,
@@ -24056,7 +24154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         NgTemplateOutlet,
                         MatProgressBar,
                         AsyncPipe,
-                    ], template: "<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  panelWidth=\"auto\"\n  [autoActiveFirstOption]=\"true\"\n  (opened)=\"onAutocompleteOpened($event)\"\n  (optionSelected)=\"onOptionSelected($event)\"\n  elderInfiniteScroll\n  elderElderInfiniteAutocomplete\n  (closeToEnd)=\"onAutoCompleteCloseToEnd()\"\n>\n  @if (dataContext$ | async; as dc) {\n    @if (dc.isClosed) {\n      <mat-option disabled>\n        <div class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\">warning</mat-icon>\n          <span class=\"mat-caption\">DataContext Closed!</span>\n        </div>\n      </mat-option>\n    }\n\n    @if (availableSuggestions$ | async; as suggestions) {\n      @if (suggestions.length === 0) {\n        <mat-option disabled>No Data.</mat-option>\n      }\n\n      @for (suggestion of suggestions; track getIdAsString(suggestion)) {\n        @if (isOptionVisible(suggestion)) {\n          <mat-option\n            [value]=\"toOptionValue(suggestion)\"\n            [id]=\"getIdAsString(suggestion)\"\n            [disabled]=\"!isOptionAvailable(suggestion)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                valueTemplate || simpleValueTemplate;\n                context: { $implicit: suggestion }\n              \"\n            >\n            </ng-container>\n            <!--\n            <span class=\"mat-caption\">value: {{toOptionValue(suggestion)}}</span>\n            -->\n          </mat-option>\n        }\n      }\n    }\n  } @else {\n    <mat-option disabled>\n      <span class=\"mat-caption\">\n        No DataContext!\n        @if (dataSource$ | async; as ds) {\n          (DataSource: {{ ds ? 'available' : 'missing' }})\n          {{ enabled ? 'Autocomplete Enabled' : 'Autocomplete DISABLED' }}\n        }\n      </span>\n    </mat-option>\n  }\n\n  @if (dataState$ | async; as state) {\n    @if (!state.idle || state.loading) {\n      <mat-option disabled>\n        <mat-progress-bar\n          [value]=\"100\"\n          [mode]=\"state.loading ? 'query' : 'determinate'\"\n          [color]=\"state.error ? 'warn' : 'primary'\"\n        ></mat-progress-bar>\n      </mat-option>\n    }\n  }\n</mat-autocomplete>\n\n<ng-template #simpleValueTemplate let-value>\n  @if (displayPropertyResolver$ | async; as propertyResolver) {\n    <span class=\"noselect\">{{ propertyResolver(value) }}</span>\n  }\n</ng-template>\n" }]
+                    ], template: "<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  panelWidth=\"auto\"\n  [autoActiveFirstOption]=\"true\"\n  (opened)=\"onAutocompleteOpened($event)\"\n  (optionSelected)=\"onOptionSelected($event)\"\n  elderInfiniteScroll\n  elderElderInfiniteAutocomplete\n  (closeToEnd)=\"onAutoCompleteCloseToEnd()\"\n>\n  @if (dataContext$ | async; as dc) {\n    @if (dc.isClosed) {\n      <mat-option disabled>\n        <div class=\"layout-row place-start-center gap-sm\">\n          <mat-icon color=\"warn\">warning</mat-icon>\n          <span class=\"mat-caption\">DataContext Closed!</span>\n        </div>\n      </mat-option>\n    }\n\n    @if (availableSuggestions$ | async; as suggestions) {\n      @if (suggestions.length === 0) {\n        <mat-option disabled>No Data.</mat-option>\n      }\n\n      @for (suggestion of suggestions; track getIdAsString(suggestion)) {\n        @if (isOptionVisible(suggestion)) {\n          <mat-option\n            [value]=\"toOptionValue(suggestion)\"\n            [id]=\"getIdAsString(suggestion)\"\n            [disabled]=\"!isOptionAvailable(suggestion)\"\n            [class.active-option]=\"isOptionActive(suggestion)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                valueTemplate || simpleValueTemplate;\n                context: { $implicit: suggestion }\n              \"\n            >\n            </ng-container>\n            <!--\n            <span class=\"mat-caption\">value: {{toOptionValue(suggestion)}}</span>\n            -->\n          </mat-option>\n        }\n      }\n    }\n  } @else {\n    <mat-option disabled>\n      <span class=\"mat-caption\">\n        No DataContext!\n        @if (dataSource$ | async; as ds) {\n          (DataSource: {{ ds ? 'available' : 'missing' }})\n          {{ enabled ? 'Autocomplete Enabled' : 'Autocomplete DISABLED' }}\n        }\n      </span>\n    </mat-option>\n  }\n\n  @if (dataState$ | async; as state) {\n    @if (!state.idle || state.loading) {\n      <div style=\"position: relative\">\n        <div style=\"position: absolute; right: 0; bottom: -8px; left: 0\">\n          <mat-progress-bar\n            [value]=\"100\"\n            [mode]=\"state.loading ? 'query' : 'determinate'\"\n            [color]=\"state.error ? 'warn' : 'primary'\"\n          ></mat-progress-bar>\n        </div>\n      </div>\n    }\n  }\n</mat-autocomplete>\n\n<ng-template #simpleValueTemplate let-value>\n  @if (displayPropertyResolver$ | async; as propertyResolver) {\n    <span class=\"noselect\">{{ propertyResolver(value) }}</span>\n  }\n</ng-template>\n", styles: [".active-option.active-option{font-weight:700}.active-option.active-option:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--md-sys-color-primary)}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.DestroyRef }], propDecorators: { valueTemplateQuery: [{
                 type: ContentChild,
                 args: [ElderSelectValueDirective, { read: TemplateRef, static: true }]
@@ -24069,7 +24167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], optionValueConverterFn: [{
                 type: Input
-            }], optionSelected: [{
+            }], activeEntity: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeEntity", required: false }] }], optionSelected: [{
                 type: Output
             }], enabled: [{
                 type: Input
@@ -24316,15 +24414,12 @@ class ElderSelectComponent extends ElderSelectBase {
     }
     get isOptionDisabledInternalFn() {
         return (option) => {
-            if (!this.isEntitySelected(option)) {
-                if (this.isOptionDisabledFn) {
-                    return this.isOptionDisabledFn(option);
-                }
-                else {
-                    return false;
-                }
+            if (this.isOptionDisabledFn) {
+                return this.isOptionDisabledFn(option);
+            }
+            else {
+                return false;
             }
-            return true;
         };
     }
     get isOptionHiddenInternalFn() {
@@ -24375,9 +24470,19 @@ class ElderSelectComponent extends ElderSelectBase {
         }
         const selectedEntity = optionSelected.entity;
         if (this.isEntitySelected(selectedEntity)) {
-            this.writeValueInternal(null); // HACK: Ensure we trigger view redraw
+            /*
+             * Force signal emission when re-selecting the same entity.
+             * Signals skip emission when the value hasn't changed (by reference),
+             * therefore we need to null and then restore the value to trigger subscribers.
+             */
+            this.writeValueInternal(null);
+            queueMicrotask(() => {
+                this.updateValueByEntity(selectedEntity);
+            });
+        }
+        else {
+            this.updateValueByEntity(selectedEntity);
         }
-        this.updateValueByEntity(selectedEntity);
     }
     openSelectionPopup(event) {
         if (this.selectionPopup) {
@@ -24529,7 +24634,7 @@ class ElderSelectComponent extends ElderSelectBase {
                 provide: ELDER_SELECT_BASE,
                 useExisting: forwardRef(() => ElderSelectComponent),
             },
-        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]" }, { kind: "directive", type: ElderAutocompleteDirective, selector: "[elderAutocomplete]", inputs: ["queryFilter", "filters", "sorts", "elderAutocomplete"] }, { kind: "component", type: ElderSuggestionPanelComponent, selector: "elder-suggestion-panel", inputs: ["isOptionDisabledFn", "isOptionHiddenFn", "optionValueConverterFn", "enabled", "valueTemplate", "dataSource", "displayPropertyResolver"], outputs: ["optionSelected"], exportAs: ["elderSuggestionPanel"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: ElderAutoSelectSuggestFirstDirective, selector: "[elderAutoSelectSuggestFirst]" }, { kind: "pipe", type: ElderTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n      [activeEntity]=\"entityS()\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ElderSelectOnTabDirective, selector: "[elderSelectOnTab]" }, { kind: "directive", type: ElderAutocompleteDirective, selector: "[elderAutocomplete]", inputs: ["queryFilter", "filters", "sorts", "elderAutocomplete"] }, { kind: "component", type: ElderSuggestionPanelComponent, selector: "elder-suggestion-panel", inputs: ["isOptionDisabledFn", "isOptionHiddenFn", "optionValueConverterFn", "activeEntity", "enabled", "valueTemplate", "dataSource", "displayPropertyResolver"], outputs: ["optionSelected"], exportAs: ["elderSuggestionPanel"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: ElderStopEventPropagationDirective, selector: "[elderStopEventPropagation]" }, { kind: "directive", type: ElderAutoSelectSuggestFirstDirective, selector: "[elderAutoSelectSuggestFirst]" }, { kind: "pipe", type: ElderTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ElderSelectComponent, decorators: [{
             type: Component,
@@ -24552,7 +24657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         ElderStopEventPropagationDirective,
                         ElderTranslatePipe,
                         ElderAutoSelectSuggestFirstDirective,
-                    ], template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"] }]
+                    ], template: "@if (entityWrapped(); as entityWrapper) {\n  <div class=\"layout-row place-start-center elder-flex-control\">\n    @if (state(); as state) {\n      @if (state?.error || icon) {\n        <div class=\"elder-input-prefix-icon-container flex-none\">\n          @if (icon) {\n            <mat-icon\n              disabled\n              class=\"elder-mdc-control-icon elder-icon-small noselect clickable-icon\"\n              [class.loading]=\"state.loading\"\n              [color]=\"state?.error ? 'warn' : focused ? 'primary' : undefined\"\n              (click)=\"onCurrentClicked(entity)\"\n            >\n              {{ icon }}\n            </mat-icon>\n          } @else if (state?.error) {\n            <mat-icon\n              class=\"elder-mdc-control-icon elder-icon-small noselect\"\n              color=\"warn\"\n              [matTooltip]=\"state?.error\"\n            >\n              warning\n            </mat-icon>\n          }\n        </div>\n      }\n    }\n\n    <!-- A dynamic input -->\n    <input\n      #input\n      matInput\n      type=\"text\"\n      class=\"flex-grow elder-select-input mdc-text-field__input\"\n      [disabled]=\"!!disabled\"\n      [required]=\"!!required\"\n      [readonly]=\"readonly || !autocomplete\"\n      [name]=\"controlName + '-inner-input'\"\n      [placeholder]=\"placeholderS() | translate\"\n      [matAutocomplete]\n      #autoTrigger=\"matAutocompleteTrigger\"\n      [elderAutocomplete]=\"elderAuto\"\n      [queryFilter]=\"queryFilter\"\n      [filters]=\"filters\"\n      [sorts]=\"sorts\"\n      elderSelectOnTab\n      [class.elder-select-dropdown-input]=\"!autocomplete\"\n      [ngModel]=\"inputText()\"\n      [ngModelOptions]=\"{ standalone: true, updateOn: 'submit' }\"\n      (blur)=\"onInputBlur($event)\"\n      (focus)=\"onInputFocus(autoTrigger)\"\n      (click)=\"onInputClicked(autoTrigger)\"\n    />\n\n    <elder-suggestion-panel\n      #elderAuto=\"elderSuggestionPanel\"\n      [dataSource]=\"dataContextS()?.dataSource\"\n      [valueTemplate]=\"valueTemplate\"\n      enabled\n      [displayPropertyResolver]=\"displayPropertyResolverS()\"\n      [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n      [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n      elderAutoSelectSuggestFirst\n      (optionSelected)=\"onOptionSelected($any($event))\"\n      [activeEntity]=\"entityS()\"\n    ></elder-suggestion-panel>\n\n    <div class=\"layout-row place-start-center flex-none\">\n      @if (!selectionPopup && !autocomplete && !entityWrapper.displayRemove) {\n        <mat-icon\n          class=\"elder-mdc-control-icon elder-select-arrow noselect\"\n          (click)=\"onInputClicked(autoTrigger)\"\n        >\n          arrow_drop_down\n        </mat-icon>\n      }\n\n      @if (selectionPopup && !entityWrapper.displayRemove) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLocked\"\n          (click)=\"openSelectionPopup($event)\"\n          aria-label=\"Search\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n        </button>\n      }\n\n      @if (entityWrapper.displayRemove && !this.readonlyS()) {\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"elder-control-icon-button\"\n          [disabled]=\"isLockedS()\"\n          (click)=\"clear($event)\"\n          aria-label=\"Clear\"\n          elderStopEventPropagation\n          tabIndex=\"-1\"\n        >\n          <mat-icon class=\"elder-mdc-control-icon\">close</mat-icon>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.75)}}.loading{animation:shrink .3s ease-in-out infinite alternate;-webkit-animation:shrink .3s ease-in-out infinite alternate}.clickable-icon,.elder-select-dropdown-input{cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['input']
@@ -39509,5 +39614,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, 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, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGenericResizableLayoutComponent, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridNavigationBarDirective, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderPopoverComponent, ElderPopoverTriggerDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderResizableDirective, ElderResizablePaneLayoutComponent, ElderResizeBehaviorDirective, ElderResizeContainerComponent, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTranslatePipe, ElderTranslateService, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, ItemModel, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createElderDefaultTranslateLoader, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, provideElderBrandAssets, provideElderDefaults, provideElderLanguage, provideElderTranslate, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, 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, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGenericResizableLayoutComponent, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridNavigationBarDirective, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderPopoverComponent, ElderPopoverTriggerDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderResizableDirective, ElderResizablePaneLayoutComponent, ElderResizeBehaviorDirective, ElderResizeContainerComponent, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTranslatePipe, ElderTranslateService, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, ItemModel, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createElderDefaultTranslateLoader, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalDataSource, isLocalListDataSource, isLocalPagedDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, provideElderBrandAssets, provideElderDefaults, provideElderLanguage, provideElderTranslate, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map