Merge pull request vuematerial#858 from vuematerial/develop

Develop

Author: Pablo Henrique

docs/src/pages/components/Menu.vue

@@ -529,7 +529,7 @@
               </md-menu-content>
             </md-menu>
 
-            <md-button class="md-raised md-primary" @click="$refs.menu.open">Open contact card</md-button>
+            <md-button class="md-raised md-primary" @click="$refs.menu.open()">Open contact card</md-button>
           </div>
 
           <div slot="code">

docs/src/pages/components/Tabs.vue

@@ -440,6 +440,7 @@
     </docs-component>
   </page-content>
 </template>
+
 <style>
   .label-with-new-badge {
     font-weight: bolder;

docs/versions.json

@@ -1 +1 @@
-["0.5.1", "0.5.2", "0.6.0", "0.6.1", "0.6.2", "0.6.3", "0.7.0", "0.7.1", "0.7.2", "0.7.2", "0.7.2", "0.7.2", "0.7.2.1", "0.7.3"]
+["0.5.1", "0.5.2", "0.6.0", "0.6.1", "0.6.2", "0.6.3", "0.7.0", "0.7.1", "0.7.2", "0.7.3"]

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" @click="toggleCheck">
+    <label :for="id || name" class="md-checkbox-label" v-if="$slots.default" @click.prevent="toggleCheck">
       <slot></slot>
     </label>
   </div>
@@ -27,7 +27,7 @@
     mixins: [theme],
     data() {
       return {
-        checked: this.value
+        checked: this.value || false
       };
     },
     computed: {

src/components/mdChips/mdChips.vue

@@ -23,6 +23,7 @@
       @keydown.native.prevent.enter="addChip"
       @keydown.native.prevent.186="addChip"
       tabindex="0"
+      :debounce="0"
       ref="input">
     </md-input>
 
@@ -41,6 +42,10 @@
     props: {
       value: Array,
       disabled: Boolean,
+      debounce: {
+        type: Number,
+        default: 1E2
+      },
       mdInputId: String,
       mdInputName: String,
       mdInputPlaceholder: String,

src/components/mdInputContainer/common.js

@@ -3,7 +3,7 @@ export default {
     value: [String, Number],
     debounce: {
       type: Number,
-      default: 3E2
+      default: 1E2
     },
     disabled: Boolean,
     required: Boolean,

src/components/mdInputContainer/mdInputContainer.vue

@@ -4,11 +4,11 @@
 
     <span class="md-count" v-if="enableCounter">{{ inputLength }} / {{ counterLength }}</span>
 
-    <md-button class="md-icon-button md-toggle-password" @click="togglePasswordType" v-if="mdHasPassword">
+    <md-button tabindex="-1" class="md-icon-button md-toggle-password" @click.prevent="togglePasswordType" v-if="mdHasPassword">
       <md-icon>{{ showPassword ? 'visibility_off' : 'visibility' }}</md-icon>
     </md-button>
 
-    <md-button class="md-icon-button md-clear-input" @click="clearInput" v-if="mdClearable && hasValue">
+    <md-button tabindex="-1" class="md-icon-button md-clear-input" @click="clearInput" v-if="mdClearable && hasValue">
       <md-icon>clear</md-icon>
     </md-button>
   </div>

src/components/mdList/mdListItem.js

@@ -12,7 +12,7 @@ export default {
   },
   render(createElement, { children, data, props }) {
     const getItemComponent = () => {
-      const nativeOn = data.nativeOn;
+      const on = data.on;
       const interactionEvents = [
         'contextmenu',
         'dblclick',
@@ -27,16 +27,6 @@ export default {
         return MdListItemLink;
       }
 
-      if (nativeOn) {
-        let counter = interactionEvents.length;
-
-        while (counter--) {
-          if (nativeOn[interactionEvents[counter]]) {
-            return MdListItemButton;
-          }
-        }
-      }
-
       while (childrenCount--) {
         const options = children[childrenCount].componentOptions;
 
@@ -59,6 +49,16 @@ export default {
         }
       }
 
+      if (on) {
+        let counter = interactionEvents.length;
+
+        while (counter--) {
+          if (on[interactionEvents[counter]]) {
+            return MdListItemButton;
+          }
+        }
+      }
+
       return MdListItemDefault;
     };
 

src/components/mdTable/mdTablePagination.vue

@@ -2,7 +2,7 @@
   <div class="md-table-pagination">
     <span class="md-table-pagination-label">{{ mdLabel }}:</span>
 
-    <md-select v-model="currentSize" md-menu-class="md-pagination-select" @change="changeSize" v-if="mdPageOptions">
+    <md-select v-model="currentSize" md-menu-class="md-pagination-select" @change="changeSize" v-if="mdPageOptions !== false">
       <md-option v-for="amount in mdPageOptions" :key="amount" :value="amount">{{ amount }}</md-option>
     </md-select>
 
@@ -26,7 +26,10 @@
         type: [Number, String],
         default: 10
       },
-      mdPageOptions: [Array, Boolean],
+      mdPageOptions: {
+        type: [Array, Boolean],
+        default: () => [10, 25, 50, 100]
+      },
       mdPage: {
         type: [Number, String],
         default: 1
@@ -110,8 +113,11 @@
     },
     mounted() {
       this.$nextTick(() => {
-        this.mdPageOptions = this.mdPageOptions || [10, 25, 50, 100];
-        this.currentSize = this.mdPageOptions.includes(this.currentSize) ? this.currentSize : this.mdPageOptions[0];
+        if (this.mdPageOptions) {
+          this.currentSize = this.mdPageOptions.includes(this.currentSize) ? this.currentSize : this.mdPageOptions[0];
+        } else {
+          this.currentSize = 0;
+        }
         this.canFireEvents = true;
       });
     }