material 0.9.1 → 0.9.3

package/package.json

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

package/src/list/render.js

@@ -5,7 +5,7 @@ import dot from '../module/dot'
 
 export default {
 
-  render (list, option) {
+  render (list) {
     // console.log('render', list)
     this.virtual.set(list)
 
@@ -38,8 +38,6 @@ export default {
       class: 'item'
     })
 
-    // console.log('---', this.id)
-
     if (this.id && this.id === info[this.dataId]) {
       element.classList.add('selected')
     }
@@ -53,9 +51,9 @@ export default {
       const item = info[this.options.itemSwitch]
 
       if (this.options.layout.item[item]) {
-        layout = new Layout(this.options.layout.item[item], element)
+        layout = create(this.options.layout.item[item], element)
       } else {
-        layout = new Layout(this.options.layout.item.base, element)
+        layout = create(this.options.layout.item.base, element)
       }
     } else {
       const itemName = this.options.itemName || 'item'

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)

package/src/module/layout.js

@@ -1,7 +1,5 @@
 import { is as isObject } from '../module/object'
 
-const components = []
-
 /**
  * Recursively creates components based on a provided schema.
  *
@@ -11,7 +9,8 @@ const components = []
  * @param {number} [level=0] - The current level of recursion.
  * @returns {Object} The structure containing all created components.
  */
-function create (schema, container, structure = {}, level = 0) {
+function create (schema, container, structure = {}, level = 0, components = []) {
+  // console.log('layout create')
   level++
   let component
   const object = {}
@@ -53,7 +52,7 @@ function create (schema, container, structure = {}, level = 0) {
       }
     } else if (Array.isArray(schema[i])) {
       if (!component) component = container
-      create(schema[i], component, structure, level)
+      create(schema[i], component, structure, level, components)
     }
   }
 

package/src/view/build.js

@@ -1,6 +1,6 @@
 import scrollbar from '../module/scrollbar'
 import dataset from '../module/dataset'
-import Layout from '../layout'
+import { create } from './module/layout'
 
 export default {
   build () {
@@ -19,7 +19,7 @@ export default {
     this.container.appendChild(this.element)
 
     if (this.options.layout) {
-      this.layout = new Layout(this.options.layout, this.element)
+      this.layout = create(this.options.layout, this.element)
       this.ui = this.layout.component
     }
   },