material 0.9.9 → 0.9.11

package/package.json

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

package/src/button.js

@@ -57,6 +57,8 @@ class Button extends Control {
     if (data) dataset(this.element, data)
     if (caseOption) this.element.classList.add(`${caseOption}-case`)
     if (this.options.ripple) ripple(this.element)
+
+    if (this.options.disabled) this.disable()
   }
 
   styleAttributes () {

package/src/class/form.js

@@ -0,0 +1,45 @@
+import Component from './component'
+import events from '../module/events'
+import build from '../form/build'
+
+class Form {
+  static base = 'form'
+
+  constructor (options) {
+    this.options = { ...this.constructor.defaults, ...options }
+
+    const mixins = this.options.mixins || []
+
+    for (let i = 0; i < mixins.length; i++) {
+      Object.assign(this, mixins[i])
+    }
+
+    Object.assign(this, build)
+
+    this.build(this)
+
+    this.events = {}
+
+    if (this.options.events) {
+      events.attach(this.options.events, this)
+    }
+  }
+
+  on (event, listener) {
+    if (!this.events[event]) {
+      this.events[event] = []
+    }
+    this.events[event].push(listener)
+
+    return this
+  }
+
+  emit (event, ...args) {
+    if (this.events[event]) {
+      this.events[event].forEach(listener => listener.apply(this, args))
+    }
+    return this
+  }
+}
+
+export default Form

package/src/class/view.js

@@ -0,0 +1,33 @@
+import Component from './component'
+import events from '../module/events'
+
+class View extends Component {
+  static base = 'view'
+
+  constructor (options) {
+    super(options)
+    this.events = {}
+
+    if (this.options.events) {
+      events.attach(this.options.events, this)
+    }
+  }
+
+  on (event, listener) {
+    if (!this.events[event]) {
+      this.events[event] = []
+    }
+    this.events[event].push(listener)
+
+    return this
+  }
+
+  emit (event, ...args) {
+    if (this.events[event]) {
+      this.events[event].forEach(listener => listener.apply(this, args))
+    }
+    return this
+  }
+}
+
+export default View

package/src/list/add.js

@@ -1,6 +1,6 @@
 
 export default {
-  add (info, context) {
+  add (info, context, silent) {
   // console.log('list add', info)
 
     if (this.options.reverse) {
@@ -44,7 +44,7 @@ export default {
       this.virtual.update(this.data)
     }
 
-    this.emit('added', info, context)
+    if (silent !== true) this.emit('added', info, context)
 
     // this.ui.body.scrollTo(0, this.ui.body.scrollTop + 1)
     // this.ui.body.scrollTo(0, this.ui.body.scrollTop - 1)

package/src/menu.js

@@ -87,8 +87,8 @@ class Menu extends Control {
             offsetY: 8
           }).show()
 
-          this.menu.on('select', (name) => {
-            this.emit('select', `${obj.name}:${name}`)
+          this.menu.on('select', (value, name) => {
+            this.emit('select', `${obj.name}:${value}`, name)
           }).on('destroy', () => {
             this.menu = null
           })
@@ -103,9 +103,10 @@ class Menu extends Control {
 
   onClick (ev) {
     if (ev.target.classList.contains('sub')) return
-    const name = ev.target.getAttribute('name')
-    if (name) {
-      this.emit('select', name)
+    const value = ev.target.getAttribute('name')
+    const name = ev.target.innerHTML
+    if (value) {
+      this.emit('select', value, name)
     }
   }
 

package/src/text.js

@@ -19,7 +19,7 @@ class Text extends Component {
 
   set (text) {
     // console.log('set', text)
-    if (text === undefined) return
+    if (text === 'undefined') text = ''
 
     const label = this.options.label || ''
 
@@ -35,6 +35,7 @@ class Text extends Component {
   }
 
   setText (text) {
+    if (text === 'undefined') text = ''
     this.element.innerHTML = text
   }