material 0.7.4 → 0.7.6

package/src/styles/M3/navigation/rail.sass

@@ -0,0 +1,72 @@
+.navigation.type-rail
+  flex: none
+  color: rgba(255, 255, 255, .87)
+  display: flex
+  overflow: hidden
+  flex-direction: column
+  width: 12px
+  padding-top: 56px
+  background-color: #2D2F31
+  margin: 0
+  transition: .1s linear width
+  &.show
+    width: 92px
+    .body
+      opacity: 1
+      transition: .1s opacity linear
+  .body
+    opacity: 0
+    flex: 1
+    flex-direction: column
+    width: 92px
+    padding: 0 0
+    margin: 0
+    transition: .1s opacity linear
+    .item
+      flex: none
+      display: flex
+      flex-direction: column
+      height: 64px
+      margin: 0
+      border-radius: 0
+      text-align: center
+      padding: 10px 0 6px
+      font-size: 0.8rem
+      text-transform: none
+      text-align: center
+      align-items: center
+      justify-content: center
+      &.selected, &.selected:hover
+        background-color: transparent          
+        .icon
+          background-color: #004A77
+          svg
+            fill: #C2E8FF
+      .icon
+        width: 60px
+        pointer-events: none
+        padding: 0
+        border-radius: 21px
+        margin: 0
+        height: 32px
+        padding: 4px 0
+        align-items: center
+        justify-content: center
+        svg
+          fill: rgba(255,255,255,.7)
+      .label
+        pointer-events: none
+        align-items: center
+        justify-content: center
+        text-align: center
+        flex: 1
+        color: rgba(255, 255, 255, 1)
+        text-transform: capitalize
+        font-size: .9em
+        text-align: center
+        padding: 0
+        margin: 0
+      &:hover
+        background-color: transaprent
+        .icon
+          background-color: rgba(255,255,255,.05)

package/src/styles/M3/view/view.sass

@@ -0,0 +1,2 @@
+.view
+  pointer-events: none

package/src/switch.js

@@ -1,13 +1,11 @@
+// base
 import EventEmitter from './mixin/emitter'
-
 // module
 import build from './module/build'
 import dataset from './module/dataset'
 import attach from './module/attach'
 import attributes from './module/attributes'
-
 // ui
-import Layout from './layout'
 import Element from './element'
 
 class Switch extends EventEmitter {
@@ -33,6 +31,7 @@ class Switch extends EventEmitter {
   }
 
   constructor (options) {
+    // console.log('switch')
     super()
 
     this.init(options)
@@ -51,9 +50,6 @@ class Switch extends EventEmitter {
   setup () {
     this.styleAttributes()
 
-    this.buildIcon()
-    this.buildLabel()
-
     if (this.options.data) {
       dataset(this.element, this.options.data)
     }
@@ -80,31 +76,6 @@ class Switch extends EventEmitter {
     }
   }
 
-  buildLabel () {
-    // console.log('buildLabel', this.options.label)
-    if (!this.options.label) return
-
-    this.ui.label = document.createElement('label')
-    this.ui.label.classList.add('label')
-    this.ui.label.innerHTML = this.options.label
-
-    if (this.options.name) {
-      this.ui.label.setAttribute('for', this.options.name)
-    }
-
-    this.element.insertBefore(this.ui.label, this.ui.input)
-  }
-
-  buildIcon () {
-    if (!this.options.icon) return
-
-    this.ui.icon = document.createElement('i')
-    this.ui.icon.classList.add('icon')
-    this.ui.icon.innerHTML = this.options.icon
-
-    this.element.insertBefore(this.ui.icon, this.ui.input)
-  }
-
   styleAttributes () {
     if (this.options.style) {
       this.element.classList.add('style-' + this.options.style)
@@ -123,12 +94,6 @@ class Switch extends EventEmitter {
     }
   }
 
-  /**
-   * Setter
-   * @param {string} prop
-   * @param {string} value
-   * @return {Object} The class instance
-   */
   set (prop, value, silent) {
     switch (prop) {
       case 'value':

package/src/text.js

@@ -43,6 +43,14 @@ class Text {
   setText (text) {
     this.element.innerHTML = text
   }
+
+  get () {
+    if (this.element.innerHTML) {
+      return this.element.innerHTML
+    } else {
+      return ''
+    }
+  }
 }
 
 export default Text

package/src/view.js

@@ -1,5 +1,4 @@
 import EventEmitter from './mixin/emitter'
-
 import build from './module/build'
 
 class View extends EventEmitter {
@@ -16,7 +15,7 @@ class View extends EventEmitter {
   }
 
   init (options) {
-    this.options = Object.assign({}, defaults, options || {})
+    this.options = Object.assign({}, View.defaults, options || {})
     Object.assign(this, build)
   }
 }