@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha31

package/es5/components/VLazy/VLazy.js

@@ -27,9 +27,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var _default2 = (0, _mixins.default)(_measurable.default, _toggleable.default).extend({
   name: 'VLazy',
-  directives: {
-    intersect: _intersect.default
-  },
+  emits: ['update:modelValue'],
   props: {
     options: {
       type: Object,
@@ -70,19 +68,14 @@ var _default2 = (0, _mixins.default)(_measurable.default, _toggleable.default).e
     }
   },
   render: function render() {
-    return (0, _vue.h)(this.tag, {
-      class: 'v-lazy',
-      attrs: this.$attrs,
-      directives: [{
-        name: 'intersect',
-        value: {
-          handler: this.onObserve,
-          options: this.options
-        }
-      }],
-      on: this.$listeners,
+    return (0, _vue.withDirectives)((0, _vue.h)(this.tag, _objectSpread(_objectSpread({
+      class: 'v-lazy'
+    }, this.$attrs), {}, {
       style: this.styles
-    }, [this.genContent()]);
+    }), [this.genContent()]), [[_intersect.default, {
+      handler: this.onObserve,
+      options: this.options
+    }]]);
   }
 });
 

package/es5/components/VLazy/VLazy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VLazy/VLazy.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;gBAMe,qBACb,mBADa,EAEb,mBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,UAAU,EAAE;AAAE,IAAA,SAAS,EAAT;AAAF,GAHL;AAKP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP;AACA;AACA,MAAA,OAAO,EAAE;AAAA,eAAO;AACd,UAAA,IAAI,EAAE,SADQ;AAEd,UAAA,UAAU,EAAE,SAFE;AAGd,UAAA,SAAS,EAAE;AAHG,SAAP;AAAA;AAJF,KADJ;AAWL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAXA;AAeL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAfP,GALA;AA0BP,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,+BACK,KAAK,gBADV;AAGD;AALO,GA1BH;AAkCP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAM,QAAQ,GAAG,KAAK,QAAL,IAAiB,sBAAQ,IAAR,CAAlC;AAEA,aAAO,KAAK,UAAL,GACH,YAAE,eAAF,EAAc;AACd,QAAA,IAAI,EAAE,KAAK;AADG,OAAd,EAEC,QAFD,CADG,GAIH,QAJJ;AAKD,KATM;AAUP,IAAA,SAVO,qBAWL,OAXK,EAYL,QAZK,EAaL,cAbK,EAakB;AAEvB,UAAI,KAAK,QAAT,EAAmB;AAEnB,WAAK,QAAL,GAAgB,cAAhB;AACD;AAlBM,GAlCF;AAuDP,EAAA,MAvDO,oBAuDD;AACJ,WAAO,YAAE,KAAK,GAAP,EAAY;AACjB,MAAA,KAAK,EAAE,QADU;AAEjB,MAAA,KAAK,EAAE,KAAK,MAFK;AAGjB,MAAA,UAAU,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,WADK;AAEX,QAAA,KAAK,EAAE;AACL,UAAA,OAAO,EAAE,KAAK,SADT;AAEL,UAAA,OAAO,EAAE,KAAK;AAFT;AAFI,OAAD,CAHK;AAUjB,MAAA,EAAE,EAAE,KAAK,UAVQ;AAWjB,MAAA,KAAK,EAAE,KAAK;AAXK,KAAZ,EAYJ,CAAC,KAAK,UAAL,EAAD,CAZI,CAAP;AAaD;AArEM,CAHM,C","sourcesContent":["import {Transition, h} from 'vue'\n// Mixins\nimport Measurable from '../../mixins/measurable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nexport default mixins(\n  Measurable,\n  Toggleable\n).extend({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      const children = this.isActive && getSlot(this)\n\n      return this.transition\n        ? h(Transition, {\n          name: this.transition,\n        }, children)\n        : children\n    },\n    onObserve (\n      entries: IntersectionObserverEntry[],\n      observer: IntersectionObserver,\n      isIntersecting: boolean,\n    ) {\n      if (this.isActive) return\n\n      this.isActive = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return h(this.tag, {\n      class: 'v-lazy',\n      attrs: this.$attrs,\n      directives: [{\n        name: 'intersect',\n        value: {\n          handler: this.onObserve,\n          options: this.options,\n        },\n      }],\n      on: this.$listeners,\n      style: this.styles,\n    }, [this.genContent()])\n  },\n})\n"],"sourceRoot":"","file":"VLazy.js"}
+{"version":3,"sources":["../../../src/components/VLazy/VLazy.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;gBAMe,qBACb,mBADa,EAEb,mBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,KAAK,EAAE,CAAC,mBAAD,CAHA;AAMP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP;AACA;AACA,MAAA,OAAO,EAAE;AAAA,eAAO;AACd,UAAA,IAAI,EAAE,SADQ;AAEd,UAAA,UAAU,EAAE,SAFE;AAGd,UAAA,SAAS,EAAE;AAHG,SAAP;AAAA;AAJF,KADJ;AAWL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAXA;AAeL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAfP,GANA;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,+BACK,KAAK,gBADV;AAGD;AALO,GA3BH;AAmCP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAM,QAAQ,GAAG,KAAK,QAAL,IAAiB,sBAAQ,IAAR,CAAlC;AAEA,aAAO,KAAK,UAAL,GACH,YAAE,eAAF,EAAc;AACd,QAAA,IAAI,EAAE,KAAK;AADG,OAAd,EAEC,QAFD,CADG,GAIH,QAJJ;AAKD,KATM;AAUP,IAAA,SAVO,qBAWL,OAXK,EAYL,QAZK,EAaL,cAbK,EAakB;AAEvB,UAAI,KAAK,QAAT,EAAmB;AAEnB,WAAK,QAAL,GAAgB,cAAhB;AACD;AAlBM,GAnCF;AAwDP,EAAA,MAxDO,oBAwDD;AACJ,WAAO,yBAAe,YAAE,KAAK,GAAP;AACpB,MAAA,KAAK,EAAE;AADa,OAEjB,KAAK,MAFY;AAGpB,MAAA,KAAK,EAAE,KAAK;AAHQ,QAInB,CAAC,KAAK,UAAL,EAAD,CAJmB,CAAf,EAIkB,CACvB,CAAC,kBAAD,EAAY;AACV,MAAA,OAAO,EAAE,KAAK,SADJ;AAEV,MAAA,OAAO,EAAE,KAAK;AAFJ,KAAZ,CADuB,CAJlB,CAAP;AAUD;AAnEM,CAHM,C","sourcesContent":["import { Transition, h, withDirectives, defineComponent } from 'vue'\n// Mixins\nimport Measurable from '../../mixins/measurable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nexport default mixins(\n  Measurable,\n  Toggleable\n).extend({\n  name: 'VLazy',\n\n  emits: ['update:modelValue'],\n\n\n  props: {\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      const children = this.isActive && getSlot(this)\n\n      return this.transition\n        ? h(Transition, {\n          name: this.transition,\n        }, children)\n        : children\n    },\n    onObserve (\n      entries: IntersectionObserverEntry[],\n      observer: IntersectionObserver,\n      isIntersecting: boolean,\n    ) {\n      if (this.isActive) return\n\n      this.isActive = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h(this.tag, {\n      class: 'v-lazy',\n      ...this.$attrs,\n      style: this.styles,\n    }, [this.genContent()]), [\n      [intersect, {\n        handler: this.onObserve,\n        options: this.options,\n      }]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VLazy.js"}

package/es5/components/VList/VList.js

@@ -81,7 +81,7 @@ var _default = (0, _vue.defineComponent)({
     },
     unregister: function unregister(content) {
       var index = this.groups.findIndex(function (g) {
-        return g._uid === content._uid;
+        return g.$.uid === content.$.uid;
       });
       if (index > -1) this.groups.splice(index, 1);
     },

package/es5/components/VList/VList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VList.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAIA;;AACA;;;;;;;;;;;;;;;;AAYA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,QADuB;AAE7B,EAAA,OAAO,EAAE,eAFoB;AAI7B,EAAA,OAJ6B,qBAItB;AACL,WAAO;AACL,MAAA,QAAQ,EAAE,IADL;AAEL,MAAA,IAAI,EAAE;AAFD,KAAP;AAID,GAT4B;AAW7B,EAAA,MAAM,EAAE;AACN,IAAA,QAAQ,EAAE;AACR,MAAA,OAAO,EAAE;AADD,KADJ;AAIN,IAAA,OAAO,EAAE;AACP,MAAA,OAAO,EAAE;AADF;AAJH,GAXqB;AAoB7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,MAAM,EAAE,OAHH;AAIL,IAAA,IAAI,EAAE,OAJD;AAKL,IAAA,GAAG,EAAE,OALA;AAML,IAAA,OAAO,EAAE,OANJ;AAOL,IAAA,SAAS,EAAE,OAPN;AAQL,IAAA,SAAS,EAAE,OARN;AASL,IAAA,OAAO,EAAE;AATJ,GApBsB;AAgC7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE;AADG,KAAP;AAAA,GAhCuB;AAoC7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,gBAAO,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CADL;AAEE,yBAAiB,KAAK,KAFxB;AAGE,4BAAoB,KAAK,QAH3B;AAIE,wBAAgB,KAAK,IAJvB;AAKE,uBAAe,KAAK,GALtB;AAME,2BAAmB,KAAK,OAN1B;AAOE,6BAAqB,KAAK,SAP5B;AAQE,4BAAoB,KAAK,OAR3B;AASE,8BAAsB,KAAK;AAT7B;AAWD;AAbO,GApCmB;AAoD7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,OADH,EAC8B;AACnC,WAAK,MAAL,CAAY,IAAZ,CAAiB,OAAjB;AACD,KAHM;AAIP,IAAA,UAJO,sBAIK,OAJL,EAIgC;AACrC,UAAM,KAAK,GAAG,KAAK,MAAL,CAAY,SAAZ,CAAsB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,IAAF,KAAW,OAAO,CAAC,IAAvB;AAAA,OAAvB,CAAd;AAEA,UAAI,KAAK,GAAG,CAAC,CAAb,EAAgB,KAAK,MAAL,CAAY,MAAZ,CAAmB,KAAnB,EAA0B,CAA1B;AACjB,KARM;AASP,IAAA,SATO,qBASI,GATJ,EASe;AACpB,UAAI,KAAK,MAAT,EAAiB;;AADG,iDAGA,KAAK,MAHL;AAAA;;AAAA;AAGpB,4DAAiC;AAAA,cAAtB,KAAsB;AAC/B,UAAA,KAAK,CAAC,MAAN,CAAa,GAAb;AACD;AALmB;AAAA;AAAA;AAAA;AAAA;AAMrB;AAfM,GApDoB;AAsE7B,EAAA,MAtE6B,oBAsEvB;AACJ,QAAM,IAAI;AACR,MAAA,KAAK,EAAE,CAAC,KAAK,OAAN,EAAe,QAAf,CADC;AAER,MAAA,KAAK,EAAE,KAAK,MAFJ;AAGR,MAAA,IAAI,EAAE,KAAK,OAAL,IAAgB,KAAK,QAArB,GAAgC,SAAhC,GAA4C;AAH1C,OAKL,KAAK,UALA,CAAV;;AAQA,WAAO,YAAE,KAAK,GAAP,EAAY,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAZ,EAAuD,sBAAQ,IAAR,CAAvD,CAAP;AACD;AAhF4B,CAAhB,C","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VList.sass'\nimport VListGroup from './VListGroup'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, defineComponent } from 'vue'\n\ntype VListGroupInstance = InstanceType<typeof VListGroup>\n\ninterface options extends InstanceType<typeof VSheet> {\n  isInMenu: boolean\n  isInNav: boolean\n}\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list',\n  extends: VSheet,\n\n  provide (): object {\n    return {\n      isInList: true,\n      list: this,\n    }\n  },\n\n  inject: {\n    isInMenu: {\n      default: false,\n    },\n    isInNav: {\n      default: false,\n    },\n  },\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    expand: Boolean,\n    flat: Boolean,\n    nav: Boolean,\n    rounded: Boolean,\n    subheader: Boolean,\n    threeLine: Boolean,\n    twoLine: Boolean,\n  },\n\n  data: () => ({\n    groups: [] as VListGroupInstance[],\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-list--dense': this.dense,\n        'v-list--disabled': this.disabled,\n        'v-list--flat': this.flat,\n        'v-list--nav': this.nav,\n        'v-list--rounded': this.rounded,\n        'v-list--subheader': this.subheader,\n        'v-list--two-line': this.twoLine,\n        'v-list--three-line': this.threeLine,\n      }\n    },\n  },\n\n  methods: {\n    register (content: VListGroupInstance) {\n      this.groups.push(content)\n    },\n    unregister (content: VListGroupInstance) {\n      const index = this.groups.findIndex(g => g._uid === content._uid)\n\n      if (index > -1) this.groups.splice(index, 1)\n    },\n    listClick (uid: number) {\n      if (this.expand) return\n\n      for (const group of this.groups) {\n        group.toggle(uid)\n      }\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: [this.classes, 'v-list'],\n      style: this.styles,\n      role: this.isInNav || this.isInMenu ? undefined : 'list',\n      // ...this.attrs$,\n      ...this.listeners$,\n    }\n\n    return h(this.tag, this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VList.js"}
+{"version":3,"sources":["../../../src/components/VList/VList.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAIA;;AACA;;;;;;;;;;;;;;;;AAYA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,QADuB;AAE7B,EAAA,OAAO,EAAE,eAFoB;AAI7B,EAAA,OAJ6B,qBAItB;AACL,WAAO;AACL,MAAA,QAAQ,EAAE,IADL;AAEL,MAAA,IAAI,EAAE;AAFD,KAAP;AAID,GAT4B;AAW7B,EAAA,MAAM,EAAE;AACN,IAAA,QAAQ,EAAE;AACR,MAAA,OAAO,EAAE;AADD,KADJ;AAIN,IAAA,OAAO,EAAE;AACP,MAAA,OAAO,EAAE;AADF;AAJH,GAXqB;AAoB7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,MAAM,EAAE,OAHH;AAIL,IAAA,IAAI,EAAE,OAJD;AAKL,IAAA,GAAG,EAAE,OALA;AAML,IAAA,OAAO,EAAE,OANJ;AAOL,IAAA,SAAS,EAAE,OAPN;AAQL,IAAA,SAAS,EAAE,OARN;AASL,IAAA,OAAO,EAAE;AATJ,GApBsB;AAgC7B,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,MAAM,EAAE;AADG,KAAP;AAAA,GAhCuB;AAoC7B,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,gBAAO,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CADL;AAEE,yBAAiB,KAAK,KAFxB;AAGE,4BAAoB,KAAK,QAH3B;AAIE,wBAAgB,KAAK,IAJvB;AAKE,uBAAe,KAAK,GALtB;AAME,2BAAmB,KAAK,OAN1B;AAOE,6BAAqB,KAAK,SAP5B;AAQE,4BAAoB,KAAK,OAR3B;AASE,8BAAsB,KAAK;AAT7B;AAWD;AAbO,GApCmB;AAoD7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,OADH,EAC8B;AACnC,WAAK,MAAL,CAAY,IAAZ,CAAiB,OAAjB;AACD,KAHM;AAIP,IAAA,UAJO,sBAIK,OAJL,EAIgC;AACrC,UAAM,KAAK,GAAG,KAAK,MAAL,CAAY,SAAZ,CAAsB,UAAA,CAAC;AAAA,eAAI,CAAC,CAAC,CAAF,CAAI,GAAJ,KAAY,OAAO,CAAC,CAAR,CAAU,GAA1B;AAAA,OAAvB,CAAd;AAEA,UAAI,KAAK,GAAG,CAAC,CAAb,EAAgB,KAAK,MAAL,CAAY,MAAZ,CAAmB,KAAnB,EAA0B,CAA1B;AACjB,KARM;AASP,IAAA,SATO,qBASI,GATJ,EASe;AACpB,UAAI,KAAK,MAAT,EAAiB;;AADG,iDAGA,KAAK,MAHL;AAAA;;AAAA;AAGpB,4DAAiC;AAAA,cAAtB,KAAsB;AAC/B,UAAA,KAAK,CAAC,MAAN,CAAa,GAAb;AACD;AALmB;AAAA;AAAA;AAAA;AAAA;AAMrB;AAfM,GApDoB;AAsE7B,EAAA,MAtE6B,oBAsEvB;AACJ,QAAM,IAAI;AACR,MAAA,KAAK,EAAE,CAAC,KAAK,OAAN,EAAe,QAAf,CADC;AAER,MAAA,KAAK,EAAE,KAAK,MAFJ;AAGR,MAAA,IAAI,EAAE,KAAK,OAAL,IAAgB,KAAK,QAArB,GAAgC,SAAhC,GAA4C;AAH1C,OAKL,KAAK,UALA,CAAV;;AAQA,WAAO,YAAE,KAAK,GAAP,EAAY,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAZ,EAAuD,sBAAQ,IAAR,CAAvD,CAAP;AACD;AAhF4B,CAAhB,C","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VList.sass'\nimport VListGroup from './VListGroup'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, defineComponent } from 'vue'\n\ntype VListGroupInstance = InstanceType<typeof VListGroup>\n\ninterface options extends InstanceType<typeof VSheet> {\n  isInMenu: boolean\n  isInNav: boolean\n}\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-list',\n  extends: VSheet,\n\n  provide (): object {\n    return {\n      isInList: true,\n      list: this,\n    }\n  },\n\n  inject: {\n    isInMenu: {\n      default: false,\n    },\n    isInNav: {\n      default: false,\n    },\n  },\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    expand: Boolean,\n    flat: Boolean,\n    nav: Boolean,\n    rounded: Boolean,\n    subheader: Boolean,\n    threeLine: Boolean,\n    twoLine: Boolean,\n  },\n\n  data: () => ({\n    groups: [] as VListGroupInstance[],\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSheet.computed.classes.call(this),\n        'v-list--dense': this.dense,\n        'v-list--disabled': this.disabled,\n        'v-list--flat': this.flat,\n        'v-list--nav': this.nav,\n        'v-list--rounded': this.rounded,\n        'v-list--subheader': this.subheader,\n        'v-list--two-line': this.twoLine,\n        'v-list--three-line': this.threeLine,\n      }\n    },\n  },\n\n  methods: {\n    register (content: VListGroupInstance) {\n      this.groups.push(content)\n    },\n    unregister (content: VListGroupInstance) {\n      const index = this.groups.findIndex(g => g.$.uid === content.$.uid)\n\n      if (index > -1) this.groups.splice(index, 1)\n    },\n    listClick (uid: number) {\n      if (this.expand) return\n\n      for (const group of this.groups) {\n        group.toggle(uid)\n      }\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: [this.classes, 'v-list'],\n      style: this.styles,\n      role: this.isInNav || this.isInMenu ? undefined : 'list',\n      // ...this.attrs$,\n      ...this.listeners$,\n    }\n\n    return h(this.tag, this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VList.js"}

package/es5/components/VList/VListGroup.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,7 +25,7 @@ var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
 
 var _registrable = require("../../mixins/registrable");
 
-var _ripple = _interopRequireWildcard(require("../../directives/ripple"));
+var _ripple = require("../../directives/ripple");
 
 var _transitions = require("../transitions");
 
@@ -35,9 +33,7 @@ var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
 var _helpers = require("../../util/helpers");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _console = require("../../util/console");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,13 +43,22 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var baseMixins = (0, _mixins.default)(_bindsAttrs.default, _bootable.default, _colorable.default, (0, _registrable.inject)('list'), _toggleable.default);
 
 var _default = baseMixins.extend({
   name: 'v-list-group',
-  directives: {
-    ripple: _ripple.default
-  },
   props: {
     activeClass: {
       type: String,
@@ -87,79 +92,103 @@ var _default = baseMixins.extend({
       };
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['inputValue', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.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: function 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: function created() {
-    this.list && this.list.register(this);
-
-    if (this.group && this.$route && this.value == null) {
-      this.isActive = this.matchRoute(this.$route.path);
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.list && this.list.unregister(this);
   },
   methods: {
     click: function click(e) {
-      var _this = this;
+      var _this2 = this;
 
       if (this.disabled) return;
       this.isBooted = true;
       this.$emit('click', e);
       this.$nextTick(function () {
-        return _this.isActive = !_this.isActive;
+        return _this2.isActive = !_this2.isActive;
       });
     },
     genIcon: function genIcon(icon) {
-      return (0, _vue.h)(_VIcon.default, icon);
+      return (0, _vue.h)(_VIcon.default, {}, function () {
+        return icon;
+      });
     },
     genAppendIcon: function genAppendIcon() {
+      var _this3 = this;
+
       var icon = !this.subGroup ? this.appendIcon : false;
       var slot = (0, _helpers.getSlot)(this, 'appendIcon');
       if (!icon && !slot) return null;
       return (0, _vue.h)(_VListItemIcon.default, {
         class: 'v-list-group__header__append-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, function () {
+        return [slot || _this3.genIcon(icon)];
+      });
     },
     genHeader: function genHeader() {
+      var _this4 = this;
+
       return (0, _vue.withDirectives)((0, _vue.h)(_VListItem.default, _objectSpread(_objectSpread({
         'aria-expanded': String(this.isActive),
         role: 'button',
         class: _defineProperty({
           'v-list-group__header': true
         }, this.activeClass, this.isActive),
-        inputValue: this.isActive
+        link: true,
+        modelValue: this.isActive
       }, this.listeners$), {}, {
         onClick: this.click
-      }), [this.genPrependIcon(), (0, _helpers.getSlot)(this, 'activator'), this.genAppendIcon()]), [[_ripple.Ripple, this.ripple]]);
+      }), function () {
+        return [_this4.genPrependIcon(), (0, _helpers.getSlot)(_this4, 'activator'), _this4.genAppendIcon()];
+      }), [[_ripple.Ripple, this.ripple]]);
     },
     genItems: function genItems() {
-      var _this2 = this;
+      var _this5 = this;
 
+      var directives = [[_vue.vShow, this.isActive]];
       return this.showLazyContent(function () {
-        return [(0, _vue.h)('div', {
-          class: 'v-list-group__items',
-          directives: [{
-            name: 'show',
-            value: _this2.isActive
-          }]
-        }, (0, _helpers.getSlot)(_this2))];
+        return [(0, _vue.withDirectives)((0, _vue.h)('div', {
+          class: 'v-list-group__items'
+        }, (0, _helpers.getSlot)(_this5)), directives)];
       });
     },
     genPrependIcon: function genPrependIcon() {
+      var _this6 = this;
+
       var icon = this.subGroup && this.prependIcon == null ? '$subgroup' : this.prependIcon;
       var slot = (0, _helpers.getSlot)(this, 'prependIcon');
       if (!icon && !slot) return null;
       return (0, _vue.h)(_VListItemIcon.default, {
         class: 'v-list-group__header__prepend-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, function () {
+        return [slot || _this6.genIcon(icon)];
+      });
     },
     onRouteChange: function onRouteChange(to) {
       /* istanbul ignore if */
@@ -168,18 +197,18 @@ var _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: function toggle(uid) {
-      var _this3 = this;
+      var _this7 = this;
 
-      var isActive = this._uid === uid;
+      var isActive = this.$.uid === uid;
       if (isActive) this.isBooted = true;
       this.$nextTick(function () {
-        return _this3.isActive = isActive;
+        return _this7.isActive = isActive;
       });
     },
     matchRoute: function matchRoute(to) {
@@ -187,9 +216,13 @@ var _default = baseMixins.extend({
     }
   },
   render: function render() {
-    return (0, _vue.h)('div', this.setTextColor(this.isActive && this.color, _defineProperty({
-      class: 'v-list-group'
-    }, "class", this.classes)), [this.genHeader(), (0, _vue.h)(_transitions.VExpandTransition, this.genItems())]);
+    var _this8 = this;
+
+    return (0, _vue.h)('div', this.setTextColor(this.isActive && this.color, {
+      class: ['v-list-group', this.classes]
+    }), [this.genHeader(), (0, _vue.h)(_transitions.VExpandTransition, {}, function () {
+      return _this8.genItems();
+    })]);
   }
 });
 

package/es5/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 { 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\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),\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/es5/components/VList/VListItem.js

@@ -19,8 +19,6 @@ var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
 var _toggleable = require("../../mixins/toggleable");
 
-var _ripple = _interopRequireDefault(require("../../directives/ripple"));
-
 var _helpers = require("./../../util/helpers");
 
 var _mergeData = _interopRequireDefault(require("./../../util/mergeData"));
@@ -31,20 +29,33 @@ var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var baseMixins = (0, _mixins.default)(_colorable.default, _routable.default, _themeable.default, (0, _groupable.factory)('listItemGroup'), (0, _toggleable.factory)('inputValue'));
+var baseMixins = (0, _mixins.default)(_colorable.default, _routable.default, _themeable.default, (0, _groupable.factory)('listItemGroup'), (0, _toggleable.factory)('modelValue'));
 /* @vue/component */
 
 var _default = baseMixins.extend({
   name: 'v-list-item',
-  directives: {
-    Ripple: _ripple.default
-  },
   inject: {
     isInGroup: {
       default: false
@@ -66,6 +77,7 @@ var _default = baseMixins.extend({
     },
     dense: Boolean,
     inactive: Boolean,
+    onClick: Function,
     link: Boolean,
     selectable: {
       type: Boolean
@@ -76,8 +88,9 @@ var _default = baseMixins.extend({
     },
     threeLine: Boolean,
     twoLine: Boolean,
-    value: null
+    modelValue: null
   },
+  emits: ['click', 'keydown', 'change', 'update:modelValue'],
   data: function data() {
     return {
       proxyClass: 'v-list-item--active'
@@ -106,7 +119,20 @@ var _default = baseMixins.extend({
     }
   },
   created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue']];
     /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+    /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('avatar')) {
       (0, _console.removed)('avatar', this);
     }
@@ -118,10 +144,14 @@ var _default = baseMixins.extend({
       this.to || this.toggle();
     },
     genAttrs: function genAttrs() {
-      var attrs = _objectSpread({
+      var _this$$attrs = this.$attrs,
+          _ = _this$$attrs.class,
+          otherAttrs = _objectWithoutProperties(_this$$attrs, ["class"]);
+
+      var attrs = _objectSpread(_objectSpread({}, otherAttrs), {}, {
         'aria-disabled': this.disabled ? true : undefined,
         tabindex: this.isClickable && !this.disabled ? 0 : -1
-      }, this.$attrs);
+      });
 
       if (this.$attrs.hasOwnProperty('role')) {// do nothing, role already provided
       } else if (this.isInNav) {// do nothing, role is inherit
@@ -138,42 +168,57 @@ var _default = baseMixins.extend({
       return attrs;
     },
     toggle: function toggle() {
-      if (this.to && this.inputValue === undefined) {
+      if (this.to && this.modelValue === undefined) {
         this.isActive = !this.isActive;
       }
 
       this.$emit('change');
+      this.$emitLegacy('change');
     }
   },
   render: function render() {
-    var _this = this;
+    var _this2 = this;
 
     var _this$generateRouteLi = this.generateRouteLink(),
         tag = _this$generateRouteLi.tag,
         data = _this$generateRouteLi.data,
         directives = _this$generateRouteLi.directives;
 
-    data = (0, _mergeData.default)(data, this.genAttrs());
+    var attrs = this.genAttrs();
+    data = (0, _mergeData.default)(data, attrs);
     data = _objectSpread(_objectSpread({}, data), {}, {
       onKeydown: function onKeydown(e) {
-        if (!_this.disabled) {
+        if (!_this2.disabled) {
           /* istanbul ignore else */
-          if (e.keyCode === _helpers.keyCodes.enter) _this.click(e);
+          if (e.keyCode === _helpers.keyCodes.enter) _this2.click(e);
 
-          _this.$emit('keydown', e);
+          _this2.$emit('keydown', e);
         }
       }
-    });
+    }, attrs);
     if (this.inactive) tag = 'div'; // if (this.inactive && this.to) {
     //   data.on = data.nativeOn
     //   delete data.nativeOn
     // }
 
-    var children = (0, _helpers.getSlot)(this, 'default', {
+    var slotProps = {
       active: this.isActive,
       toggle: this.toggle
+    };
+    var children = [(0, _helpers.getSlot)(this, 'prepend', slotProps), (0, _helpers.getSlot)(this, 'default', slotProps), (0, _helpers.getSlot)(this, 'append', slotProps)].filter(Boolean);
+    var nodeData = this.isActive ? this.setTextColor(this.color, data) : data;
+    var attrsClasses = this.$attrs.class;
+
+    if (attrsClasses) {
+      nodeData.class = [this.classes, attrsClasses];
+    } else {
+      nodeData.class = this.classes;
+    }
+
+    var node = typeof tag === 'string' ? (0, _vue.h)(tag, nodeData, children) : (0, _vue.h)(tag, nodeData, function () {
+      return children;
     });
-    return (0, _vue.withDirectives)((0, _vue.h)(tag, this.isActive ? this.setTextColor(this.color, data) : data, children), directives);
+    return (0, _vue.withDirectives)(node, directives);
   }
 });
 

package/es5/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 { h, withDirectives, VNode, PropType, PropValidator } 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, { 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\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  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    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(tag, nodeData, children)\n      : h(tag, nodeData, () => children)\n\n    return withDirectives(node, directives)\n  },\n})\n"],"sourceRoot":"","file":"VListItem.js"}

package/es5/components/VList/VListItemAction.js

@@ -7,21 +7,35 @@ exports.default = void 0;
 
 var _vue = require("vue");
 
-// Types
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 /* @vue/component */
 var _default = (0, _vue.defineComponent)({
   name: 'v-list-item-action',
-  functional: true,
   render: function render() {
-    var data = this.$attrs;
-    data.class = data.class ? "v-list-item__action ".concat(data.class) : 'v-list-item__action';
-    var children = this.$slots.default();
-    var filteredChild = children.filter(function (VNode) {
-      return VNode.isComment === false && VNode.text !== ' ';
+    var _a, _b;
+
+    var _this$$attrs = this.$attrs,
+        attrClass = _this$$attrs.class,
+        otherAttrs = _objectWithoutProperties(_this$$attrs, ["class"]);
+
+    var className = attrClass ? "v-list-item__action ".concat(attrClass) : 'v-list-item__action';
+    var children = ((_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
+    var filteredChild = children.filter(function (vnode) {
+      return (vnode === null || vnode === void 0 ? void 0 : vnode.type) !== _vue.Comment && (vnode === null || vnode === void 0 ? void 0 : vnode.children) !== ' ';
     });
-    if (filteredChild.length > 1) data.class += ' v-list-item__action--stack';
-    return (0, _vue.h)('div', data, children);
+    if (filteredChild.length > 1) className += ' v-list-item__action--stack';
+    return (0, _vue.h)('div', _objectSpread(_objectSpread({}, otherAttrs), {}, {
+      class: className
+    }), children);
   }
 });