material 0.9.10 → 0.9.12

package/package.json

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

package/src/class/view.js

@@ -1,12 +1,32 @@
-import Control from './control'
+import Component from './component'
+import events from '../module/events'
 
-class View extends Control {
-  static default = {
-    base = 'view'
-  }
+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
   }
 }
 

package/src/list/search.js

@@ -104,7 +104,7 @@ export default {
    * [showSearch description]
    * @return {[type]} [description]
    */
-  showSearch () {
+  showSearch (doNotEmpty) {
     if (this.hideFilter) {
       this.hideFilter()
     }
@@ -123,7 +123,7 @@ export default {
       this.ui['search-input'].focus()
     }
 
-    this.ui.body.innerHTML = ''
+    if (!doNotEmpty) this.ui.body.innerHTML = ''
 
     // this.ui['search-list'].classList.add('show')
     // this.ui.body.classList.add('hide')

package/src/list/virtual.js

@@ -198,6 +198,21 @@ VirtualList.prototype.reset = function () {
   this.scroller.style.height = 0
 }
 
+VirtualList.prototype.setCount = function (count) {
+  console.log('setCount', count)
+  this.count = count
+  const height = this.itemHeight * this.count
+
+  console.log('scroller height', height)
+  this.scroller.style.height = height + 'px'
+}
+
+VirtualList.prototype.getCount = function () {
+  // console.log('getCount')
+
+  return this.count
+}
+
 VirtualList.prototype.setOffset = function (info) {
   // console.log('setOffset', info)
 
@@ -220,12 +235,6 @@ VirtualList.prototype.setOffset = function (info) {
   return size
 }
 
-VirtualList.prototype.getCount = function () {
-  // console.log('getCount')
-
-  return this.count
-}
-
 VirtualList.createScroller = function () {
   const scroller = document.createElement('div')
   scroller.classList.add('scroller')

package/src/module/freeze.js

@@ -0,0 +1,15 @@
+// Recursively freeze an object to prevent mutation
+
+const isObject = item => {
+  return item && typeof item === 'object' && !Array.isArray(item)
+}
+
+const freeze = obj => {
+  if (isObject(obj)) {
+    Object.freeze(obj)
+    Object.keys(obj).forEach(key => freeze(obj[key]))
+  }
+  return obj
+}
+
+export default freeze

package/src/module/object.js

@@ -1,4 +1,3 @@
-
 const is = (object) => {
   return object &&
     typeof object === 'object' &&

package/src/skin/material/view/list.sass

@@ -34,7 +34,6 @@
     // overscroll-behavior: none
     // height: 100%
     .item
-      user-select: none
       width: 100%
       display: flex
       flex-direction: row

package/src/snackbar.js

@@ -1,17 +1,13 @@
-// base class
-import EventEmitter from './mixin/emitter'
-// related modules
-import build from './mixin/build'
-import events from './module/events'
+import Control from './class/control'
 import display from './mixin/display'
-// ui element
 import Element from './element'
 import Text from './text'
 import Button from './button'
 
-class Snackbar extends EventEmitter {
+class Snackbar extends Control {
   static defaults = {
     class: 'snackbar',
+    mixins: [display],
     transition: 225,
     duration: 4000,
     stack: false,
@@ -30,12 +26,9 @@ class Snackbar extends EventEmitter {
   }
 
   constructor (options) {
-    super()
-
+    super(options)
     this.init(options)
-    this.build(this.constructor)
     this.render()
-    events.attach(this.options.events, this)
     this.show()
 
     if (this.options.duration) {
@@ -46,19 +39,12 @@ class Snackbar extends EventEmitter {
   }
 
   init (options) {
-    this.options = Object.assign({}, Snackbar.defaults, options || {})
-    Object.assign(this, build, display)
-
     this.buildSnackbarContainer(this.options.container)
   }
 
   buildSnackbarContainer (container = document.body) {
-    // console.log('buildSnackbarContainer', container)
-
     const snackbarContainer = container.querySelector('.snackbars')
 
-    // console.log('snackbarContainer', snackbarContainer)
-
     if (!snackbarContainer) {
       this.options.container = document.createElement('div')
       this.options.container.classList.add('snackbars')
@@ -67,31 +53,46 @@ class Snackbar extends EventEmitter {
       if (this.options.stack === false) snackbarContainer.innerHTML = ''
       this.options.container = snackbarContainer
     }
+
+    this.options.container.appendChild(this.element)
   }
 
   render () {
-    this.ui.message.set(this.options.message)
+    if (!this.ui) {
+      console.error('UI elements not initialized properly.')
+      return
+    }
+
+    const { message, callback, close, action } = this.ui
+
+    if (message) {
+      message.set(this.options.message)
+    } else {
+      console.error('Message UI element not initialized.')
+    }
 
-    if (this.options.action) {
-      this.ui.callback.set(this.options.action)
-      this.ui.callback.element.classList.add('show')
-      this.ui.action.classList.add('show')
+    if (this.options.action && callback && callback.element) {
+      callback.set(this.options.action)
+      callback.element.classList.add('show')
+      if (action) {
+        action.classList.add('show')
+      }
     }
 
-    if (this.options.close) {
-      this.ui.close.element.classList.add('show')
-      this.ui.action.classList.add('show')
+    if (this.options.close && close && close.element) {
+      close.element.classList.add('show')
+      if (action) {
+        action.classList.add('show')
+      }
     }
   }
 
   action () {
-    // console.log('action')
     this.emit('action')
     this.destroy()
   }
 
   close () {
-    // console.log('close')
     this.destroy()
   }
 }

package/src/switch.js

@@ -110,7 +110,7 @@ class Switch extends EventEmitter {
         }
         break
       default:
-        this.setValue(prop, value)
+        this.setValue(prop, silent)
     }
 
     return this