@dimailn/vuetify 2.7.2-alpha6 → 2.7.2-alpha60

package/lib/components/VBadge/VBadge.js

@@ -1,4 +1,4 @@
-import { Transition, h } from 'vue'; // Styles
+import { Transition, h, defineComponent, withDirectives, vShow } from 'vue'; // Styles
 
 import "../../../src/components/VBadge/VBadge.sass"; // Components
 
@@ -6,15 +6,17 @@ import VIcon from '../VIcon/VIcon'; // Mixins
 
 import Colorable from '../../mixins/colorable';
 import Themeable from '../../mixins/themeable';
-import Toggleable from '../../mixins/toggleable';
+import { factory as ToggleableFactory } from '../../mixins/toggleable';
 import Transitionable from '../../mixins/transitionable';
 import { factory as PositionableFactory } from '../../mixins/positionable';
 import mergeData from '../../util/mergeData'; // Utilities
 
-import mixins from '../../util/mixins';
 import { convertToUnit, getSlot } from '../../util/helpers';
-export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themeable, Toggleable, Transitionable).extend({
+import { breaking } from '../../util/console';
+const Toggleable = ToggleableFactory('modelValue', 'update:modelValue');
+export default defineComponent({
   name: 'v-badge',
+  mixins: [Colorable, PositionableFactory(['left', 'bottom']), Themeable, Toggleable, Transitionable],
   props: {
     avatar: Boolean,
     bordered: Boolean,
@@ -40,10 +42,11 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
       type: String,
       default: 'scale-rotate-transition'
     },
-    value: {
+    modelValue: {
       default: true
     }
   },
+  emits: ['update:modelValue'],
   computed: {
     classes() {
       return {
@@ -114,6 +117,16 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
     }
 
   },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   methods: {
     calcPosition(offset) {
       return `calc(100% - ${convertToUnit(offset || this.offset)})`;
@@ -129,19 +142,17 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
         'aria-label': label,
         'aria-live': this.$attrs['aria-live'] || 'polite',
         title: this.$attrs.title,
-        role: this.$attrs.role || 'status',
-        directives: [{
-          name: 'show',
-          value: this.isActive
-        }]
+        role: this.$attrs.role || 'status'
       });
-      const badge = h('span', data, [this.genBadgeContent()]);
+      const badge = withDirectives(h('span', data, [this.genBadgeContent()]), [[vShow, this.isActive]]);
       if (!this.transition) return badge;
       return h(Transition, {
         name: this.transition,
         origin: this.origin,
         mode: this.mode
-      }, [badge]);
+      }, {
+        default: () => [badge]
+      });
     },
 
     genBadgeContent() {
@@ -150,7 +161,9 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
       const slot = getSlot(this, 'badge');
       if (slot) return slot;
       if (this.content) return String(this.content);
-      if (this.icon) return h(VIcon, this.icon);
+      if (this.icon) return h(VIcon, {
+        icon: this.icon
+      });
       return undefined;
     },
 

package/lib/components/VBadge/VBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBadge/VBadge.ts"],"names":[],"mappings":"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","sourcesContent":["import {Transition, h} from 'vue'\n// Styles\nimport './VBadge.sass'\n\n// Components\nimport VIcon from '../VIcon/VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport mergeData from '../../util/mergeData'\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Colorable,\n  PositionableFactory(['left', 'bottom']),\n  Themeable,\n  Toggleable,\n  Transitionable,\n/* @vue/component */\n).extend({\n  name: 'v-badge',\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition',\n    },\n    value: { default: true },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-badge--avatar': this.avatar,\n        'v-badge--bordered': this.bordered,\n        'v-badge--bottom': this.bottom,\n        'v-badge--dot': this.dot,\n        'v-badge--icon': this.icon != null,\n        'v-badge--inline': this.inline,\n        'v-badge--left': this.left,\n        'v-badge--overlap': this.overlap,\n        'v-badge--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$vuetify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop,\n      }\n    },\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$vuetify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        class: 'v-badge__badge',\n        style: this.styles,\n        'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n        'aria-label': label,\n        'aria-live': this.$attrs['aria-live'] || 'polite',\n        title: this.$attrs.title,\n        role: this.$attrs.role || 'status',\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      })\n\n      const badge = h('span', data, [this.genBadgeContent()])\n\n      if (!this.transition) return badge\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      }, [badge])\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return h(VIcon, this.icon)\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return h('span', {\n        class: 'v-badge__wrapper',\n      }, [this.genBadge()])\n    },\n  },\n\n  render (): VNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', mergeData({\n      class: ['v-badge', this.classes]\n    }, attrs)\n    , children)\n  },\n})\n"],"sourceRoot":"","file":"VBadge.js"}
+{"version":3,"sources":["../../../src/components/VBadge/VBadge.ts"],"names":[],"mappings":"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","sourcesContent":["import { Transition, h, defineComponent, VNode, withDirectives, vShow } from 'vue'\n// Styles\nimport './VBadge.sass'\n\n// Components\nimport VIcon from '../VIcon/VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport mergeData from '../../util/mergeData'\n// Utilities\nimport {\n  convertToUnit,\n  getSlot\n} from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nconst Toggleable = ToggleableFactory('modelValue', 'update:modelValue')\n\nexport default defineComponent({\n  name: 'v-badge',\n\n  mixins: [\n    Colorable,\n    PositionableFactory(['left', 'bottom']),\n    Themeable,\n    Toggleable,\n    Transitionable\n  ] as any,\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary'\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge'\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition'\n    },\n    modelValue: { default: true }\n  },\n  emits: ['update:modelValue'],\n  computed: {\n    classes (): object {\n      return {\n        'v-badge--avatar': this.avatar,\n        'v-badge--bordered': this.bordered,\n        'v-badge--bottom': this.bottom,\n        'v-badge--dot': this.dot,\n        'v-badge--icon': this.icon != null,\n        'v-badge--inline': this.inline,\n        'v-badge--left': this.left,\n        'v-badge--overlap': this.overlap,\n        'v-badge--tile': this.tile,\n        ...this.themeClasses\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$vuetify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop\n      }\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$vuetify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        class: 'v-badge__badge',\n        style: this.styles,\n        'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n        'aria-label': label,\n        'aria-live': this.$attrs['aria-live'] || 'polite',\n        title: this.$attrs.title,\n        role: this.$attrs.role || 'status'\n      })\n\n      const badge = withDirectives(\n        h('span', data, [this.genBadgeContent()]),\n        [[vShow, this.isActive]]\n      )\n\n      if (!this.transition) return badge\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode\n      }, {\n        default: () => [badge]\n      })\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return h(VIcon, { icon: this.icon })\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return h('span', {\n        class: 'v-badge__wrapper'\n      }, [this.genBadge()])\n    }\n  },\n\n  render (): VNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', mergeData({\n      class: ['v-badge', this.classes]\n    }, attrs), children as any)\n  }\n})\n"],"sourceRoot":"","file":"VBadge.js"}

package/lib/components/VBanner/VBanner.js

@@ -1,4 +1,4 @@
-import { h } from 'vue'; // Styles
+import { h, withDirectives, vShow } from 'vue'; // Styles
 
 import "../../../src/components/VBanner/VBanner.sass"; // Extensions
 
@@ -13,18 +13,20 @@ import Toggleable from '../../mixins/toggleable'; // Utilities
 
 import mixins from '../../util/mixins';
 import { convertToUnit, getSlot } from '../../util/helpers';
+import { breaking } from '../../util/console';
 /* @vue/component */
 
 export default mixins(VSheet, Mobile, Toggleable).extend({
   name: 'v-banner',
   inheritAttrs: false,
+  emits: ['update:modelValue', 'click:icon'],
   props: {
     app: Boolean,
     icon: String,
     iconColor: String,
     singleLine: Boolean,
     sticky: Boolean,
-    value: {
+    modelValue: {
       type: Boolean,
       default: true
     }
@@ -62,6 +64,16 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
     }
 
   },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['input', 'update:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   methods: {
     /** @public */
     toggle() {
@@ -80,7 +92,7 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
         content = h(VIcon, {
           color: this.iconColor,
           size: 28
-        }, [this.icon]);
+        }, () => [this.icon]);
       } else {
         content = getSlot(this, 'icon');
       }
@@ -90,7 +102,7 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
         color: this.color,
         size: 40,
         onClick: this.iconClick
-      }, [content]);
+      }, () => [content]);
     },
 
     genText() {
@@ -125,16 +137,11 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
 
   render() {
     const data = {
-      class: 'v-banner',
-      attrs: this.attrs$,
-      class: this.classes,
-      style: this.styles,
-      directives: [{
-        name: 'show',
-        value: this.isActive
-      }]
+      class: ['v-banner', this.classes],
+      ...this.$attrs,
+      style: this.styles
     };
-    return h(VExpandTransition, [h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
+    return h(VExpandTransition, {}, () => [withDirectives(h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()]), [[vShow, this.isActive]])]);
   }
 
 });

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":["import { h, withDirectives, vShow } 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'\nimport { breaking } from '../../util/console'\n\n// Types\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  emits: ['update:modelValue', 'click:icon'],\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    modelValue: {\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  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['input', 'update:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    /** @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', this.classes],\n      ...this.$attrs,\n      style: this.styles\n    }\n\n    return h(VExpandTransition, {}, () => [\n      withDirectives(\n        h(\n          'div',\n          this.outlined ? data : this.setBackgroundColor(this.color, data),\n          [this.genWrapper()]\n        ),\n        [[vShow, this.isActive]]\n      )\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VBanner.js"}

package/lib/components/VBottomNavigation/VBottomNavigation.js

@@ -1,4 +1,4 @@
-import { h } from 'vue'; // Styles
+import { h, withDirectives } from 'vue'; // Styles
 
 import "../../../src/components/VBottomNavigation/VBottomNavigation.sass"; // Mixins
 
@@ -14,7 +14,8 @@ import { factory as ToggleableFactory } from '../../mixins/toggleable'; // Utili
 import mixins from '../../util/mixins';
 import { breaking } from '../../util/console';
 import { getSlot } from '../../util/helpers';
-export default mixins(Applicationable('bottom', ['height', 'inputValue']), Colorable, Measurable, ToggleableFactory('inputValue'), Proxyable, Scrollable, Themeable
+import Scroll from '../../directives/scroll';
+export default mixins(Applicationable('bottom', ['height', 'modelValue']), Colorable, Measurable, ToggleableFactory(), Proxyable, Scrollable, Themeable
 /* @vue/component */
 ).extend({
   name: 'v-bottom-navigation',
@@ -31,7 +32,7 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
     },
     hideOnScroll: Boolean,
     horizontal: Boolean,
-    inputValue: {
+    modelValue: {
       type: Boolean,
       default: true
     },
@@ -42,16 +43,17 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
       default: 'div'
     }
   },
+  emits: ['update:modelValue', 'change'],
 
   data() {
     return {
-      isActive: this.inputValue
+      isActive: this.modelValue
     };
   },
 
   computed: {
     canScroll() {
-      return Scrollable.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
+      return Scrollable.computed.canScroll.call(this) && (this.hideOnScroll || !this.modelValue);
     },
 
     classes() {
@@ -76,7 +78,14 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
   },
 
   created() {
+    const breakingProps = [['inputValue', 'modelValue'], ['onUpdate:input-value', 'onUpdate:modelValue']];
     /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+    /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('active')) {
       breaking('active.sync', 'value or v-model', this);
     }
@@ -86,7 +95,7 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
     thresholdMet() {
       if (this.hideOnScroll) {
         this.isActive = !this.isScrollingUp || this.currentScroll > this.computedScrollThreshold;
-        this.$emit('update:input-value', this.isActive);
+        this.$emit('update:modelValue', this.isActive);
       }
 
       if (this.currentThreshold < this.computedScrollThreshold) return;
@@ -108,22 +117,19 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
       class: ['v-bottom-navigation', this.classes],
       style: this.styles,
       activeClass: this.activeClass,
-      mandatory: Boolean(this.mandatory || this.value !== undefined),
+      mandatory: Boolean(this.mandatory || this.modelValue !== undefined),
       tag: this.tag,
-      value: this.internalValue,
+      modelValue: this.internalValue,
       onChange: this.updateValue
     });
+    const content = getSlot(this);
+    const vnode = content == null ? h(ButtonGroup, this.setTextColor(this.color, data)) : h(ButtonGroup, this.setTextColor(this.color, data), () => content);
 
     if (this.canScroll) {
-      data.directives = data.directives || [];
-      data.directives.push({
-        arg: this.scrollTarget,
-        name: 'scroll',
-        value: this.onScroll
-      });
+      return withDirectives(vnode, [[Scroll, this.onScroll, this.scrollTarget]]);
     }
 
-    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this));
+    return vnode;
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,kEAAP,C,CAEA;;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,OAAO,IAAI,iBAApB,QAA6C,yBAA7C,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,QAAT,QAAyB,oBAAzB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAKA,eAAe,MAAM,CACnB,eAAe,CAAC,QAAD,EAAW,CACxB,QADwB,EAExB,YAFwB,CAAX,CADI,EAKnB,SALmB,EAMnB,UANmB,EAOnB,iBAAiB,CAAC,YAAD,CAPE,EAQnB,SARmB,EASnB,UATmB,EAUnB;AACA;AAXmB,CAAN,CAYb,MAZa,CAYN;AACP,EAAA,IAAI,EAAE,qBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KADR;AAKL,IAAA,eAAe,EAAE,MALZ;AAML,IAAA,IAAI,EAAE,OAND;AAOL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAPH;AAWL,IAAA,YAAY,EAAE,OAXT;AAYL,IAAA,UAAU,EAAE,OAZP;AAaL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAbP;AAiBL,IAAA,SAAS,EAAE,OAjBN;AAkBL,IAAA,KAAK,EAAE,OAlBF;AAmBL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AAnBA,GAHA;;AA4BP,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,QAAQ,EAAE,KAAK;AADV,KAAP;AAGD,GAhCM;;AAkCP,EAAA,QAAQ,EAAE;AACR,IAAA,SAAS,GAAA;AACP,aACE,UAAU,CAAC,QAAX,CAAoB,SAApB,CAA8B,IAA9B,CAAmC,IAAnC,MAEE,KAAK,YAAL,IACA,CAAC,KAAK,UAHR,CADF;AAOD,KATO;;AAUR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,yCAAiC,KAAK,QADjC;AAEL,qCAA6B,KAAK,IAF7B;AAGL,sCAA8B,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAHzB;AAIL,2CAAmC,KAAK,UAJnC;AAKL,sCAA8B,KAAK;AAL9B,OAAP;AAOD,KAlBO;;AAmBR,IAAA,MAAM,GAAA;AACJ,aAAO,EACL,GAAG,KAAK,gBADH;AAEL,QAAA,SAAS,EAAE,KAAK,QAAL,GAAgB,MAAhB,GAAyB;AAF/B,OAAP;AAID;;AAxBO,GAlCH;AA6DP,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE;AADN,GA7DA;;AAiEP,EAAA,OAAO,GAAA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C;AACxC,MAAA,QAAQ,CAAC,aAAD,EAAgB,kBAAhB,EAAoC,IAApC,CAAR;AACD;AACF,GAtEM;;AAwEP,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,YAAT,EAAuB;AACrB,aAAK,QAAL,GAAgB,CAAC,KAAK,aAAN,IACd,KAAK,aAAL,GAAqB,KAAK,uBAD5B;AAGA,aAAK,KAAL,CAAW,oBAAX,EAAiC,KAAK,QAAtC;AACD;;AAED,UAAI,KAAK,gBAAL,GAAwB,KAAK,uBAAjC,EAA0D;AAE1D,WAAK,WAAL,GAAmB,KAAK,aAAxB;AACD,KAZM;;AAaP,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,GAAL,GACH,KAAK,GAAL,CAAS,YADN,GAEH,CAFJ;AAGD,KAjBM;;AAkBP,IAAA,WAAW,CAAE,GAAF,EAAU;AACnB,WAAK,KAAL,CAAW,QAAX,EAAqB,GAArB;AACD;;AApBM,GAxEF;;AA+FP,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,eAA7B,EAA8C;AACzD,MAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB,KAAK,OAA7B,CADkD;AAEzD,MAAA,KAAK,EAAE,KAAK,MAF6C;AAGzD,MAAA,WAAW,EAAE,KAAK,WAHuC;AAIzD,MAAA,SAAS,EAAE,OAAO,CAChB,KAAK,SAAL,IACA,KAAK,KAAL,KAAe,SAFC,CAJuC;AAQzD,MAAA,GAAG,EAAE,KAAK,GAR+C;AASzD,MAAA,KAAK,EAAE,KAAK,aAT6C;AAUzD,MAAA,QAAQ,EAAE,KAAK;AAV0C,KAA9C,CAAb;;AAaA,QAAI,KAAK,SAAT,EAAoB;AAClB,MAAA,IAAI,CAAC,UAAL,GAAkB,IAAI,CAAC,UAAL,IAAmB,EAArC;AAEA,MAAA,IAAI,CAAC,UAAL,CAAgB,IAAhB,CAAqB;AACnB,QAAA,GAAG,EAAE,KAAK,YADS;AAEnB,QAAA,IAAI,EAAE,QAFa;AAGnB,QAAA,KAAK,EAAE,KAAK;AAHO,OAArB;AAKD;;AAED,WAAO,CAAC,CAAC,WAAD,EAAc,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,IAA9B,CAAd,EAAmD,OAAO,CAAC,IAAD,CAA1D,CAAR;AACD;;AAxHM,CAZM,CAAf","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":["import { h, withDirectives } 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'\nimport Scroll from '../../directives/scroll'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'modelValue'\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory(),\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    modelValue: {\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  emits: ['update:modelValue', 'change'],\n\n  data () {\n    return {\n      isActive: this.modelValue\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.modelValue\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    const breakingProps = [\n      ['inputValue', 'modelValue'],\n      ['onUpdate:input-value', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* 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:modelValue', 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.modelValue !== undefined\n      ),\n      tag: this.tag,\n      modelValue: this.internalValue,\n      onChange: this.updateValue\n    })\n\n    const content = getSlot(this)\n    const vnode = content == null\n      ? h(ButtonGroup, this.setTextColor(this.color, data))\n      : h(ButtonGroup, this.setTextColor(this.color, data), () => content)\n\n    if (this.canScroll) {\n      return withDirectives(vnode, [[\n        Scroll,\n        this.onScroll,\n        this.scrollTarget\n      ]])\n    }\n\n    return vnode\n  }\n})\n"],"sourceRoot":"","file":"VBottomNavigation.js"}

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;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"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.js

@@ -35,7 +35,7 @@ export default mixins(Themeable
   },
   methods: {
     genDivider() {
-      return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider);
+      return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider() : this.divider);
     },
 
     genItems() {
@@ -48,10 +48,12 @@ export default mixins(Themeable
         keys.push(item.text);
         if (hasSlot) items.push(this.$slots.item({
           item
-        }));else items.push(h(VBreadcrumbsItem, {
-          key: keys.join('.'),
-          ...item
-        }, [item.text]));
+        }));else {
+          items.push(h(VBreadcrumbsItem, {
+            key: keys.join('.'),
+            ...item
+          }, () => [item.text]));
+        }
         if (i < this.items.length - 1) items.push(this.genDivider());
       }
 

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,SAAS,CAAT,QAAyB,KAAzB,C,CACA;;AACA,OAAO,wDAAP,C,CAKA;;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,EAAtB,EAA0B,MAAM,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAZ,EAAtB,GAA8C,KAAK,OAAnF,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;AACH,UAAA,KAAK,CAAC,IAAN,CAAW,CAAC,CAAC,gBAAD,EAAmB;AAC7B,YAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CADwB;AAE7B,eAAG;AAF0B,WAAnB,EAGT,MAAM,CAAC,IAAI,CAAC,IAAN,CAHG,CAAZ;AAID;AAED,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AA1BM,GAxBF;;AAqDP,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;;AA3DM,CAHM,CAAf","sourcesContent":["import { h, VNode } from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { PropType } from 'vue'\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 unknown as PropType<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 {\n          items.push(h(VBreadcrumbsItem, {\n            key: keys.join('.'),\n            ...item\n          }, () => [item.text]))\n        }\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"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js

@@ -1,7 +1,7 @@
 import { h, withDirectives } from 'vue';
 import Routable from '../../mixins/routable';
 import mixins from '../../util/mixins';
-import { getSlot } from '../../util/helpers';
+import { getSlot, getTagValue } from '../../util/helpers';
 /* @vue/component */
 
 export default mixins(Routable).extend({
@@ -16,6 +16,10 @@ export default mixins(Routable).extend({
     ripple: {
       type: [Boolean, Object],
       default: false
+    },
+    text: {
+      type: String,
+      default: ''
     }
   },
   computed: {
@@ -34,9 +38,27 @@ export default mixins(Routable).extend({
       data,
       directives
     } = this.generateRouteLink();
-    return withDirectives(h('li', [h(tag, { ...data,
+    const slotContent = getSlot(this);
+    const linkData = { ...data,
       'aria-current': this.isActive && this.isLink ? 'page' : undefined
-    }, getSlot(this))]), directives);
+    }; // Строка из Routable (div / a / кастомный tag) — через getTagValue для имён компонентов;
+    // при наличии `to` сюда уже попадает resolveComponent(router-link), не строка.
+
+    const resolvedTag = typeof tag === 'string' ? getTagValue(tag) : tag;
+    const isNativeTag = typeof resolvedTag === 'string';
+    const normalizedChildren = slotContent == null ? null : Array.isArray(slotContent) ? slotContent : [slotContent];
+    let link;
+
+    if (normalizedChildren == null) {
+      link = h(resolvedTag, linkData);
+    } else if (isNativeTag) {
+      link = h(resolvedTag, linkData, normalizedChildren);
+    } else {
+      // Vue 3: у компонента дети через слот-функцию; у нативного тега — массивом.
+      link = h(resolvedTag, linkData, () => normalizedChildren);
+    }
+
+    return withDirectives(h('li', [link]), directives);
   }
 
 });

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,SAAS,CAAT,EAAY,cAAZ,QAAyC,KAAzC;AACA,OAAO,QAAP,MAAqB,uBAArB;AAEA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,EAAkB,WAAlB,QAAqC,oBAArC;AAEA;;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,KAPH;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAXD,GAH8B;AAoBrC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,IADlB;AAEL,SAAC,KAAK,WAAN,GAAoB,KAAK;AAFpB,OAAP;AAID;;AANO,GApB2B;;AA6BrC,EAAA,MAAM,GAAA;AACJ,UAAM;AAAE,MAAA,GAAF;AAAO,MAAA,IAAP;AAAa,MAAA;AAAb,QAA4B,KAAK,iBAAL,EAAlC;AACA,UAAM,WAAW,GAAG,OAAO,CAAC,IAAD,CAA3B;AAEA,UAAM,QAAQ,GAAG,EACf,GAAG,IADY;AAEf,sBAAgB,KAAK,QAAL,IAAiB,KAAK,MAAtB,GAA+B,MAA/B,GAAwC;AAFzC,KAAjB,CAJI,CASJ;AACA;;AACA,UAAM,WAAW,GAAG,OAAO,GAAP,KAAe,QAAf,GAA0B,WAAW,CAAC,GAAD,CAArC,GAA6C,GAAjE;AACA,UAAM,WAAW,GAAG,OAAO,WAAP,KAAuB,QAA3C;AAEA,UAAM,kBAAkB,GACtB,WAAW,IAAI,IAAf,GACI,IADJ,GAEK,KAAK,CAAC,OAAN,CAAc,WAAd,IAA6B,WAA7B,GAA2C,CAAC,WAAD,CAHlD;AAKA,QAAI,IAAJ;;AACA,QAAI,kBAAkB,IAAI,IAA1B,EAAgC;AAC9B,MAAA,IAAI,GAAG,CAAC,CAAC,WAAD,EAAqB,QAArB,CAAR;AACD,KAFD,MAEO,IAAI,WAAJ,EAAiB;AACtB,MAAA,IAAI,GAAG,CAAC,CAAC,WAAD,EAAc,QAAd,EAAwB,kBAAxB,CAAR;AACD,KAFM,MAEA;AACL;AACA,MAAA,IAAI,GAAG,CAAC,CAAC,WAAD,EAAc,QAAd,EAAwB,MAAM,kBAA9B,CAAR;AACD;;AAED,WAAO,cAAc,CAAC,CAAC,CAAC,IAAD,EAAO,CAAC,IAAD,CAAP,CAAF,EAAkB,UAAlB,CAArB;AACD;;AA3DoC,CAAxB,CAAf","sourcesContent":["import { h, withDirectives, VNode } from 'vue'\nimport Routable from '../../mixins/routable'\n\nimport mixins from '../../util/mixins'\nimport { getSlot, getTagValue } from '../../util/helpers'\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    text: {\n      type: String,\n      default: ''\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    const slotContent = getSlot(this)\n\n    const linkData = {\n      ...data,\n      'aria-current': this.isActive && this.isLink ? 'page' : undefined\n    }\n\n    // Строка из Routable (div / a / кастомный tag) — через getTagValue для имён компонентов;\n    // при наличии `to` сюда уже попадает resolveComponent(router-link), не строка.\n    const resolvedTag = typeof tag === 'string' ? getTagValue(tag) : tag\n    const isNativeTag = typeof resolvedTag === 'string'\n\n    const normalizedChildren =\n      slotContent == null\n        ? null\n        : (Array.isArray(slotContent) ? slotContent : [slotContent])\n\n    let link: VNode\n    if (normalizedChildren == null) {\n      link = h(resolvedTag as any, linkData)\n    } else if (isNativeTag) {\n      link = h(resolvedTag, linkData, normalizedChildren)\n    } else {\n      // Vue 3: у компонента дети через слот-функцию; у нативного тега — массивом.\n      link = h(resolvedTag, linkData, () => normalizedChildren)\n    }\n\n    return withDirectives(h('li', [link]), directives)\n  }\n})\n"],"sourceRoot":"","file":"VBreadcrumbsItem.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC;AAEA,SAAS,YAAT,EAAuB,gBAAvB,EAAyC,mBAAzC;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,YADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA;AAHuB;AADZ,CAAf","sourcesContent":["import VBreadcrumbs from './VBreadcrumbs'\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\nexport { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VBreadcrumbs,\n    VBreadcrumbsItem,\n    VBreadcrumbsDivider,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC;AAEA,SAAS,YAAT,EAAuB,gBAAvB,EAAyC,mBAAzC;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,YADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA;AAHuB;AADZ,CAAf","sourcesContent":["import VBreadcrumbs from './VBreadcrumbs'\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\nexport { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VBreadcrumbs,\n    VBreadcrumbsItem,\n    VBreadcrumbsDivider\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VBtn/VBtn.js

@@ -7,24 +7,19 @@ import VProgressCircular from '../VProgressCircular'; // Mixins
 
 import { factory as GroupableFactory } from '../../mixins/groupable';
 import { factory as ToggleableFactory } from '../../mixins/toggleable';
-import Elevatable from '../../mixins/elevatable';
 import Positionable from '../../mixins/positionable';
 import Routable from '../../mixins/routable';
 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')
+import { getSlot, getTagValue } from '../../util/helpers';
+import { withDirectives, h } from 'vue';
+const baseMixins = mixins(VSheet, Routable, Positionable, Sizeable, GroupableFactory('btnToggle'), ToggleableFactory()
 /* @vue/component */
 );
 export default baseMixins.extend({
   name: 'v-btn',
-  inheritAttrs: false,
   props: {
     activeClass: {
       type: String
@@ -50,6 +45,7 @@ export default baseMixins.extend({
     },
     value: null
   },
+  emits: ['click', 'change', 'update:modelValue'],
   data: () => ({
     proxyClass: 'v-btn--active'
   }),
@@ -87,7 +83,7 @@ export default baseMixins.extend({
 
     computedElevation() {
       if (this.disabled) return undefined;
-      return Elevatable.computed.computedElevation.call(this);
+      return this.elevation;
     },
 
     computedRipple() {
@@ -161,22 +157,26 @@ export default baseMixins.extend({
       data: linkData,
       directives
     } = this.generateRouteLink();
-    const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor;
-    let data = {};
+    const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor; // Merge component classes with routable classes
+
+    const mergedClasses = { ...this.classes,
+      ...linkData.class
+    };
 
     if (tag === 'button') {
-      data.type = this.type;
-      data.disabled = this.disabled;
+      linkData.type = this.type;
+      linkData.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);
+    linkData.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
+    const data = { ...linkData,
+      class: mergedClasses,
+      style: this.styles
+    }; // Apply color styling but preserve Vue's automatic attribute inheritance
+
+    const finalData = this.disabled ? data : setColor(this.color, data);
+    const vnode = typeof tag === 'string' ? h(getTagValue(tag), finalData, children) : h(tag, finalData, () => children);
+    return withDirectives(vnode, directives);
   }
 
 });