@elderbyte/ngx-starter 16.2.5 → 16.2.7

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -6348,9 +6348,9 @@ class ElderFormFieldControlBase extends ValueAccessorBase {
     constructor(hostRef, controlType, focusMonitor, translateService, ngControl) {
         super();
         this.hostRef = hostRef;
-        this._disabled = false;
-        this._required = false;
-        this._readonly = false;
+        this.disabled$ = new BehaviorSubject(false);
+        this.required$ = new BehaviorSubject(false);
+        this.readonly$ = new BehaviorSubject(false);
         this._focused = false;
         this.stateChangePusher$ = new Subject();
         this.destroy$ = new Subject();
@@ -6404,28 +6404,37 @@ class ElderFormFieldControlBase extends ValueAccessorBase {
         return this._placeholder;
     }
     set required(value) {
-        this._required = coerceBooleanProperty(value);
-        this.emitStateChange();
+        const newValue = coerceBooleanProperty(value);
+        if (this.required != newValue) {
+            this.required$.next(newValue);
+            this.emitStateChange();
+        }
     }
     get required() {
-        return this._required;
+        return this.required$.getValue();
     }
     set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        this.emitStateChange();
+        const newValue = coerceBooleanProperty(value);
+        if (this.disabled != newValue) {
+            this.disabled$.next(newValue);
+            this.emitStateChange();
+        }
     }
     get disabled() {
-        return this._disabled;
+        return this.disabled$.getValue();
     }
     set readonly(value) {
-        this._readonly = coerceBooleanProperty(value);
-        this.emitStateChange();
+        const newValue = coerceBooleanProperty(value);
+        if (this.readonly != newValue) {
+            this.readonly$.next(newValue);
+            this.emitStateChange();
+        }
     }
     get readonly() {
-        return this._readonly;
+        return this.readonly$.getValue();
     }
     get isLocked() {
-        return this._disabled || this._readonly;
+        return this.disabled || this.readonly;
     }
     get stateChanges() {
         return this.value$.pipe(map(x => x), mergeWith(this.stateChangePusher$));
@@ -6466,7 +6475,8 @@ class ElderFormFieldControlBase extends ValueAccessorBase {
     emitStateChange() {
         this.stateChangePusher$.next();
     }
-    writeToControl(value) { }
+    writeToControl(value) {
+    }
     onFocusInternal() {
         if (!this.disabled) {
             this._focused = true;
@@ -19919,13 +19929,11 @@ class ElderSelectComponent extends ElderSelectBase {
         }
     }
     selectEntityById(id) {
-        console.warn('Current Entity: ' + this.entity);
-        console.warn('id: ' + id);
         const currentEntity = this.entity;
         if (currentEntity && this.getEntityId(currentEntity) === id) {
             return; // Entity already loaded
         }
-        if (id === null || id === undefined) {
+        if (id === null || id === undefined || id === "") {
             if (currentEntity !== null && currentEntity !== undefined) {
                 this.entity = null;
             }
@@ -19960,7 +19968,7 @@ class ElderSelectComponent extends ElderSelectBase {
             .find(v => this.getEntityId(v) === id);
     }
     entityToValue(entity) {
-        if (this.valueAsId && entity) {
+        if (this.valueAsId) {
             const id = this.getEntityId(entity);
             return id;
         }
@@ -21649,7 +21657,9 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
             this.entities$,
             this.entityIds$,
             this.state$,
-            this.displayPropertyResolver$
+            this.displayPropertyResolver$,
+            this.readonly$,
+            this.disabled$
         ]).pipe(map(([entities, entityIds, state, dPR]) => this.buildChipModelsOrFallback(entities, entityIds, state, dPR)));
         this.templates$ = combineLatest([
             this.chipTemplate$,