flicker-alerts 1.0.34 → 1.0.36

package/index.js

@@ -6,8 +6,8 @@ const FlickerAlerts = {
         container = document.createElement('div');
         container.id = 'alerts-container';
         container.style.position = 'fixed';
-        container.style.top = 0;
-        container.style.left = 0;
+        container.style.top = '0';
+        container.style.left = '0';
         container.style.width = '100vw';
         container.style.height = '100vh';
         container.style.pointerEvents = 'none';
@@ -15,8 +15,7 @@ const FlickerAlerts = {
       }
 
       const alertBox = document.createElement('div');
-      alertBox.className = `notification ${type}`;
-      alertBox.classList.add(position);
+      alertBox.className = `notification ${type} ${position}`;
 
       // Ícone
       const icon = document.createElement('div');
@@ -33,7 +32,6 @@ const FlickerAlerts = {
       // Divisor
       const divider = document.createElement('div');
       divider.className = 'divider';
-      console.log(`Created divider for ${type}`); // Para depuração
       alertBox.appendChild(divider);
 
       // Conteúdo
@@ -41,7 +39,7 @@ const FlickerAlerts = {
       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`;
@@ -72,35 +70,16 @@ const FlickerAlerts = {
   },
 };
 
-// Botões de teste - Eles podem ser removidos se não forem necessários
-if (typeof document !== 'undefined') {
-  document.getElementById('success-btn')?.addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'success', title: 'Sucesso!', message: 'Essa mensagem é personalizável.' });
-  });
-
-  document.getElementById('info-btn')?.addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'info', title: 'Informação!', message: 'Essa mensagem é personalizável.' });
-  });
-
-  document.getElementById('warning-btn')?.addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'warning', title: 'Alerta!', message: 'Essa mensagem é personalizável.' });
-  });
-
-  document.getElementById('error-btn')?.addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'danger', title: 'Erro!', message: 'Essa mensagem é personalizável.' });
-  });
-}
-
 const FlickerModals = {
-  showModal: function ({ type, title, message, timer = 3000, onConfirm, onCancel }) {
+  showModal: function ({ type, title, message, onConfirm, onCancel }) {
     if (typeof window !== 'undefined' && typeof document !== 'undefined') {
       let container = document.getElementById('modals-container');
       if (!container) {
         container = document.createElement('div');
         container.id = 'modals-container';
         container.style.position = 'fixed';
-        container.style.top = 0;
-        container.style.left = 0;
+        container.style.top = '0';
+        container.style.left = '0';
         container.style.width = '100vw';
         container.style.height = '100vh';
         container.style.pointerEvents = 'none';
@@ -197,27 +176,4 @@ const FlickerModals = {
   }
 };
 
-// Botões de teste - Eles podem ser removidos se não forem necessários
-if (typeof document !== 'undefined') {
-  document.getElementById('modal-warning-btn')?.addEventListener('click', () => {
-    FlickerModals.showModal({
-      type: 'warning',
-      title: 'Tem certeza que deseja aceitar?',
-      message: 'Você tem certeza que deseja aceitar isso?',
-      onConfirm: () => { console.log('Confirmado!'); },
-      onCancel: () => { console.log('Cancelado!'); }
-    });
-  });
-
-  document.getElementById('modal-delete-btn')?.addEventListener('click', () => {
-    FlickerModals.showModal({
-      type: 'delete',
-      title: 'Tem certeza que deseja deletar?',
-      message: 'Você tem certeza que deseja deletar isso?',
-      onConfirm: () => { console.log('Deletado com sucesso!'); },
-      onCancel: () => { console.log('Cancelado!'); }
-    });
-  });
-}
-
-export default FlickerAlerts;
+export default { FlickerAlerts, FlickerModals };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",
@@ -16,6 +16,6 @@
   "author": "https://www.linkedin.com/in/bruno-carneiro-9a51aa190/",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.34"
+    "flicker-alerts": "^1.0.36"
   }
 }