@mozaic-ds/angular 2.0.17 → 2.0.18

package/fesm2022/mozaic-ds-angular.mjs

@@ -10613,6 +10613,8 @@ class MozComboboxComponent {
     searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
     /** Disabled state from ControlValueAccessor */
     _disabledFromForm = signal(false, ...(ngDevMode ? [{ debugName: "_disabledFromForm" }] : []));
+    /** Cache of value → label for all options ever seen (survives items changes) */
+    _labelCache = new Map();
     /** CVA callbacks */
     _onChange = () => { };
     _onTouched = () => { };
@@ -10691,13 +10693,12 @@ class MozComboboxComponent {
         const flat = this.flatItems();
         const options = flat.filter(isFlatOption);
         const cmp = this.compareWith();
+        const cache = this._labelCache;
+        const findLabel = (v) => options.find((o) => cmp(o.value, v))?.label ?? cache.get(v) ?? '';
         if (Array.isArray(val)) {
-            return val
-                .map((v) => options.find((o) => cmp(o.value, v))?.label ?? '')
-                .filter(Boolean)
-                .join(', ');
+            return val.map(findLabel).filter(Boolean).join(', ');
         }
-        return options.find((o) => cmp(o.value, val))?.label ?? '';
+        return findLabel(val);
     }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
     /** Number of selected items (for compact counter) */
     selectedCount = computed(() => {
@@ -10773,6 +10774,15 @@ class MozComboboxComponent {
             const val = this.value();
             this._onChange(val);
         });
+        // Keep the label cache up to date whenever items change
+        effect(() => {
+            const flat = this.flatItems();
+            for (const item of flat) {
+                if (isFlatOption(item)) {
+                    this._labelCache.set(item.value, item.label);
+                }
+            }
+        });
         // Inject global overlay styles — CDK teleports content outside the
         // component host so scoped CSS never reaches .cdk-overlay-pane.
         // Check DOM each render — Storybook may remove the tag on navigation.