flicker-alerts 1.0.73 → 1.0.74

package/index.js

@@ -1,5 +1,5 @@
 const FlickerAlerts = {
-  showAlert: function ({ type, title, message, timer = 3000, position = 'top-right' }) {
+  showAlert: function ({ type, title, message, duration = 3000, position = 'top-right' }) { // duração padrão: 3 segundos
     if (typeof window !== 'undefined' && typeof document !== 'undefined') {
       let container = document.getElementById('alerts-container');
       if (!container) {
@@ -30,51 +30,44 @@ const FlickerAlerts = {
       icon.innerHTML = `<i class="fas ${iconClass}" style="font-size: 24px;"></i>`;
       alertBox.appendChild(icon);
 
-      // Divisor
-      const divider = document.createElement('div');
-      divider.className = 'divider';
-      console.log(`Created divider for ${type}`); // Para depuração
-      alertBox.appendChild(divider);
-      
       // Conteúdo
       const content = document.createElement('div');
       content.innerHTML = `<div class="title">${title}</div><div class="message">${message}</div>`;
       alertBox.appendChild(content);
 
-      // Barra de carregamento
+      // Barra de progresso
       const progressBar = document.createElement('div');
       progressBar.className = 'progress-bar';
-      progressBar.style.animationDuration = `${timer}ms`;
+      progressBar.style.animationDuration = `${duration}ms`; // sincroniza com a duração do alerta
       alertBox.appendChild(progressBar);
 
-      // Botão de Fechamento
+      // Botão de fechamento
       const closeButton = document.createElement('div');
       closeButton.className = 'close';
       closeButton.innerHTML = '<i class="fas fa-times"></i>';
-
-      const removeAlert = () => {
-        alertBox.style.opacity = '0';
-        setTimeout(() => alertBox.remove(), 300);
-      };
-
       closeButton.addEventListener('click', () => {
+        clearTimeout(timeoutId); // limpa o timeout quando fechado manualmente
         removeAlert();
-        clearTimeout(timeoutId);
       });
 
       alertBox.appendChild(closeButton);
       container.appendChild(alertBox);
 
+      // Timeout para remover automaticamente o alerta
       const timeoutId = setTimeout(() => {
         removeAlert();
-      }, timer);
+      }, duration);
+
+      function removeAlert() {
+        alertBox.style.opacity = '0';
+        setTimeout(() => alertBox.remove(), 300); // atraso para animação de fade-out
+      }
     }
   },
 };
 
 
 
-
 // Botões de teste - Eles podem ser removidos se não forem necessários
 if (typeof document !== 'undefined') {
   document.getElementById('success-btn')?.addEventListener('click', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.73",
+  "version": "1.0.74",
   "repository": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
   "homepage": "https://flickeralerts.netlify.app/",
   "description": "Biblioteca para alertas animados",
@@ -20,4 +20,4 @@
   "dependencies": {
     "flicker-alerts": "^1.0.73"
   }
-}
+}