flicker-alerts 1.0.16 → 1.0.18

package/README.md

@@ -40,6 +40,9 @@ export class AppComponent {
       type: 'success',
       title: 'Sucesso',
       message: 'Operação concluída com sucesso!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+          
     });
   }
 
@@ -48,6 +51,8 @@ export class AppComponent {
       type: 'info',
       title: 'Informação',
       message: 'Aqui está uma informação importante.'
+       position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
     });
   }
 
@@ -56,6 +61,8 @@ export class AppComponent {
       type: 'warning',
       title: 'Alerta',
       message: 'Por favor, preste atenção nisso!'
+       position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
     });
   }
 
@@ -64,6 +71,8 @@ export class AppComponent {
       type: 'danger',
       title: 'Erro',
       message: 'Ocorreu um erro inesperado!'
+       position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
     });
   }
 }
@@ -96,6 +105,8 @@ function App() {
       type: 'success',
       title: 'Sucesso',
       message: 'Operação concluída com sucesso!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
     });
   };
 }

package/index.d.ts

@@ -5,7 +5,7 @@ declare module 'flicker-alerts' {
     title: string;
     message: string;
     duration?: number; // Duração do alerta (opcional)
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';  // Nova propriedade 'position' com 'bottom-center'
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';  
   }
 
   export default class FlickerAlerts {

package/index.html

@@ -175,6 +175,9 @@ export class AppComponent {
       type: 'success',
       title: 'Sucesso',
       message: 'Operação concluída com sucesso!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+
     });
   }
 
@@ -183,6 +186,9 @@ export class AppComponent {
       type: 'info',
       title: 'Informação',
       message: 'Aqui está uma informação importante.'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+
     });
   }
 
@@ -191,6 +197,9 @@ export class AppComponent {
       type: 'warning',
       title: 'Alerta',
       message: 'Por favor, preste atenção nisso!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+
     });
   }
 
@@ -199,6 +208,9 @@ export class AppComponent {
       type: 'danger',
       title: 'Erro',
       message: 'Ocorreu um erro inesperado!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+
     });
   }
   
@@ -227,6 +239,9 @@ function App() {
       type: 'success',
       title: 'Sucesso',
       message: 'Operação concluída com sucesso!'
+      position: 'top-righ'
+      // Em 'position', você pode escolher entre: 'top-right', 'top-left', 'bottom-right', 'bottom-left', 'center', 'top-center' ou 'bottom-center';
+
     });
   };
 

package/index.js

@@ -9,10 +9,13 @@ const FlickerAlerts = {
         container = document.createElement('div');
         container.id = 'alerts-container';
         document.body.appendChild(container); // Adiciona o container ao body
+      } else {
+        // Limpar as classes anteriores de posição
+        container.className = ''; 
       }
 
-      // Garantir que o container tenha a classe 'position' adequada
-      container.className = position;  // Aplica a classe para posicionar com base na posição fornecida
+      // Aplica a nova classe de posição
+      container.classList.add(position);
 
       // Criação do alerta
       const alertBox = document.createElement('div');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",
@@ -16,6 +16,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.16"
+    "flicker-alerts": "^1.0.18"
   }
 }

package/style.css

@@ -148,7 +148,6 @@
     transform: translateX(-50%);
 }
 
-/* Novo estilo para o bottom-center */
 .bottom-center {
     bottom: 1rem;
     left: 50%;