material 0.9.22 → 0.9.24

package/package.json

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

package/src/class/component.js

@@ -19,7 +19,6 @@ class Component {
   }
 
   async destroy () {
-    console.log('destroy')
     if (this.options.transition && this.element) {
       this.element.classList.remove('show')
       if (this.underlay) {
@@ -36,6 +35,8 @@ class Component {
       dom.destroy(this.element)
       if (this.underlay) dom.destroy(this.underlay)
     }
+
+    // this.emit('destroy')
   }
 }
 

package/src/class/control.js

@@ -31,7 +31,7 @@ class Control extends Component {
     }
 
     // Clean up emitter subscriptions
-    this.removeAll()
+    // this.removeAll()
 
     // Emit destroy event before DOM removal
     this.emit('destroy')

package/src/module/events.js

@@ -59,21 +59,22 @@ const events = {
   },
 
   detach (eventsArray, context) {
+    // console.log('this', this)
     const uid = context._uid
     if (!this.eventHandlers[uid]) return
 
     eventsArray.forEach(([eventDef, funcDef, option]) => {
       const e = extract.e(context, eventDef)
       const handler = this.eventHandlers[uid][eventDef]
-      if (handler) {
+
+      if (handler && e?.element?.removeEventListener) {
         e.element.removeEventListener(e.name, handler)
-      } else if (e.element.off) {
+        delete this.eventHandlers[uid][eventDef]
+      } else if (e?.element?.off) {
         e.element.off(e.name, handler)
+        delete this.eventHandlers[uid][eventDef]
       }
-
-      delete this.eventHandlers[uid][eventDef]
-    }
-    )
+    })
   },
 
   list (context) {

package/src/module/layout.js

@@ -1,5 +1,16 @@
 import { is as isObject } from '../module/object'
 
+const createComponent = (Component, options = {}) => {
+  // Check if Component is a class (has prototype) or function
+  const isClass = Component.prototype && Component.prototype.constructor === Component
+
+  if (isClass) {
+    return new Component(options)
+  }
+
+  return Component(options)
+}
+
 /**
  * Recursively creates components based on a provided schema.
  *
@@ -9,7 +20,7 @@ import { is as isObject } from '../module/object'
  * @param {number} [level=0] - The current level of recursion.
  * @returns {Object} The structure containing all created components.
  */
-function create (schema, container, structure = {}, level = 0, components = []) {
+const create = (schema, container, structure = {}, level = 0, components = []) => {
   level++
   let component
   const object = {}
@@ -20,7 +31,7 @@ function create (schema, container, structure = {}, level = 0, components = [])
   }
 
   for (let i = 0; i < schema.length; i++) {
-    var name
+    let name
     let options = {}
 
     if (schema[i] instanceof Object && typeof schema[i] === 'function') {
@@ -37,7 +48,7 @@ function create (schema, container, structure = {}, level = 0, components = [])
         }
       }
 
-      component = new schema[i](options)
+      component = createComponent(schema[i], options)
 
       const element = component.element || component
       if (level === 1) structure.element = element