bump vue-toggle + switch

Author: paulpflug

README.md

@@ -510,20 +510,7 @@ components:
   <span slot="on">SomeOnLabel</span> <!-- defaults to On -->
 </switch>
 ```
-[demo](https://paulpflug.github.io/vue-materialize/#!/forms/switch) - [source for demo](dev/forms/switch.vue)
-#### Props <sup>[top^](#table-of-contents)</sup>
-| Name | type | default | description |
-| ---:| --- | ---| --- |
-| is-on | Boolean | false | (two-way) toggle state |
-| disabled | Boolean | false | is disabled |
-
-#### Events <sup>[top^](#table-of-contents)</sup>
-| Name |  description |
-| ---:| --- | ---| --- |
-| off |  will be emitted on click when state was on |
-| on |  will be emitted on click when state was off |
-| toggle |  will be emitted on click |
-
+[demo](https://paulpflug.github.io/vue-materialize/#!/forms/switch) - [source for demo](dev/forms/switch.vue) - [doc: vue-toggle](https://github.com/vue-comps/vue-toggle)
 
 ### input-field <sup>[top^](#table-of-contents)</sup>
 ```coffee
@@ -556,6 +543,7 @@ dataError | String | - | message to display on invalid input. Used with validate
 dataSuccess | String | - | message to display on valid input. Used with validate
 label | String | - | description of the input
 value | String | - | preset the value
+placeholder | String | - | sets a placeholder
 length | Number | 0 | maximum length of input
 
 #### Events <sup>[top^](#table-of-contents)</sup>

dev/forms/switch.vue

@@ -1,20 +1,21 @@
 <template lang="jade">
 .container
-  p
-    a(href="https://github.com/paulpflug/vue-materialize/blob/master/dev/forms/switch.vue") source
-  p
-    switch(@on="onOn" @off="onOff" @toggle="onToggle")
-  p
-    switch(disabled)
+  br
+  switch(@on="onOn" @off="onOff" @toggle="onToggle")
+  p disabled:
+  switch(disabled)
   p Open console for events
+  br
+  a(href="https://github.com/paulpflug/vue-materialize/blob/master/dev/forms/switch.vue") source
+
 
 </template>
 
 <script lang="coffee">
 require("../materialize.config.scss")
 module.exports =
   components:
-    "switch" : require "../../src/switch.vue"
+    "switch" : require "../../src/switch.coffee"
   methods:
     onOn: ->
       console.log "isOn"

package.json

@@ -36,7 +36,8 @@
     "vue-toaster": "^0.1.3",
     "vue-drag-handle": "^0.2.0",
     "vue-zoombox": "^0.1.0",
-    "vue-textarea": "^0.2.0"
+    "vue-textarea": "^0.2.0",
+    "vue-toggle": "^1.0.1"
   },
   "devDependencies": {
     "callback-loader": "^0.2.4",

src/dropdown.coffee

@@ -1,6 +1,9 @@
 # out: ../dropdown.js
 Velocity = require("velocity-animate")
 ci = require "vue-comps-dropdown"
+ci.computed ?= {}
+ci.computed.mergeClass = ->
+  return ["dropdown-content"]
 ci.props.transitionIn.default = ({el,cb}) ->
   Velocity el, "stop"
   Velocity el, "slideDown",{

src/switch.coffee

@@ -0,0 +1,32 @@
+# out: ../switch.js
+
+toggle = require "vue-toggle"
+t =
+  template: """
+    <div :class='computedClass'>
+      <label>
+        <slot name='off'>Off</slot>
+        <input type='checkbox' v-model='isOn' v-bind:disabled='disabled'>
+        <span class='lever'></span>
+        <slot name='on'>On</slot>
+      </label>
+    </div>
+  """
+  mixins: toggle.mixins
+  props:
+    onClass: toggle.props.onClass
+    offClass: toggle.props.offClass
+    isOn: toggle.props.isOn
+    disabled:toggle.props.disabled
+    class:
+      default: "switch"
+  computed: toggle.computed
+  watch:
+    isOn: (val) ->
+      if val
+        @$emit("on")
+      else
+        @$emit("off")
+      @$emit("toggle")
+
+module.exports = t