@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/es5/components/VTabs/VTabs.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 require("../../../src/components/VTabs/VTabs.sass");
 
 var _VTabsBar = _interopRequireDefault(require("./VTabsBar"));
@@ -37,7 +35,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var baseMixins = (0, _mixins.default)(_colorable.default, _proxyable.default, _themeable.default);
 
-var _default = baseMixins.extend({
+var _default = baseMixins.extend().extend({
   name: 'v-tabs',
   directives: {
     Resize: _resize.default
@@ -189,25 +187,29 @@ var _default = baseMixins.extend({
         style: {
           height: (0, _helpers.convertToUnit)(this.height)
         },
-        activeClass: this.activeClass,
-        centerActive: this.centerActive,
-        dark: this.dark,
-        light: this.light,
-        mandatory: !this.optional,
-        mobileBreakpoint: this.mobileBreakpoint,
-        nextIcon: this.nextIcon,
-        prevIcon: this.prevIcon,
-        showArrows: this.showArrows,
-        value: this.internalValue,
-        'onCall:slider': this.callSlider,
-        'onUpdate:modelValue': function onUpdateModelValue(val) {
-          _this3.internalValue = val;
+        props: {
+          activeClass: this.activeClass,
+          centerActive: this.centerActive,
+          dark: this.dark,
+          light: this.light,
+          mandatory: !this.optional,
+          mobileBreakpoint: this.mobileBreakpoint,
+          nextIcon: this.nextIcon,
+          prevIcon: this.prevIcon,
+          showArrows: this.showArrows,
+          value: this.internalValue
+        },
+        on: {
+          'call:slider': this.callSlider,
+          change: function change(val) {
+            _this3.internalValue = val;
+          }
         },
         ref: 'items'
       };
       this.setTextColor(this.computedColor, data);
       this.setBackgroundColor(this.backgroundColor, data);
-      return (0, _vue.h)(_VTabsBar.default, data, [this.genSlider(slider), items]);
+      return this.$createElement(_VTabsBar.default, data, [this.genSlider(slider), items]);
     },
     genItems: function genItems(items, item) {
       var _this4 = this;
@@ -218,11 +220,14 @@ var _default = baseMixins.extend({
       // render nothing
 
       if (!item.length) return null;
-      return (0, _vue.h)(_VTabsItems.default, {
-        modelValue: this.internalValue,
-        'onUpdate:modelValue': function onUpdateModelValue(val) {
-          console.log(val);
-          _this4.internalValue = val;
+      return this.$createElement(_VTabsItems.default, {
+        props: {
+          value: this.internalValue
+        },
+        on: {
+          change: function change(val) {
+            _this4.internalValue = val;
+          }
         }
       }, item);
     },
@@ -230,13 +235,15 @@ var _default = baseMixins.extend({
       if (this.hideSlider) return null;
 
       if (!slider) {
-        slider = (0, _vue.h)(_VTabsSlider.default, {
-          color: this.sliderColor
+        slider = this.$createElement(_VTabsSlider.default, {
+          props: {
+            color: this.sliderColor
+          }
         });
       }
 
-      return (0, _vue.h)('div', {
-        class: 'v-tabs-slider-wrapper',
+      return this.$createElement('div', {
+        staticClass: 'v-tabs-slider-wrapper',
         style: this.sliderStyles
       }, [slider]);
     },
@@ -256,8 +263,8 @@ var _default = baseMixins.extend({
       for (var i = 0; i < length; i++) {
         var vnode = slot[i];
 
-        if (vnode.type) {
-          switch (vnode.type.name) {
+        if (vnode.componentOptions) {
+          switch (vnode.componentOptions.Ctor.options.name) {
             case 'v-tabs-slider':
               slider = vnode;
               break;
@@ -294,18 +301,24 @@ var _default = baseMixins.extend({
       };
     }
   },
-  render: function render() {
+  render: function render(h) {
     var _this$parseNodes = this.parseNodes(),
         tab = _this$parseNodes.tab,
         slider = _this$parseNodes.slider,
         items = _this$parseNodes.items,
         item = _this$parseNodes.item;
 
-    return (0, _vue.withDirectives)((0, _vue.h)('div', {
-      class: ['v-tabs', this.classes]
-    }, [this.genBar(tab, slider), this.genItems(items, item)]), [[_resize.default, this.onResize, '', {
-      quiet: true
-    }]]);
+    return h('div', {
+      staticClass: 'v-tabs',
+      class: this.classes,
+      directives: [{
+        name: 'resize',
+        modifiers: {
+          quiet: true
+        },
+        value: this.onResize
+      }]
+    }, [this.genBar(tab, slider), this.genItems(items, item)]);
   }
 });
 

package/es5/components/VTabs/VTabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTabs/VTabs.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VTabs.sass'\n\n// Components\nimport VTabsBar from './VTabsBar'\nimport VTabsItems from './VTabsItems'\nimport VTabsSlider from './VTabsSlider'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { ExtractVue } from './../../util/mixins'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  Proxyable,\n  Themeable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $refs: {\n    items: InstanceType<typeof VTabsBar>\n  }\n}\n\nexport default baseMixins.extend({\n  name: 'v-tabs',\n\n  directives: {\n    Resize,\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    alignWithTitle: Boolean,\n    backgroundColor: String,\n    centerActive: Boolean,\n    centered: Boolean,\n    fixedTabs: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    iconsAndText: Boolean,\n    mobileBreakpoint: [String, Number],\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    optional: Boolean,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    right: Boolean,\n    showArrows: [Boolean, String],\n    sliderColor: String,\n    sliderSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      resizeTimeout: 0,\n      slider: {\n        height: null as null | number,\n        left: null as null | number,\n        right: null as null | number,\n        top: null as null | number,\n        width: null as null | number,\n      },\n      transitionTime: 300,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-tabs--align-with-title': this.alignWithTitle,\n        'v-tabs--centered': this.centered,\n        'v-tabs--fixed-tabs': this.fixedTabs,\n        'v-tabs--grow': this.grow,\n        'v-tabs--icons-and-text': this.iconsAndText,\n        'v-tabs--right': this.right,\n        'v-tabs--vertical': this.vertical,\n        ...this.themeClasses,\n      }\n    },\n    isReversed (): boolean {\n      return this.$vuetify.rtl && this.vertical\n    },\n    sliderStyles (): object {\n      return {\n        height: convertToUnit(this.slider.height),\n        left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n        right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n        top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n        transition: this.slider.left != null ? null : 'none',\n        width: convertToUnit(this.slider.width),\n      }\n    },\n    computedColor (): string {\n      if (this.color) return this.color\n      else if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n  },\n\n  watch: {\n    alignWithTitle: 'callSlider',\n    centered: 'callSlider',\n    centerActive: 'callSlider',\n    fixedTabs: 'callSlider',\n    grow: 'callSlider',\n    iconsAndText: 'callSlider',\n    right: 'callSlider',\n    showArrows: 'callSlider',\n    vertical: 'callSlider',\n    '$vuetify.application.left': 'onResize',\n    '$vuetify.application.right': 'onResize',\n    '$vuetify.rtl': 'onResize',\n  },\n\n  mounted () {\n    if (typeof ResizeObserver !== 'undefined') {\n      const obs = new ResizeObserver(() => {\n        this.onResize()\n      })\n      obs.observe(this.$el)\n      this.$on('hook:destroyed', () => {\n        obs.disconnect()\n      })\n    }\n\n    this.$nextTick(() => {\n      window.setTimeout(this.callSlider, 30)\n    })\n  },\n\n  methods: {\n    callSlider () {\n      if (\n        this.hideSlider ||\n        !this.$refs.items ||\n        !this.$refs.items.selectedItems.length\n      ) {\n        this.slider.width = 0\n        return false\n      }\n\n      this.$nextTick(() => {\n        // Give screen time to paint\n        const activeTab = this.$refs.items.selectedItems[0]\n        /* istanbul ignore if */\n        if (!activeTab || !activeTab.$el) {\n          this.slider.width = 0\n          this.slider.left = 0\n          return\n        }\n        const el = activeTab.$el as HTMLElement\n\n        this.slider = {\n          height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n          left: this.vertical ? 0 : el.offsetLeft,\n          right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n          top: el.offsetTop,\n          width: this.vertical ? Number(this.sliderSize) : el.scrollWidth,\n        }\n      })\n\n      return true\n    },\n    genBar (items: VNode[], slider: VNode | null) {\n      const data = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n        activeClass: this.activeClass,\n        centerActive: this.centerActive,\n        dark: this.dark,\n        light: this.light,\n        mandatory: !this.optional,\n        mobileBreakpoint: this.mobileBreakpoint,\n        nextIcon: this.nextIcon,\n        prevIcon: this.prevIcon,\n        showArrows: this.showArrows,\n        value: this.internalValue,\n        'onCall:slider': this.callSlider,\n        'onUpdate:modelValue': (val: any) => {\n          this.internalValue = val\n        },\n        ref: 'items',\n      }\n\n      this.setTextColor(this.computedColor, data)\n      this.setBackgroundColor(this.backgroundColor, data)\n\n      return h(VTabsBar, data, [\n        this.genSlider(slider),\n        items,\n      ])\n    },\n    genItems (items: VNode | null, item: VNode[]) {\n      // If user provides items\n      // opt to use theirs\n      if (items) return items\n\n      // If no tabs are provided\n      // render nothing\n      if (!item.length) return null\n\n      return h(VTabsItems, {\n        modelValue: this.internalValue,\n        'onUpdate:modelValue': (val: any) => {\n          console.log(val)\n          this.internalValue = val\n        }\n      }, item)\n    },\n    genSlider (slider: VNode | null) {\n      if (this.hideSlider) return null\n\n      if (!slider) {\n        slider = h(VTabsSlider, {\n          color: this.sliderColor\n        })\n      }\n\n      return h('div', {\n        class: 'v-tabs-slider-wrapper',\n        style: this.sliderStyles,\n      }, [slider])\n    },\n    onResize () {\n      if (this._isDestroyed) return\n\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.callSlider, 0)\n    },\n    parseNodes () {\n      let items = null\n      let slider = null\n      const item = []\n      const tab = []\n      const slot = getSlot(this) || []\n      const length = slot.length\n\n      for (let i = 0; i < length; i++) {\n        const vnode = slot[i]\n\n        if (vnode.type) {\n          switch (vnode.type.name) {\n            case 'v-tabs-slider': slider = vnode\n              break\n            case 'v-tabs-items': items = vnode\n              break\n            case 'v-tab-item': item.push(vnode)\n              break\n            // case 'v-tab' - intentionally omitted\n            default: tab.push(vnode)\n          }\n        } else {\n          tab.push(vnode)\n        }\n      }\n\n      /**\n       * tab: array of `v-tab`\n       * slider: single `v-tabs-slider`\n       * items: single `v-tabs-items`\n       * item: array of `v-tab-item`\n       */\n      return { tab, slider, items, item }\n    },\n  },\n\n  render (): VNode {\n    const { tab, slider, items, item } = this.parseNodes()\n\n    return withDirectives(h('div', {\n      class: ['v-tabs', this.classes]\n    }, [\n      this.genBar(tab, slider),\n      this.genItems(items, item),\n    ]), [\n      [\n        Resize,\n        this.onResize,\n        '',\n        { quiet: true }\n      ]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VTabs.js"}
+{"version":3,"sources":["../../../src/components/VTabs/VTabs.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;AAGA;;AAEA;;;;;;;;;;AAKA,IAAM,UAAU,GAAG,qBACjB,kBADiB,EAEjB,kBAFiB,EAGjB,kBAHiB,CAAnB;;eAYe,UAAU,CAAC,MAAX,GAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,QAD2C;AAGjD,EAAA,UAAU,EAAE;AACV,IAAA,MAAM,EAAN;AADU,GAHqC;AAOjD,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KADR;AAKL,IAAA,cAAc,EAAE,OALX;AAML,IAAA,eAAe,EAAE,MANZ;AAOL,IAAA,YAAY,EAAE,OAPT;AAQL,IAAA,QAAQ,EAAE,OARL;AASL,IAAA,SAAS,EAAE,OATN;AAUL,IAAA,IAAI,EAAE,OAVD;AAWL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAXH;AAeL,IAAA,UAAU,EAAE,OAfP;AAgBL,IAAA,YAAY,EAAE,OAhBT;AAiBL,IAAA,gBAAgB,EAAE,CAAC,MAAD,EAAS,MAAT,CAjBb;AAkBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAlBL;AAsBL,IAAA,QAAQ,EAAE,OAtBL;AAuBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAvBL;AA2BL,IAAA,KAAK,EAAE,OA3BF;AA4BL,IAAA,UAAU,EAAE,CAAC,OAAD,EAAU,MAAV,CA5BP;AA6BL,IAAA,WAAW,EAAE,MA7BR;AA8BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADI;AAEV,MAAA,OAAO,EAAE;AAFC,KA9BP;AAkCL,IAAA,QAAQ,EAAE;AAlCL,GAP0C;AA4CjD,EAAA,IA5CiD,kBA4C7C;AACF,WAAO;AACL,MAAA,aAAa,EAAE,CADV;AAEL,MAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE,IADF;AAEN,QAAA,IAAI,EAAE,IAFA;AAGN,QAAA,KAAK,EAAE,IAHD;AAIN,QAAA,GAAG,EAAE,IAJC;AAKN,QAAA,KAAK,EAAE;AALD,OAFH;AASL,MAAA,cAAc,EAAE;AATX,KAAP;AAWD,GAxDgD;AA0DjD,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,oCAA4B,KAAK,cADnC;AAEE,4BAAoB,KAAK,QAF3B;AAGE,8BAAsB,KAAK,SAH7B;AAIE,wBAAgB,KAAK,IAJvB;AAKE,kCAA0B,KAAK,YALjC;AAME,yBAAiB,KAAK,KANxB;AAOE,4BAAoB,KAAK;AAP3B,SAQK,KAAK,YARV;AAUD,KAZO;AAaR,IAAA,UAbQ,wBAaE;AACR,aAAO,KAAK,QAAL,CAAc,GAAd,IAAqB,KAAK,QAAjC;AACD,KAfO;AAgBR,IAAA,YAhBQ,0BAgBI;AACV,aAAO;AACL,QAAA,MAAM,EAAE,4BAAc,KAAK,MAAL,CAAY,MAA1B,CADH;AAEL,QAAA,IAAI,EAAE,KAAK,UAAL,GAAkB,SAAlB,GAA8B,4BAAc,KAAK,MAAL,CAAY,IAA1B,CAF/B;AAGL,QAAA,KAAK,EAAE,KAAK,UAAL,GAAkB,4BAAc,KAAK,MAAL,CAAY,KAA1B,CAAlB,GAAqD,SAHvD;AAIL,QAAA,GAAG,EAAE,KAAK,QAAL,GAAgB,4BAAc,KAAK,MAAL,CAAY,GAA1B,CAAhB,GAAiD,SAJjD;AAKL,QAAA,UAAU,EAAE,KAAK,MAAL,CAAY,IAAZ,IAAoB,IAApB,GAA2B,IAA3B,GAAkC,MALzC;AAML,QAAA,KAAK,EAAE,4BAAc,KAAK,MAAL,CAAY,KAA1B;AANF,OAAP;AAQD,KAzBO;AA0BR,IAAA,aA1BQ,2BA0BK;AACX,UAAI,KAAK,KAAT,EAAgB,OAAO,KAAK,KAAZ,CAAhB,KACK,IAAI,KAAK,MAAL,IAAe,CAAC,KAAK,SAAzB,EAAoC,OAAO,OAAP,CAApC,KACA,OAAO,SAAP;AACN;AA9BO,GA1DuC;AA2FjD,EAAA,KAAK,EAAE;AACL,IAAA,cAAc,EAAE,YADX;AAEL,IAAA,QAAQ,EAAE,YAFL;AAGL,IAAA,YAAY,EAAE,YAHT;AAIL,IAAA,SAAS,EAAE,YAJN;AAKL,IAAA,IAAI,EAAE,YALD;AAML,IAAA,YAAY,EAAE,YANT;AAOL,IAAA,KAAK,EAAE,YAPF;AAQL,IAAA,UAAU,EAAE,YARP;AASL,IAAA,QAAQ,EAAE,YATL;AAUL,iCAA6B,UAVxB;AAWL,kCAA8B,UAXzB;AAYL,oBAAgB;AAZX,GA3F0C;AA0GjD,EAAA,OA1GiD,qBA0G1C;AAAA;;AACL,QAAI,OAAO,cAAP,KAA0B,WAA9B,EAA2C;AACzC,UAAM,GAAG,GAAG,IAAI,cAAJ,CAAmB,YAAK;AAClC,QAAA,KAAI,CAAC,QAAL;AACD,OAFW,CAAZ;AAGA,MAAA,GAAG,CAAC,OAAJ,CAAY,KAAK,GAAjB;AACA,WAAK,GAAL,CAAS,gBAAT,EAA2B,YAAK;AAC9B,QAAA,GAAG,CAAC,UAAJ;AACD,OAFD;AAGD;;AAED,SAAK,SAAL,CAAe,YAAK;AAClB,MAAA,MAAM,CAAC,UAAP,CAAkB,KAAI,CAAC,UAAvB,EAAmC,EAAnC;AACD,KAFD;AAGD,GAxHgD;AA0HjD,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AAAA;;AACR,UACE,KAAK,UAAL,IACA,CAAC,KAAK,KAAL,CAAW,KADZ,IAEA,CAAC,KAAK,KAAL,CAAW,KAAX,CAAiB,aAAjB,CAA+B,MAHlC,EAIE;AACA,aAAK,MAAL,CAAY,KAAZ,GAAoB,CAApB;AACA,eAAO,KAAP;AACD;;AAED,WAAK,SAAL,CAAe,YAAK;AAClB;AACA,YAAM,SAAS,GAAG,MAAI,CAAC,KAAL,CAAW,KAAX,CAAiB,aAAjB,CAA+B,CAA/B,CAAlB;AACA;;AACA,YAAI,CAAC,SAAD,IAAc,CAAC,SAAS,CAAC,GAA7B,EAAkC;AAChC,UAAA,MAAI,CAAC,MAAL,CAAY,KAAZ,GAAoB,CAApB;AACA,UAAA,MAAI,CAAC,MAAL,CAAY,IAAZ,GAAmB,CAAnB;AACA;AACD;;AACD,YAAM,EAAE,GAAG,SAAS,CAAC,GAArB;AAEA,QAAA,MAAI,CAAC,MAAL,GAAc;AACZ,UAAA,MAAM,EAAE,CAAC,MAAI,CAAC,QAAN,GAAiB,MAAM,CAAC,MAAI,CAAC,UAAN,CAAvB,GAA2C,EAAE,CAAC,YAD1C;AAEZ,UAAA,IAAI,EAAE,MAAI,CAAC,QAAL,GAAgB,CAAhB,GAAoB,EAAE,CAAC,UAFjB;AAGZ,UAAA,KAAK,EAAE,MAAI,CAAC,QAAL,GAAgB,CAAhB,GAAoB,EAAE,CAAC,UAAH,GAAgB,EAAE,CAAC,WAHlC;AAIZ,UAAA,GAAG,EAAE,EAAE,CAAC,SAJI;AAKZ,UAAA,KAAK,EAAE,MAAI,CAAC,QAAL,GAAgB,MAAM,CAAC,MAAI,CAAC,UAAN,CAAtB,GAA0C,EAAE,CAAC;AALxC,SAAd;AAOD,OAlBD;AAoBA,aAAO,IAAP;AACD,KAhCM;AAiCP,IAAA,MAjCO,kBAiCC,KAjCD,EAiCiB,MAjCjB,EAiCqC;AAAA;;AAC1C,UAAM,IAAI,GAAG;AACX,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,4BAAc,KAAK,MAAnB;AADH,SADI;AAIX,QAAA,KAAK,EAAE;AACL,UAAA,WAAW,EAAE,KAAK,WADb;AAEL,UAAA,YAAY,EAAE,KAAK,YAFd;AAGL,UAAA,IAAI,EAAE,KAAK,IAHN;AAIL,UAAA,KAAK,EAAE,KAAK,KAJP;AAKL,UAAA,SAAS,EAAE,CAAC,KAAK,QALZ;AAML,UAAA,gBAAgB,EAAE,KAAK,gBANlB;AAOL,UAAA,QAAQ,EAAE,KAAK,QAPV;AAQL,UAAA,QAAQ,EAAE,KAAK,QARV;AASL,UAAA,UAAU,EAAE,KAAK,UATZ;AAUL,UAAA,KAAK,EAAE,KAAK;AAVP,SAJI;AAgBX,QAAA,EAAE,EAAE;AACF,yBAAe,KAAK,UADlB;AAEF,UAAA,MAAM,EAAE,gBAAC,GAAD,EAAa;AACnB,YAAA,MAAI,CAAC,aAAL,GAAqB,GAArB;AACD;AAJC,SAhBO;AAsBX,QAAA,GAAG,EAAE;AAtBM,OAAb;AAyBA,WAAK,YAAL,CAAkB,KAAK,aAAvB,EAAsC,IAAtC;AACA,WAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C,IAA9C;AAEA,aAAO,KAAK,cAAL,CAAoB,iBAApB,EAA8B,IAA9B,EAAoC,CACzC,KAAK,SAAL,CAAe,MAAf,CADyC,EAEzC,KAFyC,CAApC,CAAP;AAID,KAlEM;AAmEP,IAAA,QAnEO,oBAmEG,KAnEH,EAmEwB,IAnExB,EAmEqC;AAAA;;AAC1C;AACA;AACA,UAAI,KAAJ,EAAW,OAAO,KAAP,CAH+B,CAK1C;AACA;;AACA,UAAI,CAAC,IAAI,CAAC,MAAV,EAAkB,OAAO,IAAP;AAElB,aAAO,KAAK,cAAL,CAAoB,mBAApB,EAAgC;AACrC,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK;AADP,SAD8B;AAIrC,QAAA,EAAE,EAAE;AACF,UAAA,MAAM,EAAE,gBAAC,GAAD,EAAa;AACnB,YAAA,MAAI,CAAC,aAAL,GAAqB,GAArB;AACD;AAHC;AAJiC,OAAhC,EASJ,IATI,CAAP;AAUD,KAtFM;AAuFP,IAAA,SAvFO,qBAuFI,MAvFJ,EAuFwB;AAC7B,UAAI,KAAK,UAAT,EAAqB,OAAO,IAAP;;AAErB,UAAI,CAAC,MAAL,EAAa;AACX,QAAA,MAAM,GAAG,KAAK,cAAL,CAAoB,oBAApB,EAAiC;AACxC,UAAA,KAAK,EAAE;AAAE,YAAA,KAAK,EAAE,KAAK;AAAd;AADiC,SAAjC,CAAT;AAGD;;AAED,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,uBADmB;AAEhC,QAAA,KAAK,EAAE,KAAK;AAFoB,OAA3B,EAGJ,CAAC,MAAD,CAHI,CAAP;AAID,KApGM;AAqGP,IAAA,QArGO,sBAqGC;AACN,UAAI,KAAK,YAAT,EAAuB;AAEvB,MAAA,YAAY,CAAC,KAAK,aAAN,CAAZ;AACA,WAAK,aAAL,GAAqB,MAAM,CAAC,UAAP,CAAkB,KAAK,UAAvB,EAAmC,CAAnC,CAArB;AACD,KA1GM;AA2GP,IAAA,UA3GO,wBA2GG;AACR,UAAI,KAAK,GAAG,IAAZ;AACA,UAAI,MAAM,GAAG,IAAb;AACA,UAAM,IAAI,GAAG,EAAb;AACA,UAAM,GAAG,GAAG,EAAZ;AACA,UAAM,IAAI,GAAG,sBAAQ,IAAR,KAAiB,EAA9B;AACA,UAAM,MAAM,GAAG,IAAI,CAAC,MAApB;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,MAApB,EAA4B,CAAC,EAA7B,EAAiC;AAC/B,YAAM,KAAK,GAAG,IAAI,CAAC,CAAD,CAAlB;;AAEA,YAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,kBAAQ,KAAK,CAAC,gBAAN,CAAuB,IAAvB,CAA4B,OAA5B,CAAoC,IAA5C;AACE,iBAAK,eAAL;AAAsB,cAAA,MAAM,GAAG,KAAT;AACpB;;AACF,iBAAK,cAAL;AAAqB,cAAA,KAAK,GAAG,KAAR;AACnB;;AACF,iBAAK,YAAL;AAAmB,cAAA,IAAI,CAAC,IAAL,CAAU,KAAV;AACjB;AACF;;AACA;AAAS,cAAA,GAAG,CAAC,IAAJ,CAAS,KAAT;AARX;AAUD,SAXD,MAWO;AACL,UAAA,GAAG,CAAC,IAAJ,CAAS,KAAT;AACD;AACF;AAED;;;;;AAKG;;;AACH,aAAO;AAAE,QAAA,GAAG,EAAH,GAAF;AAAO,QAAA,MAAM,EAAN,MAAP;AAAe,QAAA,KAAK,EAAL,KAAf;AAAsB,QAAA,IAAI,EAAJ;AAAtB,OAAP;AACD;AA7IM,GA1HwC;AA0QjD,EAAA,MA1QiD,kBA0QzC,CA1QyC,EA0QxC;AAAA,2BAC8B,KAAK,UAAL,EAD9B;AAAA,QACC,GADD,oBACC,GADD;AAAA,QACM,MADN,oBACM,MADN;AAAA,QACc,KADd,oBACc,KADd;AAAA,QACqB,IADrB,oBACqB,IADrB;;AAGP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,QADC;AAEd,MAAA,KAAK,EAAE,KAAK,OAFE;AAGd,MAAA,UAAU,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,QADK;AAEX,QAAA,SAAS,EAAE;AAAE,UAAA,KAAK,EAAE;AAAT,SAFA;AAGX,QAAA,KAAK,EAAE,KAAK;AAHD,OAAD;AAHE,KAAR,EAQL,CACD,KAAK,MAAL,CAAY,GAAZ,EAAiB,MAAjB,CADC,EAED,KAAK,QAAL,CAAc,KAAd,EAAqB,IAArB,CAFC,CARK,CAAR;AAYD;AAzRgD,CAApC,C","sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport VTabsBar from './VTabsBar'\nimport VTabsItems from './VTabsItems'\nimport VTabsSlider from './VTabsSlider'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { ExtractVue } from './../../util/mixins'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  Proxyable,\n  Themeable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $refs: {\n    items: InstanceType<typeof VTabsBar>\n  }\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-tabs',\n\n  directives: {\n    Resize,\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    alignWithTitle: Boolean,\n    backgroundColor: String,\n    centerActive: Boolean,\n    centered: Boolean,\n    fixedTabs: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    iconsAndText: Boolean,\n    mobileBreakpoint: [String, Number],\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    optional: Boolean,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    right: Boolean,\n    showArrows: [Boolean, String],\n    sliderColor: String,\n    sliderSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      resizeTimeout: 0,\n      slider: {\n        height: null as null | number,\n        left: null as null | number,\n        right: null as null | number,\n        top: null as null | number,\n        width: null as null | number,\n      },\n      transitionTime: 300,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-tabs--align-with-title': this.alignWithTitle,\n        'v-tabs--centered': this.centered,\n        'v-tabs--fixed-tabs': this.fixedTabs,\n        'v-tabs--grow': this.grow,\n        'v-tabs--icons-and-text': this.iconsAndText,\n        'v-tabs--right': this.right,\n        'v-tabs--vertical': this.vertical,\n        ...this.themeClasses,\n      }\n    },\n    isReversed (): boolean {\n      return this.$vuetify.rtl && this.vertical\n    },\n    sliderStyles (): object {\n      return {\n        height: convertToUnit(this.slider.height),\n        left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n        right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n        top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n        transition: this.slider.left != null ? null : 'none',\n        width: convertToUnit(this.slider.width),\n      }\n    },\n    computedColor (): string {\n      if (this.color) return this.color\n      else if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n  },\n\n  watch: {\n    alignWithTitle: 'callSlider',\n    centered: 'callSlider',\n    centerActive: 'callSlider',\n    fixedTabs: 'callSlider',\n    grow: 'callSlider',\n    iconsAndText: 'callSlider',\n    right: 'callSlider',\n    showArrows: 'callSlider',\n    vertical: 'callSlider',\n    '$vuetify.application.left': 'onResize',\n    '$vuetify.application.right': 'onResize',\n    '$vuetify.rtl': 'onResize',\n  },\n\n  mounted () {\n    if (typeof ResizeObserver !== 'undefined') {\n      const obs = new ResizeObserver(() => {\n        this.onResize()\n      })\n      obs.observe(this.$el)\n      this.$on('hook:destroyed', () => {\n        obs.disconnect()\n      })\n    }\n\n    this.$nextTick(() => {\n      window.setTimeout(this.callSlider, 30)\n    })\n  },\n\n  methods: {\n    callSlider () {\n      if (\n        this.hideSlider ||\n        !this.$refs.items ||\n        !this.$refs.items.selectedItems.length\n      ) {\n        this.slider.width = 0\n        return false\n      }\n\n      this.$nextTick(() => {\n        // Give screen time to paint\n        const activeTab = this.$refs.items.selectedItems[0]\n        /* istanbul ignore if */\n        if (!activeTab || !activeTab.$el) {\n          this.slider.width = 0\n          this.slider.left = 0\n          return\n        }\n        const el = activeTab.$el as HTMLElement\n\n        this.slider = {\n          height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n          left: this.vertical ? 0 : el.offsetLeft,\n          right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n          top: el.offsetTop,\n          width: this.vertical ? Number(this.sliderSize) : el.scrollWidth,\n        }\n      })\n\n      return true\n    },\n    genBar (items: VNode[], slider: VNode | null) {\n      const data = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n        props: {\n          activeClass: this.activeClass,\n          centerActive: this.centerActive,\n          dark: this.dark,\n          light: this.light,\n          mandatory: !this.optional,\n          mobileBreakpoint: this.mobileBreakpoint,\n          nextIcon: this.nextIcon,\n          prevIcon: this.prevIcon,\n          showArrows: this.showArrows,\n          value: this.internalValue,\n        },\n        on: {\n          'call:slider': this.callSlider,\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n        ref: 'items',\n      }\n\n      this.setTextColor(this.computedColor, data)\n      this.setBackgroundColor(this.backgroundColor, data)\n\n      return this.$createElement(VTabsBar, data, [\n        this.genSlider(slider),\n        items,\n      ])\n    },\n    genItems (items: VNode | null, item: VNode[]) {\n      // If user provides items\n      // opt to use theirs\n      if (items) return items\n\n      // If no tabs are provided\n      // render nothing\n      if (!item.length) return null\n\n      return this.$createElement(VTabsItems, {\n        props: {\n          value: this.internalValue,\n        },\n        on: {\n          change: (val: any) => {\n            this.internalValue = val\n          },\n        },\n      }, item)\n    },\n    genSlider (slider: VNode | null) {\n      if (this.hideSlider) return null\n\n      if (!slider) {\n        slider = this.$createElement(VTabsSlider, {\n          props: { color: this.sliderColor },\n        })\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-tabs-slider-wrapper',\n        style: this.sliderStyles,\n      }, [slider])\n    },\n    onResize () {\n      if (this._isDestroyed) return\n\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.callSlider, 0)\n    },\n    parseNodes () {\n      let items = null\n      let slider = null\n      const item = []\n      const tab = []\n      const slot = getSlot(this) || []\n      const length = slot.length\n\n      for (let i = 0; i < length; i++) {\n        const vnode = slot[i]\n\n        if (vnode.componentOptions) {\n          switch (vnode.componentOptions.Ctor.options.name) {\n            case 'v-tabs-slider': slider = vnode\n              break\n            case 'v-tabs-items': items = vnode\n              break\n            case 'v-tab-item': item.push(vnode)\n              break\n            // case 'v-tab' - intentionally omitted\n            default: tab.push(vnode)\n          }\n        } else {\n          tab.push(vnode)\n        }\n      }\n\n      /**\n       * tab: array of `v-tab`\n       * slider: single `v-tabs-slider`\n       * items: single `v-tabs-items`\n       * item: array of `v-tab-item`\n       */\n      return { tab, slider, items, item }\n    },\n  },\n\n  render (h): VNode {\n    const { tab, slider, items, item } = this.parseNodes()\n\n    return h('div', {\n      staticClass: 'v-tabs',\n      class: this.classes,\n      directives: [{\n        name: 'resize',\n        modifiers: { quiet: true },\n        value: this.onResize,\n      }],\n    }, [\n      this.genBar(tab, slider),\n      this.genItems(items, item),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VTabs.js"}

package/es5/components/VTabs/VTabsBar.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 var _VSlideGroup = require("../VSlideGroup/VSlideGroup");
 
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
@@ -40,7 +38,7 @@ var _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _ssrBootable.de
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VSlideGroup.BaseSlideGroup.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VSlideGroup.BaseSlideGroup.options.computed.classes.call(this)), {}, {
         'v-tabs-bar': true,
         'v-tabs-bar--is-mobile': this.isMobile,
         // TODO: Remove this and move to v-slide-group
@@ -59,9 +57,10 @@ var _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _ssrBootable.de
       this.$emit('call:slider');
     },
     genContent: function genContent() {
-      var render = _VSlideGroup.BaseSlideGroup.methods.genContent.call(this);
+      var render = _VSlideGroup.BaseSlideGroup.options.methods.genContent.call(this);
 
-      render.props.class += ' v-tabs-bar__content';
+      render.data = render.data || {};
+      render.data.staticClass += ' v-tabs-bar__content';
       return render;
     },
     onRouteChange: function onRouteChange(val, oldVal) {
@@ -94,10 +93,12 @@ var _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _ssrBootable.de
       if (!hasNew && hasOld) this.internalValue = undefined;
     }
   },
-  render: function render() {
-    var render = _VSlideGroup.BaseSlideGroup.render.call(this, _vue.h);
+  render: function render(h) {
+    var render = _VSlideGroup.BaseSlideGroup.options.render.call(this, h);
 
-    render.role = 'tablist';
+    render.data.attrs = {
+      role: 'tablist'
+    };
     return render;
   }
 });

package/es5/components/VTabs/VTabsBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTabs/VTabsBar.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAMA;;AACA;;AAGA;;;;;;;;;;;;;;;;eAQe,qBACb,2BADa,EAEb,oBAFa,EAGb;AACA;AAJa,EAKb,MALa,CAKN;AACP,EAAA,IAAI,EAAE,YADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AACL,MAAA,OAAO,EAAE;AADJ,KAAP;AAGD,GAPM;AASP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,4BAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADL;AAEE,sBAAc,IAFhB;AAGE,iCAAyB,KAAK,QAHhC;AAIE;AACA,mCAA2B,KAAK;AALlC,SAMK,KAAK,YANV;AAQD;AAVO,GATH;AAsBP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,YADF;AAEL,IAAA,aAAa,EAAE,YAFV;AAGL,IAAA,MAAM,EAAE;AAHH,GAtBA;AA4BP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAI,CAAC,KAAK,QAAV,EAAoB;AAEpB,WAAK,KAAL,CAAW,aAAX;AACD,KALM;AAMP,IAAA,UANO,wBAMG;AACR,UAAM,MAAM,GAAG,4BAAe,OAAf,CAAuB,UAAvB,CAAkC,IAAlC,CAAuC,IAAvC,CAAf;;AAEA,MAAA,MAAM,CAAC,KAAP,CAAa,KAAb,IAAsB,sBAAtB;AAEA,aAAO,MAAP;AACD,KAZM;AAaP,IAAA,aAbO,yBAaQ,GAbR,EAaoB,MAbpB,EAaiC;AACtC;AACA,UAAI,KAAK,SAAT,EAAoB;AAEpB,UAAM,KAAK,GAAG,KAAK,KAAnB;AACA,UAAM,OAAO,GAAG,GAAG,CAAC,IAApB;AACA,UAAM,OAAO,GAAG,MAAM,CAAC,IAAvB;AAEA,UAAI,MAAM,GAAG,KAAb;AACA,UAAI,MAAM,GAAG,KAAb;;AATsC,iDAWnB,KAXmB;AAAA;;AAAA;AAWtC,4DAA0B;AAAA,cAAf,IAAe;AACxB,cAAI,IAAI,CAAC,EAAL,KAAY,OAAhB,EAAyB,MAAM,GAAG,IAAT,CAAzB,KACK,IAAI,IAAI,CAAC,EAAL,KAAY,OAAhB,EAAyB,MAAM,GAAG,IAAT;AAE9B,cAAI,MAAM,IAAI,MAAd,EAAsB;AACvB,SAhBqC,CAkBtC;AACA;AACA;;AApBsC;AAAA;AAAA;AAAA;AAAA;;AAqBtC,UAAI,CAAC,MAAD,IAAW,MAAf,EAAuB,KAAK,aAAL,GAAqB,SAArB;AACxB;AAnCM,GA5BF;AAkEP,EAAA,MAlEO,oBAkED;AACJ,QAAM,MAAM,GAAG,4BAAe,MAAf,CAAsB,IAAtB,CAA2B,IAA3B,EAAiC,MAAjC,CAAf;;AAEA,IAAA,MAAM,CAAC,IAAP,GAAc,SAAd;AAEA,WAAO,MAAP;AACD;AAxEM,CALM,C","sourcesContent":["import {h} from 'vue'\n// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Components\nimport VTab from './VTab'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { Route } from 'vue-router'\nimport { VNode } from 'vue'\n\ntype VTabInstance = InstanceType<typeof VTab>\n\nexport default mixins(\n  BaseSlideGroup,\n  SSRBootable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-tabs-bar',\n\n  provide () {\n    return {\n      tabsBar: this,\n    }\n  },\n\n  computed: {\n    classes () {\n      return {\n        ...BaseSlideGroup.computed.classes.call(this),\n        'v-tabs-bar': true,\n        'v-tabs-bar--is-mobile': this.isMobile,\n        // TODO: Remove this and move to v-slide-group\n        'v-tabs-bar--show-arrows': this.showArrows,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  watch: {\n    items: 'callSlider',\n    internalValue: 'callSlider',\n    $route: 'onRouteChange',\n  },\n\n  methods: {\n    callSlider () {\n      if (!this.isBooted) return\n\n      this.$emit('call:slider')\n    },\n    genContent () {\n      const render = BaseSlideGroup.methods.genContent.call(this)\n\n      render.props.class += ' v-tabs-bar__content'\n\n      return render\n    },\n    onRouteChange (val: Route, oldVal: Route) {\n      /* istanbul ignore next */\n      if (this.mandatory) return\n\n      const items = this.items as unknown as VTabInstance[]\n      const newPath = val.path\n      const oldPath = oldVal.path\n\n      let hasNew = false\n      let hasOld = false\n\n      for (const item of items) {\n        if (item.to === oldPath) hasOld = true\n        else if (item.to === newPath) hasNew = true\n\n        if (hasNew && hasOld) break\n      }\n\n      // If we have an old item and not a new one\n      // it's assumed that the user navigated to\n      // a path that is not present in the items\n      if (!hasNew && hasOld) this.internalValue = undefined\n    },\n  },\n\n  render (): VNode {\n    const render = BaseSlideGroup.render.call(this, h)\n\n    render.role = 'tablist'\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VTabsBar.js"}
+{"version":3,"sources":["../../../src/components/VTabs/VTabsBar.ts"],"names":[],"mappings":";;;;;;;AACA;;AAMA;;AACA;;AAGA;;;;;;;;;;;;;;;;eAQe,qBACb,2BADa,EAEb,oBAFa,EAGb;AACA;AAJa,EAKb,MALa,CAKN;AACP,EAAA,IAAI,EAAE,YADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AACL,MAAA,OAAO,EAAE;AADJ,KAAP;AAGD,GAPM;AASP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,4BAAe,OAAf,CAAuB,QAAvB,CAAgC,OAAhC,CAAwC,IAAxC,CAA6C,IAA7C,CADL;AAEE,sBAAc,IAFhB;AAGE,iCAAyB,KAAK,QAHhC;AAIE;AACA,mCAA2B,KAAK;AALlC,SAMK,KAAK,YANV;AAQD;AAVO,GATH;AAsBP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,YADF;AAEL,IAAA,aAAa,EAAE,YAFV;AAGL,IAAA,MAAM,EAAE;AAHH,GAtBA;AA4BP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAI,CAAC,KAAK,QAAV,EAAoB;AAEpB,WAAK,KAAL,CAAW,aAAX;AACD,KALM;AAMP,IAAA,UANO,wBAMG;AACR,UAAM,MAAM,GAAG,4BAAe,OAAf,CAAuB,OAAvB,CAA+B,UAA/B,CAA0C,IAA1C,CAA+C,IAA/C,CAAf;;AAEA,MAAA,MAAM,CAAC,IAAP,GAAc,MAAM,CAAC,IAAP,IAAe,EAA7B;AACA,MAAA,MAAM,CAAC,IAAP,CAAY,WAAZ,IAA2B,sBAA3B;AAEA,aAAO,MAAP;AACD,KAbM;AAcP,IAAA,aAdO,yBAcQ,GAdR,EAcoB,MAdpB,EAciC;AACtC;AACA,UAAI,KAAK,SAAT,EAAoB;AAEpB,UAAM,KAAK,GAAG,KAAK,KAAnB;AACA,UAAM,OAAO,GAAG,GAAG,CAAC,IAApB;AACA,UAAM,OAAO,GAAG,MAAM,CAAC,IAAvB;AAEA,UAAI,MAAM,GAAG,KAAb;AACA,UAAI,MAAM,GAAG,KAAb;;AATsC,iDAWnB,KAXmB;AAAA;;AAAA;AAWtC,4DAA0B;AAAA,cAAf,IAAe;AACxB,cAAI,IAAI,CAAC,EAAL,KAAY,OAAhB,EAAyB,MAAM,GAAG,IAAT,CAAzB,KACK,IAAI,IAAI,CAAC,EAAL,KAAY,OAAhB,EAAyB,MAAM,GAAG,IAAT;AAE9B,cAAI,MAAM,IAAI,MAAd,EAAsB;AACvB,SAhBqC,CAkBtC;AACA;AACA;;AApBsC;AAAA;AAAA;AAAA;AAAA;;AAqBtC,UAAI,CAAC,MAAD,IAAW,MAAf,EAAuB,KAAK,aAAL,GAAqB,SAArB;AACxB;AApCM,GA5BF;AAmEP,EAAA,MAnEO,kBAmEC,CAnED,EAmEE;AACP,QAAM,MAAM,GAAG,4BAAe,OAAf,CAAuB,MAAvB,CAA8B,IAA9B,CAAmC,IAAnC,EAAyC,CAAzC,CAAf;;AAEA,IAAA,MAAM,CAAC,IAAP,CAAa,KAAb,GAAqB;AACnB,MAAA,IAAI,EAAE;AADa,KAArB;AAIA,WAAO,MAAP;AACD;AA3EM,CALM,C","sourcesContent":["// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Components\nimport VTab from './VTab'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { Route } from 'vue-router'\nimport { VNode } from 'vue'\n\ntype VTabInstance = InstanceType<typeof VTab>\n\nexport default mixins(\n  BaseSlideGroup,\n  SSRBootable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-tabs-bar',\n\n  provide () {\n    return {\n      tabsBar: this,\n    }\n  },\n\n  computed: {\n    classes () {\n      return {\n        ...BaseSlideGroup.options.computed.classes.call(this),\n        'v-tabs-bar': true,\n        'v-tabs-bar--is-mobile': this.isMobile,\n        // TODO: Remove this and move to v-slide-group\n        'v-tabs-bar--show-arrows': this.showArrows,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  watch: {\n    items: 'callSlider',\n    internalValue: 'callSlider',\n    $route: 'onRouteChange',\n  },\n\n  methods: {\n    callSlider () {\n      if (!this.isBooted) return\n\n      this.$emit('call:slider')\n    },\n    genContent () {\n      const render = BaseSlideGroup.options.methods.genContent.call(this)\n\n      render.data = render.data || {}\n      render.data.staticClass += ' v-tabs-bar__content'\n\n      return render\n    },\n    onRouteChange (val: Route, oldVal: Route) {\n      /* istanbul ignore next */\n      if (this.mandatory) return\n\n      const items = this.items as unknown as VTabInstance[]\n      const newPath = val.path\n      const oldPath = oldVal.path\n\n      let hasNew = false\n      let hasOld = false\n\n      for (const item of items) {\n        if (item.to === oldPath) hasOld = true\n        else if (item.to === newPath) hasNew = true\n\n        if (hasNew && hasOld) break\n      }\n\n      // If we have an old item and not a new one\n      // it's assumed that the user navigated to\n      // a path that is not present in the items\n      if (!hasNew && hasOld) this.internalValue = undefined\n    },\n  },\n\n  render (h): VNode {\n    const render = BaseSlideGroup.options.render.call(this, h)\n\n    render.data!.attrs = {\n      role: 'tablist',\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VTabsBar.js"}

package/es5/components/VTabs/VTabsItems.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 var _VWindow = _interopRequireDefault(require("../VWindow/VWindow"));
 
 var _VItemGroup = require("./../VItemGroup/VItemGroup");
@@ -20,9 +18,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 /* @vue/component */
-var _default = (0, _vue.defineComponent)({
+var _default = _VWindow.default.extend({
   name: 'v-tabs-items',
-  extends: _VWindow.default,
   props: {
     mandatory: {
       type: Boolean,
@@ -31,7 +28,7 @@ var _default = (0, _vue.defineComponent)({
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VWindow.default.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VWindow.default.options.computed.classes.call(this)), {}, {
         'v-tabs-items': true
       });
     },
@@ -41,7 +38,7 @@ var _default = (0, _vue.defineComponent)({
   },
   methods: {
     getValue: function getValue(item, i) {
-      return item.id || _VItemGroup.BaseItemGroup.methods.getValue.call(this, item, i);
+      return item.id || _VItemGroup.BaseItemGroup.options.methods.getValue.call(this, item, i);
     }
   }
 });

package/es5/components/VTabs/VTabsItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTabs/VTabsItems.ts"],"names":[],"mappings":";;;;;;;AACA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,cADuB;AAG7B,EAAA,OAAO,EAAE,gBAHoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA;AADN,GAJsB;AAW7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,iBAAQ,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CADL;AAEE,wBAAgB;AAFlB;AAID,KANO;AAOR,IAAA,MAPQ,oBAOF;AACJ,aAAO,KAAK,UAAZ;AACD;AATO,GAXmB;AAuB7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,IADH,EAC4B,CAD5B,EACqC;AAC1C,aAAO,IAAI,CAAC,EAAL,IAAW,0BAAc,OAAd,CAAsB,QAAtB,CAA+B,IAA/B,CAAoC,IAApC,EAA0C,IAA1C,EAAgD,CAAhD,CAAlB;AACD;AAHM;AAvBoB,CAAhB,C","sourcesContent":["// Extensions\nimport { defineComponent } from 'vue'\nimport VWindow from '../VWindow/VWindow'\n\n// Types & Components\nimport { BaseItemGroup, GroupableInstance } from './../VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-tabs-items',\n\n  extends: VWindow,\n  props: {\n    mandatory: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-tabs-items': true,\n      }\n    },\n    isDark (): boolean {\n      return this.rootIsDark\n    },\n  },\n\n  methods: {\n    getValue (item: GroupableInstance, i: number) {\n      return item.id || BaseItemGroup.methods.getValue.call(this, item, i)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VTabsItems.js"}
+{"version":3,"sources":["../../../src/components/VTabs/VTabsItems.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,iBAAQ,MAAR,CAAe;AAC5B,EAAA,IAAI,EAAE,cADsB;AAG5B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA;AADN,GAHqB;AAU5B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,iBAAQ,OAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,IAAjC,CAAsC,IAAtC,CADL;AAEE,wBAAgB;AAFlB;AAID,KANO;AAOR,IAAA,MAPQ,oBAOF;AACJ,aAAO,KAAK,UAAZ;AACD;AATO,GAVkB;AAsB5B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,IADH,EAC4B,CAD5B,EACqC;AAC1C,aAAO,IAAI,CAAC,EAAL,IAAW,0BAAc,OAAd,CAAsB,OAAtB,CAA8B,QAA9B,CAAuC,IAAvC,CAA4C,IAA5C,EAAkD,IAAlD,EAAwD,CAAxD,CAAlB;AACD;AAHM;AAtBmB,CAAf,C","sourcesContent":["// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Types & Components\nimport { BaseItemGroup, GroupableInstance } from './../VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default VWindow.extend({\n  name: 'v-tabs-items',\n\n  props: {\n    mandatory: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.options.computed.classes.call(this),\n        'v-tabs-items': true,\n      }\n    },\n    isDark (): boolean {\n      return this.rootIsDark\n    },\n  },\n\n  methods: {\n    getValue (item: GroupableInstance, i: number) {\n      return item.id || BaseItemGroup.options.methods.getValue.call(this, item, i)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VTabsItems.js"}

package/es5/components/VTabs/VTabsSlider.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
@@ -19,9 +17,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* @vue/component */
 var _default = (0, _mixins.default)(_colorable.default).extend({
   name: 'v-tabs-slider',
-  render: function render() {
-    return (0, _vue.h)('div', this.setBackgroundColor(this.color, {
-      class: 'v-tabs-slider'
+  render: function render(h) {
+    return h('div', this.setBackgroundColor(this.color, {
+      staticClass: 'v-tabs-slider'
     }));
   }
 });

package/es5/components/VTabs/VTabsSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTabs/VTabsSlider.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;;;;AAJA;AAGA;;AAMA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,eADgC;AAGtC,EAAA,MAHsC,oBAGhC;AACJ,WAAO,YAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAClD,MAAA,KAAK,EAAE;AAD2C,KAApC,CAAT,CAAP;AAGD;AAPqC,CAAzB,C","sourcesContent":["import {h} from 'vue'\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(Colorable).extend({\n  name: 'v-tabs-slider',\n\n  render (): VNode {\n    return h('div', this.setBackgroundColor(this.color, {\n      class: 'v-tabs-slider',\n    }))\n  },\n})\n"],"sourceRoot":"","file":"VTabsSlider.js"}
+{"version":3,"sources":["../../../src/components/VTabs/VTabsSlider.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;;;AAJA;AAGA;;AAMA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,eADgC;AAGtC,EAAA,MAHsC,kBAG9B,CAH8B,EAG7B;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAClD,MAAA,WAAW,EAAE;AADqC,KAApC,CAAR,CAAR;AAGD;AAPqC,CAAzB,C","sourcesContent":["// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(Colorable).extend({\n  name: 'v-tabs-slider',\n\n  render (h): VNode {\n    return h('div', this.setBackgroundColor(this.color, {\n      staticClass: 'v-tabs-slider',\n    }))\n  },\n})\n"],"sourceRoot":"","file":"VTabsSlider.js"}

package/es5/components/VTextField/VTextField.js

@@ -31,8 +31,6 @@ var _console = require("../../util/console");
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
-var _vue = require("vue");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -63,12 +61,13 @@ var baseMixins = (0, _mixins.default)(_VInput.default, (0, _intersectable.defaul
 var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
 /* @vue/component */
 
-var _default = baseMixins.extend({
+var _default = baseMixins.extend().extend({
   name: 'v-text-field',
   directives: {
     resize: _resize.default,
     ripple: _ripple.default
   },
+  inheritAttrs: false,
   props: {
     appendOuterIcon: String,
     autofocus: Boolean,
@@ -113,7 +112,7 @@ var _default = baseMixins.extend({
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VInput.default.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VInput.default.options.computed.classes.call(this)), {}, {
         'v-text-field': true,
         'v-text-field--full-width': this.fullWidth,
         'v-text-field--prefix': this.prefix,
@@ -132,7 +131,7 @@ var _default = baseMixins.extend({
       });
     },
     computedColor: function computedColor() {
-      var computedColor = _validatable.default.computed.computedColor.call(this);
+      var computedColor = _validatable.default.options.computed.computedColor.call(this);
 
       if (!this.soloInverted || !this.isFocused) return computedColor;
       return this.color || 'primary';
@@ -148,7 +147,7 @@ var _default = baseMixins.extend({
       return this.counter !== false && this.counter != null;
     },
     hasDetails: function hasDetails() {
-      return _VInput.default.computed.hasDetails.call(this) || this.hasCounter;
+      return _VInput.default.options.computed.hasDetails.call(this) || this.hasCounter;
     },
     internalValue: {
       get: function get() {
@@ -156,7 +155,7 @@ var _default = baseMixins.extend({
       },
       set: function set(val) {
         this.lazyValue = val;
-        this.$emit('update:modelValue', this.lazyValue);
+        this.$emit('input', this.lazyValue);
       }
     },
     isDirty: function isDirty() {
@@ -283,7 +282,7 @@ var _default = baseMixins.extend({
       var slot = [];
 
       if (this.$slots['prepend-inner']) {
-        slot.push(this.$slots['prepend-inner']());
+        slot.push(this.$slots['prepend-inner']);
       } else if (this.prependInnerIcon) {
         slot.push(this.genIcon('prependInner'));
       }
@@ -302,7 +301,7 @@ var _default = baseMixins.extend({
       return this.genSlot('append', 'inner', slot);
     },
     genInputSlot: function genInputSlot() {
-      var input = _VInput.default.methods.genInputSlot.call(this);
+      var input = _VInput.default.options.methods.genInputSlot.call(this);
 
       var prepend = this.genPrependInnerSlot();
 
@@ -318,7 +317,7 @@ var _default = baseMixins.extend({
       // We add an empty div because other controls depend on a ref to append inner
 
       if (!this.isDirty) {
-        return this.genSlot('append', 'inner', [(0, _vue.h)('div')]);
+        return this.genSlot('append', 'inner', [this.$createElement('div')]);
       }
 
       return this.genSlot('append', 'inner', [this.genIcon('clear', this.clearableCallback)]);
@@ -334,45 +333,53 @@ var _default = baseMixins.extend({
         max: max,
         value: this.computedCounterValue
       };
-      return (_c = (_b = (_a = this.$slots).counter) === null || _b === void 0 ? void 0 : _b.call(_a, {
+      return (_c = (_b = (_a = this.$scopedSlots).counter) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        props: props
+      })) !== null && _c !== void 0 ? _c : this.$createElement(_VCounter.default, {
         props: props
-      })) !== null && _c !== void 0 ? _c : (0, _vue.h)(_VCounter.default, props);
+      });
     },
     genControl: function genControl() {
-      return _VInput.default.methods.genControl.call(this);
+      return _VInput.default.options.methods.genControl.call(this);
     },
     genDefaultSlot: function genDefaultSlot() {
       return [this.genFieldset(), this.genTextFieldSlot(), this.genClearIcon(), this.genIconSlot(), this.genProgress()];
     },
     genFieldset: function genFieldset() {
       if (!this.outlined) return null;
-      return (0, _vue.h)('fieldset', {
-        'aria-hidden': true
+      return this.$createElement('fieldset', {
+        attrs: {
+          'aria-hidden': true
+        }
       }, [this.genLegend()]);
     },
     genLabel: function genLabel() {
       if (!this.showLabel) return null;
       var data = {
-        absolute: true,
-        color: this.validationState,
-        dark: this.dark,
-        disabled: this.isDisabled,
-        focused: !this.isSingle && (this.isFocused || !!this.validationState),
-        for: this.computedId,
-        left: this.labelPosition.left,
-        light: this.light,
-        right: this.labelPosition.right,
-        value: this.labelValue
+        props: {
+          absolute: true,
+          color: this.validationState,
+          dark: this.dark,
+          disabled: this.isDisabled,
+          focused: !this.isSingle && (this.isFocused || !!this.validationState),
+          for: this.computedId,
+          left: this.labelPosition.left,
+          light: this.light,
+          right: this.labelPosition.right,
+          value: this.labelValue
+        }
       };
-      return (0, _vue.h)(_VLabel.default, data, (0, _helpers.getSlot)(this, 'label') || this.label);
+      return this.$createElement(_VLabel.default, data, (0, _helpers.getSlot)(this, 'label') || this.label);
     },
     genLegend: function genLegend() {
       var width = !this.singleLine && (this.labelValue || this.isDirty) ? this.labelWidth : 0;
-      var span = (0, _vue.h)('span', {
-        innerHTML: '&#8203;',
-        class: 'notranslate'
+      var span = this.$createElement('span', {
+        domProps: {
+          innerHTML: '&#8203;'
+        },
+        staticClass: 'notranslate'
       });
-      return (0, _vue.h)('legend', {
+      return this.$createElement('legend', {
         style: {
           width: !this.isSingle ? (0, _helpers.convertToUnit)(width) : undefined
         }
@@ -386,44 +393,52 @@ var _default = baseMixins.extend({
           title = _this$attrs$.title,
           inputAttrs = _objectWithoutProperties(_this$attrs$, ["title"]);
 
-      var node = (0, _vue.h)('input', _objectSpread(_objectSpread(_objectSpread({
+      return this.$createElement('input', {
         style: {},
-        value: this.type === 'number' && Object.is(this.lazyValue, -0) ? '-0' : this.lazyValue
-      }, inputAttrs), {}, {
-        autofocus: this.autofocus,
-        disabled: this.isDisabled,
-        id: this.computedId,
-        placeholder: this.persistentPlaceholder || this.isFocused || !this.hasLabel ? this.placeholder : undefined,
-        readonly: this.isReadonly,
-        type: this.type,
-        onBlur: this.onBlur,
-        onInput: this.onInput,
-        onFocus: this.onFocus,
-        onKeydown: this.onKeyDown
-      }, listeners), {}, {
-        ref: 'input'
-      }));
-      return (0, _vue.withDirectives)(node, [[_resize.default, this.onResize, '', {
-        quiet: true
-      }]]);
+        domProps: {
+          value: this.type === 'number' && Object.is(this.lazyValue, -0) ? '-0' : this.lazyValue
+        },
+        attrs: _objectSpread(_objectSpread({}, inputAttrs), {}, {
+          autofocus: this.autofocus,
+          disabled: this.isDisabled,
+          id: this.computedId,
+          placeholder: this.persistentPlaceholder || this.isFocused || !this.hasLabel ? this.placeholder : undefined,
+          readonly: this.isReadonly,
+          type: this.type
+        }),
+        on: Object.assign(listeners, {
+          blur: this.onBlur,
+          input: this.onInput,
+          focus: this.onFocus,
+          keydown: this.onKeyDown
+        }),
+        ref: 'input',
+        directives: [{
+          name: 'resize',
+          modifiers: {
+            quiet: true
+          },
+          value: this.onResize
+        }]
+      });
     },
     genMessages: function genMessages() {
       if (!this.showDetails) return null;
 
-      var messagesNode = _VInput.default.methods.genMessages.call(this);
+      var messagesNode = _VInput.default.options.methods.genMessages.call(this);
 
       var counterNode = this.genCounter();
-      return (0, _vue.h)('div', {
-        class: 'v-text-field__details'
+      return this.$createElement('div', {
+        staticClass: 'v-text-field__details'
       }, [messagesNode, counterNode]);
     },
     genTextFieldSlot: function genTextFieldSlot() {
-      return (0, _vue.h)('div', {
-        class: 'v-text-field__slot'
+      return this.$createElement('div', {
+        staticClass: 'v-text-field__slot'
       }, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, this.genInput(), this.suffix ? this.genAffix('suffix') : null]);
     },
     genAffix: function genAffix(type) {
-      return (0, _vue.h)('div', {
+      return this.$createElement('div', {
         class: "v-text-field__".concat(type),
         ref: type
       }, this[type]);
@@ -462,7 +477,7 @@ var _default = baseMixins.extend({
     onKeyDown: function onKeyDown(e) {
       if (e.keyCode === _helpers.keyCodes.enter && this.lazyValue !== this.initialValue) {
         this.initialValue = this.lazyValue;
-        this.$emit('update:modelValue', this.initialValue);
+        this.$emit('change', this.initialValue);
       }
 
       this.$emit('keydown', e);
@@ -474,12 +489,12 @@ var _default = baseMixins.extend({
         e.stopPropagation();
       }
 
-      _VInput.default.methods.onMouseDown.call(this, e);
+      _VInput.default.options.methods.onMouseDown.call(this, e);
     },
     onMouseUp: function onMouseUp(e) {
       if (this.hasMouseDown) this.focus();
 
-      _VInput.default.methods.onMouseUp.call(this, e);
+      _VInput.default.options.methods.onMouseUp.call(this, e);
     },
     setLabelWidth: function setLabelWidth() {
       if (!this.outlined) return;
@@ -507,7 +522,7 @@ var _default = baseMixins.extend({
       if (val) {
         this.initialValue = this.lazyValue;
       } else if (this.initialValue !== this.lazyValue) {
-        this.$emit('update:modelValue', this.lazyValue);
+        this.$emit('change', this.lazyValue);
       }
     },
     onResize: function onResize() {