material 0.9.2 → 0.9.4

package/package.json

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

package/src/list/update.js

@@ -7,6 +7,20 @@ export default {
     this.getUpdatedInfo(info[this.dataId])
   },
 
+  updateInfo (info) {
+    // console.log('update', info)
+    this.dataStore[info._id] = info
+
+    // update item in the list if visible
+    const item = this.ui.body.querySelector('[data-id="' + info[this.dataId] + '"]')
+    if (item) {
+      item.innerHTML = ''
+      const layout = create(this.options.layout.item, item)
+
+      this.renderInfo(layout, info)
+    }
+  },
+
   getUpdatedIndex (id) {
     // console.log('getUpdatedIndex', id)
     let index = null

package/src/module/events.js

@@ -2,7 +2,7 @@ import extract from './extract'
 import last from './last'
 
 const events = {
-  eventHandlers: {}, // Utiliser un tableau pour stocker les événements et les gestionnaires
+  eventHandlers: {}, // Use an array to store events and handlers
 
   attach (eventsArray, context) {
     if (!eventsArray) return
@@ -38,9 +38,15 @@ const events = {
         return // Cannot bind function for eventDef
       }
 
+      let isPassive = false
+      if (e.name === 'touchstart' || e.name === 'touchmove') {
+        isPassive = true
+        option = { ...option, passive: true }
+      }
+
       if (!this.eventHandlers[uid][eventDef]) {
         if (handler && e && e.element?.addEventListener) {
-          e.element.addEventListener(e.name, handler, option)
+          e.element.addEventListener(e.name, handler, isPassive ? { passive: true } : option)
           this.eventHandlers[uid][eventDef] = handler
         } else if (e && e.element?.on && handler) {
           e.element.on(e.name, handler)