material 0.9.15 → 0.9.18

package/package.json

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

package/src/dialog.js

@@ -2,6 +2,7 @@
 import emitter from './module/emitter'
 import events from './module/events'
 import display from './mixin/display'
+import * as css from './module/css'
 
 import Element from './element'
 import Text from './text'
@@ -55,7 +56,8 @@ class Dialog {
     this.element = this.element
 
     if (this.options.class !== 'dialog') {
-      this.element.classList.add(this.options.class)
+      // console.log('css add', this.options.class)
+      css.add(this.element, this.options.class)
     }
 
     if (this.options.position) {

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')
   }
 }

package/src/module/request.js

@@ -1,4 +1,13 @@
-const request = async (url, method = 'GET', body = null, headers = {}, signal = null, debug = false) => {
+const request = async (
+  url,
+  method = 'GET',
+  body = null,
+  headers = {},
+  signal = null,
+  debug = false,
+  cache = 'no-store' // Adding cache parameter with a default value
+) => {
+  // console.trace('request')
   const defaultHeaders = {
     Accept: 'application/json',
     'Content-Type': 'application/json'
@@ -7,7 +16,8 @@ const request = async (url, method = 'GET', body = null, headers = {}, signal =
   const options = {
     method,
     headers: { ...defaultHeaders, ...headers },
-    signal
+    signal,
+    cache // Including the cache option in the request
   }
 
   if (debug) {