@besaitech/ng-design-system 0.0.79 → 0.0.80

package/fesm2022/besaitech-ng-design-system.mjs

@@ -12450,6 +12450,15 @@ class SdsAutocomplete {
     cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : []));
     /** Every option this control has seen, by value — how a chip keeps its label after a new search. */
     seen = new Map();
+    /**
+     * A plain reference to the body-appended panel, not just the viewChild.
+     *
+     * <p>On destroy the viewChild is already cleared — it lives inside an `@if` — so removing through
+     * it removes nothing and the panel is orphaned in `<body>` for ever. A test caught it: a leaked
+     * panel from one spec was still in the document when the next one queried for its own.
+     * `sds-select` keeps the same raw handle, for the same reason.
+     */
+    panelEl = null;
     timer;
     seq = 0;
     destroyed = false;
@@ -12598,8 +12607,9 @@ class SdsAutocomplete {
         event?.stopPropagation();
         if (this.isOptionDisabled(option))
             return;
+        // No need to remember it here: `run` already stored every row it returned, and an option can
+        // only be picked from those. (A mutation check proved this line unreachable.)
         const v = this.valueOf(option);
-        this.seen.set(v, option);
         if (!this.multiple()) {
             this.setValue(v);
             this.selected.emit(option);
@@ -12673,15 +12683,15 @@ class SdsAutocomplete {
         this.open.set(false);
         this.active.set(-1);
         this.removeReflow();
-        this.panelRef()?.nativeElement.remove();
+        this.panelEl?.remove();
+        this.panelEl = null;
         this.closed.emit(this.value());
     }
     onDocumentClick(event) {
         if (!this.open())
             return;
         const target = event.target;
-        const panel = this.panelRef()?.nativeElement;
-        if (!this.host.nativeElement.contains(target) && !panel?.contains(target)) {
+        if (!this.host.nativeElement.contains(target) && !this.panelEl?.contains(target)) {
             this.close();
         }
     }
@@ -12707,6 +12717,7 @@ class SdsAutocomplete {
         const panel = this.panelRef()?.nativeElement;
         if (!trigger || !panel)
             return;
+        this.panelEl = panel;
         if (panel.parentElement !== document.body)
             document.body.appendChild(panel);
         const r = trigger.getBoundingClientRect();
@@ -12730,7 +12741,8 @@ class SdsAutocomplete {
         this.destroyed = true;
         clearTimeout(this.timer);
         this.removeReflow();
-        this.panelRef()?.nativeElement.remove();
+        this.panelEl?.remove();
+        this.panelEl = null;
     }
     setValue(v) {
         this.value.set(v);
@@ -12835,6 +12847,7 @@ class SdsAutocomplete {
         #panel
         [id]="panelId"
         role="listbox"
+        data-sds-autocomplete-panel
         [attr.aria-multiselectable]="multiple() ? 'true' : null"
         class="fixed z-50 max-h-72 overflow-auto rounded-control border border-border bg-surface py-1 shadow-lg"
       >
@@ -13008,6 +13021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         #panel
         [id]="panelId"
         role="listbox"
+        data-sds-autocomplete-panel
         [attr.aria-multiselectable]="multiple() ? 'true' : null"
         class="fixed z-50 max-h-72 overflow-auto rounded-control border border-border bg-surface py-1 shadow-lg"
       >