@agorapulse/ui-components 20.3.27-beta.1 → 20.3.28

package/fesm2022/agorapulse-ui-components-nav-selector.mjs

@@ -3004,6 +3004,7 @@ class NavSelectorComponent {
     el = inject(ElementRef);
     componentUid = `nav-selector-${nextUniqueId++}`;
     ready = signal(false, ...(ngDevMode ? [{ debugName: "ready" }] : []));
+    stableNavSelectorEntries = computed(() => this.navSelectorEntries(), ...(ngDevMode ? [{ debugName: "stableNavSelectorEntries", equal: isEqual }] : [{ equal: isEqual }]));
     expanded = this.navSelectorState.expanded.asReadonly();
     entries = computed(() => this.navSelectorState.entries(), ...(ngDevMode ? [{ debugName: "entries", equal: isEqual }] : [{ equal: isEqual }]));
     selectableEntryUids = computed(() => computeSelectableUids(this.entries()), ...(ngDevMode ? [{ debugName: "selectableEntryUids", equal: isEqual }] : [{ equal: isEqual }]));
@@ -3029,18 +3030,19 @@ class NavSelectorComponent {
             const expanded = this.expanded();
             untracked(() => this.onExpansionStateChange.emit({ expanded }));
         });
+        // When inputs change, rebuild entries with current selected uids
         effect(() => {
-            // When inputs change, rebuild entries with current selected uids
             const multipleModeEnabled = this.multipleModeEnabled();
-            const newEntries = this.navSelectorEntries();
+            const newEntries = this.stableNavSelectorEntries();
             const selectedUids = this.selectedEntryUids();
             untracked(() => {
                 this.navSelectorState.updateMultiModeEnabled(multipleModeEnabled);
+                const limit = this.detailsDisplayedLimit();
                 if (!this.entries().length) {
-                    this.navSelectorState.initEntries(newEntries, selectedUids, this.detailsDisplayedLimit());
+                    this.navSelectorState.initEntries(newEntries, selectedUids, limit);
                 }
                 else {
-                    this.navSelectorState.updateEntries(newEntries, selectedUids, this.detailsDisplayedLimit());
+                    this.navSelectorState.updateEntries(newEntries, selectedUids, limit);
                 }
             });
         });
@@ -3048,7 +3050,7 @@ class NavSelectorComponent {
             const detailsDisplayedLimit = this.detailsDisplayedLimit();
             untracked(() => this.navSelectorState.updateDetailsDisplayedLimit(detailsDisplayedLimit));
         });
-        // Note: No longer need separate effect for selectedEntryUids changes
+        // Note: No longer need of a separate effect for selectedEntryUids changes
         // The effect above (line 166) now watches selectedEntryUids and calls updateEntries
         // which properly handles disabled items through the builder
         effect(() => {