material 0.9.14 → 0.9.16

package/package.json

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

package/src/class/component.js

@@ -1,4 +1,5 @@
 import build from '../module/build'
+import dom from '../module/dom'
 
 class Component {
   static base = 'component'
@@ -14,6 +15,25 @@ class Component {
 
     build(this)
   }
+
+  destroy () {
+    console.log('dest5roy')
+    if (this.options.transition && this.element) {
+      this.element.classList.remove('show')
+
+      if (this.underlay) {
+        this.underlay.classList.remove('show')
+      }
+
+      setTimeout(() => {
+        dom.destroy(this.element)
+        if (this.underlay) dom.destroy(this.underlay)
+      }, this.options.transition)
+    } else {
+      dom.destroy(this.element)
+      if (this.underlay) dom.destroy(this.underlay)
+    }
+  }
 }
 
 export default Component

package/src/class/control.js

@@ -25,6 +25,15 @@ class Control extends Component {
 
     return this
   }
+
+  destroy () {
+    // if (this.options.events) {
+    //   events.detach(this.options.events, this)
+    // }
+
+    super.destroy()
+    this.emit?.('destroy')
+  }
 }
 
 export default Control

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/list/update.js

@@ -1,4 +1,5 @@
 import { create } from '../module/layout'
+import clone from '../module/clone'
 
 export default {
   update (info) {
@@ -9,7 +10,7 @@ export default {
 
   updateInfo (info) {
     // console.log('update', info)
-    this.dataStore[info._id] = info
+    this.dataStore[info._id] = clone(info)
 
     // update item in the list if visible
     const item = this.ui.body.querySelector('[data-id="' + info[this.dataId] + '"]')

package/src/module/mediator.js

@@ -12,6 +12,16 @@ const mediator = ((() => {
     return this
   }
 
+  const unsubscribe = function (store, fn) {
+    if (!mediator.stores[store]) {
+      return this
+    }
+
+    mediator.stores[store] = mediator.stores[store].filter(subscription => subscription.callback !== fn)
+
+    return this
+  }
+
   const publish = function (store, ...args) {
     // console.log('publish', store, args)
     if (!mediator.stores[store]) {
@@ -30,10 +40,12 @@ const mediator = ((() => {
     stores: {},
     publish,
     subscribe,
+    unsubscribe,
     installTo: function (obj) {
       obj.subscribe = subscribe
       obj.publish = publish
     },
+
     init: function (obj) {
       obj.subscribe = subscribe
       obj.publish = publish

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) {