From fcc0b120bb7351d4570165329567d9f928a0d869 Mon Sep 17 00:00:00 2001
From: John Ryan Camatog <john.ryan.camatog@gmail.com>
Date: Thu, 25 May 2017 17:06:28 +0800
Subject: [PATCH] Bunch of fixes

- Allow md-checkbox to be toggled by clicking the label
- Add capability to edit chips in md-chips
- Fix error in md-select when not used with md-multiple
---
 src/components/mdCheckbox/mdCheckbox.vue | 2 +-
 src/components/mdChips/mdChips.vue       | 2 ++
 src/components/mdRadio/mdRadio.scss      | 1 -
 src/components/mdSelect/mdSelect.vue     | 5 ++++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/mdCheckbox/mdCheckbox.vue b/src/components/mdCheckbox/mdCheckbox.vue
index de0de4b..b409859 100644
--- a/src/components/mdCheckbox/mdCheckbox.vue
+++ b/src/components/mdCheckbox/mdCheckbox.vue
@@ -5,7 +5,7 @@
       <md-ink-ripple :md-disabled="disabled" />
     </div>
 
-    <label :for="id || name" class="md-checkbox-label" v-if="$slots.default">
+    <label :for="id || name" class="md-checkbox-label" v-if="$slots.default" @click="toggleCheck">
       <slot></slot>
     </label>
   </div>
diff --git a/src/components/mdChips/mdChips.vue b/src/components/mdChips/mdChips.vue
index b58e42e..5f108aa 100644
--- a/src/components/mdChips/mdChips.vue
+++ b/src/components/mdChips/mdChips.vue
@@ -2,8 +2,10 @@
   <md-input-container class="md-chips" :class="[themeClass, classes]" @click.native="applyInputFocus">
     <md-chip
       v-for="chip in selectedChips"
+      :md-editable="!mdStatic"
       :md-deletable="!mdStatic"
       :disabled="disabled"
+      @edit="editChip(chip)"
       @delete="deleteChip(chip)">
       <slot name="chip" :value="chip">{{ chip }}</slot>
     </md-chip>
diff --git a/src/components/mdRadio/mdRadio.scss b/src/components/mdRadio/mdRadio.scss
index ad1067e..81a369d 100644
--- a/src/components/mdRadio/mdRadio.scss
+++ b/src/components/mdRadio/mdRadio.scss
@@ -1,5 +1,4 @@
 @import '../../core/stylesheets/variables.scss';
-@import '../mdCheckbox/mdCheckbox.scss';
 
 $radio-size: 20px;
 $radio-touch-size: 48px;
diff --git a/src/components/mdSelect/mdSelect.vue b/src/components/mdSelect/mdSelect.vue
index 3c766c2..e2f0149 100644
--- a/src/components/mdSelect/mdSelect.vue
+++ b/src/components/mdSelect/mdSelect.vue
@@ -62,7 +62,10 @@
     watch: {
       value(value) {
         this.setTextAndValue(value);
-        this.selectOptions(value);
+
+        if (this.multiple) {
+          this.selectOptions(value);
+        }
       },
       disabled() {
         this.setParentDisabled();