@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

package/es5/components/VDatePicker/VDatePickerHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerHeader.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, PropType, Transition, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-header',\n\n  props: {\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: String,\n    max: String,\n    nextAriaLabel: String,\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    prevAriaLabel: String,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    readonly: Boolean,\n    value: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      isReversing: false,\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      if (this.format) {\n        return this.format\n      } else if (String(this.value).split('-')[1]) {\n        return createNativeLocaleFormatter(this.currentLocale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n      } else {\n        return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n      }\n    },\n  },\n\n  watch: {\n    value (newVal, oldVal) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  methods: {\n    genBtn (change: number) {\n      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel\n      const ariaLabel = ariaLabelId ? this.$vuetify.lang.t(ariaLabelId) : undefined\n      const disabled = this.disabled ||\n        (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n        (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n      return h(VBtn, {\n        'aria-label': ariaLabel,\n        dark: this.dark,\n        disabled,\n        icon: true,\n        light: this.light,\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          this.$emit('input', this.calculateChange(change))\n        }\n      }, [\n        h(VIcon, ((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon),\n      ])\n    },\n    calculateChange (sign: number) {\n      const [year, month] = String(this.value).split('-').map(Number)\n\n      if (month == null) {\n        return `${year + sign}`\n      } else {\n        return monthChange(String(this.value), sign)\n      }\n    },\n    genHeader () {\n      const color = !this.disabled && (this.color || 'accent')\n      const header = h('div', this.setTextColor(color, {\n        key: String(this.value),\n      }), [h('button', {\n        type: 'button',\n        onClick: () => this.$emit('toggle'),\n      }, getSlot(this) || [this.formatter(String(this.value))])])\n\n      const transition = h(Transition, {\n        name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition',\n      }, [header])\n\n      return h('div', {\n        class: ['v-date-picker-header__value', {\n          'v-date-picker-header__value--disabled': this.disabled,\n        }]\n      }, [transition])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-header', {\n        'v-date-picker-header--disabled': this.disabled,\n        ...this.themeClasses,\n      }]\n    }, [\n      this.genBtn(-1),\n      this.genHeader(),\n      this.genBtn(+1),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerHeader.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerHeader.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport { getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, Transition, h, defineComponent } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'v-date-picker-header',\n\n  mixins: [Colorable, Localable, Themeable],\n\n  props: {\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: String,\n    max: String,\n    nextAriaLabel: String,\n    nextIcon: {\n      type: String,\n      default: '$next'\n    },\n    prevAriaLabel: String,\n    prevIcon: {\n      type: String,\n      default: '$prev'\n    },\n    readonly: Boolean,\n    modelValue: {\n      type: [Number, String],\n      required: true\n    }\n  },\n\n  emits: ['update:modelValue', 'toggle'],\n\n  data () {\n    return {\n      isReversing: false\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      if (this.format) {\n        return this.format\n      } else if (String(this.modelValue).split('-')[1]) {\n        return createNativeLocaleFormatter(this.currentLocale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n      } else {\n        return createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n      }\n    }\n  },\n\n  watch: {\n    modelValue (newVal, oldVal) {\n      this.isReversing = newVal < oldVal\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genBtn (change: number) {\n      const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel\n      const ariaLabel = ariaLabelId ? this.$vuetify.lang.t(ariaLabelId) : undefined\n      const disabled = this.disabled ||\n        (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n        (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n      return h(VBtn, {\n        'aria-label': ariaLabel,\n        dark: this.dark,\n        disabled,\n        icon: true,\n        light: this.light,\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          this.$emit('update:modelValue', this.calculateChange(change))\n        }\n      }, {\n        default: () => [\n          h(VIcon, {}, {\n            default: () => (((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon)\n          })\n        ]\n      })\n    },\n    calculateChange (sign: number) {\n      const [year, month] = String(this.modelValue).split('-').map(Number)\n\n      if (month == null) {\n        return `${year + sign}`\n      } else {\n        return monthChange(String(this.modelValue), sign)\n      }\n    },\n    genHeader () {\n      const color = !this.disabled && (this.color || 'accent')\n      const header = h('div', this.setTextColor(color, {\n        key: String(this.modelValue)\n      }), {\n        default: () => [h('button', {\n          type: 'button',\n          onClick: () => this.$emit('toggle')\n        }, {\n          default: () => getSlot(this) || [this.formatter(String(this.modelValue))]\n        })]\n      })\n\n      const transition = h(Transition, {\n        name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n      }, {\n        default: () => [header]\n      })\n\n      return h('div', {\n        class: ['v-date-picker-header__value', {\n          'v-date-picker-header__value--disabled': this.disabled\n        }]\n      }, {\n        default: () => [transition]\n      })\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-header', {\n        'v-date-picker-header--disabled': this.disabled,\n        ...this.themeClasses\n      }]\n    }, {\n      default: () => [\n        this.genBtn(-1),\n        this.genHeader(),\n        this.genBtn(+1)\n      ]\n    })\n  }\n})\n"],"sourceRoot":"","file":"VDatePickerHeader.js"}

package/es5/components/VDatePicker/VDatePickerMonthTable.js

@@ -11,10 +11,13 @@ var _util = require("./util");
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+var _vue = require("vue");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Mixins
 // Utils
+// Types
 var _default = (0, _mixins.default)(_datePickerTable.default
 /* @vue/component */
 ).extend({
@@ -45,11 +48,11 @@ var _default = (0, _mixins.default)(_datePickerTable.default
         var tds = cols.map(function (_, col) {
           var month = row * cols.length + col;
           var date = "".concat(_this.displayedYear, "-").concat((0, _util.pad)(month + 1));
-          return h('td', {
+          return (0, _vue.h)('td', {
             key: month
           }, [_this.genButton(date, false, 'month', _this.formatter)]);
         });
-        children.push(h('tr', {
+        children.push((0, _vue.h)('tr', {
           key: row
         }, tds));
       };
@@ -58,7 +61,7 @@ var _default = (0, _mixins.default)(_datePickerTable.default
         _loop(row);
       }
 
-      return h('tbody', children);
+      return (0, _vue.h)('tbody', children);
     }
   },
   render: function render() {

package/es5/components/VDatePicker/VDatePickerMonthTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerMonthTable.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;;;AALA;AAGA;eAQe,qBACb;AACF;AAFe,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SADQ,uBACC;AACP,aAAO,KAAK,MAAL,IAAe,uCAA4B,KAAK,aAAjC,EAAgD;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAAhD,EAAqF;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAArF,CAAtB;AACD;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBADO,8BACa,KADb,EAC0B;AAC/B,uBAAU,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAzC;AACD,KAHM;AAIP,IAAA,QAJO,sBAIC;AAAA;;AACN,UAAM,QAAQ,GAAG,EAAjB;AACA,UAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,UAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAHM,iCAKG,GALH;AAMJ,YAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,UAAC,CAAD,EAAI,GAAJ,EAAW;AAC9B,cAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,cAAM,IAAI,aAAM,KAAI,CAAC,aAAX,cAA4B,eAAI,KAAK,GAAG,CAAZ,CAA5B,CAAV;AACA,iBAAO,CAAC,CAAC,IAAD,EAAO;AACb,YAAA,GAAG,EAAE;AADQ,WAAP,EAEL,CACD,KAAI,CAAC,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAI,CAAC,SAA1C,CADC,CAFK,CAAR;AAKD,SARW,CAAZ;AAUA,QAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,UAAA,GAAG,EAAE;AADe,SAAP,EAEZ,GAFY,CAAf;AAhBI;;AAKN,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AAAA,cAA5B,GAA4B;AAcpC;;AAED,aAAO,CAAC,CAAC,OAAD,EAAU,QAAV,CAAR;AACD;AA1BM,GATF;AAsCP,EAAA,MAtCO,oBAsCD;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;AA1CM,CAHM,C","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { pad, createNativeLocaleFormatter } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-month-table',\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })\n    },\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`\n    },\n    genTBody () {\n      const children = []\n      const cols = Array(3).fill(null)\n      const rows = 12 / cols.length\n\n      for (let row = 0; row < rows; row++) {\n        const tds = cols.map((_, col) => {\n          const month = row * cols.length + col\n          const date = `${this.displayedYear}-${pad(month + 1)}`\n          return h('td', {\n            key: month,\n          }, [\n            this.genButton(date, false, 'month', this.formatter),\n          ])\n        })\n\n        children.push(h('tr', {\n          key: row,\n        }, tds))\n      }\n\n      return h('tbody', children)\n    },\n  },\n\n  render (): VNode {\n    return this.genTable('v-date-picker-table v-date-picker-table--month', [\n      this.genTBody(),\n    ], this.calculateTableDate)\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerMonthTable.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerMonthTable.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAGA;;;;AARA;AAGA;AAIA;eAIe,qBACb;AACF;AAFe,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SADQ,uBACC;AACP,aAAO,KAAK,MAAL,IAAe,uCAA4B,KAAK,aAAjC,EAAgD;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAAhD,EAAqF;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAArF,CAAtB;AACD;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBADO,8BACa,KADb,EAC0B;AAC/B,uBAAU,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAzC;AACD,KAHM;AAIP,IAAA,QAJO,sBAIC;AAAA;;AACN,UAAM,QAAQ,GAAG,EAAjB;AACA,UAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,UAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAHM,iCAKG,GALH;AAMJ,YAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,UAAC,CAAD,EAAI,GAAJ,EAAW;AAC9B,cAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,cAAM,IAAI,aAAM,KAAI,CAAC,aAAX,cAA4B,eAAI,KAAK,GAAG,CAAZ,CAA5B,CAAV;AACA,iBAAO,YAAE,IAAF,EAAQ;AACb,YAAA,GAAG,EAAE;AADQ,WAAR,EAEJ,CACD,KAAI,CAAC,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAI,CAAC,SAA1C,CADC,CAFI,CAAP;AAKD,SARW,CAAZ;AAUA,QAAA,QAAQ,CAAC,IAAT,CAAc,YAAE,IAAF,EAAQ;AACpB,UAAA,GAAG,EAAE;AADe,SAAR,EAEX,GAFW,CAAd;AAhBI;;AAKN,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AAAA,cAA5B,GAA4B;AAcpC;;AAED,aAAO,YAAE,OAAF,EAAW,QAAX,CAAP;AACD;AA1BM,GATF;AAsCP,EAAA,MAtCO,oBAsCD;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;AA1CM,CAHM,C","sourcesContent":["// Mixins\nimport DatePickerTable from './mixins/date-picker-table'\n\n// Utils\nimport { pad, createNativeLocaleFormatter } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\nexport default mixins(\n  DatePickerTable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-month-table',\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { month: 'short', timeZone: 'UTC' }, { start: 5, length: 2 })\n    }\n  },\n\n  methods: {\n    calculateTableDate (delta: number) {\n      return `${parseInt(this.tableDate, 10) + Math.sign(delta || 1)}`\n    },\n    genTBody () {\n      const children = []\n      const cols = Array(3).fill(null)\n      const rows = 12 / cols.length\n\n      for (let row = 0; row < rows; row++) {\n        const tds = cols.map((_, col) => {\n          const month = row * cols.length + col\n          const date = `${this.displayedYear}-${pad(month + 1)}`\n          return h('td', {\n            key: month\n          }, [\n            this.genButton(date, false, 'month', this.formatter)\n          ])\n        })\n\n        children.push(h('tr', {\n          key: row\n        }, tds))\n      }\n\n      return h('tbody', children)\n    }\n  },\n\n  render (): VNode {\n    return this.genTable('v-date-picker-table v-date-picker-table--month', [\n      this.genTBody()\n    ], this.calculateTableDate)\n  }\n})\n"],"sourceRoot":"","file":"VDatePickerMonthTable.js"}

package/es5/components/VDatePicker/VDatePickerTitle.js

@@ -15,12 +15,23 @@ var _pickerButton = _interopRequireDefault(require("../../mixins/picker-button")
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+var _console = require("../../util/console");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// Components
-// Mixins
-// Utils
-var _default = (0, _mixins.default)(_pickerButton.default
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var _default2 = (0, _mixins.default)(_pickerButton.default
 /* @vue/component */
 ).extend({
   name: 'v-date-picker-title',
@@ -32,7 +43,7 @@ var _default = (0, _mixins.default)(_pickerButton.default
     disabled: Boolean,
     readonly: Boolean,
     selectingYear: Boolean,
-    value: {
+    modelValue: {
       type: String
     },
     year: {
@@ -43,6 +54,7 @@ var _default = (0, _mixins.default)(_pickerButton.default
       type: String
     }
   },
+  emits: ['update:selecting-year'],
   data: function data() {
     return {
       isReversing: false
@@ -54,29 +66,62 @@ var _default = (0, _mixins.default)(_pickerButton.default
     }
   },
   watch: {
-    value: function value(val, prev) {
+    modelValue: function modelValue(val, prev) {
       this.isReversing = val < prev;
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
   methods: {
     genYearIcon: function genYearIcon() {
+      var _this2 = this;
+
       return (0, _vue.h)(_VIcon.default, {
         dark: true
-      }, this.yearIcon);
+      }, function () {
+        return _this2.yearIcon;
+      });
     },
     getYearBtn: function getYearBtn() {
-      return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
+      var yearText = (0, _vue.h)('span', {
+        key: this.year
+      }, String(this.year));
+      var yearTransition = (0, _vue.h)(_vue.Transition, {
+        name: this.computedTransition
+      }, {
+        default: function _default() {
+          return [yearText];
+        }
+      });
+      return this.genPickerButton('selectingYear', true, [yearTransition, this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
     },
     genTitleText: function genTitleText() {
-      return (0, _vue.h)(_vue.Transition, {
-        name: this.computedTransition
-      }, [(0, _vue.h)('div', {
-        innerHTML: this.date || '&nbsp;',
-        key: this.value
-      })]);
+      return (0, _vue.h)('div', {
+        key: this.date
+      }, this.date || "\xA0");
     },
     genTitleDate: function genTitleDate() {
-      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date');
+      var titleText = this.genTitleText();
+      var transition = (0, _vue.h)(_vue.Transition, {
+        name: this.computedTransition
+      }, {
+        default: function _default() {
+          return [titleText];
+        }
+      });
+      return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date');
     }
   },
   render: function render() {
@@ -88,5 +133,5 @@ var _default = (0, _mixins.default)(_pickerButton.default
   }
 });
 
-exports.default = _default;
+exports.default = _default2;
 //# sourceMappingURL=VDatePickerTitle.js.map

package/es5/components/VDatePicker/VDatePickerTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AAGA;;AAGA;;;;AAPA;AAGA;AAGA;eAMe,qBACb;AACF;AAFe,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,qBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,QAAQ,EAAE,OALL;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,aAAa,EAAE,OAPV;AAQL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE;AADD,KARF;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAXD;AAeL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE;AADE;AAfL,GAHA;AAuBP,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,WAAW,EAAE;AADF,KAAP;AAAA,GAvBC;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,kBADQ,gCACU;AAChB,aAAO,KAAK,WAAL,GAAmB,2BAAnB,GAAiD,mBAAxD;AACD;AAHO,GA3BH;AAiCP,EAAA,KAAK,EAAE;AACL,IAAA,KADK,iBACE,GADF,EACe,IADf,EAC2B;AAC9B,WAAK,WAAL,GAAmB,GAAG,GAAG,IAAzB;AACD;AAHI,GAjCA;AAuCP,EAAA,OAAO,EAAE;AACP,IAAA,WADO,yBACI;AACT,aAAO,YAAE,cAAF,EAAS;AACd,QAAA,IAAI,EAAE;AADQ,OAAT,EAEJ,KAAK,QAFD,CAAP;AAGD,KALM;AAMP,IAAA,UANO,wBAMG;AACR,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,IAAtC,EAA4C,CACjD,MAAM,CAAC,KAAK,IAAN,CAD2C,EAEjD,KAAK,QAAL,GAAgB,KAAK,WAAL,EAAhB,GAAqC,IAFY,CAA5C,EAGJ,KAHI,EAGG,2BAHH,CAAP;AAID,KAXM;AAYP,IAAA,YAZO,0BAYK;AACV,aAAO,YAAE,eAAF,EAAc;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAd,EAEJ,CACD,YAAE,KAAF,EAAS;AACP,QAAA,SAAS,EAAE,KAAK,IAAL,IAAa,QADjB;AAEP,QAAA,GAAG,EAAE,KAAK;AAFH,OAAT,CADC,CAFI,CAAP;AAQD,KArBM;AAsBP,IAAA,YAtBO,0BAsBK;AACV,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,KAAtC,EAA6C,CAAC,KAAK,YAAL,EAAD,CAA7C,EAAoE,KAApE,EAA2E,2BAA3E,CAAP;AACD;AAxBM,GAvCF;AAkEP,EAAA,MAlEO,oBAkED;AACJ,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB;AAC7B,yCAAiC,KAAK;AADT,OAAxB;AADO,KAAT,EAIJ,CACD,KAAK,UAAL,EADC,EAED,KAAK,YAAL,EAFC,CAJI,CAAP;AAQD;AA3EM,CAHM,C","sourcesContent":["import {h, Transition} from 'vue'\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    value: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    value (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return h(VIcon, {\n        dark: true,\n      }, this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return h(Transition, {\n        name: this.computedTransition,\n      }, [\n        h('div', {\n          innerHTML: this.date || '&nbsp;',\n          key: this.value\n        }),\n      ])\n    },\n    genTitleDate (): VNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date')\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-title', {\n        'v-date-picker-title--disabled': this.disabled,\n      }]\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerTitle.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, Transition } from 'vue'\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: ''\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    modelValue: {\n      type: String\n    },\n    year: {\n      type: [Number, String],\n      default: ''\n    },\n    yearIcon: {\n      type: String\n    }\n  },\n\n  emits: ['update:selecting-year'],\n\n  data: () => ({\n    isReversing: false\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    }\n  },\n\n  watch: {\n    modelValue (val: string, prev: string) {\n      this.isReversing = val < prev\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return h(VIcon, {\n        dark: true\n      }, () => this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      const yearText = h('span', {\n        key: this.year\n      }, String(this.year))\n\n      const yearTransition = h(Transition, {\n        name: this.computedTransition\n      }, {\n        default: () => [yearText]\n      })\n\n      return this.genPickerButton('selectingYear', true, [\n        yearTransition,\n        this.yearIcon ? this.genYearIcon() : null\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return h('div', {\n        key: this.date\n      }, this.date || '\\u00A0')\n    },\n    genTitleDate (): VNode {\n      const titleText = this.genTitleText()\n      const transition = h(Transition, {\n        name: this.computedTransition\n      }, {\n        default: () => [titleText]\n      })\n\n      return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date')\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-title', {\n        'v-date-picker-title--disabled': this.disabled\n      }]\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate()\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VDatePickerTitle.js"}

package/es5/components/VDatePicker/VDatePickerYears.js

@@ -13,14 +13,26 @@ var _localable = _interopRequireDefault(require("../../mixins/localable"));
 
 var _util = require("./util");
 
-var _mergeData = require("../../util/mergeData");
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
+var _console = require("../../util/console");
+
+var _vue = require("vue");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// Mixins
-// Utils
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var _default = (0, _mixins.default)(_colorable.default, _localable.default
 /* @vue/component */
 ).extend({
@@ -30,7 +42,7 @@ var _default = (0, _mixins.default)(_colorable.default, _localable.default
     min: [Number, String],
     max: [Number, String],
     readonly: Boolean,
-    value: [Number, String]
+    modelValue: [Number, String]
   },
   data: function data() {
     return {
@@ -47,45 +59,57 @@ var _default = (0, _mixins.default)(_colorable.default, _localable.default
       });
     }
   },
-  mounted: function mounted() {
+  created: function created() {
     var _this = this;
 
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
     setTimeout(function () {
-      var activeItem = _this.$el.getElementsByClassName('active')[0];
+      var activeItem = _this2.$el.getElementsByClassName('active')[0];
 
       if (activeItem) {
-        _this.$el.scrollTop = activeItem.offsetTop - _this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
-      } else if (_this.min && !_this.max) {
-        _this.$el.scrollTop = _this.$el.scrollHeight;
-      } else if (!_this.min && _this.max) {
-        _this.$el.scrollTop = 0;
+        _this2.$el.scrollTop = activeItem.offsetTop - _this2.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
+      } else if (_this2.min && !_this2.max) {
+        _this2.$el.scrollTop = _this2.$el.scrollHeight;
+      } else if (!_this2.min && _this2.max) {
+        _this2.$el.scrollTop = 0;
       } else {
-        _this.$el.scrollTop = _this.$el.scrollHeight / 2 - _this.$el.offsetHeight / 2;
+        _this2.$el.scrollTop = _this2.$el.scrollHeight / 2 - _this2.$el.offsetHeight / 2;
       }
     });
   },
   methods: {
     genYearItem: function genYearItem(year) {
-      var _this2 = this;
+      var _this3 = this;
 
       var formatted = this.formatter("".concat(year));
-      var active = parseInt(this.value, 10) === year;
+      var active = parseInt(this.modelValue, 10) === year;
       var color = active && (this.color || 'primary');
-      return h('li', this.setTextColor(color, {
+      return (0, _vue.h)('li', this.setTextColor(color, {
         key: year,
         class: {
           active: active
         },
-        on: (0, _mergeData.mergeListeners)({
-          click: function click() {
-            return _this2.$emit('input', year);
-          }
-        }, (0, _util.createItemTypeNativeListeners)(this, ':year', year))
+        onClick: function onClick() {
+          return _this3.$emit('update:modelValue', year);
+        }
       }), formatted);
     },
     genYearItems: function genYearItems() {
       var children = [];
-      var selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear();
+      var selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear();
       var maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
       var minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
 
@@ -97,7 +121,7 @@ var _default = (0, _mixins.default)(_colorable.default, _localable.default
     }
   },
   render: function render() {
-    return h('ul', {
+    return (0, _vue.h)('ul', {
       class: 'v-date-picker-years',
       ref: 'years'
     }, this.genYearItems());

package/es5/components/VDatePicker/VDatePickerYears.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createItemTypeNativeListeners,\n  createNativeLocaleFormatter,\n} from './util'\nimport { mergeListeners } from '../../util/mergeData'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface options extends Vue {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    value: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): VNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.value, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return h('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        on: mergeListeners({\n          click: () => this.$emit('input', year),\n        }, createItemTypeNativeListeners(this, ':year', year)),\n      }), formatted)\n    },\n\n    genYearItems (): VNode[] {\n      const children = []\n      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    return h('ul', {\n      class: 'v-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createNativeLocaleFormatter\n} from './util'\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface options {\n  $el: HTMLElement\n}\n\nexport default mixins(\n  Colorable,\n  Localable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    modelValue: [Number, String]\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary'\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): VNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.modelValue, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return h('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        onClick: () => this.$emit('update:modelValue', year)\n      }), formatted)\n    },\n\n    genYearItems (): VNode[] {\n      const children = []\n      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    }\n  },\n\n  render (): VNode {\n    return h('ul', {\n      class: 'v-date-picker-years',\n      ref: 'years'\n    }, this.genYearItems())\n  }\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}

package/es5/components/VDatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;eAWe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WAAW,EAAX,oBADuB;AAEvB,IAAA,gBAAgB,EAAhB,yBAFuB;AAGvB,IAAA,iBAAiB,EAAjB,0BAHuB;AAIvB,IAAA,oBAAoB,EAApB,6BAJuB;AAKvB,IAAA,qBAAqB,EAArB,8BALuB;AAMvB,IAAA,gBAAgB,EAAhB;AANuB;AADZ,C","sourcesContent":["import VDatePicker from './VDatePicker'\nimport VDatePickerTitle from './VDatePickerTitle'\nimport VDatePickerHeader from './VDatePickerHeader'\nimport VDatePickerDateTable from './VDatePickerDateTable'\nimport VDatePickerMonthTable from './VDatePickerMonthTable'\nimport VDatePickerYears from './VDatePickerYears'\n\nexport {\n  VDatePicker,\n  VDatePickerTitle,\n  VDatePickerHeader,\n  VDatePickerDateTable,\n  VDatePickerMonthTable,\n  VDatePickerYears,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VDatePicker,\n    VDatePickerTitle,\n    VDatePickerHeader,\n    VDatePickerDateTable,\n    VDatePickerMonthTable,\n    VDatePickerYears,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;eAWe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WAAW,EAAX,oBADuB;AAEvB,IAAA,gBAAgB,EAAhB,yBAFuB;AAGvB,IAAA,iBAAiB,EAAjB,0BAHuB;AAIvB,IAAA,oBAAoB,EAApB,6BAJuB;AAKvB,IAAA,qBAAqB,EAArB,8BALuB;AAMvB,IAAA,gBAAgB,EAAhB;AANuB;AADZ,C","sourcesContent":["import VDatePicker from './VDatePicker'\nimport VDatePickerTitle from './VDatePickerTitle'\nimport VDatePickerHeader from './VDatePickerHeader'\nimport VDatePickerDateTable from './VDatePickerDateTable'\nimport VDatePickerMonthTable from './VDatePickerMonthTable'\nimport VDatePickerYears from './VDatePickerYears'\n\nexport {\n  VDatePicker,\n  VDatePickerTitle,\n  VDatePickerHeader,\n  VDatePickerDateTable,\n  VDatePickerMonthTable,\n  VDatePickerYears\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VDatePicker,\n    VDatePickerTitle,\n    VDatePickerHeader,\n    VDatePickerDateTable,\n    VDatePickerMonthTable,\n    VDatePickerYears\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VDatePicker/mixins/date-picker-table.js

@@ -25,6 +25,8 @@ var _mixins = _interopRequireDefault(require("../../../util/mixins"));
 
 var _helpers = require("../../../util/helpers");
 
+var _console = require("../../../util/console");
+
 var _vue = require("vue");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -37,6 +39,12 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.it
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -49,18 +57,9 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _themeable.default
 /* @vue/component */
 ).extend({
-  directives: {
-    Touch: _touch.default
-  },
   props: {
     allowedDates: Function,
     current: String,
@@ -87,7 +86,7 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       type: String,
       required: true
     },
-    value: [String, Array]
+    modelValue: [String, Array]
   },
   data: function data() {
     return {
@@ -104,6 +103,10 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
     },
     displayedYear: function displayedYear() {
       return Number(this.tableDate.split('-')[0]);
+    },
+    // Vue 3 compatibility: use modelValue
+    currentValue: function currentValue() {
+      return this.modelValue;
     }
   },
   watch: {
@@ -111,6 +114,20 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       this.isReversing = newVal < oldVal;
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
   mounted: function mounted() {
     this.wheelThrottle = (0, _helpers.throttle)(this.wheel, 250);
   },
@@ -130,14 +147,16 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       }, this.themeClasses);
     },
     genButtonEvents: function genButtonEvents(value, isAllowed, mouseEventType) {
-      var _this = this;
+      var _this2 = this;
 
       if (this.disabled) return undefined;
       return (0, _mergeData.mergeListeners)({
         onClick: function onClick() {
-          if (isAllowed && !_this.readonly) _this.$emit('input', value);
+          if (isAllowed && !_this2.readonly) {
+            _this2.$emit('update:modelValue', value);
+          }
         }
-      }, (0, _util.createItemTypeNativeListeners)(this, ":".concat(mouseEventType), value));
+      }, (0, _util.createItemTypeNativeListeners)(this, mouseEventType, value));
     },
     genButton: function genButton(value, isFloating, mouseEventType, formatter) {
       var isOtherMonth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
@@ -149,9 +168,9 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       var isFirst = false;
       var isLast = false;
 
-      if (this.range && !!this.value && Array.isArray(this.value)) {
-        isFirst = value === this.value[0];
-        isLast = value === this.value[this.value.length - 1];
+      if (this.range && !!this.currentValue && Array.isArray(this.currentValue)) {
+        isFirst = value === this.currentValue[0];
+        isLast = value === this.currentValue[this.currentValue.length - 1];
       }
 
       return (0, _vue.h)('button', setColor(color, _objectSpread({
@@ -199,13 +218,13 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       });
     },
     genEvents: function genEvents(date) {
-      var _this2 = this;
+      var _this3 = this;
 
       var eventColors = this.getEventColors(date);
       return eventColors.length ? (0, _vue.h)('div', {
         class: 'v-date-picker-table__events'
       }, eventColors.map(function (color) {
-        return (0, _vue.h)('div', _this2.setBackgroundColor(color));
+        return (0, _vue.h)('div', _this3.setBackgroundColor(color));
       })) : null;
     },
     isValidScroll: function isValidScroll(value, calculateTableDate) {
@@ -221,20 +240,22 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
       this.$emit('update:table-date', calculateTableDate(value));
     },
     genTable: function genTable(staticClass, children, calculateTableDate) {
-      var _this3 = this,
+      var _this4 = this,
           _objectSpread2;
 
       var transition = (0, _vue.h)(_vue.Transition, {
         name: this.computedTransition
-      }, [(0, _vue.h)('table', {
-        key: this.tableDate
-      }, children)]);
+      }, function () {
+        return [(0, _vue.h)('table', {
+          key: _this4.tableDate
+        }, children)];
+      });
       var touchDirective = [_touch.default, {
         left: function left(e) {
-          return e.offsetX < -15 && _this3.isValidScroll(1, calculateTableDate) && _this3.touch(1, calculateTableDate);
+          return e.offsetX < -15 && _this4.isValidScroll(1, calculateTableDate) && _this4.touch(1, calculateTableDate);
         },
         right: function right(e) {
-          return e.offsetX > 15 && _this3.isValidScroll(-1, calculateTableDate) && _this3.touch(-1, calculateTableDate);
+          return e.offsetX > 15 && _this4.isValidScroll(-1, calculateTableDate) && _this4.touch(-1, calculateTableDate);
         }
       }];
       return (0, _vue.withDirectives)((0, _vue.h)('div', _objectSpread({
@@ -243,27 +264,27 @@ var _default2 = (0, _mixins.default)(_colorable.default, _localable.default, _th
         onWheel: function onWheel(e) {
           e.preventDefault();
 
-          if (_this3.isValidScroll(e.deltaY, calculateTableDate)) {
-            _this3.wheelThrottle(e, calculateTableDate);
+          if (_this4.isValidScroll(e.deltaY, calculateTableDate)) {
+            _this4.wheelThrottle(e, calculateTableDate);
           }
         }
       } : {}), [transition]), [touchDirective]);
     },
     isSelected: function isSelected(value) {
-      if (Array.isArray(this.value)) {
-        if (this.range && this.value.length === 2) {
-          var _sort = _toConsumableArray(this.value).sort(),
+      if (Array.isArray(this.currentValue)) {
+        if (this.range && this.currentValue.length === 2) {
+          var _sort = _toConsumableArray(this.currentValue).sort(),
               _sort2 = _slicedToArray(_sort, 2),
               from = _sort2[0],
               to = _sort2[1];
 
           return from <= value && value <= to;
         } else {
-          return this.value.indexOf(value) !== -1;
+          return this.currentValue.indexOf(value) !== -1;
         }
       }
 
-      return value === this.value;
+      return value === this.currentValue;
     }
   }
 });