material 0.9.16 → 0.9.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "description": "A lightweight implementation of Material Design Components for the web - ES6",
   "main": "index.js",
   "type": "module",

package/src/element.js

@@ -16,11 +16,16 @@ class Element {
 
     // Apply additional attributes
     for (const key in this.options) {
-      if (!['tag', 'container', 'html', 'text', 'id'].includes(key)) {
+      if (!['tag', 'container', 'html', 'text', 'id', 'data'].includes(key)) {
         element.setAttribute(key, this.options[key])
       }
     }
 
+    // Apply additional dataset
+    for (const key in this.options.data) {
+      element.setAttribute('data-' + key, this.options.data[key])
+    }
+
     // Append to container if available
     if (this.options.container) {
       this.options.container.appendChild(element)

package/src/loader.js

@@ -1,6 +1,9 @@
+import emitter from './module/emitter'
+
 class Loader {
   static defaults = {
-    class: 'loader'
+    class: 'loader',
+    timeout: 10000
   }
 
   constructor (options) {
@@ -10,6 +13,7 @@ class Loader {
 
   init (options) {
     this.options = { ...Loader.defaults, ...options }
+    Object.assign(this, emitter)
   }
 
   build () {
@@ -77,9 +81,19 @@ class Loader {
 
   show () {
     this.element.classList.add('show')
+
+    clearTimeout(this.timeout)
+
+    if (this.options.timeout) {
+      this.timeout = setTimeout(() => {
+        this.hide()
+        this.emit('timeout')
+      }, this.options.timeout)
+    }
   }
 
   hide () {
+    clearTimeout(this.timeout)
     this.element.classList.remove('show')
   }
 }