@elderbyte/ngx-starter 13.7.3 → 13.7.6

package/fesm2020/elderbyte-ngx-starter.mjs

@@ -2156,7 +2156,7 @@ class CollectionUtil {
         return false;
     }
     /**
-     * Moves the given item up in the given array - if not already at the bottom
+     * Moves the given item up in the given array - if not already at the top
      * @param items
      * @param toMove
      */
@@ -3822,7 +3822,7 @@ class MatTableDataContextBinding {
         }
     }
     bindDataContextToMatSortsUntil(matSorts$, destroy$) {
-        const dcSorts$ = this._dataContext$.pipe(switchMap(dc => dc.sort.sorts));
+        const dcSorts$ = this._dataContext$.pipe(filter(dc => !!dc), switchMap(dc => dc.sort.sorts));
         combineLatest([dcSorts$, matSorts$]).pipe(takeUntil(destroy$)).subscribe(([dcSorts, matSorts]) => {
             if (dcSorts.length >= 1) {
                 // At least one sort active
@@ -3859,19 +3859,23 @@ class MatTableDataContextBinding {
             return new Sort(matSort.active, this.fromMatDirection(matSort.direction));
         }));
         combineLatest([this._dataContext$, sortChanges$]).pipe(takeUntil(destroy$)).subscribe(([dc, sortRequest]) => {
-            dc.sort.updateSort(sortRequest);
+            if (dc) {
+                dc.sort.updateSort(sortRequest);
+            }
         });
     }
     bindPaginatorUntil(paginator$, destroy$) {
         const pageRequest$ = paginator$.pipe(filter(paginator => !!paginator), switchMap(paginator => paginator.page), map(pageEvent => new PageRequest(pageEvent.pageIndex, pageEvent.pageSize)));
         combineLatest([this._dataContext$, pageRequest$]).pipe(takeUntil(destroy$)).subscribe(([dc, pageRequest]) => {
-            if (isActivePagedDataContext(dc)) {
-                const pagedDc = dc;
-                pagedDc.setActivePage(pageRequest);
-            }
-            else {
-                this.logger.warn('Can not bind the given paginator to the given data-context,' +
-                    ' as the datacontext does not support pagination!', dc);
+            if (dc) {
+                if (isActivePagedDataContext(dc)) {
+                    const pagedDc = dc;
+                    pagedDc.setActivePage(pageRequest);
+                }
+                else {
+                    this.logger.warn('Can not bind the given paginator to the given data-context,' +
+                        ' as the datacontext does not support pagination!', dc);
+                }
             }
         });
     }
@@ -5260,7 +5264,7 @@ class ValueAccessorBase {
      * except the initial value which is skipped.
      */
     get valueChange() {
-        return this._value$.pipe(skip(1) // Skip the initial NULL value
+        return this._value$.pipe(skip(1) // Skip the current / initial value
         );
     }
     /**
@@ -20244,6 +20248,7 @@ class ElderSelectBase extends FormFieldBaseComponent {
          **************************************************************************/
         this._logger = LoggerFactory.getLogger(this.constructor.name);
         this._filterContext = new FilterContext();
+        this.timeoutAfterMs = 5000;
         /**
          * Define if elder-select should clean up the
          * data-context resources for you.
@@ -20894,16 +20899,19 @@ class ElderSelectComponent extends ElderSelectBase {
          * String to display for the 'nothing' / null value.
          */
         this.nullDisplay = '-';
-        this.entity$ = new BehaviorSubject(undefined);
+        this._entity$ = new BehaviorSubject(undefined);
         this._autocomplete = false;
         this.unsubscribe$ = new Subject();
         this.entityIdChange = this.valueChange.pipe(map(v => this.entityIdFromValue(v)));
-        this.entityChange = this.entity$.pipe(skip(1) // Skip the initial NULL value
+        this.entityChange = this._entity$.pipe(skip(1) // Skip the initial or current value
         );
         this.entityIdUpdated = this.valueUpdated.pipe(map(value => this.entityIdFromValue(value)));
-        this.entityUpdated = combineLatest([this.entityIdUpdated, this.entity$]).pipe(filter(([updatedId, entity]) => this.getEntityId(entity) === updatedId), map(([updatedId, entity]) => entity));
+        this.entityUpdated = this.entityIdUpdated.pipe(switchMap(entityId => this.awaitEntityWithId(entityId, this.timeoutAfterMs)), catchError(err => {
+            this.logger.warn(`awaitEntityWithId -> timed out after: ${this.timeoutAfterMs}`, err);
+            return EMPTY;
+        }));
         this.entityWrapped$ = combineLatest([
-            this.entity$,
+            this._entity$,
             this.displayPropertyResolver$,
             this.hintPropertyResolver$
         ]).pipe(map(([value, dPR, hPR]) => new EntityContext(value, hPR(value), dPR(value))));
@@ -20954,11 +20962,17 @@ class ElderSelectComponent extends ElderSelectBase {
      *                                                                         *
      **************************************************************************/
     set entity(entity) {
-        this.entity$.next(entity);
+        this._entity$.next(entity);
         this.writeValueInternal(this.entityToValue(entity));
     }
     get entity() {
-        return this.entity$.getValue();
+        return this._entity$.getValue();
+    }
+    /**
+     * Gets the current entity as observable stream. (BehaviourSubject)
+     */
+    get entity$() {
+        return this._entity$.asObservable();
     }
     set entityId(id) {
         if (this.valueAsId) {
@@ -21086,6 +21100,9 @@ class ElderSelectComponent extends ElderSelectBase {
     valuesEquals(a, b) {
         return this.entityIdFromValue(a) === this.entityIdFromValue(b);
     }
+    awaitEntityWithId(entityId, timeoutMs) {
+        return this.entity$.pipe(filter(entity => this.getEntityId(entity) === entityId), take(1), timeout(timeoutMs));
+    }
     isEntitySelected(entity) {
         return this.getEntityId(entity) === this.entityId;
     }
@@ -21163,7 +21180,7 @@ class ElderSelectComponent extends ElderSelectBase {
             const newEntity = value;
             this.logger.debug('writeToControl: value was written as entity: ' + JSON.stringify(newEntity), value);
             if (!this.isEqual(currentEntity, newEntity)) {
-                this.entity$.next(newEntity);
+                this._entity$.next(newEntity);
             }
             else {
                 this.logger.warn('Ignored written entity as it is already set to entity$!');
@@ -21189,7 +21206,7 @@ class ElderSelectComponent extends ElderSelectBase {
     }
 }
 ElderSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: ElderSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ElderSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ElderSelectComponent, selector: "elder-select", inputs: { nullDisplay: "nullDisplay", autocomplete: "autocomplete", allowNull: "allowNull", entity: "entity", entityId: "entityId", hintProperty: "hintProperty", hintPropertyResolver: "hintPropertyResolver" }, outputs: { entityIdChange: "entityIdChange", entityChange: "entityChange", entityIdUpdated: "entityIdUpdated", entityUpdated: "entityUpdated" }, providers: [
+ElderSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: ElderSelectComponent, selector: "elder-select", inputs: { nullDisplay: "nullDisplay", autocomplete: "autocomplete", allowNull: "allowNull", entity: "entity", entityId: "entityId", hintProperty: "hintProperty", hintPropertyResolver: "hintPropertyResolver" }, outputs: { entityIdChange: "entityIdChange", entityIdUpdated: "entityIdUpdated", entityChange: "entityChange", entityUpdated: "entityUpdated" }, providers: [
         {
             provide: ELDER_SELECT_BASE,
             useExisting: forwardRef(() => ElderSelectComponent)
@@ -21209,10 +21226,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], entityIdChange: [{
                 type: Output
-            }], entityChange: [{
-                type: Output
             }], entityIdUpdated: [{
                 type: Output
+            }], entityChange: [{
+                type: Output
             }], entityUpdated: [{
                 type: Output
             }], autocomplete: [{
@@ -21297,7 +21314,13 @@ class ElderMultiSelectBase extends ElderSelectBase {
         this.entities$ = new BehaviorSubject([]);
         this.entityIdsChange = this.valueChange.pipe(map(values => this.entityIdsFromValues(values)));
         this.entityIdsUpdated = this.valueUpdated.pipe(map(values => this.entityIdsFromValues(values)));
-        this.entitiesUpdated = combineLatest([this.entityIdsUpdated, this.entities$]).pipe(filter(([updatedIds, entities]) => this.equalIds(this.getEntityIds(entities), updatedIds)), map(([updatedIds, entities]) => entities));
+        this.entitiesUpdated = this.entityIdsUpdated.pipe(switchMap(entityId => this.awaitEntitiesWithId(entityId, this.timeoutAfterMs)), catchError(err => {
+            this.logger.warn(`awaitEntitiesWithId -> timed out after: ${this.timeoutAfterMs}`, err);
+            return EMPTY;
+        }));
+    }
+    awaitEntitiesWithId(entityIds, timeoutMs) {
+        return this.entities$.pipe(filter(entities => this.equalIds(this.getEntityIds(entities), entityIds)), take(1), timeout(timeoutMs));
     }
     /***************************************************************************
      *                                                                         *
@@ -21371,7 +21394,10 @@ class ElderMultiSelectBase extends ElderSelectBase {
      *                                                                         *
      **************************************************************************/
     entityIdsFromValues(values) {
-        return values?.map(v => this.entityIdFromValue(v));
+        if (values) {
+            return values.map(v => this.entityIdFromValue(v));
+        }
+        return null;
     }
     entityIdFromValue(value) {
         if (this.valueAsId) {
@@ -21383,7 +21409,10 @@ class ElderMultiSelectBase extends ElderSelectBase {
         }
     }
     entitiesToValues(entities) {
-        return entities?.map(e => this.entityToValue(e));
+        if (entities) {
+            return entities.map(e => this.entityToValue(e));
+        }
+        return null;
     }
     entityToValue(entity) {
         if (this.valueAsId) {
@@ -21395,7 +21424,10 @@ class ElderMultiSelectBase extends ElderSelectBase {
         }
     }
     getEntityIds(values) {
-        return values?.map(v => this.getEntityId(v));
+        if (values) {
+            return values.map(v => this.getEntityId(v));
+        }
+        return null;
     }
     equalIds(idsA, idsB) {
         return Sets.equalContent(idsA, idsB);