Build deps

Author: wilsonge

dist/js/joomla-alert-es5.js

@@ -171,11 +171,15 @@ function _getPrototypeOf(o) {
 
       /* Lifecycle, element appended to the DOM */
       value: function connectedCallback() {
-        this.setAttribute('role', 'alertdialog');
         this.classList.add('joomla-alert--show'); // Default to info
 
         if (!this.type || ['info', 'warning', 'danger', 'success'].indexOf(this.type) === -1) {
           this.setAttribute('type', 'info');
+        } // Default to alert
+
+
+        if (!this.role || ['alert', 'alertdialog'].indexOf(this.role) === -1) {
+          this.setAttribute('role', 'alert');
         } // Append button
 
 
@@ -211,6 +215,13 @@ function _getPrototypeOf(o) {
 
             break;
 
+          case 'role':
+            if (!newValue || newValue && ['alert', 'alertdialog'].indexOf(newValue) === -1) {
+              this.role = 'alert';
+            }
+
+            break;
+
           case 'dismiss':
           case 'acknowledge':
             if (!newValue || newValue === 'true') {
@@ -356,6 +367,14 @@ function _getPrototypeOf(o) {
       set: function set(value) {
         return this.setAttribute('type', value);
       }
+    }, {
+      key: "role",
+      get: function get() {
+        return this.getAttribute('role');
+      },
+      set: function set(value) {
+        return this.setAttribute('role', value);
+      }
     }, {
       key: "dismiss",
       get: function get() {
@@ -376,7 +395,7 @@ function _getPrototypeOf(o) {
 
       /* Attributes to monitor */
       get: function get() {
-        return ['type', 'dismiss', 'acknowledge', 'href'];
+        return ['type', 'role', 'dismiss', 'acknowledge', 'href'];
       }
     }]);
 

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

@@ -1,12 +1,16 @@
 (() => {
   class JoomlaAlertElement extends HTMLElement {
     /* Attributes to monitor */
-    static get observedAttributes() { return ['type', 'dismiss', 'acknowledge', 'href']; }
+    static get observedAttributes() { return ['type', 'role', 'dismiss', 'acknowledge', 'href']; }
 
     get type() { return this.getAttribute('type'); }
 
     set type(value) { return this.setAttribute('type', value); }
 
+    get role() { return this.getAttribute('role'); }
+
+    set role(value) { return this.setAttribute('role', value); }
+
     get dismiss() { return this.getAttribute('dismiss'); }
 
     get acknowledge() { return this.getAttribute('acknowledge'); }
@@ -15,13 +19,16 @@
 
     /* Lifecycle, element appended to the DOM */
     connectedCallback() {
-      this.setAttribute('role', 'alertdialog');
       this.classList.add('joomla-alert--show');
 
       // Default to info
       if (!this.type || ['info', 'warning', 'danger', 'success'].indexOf(this.type) === -1) {
         this.setAttribute('type', 'info');
       }
+      // Default to alert
+      if (!this.role || ['alert', 'alertdialog'].indexOf(this.role) === -1) {
+        this.setAttribute('role', 'alert');
+      }
       // Append button
       if ((this.hasAttribute('dismiss') || this.hasAttribute('acknowledge')) || ((this.hasAttribute('href') && this.getAttribute('href') !== '')
         && !this.querySelector('button.joomla-alert--close') && !this.querySelector('button.joomla-alert-button--close'))) {
@@ -50,6 +57,11 @@
             this.type = 'info';
           }
           break;
+        case 'role':
+          if (!newValue || (newValue && ['alert', 'alertdialog'].indexOf(newValue) === -1)) {
+            this.role = 'alert';
+          }
+          break;
         case 'dismiss':
         case 'acknowledge':
           if (!newValue || newValue === 'true') {