@ons/design-system 70.0.6 → 70.0.8

package/components/button/button.dom.js

@@ -1,22 +1,22 @@
 import domready from '../../js/domready';
 
 async function submitButton() {
-  const buttons = [...document.querySelectorAll('.ons-js-submit-btn')];
-  let submitType;
+    const buttons = [...document.querySelectorAll('.ons-js-submit-btn')];
+    let submitType;
 
-  if (buttons.length) {
-    const SubmitButton = (await import('./button')).default;
-    buttons.forEach((button) => {
-      if (button.classList.contains('ons-js-timer')) {
-        submitType = 'timer';
-      } else if (button.classList.contains('ons-js-loader')) {
-        submitType = 'loader';
-      } else if (button.classList.contains('ons-btn--link')) {
-        submitType = 'link';
-      }
-      new SubmitButton(button, submitType);
-    });
-  }
+    if (buttons.length) {
+        const SubmitButton = (await import('./button')).default;
+        buttons.forEach((button) => {
+            if (button.classList.contains('ons-js-timer')) {
+                submitType = 'timer';
+            } else if (button.classList.contains('ons-js-loader')) {
+                submitType = 'loader';
+            } else if (button.classList.contains('ons-btn--link')) {
+                submitType = 'link';
+            }
+            new SubmitButton(button, submitType);
+        });
+    }
 }
 
 domready(submitButton);

package/components/button/button.js

@@ -1,65 +1,65 @@
 let i = 0;
 export default class SubmitButton {
-  constructor(button, submitType) {
-    this.button = button;
-    this.form = this.button.closest('form');
-    this.submitType = submitType;
+    constructor(button, submitType) {
+        this.button = button;
+        this.form = this.button.closest('form');
+        this.submitType = submitType;
 
-    if (this.submitType == 'loader') {
-      if (this.form && this.form.length) {
-        this.form.addEventListener('submit', this.loaderButton.bind(this));
-      } else {
-        this.button.addEventListener('click', this.loaderButton.bind(this));
-      }
-    } else if (this.submitType == 'timer') {
-      if (this.form && this.form.length) {
-        this.form.addEventListener('submit', this.timerButton.bind(this));
-      } else {
-        this.button.addEventListener('click', this.timerButton.bind(this));
-      }
-    } else if (this.submitType == 'link') {
-      this.button.addEventListener('keydown', this.linkButtonDown.bind(this));
-      this.button.addEventListener('keyup', this.linkButtonUp.bind(this));
+        if (this.submitType == 'loader') {
+            if (this.form && this.form.length) {
+                this.form.addEventListener('submit', this.loaderButton.bind(this));
+            } else {
+                this.button.addEventListener('click', this.loaderButton.bind(this));
+            }
+        } else if (this.submitType == 'timer') {
+            if (this.form && this.form.length) {
+                this.form.addEventListener('submit', this.timerButton.bind(this));
+            } else {
+                this.button.addEventListener('click', this.timerButton.bind(this));
+            }
+        } else if (this.submitType == 'link') {
+            this.button.addEventListener('keydown', this.linkButtonDown.bind(this));
+            this.button.addEventListener('keyup', this.linkButtonUp.bind(this));
+        }
     }
-  }
 
-  loaderButton(event) {
-    const loaderButtonEl = event.submitter ? event.submitter : this.button;
-    loaderButtonEl.classList.add('ons-is-loading');
-    loaderButtonEl.setAttribute('disabled', true);
-  }
+    loaderButton(event) {
+        const loaderButtonEl = event.submitter ? event.submitter : this.button;
+        loaderButtonEl.classList.add('ons-is-loading');
+        loaderButtonEl.setAttribute('disabled', true);
+    }
 
-  timerButton(event) {
-    const timerButtonEl = event.submitter ? event.submitter : this.button;
-    if (timerButtonEl.tagName === 'A') {
-      i++;
-      if (i > 1) {
-        event.preventDefault();
-      }
-    } else {
-      timerButtonEl.setAttribute('disabled', true);
+    timerButton(event) {
+        const timerButtonEl = event.submitter ? event.submitter : this.button;
+        if (timerButtonEl.tagName === 'A') {
+            i++;
+            if (i > 1) {
+                event.preventDefault();
+            }
+        } else {
+            timerButtonEl.setAttribute('disabled', true);
+        }
+        setTimeout(
+            (timerButtonEl) => {
+                timerButtonEl.removeAttribute('disabled');
+                i = 0;
+            },
+            1000,
+            timerButtonEl,
+        );
     }
-    setTimeout(
-      (timerButtonEl) => {
-        timerButtonEl.removeAttribute('disabled');
-        i = 0;
-      },
-      1000,
-      timerButtonEl,
-    );
-  }
 
-  linkButtonDown(e) {
-    if (e.keyCode == 32 || e.keyCode == 13) {
-      this.button.classList.add('active');
+    linkButtonDown(e) {
+        if (e.keyCode == 32 || e.keyCode == 13) {
+            this.button.classList.add('active');
+        }
     }
-  }
 
-  linkButtonUp(e) {
-    if (e.keyCode == 32 || e.keyCode == 13) {
-      this.button.classList.remove('active');
-      e.preventDefault();
-      this.button.click();
+    linkButtonUp(e) {
+        if (e.keyCode == 32 || e.keyCode == 13) {
+            this.button.classList.remove('active');
+            e.preventDefault();
+            this.button.click();
+        }
     }
-  }
 }