@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/lib/components/VDatePicker/VDatePickerHeader.js

@@ -9,9 +9,7 @@ import Themeable from '../../mixins/themeable'; // Utils
 
 import { createNativeLocaleFormatter, monthChange } from './util';
 import mixins from '../../util/mixins';
-import { getSlot } from '../../util/helpers'; // Types
-
-import { Transition, h } from 'vue';
+import { getSlot } from '../../util/helpers';
 export default mixins(Colorable, Localable, Themeable
 /* @vue/component */
 ).extend({
@@ -78,17 +76,23 @@ export default mixins(Colorable, Localable, Themeable
       const ariaLabelId = change > 0 ? this.nextAriaLabel : this.prevAriaLabel;
       const ariaLabel = ariaLabelId ? this.$vuetify.lang.t(ariaLabelId) : undefined;
       const disabled = this.disabled || change < 0 && this.min && this.calculateChange(change) < this.min || change > 0 && this.max && this.calculateChange(change) > this.max;
-      return h(VBtn, {
-        'aria-label': ariaLabel,
-        dark: this.dark,
-        disabled,
-        icon: true,
-        light: this.light,
-        onClick: e => {
-          e.stopPropagation();
-          this.$emit('input', this.calculateChange(change));
+      return this.$createElement(VBtn, {
+        attrs: {
+          'aria-label': ariaLabel
+        },
+        props: {
+          dark: this.dark,
+          disabled,
+          icon: true,
+          light: this.light
+        },
+        on: {
+          click: e => {
+            e.stopPropagation();
+            this.$emit('input', this.calculateChange(change));
+          }
         }
-      }, [h(VIcon, change < 0 === !this.$vuetify.rtl ? this.prevIcon : this.nextIcon)]);
+      }, [this.$createElement(VIcon, change < 0 === !this.$vuetify.rtl ? this.prevIcon : this.nextIcon)]);
     },
 
     calculateChange(sign) {
@@ -103,30 +107,38 @@ export default mixins(Colorable, Localable, Themeable
 
     genHeader() {
       const color = !this.disabled && (this.color || 'accent');
-      const header = h('div', this.setTextColor(color, {
+      const header = this.$createElement('div', this.setTextColor(color, {
         key: String(this.value)
-      }), [h('button', {
-        type: 'button',
-        onClick: () => this.$emit('toggle')
+      }), [this.$createElement('button', {
+        attrs: {
+          type: 'button'
+        },
+        on: {
+          click: () => this.$emit('toggle')
+        }
       }, getSlot(this) || [this.formatter(String(this.value))])]);
-      const transition = h(Transition, {
-        name: this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition'
+      const transition = this.$createElement('transition', {
+        props: {
+          name: this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition'
+        }
       }, [header]);
-      return h('div', {
-        class: ['v-date-picker-header__value', {
+      return this.$createElement('div', {
+        staticClass: 'v-date-picker-header__value',
+        class: {
           'v-date-picker-header__value--disabled': this.disabled
-        }]
+        }
       }, [transition]);
     }
 
   },
 
   render() {
-    return h('div', {
-      class: ['v-date-picker-header', {
+    return this.$createElement('div', {
+      staticClass: 'v-date-picker-header',
+      class: {
         'v-date-picker-header--disabled': this.disabled,
         ...this.themeClasses
-      }]
+      }
     }, [this.genBtn(-1), this.genHeader(), this.genBtn(+1)]);
   }
 

package/lib/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 mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, PropType } 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 this.$createElement(VBtn, {\n        attrs: { 'aria-label': ariaLabel },\n        props: {\n          dark: this.dark,\n          disabled,\n          icon: true,\n          light: this.light,\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            this.$emit('input', this.calculateChange(change))\n          },\n        },\n      }, [\n        this.$createElement(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 = this.$createElement('div', this.setTextColor(color, {\n        key: String(this.value),\n      }), [this.$createElement('button', {\n        attrs: {\n          type: 'button',\n        },\n        on: {\n          click: () => this.$emit('toggle'),\n        },\n      }, getSlot(this) || [this.formatter(String(this.value))])])\n\n      const transition = this.$createElement('transition', {\n        props: {\n          name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition',\n        },\n      }, [header])\n\n      return this.$createElement('div', {\n        staticClass: 'v-date-picker-header__value',\n        class: {\n          'v-date-picker-header__value--disabled': this.disabled,\n        },\n      }, [transition])\n    },\n  },\n\n  render (): VNode {\n    return this.$createElement('div', {\n      staticClass: 'v-date-picker-header',\n      class: {\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"}

package/lib/components/VDatePicker/VDatePickerMonthTable.js

@@ -33,16 +33,16 @@ export default mixins(DatePickerTable
         const tds = cols.map((_, col) => {
           const month = row * cols.length + col;
           const date = `${this.displayedYear}-${pad(month + 1)}`;
-          return h('td', {
+          return this.$createElement('td', {
             key: month
           }, [this.genButton(date, false, 'month', this.formatter)]);
         });
-        children.push(h('tr', {
+        children.push(this.$createElement('tr', {
           key: row
         }, tds));
       }
 
-      return h('tbody', children);
+      return this.$createElement('tbody', children);
     }
 
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerMonthTable.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,eAAP,MAA4B,4BAA5B,C,CAEA;;AACA,SAAS,GAAT,EAAc,2BAAd,QAAiD,QAAjD;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAMA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,MAAL,IAAe,2BAA2B,CAAC,KAAK,aAAN,EAAqB;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAArB,EAA0D;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAA1D,CAAjD;AACD;;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBAAkB,CAAE,KAAF,EAAe;AAC/B,aAAO,GAAG,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAqB,EAA9D;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,YAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAEA,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AACnC,cAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,CAAC,CAAD,EAAI,GAAJ,KAAW;AAC9B,gBAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,gBAAM,IAAI,GAAG,GAAG,KAAK,aAAa,IAAI,GAAG,CAAC,KAAK,GAAG,CAAT,CAAW,EAApD;AACA,iBAAO,CAAC,CAAC,IAAD,EAAO;AACb,YAAA,GAAG,EAAE;AADQ,WAAP,EAEL,CACD,KAAK,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAK,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;AAGD;;AAED,aAAO,CAAC,CAAC,OAAD,EAAU,QAAV,CAAR;AACD;;AA1BM,GATF;;AAsCP,EAAA,MAAM,GAAA;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;;AA1CM,CAHM,CAAf","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":"AAAA;AACA,OAAO,eAAP,MAA4B,4BAA5B,C,CAEA;;AACA,SAAS,GAAT,EAAc,2BAAd,QAAiD,QAAjD;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAMA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,2BADC;AAGP,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aAAO,KAAK,MAAL,IAAe,2BAA2B,CAAC,KAAK,aAAN,EAAqB;AAAE,QAAA,KAAK,EAAE,OAAT;AAAkB,QAAA,QAAQ,EAAE;AAA5B,OAArB,EAA0D;AAAE,QAAA,KAAK,EAAE,CAAT;AAAY,QAAA,MAAM,EAAE;AAApB,OAA1D,CAAjD;AACD;;AAHO,GAHH;AASP,EAAA,OAAO,EAAE;AACP,IAAA,kBAAkB,CAAE,KAAF,EAAe;AAC/B,aAAO,GAAG,QAAQ,CAAC,KAAK,SAAN,EAAiB,EAAjB,CAAR,GAA+B,IAAI,CAAC,IAAL,CAAU,KAAK,IAAI,CAAnB,CAAqB,EAA9D;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,IAAI,GAAG,KAAK,CAAC,CAAD,CAAL,CAAS,IAAT,CAAc,IAAd,CAAb;AACA,YAAM,IAAI,GAAG,KAAK,IAAI,CAAC,MAAvB;;AAEA,WAAK,IAAI,GAAG,GAAG,CAAf,EAAkB,GAAG,GAAG,IAAxB,EAA8B,GAAG,EAAjC,EAAqC;AACnC,cAAM,GAAG,GAAG,IAAI,CAAC,GAAL,CAAS,CAAC,CAAD,EAAI,GAAJ,KAAW;AAC9B,gBAAM,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,MAAX,GAAoB,GAAlC;AACA,gBAAM,IAAI,GAAG,GAAG,KAAK,aAAa,IAAI,GAAG,CAAC,KAAK,GAAG,CAAT,CAAW,EAApD;AACA,iBAAO,KAAK,cAAL,CAAoB,IAApB,EAA0B;AAC/B,YAAA,GAAG,EAAE;AAD0B,WAA1B,EAEJ,CACD,KAAK,SAAL,CAAe,IAAf,EAAqB,KAArB,EAA4B,OAA5B,EAAqC,KAAK,SAA1C,CADC,CAFI,CAAP;AAKD,SARW,CAAZ;AAUA,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,cAAL,CAAoB,IAApB,EAA0B;AACtC,UAAA,GAAG,EAAE;AADiC,SAA1B,EAEX,GAFW,CAAd;AAGD;;AAED,aAAO,KAAK,cAAL,CAAoB,OAApB,EAA6B,QAA7B,CAAP;AACD;;AA1BM,GATF;;AAsCP,EAAA,MAAM,GAAA;AACJ,WAAO,KAAK,QAAL,CAAc,gDAAd,EAAgE,CACrE,KAAK,QAAL,EADqE,CAAhE,EAEJ,KAAK,kBAFD,CAAP;AAGD;;AA1CM,CAHM,CAAf","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 this.$createElement('td', {\n            key: month,\n          }, [\n            this.genButton(date, false, 'month', this.formatter),\n          ])\n        })\n\n        children.push(this.$createElement('tr', {\n          key: row,\n        }, tds))\n      }\n\n      return this.$createElement('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/lib/components/VDatePicker/VDatePickerTitle.js

@@ -1,4 +1,3 @@
-import { h, Transition } from 'vue';
 import "../../../src/components/VDatePicker/VDatePickerTitle.sass"; // Components
 
 import VIcon from '../VIcon'; // Mixins
@@ -46,8 +45,10 @@ export default mixins(PickerButton
   },
   methods: {
     genYearIcon() {
-      return h(VIcon, {
-        dark: true
+      return this.$createElement(VIcon, {
+        props: {
+          dark: true
+        }
       }, this.yearIcon);
     },
 
@@ -56,10 +57,14 @@ export default mixins(PickerButton
     },
 
     genTitleText() {
-      return h(Transition, {
-        name: this.computedTransition
-      }, [h('div', {
-        innerHTML: this.date || ' ',
+      return this.$createElement('transition', {
+        props: {
+          name: this.computedTransition
+        }
+      }, [this.$createElement('div', {
+        domProps: {
+          innerHTML: this.date || ' '
+        },
         key: this.value
       })]);
     },
@@ -70,11 +75,12 @@ export default mixins(PickerButton
 
   },
 
-  render() {
+  render(h) {
     return h('div', {
-      class: ['v-date-picker-title', {
+      staticClass: 'v-date-picker-title',
+      class: {
         'v-date-picker-title--disabled': this.disabled
-      }]
+      }
     }, [this.getYearBtn(), this.genTitleDate()]);
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,UAAX,QAA4B,KAA5B;AACA,OAAO,2DAAP,C,CAEA;;AACA,OAAO,KAAP,MAAkB,UAAlB,C,CAEA;;AACA,OAAO,YAAP,MAAyB,4BAAzB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,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,OAAO;AACX,IAAA,WAAW,EAAE;AADF,GAAP,CAvBC;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,kBAAkB,GAAA;AAChB,aAAO,KAAK,WAAL,GAAmB,2BAAnB,GAAiD,mBAAxD;AACD;;AAHO,GA3BH;AAiCP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,CAAE,GAAF,EAAe,IAAf,EAA2B;AAC9B,WAAK,WAAL,GAAmB,GAAG,GAAG,IAAzB;AACD;;AAHI,GAjCA;AAuCP,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,IAAI,EAAE;AADQ,OAAR,EAEL,KAAK,QAFA,CAAR;AAGD,KALM;;AAMP,IAAA,UAAU,GAAA;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,YAAY,GAAA;AACV,aAAO,CAAC,CAAC,UAAD,EAAa;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAb,EAEL,CACD,CAAC,CAAC,KAAD,EAAQ;AACP,QAAA,SAAS,EAAE,KAAK,IAAL,IAAa,QADjB;AAEP,QAAA,GAAG,EAAE,KAAK;AAFH,OAAR,CADA,CAFK,CAAR;AAQD,KArBM;;AAsBP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,KAAtC,EAA6C,CAAC,KAAK,YAAL,EAAD,CAA7C,EAAoE,KAApE,EAA2E,2BAA3E,CAAP;AACD;;AAxBM,GAvCF;;AAkEP,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB;AAC7B,yCAAiC,KAAK;AADT,OAAxB;AADO,KAAR,EAIL,CACD,KAAK,UAAL,EADC,EAED,KAAK,YAAL,EAFC,CAJK,CAAR;AAQD;;AA3EM,CAHM,CAAf","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":"AAAA,OAAO,2DAAP,C,CAEA;;AACA,OAAO,KAAP,MAAkB,UAAlB,C,CAEA;;AACA,OAAO,YAAP,MAAyB,4BAAzB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,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,OAAO;AACX,IAAA,WAAW,EAAE;AADF,GAAP,CAvBC;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,kBAAkB,GAAA;AAChB,aAAO,KAAK,WAAL,GAAmB,2BAAnB,GAAiD,mBAAxD;AACD;;AAHO,GA3BH;AAiCP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,CAAE,GAAF,EAAe,IAAf,EAA2B;AAC9B,WAAK,WAAL,GAAmB,GAAG,GAAG,IAAzB;AACD;;AAHI,GAjCA;AAuCP,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AADyB,OAA3B,EAIJ,KAAK,QAJD,CAAP;AAKD,KAPM;;AAQP,IAAA,UAAU,GAAA;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,KAbM;;AAcP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACvC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,KAAK;AADN;AADgC,OAAlC,EAIJ,CACD,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACzB,QAAA,QAAQ,EAAE;AAAE,UAAA,SAAS,EAAE,KAAK,IAAL,IAAa;AAA1B,SADe;AAEzB,QAAA,GAAG,EAAE,KAAK;AAFe,OAA3B,CADC,CAJI,CAAP;AAUD,KAzBM;;AA0BP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,KAAtC,EAA6C,CAAC,KAAK,YAAL,EAAD,CAA7C,EAAoE,KAApE,EAA2E,2BAA3E,CAAP;AACD;;AA5BM,GAvCF;;AAsEP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,qBADC;AAEd,MAAA,KAAK,EAAE;AACL,yCAAiC,KAAK;AADjC;AAFO,KAAR,EAKL,CACD,KAAK,UAAL,EADC,EAED,KAAK,YAAL,EAFC,CALK,CAAR;AASD;;AAhFM,CAHM,CAAf","sourcesContent":["import './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 this.$createElement(VIcon, {\n        props: {\n          dark: true,\n        },\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 this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [\n        this.$createElement('div', {\n          domProps: { 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 (h): VNode {\n    return h('div', {\n      staticClass: 'v-date-picker-title',\n      class: {\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/lib/components/VDatePicker/VDatePickerYears.js

@@ -57,7 +57,7 @@ export default mixins(Colorable, Localable
       const formatted = this.formatter(`${year}`);
       const active = parseInt(this.value, 10) === year;
       const color = active && (this.color || 'primary');
-      return h('li', this.setTextColor(color, {
+      return this.$createElement('li', this.setTextColor(color, {
         key: year,
         class: {
           active
@@ -84,8 +84,8 @@ export default mixins(Colorable, Localable
   },
 
   render() {
-    return h('ul', {
-      class: 'v-date-picker-years',
+    return this.$createElement('ul', {
+      staticClass: 'v-date-picker-years',
       ref: 'years'
     }, this.genYearItems());
   }

package/lib/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  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 this.$createElement('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 this.$createElement('ul', {\n      staticClass: 'v-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}

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

@@ -10,9 +10,7 @@ import { createItemTypeNativeListeners, sanitizeDateString } from '../util';
 import isDateAllowed from '../util/isDateAllowed';
 import { mergeListeners } from '../../../util/mergeData';
 import mixins from '../../../util/mixins';
-import { throttle } from '../../../util/helpers'; // Types
-
-import { Transition, withDirectives, h } from 'vue';
+import { throttle } from '../../../util/helpers';
 export default mixins(Colorable, Localable, Themeable
 /* @vue/component */
 ).extend({
@@ -92,7 +90,7 @@ export default mixins(Colorable, Localable, Themeable
     genButtonEvents(value, isAllowed, mouseEventType) {
       if (this.disabled) return undefined;
       return mergeListeners({
-        onClick: () => {
+        click: () => {
           if (isAllowed && !this.readonly) this.$emit('input', value);
         }
       }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value));
@@ -112,13 +110,18 @@ export default mixins(Colorable, Localable, Themeable
         isLast = value === this.value[this.value.length - 1];
       }
 
-      return h('button', setColor(color, {
-        class: ['v-btn', this.genButtonClasses(isAllowed && !isOtherMonth, isFloating, isSelected, isCurrent, isFirst, isLast)],
-        type: 'button',
-        disabled: this.disabled || !isAllowed || isOtherMonth,
-        ...this.genButtonEvents(value, isAllowed, mouseEventType)
-      }), [h('div', {
-        class: 'v-btn__content'
+      return this.$createElement('button', setColor(color, {
+        staticClass: 'v-btn',
+        class: this.genButtonClasses(isAllowed && !isOtherMonth, isFloating, isSelected, isCurrent, isFirst, isLast),
+        attrs: {
+          type: 'button'
+        },
+        domProps: {
+          disabled: this.disabled || !isAllowed || isOtherMonth
+        },
+        on: this.genButtonEvents(value, isAllowed, mouseEventType)
+      }), [this.$createElement('div', {
+        staticClass: 'v-btn__content'
       }, [formatter(value)]), this.genEvents(value)]);
     },
 
@@ -157,9 +160,9 @@ export default mixins(Colorable, Localable, Themeable
 
     genEvents(date) {
       const eventColors = this.getEventColors(date);
-      return eventColors.length ? h('div', {
-        class: 'v-date-picker-table__events'
-      }, eventColors.map(color => h('div', this.setBackgroundColor(color)))) : null;
+      return eventColors.length ? this.$createElement('div', {
+        staticClass: 'v-date-picker-table__events'
+      }, eventColors.map(color => this.$createElement('div', this.setBackgroundColor(color)))) : null;
     },
 
     isValidScroll(value, calculateTableDate) {
@@ -178,31 +181,37 @@ export default mixins(Colorable, Localable, Themeable
     },
 
     genTable(staticClass, children, calculateTableDate) {
-      const transition = h(Transition, {
-        name: this.computedTransition
-      }, [h('table', {
+      const transition = this.$createElement('transition', {
+        props: {
+          name: this.computedTransition
+        }
+      }, [this.$createElement('table', {
         key: this.tableDate
       }, children)]);
-      const touchDirective = [Touch, {
-        left: e => e.offsetX < -15 && this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate),
-        right: e => e.offsetX > 15 && this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)
-      }];
-      return withDirectives(h('div', {
+      const touchDirective = {
+        name: 'touch',
+        value: {
+          left: e => e.offsetX < -15 && this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate),
+          right: e => e.offsetX > 15 && this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)
+        }
+      };
+      return this.$createElement('div', {
+        staticClass,
         class: {
-          [staticClass]: true,
           'v-date-picker-table--disabled': this.disabled,
           ...this.themeClasses
         },
-        ...(!this.disabled && this.scrollable ? {
-          onWheel: e => {
+        on: !this.disabled && this.scrollable ? {
+          wheel: e => {
             e.preventDefault();
 
             if (this.isValidScroll(e.deltaY, calculateTableDate)) {
               this.wheelThrottle(e, calculateTableDate);
             }
           }
-        } : {})
-      }, [transition]), [touchDirective]);
+        } : undefined,
+        directives: [touchDirective]
+      }, [transition]);
     },
 
     isSelected(value) {

package/lib/components/VDatePicker/mixins/date-picker-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDatePicker/mixins/date-picker-table.ts"],"names":[],"mappings":"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","sourcesContent":["import '../VDatePickerTable.sass'\n\n// Directives\nimport Touch from '../../../directives/touch'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Themeable from '../../../mixins/themeable'\n\n// Utils\nimport { createItemTypeNativeListeners, sanitizeDateString } from '../util'\nimport isDateAllowed from '../util/isDateAllowed'\nimport { mergeListeners } from '../../../util/mergeData'\nimport mixins from '../../../util/mixins'\nimport { throttle } from '../../../util/helpers'\n\n// Types\nimport {\n  PropType,\n  VNodeChildren,\n  Transition,\n  withDirectives,\n  h\n} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport {\n  DatePickerAllowedDatesFunction,\n  DatePickerEventColors,\n  DatePickerEventColorValue,\n  DatePickerEvents,\n  DatePickerFormatter,\n  TouchWrapper,\n} from 'vuetify/types'\n\ntype CalculateTableDateFunction = (v: number) => string\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @vue/component */\n).extend({\n  directives: { Touch },\n\n  props: {\n    allowedDates: Function as PropType<DatePickerAllowedDatesFunction | undefined>,\n    current: String,\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    events: {\n      type: [Array, Function, Object],\n      default: () => null,\n    } as PropValidator<DatePickerEvents | null>,\n    eventColor: {\n      type: [Array, Function, Object, String],\n      default: () => 'warning',\n    } as PropValidator<DatePickerEventColors>,\n    min: String,\n    max: String,\n    range: Boolean,\n    readonly: Boolean,\n    scrollable: Boolean,\n    tableDate: {\n      type: String,\n      required: true,\n    },\n    value: [String, Array] as PropType<string | string[]>,\n  },\n\n  data: () => ({\n    isReversing: false,\n    wheelThrottle: null as any,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n    },\n    displayedMonth (): number {\n      return Number(this.tableDate.split('-')[1]) - 1\n    },\n    displayedYear (): number {\n      return Number(this.tableDate.split('-')[0])\n    },\n  },\n\n  watch: {\n    tableDate (newVal: string, oldVal: string) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  mounted () {\n    this.wheelThrottle = throttle(this.wheel, 250)\n  },\n\n  methods: {\n    genButtonClasses (\n      isAllowed: boolean,\n      isFloating: boolean,\n      isSelected: boolean,\n      isCurrent: boolean,\n      isFirst: boolean,\n      isLast: boolean,\n    ) {\n      return {\n        'v-size--default': !isFloating,\n        'v-date-picker-table__current': isCurrent,\n        'v-btn--active': isSelected,\n        'v-btn--flat': !isAllowed || this.disabled,\n        'v-btn--text': isSelected === isCurrent,\n        'v-btn--rounded': isFloating,\n        'v-btn--disabled': !isAllowed || this.disabled,\n        'v-btn--outlined': isCurrent && !isSelected,\n        'v-date-picker--first-in-range': isFirst,\n        'v-date-picker--last-in-range': isLast,\n        ...this.themeClasses,\n      }\n    },\n    genButtonEvents (value: string, isAllowed: boolean, mouseEventType: string) {\n      if (this.disabled) return undefined\n\n      return mergeListeners({\n        onClick: () => {\n          if (isAllowed && !this.readonly) this.$emit('input', value)\n        },\n      }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value))\n    },\n    genButton (value: string, isFloating: boolean, mouseEventType: string, formatter: DatePickerFormatter, isOtherMonth = false) {\n      const isAllowed = isDateAllowed(value, this.min, this.max, this.allowedDates)\n      const isSelected = this.isSelected(value) && isAllowed\n      const isCurrent = value === this.current\n      const setColor = isSelected ? this.setBackgroundColor : this.setTextColor\n      const color = (isSelected || isCurrent) && (this.color || 'accent')\n      let isFirst = false\n      let isLast = false\n      if (this.range && !!this.value && Array.isArray(this.value)) {\n        isFirst = value === this.value[0]\n        isLast = value === this.value[this.value.length - 1]\n      }\n\n      return h('button', setColor(color, {\n        class: ['v-btn', this.genButtonClasses(\n          isAllowed && !isOtherMonth,\n          isFloating,\n          isSelected,\n          isCurrent,\n          isFirst,\n          isLast,\n        )],\n        type: 'button',\n        disabled: this.disabled || !isAllowed || isOtherMonth,\n        ...this.genButtonEvents(value, isAllowed, mouseEventType),\n      }), [\n        h('div', {\n          class: 'v-btn__content',\n        }, [formatter(value)]),\n        this.genEvents(value),\n      ])\n    },\n    getEventColors (date: string) {\n      const arrayize = (v: string | string[]) => Array.isArray(v) ? v : [v]\n      let eventData: boolean | DatePickerEventColorValue\n      let eventColors: string[] = []\n\n      if (Array.isArray(this.events)) {\n        eventData = this.events.includes(date)\n      } else if (this.events instanceof Function) {\n        eventData = this.events(date) || false\n      } else if (this.events) {\n        eventData = this.events[date] || false\n      } else {\n        eventData = false\n      }\n\n      if (!eventData) {\n        return []\n      } else if (eventData !== true) {\n        eventColors = arrayize(eventData)\n      } else if (typeof this.eventColor === 'string') {\n        eventColors = [this.eventColor]\n      } else if (typeof this.eventColor === 'function') {\n        eventColors = arrayize(this.eventColor(date))\n      } else if (Array.isArray(this.eventColor)) {\n        eventColors = this.eventColor\n      } else {\n        eventColors = arrayize(this.eventColor[date])\n      }\n\n      return eventColors.filter(v => v)\n    },\n    genEvents (date: string) {\n      const eventColors = this.getEventColors(date)\n\n      return eventColors.length ? h('div', {\n        class: 'v-date-picker-table__events',\n      }, eventColors.map(color => h('div', this.setBackgroundColor(color)))) : null\n    },\n    isValidScroll (value: number, calculateTableDate: CalculateTableDateFunction) {\n      const tableDate = calculateTableDate(value)\n      // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable\n      const sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month'\n      return (value < 0 && (this.min ? tableDate >= sanitizeDateString(this.min, sanitizeType) : true)) ||\n        (value > 0 && (this.max ? tableDate <= sanitizeDateString(this.max, sanitizeType) : true))\n    },\n    wheel (e: WheelEvent, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(e.deltaY))\n    },\n    touch (value: number, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(value))\n    },\n    genTable (staticClass: string, children: VNodeChildren, calculateTableDate: CalculateTableDateFunction) {\n      const transition = h(Transition, {\n        name: this.computedTransition,\n      }, [h('table', { key: this.tableDate }, children)])\n\n      const touchDirective = [\n        Touch,\n        {\n          left: (e: TouchWrapper) => (e.offsetX < -15) &&\n            (this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate)),\n          right: (e: TouchWrapper) => (e.offsetX > 15) &&\n            (this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)),\n        }\n      ]\n\n      return withDirectives(h('div', {\n        class: {\n          [staticClass]: true,\n          'v-date-picker-table--disabled': this.disabled,\n          ...this.themeClasses,\n        },\n        ...((!this.disabled && this.scrollable) ? {\n          onWheel: (e: WheelEvent) => {\n            e.preventDefault()\n            if (this.isValidScroll(e.deltaY, calculateTableDate)) { this.wheelThrottle(e, calculateTableDate) }\n          },\n        } : {}),\n      }, [transition]), [touchDirective])\n    },\n    isSelected (value: string): boolean {\n      if (Array.isArray(this.value)) {\n        if (this.range && this.value.length === 2) {\n          const [from, to] = [...this.value].sort()\n          return from <= value && value <= to\n        } else {\n          return this.value.indexOf(value) !== -1\n        }\n      }\n\n      return value === this.value\n    },\n  },\n})\n"],"sourceRoot":"","file":"date-picker-table.js"}
+{"version":3,"sources":["../../../../src/components/VDatePicker/mixins/date-picker-table.ts"],"names":[],"mappings":"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","sourcesContent":["import '../VDatePickerTable.sass'\n\n// Directives\nimport Touch from '../../../directives/touch'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Themeable from '../../../mixins/themeable'\n\n// Utils\nimport { createItemTypeNativeListeners, sanitizeDateString } from '../util'\nimport isDateAllowed from '../util/isDateAllowed'\nimport { mergeListeners } from '../../../util/mergeData'\nimport mixins from '../../../util/mixins'\nimport { throttle } from '../../../util/helpers'\n\n// Types\nimport {\n  PropType,\n  VNodeChildren,\n} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport {\n  DatePickerAllowedDatesFunction,\n  DatePickerEventColors,\n  DatePickerEventColorValue,\n  DatePickerEvents,\n  DatePickerFormatter,\n  TouchWrapper,\n} from 'vuetify/types'\n\ntype CalculateTableDateFunction = (v: number) => string\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @vue/component */\n).extend({\n  directives: { Touch },\n\n  props: {\n    allowedDates: Function as PropType<DatePickerAllowedDatesFunction | undefined>,\n    current: String,\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    events: {\n      type: [Array, Function, Object],\n      default: () => null,\n    } as PropValidator<DatePickerEvents | null>,\n    eventColor: {\n      type: [Array, Function, Object, String],\n      default: () => 'warning',\n    } as PropValidator<DatePickerEventColors>,\n    min: String,\n    max: String,\n    range: Boolean,\n    readonly: Boolean,\n    scrollable: Boolean,\n    tableDate: {\n      type: String,\n      required: true,\n    },\n    value: [String, Array] as PropType<string | string[]>,\n  },\n\n  data: () => ({\n    isReversing: false,\n    wheelThrottle: null as any,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n    },\n    displayedMonth (): number {\n      return Number(this.tableDate.split('-')[1]) - 1\n    },\n    displayedYear (): number {\n      return Number(this.tableDate.split('-')[0])\n    },\n  },\n\n  watch: {\n    tableDate (newVal: string, oldVal: string) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  mounted () {\n    this.wheelThrottle = throttle(this.wheel, 250)\n  },\n\n  methods: {\n    genButtonClasses (\n      isAllowed: boolean,\n      isFloating: boolean,\n      isSelected: boolean,\n      isCurrent: boolean,\n      isFirst: boolean,\n      isLast: boolean,\n    ) {\n      return {\n        'v-size--default': !isFloating,\n        'v-date-picker-table__current': isCurrent,\n        'v-btn--active': isSelected,\n        'v-btn--flat': !isAllowed || this.disabled,\n        'v-btn--text': isSelected === isCurrent,\n        'v-btn--rounded': isFloating,\n        'v-btn--disabled': !isAllowed || this.disabled,\n        'v-btn--outlined': isCurrent && !isSelected,\n        'v-date-picker--first-in-range': isFirst,\n        'v-date-picker--last-in-range': isLast,\n        ...this.themeClasses,\n      }\n    },\n    genButtonEvents (value: string, isAllowed: boolean, mouseEventType: string) {\n      if (this.disabled) return undefined\n\n      return mergeListeners({\n        click: () => {\n          if (isAllowed && !this.readonly) this.$emit('input', value)\n        },\n      }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value))\n    },\n    genButton (value: string, isFloating: boolean, mouseEventType: string, formatter: DatePickerFormatter, isOtherMonth = false) {\n      const isAllowed = isDateAllowed(value, this.min, this.max, this.allowedDates)\n      const isSelected = this.isSelected(value) && isAllowed\n      const isCurrent = value === this.current\n      const setColor = isSelected ? this.setBackgroundColor : this.setTextColor\n      const color = (isSelected || isCurrent) && (this.color || 'accent')\n      let isFirst = false\n      let isLast = false\n      if (this.range && !!this.value && Array.isArray(this.value)) {\n        isFirst = value === this.value[0]\n        isLast = value === this.value[this.value.length - 1]\n      }\n\n      return this.$createElement('button', setColor(color, {\n        staticClass: 'v-btn',\n        class: this.genButtonClasses(\n          isAllowed && !isOtherMonth,\n          isFloating,\n          isSelected,\n          isCurrent,\n          isFirst,\n          isLast,\n        ),\n        attrs: {\n          type: 'button',\n        },\n        domProps: {\n          disabled: this.disabled || !isAllowed || isOtherMonth,\n        },\n        on: this.genButtonEvents(value, isAllowed, mouseEventType),\n      }), [\n        this.$createElement('div', {\n          staticClass: 'v-btn__content',\n        }, [formatter(value)]),\n        this.genEvents(value),\n      ])\n    },\n    getEventColors (date: string) {\n      const arrayize = (v: string | string[]) => Array.isArray(v) ? v : [v]\n      let eventData: boolean | DatePickerEventColorValue\n      let eventColors: string[] = []\n\n      if (Array.isArray(this.events)) {\n        eventData = this.events.includes(date)\n      } else if (this.events instanceof Function) {\n        eventData = this.events(date) || false\n      } else if (this.events) {\n        eventData = this.events[date] || false\n      } else {\n        eventData = false\n      }\n\n      if (!eventData) {\n        return []\n      } else if (eventData !== true) {\n        eventColors = arrayize(eventData)\n      } else if (typeof this.eventColor === 'string') {\n        eventColors = [this.eventColor]\n      } else if (typeof this.eventColor === 'function') {\n        eventColors = arrayize(this.eventColor(date))\n      } else if (Array.isArray(this.eventColor)) {\n        eventColors = this.eventColor\n      } else {\n        eventColors = arrayize(this.eventColor[date])\n      }\n\n      return eventColors.filter(v => v)\n    },\n    genEvents (date: string) {\n      const eventColors = this.getEventColors(date)\n\n      return eventColors.length ? this.$createElement('div', {\n        staticClass: 'v-date-picker-table__events',\n      }, eventColors.map(color => this.$createElement('div', this.setBackgroundColor(color)))) : null\n    },\n    isValidScroll (value: number, calculateTableDate: CalculateTableDateFunction) {\n      const tableDate = calculateTableDate(value)\n      // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable\n      const sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month'\n      return (value < 0 && (this.min ? tableDate >= sanitizeDateString(this.min, sanitizeType) : true)) ||\n        (value > 0 && (this.max ? tableDate <= sanitizeDateString(this.max, sanitizeType) : true))\n    },\n    wheel (e: WheelEvent, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(e.deltaY))\n    },\n    touch (value: number, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(value))\n    },\n    genTable (staticClass: string, children: VNodeChildren, calculateTableDate: CalculateTableDateFunction) {\n      const transition = this.$createElement('transition', {\n        props: { name: this.computedTransition },\n      }, [this.$createElement('table', { key: this.tableDate }, children)])\n\n      const touchDirective = {\n        name: 'touch',\n        value: {\n          left: (e: TouchWrapper) => (e.offsetX < -15) &&\n            (this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate)),\n          right: (e: TouchWrapper) => (e.offsetX > 15) &&\n            (this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)),\n        },\n      }\n\n      return this.$createElement('div', {\n        staticClass,\n        class: {\n          'v-date-picker-table--disabled': this.disabled,\n          ...this.themeClasses,\n        },\n        on: (!this.disabled && this.scrollable) ? {\n          wheel: (e: WheelEvent) => {\n            e.preventDefault()\n            if (this.isValidScroll(e.deltaY, calculateTableDate)) { this.wheelThrottle(e, calculateTableDate) }\n          },\n        } : undefined,\n        directives: [touchDirective],\n      }, [transition])\n    },\n    isSelected (value: string): boolean {\n      if (Array.isArray(this.value)) {\n        if (this.range && this.value.length === 2) {\n          const [from, to] = [...this.value].sort()\n          return from <= value && value <= to\n        } else {\n          return this.value.indexOf(value) !== -1\n        }\n      }\n\n      return value === this.value\n    },\n  },\n})\n"],"sourceRoot":"","file":"date-picker-table.js"}

package/lib/components/VDatePicker/util/eventHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDatePicker/util/eventHelpers.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,6BAAV,CAAyC,QAAzC,EAAwD,cAAxD,EAAgF,KAAhF,EAA0F;AAC9F,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,CAAC,EAAD,EAAK,SAAL,KAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAS,CAAC,KAAV,CAAgB,CAAhB,EAAmB,CAAC,cAAc,CAAC,MAAnC,CAAD,CAAF,GAAkD,KAAD,IAAkB,QAAQ,CAAC,KAAT,CAAe,SAAf,EAA0B,KAA1B,EAAiC,KAAjC,CAAnE;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD;AAED,OAAM,SAAU,uBAAV,CAAmC,QAAnC,EAAkD,cAAlD,EAAwE;AAC5E,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,CAAC,EAAD,EAAK,SAAL,KAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAD,CAAF,GAAgB,QAAQ,CAAC,UAAT,CAAoB,SAApB,CAAhB;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD","sourcesContent":["import {App} from 'vue'\n\nexport function createItemTypeNativeListeners (instance: App, itemTypeSuffix: string, value: any) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName.slice(0, -itemTypeSuffix.length)] = (event: Event) => instance.$emit(eventName, value, event)\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n\nexport function createItemTypeListeners (instance: App, itemTypeSuffix: string) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName] = instance.$listeners[eventName]\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n"],"sourceRoot":"","file":"eventHelpers.js"}
+{"version":3,"sources":["../../../../src/components/VDatePicker/util/eventHelpers.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,6BAAV,CAAyC,QAAzC,EAAwD,cAAxD,EAAgF,KAAhF,EAA0F;AAC9F,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,CAAC,EAAD,EAAK,SAAL,KAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAS,CAAC,KAAV,CAAgB,CAAhB,EAAmB,CAAC,cAAc,CAAC,MAAnC,CAAD,CAAF,GAAkD,KAAD,IAAkB,QAAQ,CAAC,KAAT,CAAe,SAAf,EAA0B,KAA1B,EAAiC,KAAjC,CAAnE;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD;AAED,OAAM,SAAU,uBAAV,CAAmC,QAAnC,EAAkD,cAAlD,EAAwE;AAC5E,SAAO,MAAM,CAAC,IAAP,CAAY,QAAQ,CAAC,UAArB,EAAiC,MAAjC,CAAwC,CAAC,EAAD,EAAK,SAAL,KAAkB;AAC/D,QAAI,SAAS,CAAC,QAAV,CAAmB,cAAnB,CAAJ,EAAwC;AACtC,MAAA,EAAE,CAAC,SAAD,CAAF,GAAgB,QAAQ,CAAC,UAAT,CAAoB,SAApB,CAAhB;AACD;;AAED,WAAO,EAAP;AACD,GANM,EAMJ,EANI,CAAP;AAOD","sourcesContent":["import Vue from 'vue'\n\nexport function createItemTypeNativeListeners (instance: Vue, itemTypeSuffix: string, value: any) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName.slice(0, -itemTypeSuffix.length)] = (event: Event) => instance.$emit(eventName, value, event)\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n\nexport function createItemTypeListeners (instance: Vue, itemTypeSuffix: string) {\n  return Object.keys(instance.$listeners).reduce((on, eventName) => {\n    if (eventName.endsWith(itemTypeSuffix)) {\n      on[eventName] = instance.$listeners[eventName]\n    }\n\n    return on\n  }, {} as typeof instance.$listeners)\n}\n"],"sourceRoot":"","file":"eventHelpers.js"}