flicker-alerts 1.0.72 → 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.72",
+  "version": "1.0.74",
   "repository": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
   "homepage": "https://flickeralerts.netlify.app/",
   "description": "Biblioteca para alertas animados",
@@ -18,6 +18,6 @@
   "author": "https://www.linkedin.com/in/bruno-carneiro-9a53aa190/",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.72"
+    "flicker-alerts": "^1.0.73"
   }
-}
+}

package/readme.md

@@ -45,7 +45,7 @@ Após a instalação, importe a biblioteca no seu projeto e utilize a função `
 ### Exemplo Básico de Alerta:
 
 ```javascript
-import FlickerAlerts from 'flicker-alerts';
+import { FlickerAlerts, FlickerModals } from 'flicker-alerts';
 
 FlickerAlerts.showAlert({
   type: 'success', // 'success', 'info', 'warning', 'danger'
@@ -64,7 +64,7 @@ FlickerAlerts.showAlert({
 1. **Importe e use:**
 
 ```typescript
-import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
+import { FlickerAlerts, FlickerModals } from 'flicker-alerts';
 
 export class AppComponent {
   showAlert() {
@@ -105,7 +105,7 @@ Se você prefere não usar o CDN, pode configurar o Angular para importar o arqu
 1. **Importe e use:**
 
 ```javascript
-import FlickerAlerts, { FlickerModals } from 'flicker-alerts';
+import { FlickerAlerts, FlickerModals } from 'flicker-alerts';
 
 
 const App = () => {