Added onClose event

#1 @blindfish3

Author: polonel

demo/Snackbar.html

@@ -261,9 +261,16 @@ <h4 style="margin-bottom: 3px;">configuration</h4>
                   <tr>
                     <td>onActionClick</td>
                     <td>
-                      <i>dismiss function</i>
+                      <i>function(ele)</i>
                     </td>
-                    <td>Default action closes the notification. A function with the notification element as the argument.</td>
+                    <td>Default action closes the notification.</td>
+                  </tr>
+                  <tr>
+                    <td>onClose</td>
+                    <td>
+                      <i>function(ele)</i>
+                    </td>
+                    <td>Fires when the notification has been closed.</td>
                   </tr>
                 </tbody>
               </table>

dist/snackbar.js

@@ -1,8 +1,8 @@
 /*!
- * Snackbar v0.1.9
+ * Snackbar v0.1.10
  * http://polonel.com/Snackbar
  *
- * Copyright 2017 Chris Brame and other contributors
+ * Copyright 2018 Chris Brame and other contributors
  * Released under the MIT license
  * https://github.com/polonel/Snackbar/blob/master/LICENSE
  */
@@ -40,7 +40,8 @@
         onActionClick: function(element) {
             element.style.opacity = 0;
         },
-        onSecondButtonClick: function(element) {}
+        onSecondButtonClick: function(element) {},
+        onClose: function(element) {}
     };
 
     Snackbar.show = function($options) {
@@ -100,7 +101,7 @@
                 function() {
                     if (Snackbar.current === this) {
                         Snackbar.current.style.opacity = 0;
-                        // When natural remove event ocurs let's move the snackbar to its origins
+                        // When natural remove event occurs let's move the snackbar to its origins
                         Snackbar.current.style.top = '-100px';
                         Snackbar.current.style.bottom = '-100px';
                     }
@@ -113,6 +114,9 @@
             'transitionend',
             function(event, elapsed) {
                 if (event.propertyName === 'opacity' && this.style.opacity === '0') {
+                    if (typeof(options.onClose) === 'function')
+                        options.onClose(this);
+
                     this.parentElement.removeChild(this);
                     if (Snackbar.current === this) {
                         Snackbar.current = null;

dist/snackbar.min.js

@@ -1,6 +1,6 @@
 {
   "name": "node-snackbar",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Notifications insipired by Google Material Design",
   "main": "src/js/snackbar.js",
   "devDependencies": {
@@ -10,10 +10,9 @@
     "grunt-contrib-copy": "^0.8.2",
     "grunt-contrib-cssmin": "^0.14.0",
     "grunt-contrib-jshint": "^0.12.0",
-    "grunt-contrib-sass": "^0.9.2",
     "grunt-contrib-uglify": "^0.11.1",
     "grunt-contrib-watch": "^0.6.1",
-    "grunt-sass": "^2.0.0",
+    "grunt-sass": "^2.1.0",
     "matchdep": "^1.0.0"
   },
   "scripts": {

dist/snackbar.min.js.map

@@ -1,8 +1,8 @@
 /*!
- * Snackbar v0.1.9
+ * Snackbar v0.1.10
  * http://polonel.com/Snackbar
  *
- * Copyright 2017 Chris Brame and other contributors
+ * Copyright 2018 Chris Brame and other contributors
  * Released under the MIT license
  * https://github.com/polonel/Snackbar/blob/master/LICENSE
  */
@@ -40,7 +40,8 @@
         onActionClick: function(element) {
             element.style.opacity = 0;
         },
-        onSecondButtonClick: function(element) {}
+        onSecondButtonClick: function(element) {},
+        onClose: function(element) {}
     };
 
     Snackbar.show = function($options) {
@@ -100,7 +101,7 @@
                 function() {
                     if (Snackbar.current === this) {
                         Snackbar.current.style.opacity = 0;
-                        // When natural remove event ocurs let's move the snackbar to its origins
+                        // When natural remove event occurs let's move the snackbar to its origins
                         Snackbar.current.style.top = '-100px';
                         Snackbar.current.style.bottom = '-100px';
                     }
@@ -113,6 +114,9 @@
             'transitionend',
             function(event, elapsed) {
                 if (event.propertyName === 'opacity' && this.style.opacity === '0') {
+                    if (typeof(options.onClose) === 'function')
+                        options.onClose(this);
+
                     this.parentElement.removeChild(this);
                     if (Snackbar.current === this) {
                         Snackbar.current = null;