@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

package/lib/components/VList/VListGroup.js

@@ -1,4 +1,4 @@
-import { h, withDirectives } from 'vue'; // Styles
+import { h, withDirectives, vShow } from 'vue'; // Styles
 
 import "../../../src/components/VList/VListGroup.sass"; // Components
 
@@ -12,18 +12,16 @@ import Colorable from '../../mixins/colorable';
 import Toggleable from '../../mixins/toggleable';
 import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
 
-import ripple, { Ripple } from '../../directives/ripple'; // Transitions
+import { Ripple } from '../../directives/ripple'; // Transitions
 
 import { VExpandTransition } from '../transitions'; // Utils
 
 import mixins from '../../util/mixins';
 import { getSlot } from '../../util/helpers';
+import { breaking } from '../../util/console';
 const baseMixins = mixins(BindsAttrs, Bootable, Colorable, RegistrableInject('list'), Toggleable);
 export default baseMixins.extend({
   name: 'v-list-group',
-  directives: {
-    ripple
-  },
   props: {
     activeClass: {
       type: String,
@@ -58,26 +56,33 @@ export default baseMixins.extend({
     }
 
   },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['inputValue', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+    this.list && this.list.register(this);
+
+    if (this.group && this.$route && this.modelValue == null) {
+      this.isActive = this.matchRoute(this.$route.path);
+    }
+  },
+
   watch: {
     isActive(val) {
       /* istanbul ignore else */
       if (!this.subGroup && val) {
-        this.list && this.list.listClick(this._uid);
+        this.list && this.list.listClick(this.$.uid);
       }
     },
 
     $route: 'onRouteChange'
   },
 
-  created() {
-    this.list && this.list.register(this);
-
-    if (this.group && this.$route && this.value == null) {
-      this.isActive = this.matchRoute(this.$route.path);
-    }
-  },
-
-  beforeDestroy() {
+  beforeUnmount() {
     this.list && this.list.unregister(this);
   },
 
@@ -90,7 +95,7 @@ export default baseMixins.extend({
     },
 
     genIcon(icon) {
-      return h(VIcon, icon);
+      return h(VIcon, {}, () => icon);
     },
 
     genAppendIcon() {
@@ -99,7 +104,7 @@ export default baseMixins.extend({
       if (!icon && !slot) return null;
       return h(VListItemIcon, {
         class: 'v-list-group__header__append-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, () => [slot || this.genIcon(icon)]);
     },
 
     genHeader() {
@@ -110,20 +115,18 @@ export default baseMixins.extend({
           'v-list-group__header': true,
           [this.activeClass]: this.isActive
         },
-        inputValue: this.isActive,
+        link: true,
+        modelValue: this.isActive,
         ...this.listeners$,
         onClick: this.click
-      }, [this.genPrependIcon(), getSlot(this, 'activator'), this.genAppendIcon()]), [[Ripple, this.ripple]]);
+      }, () => [this.genPrependIcon(), getSlot(this, 'activator'), this.genAppendIcon()]), [[Ripple, this.ripple]]);
     },
 
     genItems() {
-      return this.showLazyContent(() => [h('div', {
-        class: 'v-list-group__items',
-        directives: [{
-          name: 'show',
-          value: this.isActive
-        }]
-      }, getSlot(this))]);
+      const directives = [[vShow, this.isActive]];
+      return this.showLazyContent(() => [withDirectives(h('div', {
+        class: 'v-list-group__items'
+      }, getSlot(this)), directives)]);
     },
 
     genPrependIcon() {
@@ -132,7 +135,7 @@ export default baseMixins.extend({
       if (!icon && !slot) return null;
       return h(VListItemIcon, {
         class: 'v-list-group__header__prepend-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, () => [slot || this.genIcon(icon)]);
     },
 
     onRouteChange(to) {
@@ -142,14 +145,14 @@ export default baseMixins.extend({
       /* istanbul ignore else */
 
       if (isActive && this.isActive !== isActive) {
-        this.list && this.list.listClick(this._uid);
+        this.list && this.list.listClick(this.$.uid);
       }
 
       this.isActive = isActive;
     },
 
     toggle(uid) {
-      const isActive = this._uid === uid;
+      const isActive = this.$.uid === uid;
       if (isActive) this.isBooted = true;
       this.$nextTick(() => this.isActive = isActive);
     },
@@ -162,9 +165,8 @@ export default baseMixins.extend({
 
   render() {
     return h('div', this.setTextColor(this.isActive && this.color, {
-      class: 'v-list-group',
-      class: this.classes
-    }), [this.genHeader(), h(VExpandTransition, this.genItems())]);
+      class: ['v-list-group', this.classes]
+    }), [this.genHeader(), h(VExpandTransition, {}, () => this.genItems())]);
   }
 
 });

package/lib/components/VList/VListGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VListGroup.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VList from './VList'\nimport VListItem from './VListItem'\nimport VListItemIcon from './VListItemIcon'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport Toggleable from '../../mixins/toggleable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple, { Ripple } from '../../directives/ripple'\n\n// Transitions\nimport { VExpandTransition } from '../transitions'\n\n// Utils\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { Route } from 'vue-router'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Bootable,\n  Colorable,\n  RegistrableInject('list'),\n  Toggleable\n)\n\ntype VListInstance = InstanceType<typeof VList>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  list: VListInstance\n  $refs: {\n    group: HTMLElement\n  }\n  $route: Route\n}\n\nexport default baseMixins.extend({\n  name: 'v-list-group',\n\n  directives: { ripple },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    appendIcon: {\n      type: String,\n      default: '$expand',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    group: [String, RegExp],\n    noAction: Boolean,\n    prependIcon: String,\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n    subGroup: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-list-group--active': this.isActive,\n        'v-list-group--disabled': this.disabled,\n        'v-list-group--no-action': this.noAction,\n        'v-list-group--sub-group': this.subGroup,\n      }\n    },\n  },\n\n  watch: {\n    isActive (val: boolean) {\n      /* istanbul ignore else */\n      if (!this.subGroup && val) {\n        this.list && this.list.listClick(this._uid)\n      }\n    },\n    $route: 'onRouteChange',\n  },\n\n  created () {\n    this.list && this.list.register(this)\n\n    if (this.group &&\n      this.$route &&\n      this.value == null\n    ) {\n      this.isActive = this.matchRoute(this.$route.path)\n    }\n  },\n\n  beforeDestroy () {\n    this.list && this.list.unregister(this)\n  },\n\n  methods: {\n    click (e: Event) {\n      if (this.disabled) return\n\n      this.isBooted = true\n\n      this.$emit('click', e)\n      this.$nextTick(() => (this.isActive = !this.isActive))\n    },\n    genIcon (icon: string | false): VNode {\n      return h(VIcon, icon)\n    },\n    genAppendIcon (): VNode | null {\n      const icon = !this.subGroup ? this.appendIcon : false\n      const slot = getSlot(this, 'appendIcon')\n\n      if (!icon && !slot) return null\n\n      return h(VListItemIcon, {\n        class: 'v-list-group__header__append-icon',\n      }, [\n        slot || this.genIcon(icon),\n      ])\n    },\n    genHeader (): VNode {\n      return withDirectives(h(VListItem, {\n        'aria-expanded': String(this.isActive),\n        role: 'button',\n        class: {\n          'v-list-group__header': true,\n          [this.activeClass]: this.isActive,\n        },\n        inputValue: this.isActive,\n        ...this.listeners$,\n        onClick: this.click\n      }, [\n        this.genPrependIcon(),\n        getSlot(this, 'activator'),\n        this.genAppendIcon(),\n      ]),\n      [\n        [Ripple, this.ripple]\n      ])\n    },\n    genItems (): VNode[] {\n      return this.showLazyContent(() => [\n        h('div', {\n          class: 'v-list-group__items',\n          directives: [{\n            name: 'show',\n            value: this.isActive,\n          }],\n        }, getSlot(this)),\n      ])\n    },\n    genPrependIcon (): VNode | null {\n      const icon = this.subGroup && this.prependIcon == null\n        ? '$subgroup'\n        : this.prependIcon\n      const slot = getSlot(this, 'prependIcon')\n\n      if (!icon && !slot) return null\n\n      return h(VListItemIcon, {\n        class: 'v-list-group__header__prepend-icon',\n      }, [\n        slot || this.genIcon(icon),\n      ])\n    },\n    onRouteChange (to: Route) {\n      /* istanbul ignore if */\n      if (!this.group) return\n\n      const isActive = this.matchRoute(to.path)\n\n      /* istanbul ignore else */\n      if (isActive && this.isActive !== isActive) {\n        this.list && this.list.listClick(this._uid)\n      }\n\n      this.isActive = isActive\n    },\n    toggle (uid: number) {\n      const isActive = this._uid === uid\n\n      if (isActive) this.isBooted = true\n      this.$nextTick(() => (this.isActive = isActive))\n    },\n    matchRoute (to: string) {\n      return to.match(this.group) !== null\n    },\n  },\n\n  render (): VNode {\n    return h('div', this.setTextColor(this.isActive && this.color, {\n      class: 'v-list-group',\n      class: this.classes,\n    }), [\n      this.genHeader(),\n      h(VExpandTransition, this.genItems()),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VListGroup.js"}
+{"version":3,"sources":["../../../src/components/VList/VListGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives, vShow, VNode } from 'vue'\n// Styles\nimport './VListGroup.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VList from './VList'\nimport VListItem from './VListItem'\nimport VListItemIcon from './VListItemIcon'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport Toggleable from '../../mixins/toggleable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple, { Ripple } from '../../directives/ripple'\n\n// Transitions\nimport { VExpandTransition } from '../transitions'\n\n// Utils\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\ntype Route = RouteLocationNormalizedLoaded\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Bootable,\n  Colorable,\n  RegistrableInject('list'),\n  Toggleable\n)\n\ntype VListInstance = InstanceType<typeof VList>\n\ntype options = ExtractVue<typeof baseMixins> & {\n  list: VListInstance\n  $refs: {\n    group: HTMLElement\n  }\n  $route: Route\n}\n\nexport default baseMixins.extend({\n  name: 'v-list-group',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: ''\n    },\n    appendIcon: {\n      type: String,\n      default: '$expand'\n    },\n    color: {\n      type: String,\n      default: 'primary'\n    },\n    disabled: Boolean,\n    group: [String, RegExp],\n    noAction: Boolean,\n    prependIcon: String,\n    ripple: {\n      type: [Boolean, Object],\n      default: true\n    },\n    subGroup: Boolean\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-list-group--active': this.isActive,\n        'v-list-group--disabled': this.disabled,\n        'v-list-group--no-action': this.noAction,\n        'v-list-group--sub-group': this.subGroup\n      }\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['inputValue', '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    this.list && this.list.register(this)\n\n    if (this.group &&\n      this.$route &&\n      this.modelValue == null\n    ) {\n      this.isActive = this.matchRoute(this.$route.path)\n    }\n  },\n\n  watch: {\n    isActive (val: boolean) {\n      /* istanbul ignore else */\n      if (!this.subGroup && val) {\n        this.list && this.list.listClick(this.$.uid)\n      }\n    },\n    $route: 'onRouteChange'\n  },\n\n  beforeUnmount () {\n    this.list && this.list.unregister(this)\n  },\n\n  methods: {\n    click (e: Event) {\n      if (this.disabled) return\n\n      this.isBooted = true\n\n      this.$emit('click', e)\n      this.$nextTick(() => (this.isActive = !this.isActive))\n    },\n    genIcon (icon: string | false): VNode {\n      return h(VIcon, {}, () => icon)\n    },\n    genAppendIcon (): VNode | null {\n      const icon = !this.subGroup ? this.appendIcon : false\n      const slot = getSlot(this, 'appendIcon')\n\n      if (!icon && !slot) return null\n\n      return h(VListItemIcon, {\n        class: 'v-list-group__header__append-icon'\n      }, () => [\n        slot || this.genIcon(icon)\n      ])\n    },\n    genHeader (): VNode {\n      return withDirectives(h(VListItem, {\n        'aria-expanded': String(this.isActive),\n        role: 'button',\n        class: {\n          'v-list-group__header': true,\n          [this.activeClass]: this.isActive\n        },\n        link: true,\n        modelValue: this.isActive,\n        ...this.listeners$,\n        onClick: this.click\n      }, () => [\n        this.genPrependIcon(),\n        getSlot(this, 'activator'),\n        this.genAppendIcon()\n      ]),\n      [\n        [Ripple, this.ripple]\n      ])\n    },\n    genItems (): VNode[] {\n      const directives = [[\n        vShow,\n        this.isActive\n      ]]\n\n      return this.showLazyContent(() => [\n        withDirectives(h('div', {\n          class: 'v-list-group__items'\n        }, getSlot(this)), directives as any)\n      ])\n    },\n    genPrependIcon (): VNode | null {\n      const icon = this.subGroup && this.prependIcon == null\n        ? '$subgroup'\n        : this.prependIcon\n      const slot = getSlot(this, 'prependIcon')\n\n      if (!icon && !slot) return null\n\n      return h(VListItemIcon, {\n        class: 'v-list-group__header__prepend-icon'\n      }, () => [\n        slot || this.genIcon(icon)\n      ])\n    },\n    onRouteChange (to: Route) {\n      /* istanbul ignore if */\n      if (!this.group) return\n\n      const isActive = this.matchRoute(to.path)\n\n      /* istanbul ignore else */\n      if (isActive && this.isActive !== isActive) {\n        this.list && this.list.listClick(this.$.uid)\n      }\n\n      this.isActive = isActive\n    },\n    toggle (uid: number) {\n      const isActive = this.$.uid === uid\n\n      if (isActive) this.isBooted = true\n      this.$nextTick(() => (this.isActive = isActive))\n    },\n    matchRoute (to: string) {\n      return to.match(this.group) !== null\n    }\n  },\n\n  render (): VNode {\n    return h('div', this.setTextColor(this.isActive && this.color, {\n      class: ['v-list-group', this.classes]\n    }), [\n      this.genHeader(),\n      h(VExpandTransition, {}, () => this.genItems())\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VListGroup.js"}

package/lib/components/VList/VListItem.js

@@ -6,23 +6,18 @@ import Colorable from '../../mixins/colorable';
 import Routable from '../../mixins/routable';
 import { factory as GroupableFactory } from '../../mixins/groupable';
 import Themeable from '../../mixins/themeable';
-import { factory as ToggleableFactory } from '../../mixins/toggleable'; // Directives
+import { factory as ToggleableFactory } from '../../mixins/toggleable'; // Utilities
 
-import Ripple from '../../directives/ripple'; // Utilities
-
-import { getSlot, keyCodes } from './../../util/helpers';
+import { getSlot, keyCodes, getTagValue } from './../../util/helpers';
 import mergeData from './../../util/mergeData';
-import { removed } from '../../util/console'; // Types
+import { removed, breaking } from '../../util/console'; // Types
 
 import mixins from '../../util/mixins';
-const baseMixins = mixins(Colorable, Routable, Themeable, GroupableFactory('listItemGroup'), ToggleableFactory('inputValue'));
+const baseMixins = mixins(Colorable, Routable, Themeable, GroupableFactory('listItemGroup'), ToggleableFactory('modelValue'));
 /* @vue/component */
 
 export default baseMixins.extend({
   name: 'v-list-item',
-  directives: {
-    Ripple
-  },
   inject: {
     isInGroup: {
       default: false
@@ -44,6 +39,7 @@ export default baseMixins.extend({
     },
     dense: Boolean,
     inactive: Boolean,
+    onClick: Function,
     link: Boolean,
     selectable: {
       type: Boolean
@@ -54,8 +50,9 @@ export default baseMixins.extend({
     },
     threeLine: Boolean,
     twoLine: Boolean,
-    value: null
+    modelValue: null
   },
+  emits: ['click', 'keydown', 'change', 'update:modelValue'],
   data: () => ({
     proxyClass: 'v-list-item--active'
   }),
@@ -87,7 +84,14 @@ export default baseMixins.extend({
   },
 
   created() {
+    const breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
     /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('avatar')) {
       removed('avatar', this);
     }
@@ -101,10 +105,13 @@ export default baseMixins.extend({
     },
 
     genAttrs() {
-      const attrs = {
+      const {
+        class: _,
+        ...otherAttrs
+      } = this.$attrs;
+      const attrs = { ...otherAttrs,
         'aria-disabled': this.disabled ? true : undefined,
-        tabindex: this.isClickable && !this.disabled ? 0 : -1,
-        ...this.$attrs
+        tabindex: this.isClickable && !this.disabled ? 0 : -1
       };
 
       if (this.$attrs.hasOwnProperty('role')) {// do nothing, role already provided
@@ -123,11 +130,12 @@ export default baseMixins.extend({
     },
 
     toggle() {
-      if (this.to && this.inputValue === undefined) {
+      if (this.to && this.modelValue === undefined) {
         this.isActive = !this.isActive;
       }
 
       this.$emit('change');
+      this.$emitLegacy('change');
     }
 
   },
@@ -138,7 +146,8 @@ export default baseMixins.extend({
       data,
       directives
     } = this.generateRouteLink();
-    data = mergeData(data, this.genAttrs());
+    const attrs = this.genAttrs();
+    data = mergeData(data, attrs);
     data = { ...data,
       onKeydown: e => {
         if (!this.disabled) {
@@ -146,18 +155,33 @@ export default baseMixins.extend({
           if (e.keyCode === keyCodes.enter) this.click(e);
           this.$emit('keydown', e);
         }
-      }
+      },
+      // Ensure our attrs take precedence over routable
+      ...attrs
     };
     if (this.inactive) tag = 'div'; // if (this.inactive && this.to) {
     //   data.on = data.nativeOn
     //   delete data.nativeOn
     // }
 
-    const children = getSlot(this, 'default', {
+    const slotProps = {
       active: this.isActive,
       toggle: this.toggle
+    };
+    const children = [getSlot(this, 'prepend', slotProps), getSlot(this, 'default', slotProps), getSlot(this, 'append', slotProps)].filter(Boolean);
+    const nodeData = this.isActive ? this.setTextColor(this.color, data) : data;
+    const attrsClasses = this.$attrs.class;
+
+    if (attrsClasses) {
+      nodeData.class = [this.classes, attrsClasses];
+    } else {
+      nodeData.class = this.classes;
+    }
+
+    const node = typeof tag === 'string' ? h(getTagValue(tag), nodeData, children) : h(tag, nodeData, {
+      default: () => children
     });
-    return withDirectives(h(tag, this.isActive ? this.setTextColor(this.color, data) : data, children), directives);
+    return withDirectives(node, directives);
   }
 
 });

package/lib/components/VList/VListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VListItem.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Routable from '../../mixins/routable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Directives\nimport Ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot, keyCodes } from './../../util/helpers'\nimport mergeData from './../../util/mergeData'\nimport { ExtractVue } from './../../util/mixins'\nimport { removed } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\nimport { PropType, PropValidator } from 'vue/types/options'\n\nconst baseMixins = mixins(\n  Colorable,\n  Routable,\n  Themeable,\n  GroupableFactory('listItemGroup'),\n  ToggleableFactory('inputValue')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  isInGroup: boolean\n  isInList: boolean\n  isInMenu: boolean\n  isInNav: boolean\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-list-item',\n\n  directives: {\n    Ripple,\n  },\n\n  inject: {\n    isInGroup: {\n      default: false,\n    },\n    isInList: {\n      default: false,\n    },\n    isInMenu: {\n      default: false,\n    },\n    isInNav: {\n      default: false,\n    },\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    activeClass: {\n      type: String\n    } as any as PropValidator<string>,\n    dense: Boolean,\n    inactive: Boolean,\n    link: Boolean,\n    selectable: {\n      type: Boolean,\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    threeLine: Boolean,\n    twoLine: Boolean,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-list-item--active',\n  }),\n\n  computed: {\n    $activeClass() {\n      if(this.activeClass) return this.activeClass\n      if (!this.listItemGroup) return ''\n\n      return this.listItemGroup.activeClass\n    },\n    classes (): object {\n      return {\n        'v-list-item': true,\n        ...Routable.computed.classes.call(this),\n        'v-list-item--dense': this.dense,\n        'v-list-item--disabled': this.disabled,\n        'v-list-item--link': this.isClickable && !this.inactive,\n        'v-list-item--selectable': this.selectable,\n        'v-list-item--three-line': this.threeLine,\n        'v-list-item--two-line': this.twoLine,\n        ...this.themeClasses,\n      }\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.computed.isClickable.call(this) ||\n        this.listItemGroup\n      )\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('avatar')) {\n      removed('avatar', this)\n    }\n  },\n\n  methods: {\n    click (e: MouseEvent | KeyboardEvent) {\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    genAttrs () {\n      const attrs: Record<string, any> = {\n        'aria-disabled': this.disabled ? true : undefined,\n        tabindex: this.isClickable && !this.disabled ? 0 : -1,\n        ...this.$attrs,\n      }\n\n      if (this.$attrs.hasOwnProperty('role')) {\n        // do nothing, role already provided\n      } else if (this.isInNav) {\n        // do nothing, role is inherit\n      } else if (this.isInGroup) {\n        attrs.role = 'option'\n        attrs['aria-selected'] = String(this.isActive)\n      } else if (this.isInMenu) {\n        attrs.role = this.isClickable ? 'menuitem' : undefined\n        attrs.id = attrs.id || `list-item-${this.$.uid}`\n      } else if (this.isInList) {\n        attrs.role = 'listitem'\n      }\n\n      return attrs\n    },\n    toggle () {\n      if (this.to && this.inputValue === undefined) {\n        this.isActive = !this.isActive\n      }\n      this.$emit('change')\n    },\n  },\n\n  render (): VNode {\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = mergeData(\n      data,\n      this.genAttrs()\n    )\n\n    data = {\n      ...data,\n      onKeydown: (e: KeyboardEvent) => {\n        if (!this.disabled) {\n          /* istanbul ignore else */\n          if (e.keyCode === keyCodes.enter) this.click(e)\n\n          this.$emit('keydown', e)\n        }\n      },\n    }\n\n    if (this.inactive) tag = 'div'\n    // if (this.inactive && this.to) {\n    //   data.on = data.nativeOn\n    //   delete data.nativeOn\n    // }\n\n    const children = getSlot(this, 'default', {\n      active: this.isActive,\n      toggle: this.toggle,\n    })\n\n    return withDirectives(\n      h(tag, this.isActive ? this.setTextColor(this.color, data) : data, children),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VListItem.js"}
+{"version":3,"sources":["../../../src/components/VList/VListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '../../types/vue-internal'\nimport { h, withDirectives, PropType } from 'vue'\n// Styles\nimport './VListItem.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Routable from '../../mixins/routable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Directives\nimport Ripple from '../../directives/ripple'\n\n// Utilities\nimport { getSlot, keyCodes, getTagValue } from './../../util/helpers'\nimport mergeData, { mergeClasses } from './../../util/mergeData'\nimport { ExtractVue } from './../../util/mixins'\nimport { removed, breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\n\nconst baseMixins = mixins(\n  Colorable,\n  Routable,\n  Themeable,\n  GroupableFactory('listItemGroup'),\n  ToggleableFactory('modelValue')\n)\n\ntype options = ExtractVue<typeof baseMixins> & {\n  $el: HTMLElement\n  isInGroup: boolean\n  isInList: boolean\n  isInMenu: boolean\n  isInNav: boolean\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-list-item',\n\n  inject: {\n    isInGroup: {\n      default: false\n    },\n    isInList: {\n      default: false\n    },\n    isInMenu: {\n      default: false\n    },\n    isInNav: {\n      default: false\n    }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    activeClass: {\n      type: String\n    } as any as PropType<string>,\n    dense: Boolean,\n    inactive: Boolean,\n    onClick: Function as PropType<(e: MouseEvent) => void>,\n    link: Boolean,\n    selectable: {\n      type: Boolean\n    },\n    tag: {\n      type: String,\n      default: 'div'\n    },\n    threeLine: Boolean,\n    twoLine: Boolean,\n    modelValue: null as any as PropType<any>\n  },\n\n  emits: [\n    'click',\n    'keydown',\n    'change',\n    'update:modelValue'\n  ],\n\n  data: () => ({\n    proxyClass: 'v-list-item--active'\n  }),\n\n  computed: {\n    $activeClass () {\n      if (this.activeClass) return this.activeClass\n      if (!this.listItemGroup) return ''\n\n      return this.listItemGroup.activeClass\n    },\n    classes (): object {\n      return {\n        'v-list-item': true,\n        ...Routable.computed.classes.call(this),\n        'v-list-item--dense': this.dense,\n        'v-list-item--disabled': this.disabled,\n        'v-list-item--link': this.isClickable && !this.inactive,\n        'v-list-item--selectable': this.selectable,\n        'v-list-item--three-line': this.threeLine,\n        'v-list-item--two-line': this.twoLine,\n        ...this.themeClasses\n      }\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.computed.isClickable.call(this) ||\n        this.listItemGroup\n      )\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('avatar')) {\n      removed('avatar', this)\n    }\n  },\n\n  methods: {\n    click (e: MouseEvent | KeyboardEvent) {\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    genAttrs () {\n      const { class: _, ...otherAttrs } = this.$attrs\n      const attrs: Record<string, any> = {\n        ...otherAttrs,\n        'aria-disabled': this.disabled ? true : undefined,\n        tabindex: this.isClickable && !this.disabled ? 0 : -1\n      }\n\n      if (this.$attrs.hasOwnProperty('role')) {\n        // do nothing, role already provided\n      } else if (this.isInNav) {\n        // do nothing, role is inherit\n      } else if (this.isInGroup) {\n        attrs.role = 'option'\n        attrs['aria-selected'] = String(this.isActive)\n      } else if (this.isInMenu) {\n        attrs.role = this.isClickable ? 'menuitem' : undefined\n        attrs.id = attrs.id || `list-item-${this.$.uid}`\n      } else if (this.isInList) {\n        attrs.role = 'listitem'\n      }\n\n      return attrs\n    },\n    toggle () {\n      if (this.to && this.modelValue === undefined) {\n        this.isActive = !this.isActive\n      }\n      this.$emit('change')\n      this.$emitLegacy('change')\n    }\n  },\n\n  render (): VNode {\n    let { tag, data, directives } = this.generateRouteLink()\n    const attrs = this.genAttrs()\n\n    data = mergeData(\n      data,\n      attrs\n    )\n\n    data = {\n      ...data,\n      onKeydown: (e: KeyboardEvent) => {\n        if (!this.disabled) {\n          /* istanbul ignore else */\n          if (e.keyCode === keyCodes.enter) this.click(e)\n\n          this.$emit('keydown', e)\n        }\n      },\n      // Ensure our attrs take precedence over routable\n      ...attrs\n    }\n\n    if (this.inactive) tag = 'div'\n    // if (this.inactive && this.to) {\n    //   data.on = data.nativeOn\n    //   delete data.nativeOn\n    // }\n\n    const slotProps = {\n      active: this.isActive,\n      toggle: this.toggle\n    }\n\n    const children = [\n      getSlot(this, 'prepend', slotProps),\n      getSlot(this, 'default', slotProps),\n      getSlot(this, 'append', slotProps)\n    ].filter(Boolean)\n\n    const nodeData = this.isActive ? this.setTextColor(this.color, data) : data\n\n    const attrsClasses = this.$attrs.class\n    if (attrsClasses) {\n      nodeData.class = [this.classes, attrsClasses]\n    } else {\n      nodeData.class = this.classes\n    }\n\n    const node = typeof tag === 'string'\n      ? h(getTagValue(tag), nodeData, children as any)\n      : h(tag, nodeData, { default: () => children })\n\n    return withDirectives(node, directives)\n  }\n})\n"],"sourceRoot":"","file":"VListItem.js"}

package/lib/components/VList/VListItemAction.js

@@ -1,20 +1,26 @@
 // Types
-import { defineComponent, h } from 'vue';
+import { defineComponent, h, Comment } from 'vue';
 /* @vue/component */
 
 export default defineComponent({
   name: 'v-list-item-action',
-  functional: true,
 
   render() {
-    const data = this.$attrs;
-    data.class = data.class ? `v-list-item__action ${data.class}` : 'v-list-item__action';
-    const children = this.$slots.default();
-    const filteredChild = children.filter(VNode => {
-      return VNode.isComment === false && VNode.text !== ' ';
+    var _a, _b;
+
+    const {
+      class: attrClass,
+      ...otherAttrs
+    } = this.$attrs;
+    let className = attrClass ? `v-list-item__action ${attrClass}` : 'v-list-item__action';
+    const children = ((_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
+    const filteredChild = children.filter(vnode => {
+      return (vnode === null || vnode === void 0 ? void 0 : vnode.type) !== Comment && (vnode === null || vnode === void 0 ? void 0 : vnode.children) !== ' ';
     });
-    if (filteredChild.length > 1) data.class += ' v-list-item__action--stack';
-    return h('div', data, children);
+    if (filteredChild.length > 1) className += ' v-list-item__action--stack';
+    return h('div', { ...otherAttrs,
+      class: className
+    }, children);
   }
 
 });

package/lib/components/VList/VListItemAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemAction.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,QAA0C,KAA1C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AACA,IAAA,IAAI,CAAC,KAAL,GAAa,IAAI,CAAC,KAAL,GAAa,uBAAuB,IAAI,CAAC,KAAK,EAA9C,GAAmD,qBAAhE;AACA,UAAM,QAAQ,GAAG,KAAK,MAAL,CAAY,OAAZ,EAAjB;AAEA,UAAM,aAAa,GAAG,QAAQ,CAAC,MAAT,CAAgB,KAAK,IAAG;AAC5C,aAAO,KAAK,CAAC,SAAN,KAAoB,KAApB,IAA6B,KAAK,CAAC,IAAN,KAAe,GAAnD;AACD,KAFqB,CAAtB;AAGA,QAAI,aAAa,CAAC,MAAd,GAAuB,CAA3B,EAA8B,IAAI,CAAC,KAAL,IAAc,6BAAd;AAE9B,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,QAAd,CAAR;AACD;;AAhB4B,CAAD,CAA9B","sourcesContent":["// Types\nimport { defineComponent, VNode, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-action',\n\n  functional: true,\n\n  render (): VNode {\n    const data = this.$attrs\n    data.class = data.class ? `v-list-item__action ${data.class}` : 'v-list-item__action'\n    const children = this.$slots.default()\n\n    const filteredChild = children.filter(VNode => {\n      return VNode.isComment === false && VNode.text !== ' '\n    })\n    if (filteredChild.length > 1) data.class += ' v-list-item__action--stack'\n\n    return h('div', data, children)\n  },\n})\n"],"sourceRoot":"","file":"VListItemAction.js"}
+{"version":3,"sources":["../../../src/components/VList/VListItemAction.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,EAAoC,OAApC,QAAmD,KAAnD;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;;AAG7B,EAAA,MAAM,GAAA;;;AACJ,UAAM;AAAE,MAAA,KAAK,EAAE,SAAT;AAAoB,SAAG;AAAvB,QAAsC,KAAK,MAAjD;AACA,QAAI,SAAS,GAAG,SAAS,GAAG,uBAAuB,SAAS,EAAnC,GAAwC,qBAAjE;AACA,UAAM,QAAQ,GAAG,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAnB,KAA2B,EAA5C;AAEA,UAAM,aAAa,GAAG,QAAQ,CAAC,MAAT,CAAiB,KAAD,IAAe;AACnD,aAAO,CAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,IAAP,MAAgB,OAAhB,IAA2B,CAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,QAAP,MAAoB,GAAtD;AACD,KAFqB,CAAtB;AAGA,QAAI,aAAa,CAAC,MAAd,GAAuB,CAA3B,EAA8B,SAAS,IAAI,6BAAb;AAE9B,WAAO,CAAC,CAAC,KAAD,EAAQ,EACd,GAAG,UADW;AAEd,MAAA,KAAK,EAAE;AAFO,KAAR,EAGL,QAHK,CAAR;AAID;;AAjB4B,CAAD,CAA9B","sourcesContent":["// Types\nimport { defineComponent, VNode, h, Comment } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-action',\n\n  render (): VNode {\n    const { class: attrClass, ...otherAttrs } = this.$attrs\n    let className = attrClass ? `v-list-item__action ${attrClass}` : 'v-list-item__action'\n    const children = this.$slots.default?.() || []\n\n    const filteredChild = children.filter((vnode: any) => {\n      return vnode?.type !== Comment && vnode?.children !== ' '\n    })\n    if (filteredChild.length > 1) className += ' v-list-item__action--stack'\n\n    return h('div', {\n      ...otherAttrs,\n      class: className\n    }, children)\n  }\n})\n"],"sourceRoot":"","file":"VListItemAction.js"}

package/lib/components/VList/VListItemAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.ts"],"names":[],"mappings":"AACA;AACA,OAAO,OAAP,MAAoB,YAApB,C,CAEA;;AACA,SAAgB,eAAhB,QAAuC,KAAvC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAE7B,EAAA,OAAO,EAAE,OAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE,OADP;AAEL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAFD,GAJsB;AAY7B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,2CAAmC,KAAK,UADnC;AAEL,WAAG,OAAO,CAAC,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CAFE;AAGL,0BAAkB,KAAK,IAAL,IAAa,KAAK,UAH/B;AAIL,+BAAuB;AAJlB,OAAP;AAMD;;AARO,GAZmB;;AAuB7B,EAAA,MAAM,GAAA;AACJ,WAAO,OAAO,CAAC,MAAR,CAAe,IAAf,CAAoB,IAApB,CAAP;AACD;;AAzB4B,CAAD,CAA9B","sourcesContent":["import {h} from 'vue'\n// Components\nimport VAvatar from '../VAvatar'\n\n// Types\nimport { VNode, defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-avatar',\n  extends: VAvatar,\n\n  props: {\n    horizontal: Boolean,\n    size: {\n      type: [Number, String],\n      default: 40,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-list-item__avatar--horizontal': this.horizontal,\n        ...VAvatar.computed.classes.call(this),\n        'v-avatar--tile': this.tile || this.horizontal,\n        'v-list-item__avatar': true\n      }\n    },\n  },\n\n  render (): VNode {\n    return VAvatar.render.call(this)\n  },\n})\n"],"sourceRoot":"","file":"VListItemAvatar.js"}
+{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.ts"],"names":[],"mappings":"AACA;AACA,OAAO,OAAP,MAAoB,YAApB,C,CAEA;;AACA,SAAgB,eAAhB,QAAuC,KAAvC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAE7B,EAAA,OAAO,EAAE,OAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE,OADP;AAEL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAFD,GAJsB;AAY7B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,2CAAmC,KAAK,UADnC;AAEL,WAAG,OAAO,CAAC,QAAR,CAAiB,OAAjB,CAAyB,IAAzB,CAA8B,IAA9B,CAFE;AAGL,0BAAkB,KAAK,IAAL,IAAa,KAAK,UAH/B;AAIL,+BAAuB;AAJlB,OAAP;AAMD;;AARO,GAZmB;;AAuB7B,EAAA,MAAM,GAAA;AACJ,WAAO,OAAO,CAAC,MAAR,CAAe,IAAf,CAAoB,IAApB,CAAP;AACD;;AAzB4B,CAAD,CAA9B","sourcesContent":["import { h } from 'vue'\n// Components\nimport VAvatar from '../VAvatar'\n\n// Types\nimport { VNode, defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-avatar',\n  extends: VAvatar,\n\n  props: {\n    horizontal: Boolean,\n    size: {\n      type: [Number, String],\n      default: 40\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-list-item__avatar--horizontal': this.horizontal,\n        ...VAvatar.computed.classes.call(this),\n        'v-avatar--tile': this.tile || this.horizontal,\n        'v-list-item__avatar': true\n      }\n    }\n  },\n\n  render (): VNode {\n    return VAvatar.render.call(this)\n  }\n})\n"],"sourceRoot":"","file":"VListItemAvatar.js"}

package/lib/components/VList/VListItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,mDAAP,C,CAEA;;AACA,SAAS,aAAT,QAA8B,0BAA9B,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CACnB,aADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,mBADC;;AAGP,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,SAAS,EAAE,IADN;AAEL,MAAA,aAAa,EAAE;AAFV,KAAP;AAID,GARM;;AAUP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,QAAd,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CADE;AAEL,6BAAqB;AAFhB,OAAP;AAID;;AANO,GAVH;AAmBP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACnC,GAAG,aAAa,CAAC,OAAd,CAAsB,OAAtB,CAA8B,IAA9B,CAAmC,IAAnC,CADgC;AAEnC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AAF4B,OAA9B,CAAP;AAMD;;AARM;AAnBF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VListItemGroup.sass'\n\n// Extensions\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  BaseItemGroup,\n  Colorable\n).extend({\n  name: 'v-list-item-group',\n\n  provide () {\n    return {\n      isInGroup: true,\n      listItemGroup: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.computed.classes.call(this),\n        'v-list-item-group': true,\n      }\n    },\n  },\n\n  methods: {\n    genData (): object {\n      return this.setTextColor(this.color, {\n        ...BaseItemGroup.methods.genData.call(this),\n        attrs: {\n          role: 'listbox',\n        },\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"VListItemGroup.js"}
+{"version":3,"sources":["../../../src/components/VList/VListItemGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,mDAAP,C,CAEA;;AACA,SAAS,aAAT,QAA8B,0BAA9B,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CACnB,aADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,mBADC;;AAGP,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,SAAS,EAAE,IADN;AAEL,MAAA,aAAa,EAAE;AAFV,KAAP;AAID,GARM;;AAUP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,QAAd,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CADE;AAEL,6BAAqB;AAFhB,OAAP;AAID;;AANO,GAVH;AAmBP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACnC,GAAG,aAAa,CAAC,OAAd,CAAsB,OAAtB,CAA8B,IAA9B,CAAmC,IAAnC,CADgC;AAEnC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AAF4B,OAA9B,CAAP;AAMD;;AARM;AAnBF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VListItemGroup.sass'\n\n// Extensions\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  BaseItemGroup,\n  Colorable\n).extend({\n  name: 'v-list-item-group',\n\n  provide () {\n    return {\n      isInGroup: true,\n      listItemGroup: this\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.computed.classes.call(this),\n        'v-list-item-group': true\n      }\n    }\n  },\n\n  methods: {\n    genData (): object {\n      return this.setTextColor(this.color, {\n        ...BaseItemGroup.methods.genData.call(this),\n        attrs: {\n          role: 'listbox'\n        }\n      })\n    }\n  }\n})\n"],"sourceRoot":"","file":"VListItemGroup.js"}

package/lib/components/VList/VListItemIcon.js

@@ -7,10 +7,12 @@ export default defineComponent({
   functional: true,
 
   render() {
+    var _a, _b;
+
     const data = { ...this.$attrs
     };
     data.class = `v-list-item__icon ${data.class || ''}`.trim();
-    return h('div', data, this.$slots.default());
+    return h('div', data, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 
 });

package/lib/components/VList/VListItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemIcon.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,QAA0C,KAA1C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,kBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG,EAAE,GAAG,KAAK;AAAV,KAAb;AAEA,IAAA,IAAI,CAAC,KAAL,GAAc,qBAAqB,IAAI,CAAC,KAAL,IAAc,EAAE,EAAtC,CAA0C,IAA1C,EAAb;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,KAAK,MAAL,CAAY,OAAZ,EAAd,CAAR;AACD;;AAX4B,CAAD,CAA9B","sourcesContent":["// Types\nimport { defineComponent, VNode, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-icon',\n\n  functional: true,\n\n  render (): VNode {\n    const data = { ...this.$attrs }\n\n    data.class = (`v-list-item__icon ${data.class || ''}`).trim()\n\n    return h('div', data, this.$slots.default())\n  },\n})\n"],"sourceRoot":"","file":"VListItemIcon.js"}
+{"version":3,"sources":["../../../src/components/VList/VListItemIcon.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAAiC,CAAjC,QAA0C,KAA1C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,kBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;;;AACJ,UAAM,IAAI,GAAG,EAAE,GAAG,KAAK;AAAV,KAAb;AAEA,IAAA,IAAI,CAAC,KAAL,GAAc,qBAAqB,IAAI,CAAC,KAAL,IAAc,EAAE,EAAtC,CAA0C,IAA1C,EAAb;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAjC,CAAR;AACD;;AAX4B,CAAD,CAA9B","sourcesContent":["// Types\nimport { defineComponent, VNode, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list-item-icon',\n\n  functional: true,\n\n  render (): VNode {\n    const data = { ...this.$attrs }\n\n    data.class = (`v-list-item__icon ${data.class || ''}`).trim()\n\n    return h('div', data, this.$slots.default?.())\n  }\n})\n"],"sourceRoot":"","file":"VListItemIcon.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,0BAAD,EAA6B,MAA7B,CAAlD;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,sBAAD,EAAyB,KAAzB,CAA/C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,oBAAD,EAAuB,KAAvB,CAA7C;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,uBAAD,EAA0B,KAA1B,CAAhD;AAEP,SACE,KADF,EAEE,UAFF,EAGE,SAHF,EAIE,eAJF,EAKE,eALF,EAME,aANF,EAOE,cAPF;AAUA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KADuB;AAEvB,IAAA,UAFuB;AAGvB,IAAA,SAHuB;AAIvB,IAAA,eAJuB;AAKvB,IAAA,mBALuB;AAMvB,IAAA,eANuB;AAOvB,IAAA,gBAPuB;AAQvB,IAAA,cARuB;AASvB,IAAA,aATuB;AAUvB,IAAA,iBAVuB;AAWvB,IAAA;AAXuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VList from './VList'\nimport VListGroup from './VListGroup'\nimport VListItem from './VListItem'\nimport VListItemGroup from './VListItemGroup'\nimport VListItemAction from './VListItemAction'\nimport VListItemAvatar from './VListItemAvatar'\nimport VListItemIcon from './VListItemIcon'\n\nexport const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span')\nexport const VListItemContent = createSimpleFunctional('v-list-item__content', 'div')\nexport const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div')\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div')\n\nexport {\n  VList,\n  VListGroup,\n  VListItem,\n  VListItemAction,\n  VListItemAvatar,\n  VListItemIcon,\n  VListItemGroup,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VList,\n    VListGroup,\n    VListItem,\n    VListItemAction,\n    VListItemActionText,\n    VListItemAvatar,\n    VListItemContent,\n    VListItemGroup,\n    VListItemIcon,\n    VListItemSubtitle,\n    VListItemTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,0BAAD,EAA6B,MAA7B,CAAlD;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,sBAAD,EAAyB,KAAzB,CAA/C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,oBAAD,EAAuB,KAAvB,CAA7C;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,uBAAD,EAA0B,KAA1B,CAAhD;AAEP,SACE,KADF,EAEE,UAFF,EAGE,SAHF,EAIE,eAJF,EAKE,eALF,EAME,aANF,EAOE,cAPF;AAUA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KADuB;AAEvB,IAAA,UAFuB;AAGvB,IAAA,SAHuB;AAIvB,IAAA,eAJuB;AAKvB,IAAA,mBALuB;AAMvB,IAAA,eANuB;AAOvB,IAAA,gBAPuB;AAQvB,IAAA,cARuB;AASvB,IAAA,aATuB;AAUvB,IAAA,iBAVuB;AAWvB,IAAA;AAXuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VList from './VList'\nimport VListGroup from './VListGroup'\nimport VListItem from './VListItem'\nimport VListItemGroup from './VListItemGroup'\nimport VListItemAction from './VListItemAction'\nimport VListItemAvatar from './VListItemAvatar'\nimport VListItemIcon from './VListItemIcon'\n\nexport const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span')\nexport const VListItemContent = createSimpleFunctional('v-list-item__content', 'div')\nexport const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div')\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div')\n\nexport {\n  VList,\n  VListGroup,\n  VListItem,\n  VListItemAction,\n  VListItemAvatar,\n  VListItemIcon,\n  VListItemGroup\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VList,\n    VListGroup,\n    VListItem,\n    VListItemAction,\n    VListItemActionText,\n    VListItemAvatar,\n    VListItemContent,\n    VListItemGroup,\n    VListItemIcon,\n    VListItemSubtitle,\n    VListItemTitle\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VMain/VMain.js

@@ -2,7 +2,7 @@
 import "../../../src/components/VMain/VMain.sass"; // Mixins
 
 import SSRBootable from '../../mixins/ssr-bootable';
-import { getSlot } from '../../util/helpers'; // Types
+import { getSlot, getTagValue } from '../../util/helpers'; // Types
 
 import { defineComponent, h } from 'vue';
 /* @vue/component */
@@ -43,7 +43,7 @@ export default defineComponent({
       style: this.styles,
       ref: 'main'
     };
-    return h(this.tag, data, [h('div', {
+    return h(getTagValue(this.tag), data, [h('div', {
       class: 'v-main__wrap'
     }, getSlot(this))]);
   }

package/lib/components/VMain/VMain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VMain/VMain.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0CAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,SAAS,OAAT,QAAwB,oBAAxB,C,CAEA;;AACA,SAAgB,eAAhB,EAAiC,CAAjC,QAA0C,KAA1C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,QADuB;AAG7B,EAAA,OAAO,EAAE,WAHoB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AADA,GALsB;AAY7B,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,YAAM;AACJ,QAAA,GADI;AACC,QAAA,GADD;AACM,QAAA,KADN;AACa,QAAA,MADb;AACqB,QAAA,WADrB;AACkC,QAAA,MADlC;AAC0C,QAAA;AAD1C,UAEF,KAAK,QAAL,CAAc,WAFlB;AAIA,aAAO;AACL,QAAA,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IADnB;AAEL,QAAA,YAAY,EAAE,GAAG,KAAK,IAFjB;AAGL,QAAA,aAAa,EAAE,GAAG,MAAM,GAAG,WAAT,GAAuB,MAAM,IAH1C;AAIL,QAAA,WAAW,EAAE,GAAG,IAAI;AAJf,OAAP;AAMD;;AAZO,GAZmB;;AA2B7B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG;AACX,MAAA,KAAK,EAAE,QADI;AAEX,MAAA,KAAK,EAAE,KAAK,MAFD;AAGX,MAAA,GAAG,EAAE;AAHM,KAAb;AAMA,WAAO,CAAC,CAAC,KAAK,GAAN,EAAW,IAAX,EAAiB,CACvB,CAAC,CACC,KADD,EAEC;AAAE,MAAA,KAAK,EAAE;AAAT,KAFD,EAGC,OAAO,CAAC,IAAD,CAHR,CADsB,CAAjB,CAAR;AAOD;;AAzC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VMain.sass'\n\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-main',\n\n  extends: SSRBootable,\n\n  props: {\n    tag: {\n      type: String,\n      default: 'main',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      const {\n        bar, top, right, footer, insetFooter, bottom, left,\n      } = this.$vuetify.application\n\n      return {\n        paddingTop: `${top + bar}px`,\n        paddingRight: `${right}px`,\n        paddingBottom: `${footer + insetFooter + bottom}px`,\n        paddingLeft: `${left}px`,\n      }\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: 'v-main',\n      style: this.styles,\n      ref: 'main',\n    }\n\n    return h(this.tag, data, [\n      h(\n        'div',\n        { class: 'v-main__wrap' },\n        getSlot(this),\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VMain.js"}
+{"version":3,"sources":["../../../src/components/VMain/VMain.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0CAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,SAAS,OAAT,EAAkB,WAAlB,QAAqC,oBAArC,C,CAEA;;AACA,SAAgB,eAAhB,EAAiC,CAAjC,QAA0C,KAA1C;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,QADuB;AAG7B,EAAA,OAAO,EAAE,WAHoB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AADA,GALsB;AAY7B,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,YAAM;AACJ,QAAA,GADI;AACC,QAAA,GADD;AACM,QAAA,KADN;AACa,QAAA,MADb;AACqB,QAAA,WADrB;AACkC,QAAA,MADlC;AAC0C,QAAA;AAD1C,UAEF,KAAK,QAAL,CAAc,WAFlB;AAIA,aAAO;AACL,QAAA,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IADnB;AAEL,QAAA,YAAY,EAAE,GAAG,KAAK,IAFjB;AAGL,QAAA,aAAa,EAAE,GAAG,MAAM,GAAG,WAAT,GAAuB,MAAM,IAH1C;AAIL,QAAA,WAAW,EAAE,GAAG,IAAI;AAJf,OAAP;AAMD;;AAZO,GAZmB;;AA2B7B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG;AACX,MAAA,KAAK,EAAE,QADI;AAEX,MAAA,KAAK,EAAE,KAAK,MAFD;AAGX,MAAA,GAAG,EAAE;AAHM,KAAb;AAMA,WAAO,CAAC,CAAC,WAAW,CAAC,KAAK,GAAN,CAAZ,EAAwB,IAAxB,EAA8B,CACpC,CAAC,CACC,KADD,EAEC;AAAE,MAAA,KAAK,EAAE;AAAT,KAFD,EAGC,OAAO,CAAC,IAAD,CAHR,CADmC,CAA9B,CAAR;AAOD;;AAzC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VMain.sass'\n\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport { VNode, defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-main',\n\n  extends: SSRBootable,\n\n  props: {\n    tag: {\n      type: String,\n      default: 'main'\n    }\n  },\n\n  computed: {\n    styles (): object {\n      const {\n        bar, top, right, footer, insetFooter, bottom, left\n      } = this.$vuetify.application\n\n      return {\n        paddingTop: `${top + bar}px`,\n        paddingRight: `${right}px`,\n        paddingBottom: `${footer + insetFooter + bottom}px`,\n        paddingLeft: `${left}px`\n      }\n    }\n  },\n\n  render (): VNode {\n    const data = {\n      class: 'v-main',\n      style: this.styles,\n      ref: 'main'\n    }\n\n    return h(getTagValue(this.tag), data, [\n      h(\n        'div',\n        { class: 'v-main__wrap' },\n        getSlot(this)\n      )\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VMain.js"}

package/lib/components/VMenu/VMenu.js

@@ -16,7 +16,7 @@ import ClickOutside from '../../directives/click-outside';
 import Resize from '../../directives/resize'; // Utilities
 
 import mixins from '../../util/mixins';
-import { removed } from '../../util/console';
+import { removed, breaking } from '../../util/console';
 import { convertToUnit, keyCodes } from '../../util/helpers';
 import goTo from '../../services/goto';
 const baseMixins = mixins(Dependent, Delayable, Returnable, Roundable, Themeable, Menuable);
@@ -63,8 +63,13 @@ export default baseMixins.extend({
     contentProps: {
       type: Object,
       default: () => ({})
+    },
+    onScroll: {
+      type: Function,
+      default: undefined
     }
   },
+  emits: ['keydown', 'update:modelValue', 'update:return-value'],
 
   data() {
     return {
@@ -90,7 +95,7 @@ export default baseMixins.extend({
     },
 
     calculatedMaxHeight() {
-      const height = this.auto ? '200px' : convertToUnit(this.maxHeight);
+      const height = this.auto ? '220px' : convertToUnit(this.maxHeight);
       return height || '0';
     },
 
@@ -167,7 +172,14 @@ export default baseMixins.extend({
   },
 
   created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', '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('full-width')) {
       removed('full-width', this);
     }
@@ -252,7 +264,7 @@ export default baseMixins.extend({
 
     closeConditional(e) {
       const target = e.target;
-      return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
+      return this.isActive && !this.$.isUnmounted && this.closeOnClick && this.$refs.content && !this.$refs.content.contains(target);
     },
 
     genActivatorAttributes() {
@@ -271,7 +283,7 @@ export default baseMixins.extend({
       const listeners = Menuable.methods.genActivatorListeners.call(this);
 
       if (!this.disableKeys) {
-        listeners.keydown = this.onKeyDown;
+        listeners.onKeydown = this.onKeyDown;
       }
 
       return listeners;
@@ -282,7 +294,7 @@ export default baseMixins.extend({
       if (!this.transition) return content;
       return h(Transition, {
         name: this.transition
-      }, [content]);
+      }, () => [content]);
     },
 
     genDirectives() {
@@ -453,7 +465,7 @@ export default baseMixins.extend({
       root: true,
       light: this.light,
       dark: this.dark
-    }, [this.genTransition()])])]), directives);
+    }, () => [this.genTransition()])])]), directives);
   }
 
 });