material 0.7.6 → 0.7.7

package/package.json

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

package/src/button.js

@@ -147,6 +147,16 @@ class Button extends EventEmitter {
     this.emit('click', ev)
   }
 
+  select (select) {
+    if (select === null) {
+      this.element.classList.remove('selected')
+      this.selected = null
+    } else {
+      this.element.classList.add('selected')
+      this.selected = true
+    }
+  }
+
   mousedown (ev) {
     this.element.classList.add('pushed')
   }

package/src/mixin/display.js

@@ -50,9 +50,11 @@ export default {
 
       setTimeout(() => {
         dom.destroy(this.element)
+        if (this.underlay) dom.destroy(this.underlay)
       }, this.options.transition)
     } else {
       dom.destroy(this.element)
+      if (this.underlay) dom.destroy(this.underlay)
     }
 
     this.emit?.('destroy')

package/src/module/build.js

@@ -35,8 +35,8 @@ export default {
 
     this.ui = this.ui || {}
 
-    if (this.options.label) this.buildLabel()
     if (this.options.icon) this.buildIcon()
+    if (this.options.label) this.buildLabel()
 
     if (this.options.show === true && this.show) this.show()
   },

package/src/snackbar.js

@@ -17,8 +17,7 @@ class Snackbar extends EventEmitter {
     close: false,
     layout: [
       [Text, 'message', { tag: 'span', class: 'message' }],
-      [Button, 'action', { class: 'action', type: 'link' }],
-      [Button, 'close', { class: 'close', type: 'action' }]
+      [Button, 'action', { class: 'action', type: 'link' }]
     ],
     events: [
       ['ui.action.click', 'action'],
@@ -72,11 +71,11 @@ class Snackbar extends EventEmitter {
     if (this.options.action) {
       this.ui.action.set(this.options.action)
       this.ui.action.element.classList.add('show')
+    } else if (this.options.close) {
+      this.ui.action.element.classList.remove('style-link')
+      this.ui.action.element.classList.add('style-action')
+      this.ui.action.element.classList.add('close')
     }
-
-    if (this.options.close) this.ui.close.element.classList.add('show')
-
-    return this
   }
 
   action () {