@dimailn/vuetify 2.7.2-alpha0 → 2.7.2-superbundle

package/lib/components/VBanner/VBanner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'v-banner',\n\n  inheritAttrs: false,\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-banner--has-icon': this.hasIcon,\n        'v-banner--is-mobile': this.isMobile,\n        'v-banner--single-line': this.singleLine,\n        'v-banner--sticky': this.isSticky,\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon || this.$slots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...VSheet.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = h(VIcon, {\n          color: this.iconColor,\n          size: 28\n        }, [this.icon])\n      } else {\n        content = getSlot(this, 'icon')\n      }\n\n      return h(VAvatar, {\n        class: 'v-banner__icon',\n        color: this.color,\n        size: 40,\n        onClick: this.iconClick,\n      }, [content])\n    },\n    genText () {\n      return h('div', {\n        class: 'v-banner__text',\n      }, getSlot(this))\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false,\n      })\n\n      if (!children) return undefined\n\n      return h('div', {\n        class: 'v-banner__actions',\n      }, children)\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-banner__content',\n      }, [\n        this.genIcon(),\n        this.genText(),\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-banner__wrapper',\n      }, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: 'v-banner',\n      attrs: this.attrs$,\n      class: this.classes,\n      style: this.styles,\n      directives: [{\n        name: 'show',\n        value: this.isActive,\n      }],\n    }\n\n    return h(VExpandTransition, [\n      h(\n        'div',\n        this.outlined ? data : this.setBackgroundColor(this.color, data),\n        [this.genWrapper()],\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VBanner.js"}
+{"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'v-banner',\n\n  inheritAttrs: false,\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.options.computed.classes.call(this),\n        'v-banner--has-icon': this.hasIcon,\n        'v-banner--is-mobile': this.isMobile,\n        'v-banner--single-line': this.singleLine,\n        'v-banner--sticky': this.isSticky,\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon || this.$scopedSlots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...VSheet.options.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = this.$createElement(VIcon, {\n          props: {\n            color: this.iconColor,\n            size: 28,\n          },\n        }, [this.icon])\n      } else {\n        content = getSlot(this, 'icon')\n      }\n\n      return this.$createElement(VAvatar, {\n        staticClass: 'v-banner__icon',\n        props: {\n          color: this.color,\n          size: 40,\n        },\n        on: {\n          click: this.iconClick,\n        },\n      }, [content])\n    },\n    genText () {\n      return this.$createElement('div', {\n        staticClass: 'v-banner__text',\n      }, getSlot(this))\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false,\n      })\n\n      if (!children) return undefined\n\n      return this.$createElement('div', {\n        staticClass: 'v-banner__actions',\n      }, children)\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-banner__content',\n      }, [\n        this.genIcon(),\n        this.genText(),\n      ])\n    },\n    genWrapper () {\n      return this.$createElement('div', {\n        staticClass: 'v-banner__wrapper',\n      }, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const data = {\n      staticClass: 'v-banner',\n      attrs: this.attrs$,\n      class: this.classes,\n      style: this.styles,\n      directives: [{\n        name: 'show',\n        value: this.isActive,\n      }],\n    }\n\n    return h(VExpandTransition, [\n      h(\n        'div',\n        this.outlined ? data : this.setBackgroundColor(this.color, data),\n        [this.genWrapper()],\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VBanner.js"}

package/lib/components/VBottomNavigation/VBottomNavigation.js

@@ -1,5 +1,4 @@
-import { h } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VBottomNavigation/VBottomNavigation.sass"; // Mixins
 
 import Applicationable from '../../mixins/applicationable';
@@ -51,7 +50,7 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
 
   computed: {
     canScroll() {
-      return Scrollable.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
+      return Scrollable.options.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
     },
 
     classes() {
@@ -103,15 +102,20 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
 
   },
 
-  render() {
+  render(h) {
     const data = this.setBackgroundColor(this.backgroundColor, {
-      class: ['v-bottom-navigation', this.classes],
+      staticClass: 'v-bottom-navigation',
+      class: this.classes,
       style: this.styles,
-      activeClass: this.activeClass,
-      mandatory: Boolean(this.mandatory || this.value !== undefined),
-      tag: this.tag,
-      value: this.internalValue,
-      onChange: this.updateValue
+      props: {
+        activeClass: this.activeClass,
+        mandatory: Boolean(this.mandatory || this.value !== undefined),
+        tag: this.tag,
+        value: this.internalValue
+      },
+      on: {
+        change: this.updateValue
+      }
     });
 
     if (this.canScroll) {

package/lib/components/VBottomNavigation/VBottomNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBottomNavigation.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Proxyable from '../../mixins/proxyable'\nimport Scrollable from '../../mixins/scrollable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'inputValue',\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory('inputValue'),\n  Proxyable,\n  Scrollable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-bottom-navigation',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-btn--active',\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    inputValue: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.inputValue,\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.inputValue\n        )\n      )\n    },\n    classes (): object {\n      return {\n        'v-bottom-navigation--absolute': this.absolute,\n        'v-bottom-navigation--grow': this.grow,\n        'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'v-bottom-navigation--horizontal': this.horizontal,\n        'v-bottom-navigation--shift': this.shift,\n      }\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)',\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or v-model', this)\n    }\n  },\n\n  methods: {\n    thresholdMet () {\n      if (this.hideOnScroll) {\n        this.isActive = !this.isScrollingUp ||\n          this.currentScroll > this.computedScrollThreshold\n\n        this.$emit('update:input-value', this.isActive)\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n    updateApplication (): number {\n      return this.$el\n        ? this.$el.clientHeight\n        : 0\n    },\n    updateValue (val: any) {\n      this.$emit('change', val)\n    },\n  },\n\n  render (): VNode {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      class: ['v-bottom-navigation', this.classes],\n      style: this.styles,\n      activeClass: this.activeClass,\n      mandatory: Boolean(\n        this.mandatory ||\n        this.value !== undefined\n      ),\n      tag: this.tag,\n      value: this.internalValue,\n      onChange: this.updateValue\n    })\n\n    if (this.canScroll) {\n      data.directives = data.directives || []\n\n      data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VBottomNavigation.js"}
+{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Proxyable from '../../mixins/proxyable'\nimport Scrollable from '../../mixins/scrollable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'inputValue',\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory('inputValue'),\n  Proxyable,\n  Scrollable,\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-bottom-navigation',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-btn--active',\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    inputValue: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.inputValue,\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.options.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.inputValue\n        )\n      )\n    },\n    classes (): object {\n      return {\n        'v-bottom-navigation--absolute': this.absolute,\n        'v-bottom-navigation--grow': this.grow,\n        'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'v-bottom-navigation--horizontal': this.horizontal,\n        'v-bottom-navigation--shift': this.shift,\n      }\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)',\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or v-model', this)\n    }\n  },\n\n  methods: {\n    thresholdMet () {\n      if (this.hideOnScroll) {\n        this.isActive = !this.isScrollingUp ||\n          this.currentScroll > this.computedScrollThreshold\n\n        this.$emit('update:input-value', this.isActive)\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n    updateApplication (): number {\n      return this.$el\n        ? this.$el.clientHeight\n        : 0\n    },\n    updateValue (val: any) {\n      this.$emit('change', val)\n    },\n  },\n\n  render (h): VNode {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      staticClass: 'v-bottom-navigation',\n      class: this.classes,\n      style: this.styles,\n      props: {\n        activeClass: this.activeClass,\n        mandatory: Boolean(\n          this.mandatory ||\n          this.value !== undefined\n        ),\n        tag: this.tag,\n        value: this.internalValue,\n      },\n      on: { change: this.updateValue },\n    })\n\n    if (this.canScroll) {\n      data.directives = data.directives || []\n\n      data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VBottomNavigation.js"}

package/lib/components/VBottomSheet/VBottomSheet.js

@@ -1,12 +1,10 @@
 import "../../../src/components/VBottomSheet/VBottomSheet.sass"; // Extensions
 
 import VDialog from '../VDialog/VDialog';
-import { defineComponent } from 'vue';
 /* @vue/component */
 
-export default defineComponent({
+export default VDialog.extend({
   name: 'v-bottom-sheet',
-  extends: VDialog,
   props: {
     inset: Boolean,
     maxWidth: [String, Number],
@@ -17,7 +15,7 @@ export default defineComponent({
   },
   computed: {
     classes() {
-      return { ...VDialog.computed.classes.call(this),
+      return { ...VDialog.options.computed.classes.call(this),
         'v-bottom-sheet': true,
         'v-bottom-sheet--inset': this.inset
       };

package/lib/components/VBottomSheet/VBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"names":[],"mappings":"AAAA,OAAO,wDAAP,C,CAEA;;AACA,OAAO,OAAP,MAAoB,oBAApB;AACA,SAAS,eAAT,QAAgC,KAAhC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,gBADuB;AAE7B,EAAA,OAAO,EAAE,OAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,CAAC,MAAD,EAAS,MAAT,CAFL;AAGL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAHP,GAJsB;AAa7B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,OAAO,CAAC,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CADE;AAEL,0BAAkB,IAFb;AAGL,iCAAyB,KAAK;AAHzB,OAAP;AAKD;;AAPO;AAbmB,CAAD,CAA9B","sourcesContent":["import './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-bottom-sheet',\n  extends: VDialog,\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBottomSheet.js"}
+{"version":3,"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"names":[],"mappings":"AAAA,OAAO,wDAAP,C,CAEA;;AACA,OAAO,OAAP,MAAoB,oBAApB;AAEA;;AACA,eAAe,OAAO,CAAC,MAAR,CAAe;AAC5B,EAAA,IAAI,EAAE,gBADsB;AAG5B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,CAAC,MAAD,EAAS,MAAT,CAFL;AAGL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAHP,GAHqB;AAY5B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,OAAO,CAAC,OAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,IAAjC,CAAsC,IAAtC,CADE;AAEL,0BAAkB,IAFb;AAGL,iCAAyB,KAAK;AAHzB,OAAP;AAKD;;AAPO;AAZkB,CAAf,CAAf","sourcesContent":["import './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBottomSheet.js"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.js

@@ -1,5 +1,4 @@
-import { h } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VBreadcrumbs/VBreadcrumbs.sass"; // Components
 
 import VBreadcrumbsItem from './VBreadcrumbsItem';
@@ -35,22 +34,22 @@ export default mixins(Themeable
   },
   methods: {
     genDivider() {
-      return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider);
+      return this.$createElement(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider);
     },
 
     genItems() {
       const items = [];
-      const hasSlot = !!this.$slots.item;
+      const hasSlot = !!this.$scopedSlots.item;
       const keys = [];
 
       for (let i = 0; i < this.items.length; i++) {
         const item = this.items[i];
         keys.push(item.text);
-        if (hasSlot) items.push(this.$slots.item({
+        if (hasSlot) items.push(this.$scopedSlots.item({
           item
-        }));else items.push(h(VBreadcrumbsItem, {
+        }));else items.push(this.$createElement(VBreadcrumbsItem, {
           key: keys.join('.'),
-          ...item
+          props: item
         }, [item.text]));
         if (i < this.items.length - 1) items.push(this.genDivider());
       }
@@ -60,10 +59,11 @@ export default mixins(Themeable
 
   },
 
-  render() {
+  render(h) {
     const children = getSlot(this) || this.genItems();
     return h('ul', {
-      class: ['v-breadcrumbs', this.classes]
+      staticClass: 'v-breadcrumbs',
+      class: this.classes
     }, children);
   }
 

package/lib/components/VBreadcrumbs/VBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,wDAAP,C,CAMA;;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,gCAAwB,KAAK,KADxB;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,CAAC,CAAC,mBAAD,EAAsB,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAlC,GAA4C,KAAK,OAAvE,CAAR;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,EAAd;AACA,YAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,YAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,cAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA;AAAF,SAAlB,CAAX,EAAb,KACK,KAAK,CAAC,IAAN,CAAW,CAAC,CAAC,gBAAD,EAAmB;AAAE,UAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CAAP;AAAuB,aAAG;AAA1B,SAAnB,EAAqD,CAAC,IAAI,CAAC,IAAN,CAArD,CAAZ;AAEL,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AArBM,GAxBF;;AAgDP,EAAA,MAAM,GAAA;AACJ,UAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,CAAP,IAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAP,EAEL,QAFK,CAAR;AAGD;;AAtDM,CAHM,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-breadcrumbs',\n\n  props: {\n    divider: {\n      type: String,\n      default: '/',\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    large: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs--large': this.large,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genDivider () {\n      return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider)\n    },\n    genItems () {\n      const items = []\n      const hasSlot = !!this.$slots.item\n      const keys = []\n\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i]\n\n        keys.push(item.text)\n\n        if (hasSlot) items.push(this.$slots.item!({ item }))\n        else items.push(h(VBreadcrumbsItem, { key: keys.join('.'), ...item }, [item.text]))\n\n        if (i < this.items.length - 1) items.push(this.genDivider())\n      }\n\n      return items\n    },\n  },\n\n  render (): VNode {\n    const children = getSlot(this) || this.genItems()\n\n    return h('ul', {\n      class: ['v-breadcrumbs', this.classes],\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAP,C,CAMA;;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,gCAAwB,KAAK,KADxB;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,mBAApB,EAAyC,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAlC,GAA4C,KAAK,OAA1F,CAAP;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,EAAd;AACA,YAAM,OAAO,GAAG,CAAC,CAAC,KAAK,YAAL,CAAkB,IAApC;AACA,YAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,cAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,YAAL,CAAkB,IAAlB,CAAwB;AAAE,UAAA;AAAF,SAAxB,CAAX,EAAb,KACK,KAAK,CAAC,IAAN,CAAW,KAAK,cAAL,CAAoB,gBAApB,EAAsC;AAAE,UAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CAAP;AAAuB,UAAA,KAAK,EAAE;AAA9B,SAAtC,EAA4E,CAAC,IAAI,CAAC,IAAN,CAA5E,CAAX;AAEL,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AArBM,GAxBF;;AAgDP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,CAAP,IAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,WAAW,EAAE,eADA;AAEb,MAAA,KAAK,EAAE,KAAK;AAFC,KAAP,EAGL,QAHK,CAAR;AAID;;AAvDM,CAHM,CAAf","sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n  Themeable\n  /* @vue/component */\n).extend({\n  name: 'v-breadcrumbs',\n\n  props: {\n    divider: {\n      type: String,\n      default: '/',\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    large: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs--large': this.large,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genDivider () {\n      return this.$createElement(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider)\n    },\n    genItems () {\n      const items = []\n      const hasSlot = !!this.$scopedSlots.item\n      const keys = []\n\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i]\n\n        keys.push(item.text)\n\n        if (hasSlot) items.push(this.$scopedSlots.item!({ item }))\n        else items.push(this.$createElement(VBreadcrumbsItem, { key: keys.join('.'), props: item }, [item.text]))\n\n        if (i < this.items.length - 1) items.push(this.genDivider())\n      }\n\n      return items\n    },\n  },\n\n  render (h): VNode {\n    const children = getSlot(this) || this.genItems()\n\n    return h('ul', {\n      staticClass: 'v-breadcrumbs',\n      class: this.classes,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js

@@ -1,4 +1,3 @@
-import { h, withDirectives } from 'vue';
 import Routable from '../../mixins/routable';
 import mixins from '../../util/mixins';
 import { getSlot } from '../../util/helpers';
@@ -28,15 +27,16 @@ export default mixins(Routable).extend({
 
   },
 
-  render() {
+  render(h) {
     const {
       tag,
-      data,
-      directives
+      data
     } = this.generateRouteLink();
-    return withDirectives(h('li', [h(tag, { ...data,
-      'aria-current': this.isActive && this.isLink ? 'page' : undefined
-    }, getSlot(this))]), directives);
+    return h('li', [h(tag, { ...data,
+      attrs: { ...data.attrs,
+        'aria-current': this.isActive && this.isLink ? 'page' : undefined
+      }
+    }, getSlot(this))]);
   }
 
 });

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,cAAX,QAAgC,KAAhC;AACA,OAAO,QAAP,MAAqB,uBAArB;AAEA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAGA;;AACA,eAAe,MAAM,CAAC,QAAD,CAAN,CAAiB,MAAjB,CAAwB;AACrC,EAAA,IAAI,EAAE,oBAD+B;AAGrC,EAAA,KAAK,EAAE;AACL;AACA;AACA,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KAHR;AAOL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AAPH,GAH8B;AAgBrC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,IADlB;AAEL,SAAC,KAAK,WAAN,GAAoB,KAAK;AAFpB,OAAP;AAID;;AANO,GAhB2B;;AAyBrC,EAAA,MAAM,GAAA;AACJ,UAAM;AAAE,MAAA,GAAF;AAAO,MAAA,IAAP;AAAa,MAAA;AAAb,QAA4B,KAAK,iBAAL,EAAlC;AAEA,WAAO,cAAc,CAAC,CAAC,CAAC,IAAD,EAAO,CAC5B,CAAC,CAAC,GAAD,EAAM,EACL,GAAG,IADE;AAEL,sBAAgB,KAAK,QAAL,IAAiB,KAAK,MAAtB,GAA+B,MAA/B,GAAwC;AAFnD,KAAN,EAGE,OAAO,CAAC,IAAD,CAHT,CAD2B,CAAP,CAAF,EAKjB,UALiB,CAArB;AAMD;;AAlCoC,CAAxB,CAAf","sourcesContent":["import {h, withDirectives} from 'vue'\nimport Routable from '../../mixins/routable'\n\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(Routable).extend({\n  name: 'v-breadcrumbs-item',\n\n  props: {\n    // In a breadcrumb, the currently\n    // active item should be dimmed\n    activeClass: {\n      type: String,\n      default: 'v-breadcrumbs__item--disabled',\n    },\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs__item': true,\n        [this.activeClass]: this.disabled,\n      }\n    },\n  },\n\n  render (): VNode {\n    const { tag, data, directives } = this.generateRouteLink()\n\n    return withDirectives(h('li', [\n      h(tag, {\n        ...data,\n        'aria-current': this.isActive && this.isLink ? 'page' : undefined,\n      }, getSlot(this)),\n    ]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbsItem.js"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,uBAArB;AAEA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAGA;;AACA,eAAe,MAAM,CAAC,QAAD,CAAN,CAAiB,MAAjB,CAAwB;AACrC,EAAA,IAAI,EAAE,oBAD+B;AAGrC,EAAA,KAAK,EAAE;AACL;AACA;AACA,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KAHR;AAOL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AAPH,GAH8B;AAgBrC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,IADlB;AAEL,SAAC,KAAK,WAAN,GAAoB,KAAK;AAFpB,OAAP;AAID;;AANO,GAhB2B;;AAyBrC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM;AAAE,MAAA,GAAF;AAAO,MAAA;AAAP,QAAgB,KAAK,iBAAL,EAAtB;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO,CACb,CAAC,CAAC,GAAD,EAAM,EACL,GAAG,IADE;AAEL,MAAA,KAAK,EAAE,EACL,GAAG,IAAI,CAAC,KADH;AAEL,wBAAgB,KAAK,QAAL,IAAiB,KAAK,MAAtB,GAA+B,MAA/B,GAAwC;AAFnD;AAFF,KAAN,EAME,OAAO,CAAC,IAAD,CANT,CADY,CAAP,CAAR;AASD;;AArCoC,CAAxB,CAAf","sourcesContent":["import Routable from '../../mixins/routable'\n\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(Routable).extend({\n  name: 'v-breadcrumbs-item',\n\n  props: {\n    // In a breadcrumb, the currently\n    // active item should be dimmed\n    activeClass: {\n      type: String,\n      default: 'v-breadcrumbs__item--disabled',\n    },\n    ripple: {\n      type: [Boolean, Object],\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-breadcrumbs__item': true,\n        [this.activeClass]: this.disabled,\n      }\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    return h('li', [\n      h(tag, {\n        ...data,\n        attrs: {\n          ...data.attrs,\n          'aria-current': this.isActive && this.isLink ? 'page' : undefined,\n        },\n      }, getSlot(this)),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VBreadcrumbsItem.js"}

package/lib/components/VBtn/VBtn.js

@@ -15,19 +15,20 @@ import Sizeable from '../../mixins/sizeable'; // Utilities
 import mixins from '../../util/mixins';
 import { breaking } from '../../util/console';
 import { getSlot } from '../../util/helpers';
-import mergeData from '../../util/mergeData'; // Types
-
-import { withDirectives } from 'vue';
-import { h } from 'vue';
 const baseMixins = mixins(VSheet, Routable, Positionable, Sizeable, GroupableFactory('btnToggle'), ToggleableFactory('inputValue')
 /* @vue/component */
 );
-export default baseMixins.extend({
+export default baseMixins.extend().extend({
   name: 'v-btn',
-  inheritAttrs: false,
   props: {
     activeClass: {
-      type: String
+      type: String,
+
+      default() {
+        if (!this.btnToggle) return '';
+        return this.btnToggle.activeClass;
+      }
+
     },
     block: Boolean,
     depressed: Boolean,
@@ -57,7 +58,7 @@ export default baseMixins.extend({
     classes() {
       return {
         'v-btn': true,
-        ...Routable.computed.classes.call(this),
+        ...Routable.options.computed.classes.call(this),
         'v-btn--absolute': this.absolute,
         'v-btn--block': this.block,
         'v-btn--bottom': this.bottom,
@@ -87,7 +88,7 @@ export default baseMixins.extend({
 
     computedElevation() {
       if (this.disabled) return undefined;
-      return Elevatable.computed.computedElevation.call(this);
+      return Elevatable.options.computed.computedElevation.call(this);
     },
 
     computedRipple() {
@@ -132,51 +133,44 @@ export default baseMixins.extend({
       // TODO: Remove this in v3
       !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur();
       this.$emit('click', e);
-      this.$emitLegacy('click', e);
       this.btnToggle && this.toggle();
     },
 
     genContent() {
-      return h('span', {
-        class: 'v-btn__content'
+      return this.$createElement('span', {
+        staticClass: 'v-btn__content'
       }, getSlot(this));
     },
 
     genLoader() {
-      return h('span', {
+      return this.$createElement('span', {
         class: 'v-btn__loader'
-      }, getSlot(this, 'loader') || [h(VProgressCircular, {
-        indeterminate: true,
-        size: 23,
-        width: 2
+      }, getSlot(this, 'loader') || [this.$createElement(VProgressCircular, {
+        props: {
+          indeterminate: true,
+          size: 23,
+          width: 2
+        }
       })]);
     }
 
   },
 
-  render() {
+  render(h) {
     const children = [this.genContent(), this.loading && this.genLoader()];
     const {
       tag,
-      data: linkData,
-      directives
+      data
     } = this.generateRouteLink();
     const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor;
-    let data = {};
 
     if (tag === 'button') {
-      data.type = this.type;
-      data.disabled = this.disabled;
+      data.attrs.type = this.type;
+      data.attrs.disabled = this.disabled;
     }
 
-    data.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
-    data = { ...data,
-      ...linkData
-    };
-    data = mergeData(data, {
-      class: this.$attrs.class
-    });
-    return withDirectives(h(tag, this.disabled ? data : setColor(this.color, data), children), directives);
+    data.attrs.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
+    return h(tag, this.disabled ? data : setColor(this.color, data), children);
   }
 
 });

package/lib/components/VBtn/VBtn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBtn/VBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { VNode, withDirectives } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\nimport {h} from 'vue'\n\nconst baseMixins = mixins(\n  VSheet,\n  Routable,\n  Positionable,\n  Sizeable,\n  GroupableFactory('btnToggle'),\n  ToggleableFactory('inputValue')\n  /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n}\n\nexport default baseMixins.extend({\n  name: 'v-btn',\n  inheritAttrs: false,\n  props: {\n    activeClass: {\n      type: String,\n    } as any as PropValidator<string>,\n    block: Boolean,\n    depressed: Boolean,\n    fab: Boolean,\n    icon: Boolean,\n    loading: Boolean,\n    outlined: Boolean,\n    plain: Boolean,\n    retainFocusOnClick: Boolean,\n    rounded: Boolean,\n    tag: {\n      type: String,\n      default: 'button',\n    },\n    text: Boolean,\n    tile: Boolean,\n    type: {\n      type: String,\n      default: 'button',\n    },\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-btn--active',\n  }),\n\n  computed: {\n    classes (): any {\n      return {\n        'v-btn': true,\n        ...Routable.computed.classes.call(this),\n        'v-btn--absolute': this.absolute,\n        'v-btn--block': this.block,\n        'v-btn--bottom': this.bottom,\n        'v-btn--disabled': this.disabled,\n        'v-btn--is-elevated': this.isElevated,\n        'v-btn--fab': this.fab,\n        'v-btn--fixed': this.fixed,\n        'v-btn--has-bg': this.hasBg,\n        'v-btn--icon': this.icon,\n        'v-btn--left': this.left,\n        'v-btn--loading': this.loading,\n        'v-btn--outlined': this.outlined,\n        'v-btn--plain': this.plain,\n        'v-btn--right': this.right,\n        'v-btn--round': this.isRound,\n        'v-btn--rounded': this.rounded,\n        'v-btn--router': this.to,\n        'v-btn--text': this.text,\n        'v-btn--tile': this.tile,\n        'v-btn--top': this.top,\n        ...this.themeClasses,\n        ...this.groupClasses,\n        ...this.elevationClasses,\n        ...this.sizeableClasses,\n      }\n    },\n    computedElevation (): string | number | undefined {\n      if (this.disabled) return undefined\n\n      return Elevatable.computed.computedElevation.call(this)\n    },\n    computedRipple (): RippleOptions | boolean {\n      const defaultRipple = this.icon || this.fab ? { circle: true } : true\n      if (this.disabled) return false\n      else return this.ripple ?? defaultRipple\n    },\n    hasBg (): boolean {\n      return !this.text && !this.plain && !this.outlined && !this.icon\n    },\n    isElevated (): boolean {\n      return Boolean(\n        !this.icon &&\n        !this.text &&\n        !this.outlined &&\n        !this.depressed &&\n        !this.disabled &&\n        !this.plain &&\n        (this.elevation == null || Number(this.elevation) > 0)\n      )\n    },\n    isRound (): boolean {\n      return Boolean(\n        this.icon ||\n        this.fab\n      )\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['flat', 'text'],\n      ['outline', 'outlined'],\n      ['round', 'rounded'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      // TODO: Remove this in v3\n      !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n      this.$emit('click', e)\n      this.$emitLegacy('click', e)\n\n\n      this.btnToggle && this.toggle()\n    },\n    genContent (): VNode {\n      return h('span', {\n        class: 'v-btn__content',\n      }, getSlot(this))\n    },\n    genLoader (): VNode {\n      return h('span', {\n        class: 'v-btn__loader',\n      }, getSlot(this, 'loader') || [h(VProgressCircular, {\n        indeterminate: true,\n        size: 23,\n        width: 2\n      })])\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genContent(),\n      this.loading && this.genLoader(),\n    ]\n    const { tag, data: linkData, directives } = this.generateRouteLink()\n    const setColor = this.hasBg\n      ? this.setBackgroundColor\n      : this.setTextColor\n\n    let data = {}\n\n    if (tag === 'button') {\n      data.type = this.type\n      data.disabled = this.disabled\n    }\n    data.value = ['string', 'number'].includes(typeof this.value)\n      ? this.value\n      : JSON.stringify(this.value)\n\n    data = {\n      ...data,\n      ...linkData\n    }\n\n    data = mergeData(data, { class: this.$attrs.class })\n\n    return withDirectives(\n      h(tag, this.disabled ? data : setColor(this.color, data), children),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VBtn.js"}
+{"version":3,"sources":["../../../src/components/VBtn/VBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\n\nconst baseMixins = mixins(\n  VSheet,\n  Routable,\n  Positionable,\n  Sizeable,\n  GroupableFactory('btnToggle'),\n  ToggleableFactory('inputValue')\n  /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-btn',\n\n  props: {\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.btnToggle) return ''\n\n        return this.btnToggle.activeClass\n      },\n    } as any as PropValidator<string>,\n    block: Boolean,\n    depressed: Boolean,\n    fab: Boolean,\n    icon: Boolean,\n    loading: Boolean,\n    outlined: Boolean,\n    plain: Boolean,\n    retainFocusOnClick: Boolean,\n    rounded: Boolean,\n    tag: {\n      type: String,\n      default: 'button',\n    },\n    text: Boolean,\n    tile: Boolean,\n    type: {\n      type: String,\n      default: 'button',\n    },\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-btn--active',\n  }),\n\n  computed: {\n    classes (): any {\n      return {\n        'v-btn': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-btn--absolute': this.absolute,\n        'v-btn--block': this.block,\n        'v-btn--bottom': this.bottom,\n        'v-btn--disabled': this.disabled,\n        'v-btn--is-elevated': this.isElevated,\n        'v-btn--fab': this.fab,\n        'v-btn--fixed': this.fixed,\n        'v-btn--has-bg': this.hasBg,\n        'v-btn--icon': this.icon,\n        'v-btn--left': this.left,\n        'v-btn--loading': this.loading,\n        'v-btn--outlined': this.outlined,\n        'v-btn--plain': this.plain,\n        'v-btn--right': this.right,\n        'v-btn--round': this.isRound,\n        'v-btn--rounded': this.rounded,\n        'v-btn--router': this.to,\n        'v-btn--text': this.text,\n        'v-btn--tile': this.tile,\n        'v-btn--top': this.top,\n        ...this.themeClasses,\n        ...this.groupClasses,\n        ...this.elevationClasses,\n        ...this.sizeableClasses,\n      }\n    },\n    computedElevation (): string | number | undefined {\n      if (this.disabled) return undefined\n\n      return Elevatable.options.computed.computedElevation.call(this)\n    },\n    computedRipple (): RippleOptions | boolean {\n      const defaultRipple = this.icon || this.fab ? { circle: true } : true\n      if (this.disabled) return false\n      else return this.ripple ?? defaultRipple\n    },\n    hasBg (): boolean {\n      return !this.text && !this.plain && !this.outlined && !this.icon\n    },\n    isElevated (): boolean {\n      return Boolean(\n        !this.icon &&\n        !this.text &&\n        !this.outlined &&\n        !this.depressed &&\n        !this.disabled &&\n        !this.plain &&\n        (this.elevation == null || Number(this.elevation) > 0)\n      )\n    },\n    isRound (): boolean {\n      return Boolean(\n        this.icon ||\n        this.fab\n      )\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['flat', 'text'],\n      ['outline', 'outlined'],\n      ['round', 'rounded'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      // TODO: Remove this in v3\n      !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n      this.$emit('click', e)\n\n      this.btnToggle && this.toggle()\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-btn__content',\n      }, getSlot(this))\n    },\n    genLoader (): VNode {\n      return this.$createElement('span', {\n        class: 'v-btn__loader',\n      }, getSlot(this, 'loader') || [this.$createElement(VProgressCircular, {\n        props: {\n          indeterminate: true,\n          size: 23,\n          width: 2,\n        },\n      })])\n    },\n  },\n\n  render (h): VNode {\n    const children = [\n      this.genContent(),\n      this.loading && this.genLoader(),\n    ]\n    const { tag, data } = this.generateRouteLink()\n    const setColor = this.hasBg\n      ? this.setBackgroundColor\n      : this.setTextColor\n\n    if (tag === 'button') {\n      data.attrs!.type = this.type\n      data.attrs!.disabled = this.disabled\n    }\n    data.attrs!.value = ['string', 'number'].includes(typeof this.value)\n      ? this.value\n      : JSON.stringify(this.value)\n\n    return h(tag, this.disabled ? data : setColor(this.color, data), children)\n  },\n})\n"],"sourceRoot":"","file":"VBtn.js"}

package/lib/components/VBtnToggle/VBtnToggle.js

@@ -20,7 +20,7 @@ export default mixins(ButtonGroup, Colorable).extend({
   },
   computed: {
     classes() {
-      return { ...ButtonGroup.computed.classes.call(this),
+      return { ...ButtonGroup.options.computed.classes.call(this),
         'v-btn-toggle': true,
         'v-btn-toggle--borderless': this.borderless,
         'v-btn-toggle--dense': this.dense,
@@ -35,7 +35,7 @@ export default mixins(ButtonGroup, Colorable).extend({
   },
   methods: {
     genData() {
-      const data = this.setTextColor(this.color, { ...ButtonGroup.methods.genData.call(this)
+      const data = this.setTextColor(this.color, { ...ButtonGroup.options.methods.genData.call(this)
       });
       if (this.group) return data;
       return this.setBackgroundColor(this.backgroundColor, data);

package/lib/components/VBtnToggle/VBtnToggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CACnB,WADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,eAAe,EAAE,MADZ;AAEL,IAAA,UAAU,EAAE,OAFP;AAGL,IAAA,KAAK,EAAE,OAHF;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,OAAO,EAAE,OALJ;AAML,IAAA,MAAM,EAAE,OANH;AAOL,IAAA,IAAI,EAAE;AAPD,GAHA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,WAAW,CAAC,QAAZ,CAAqB,OAArB,CAA6B,IAA7B,CAAkC,IAAlC,CADE;AAEL,wBAAgB,IAFX;AAGL,oCAA4B,KAAK,UAH5B;AAIL,+BAAuB,KAAK,KAJvB;AAKL,+BAAuB,KAAK,KALvB;AAML,iCAAyB,KAAK,OANzB;AAOL,gCAAwB,KAAK,MAPxB;AAQL,8BAAsB,KAAK,IARtB;AASL,WAAG,KAAK;AATH,OAAP;AAWD;;AAbO,GAbH;AA6BP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,YAAM,IAAI,GAAG,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACzC,GAAG,WAAW,CAAC,OAAZ,CAAoB,OAApB,CAA4B,IAA5B,CAAiC,IAAjC;AADsC,OAA9B,CAAb;AAIA,UAAI,KAAK,KAAT,EAAgB,OAAO,IAAP;AAEhB,aAAO,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C,IAA9C,CAAP;AACD;;AATM;AA7BF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBtnToggle.js"}
+{"version":3,"sources":["../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CACnB,WADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,eAAe,EAAE,MADZ;AAEL,IAAA,UAAU,EAAE,OAFP;AAGL,IAAA,KAAK,EAAE,OAHF;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,OAAO,EAAE,OALJ;AAML,IAAA,MAAM,EAAE,OANH;AAOL,IAAA,IAAI,EAAE;AAPD,GAHA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,WAAW,CAAC,OAAZ,CAAoB,QAApB,CAA6B,OAA7B,CAAqC,IAArC,CAA0C,IAA1C,CADE;AAEL,wBAAgB,IAFX;AAGL,oCAA4B,KAAK,UAH5B;AAIL,+BAAuB,KAAK,KAJvB;AAKL,+BAAuB,KAAK,KALvB;AAML,iCAAyB,KAAK,OANzB;AAOL,gCAAwB,KAAK,MAPxB;AAQL,8BAAsB,KAAK,IARtB;AASL,WAAG,KAAK;AATH,OAAP;AAWD;;AAbO,GAbH;AA6BP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,YAAM,IAAI,GAAG,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACzC,GAAG,WAAW,CAAC,OAAZ,CAAoB,OAApB,CAA4B,OAA5B,CAAoC,IAApC,CAAyC,IAAzC;AADsC,OAA9B,CAAb;AAIA,UAAI,KAAK,KAAT,EAAgB,OAAO,IAAP;AAEhB,aAAO,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C,IAA9C,CAAP;AACD;;AATM;AA7BF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VBtnToggle.js"}

package/lib/components/VCalendar/VCalendar.js

@@ -1,9 +1,6 @@
-import { h } from 'vue'; // Styles
+// Styles
 // import '../../stylus/components/_calendar-daily.styl'
-// Types
-
-import { defineComponent } from 'vue'; // Mixins
-
+// Mixins
 import CalendarWithEvents from './mixins/calendar-with-events'; // Util
 
 import props from './util/props';
@@ -16,9 +13,8 @@ import VCalendarCategory from './VCalendarCategory';
 import { getParsedCategories } from './util/parser';
 /* @vue/component */
 
-export default defineComponent({
+export default CalendarWithEvents.extend({
   name: 'v-calendar',
-  extends: CalendarWithEvents,
   props: { ...props.calendar,
     ...props.weeks,
     ...props.intervals,
@@ -359,7 +355,7 @@ export default defineComponent({
 
   },
 
-  render() {
+  render(h) {
     const {
       start,
       end,
@@ -369,16 +365,20 @@ export default defineComponent({
       categories
     } = this.renderProps;
     return h(component, {
-      class: ['v-calendar', {
+      staticClass: 'v-calendar',
+      class: {
         'v-calendar-events': !this.noEvents
-      }],
-      ...this.$props,
-      start: start.date,
-      end: end.date,
-      maxDays,
-      weekdays,
-      categories,
-      role: 'grid',
+      },
+      props: { ...this.$props,
+        start: start.date,
+        end: end.date,
+        maxDays,
+        weekdays,
+        categories
+      },
+      attrs: {
+        role: 'grid'
+      },
       directives: [{
         modifiers: {
           quiet: true
@@ -386,14 +386,15 @@ export default defineComponent({
         name: 'resize',
         value: this.updateEventVisibility
       }],
-      ...this.$listeners,
-      'onClick:date': (day, e) => {
-        if (this.$listeners.input) {
-          this.$emit('input', day.date);
-        }
+      on: { ...this.$listeners,
+        'click:date': (day, e) => {
+          if (this.$listeners.input) {
+            this.$emit('input', day.date);
+          }
 
-        if (this.$listeners['click:date']) {
-          this.$emit('click:date', day, e);
+          if (this.$listeners['click:date']) {
+            this.$emit('click:date', day, e);
+          }
         }
       },
       scopedSlots: this.getScopedSlots()