@bizy/core 20.1.0 → 20.1.1

package/fesm2022/bizy-core.mjs

@@ -6667,7 +6667,7 @@ var TOAST;
 class BizyToastService {
     #document = inject(DOCUMENT);
     #dialog = inject(Dialog);
-    static toasts = new Set();
+    static toasts = [];
     duration = 3000;
     defaultDebugTitle = 'Ha sucedido un evento';
     defaultInfoTitle = 'Observación';
@@ -6694,8 +6694,30 @@ class BizyToastService {
             disableClose: false,
             panelClass: ['bizy-toast', 'bizy-toast--in']
         });
-        _a.toasts.add(toastRef);
+        setTimeout(() => {
+            const container = this.#document.getElementById(id);
+            if (!container || !container.parentElement) {
+                return;
+            }
+            const offset = this.#calculateOffset();
+            container.parentElement.style.top = `${offset}px`;
+            _a.toasts.push({ ref: toastRef, element: container.parentElement });
+        }, 100);
     }
+    #calculateOffset = () => {
+        let offset = 10;
+        for (const toast of _a.toasts) {
+            offset += toast.element.offsetHeight + 10;
+        }
+        return offset;
+    };
+    #repositionToasts = () => {
+        let offset = 10;
+        for (const toast of _a.toasts) {
+            toast.element.style.top = `${offset}px`;
+            offset += toast.element.offsetHeight + 10;
+        }
+    };
     config(data) {
         if (!data) {
             return;
@@ -6739,14 +6761,14 @@ class BizyToastService {
         if (!id) {
             return;
         }
-        let toastRef = null;
-        toastRef = Array.from(_a.toasts).find(_toastRef => _toastRef.id === id);
-        if (toastRef) {
-            toastRef.removePanelClass('bizy-toast--in');
-            toastRef.addPanelClass('bizy-toast--out');
+        const toast = _a.toasts.find(_toastRef => _toastRef.ref.id === id);
+        if (toast.ref) {
+            toast.ref.removePanelClass('bizy-toast--in');
+            toast.ref.addPanelClass('bizy-toast--out');
             setTimeout(() => {
-                toastRef.close();
-                _a.toasts.delete(toastRef);
+                toast.ref.close();
+                _a.toasts = _a.toasts.filter(t => t.ref !== toast.ref);
+                this.#repositionToasts();
             }, 500);
         }
     };