Compile files for release

Author: wilsonge

dist/js/joomla-alert-es5.js

@@ -187,6 +187,10 @@ function _getPrototypeOf(o) {
           this.appendCloseButton();
         }
 
+        if (this.hasAttribute('auto-dismiss')) {
+          this.autoDismiss();
+        }
+
         this.dispatchCustomEvent('joomla.alert.show');
       }
       /* Lifecycle, element removed from the DOM */
@@ -232,6 +236,10 @@ function _getPrototypeOf(o) {
 
             break;
 
+          case 'auto-dismiss':
+            this.autoDismiss();
+            break;
+
           case 'href':
             if (!newValue || newValue === '') {
               this.removeCloseButton();
@@ -252,11 +260,16 @@ function _getPrototypeOf(o) {
       value: function close() {
         var _this = this;
 
+        var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
         this.dispatchCustomEvent('joomla.alert.close');
         this.addEventListener('transitionend', function () {
           _this.dispatchCustomEvent('joomla.alert.closed');
 
-          _this.parentNode.removeChild(_this);
+          if (element) {
+            element.remove();
+          } else {
+            _this.remove();
+          }
         }, false);
         this.classList.remove('joomla-alert--show');
       }
@@ -324,18 +337,22 @@ function _getPrototypeOf(o) {
             });
           }
         }
+      }
+      /* Method to auto-dismiss */
 
-        if (this.hasAttribute('auto-dismiss')) {
-          setTimeout(function () {
-            self.dispatchCustomEvent('joomla.alert.buttonClicked');
+    }, {
+      key: "autoDismiss",
+      value: function autoDismiss() {
+        var self = this;
+        setTimeout(function () {
+          self.dispatchCustomEvent('joomla.alert.buttonClicked');
 
-            if (self.hasAttribute('data-callback')) {
-              window[self.getAttribute('data-callback')]();
-            } else {
-              self.close();
-            }
-          }, parseInt(self.getAttribute('auto-dismiss'), 10) ? self.getAttribute('auto-dismiss') : 3000);
-        }
+          if (self.hasAttribute('data-callback')) {
+            window[self.getAttribute('data-callback')]();
+          } else {
+            self.close(self);
+          }
+        }, parseInt(self.getAttribute('auto-dismiss'), 10) ? self.getAttribute('auto-dismiss') : 3000);
       }
       /* Method to remove the close button */
 
@@ -346,7 +363,7 @@ function _getPrototypeOf(o) {
 
         if (button) {
           button.removeEventListener('click', this);
-          button.parentNode.removeChild(button);
+          button.remove();
         }
       }
       /* Method to get the translated text */
@@ -380,6 +397,11 @@ function _getPrototypeOf(o) {
       get: function get() {
         return this.getAttribute('dismiss');
       }
+    }, {
+      key: "autodismiss",
+      get: function get() {
+        return this.getAttribute('auto-dismiss');
+      }
     }, {
       key: "acknowledge",
       get: function get() {

dist/js/joomla-alert-es5.min.js

@@ -13,6 +13,8 @@
 
     get dismiss() { return this.getAttribute('dismiss'); }
 
+    get autodismiss() { return this.getAttribute('auto-dismiss'); }
+
     get acknowledge() { return this.getAttribute('acknowledge'); }
 
     get href() { return this.getAttribute('href'); }
@@ -35,6 +37,10 @@
         this.appendCloseButton();
       }
 
+      if (this.hasAttribute('auto-dismiss')) {
+        this.autoDismiss();
+      }
+
       this.dispatchCustomEvent('joomla.alert.show');
     }
 
@@ -70,6 +76,9 @@
             this.removeCloseButton();
           }
           break;
+        case 'auto-dismiss':
+          this.autoDismiss();
+          break;
         case 'href':
           if (!newValue || newValue === '') {
             this.removeCloseButton();
@@ -83,11 +92,15 @@
     }
 
     /* Method to close the alert */
-    close() {
+    close(element = null) {
       this.dispatchCustomEvent('joomla.alert.close');
       this.addEventListener('transitionend', () => {
         this.dispatchCustomEvent('joomla.alert.closed');
-        this.parentNode.removeChild(this);
+        if (element) {
+          element.remove();
+        } else {
+          this.remove();
+        }
       }, false);
       this.classList.remove('joomla-alert--show');
     }
@@ -148,25 +161,27 @@
           });
         }
       }
+    }
 
-      if (this.hasAttribute('auto-dismiss')) {
-        setTimeout(() => {
-          self.dispatchCustomEvent('joomla.alert.buttonClicked');
-          if (self.hasAttribute('data-callback')) {
-            window[self.getAttribute('data-callback')]();
-          } else {
-            self.close();
-          }
-        }, parseInt(self.getAttribute('auto-dismiss'), 10) ? self.getAttribute('auto-dismiss') : 3000);
-      }
+    /* Method to auto-dismiss */
+    autoDismiss() {
+      const self = this;
+      setTimeout(() => {
+        self.dispatchCustomEvent('joomla.alert.buttonClicked');
+        if (self.hasAttribute('data-callback')) {
+          window[self.getAttribute('data-callback')]();
+        } else {
+          self.close(self);
+        }
+      }, parseInt(self.getAttribute('auto-dismiss'), 10) ? self.getAttribute('auto-dismiss') : 3000);
     }
 
     /* Method to remove the close button */
     removeCloseButton() {
       const button = this.querySelector('button');
       if (button) {
         button.removeEventListener('click', this);
-        button.parentNode.removeChild(button);
+        button.remove();
       }
     }