material 0.9.13 → 0.9.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material",
-  "version": "0.9.13",
+  "version": "0.9.15",
   "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/list/select.js

@@ -44,7 +44,12 @@ export default {
   },
 
   getInfoById (id) {
-    return clone(this.dataStore[id])
+    // console.log('getInfoById', this.dataStore)
+    let info = null
+
+    if (this.dataStore) info = clone(this.dataStore[id])
+
+    return info
   },
 
   getSelectedInfo () {

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

@@ -212,20 +212,5 @@ export default {
     }
 
     return route
-  },
-
-  storeData (list, more) {
-    console.log('storeData', list.length, more)
-    if (more !== true) {
-      this.dataList = []
-    }
-
-    // console.log('storeData', this.dataStore)
-    this.dataStore = this.dataStore || {}
-
-    for (let i = 0; i < list.length; i++) {
-      this.dataList.push(list[i][this.dataId])
-      this.dataStore[list[i][this.dataId]] = list[i]
-    }
   }
 }

package/src/list.new/virtual.js

@@ -47,7 +47,7 @@ class VirtualList {
       fragment.appendChild(item)
     }
 
-    // node.innerHTML = ''
+    node.innerHTML = ''
     node.appendChild(fragment)
 
     // Emit 'next' event if applicable.

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