material 0.7.0 → 0.7.2

package/src/module/classify.js

@@ -1,4 +1,4 @@
-import css from '../module/css'
+import * as css from '../module/css'
 
 function classify (element, options) {
   css.add(element, options.prefix + '-' + options.class)
@@ -34,14 +34,14 @@ function classify (element, options) {
   }
 
   if (options.style) {
-    var styles = options.style.split(' ')
-    for (var i = 0; i < styles.length; i++) {
+    const styles = options.style.split(' ')
+    for (let i = 0; i < styles.length; i++) {
       css.add(element, 'style-' + styles[i])
     }
   }
 
   if (options.data) {
-    for (var property in options.data) {
+    for (const property in options.data) {
       if (options.data.hasOwnProperty(property)) {
         element.dataset[property] = options.data[property]
       }

package/src/module/controller.js

@@ -1,15 +1,4 @@
-'use strict'
-
-/**
- *
- */
-var controller = {
-
-  /**
-   * [register description]
-   * @param  {component} component [description]
-   * @return {Object} The class instance
-   */
+const controller = {
   register (instance, group) {
     group = group || 'component'
     this[group + 's'] = this[group + 's'] || []
@@ -24,12 +13,6 @@ var controller = {
     return this
   },
 
-  /**
-   * This method subscribes to a specific topic
-   * @param  {string}   topic
-   * @param  {Function} callback
-   * @return {boolean} true
-   */
   subscribe (topic, callback) {
     this._topics = this._topics || {}
 
@@ -42,12 +25,6 @@ var controller = {
     return true
   },
 
-  /**
-   * This method unsubscribes to a specific topic
-   * @param  {string}   topic
-   * @param  {Function} callback
-   * @return {boolean} true
-   */
   unsunscribe (topic, callback) {
     this._topics = this._topics || {}
     // _log.debug('unsubscribe', topic);
@@ -55,7 +32,7 @@ var controller = {
       return false
     }
 
-    for (var i = 0, len = this._topics[topic].length; i < len; i++) {
+    for (let i = 0, len = this._topics[topic].length; i < len; i++) {
       if (this._topics[topic][i] === callback) {
         this._topics[topic].splice(i, 1)
         return true
@@ -65,21 +42,17 @@ var controller = {
     return false
   },
 
-  /**
-   * [publish description]
-   * @return {?} [description]
-   */
   publish () {
     this._topics = this._topics || {}
 
-    var args = Array.prototype.slice.call(arguments)
-    var topic = args.shift()
+    const args = Array.prototype.slice.call(arguments)
+    const topic = args.shift()
     // _log.debug('publish', topic);
     if (!this._topics.hasOwnProperty(topic)) {
       return false
     }
 
-    for (var i = 0, len = this._topics[topic].length; i < len; i++) {
+    for (let i = 0, len = this._topics[topic].length; i < len; i++) {
       this._topics[topic][i].apply(undefined, args)
     }
     return true

package/src/module/css.js

@@ -1,51 +1,15 @@
-/**
- * This function checks if the element className passed in parameters
- *
- * @since 0.0.6
- * @module css/has
- * @category Element
- * @param {...Array} [arrays] The arrays to process.
- * @param {Function} iteratee The function to combine
- *  grouped values.
- * @returns {Array} Returns the new array of grouped elements.
- * @see unzip, unzipWith, zip, zipObject, zipObjectDeep, zipWith
- * @example
- *
- * has(element, 'show');
- * // => [111, 222]
- */
-function has(element, className) {
-  if (!element || !className) {
-    return false
-  }
-
-  return !!element.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'))
+const has = (element, className) => {
+  if (!element || !className) return false
+  return !!element.className.match(new RegExp(`(\\s|^)${className}(\\s|$)`))
 }
 
-/**
- * This function adds className to the element's attribute class
- *
- * @since 0.0.6
- * @module css/add
- * @category css
- * @param {HTMLElement} element Related element
- * @param {String} className the className to add
- *  grouped values.
- * @returns {HTMLElement} The augmented element
- * @example
- *
- * add(element, 'hidden');
- * // => <div class="element hidden">...</div>
- */
-function add(element, className) {
-  if (!element || !className) {
-    return
-  }
+const add = (element, className) => {
+  if (!element || !className) return
 
-  let classNames = className.split(' ')
+  const sanitizedClassName = className.trim().replace(/\s+/g, ' ')
+  const classNames = sanitizedClassName.split(' ')
 
-  for (var i = 0; i < classNames.length; i++) {
-    var cn = classNames[i]
+  for (const cn of classNames) {
     if (!has(element, cn)) {
       element.classList.add(cn)
     }
@@ -53,55 +17,19 @@ function add(element, className) {
   return element
 }
 
-/**
- * This function removes className to the element's attribute class
- *
- * @since 0.0.6
- * @module css/remove
- * @category css
- * @param {HTMLElement} element Related element
- * @param {String} className the className to add
- * @returns {HTMLElement} The element with the removed className
- * @example
- *
- * remove(element, 'hidden');
- * // => <div class="element">...</div>
- */
-function remove(element, className) {
-  if (!element || !className) {
-    return
-  }
-
+const remove = (element, className) => {
+  if (!element || !className) return
   element.classList.remove(className)
-
   return element
 }
 
-/**
- * This function toggles className from the element's attribute class
- *
- * @since 0.0.6
- * @module css/toggle
- * @category Element
- * @param {HTMLElement} element Related element
- * @param {String} className the className to add
- *  grouped values.
- * @returns {HTMLElement} The modified element
- * @example
- *
- * toggle(element, 'hidden');
- * // => <div class="element">...</div>
- * toggle(element, 'hidden');
- * // => <div class="element hidden">...</div>
- */
-function toggle(element, className) {
+const toggle = (element, className) => {
   if (has(element, className)) {
     remove(element, className)
   } else {
     add(element, className)
   }
-
   return element
 }
 
-export default { has, add, remove, toggle }
+export { has, add, remove, toggle }

package/src/module/dataset.js

@@ -1,7 +1,7 @@
 
 function dataset (element, data) {
   if (data) {
-    for (var property in data) {
+    for (const property in data) {
       if (data.hasOwnProperty(property)) {
         element.dataset[property] = data[property]
       }

package/src/module/dom.js

@@ -22,12 +22,12 @@ function replace (container, element) {
 }
 
 function remove (element) {
-  var parent = element.parentNode
+  const parent = element.parentNode
   return parent.removeChild(element)
 }
 
 function dispose (element) {
-  var el = element
+  const el = element
   return (el.parentNode) ? el.parentNode.removeChild(el) : el
 }
 
@@ -38,7 +38,12 @@ function empty (element) {
 }
 
 function destroy (element) {
-  return element.parentNode.removeChild(element)
+  if (element && element.parentNode) {
+    return element.parentNode.removeChild(element)
+  } else {
+    // console.error('Element or its parent node is null')
+    return null
+  }
 }
 
 export default { append, prepend, after, before, replace, remove, destroy, empty, dispose }

package/src/module/dot.js

@@ -1,10 +1,10 @@
 
 function dot (obj) {
-  var res = {}
+  const res = {}
   function recurse (obj, current) {
-    for (var key in obj) {
-      var value = obj[key]
-      var newKey = (current ? current + '.' + key : key)
+    for (const key in obj) {
+      const value = obj[key]
+      const newKey = (current ? current + '.' + key : key)
       if (value && typeof value === 'object') {
         recurse(value, newKey)
       } else {

package/src/module/emitter.js

@@ -14,7 +14,7 @@ export default {
   emit (event /* , args... */) {
     this.event = this.event || {}
     if (event in this.event === false) return
-    for (var i = 0; i < this.event[event].length; i++) {
+    for (let i = 0; i < this.event[event].length; i++) {
       this.event[event][i].apply(this, Array.prototype.slice.call(arguments, 1))
     }
     return this

package/src/module/event.js

@@ -9,7 +9,7 @@ export default {
     // avoid memory overhead of new anonymous functions for every event handler that's installed
     // by using local functions
     function listenHandler (e) {
-      var ret = fn.apply(this, arguments)
+      const ret = fn.apply(this, arguments)
       if (ret === false) {
         e.stopPropagation()
         e.preventDefault()
@@ -20,7 +20,7 @@ export default {
     function attachHandler () {
       // set the this pointer same as addEventListener when fn is called
       // and make sure the event is passed to the fn also so that works the same too
-      var ret = fn.call(element, window.event)
+      const ret = fn.call(element, window.event)
       if (ret === false) {
         window.event.returnValue = false
         window.event.cancelBubble = true

package/src/module/events.js

@@ -1,57 +1,51 @@
 import extract from './extract'
 
-function last (str) {}
-
-export default {
-  bindEvents: function (events) {
-    // console.log('bindEvents', events)
+const attachModule = {
+  bindEvents (events) {
     events = events || this.options.events
     if (!events) return
 
-    // console.log('attach', events, this)
-    var instance = this
-    events.map((def) => {
-      var e = extract.e(instance, def[0])
-      var f = extract.f(instance, def[1])
-      var option = def[2]
-
-      var keys = def[1].split('.')
-
+    events.map(([eventDef, funcDef, option]) => {
+      const e = extract.e(this, eventDef)
+      const isFunction = typeof funcDef === 'function'
+      const f = isFunction ? null : extract.f(this, funcDef)
+      const keys = funcDef.split('.')
       keys.pop()
-      var bound = this.last(keys.join('.'))
+      const bound = this.last(keys.join('.'))
 
-      if (f && bound && e && e.element && e.element.addEventListener) {
-        if (!f) { console.log('error') }
+      let handler = null
 
+      if (isFunction && funcDef) {
+        handler = funcDef.bind(this)
+      } else if (f && bound) {
+        handler = f.bind(bound)
+      } else {
+        // console.error(`Can't bind function for ${eventDef}`)
+        return
+      }
+
+      if (handler && e && e.element && e.element.addEventListener) {
         if (option) {
-          e.element.addEventListener(e.name, f.bind(bound), option)
+          e.element.addEventListener(e.name, handler, option)
         } else {
-          e.element.addEventListener(e.name, f.bind(bound))
+          e.element.addEventListener(e.name, handler)
         }
-      } else if (e && e.element && e.element.on && f && bound) {
-        e.element.on(e.name, f.bind(bound))
+      } else if (e && e.element && e.element.on && handler) {
+        e.element.on(e.name, handler)
       } else {
-        // console.log('can\'t attach', def[0])
+        // console.error(`Can't attach ${eventDef}`)
       }
     })
 
     return this
   },
 
-  last: function (str) {
-    // console.log('_path', str)
+  last (str) {
     if (!str) return this
-    else if (!str.match(/\./)) return this[str]
-    var last
-
-    var keys = str.split('.')
-    for (var i = 0, l = keys.length; i < l; i++) {
-      var key = keys[i]
+    if (!str.includes('.')) return this[str]
 
-      last = last || this
-      last = last[key]
-    }
-
-    return last
+    return str.split('.').reduce((acc, key) => acc[key], this)
   }
 }
+
+export default attachModule

package/src/module/extract.js

@@ -13,14 +13,14 @@ function e (instance, ev) {
     }
   }
 
-  var iteration
-  var obj = {}
-  var element
+  let iteration
+  const obj = {}
+  let element
 
-  var keys = ev.split('.')
+  const keys = ev.split('.')
 
-  for (var i = 0, l = keys.length; i <= l; i++) {
-    var key = keys[i]
+  for (let i = 0, l = keys.length; i <= l; i++) {
+    const key = keys[i]
     iteration = iteration || instance
     iteration = iteration[key]
 
@@ -45,11 +45,11 @@ function f (instance, func) {
   if (typeof func === 'function') {
     return func
   } else if (!func.match(/\./)) return instance[func]
-  var iteration
+  let iteration
 
-  var keys = func.split('.')
-  for (var i = 0, l = keys.length; i < l; i++) {
-    var key = keys[i]
+  const keys = func.split('.')
+  for (let i = 0, l = keys.length; i < l; i++) {
+    const key = keys[i]
 
     iteration = iteration || instance
     iteration = iteration[key]

package/src/module/last.js

@@ -0,0 +1,18 @@
+export default {
+  (str) => {
+    // console.log('_path', str)
+    if (!str) return this
+    else if (!str.match(/\./)) return this[str]
+    var last
+
+    var keys = str.split('.')
+    for (var i = 0, l = keys.length; i < l; i++) {
+      var key = keys[i]
+
+      last = last || this
+      last = last[key]
+    }
+
+    return last
+  }
+}

package/src/module/mediator.js

@@ -1,10 +1,4 @@
 const mediator = ((() => {
-  /**
-   * @description Subscribe to an event, supply a callback to be executed when that event is broadcast
-   * @param store {string}
-   * @param fn {function}
-   * @returns {subscribe} {object}
-   */
   const subscribe = function (store, fn) {
     if (!mediator.stores[store]) {
       mediator.stores[store] = []
@@ -18,19 +12,13 @@ const mediator = ((() => {
     return this
   }
 
-  /**
-   * @description Publish/broadcast an event to the rest of the application
-   * @param store {string}
-   * @param args {object}
-   * @returns {*||boolean}
-   */
   const publish = function (store, ...args) {
     // console.log('publish', store, args)
     if (!mediator.stores[store]) {
       return false
     }
 
-    for (let value of mediator.stores[store]) {
+    for (const value of mediator.stores[store]) {
       const subscription = value
       subscription.callback.apply(subscription.context, args)
     }

package/src/module/object.js

@@ -7,10 +7,10 @@ function is (object) {
 
 function byString (o, s) {
   s = s.replace(/\[(\w+)\]/g, '.$1') // convert indexes to properties
-  s = s.replace(/^\./, '')           // strip a leading dot
-  var a = s.split('.')
-  for (var i = 0, n = a.length; i < n; ++i) {
-    var k = a[i]
+  s = s.replace(/^\./, '') // strip a leading dot
+  const a = s.split('.')
+  for (let i = 0, n = a.length; i < n; ++i) {
+    const k = a[i]
     if (k in o) {
       o = o[k]
     } else {

package/src/module/observer.js

@@ -1,23 +1,50 @@
+const observer = (() => {
+  const watch = function (event, fn, context = this) {
+    if (typeof event !== 'string' || typeof fn !== 'function') {
+      throw new Error('Invalid arguments. Event must be a string and callback must be a function.')
+    }
 
-const observer = {
-  insert: (element, cb) => {
-    var observer = new MutationObserver((mutations) => {
-      if (document.contains(element)) {
-        if (typeof cb === 'function' && !element.classList.contains('inserted')) {
-          cb()
-        }
+    if (!observer.events[event]) {
+      observer.events[event] = []
+    }
 
-        observer.disconnect()
-      }
+    observer.events[event].push({
+      context,
+      callback: fn
     })
 
-    observer.observe(document, {
-      attributes: false,
-      childList: true,
-      characterData: false,
-      subtree: true
-    })
+    return this
+  }
+
+  const unwatch = function (event, fn) {
+    if (!observer.events[event]) return this
+
+    observer.events[event] = observer.events[event].filter(subscriber => subscriber.callback !== fn)
+
+    return this
+  }
+
+  const notify = function (event, ...args) {
+    if (!observer.events[event]) return this
+
+    for (const { context, callback } of observer.events[event]) {
+      callback.apply(context, args)
+    }
+
+    return this
+  }
+
+  return {
+    events: {},
+    watch,
+    unwatch,
+    notify,
+    init: function (obj) {
+      obj.watch = watch
+      obj.unwatch = unwatch
+      obj.notify = notify
+    }
   }
-}
+})()
 
 export default observer

package/src/module/remove.js

@@ -19,16 +19,16 @@ export default {
     if (!events) return
 
     // console.log('attach', events, this)
-    var instance = this
+    const instance = this
     events.map((def) => {
-      var e = extract.e(instance, def[0])
-      var f = extract.f(instance, def[1])
-      var option = def[2]
+      const e = extract.e(instance, def[0])
+      const f = extract.f(instance, def[1])
+      const option = def[2]
 
-      var keys = def[1].split('.')
+      const keys = def[1].split('.')
 
       keys.pop()
-      var bound = this.last(keys.join('.'))
+      const bound = this.last(keys.join('.'))
 
       if (f && bound && e && e.element && e.element.addEventListener) {
         if (!f) { console.log('error') }
@@ -59,11 +59,11 @@ export default {
     // console.log('_path', str)
     if (!str) return this
     else if (!str.match(/\./)) return this[str]
-    var last
+    let last
 
-    var keys = str.split('.')
-    for (var i = 0, l = keys.length; i < l; i++) {
-      var key = keys[i]
+    const keys = str.split('.')
+    for (let i = 0, l = keys.length; i < l; i++) {
+      const key = keys[i]
 
       last = last || this
       last = last[key]