@acorex/components 20.8.16 → 20.8.20

package/fesm2022/acorex-components-select-box.mjs

@@ -11,7 +11,7 @@ import * as i0 from '@angular/core';
 import { input, inject, signal, linkedSignal, afterNextRender, forwardRef, HostListener, ViewChild, ContentChild, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { isEqual, last, findLastIndex, get, nth } from 'lodash-es';
+import { isEqual, get, last, findLastIndex, nth } from 'lodash-es';
 import { classes } from 'polytype';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
@@ -166,16 +166,26 @@ class AXSelectBoxComponent extends classes(MXDropdownBoxBaseComponent, MXSelecti
      * @param {any} key
      */
     getItemByKey(key) {
-        // Use the data source's byKey method if available
-        if (this._listDataSource && typeof this._listDataSource.byKey === 'function') {
-            return this._listDataSource.byKey(key);
+        // Static array data sources resolve synchronously to avoid a false loading state
+        // for primitive values (e.g. color format "hex" / "rgba").
+        if (Array.isArray(this._originalDataSource)) {
+            for (const candidate of this._originalDataSource) {
+                if (candidate != null && typeof candidate === 'object') {
+                    if (get(candidate, this.valueField) == key || get(candidate, this.textField) == key) {
+                        return candidate;
+                    }
+                }
+                else if (candidate == key) {
+                    return { [this.valueField]: candidate, [this.textField]: String(candidate ?? '') };
+                }
+            }
+            return null;
         }
-        // Fallback to find method if byKey is not available
         if (this._listDataSource && typeof this._listDataSource.find === 'function') {
             return this._listDataSource.find(key);
         }
         // If neither method is available, return null
-        console.warn('No byKey or find method available on data source');
+        console.warn('No find method available on data source');
         return null;
     }
     /** @ignore */