@dimailn/vuetify 2.7.2-alpha10 → 2.7.2-alpha12

package/dist/vuetify.js

@@ -8015,7 +8015,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: [Number, String],
       default: 150
     },
-    value: {
+    modelValue: {
       type: [Object, String]
     },
     width: {
@@ -8035,8 +8035,8 @@ var __assign = undefined && undefined.__assign || function () {
   },
   computed: {
     hideAlpha: function hideAlpha() {
-      if (!this.value) return false;
-      return !Object(_util__WEBPACK_IMPORTED_MODULE_7__["hasAlpha"])(this.value);
+      if (!this.modelValue) return false;
+      return !Object(_util__WEBPACK_IMPORTED_MODULE_7__["hasAlpha"])(this.modelValue);
     }
   },
   watch: {
@@ -8050,10 +8050,10 @@ var __assign = undefined && undefined.__assign || function () {
   methods: {
     updateColor: function updateColor(color) {
       this.internalValue = color;
-      var value = Object(_util__WEBPACK_IMPORTED_MODULE_7__["extractColor"])(this.internalValue, this.value);
+      var value = Object(_util__WEBPACK_IMPORTED_MODULE_7__["extractColor"])(this.internalValue, this.modelValue);
 
-      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["deepEqual"])(value, this.value)) {
-        this.$emit('input', value);
+      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["deepEqual"])(value, this.modelValue)) {
+        this.$emit('update:modelValue', value);
         this.$emit('update:color', this.internalValue);
       }
     },
@@ -10305,10 +10305,11 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
   },
   watch: {
-    value: {
+    modelValue: {
       handler: function handler(value) {
         var _this = this;
 
+        if (!value) return;
         this.selection = value.reduce(function (selection, item) {
           selection[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(item, _this.itemKey)] = item;
           return selection;
@@ -10318,7 +10319,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     },
     selection: function selection(value, old) {
       if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["deepEqual"])(Object.keys(value), Object.keys(old))) return;
-      this.$emit('input', Object.values(value));
+      this.$emit('update:modelValue', Object.values(value));
     },
     expanded: {
       handler: function handler(value) {
@@ -13030,7 +13031,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         var output = this.multipleValue.map(function (val) {
           return Object(_util__WEBPACK_IMPORTED_MODULE_12__["sanitizeDateString"])(val, _type);
         }).filter(this.isDateAllowed);
-        this.$emit('input', this.isMultiple ? output : output[0]);
+        this.$emit('update:modelValue', this.isMultiple ? output : output[0]);
       }
     }
   },
@@ -13047,10 +13048,10 @@ var __read = undefined && undefined.__read || function (o, n) {
     emitInput: function emitInput(newInput) {
       if (this.range) {
         if (this.multipleValue.length !== 1) {
-          this.$emit('input', [newInput]);
+          this.$emit('update:modelValue', [newInput]);
         } else {
           var output_1 = [this.multipleValue[0], newInput];
-          this.$emit('input', output_1);
+          this.$emit('update:modelValue', output_1);
           this.$emit('change', output_1);
         }
 
@@ -13060,7 +13061,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       var output = this.multiple ? this.multipleValue.indexOf(newInput) === -1 ? this.multipleValue.concat([newInput]) : this.multipleValue.filter(function (x) {
         return x !== newInput;
       }) : newInput;
-      this.$emit('input', output);
+      this.$emit('update:modelValue', output);
       this.multiple || this.$emit('change', newInput);
     },
     checkMultipleProp: function checkMultipleProp() {
@@ -13087,7 +13088,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       this.internalActivePicker = 'MONTH';
 
       if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
-        this.$emit('input', this.inputDate);
+        this.$emit('update:modelValue', this.inputDate);
       }
     },
     monthClick: function monthClick(value) {
@@ -13107,7 +13108,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         this.internalActivePicker = 'DATE';
 
         if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
-          this.$emit('input', this.inputDate);
+          this.$emit('update:modelValue', this.inputDate);
         }
       } else {
         this.emitInput(this.inputDate);
@@ -35143,7 +35144,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha10";
+  Vuetify.version = "2.7.2-alpha12";
   Vuetify.config = {
     silent: false
   };
@@ -42278,10 +42279,6 @@ function prevent(e) {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_components_VInput__WEBPACK_IMPORTED_MODULE_0__["default"], _rippleable__WEBPACK_IMPORTED_MODULE_1__["default"], _comparable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
   name: 'selectable',
-  model: {
-    prop: 'inputValue',
-    event: 'change'
-  },
   props: {
     id: String,
     value: null,