@massimo-cassandro/minimo 0.14.3 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "0.14.3",
+  "version": "0.15.0",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",

package/src/components/snackbar/snackbar.js

@@ -31,19 +31,20 @@ export function snackbar(message, options = {}){
     ...options
   };
 
-  let _popover, _timeoutID;
+  let _popover, _timeoutID, _isRemoving = false;
 
   const removePopover = () => {
-    if (_popover?.matches(':popover-open')) {
-      if (_timeoutID) clearTimeout(_timeoutID);
+    if (_isRemoving || !_popover?.matches(':popover-open')) return;
+    _isRemoving = true; // evita sovrapposizioni nel caso in cui removePopover sia chiamato più volte durante l'animazione di chiusura
 
-      _popover.classList.add(styles.isHiding);
+    if (_timeoutID) clearTimeout(_timeoutID);
 
-      _popover.addEventListener('animationend', () => {
-        _popover.hidePopover();
-        _popover.remove();
-      }, { once: true });
-    }
+    _popover.classList.add(styles.isHiding);
+
+    _popover.addEventListener('animationend', () => {
+      _popover.hidePopover();
+      _popover.remove();
+    }, { once: true }); // `once` già evita duplicati sul listener, ma il flag protegge prima
   };
 
   _popover = domBuilder([
@@ -97,4 +98,8 @@ export function snackbar(message, options = {}){
     });
 
   }
+
+  return {
+    close: removePopover
+  };
 }