@cicciosgamino/snack-bar 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -6,6 +6,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.4.0] - 02-01-2025
+### Added
+  - New method `show(msg, time=2700, bkColor='#333', txtColor='#f5f5f5')` to show the snackbar with custom message, time, background-color and text-color 
+
 ## [1.3.0] - 06-06-2023
 
 ### Changed

package/LICENSE

@@ -652,7 +652,7 @@ Also add information on how to contact you by electronic and paper mail.
   If the program does terminal interaction, make it output a short
 notice like this when it starts in an interactive mode:
 
-    snack-bar Copyright (C) 2023  @cicciosgamino
+    snack-bar Copyright (C) 2026  @cicciosgamino
     This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
     This is free software, and you are welcome to redistribute it
     under certain conditions; type `show c' for details.

package/README.md

@@ -63,6 +63,7 @@ npm install --save @cicciosgamino/snack-bar
 
 | Name     | Description
 | -------- | -------------
+| `show(msg, time=2700, bkColor='#333', txtColor='#f5f5f5') => void` | Show the snackbar with custom message, time, background-color and text-color
 | `closeSnackbar() => void`  | Close the snackbar
 
 

package/index.html

@@ -86,14 +86,21 @@
   <script>
     window.addEventListener('DOMContentLoaded', () => {
       const snack = document.querySelector('snack-bar')
+
       setTimeout(() => {
         // active the snack
         snack.setAttribute('active', '')
       }, 1000)
+
       setTimeout(() => {
         // close the snack (before timing ended)
         snack.closeSnackbar()
-      }, 28000)
+      }, 2800)
+
+      setTimeout(() => {
+        // re-active the snack
+        snack.show('Reactivated SnackBar!', 3000, '#ff0000', '#fff')
+      }, 3200)
     })
   </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cicciosgamino/snack-bar",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Simple snackbar Lit Element",
   "main": "snack-bar.js",
   "module": "snack-bar.js",
@@ -30,6 +30,6 @@
     "lit": "*"
   },
   "devDependencies": {
-    "vite": "^4.3.9"
+    "vite": "^7.3.0"
   }
 }

package/snack-bar.js

@@ -152,6 +152,20 @@ class SnackBar extends LitElement {
     super.disconnectedCallback()
   }
 
+  /**
+   * Direct method to show the snackbar
+   * @returns {void}
+   */
+  show (msg, time=2700, bkColor='#333', txtColor='#f5f5f5') {
+    
+    this.title = msg
+    this.timing = time
+
+    this.style.setProperty('--snack-bk-color', bkColor)
+    this.style.setProperty('--snack-txt-color', txtColor)
+    this.setAttribute('active', '')
+  }
+
   updated (changed) {
     if (changed.has('active')) {
       if (this.hasAttribute('active')) {