selective-ui 1.1.0 → 1.1.1

package/dist/selective-ui.esm.js

@@ -1449,6 +1449,9 @@ class Popup {
     /**
      * Enables infinite scroll by listening to container scroll events and loading more data
      * when nearing the bottom, respecting pagination state (enabled/loading/hasMore).
+     *
+     * @param searchController - Provides pagination state and a method to load more items.
+     * @param _options - Optional SelectiveOptions (reserved for future behavior tuning).
      */
     setupInfiniteScroll(searchController, _options) {
         if (!this.node)
@@ -1473,6 +1476,65 @@ class Popup {
         };
         this.node.addEventListener("scroll", this._scrollListener);
     }
+    /**
+     * Completely tear down the popup instance and release all resources.
+     *
+     * Responsibilities:
+     *  - Clear any pending timeouts and cancel animations/effects.
+     *  - Remove event listeners (scroll, mousedown) and disconnect ResizeObserver.
+     *  - Unmount and remove the DOM node; sever references to Effector/ModelManager.
+     *  - Dispose adapter/recycler and child components (OptionHandle, EmptyState, LoadingState).
+     *  - Reset flags and null out references to avoid memory leaks.
+     *
+     * Safe to call multiple times; all operations are guarded via optional chaining.
+     */
+    detroy() {
+        if (this._hideLoadHandle) {
+            clearTimeout(this._hideLoadHandle);
+            this._hideLoadHandle = null;
+        }
+        if (this.node && this._scrollListener) {
+            this.node.removeEventListener("scroll", this._scrollListener);
+            this._scrollListener = null;
+        }
+        try {
+            this._resizeObser?.disconnect();
+        }
+        catch (_) { }
+        this._resizeObser = null;
+        try {
+            this._effSvc?.setElement?.(null);
+        }
+        catch (_) { }
+        this._effSvc = null;
+        if (this.node) {
+            try {
+                const clone = this.node.cloneNode(true);
+                this.node.replaceWith(clone);
+                clone.remove();
+            }
+            catch (_) {
+                this.node.remove();
+            }
+        }
+        this.node = null;
+        this._optionsContainer = null;
+        try {
+            this._modelManager?.skipEvent?.(false);
+            this.recyclerView?.clear?.();
+            this.recyclerView = null;
+            this.optionAdapter = null;
+            this.node.remove();
+        }
+        catch (_) { }
+        this._modelManager = null;
+        this.optionHandle = null;
+        this.emptyState = null;
+        this.loadingState = null;
+        this._parent = null;
+        this.options = null;
+        this.isCreated = false;
+    }
     /**
      * Computes the parent panel's location and box metrics, including size, position,
      * padding, and border, accounting for iOS visual viewport offsets.
@@ -1999,7 +2061,9 @@ class EffectorImpl {
             }
             else {
                 this._resizeTimeout = setTimeout(() => {
-                    this.element.style.transition = "none";
+                    if (this.element?.style) {
+                        this.element.style.transition = "none";
+                    }
                 }, duration);
             }
             Object.assign(this.element.style, styles);
@@ -2570,7 +2634,6 @@ class ModelManager {
         });
         let currentGroup = null;
         let position = 0;
-        const changesToApply = [];
         modelData.forEach((data) => {
             if (data.tagName === "OPTGROUP") {
                 const dataVset = data;
@@ -2579,7 +2642,7 @@ class ModelManager {
                     // Label is used as key; keep original behavior.
                     const hasLabelChange = existingGroup.label !== dataVset.label;
                     if (hasLabelChange) {
-                        changesToApply.push(() => existingGroup.update(dataVset));
+                        existingGroup.update(dataVset);
                     }
                     existingGroup.position = position;
                     existingGroup.items = [];
@@ -2599,17 +2662,8 @@ class ModelManager {
                 const key = `${dataVset.value}::${dataVset.text}`;
                 const existingOption = oldOptionMap.get(key);
                 if (existingOption) {
-                    const hasSelectedChange = existingOption.selected !== dataVset.selected;
-                    const hasPositionChange = existingOption.position !== position;
-                    if (hasSelectedChange || hasPositionChange) {
-                        changesToApply.push(() => {
-                            existingOption.update(dataVset);
-                            existingOption.position = position;
-                        });
-                    }
-                    else {
-                        existingOption.position = position;
-                    }
+                    existingOption.update(dataVset);
+                    existingOption.position = position;
                     const parentGroup = dataVset["__parentGroup"];
                     if (parentGroup && currentGroup) {
                         currentGroup.addItem(existingOption);
@@ -2636,11 +2690,6 @@ class ModelManager {
                 position++;
             }
         });
-        if (changesToApply.length > 0) {
-            requestAnimationFrame(() => {
-                changesToApply.forEach((change) => change());
-            });
-        }
         oldGroupMap.forEach((removedGroup) => {
             removedGroup.view?.getView?.()?.remove?.();
         });
@@ -2683,9 +2732,6 @@ class ModelManager {
      * adapter instance, and recycler view instance.
      */
     getResources() {
-        if (!this._privAdapterHandle || !this._privRecyclerViewHandle) {
-            throw new Error("ModelManager resources not loaded. Call load() first.");
-        }
         return {
             modelList: this._privModelList,
             adapter: this._privAdapterHandle,
@@ -5044,6 +5090,9 @@ class SelectBox {
         }
         return flatOptions;
     }
+    detroy() {
+        this.container.popup.detroy();
+    }
 }
 
 /**
@@ -5275,6 +5324,8 @@ class Selective {
         const bindMap = Libs.getBinderMap(selectElement);
         if (!bindMap)
             return;
+        const popup = bindMap.container?.popup;
+        popup?.detroy();
         Libs.setUnbinderMap(selectElement, bindMap);
         const wasObserving = !!this.EAObserver;
         if (wasObserving)
@@ -5458,7 +5509,7 @@ function markLoaded(name, version, api) {
     console.log(`[${name}] v${version} loaded successfully`);
 }
 
-const version = "1.1.0";
+const version = "1.1.1";
 const name = "SelectiveUI";
 const alreadyLoaded = checkDuplicate(name);
 function getGlobal() {
@@ -5490,7 +5541,7 @@ function find(query) {
  * Destroys Selective instances associated with the given query.
  * Proxies to a global loaded instance if available; otherwise uses local Selective.destroy.
  */
-function destroy(query) {
+function destroy(query = null) {
     const global = getGlobal();
     if (alreadyLoaded && global)
         return global.destroy(query);