material 0.9.4 → 0.9.6

package/package.json

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

package/src/badge.js

@@ -1,17 +1,11 @@
-import { Component, build, display } from '../index'
+import { Component, display } from '../index'
 
 const isStringNumber = (str) => !isNaN(parseFloat(str)) && isFinite(str)
 
 class Badge extends Component {
   static defaults = {
     class: 'badge',
-    mixins: [build, display]
-  }
-
-  constructor (options) {
-    super(options)
-
-    this.build()
+    mixins: [display]
   }
 
   set (text) {

package/src/list/add.js

@@ -3,6 +3,10 @@ export default {
   add (info, context) {
   // console.log('list add', info)
 
+    if (this.options.reverse) {
+      context = 'bottom'
+    }
+
     if (!this.dataStore) return
     context = context !== undefined ? context : null
 

package/src/list/request.js

@@ -56,6 +56,10 @@ export default {
 
       data = data || []
 
+      if (this.options.reverse) {
+        data.reverse()
+      }
+
       if (data.error) {
         console.log('error', data.error)
         return

package/src/module/build.js

@@ -7,9 +7,14 @@ import { create } from '../module/layout'
  * @param {object} instance - The component instance to build.
  */
 const build = (instance) => {
-  const { tag = 'div', class: customClass, data, base, container, schema, icon, label, show } = instance.options
+  // console.log('name', instance.constructor.defaults)
+  const { tag = 'div', class: customClass, data, base, container, layout, icon, label, show } = instance.options
   const { defaults = {} } = instance.constructor
 
+  if (instance.constructor?.defaults.class === 'length') {
+    console.log('---', instance.constructor.defaults)
+  }
+
   instance.element = document.createElement(tag)
 
   if (defaults.base) css.add(instance.element, defaults.base)
@@ -25,8 +30,8 @@ const build = (instance) => {
 
   setupContainer(instance, base, container)
 
-  if (schema) {
-    setupLayout(instance, schema)
+  if (layout) {
+    setupLayout(instance, layout)
   }
 
   instance.ui = instance.ui || {}
@@ -42,9 +47,13 @@ const setupContainer = (instance, base, container) => {
   if (instance.container) instance.container.appendChild(instance.element)
 }
 
-const setupLayout = (instance, schema) => {
-  instance.layout = create(schema, instance.element)
+const setupLayout = (instance, layout) => {
+  instance.layout = create(layout, instance.element)
   instance.ui = instance.layout.component
+
+  if (instance.constructor.name === 'Length') {
+    console.log(instance.ui)
+  }
 }
 
 function buildLabel ({ ui, options, element }) {