@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/lib/components/VDataTable/VEditDialog.js

@@ -1,5 +1,4 @@
-import { h } from 'vue'; // Styles
-
+// Styles
 import "../../../src/components/VDataTable/VEditDialog.sass"; // Mixins
 
 import Returnable from '../../mixins/returnable';
@@ -59,16 +58,20 @@ export default mixins(Returnable, Themeable).extend({
     },
 
     genButton(fn, text) {
-      return h(VBtn, {
-        text: true,
-        color: 'primary',
-        light: true,
-        onClick: fn
+      return this.$createElement(VBtn, {
+        props: {
+          text: true,
+          color: 'primary',
+          light: true
+        },
+        on: {
+          click: fn
+        }
       }, text);
     },
 
     genActions() {
-      return h('div', {
+      return this.$createElement('div', {
         class: 'v-small-dialog__actions'
       }, [this.genButton(this.cancel, this.cancelText), this.genButton(() => {
         this.save(this.returnValue);
@@ -77,14 +80,16 @@ export default mixins(Returnable, Themeable).extend({
     },
 
     genContent() {
-      return h('div', {
-        class: 'v-small-dialog__content',
-        onKeydown: e => {
-          e.keyCode === keyCodes.esc && this.cancel();
-
-          if (e.keyCode === keyCodes.enter) {
-            this.save(this.returnValue);
-            this.$emit('save');
+      return this.$createElement('div', {
+        staticClass: 'v-small-dialog__content',
+        on: {
+          keydown: e => {
+            e.keyCode === keyCodes.esc && this.cancel();
+
+            if (e.keyCode === keyCodes.enter) {
+              this.save(this.returnValue);
+              this.$emit('save');
+            }
           }
         },
         ref: 'content'
@@ -93,29 +98,34 @@ export default mixins(Returnable, Themeable).extend({
 
   },
 
-  render() {
+  render(h) {
     return h(VMenu, {
-      class: ['v-small-dialog', this.themeClasses],
-      contentClass: 'v-small-dialog__menu-content',
-      transition: this.transition,
-      origin: 'top right',
-      right: true,
-      value: this.isActive,
-      closeOnClick: !this.persistent,
-      closeOnContentClick: false,
-      eager: this.eager,
-      light: this.light,
-      dark: this.dark,
-      onInput: val => this.isActive = val,
+      staticClass: 'v-small-dialog',
+      class: this.themeClasses,
+      props: {
+        contentClass: 'v-small-dialog__menu-content',
+        transition: this.transition,
+        origin: 'top right',
+        right: true,
+        value: this.isActive,
+        closeOnClick: !this.persistent,
+        closeOnContentClick: false,
+        eager: this.eager,
+        light: this.light,
+        dark: this.dark
+      },
+      on: {
+        input: val => this.isActive = val
+      },
       scopedSlots: {
         activator: ({
           on
         }) => {
           return h('div', {
-            class: 'v-small-dialog__activator',
+            staticClass: 'v-small-dialog__activator',
             on
           }, [h('span', {
-            class: 'v-small-dialog__activator__content'
+            staticClass: 'v-small-dialog__activator__content'
           }, getSlot(this))]);
         }
       }

package/lib/components/VDataTable/VEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VEditDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VEditDialog.sass'\n\n// Mixins\nimport Returnable from '../../mixins/returnable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Component\nimport VBtn from '../VBtn'\nimport VMenu from '../VMenu'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'v-edit-dialog',\n\n  props: {\n    cancelText: {\n      default: 'Cancel',\n    },\n    large: Boolean,\n    eager: Boolean,\n    persistent: Boolean,\n    saveText: {\n      default: 'Save',\n    },\n    transition: {\n      type: String,\n      default: 'slide-x-reverse-transition',\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.$emit('open')\n        setTimeout(this.focus, 50) // Give DOM time to paint\n      } else {\n        this.$emit('close')\n      }\n    },\n  },\n\n  methods: {\n    cancel () {\n      this.isActive = false\n      this.$emit('cancel')\n    },\n    focus () {\n      const input = (this.$refs.content as Element).querySelector('input')\n      input && input.focus()\n    },\n    genButton (fn: Function, text: VNodeChildren): VNode {\n      return h(VBtn, {\n        text: true,\n        color: 'primary',\n        light: true,\n        onClick: fn,\n      }, text)\n    },\n    genActions (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__actions',\n      }, [\n        this.genButton(this.cancel, this.cancelText),\n        this.genButton(() => {\n          this.save(this.returnValue)\n          this.$emit('save')\n        }, this.saveText),\n      ])\n    },\n    genContent (): VNode {\n      return h('div', {\n        class: 'v-small-dialog__content',\n        onKeydown: (e: KeyboardEvent) => {\n          e.keyCode === keyCodes.esc && this.cancel()\n          if (e.keyCode === keyCodes.enter) {\n            this.save(this.returnValue)\n            this.$emit('save')\n          }\n        },\n        ref: 'content'\n      }, getSlot(this, 'input'))\n    },\n  },\n\n  render (): VNode {\n    return h(VMenu, {\n      class: ['v-small-dialog', this.themeClasses],\n      contentClass: 'v-small-dialog__menu-content',\n      transition: this.transition,\n      origin: 'top right',\n      right: true,\n      value: this.isActive,\n      closeOnClick: !this.persistent,\n      closeOnContentClick: false,\n      eager: this.eager,\n      light: this.light,\n      dark: this.dark,\n      onInput: (val: boolean) => (this.isActive = val),\n      scopedSlots: {\n        activator: ({ on }) => {\n          return h('div', {\n            class: 'v-small-dialog__activator',\n            on,\n          }, [\n            h('span', {\n              class: 'v-small-dialog__activator__content',\n            }, getSlot(this)),\n          ])\n        },\n      },\n    }, [\n      this.genContent(),\n      this.large ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VEditDialog.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VEditDialog.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,qDAAP,C,CAEA;;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,SAAS,OAAT,EAAkB,QAAlB,QAAkC,oBAAlC,C,CAEA;;AACA,OAAO,IAAP,MAAiB,SAAjB;AACA,OAAO,KAAP,MAAkB,UAAlB;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CAAC,UAAD,EAAa,SAAb,CAAN,CAA8B,MAA9B,CAAqC;AAClD,EAAA,IAAI,EAAE,eAD4C;AAGlD,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,OAAO,EAAE;AADC,KADP;AAIL,IAAA,KAAK,EAAE,OAJF;AAKL,IAAA,KAAK,EAAE,OALF;AAML,IAAA,UAAU,EAAE,OANP;AAOL,IAAA,QAAQ,EAAE;AACR,MAAA,OAAO,EAAE;AADD,KAPL;AAUL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAVP,GAH2C;;AAmBlD,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,QAAQ,EAAE;AADL,KAAP;AAGD,GAvBiD;;AAyBlD,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,CAAE,GAAF,EAAK;AACX,UAAI,GAAJ,EAAS;AACP,aAAK,KAAL,CAAW,MAAX;AACA,QAAA,UAAU,CAAC,KAAK,KAAN,EAAa,EAAb,CAAV,CAFO,CAEoB;AAC5B,OAHD,MAGO;AACL,aAAK,KAAL,CAAW,OAAX;AACD;AACF;;AARI,GAzB2C;AAoClD,EAAA,OAAO,EAAE;AACP,IAAA,MAAM,GAAA;AACJ,WAAK,QAAL,GAAgB,KAAhB;AACA,WAAK,KAAL,CAAW,QAAX;AACD,KAJM;;AAKP,IAAA,KAAK,GAAA;AACH,YAAM,KAAK,GAAI,KAAK,KAAL,CAAW,OAAX,CAA+B,aAA/B,CAA6C,OAA7C,CAAf;AACA,MAAA,KAAK,IAAI,KAAK,CAAC,KAAN,EAAT;AACD,KARM;;AASP,IAAA,SAAS,CAAE,EAAF,EAAgB,IAAhB,EAAmC;AAC1C,aAAO,KAAK,cAAL,CAAoB,IAApB,EAA0B;AAC/B,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,IADD;AAEL,UAAA,KAAK,EAAE,SAFF;AAGL,UAAA,KAAK,EAAE;AAHF,SADwB;AAM/B,QAAA,EAAE,EAAE;AAAE,UAAA,KAAK,EAAE;AAAT;AAN2B,OAA1B,EAOJ,IAPI,CAAP;AAQD,KAlBM;;AAmBP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE;AADyB,OAA3B,EAEJ,CACD,KAAK,SAAL,CAAe,KAAK,MAApB,EAA4B,KAAK,UAAjC,CADC,EAED,KAAK,SAAL,CAAe,MAAK;AAClB,aAAK,IAAL,CAAU,KAAK,WAAf;AACA,aAAK,KAAL,CAAW,MAAX;AACD,OAHD,EAGG,KAAK,QAHR,CAFC,CAFI,CAAP;AASD,KA7BM;;AA8BP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,yBADmB;AAEhC,QAAA,EAAE,EAAE;AACF,UAAA,OAAO,EAAG,CAAD,IAAqB;AAC5B,YAAA,CAAC,CAAC,OAAF,KAAc,QAAQ,CAAC,GAAvB,IAA8B,KAAK,MAAL,EAA9B;;AACA,gBAAI,CAAC,CAAC,OAAF,KAAc,QAAQ,CAAC,KAA3B,EAAkC;AAChC,mBAAK,IAAL,CAAU,KAAK,WAAf;AACA,mBAAK,KAAL,CAAW,MAAX;AACD;AACF;AAPC,SAF4B;AAWhC,QAAA,GAAG,EAAE;AAX2B,OAA3B,EAYJ,OAAO,CAAC,IAAD,EAAO,OAAP,CAZH,CAAP;AAaD;;AA5CM,GApCyC;;AAmFlD,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,gBADC;AAEd,MAAA,KAAK,EAAE,KAAK,YAFE;AAGd,MAAA,KAAK,EAAE;AACL,QAAA,YAAY,EAAE,8BADT;AAEL,QAAA,UAAU,EAAE,KAAK,UAFZ;AAGL,QAAA,MAAM,EAAE,WAHH;AAIL,QAAA,KAAK,EAAE,IAJF;AAKL,QAAA,KAAK,EAAE,KAAK,QALP;AAML,QAAA,YAAY,EAAE,CAAC,KAAK,UANf;AAOL,QAAA,mBAAmB,EAAE,KAPhB;AAQL,QAAA,KAAK,EAAE,KAAK,KARP;AASL,QAAA,KAAK,EAAE,KAAK,KATP;AAUL,QAAA,IAAI,EAAE,KAAK;AAVN,OAHO;AAed,MAAA,EAAE,EAAE;AACF,QAAA,KAAK,EAAG,GAAD,IAAmB,KAAK,QAAL,GAAgB;AADxC,OAfU;AAkBd,MAAA,WAAW,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AAAE,UAAA;AAAF,SAAD,KAAW;AACpB,iBAAO,CAAC,CAAC,KAAD,EAAQ;AACd,YAAA,WAAW,EAAE,2BADC;AAEd,YAAA;AAFc,WAAR,EAGL,CACD,CAAC,CAAC,MAAD,EAAS;AACR,YAAA,WAAW,EAAE;AADL,WAAT,EAEE,OAAO,CAAC,IAAD,CAFT,CADA,CAHK,CAAR;AAQD;AAVU;AAlBC,KAAR,EA8BL,CACD,KAAK,UAAL,EADC,EAED,KAAK,KAAL,GAAa,KAAK,UAAL,EAAb,GAAiC,IAFhC,CA9BK,CAAR;AAkCD;;AAtHiD,CAArC,CAAf","sourcesContent":["// Styles\nimport './VEditDialog.sass'\n\n// Mixins\nimport Returnable from '../../mixins/returnable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { getSlot, keyCodes } from '../../util/helpers'\n\n// Component\nimport VBtn from '../VBtn'\nimport VMenu from '../VMenu'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'v-edit-dialog',\n\n  props: {\n    cancelText: {\n      default: 'Cancel',\n    },\n    large: Boolean,\n    eager: Boolean,\n    persistent: Boolean,\n    saveText: {\n      default: 'Save',\n    },\n    transition: {\n      type: String,\n      default: 'slide-x-reverse-transition',\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n    }\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.$emit('open')\n        setTimeout(this.focus, 50) // Give DOM time to paint\n      } else {\n        this.$emit('close')\n      }\n    },\n  },\n\n  methods: {\n    cancel () {\n      this.isActive = false\n      this.$emit('cancel')\n    },\n    focus () {\n      const input = (this.$refs.content as Element).querySelector('input')\n      input && input.focus()\n    },\n    genButton (fn: Function, text: VNodeChildren): VNode {\n      return this.$createElement(VBtn, {\n        props: {\n          text: true,\n          color: 'primary',\n          light: true,\n        },\n        on: { click: fn },\n      }, text)\n    },\n    genActions (): VNode {\n      return this.$createElement('div', {\n        class: 'v-small-dialog__actions',\n      }, [\n        this.genButton(this.cancel, this.cancelText),\n        this.genButton(() => {\n          this.save(this.returnValue)\n          this.$emit('save')\n        }, this.saveText),\n      ])\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-small-dialog__content',\n        on: {\n          keydown: (e: KeyboardEvent) => {\n            e.keyCode === keyCodes.esc && this.cancel()\n            if (e.keyCode === keyCodes.enter) {\n              this.save(this.returnValue)\n              this.$emit('save')\n            }\n          },\n        },\n        ref: 'content',\n      }, getSlot(this, 'input'))\n    },\n  },\n\n  render (h): VNode {\n    return h(VMenu, {\n      staticClass: 'v-small-dialog',\n      class: this.themeClasses,\n      props: {\n        contentClass: 'v-small-dialog__menu-content',\n        transition: this.transition,\n        origin: 'top right',\n        right: true,\n        value: this.isActive,\n        closeOnClick: !this.persistent,\n        closeOnContentClick: false,\n        eager: this.eager,\n        light: this.light,\n        dark: this.dark,\n      },\n      on: {\n        input: (val: boolean) => (this.isActive = val),\n      },\n      scopedSlots: {\n        activator: ({ on }) => {\n          return h('div', {\n            staticClass: 'v-small-dialog__activator',\n            on,\n          }, [\n            h('span', {\n              staticClass: 'v-small-dialog__activator__content',\n            }, getSlot(this)),\n          ])\n        },\n      },\n    }, [\n      this.genContent(),\n      this.large ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VEditDialog.js"}

package/lib/components/VDataTable/VSimpleTable.js

@@ -1,4 +1,3 @@
-import { h } from 'vue';
 import "../../../src/components/VDataTable/VSimpleTable.sass";
 import { convertToUnit, getSlot } from '../../util/helpers';
 import Themeable from '../../mixins/themeable';
@@ -25,19 +24,20 @@ export default mixins(Themeable).extend({
   },
   methods: {
     genWrapper() {
-      return this.$slots.wrapper || h('div', {
-        class: 'v-data-table__wrapper',
+      return this.$slots.wrapper || this.$createElement('div', {
+        staticClass: 'v-data-table__wrapper',
         style: {
           height: convertToUnit(this.height)
         }
-      }, [h('table', getSlot(this))]);
+      }, [this.$createElement('table', getSlot(this))]);
     }
 
   },
 
-  render() {
+  render(h) {
     return h('div', {
-      class: ['v-data-table', this.classes]
+      staticClass: 'v-data-table',
+      class: this.classes
     }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
   }
 

package/lib/components/VDataTable/VSimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VSimpleTable.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB;AACA,OAAO,sDAAP;AAEA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAGA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,gBADgC;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,WAAW,EAAE,OAFR;AAGL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT;AAHH,GAH+B;AAStC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,KAAK,KADvB;AAEL,sCAA8B,CAAC,CAAC,KAAK,MAAP,IAAiB,CAAC,KAAK,WAFhD;AAGL,sCAA8B,KAAK,WAH9B;AAIL,iCAAyB,CAAC,CAAC,KAAK,MAAL,CAAY,GAJlC;AAKL,oCAA4B,CAAC,CAAC,KAAK,MAAL,CAAY,MALrC;AAML,WAAG,KAAK;AANH,OAAP;AAQD;;AAVO,GAT4B;AAsBtC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,MAAL,CAAY,OAAZ,IAAuB,CAAC,CAAC,KAAD,EAAQ;AACrC,QAAA,KAAK,EAAE,uBAD8B;AAErC,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,MAAN;AADhB;AAF8B,OAAR,EAK5B,CACD,CAAC,CAAC,OAAD,EAAU,OAAO,CAAC,IAAD,CAAjB,CADA,CAL4B,CAA/B;AAQD;;AAVM,GAtB6B;;AAmCtC,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,cAAD,EAAiB,KAAK,OAAtB;AADO,KAAR,EAEL,CACD,OAAO,CAAC,IAAD,EAAO,KAAP,CADN,EAED,KAAK,UAAL,EAFC,EAGD,OAAO,CAAC,IAAD,EAAO,QAAP,CAHN,CAFK,CAAR;AAOD;;AA3CqC,CAAzB,CAAf","sourcesContent":["import {h} from 'vue'\nimport './VSimpleTable.sass'\n\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || h('div', {\n        class: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        h('table', getSlot(this)),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-data-table', this.classes],\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleTable.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VSimpleTable.ts"],"names":[],"mappings":"AAAA,OAAO,sDAAP;AAEA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAGA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,gBADgC;AAGtC,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,WAAW,EAAE,OAFR;AAGL,IAAA,MAAM,EAAE,CAAC,MAAD,EAAS,MAAT;AAHH,GAH+B;AAStC,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,+BAAuB,KAAK,KADvB;AAEL,sCAA8B,CAAC,CAAC,KAAK,MAAP,IAAiB,CAAC,KAAK,WAFhD;AAGL,sCAA8B,KAAK,WAH9B;AAIL,iCAAyB,CAAC,CAAC,KAAK,MAAL,CAAY,GAJlC;AAKL,oCAA4B,CAAC,CAAC,KAAK,MAAL,CAAY,MALrC;AAML,WAAG,KAAK;AANH,OAAP;AAQD;;AAVO,GAT4B;AAsBtC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,MAAL,CAAY,OAAZ,IAAuB,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACvD,QAAA,WAAW,EAAE,uBAD0C;AAEvD,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,aAAa,CAAC,KAAK,MAAN;AADhB;AAFgD,OAA3B,EAK3B,CACD,KAAK,cAAL,CAAoB,OAApB,EAA6B,OAAO,CAAC,IAAD,CAApC,CADC,CAL2B,CAA9B;AAQD;;AAVM,GAtB6B;;AAmCtC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,cADC;AAEd,MAAA,KAAK,EAAE,KAAK;AAFE,KAAR,EAGL,CACD,OAAO,CAAC,IAAD,EAAO,KAAP,CADN,EAED,KAAK,UAAL,EAFC,EAGD,OAAO,CAAC,IAAD,EAAO,QAAP,CAHN,CAHK,CAAR;AAQD;;AA5CqC,CAAzB,CAAf","sourcesContent":["import './VSimpleTable.sass'\n\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', getSlot(this)),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleTable.js"}

package/lib/components/VDataTable/VVirtualTable.js

@@ -1,4 +1,3 @@
-import { h } from 'vue';
 import "../../../src/components/VDataTable/VVirtualTable.sass"; // Components
 
 import VSimpleTable from './VSimpleTable';
@@ -7,7 +6,7 @@ import mixins from '../../util/mixins'; // Utiltiies
 import { convertToUnit, debounce, getSlot } from '../../util/helpers'; // Types
 
 const baseMixins = mixins(VSimpleTable);
-export default baseMixins.extend({
+export default baseMixins.extend().extend({
   name: 'v-virtual-table',
   props: {
     chunkSize: {
@@ -107,15 +106,15 @@ export default baseMixins.extend({
         this.oldChunk = this.chunkIndex;
       }
 
-      return h('tbody', [h('tr', {
+      return this.$createElement('tbody', [this.$createElement('tr', {
         style: this.createStyleHeight(this.offsetTop)
-      }), this.cachedItems, h('tr', {
+      }), this.cachedItems, this.$createElement('tr', {
         style: this.createStyleHeight(this.offsetBottom)
       })]);
     },
 
     genItems() {
-      return this.$slots.items({
+      return this.$scopedSlots.items({
         items: this.items.slice(this.startIndex, this.stopIndex)
       });
     },
@@ -126,15 +125,15 @@ export default baseMixins.extend({
     },
 
     genTable() {
-      return h('div', {
+      return this.$createElement('div', {
         ref: 'table',
-        class: 'v-virtual-table__table'
-      }, [h('table', [this.$slots['body.before'], this.genBody(), this.$slots['body.after']])]);
+        staticClass: 'v-virtual-table__table'
+      }, [this.$createElement('table', [this.$slots['body.before'], this.genBody(), this.$slots['body.after']])]);
     },
 
     genWrapper() {
-      return h('div', {
-        class: 'v-virtual-table__wrapper',
+      return this.$createElement('div', {
+        staticClass: 'v-virtual-table__wrapper',
         style: {
           height: convertToUnit(this.height)
         }
@@ -143,9 +142,9 @@ export default baseMixins.extend({
 
   },
 
-  render() {
+  render(h) {
     return h('div', {
-      class: 'v-data-table v-virtual-table',
+      staticClass: 'v-data-table v-virtual-table',
       class: this.classes
     }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
   }

package/lib/components/VDataTable/VVirtualTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDataTable/VVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\nimport './VVirtualTable.sass'\n\n// Components\nimport VSimpleTable from './VSimpleTable'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(VSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: VNodeChildren\n}\n\nexport default baseMixins.extend({\n  name: 'v-virtual-table',\n\n  props: {\n    chunkSize: {\n      type: Number,\n      default: 25,\n    },\n    headerHeight: {\n      type: Number,\n      default: 48,\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    rowHeight: {\n      type: Number,\n      default: 48,\n    },\n  },\n\n  data: () => ({\n    scrollTop: 0,\n    oldChunk: 0,\n    scrollDebounce: null as any,\n    invalidateCache: false,\n  }),\n\n  computed: {\n    itemsLength (): number {\n      return this.items.length\n    },\n    totalHeight (): number {\n      return (this.itemsLength * this.rowHeight) + this.headerHeight\n    },\n    topIndex (): number {\n      return Math.floor(this.scrollTop / this.rowHeight)\n    },\n    chunkIndex (): number {\n      return Math.floor(this.topIndex / this.chunkSize)\n    },\n    startIndex (): number {\n      return Math.max(0, (this.chunkIndex * this.chunkSize) - this.chunkSize)\n    },\n    offsetTop (): number {\n      return Math.max(0, this.startIndex * this.rowHeight)\n    },\n    stopIndex (): number {\n      return Math.min(this.startIndex + (this.chunkSize * 3), this.itemsLength)\n    },\n    offsetBottom (): number {\n      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight)\n    },\n  },\n\n  watch: {\n    chunkIndex (newValue, oldValue) {\n      this.oldChunk = oldValue\n    },\n    items () {\n      this.cachedItems = null\n      this.$refs.table.scrollTop = 0\n    },\n  },\n\n  created () {\n    this.cachedItems = null\n  },\n\n  mounted () {\n    this.scrollDebounce = debounce(this.onScroll, 50)\n\n    this.$refs.table.addEventListener('scroll', this.scrollDebounce, { passive: true })\n  },\n\n  beforeDestroy () {\n    this.$refs.table.removeEventListener('scroll', this.scrollDebounce)\n  },\n\n  methods: {\n    createStyleHeight (height: number) {\n      return {\n        height: `${height}px`,\n      }\n    },\n    genBody () {\n      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {\n        this.cachedItems = this.genItems()\n        this.oldChunk = this.chunkIndex\n      }\n\n      return h('tbody', [\n        h('tr', { style: this.createStyleHeight(this.offsetTop) }),\n        this.cachedItems,\n        h('tr', { style: this.createStyleHeight(this.offsetBottom) }),\n      ])\n    },\n    genItems () {\n      return this.$slots.items!({ items: this.items.slice(this.startIndex, this.stopIndex) })\n    },\n    onScroll (e: Event) {\n      const target = e.target as Element\n      this.scrollTop = target.scrollTop\n    },\n    genTable () {\n      return h('div', {\n        ref: 'table',\n        class: 'v-virtual-table__table',\n      }, [\n        h('table', [\n          this.$slots['body.before'],\n          this.genBody(),\n          this.$slots['body.after'],\n        ]),\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-data-table v-virtual-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VVirtualTable.js"}
+{"version":3,"sources":["../../../src/components/VDataTable/VVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import './VVirtualTable.sass'\n\n// Components\nimport VSimpleTable from './VSimpleTable'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(VSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: VNodeChildren\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'v-virtual-table',\n\n  props: {\n    chunkSize: {\n      type: Number,\n      default: 25,\n    },\n    headerHeight: {\n      type: Number,\n      default: 48,\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    rowHeight: {\n      type: Number,\n      default: 48,\n    },\n  },\n\n  data: () => ({\n    scrollTop: 0,\n    oldChunk: 0,\n    scrollDebounce: null as any,\n    invalidateCache: false,\n  }),\n\n  computed: {\n    itemsLength (): number {\n      return this.items.length\n    },\n    totalHeight (): number {\n      return (this.itemsLength * this.rowHeight) + this.headerHeight\n    },\n    topIndex (): number {\n      return Math.floor(this.scrollTop / this.rowHeight)\n    },\n    chunkIndex (): number {\n      return Math.floor(this.topIndex / this.chunkSize)\n    },\n    startIndex (): number {\n      return Math.max(0, (this.chunkIndex * this.chunkSize) - this.chunkSize)\n    },\n    offsetTop (): number {\n      return Math.max(0, this.startIndex * this.rowHeight)\n    },\n    stopIndex (): number {\n      return Math.min(this.startIndex + (this.chunkSize * 3), this.itemsLength)\n    },\n    offsetBottom (): number {\n      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight)\n    },\n  },\n\n  watch: {\n    chunkIndex (newValue, oldValue) {\n      this.oldChunk = oldValue\n    },\n    items () {\n      this.cachedItems = null\n      this.$refs.table.scrollTop = 0\n    },\n  },\n\n  created () {\n    this.cachedItems = null\n  },\n\n  mounted () {\n    this.scrollDebounce = debounce(this.onScroll, 50)\n\n    this.$refs.table.addEventListener('scroll', this.scrollDebounce, { passive: true })\n  },\n\n  beforeDestroy () {\n    this.$refs.table.removeEventListener('scroll', this.scrollDebounce)\n  },\n\n  methods: {\n    createStyleHeight (height: number) {\n      return {\n        height: `${height}px`,\n      }\n    },\n    genBody () {\n      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {\n        this.cachedItems = this.genItems()\n        this.oldChunk = this.chunkIndex\n      }\n\n      return this.$createElement('tbody', [\n        this.$createElement('tr', { style: this.createStyleHeight(this.offsetTop) }),\n        this.cachedItems,\n        this.$createElement('tr', { style: this.createStyleHeight(this.offsetBottom) }),\n      ])\n    },\n    genItems () {\n      return this.$scopedSlots.items!({ items: this.items.slice(this.startIndex, this.stopIndex) })\n    },\n    onScroll (e: Event) {\n      const target = e.target as Element\n      this.scrollTop = target.scrollTop\n    },\n    genTable () {\n      return this.$createElement('div', {\n        ref: 'table',\n        staticClass: 'v-virtual-table__table',\n      }, [\n        this.$createElement('table', [\n          this.$slots['body.before'],\n          this.genBody(),\n          this.$slots['body.after'],\n        ]),\n      ])\n    },\n    genWrapper () {\n      return this.$createElement('div', {\n        staticClass: 'v-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table v-virtual-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VVirtualTable.js"}

package/lib/components/VDataTable/mixins/header.js

@@ -1,7 +1,6 @@
 import VIcon from '../../VIcon';
 import VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox';
 import ripple from '../../../directives/ripple';
-import { h } from 'vue';
 import mixins from '../../../util/mixins';
 export default mixins().extend({
   // https://github.com/vuejs/vue/issues/6872
@@ -42,26 +41,32 @@ export default mixins().extend({
       var _a;
 
       const data = {
-        value: this.everyItem,
-        indeterminate: !this.everyItem && this.someItems,
-        color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : '',
-        onInput: v => this.$emit('toggle-select-all', v)
+        props: {
+          value: this.everyItem,
+          indeterminate: !this.everyItem && this.someItems,
+          color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : ''
+        },
+        on: {
+          input: v => this.$emit('toggle-select-all', v)
+        }
       };
 
-      if (this.$slots['data-table-select']) {
-        return this.$slots['data-table-select'](data);
+      if (this.$scopedSlots['data-table-select']) {
+        return this.$scopedSlots['data-table-select'](data);
       }
 
-      return h(VSimpleCheckbox, {
-        class: 'v-data-table__checkbox',
+      return this.$createElement(VSimpleCheckbox, {
+        staticClass: 'v-data-table__checkbox',
         ...data
       });
     },
 
     genSortIcon() {
-      return h(VIcon, {
-        class: 'v-data-table-header__icon',
-        size: 18
+      return this.$createElement(VIcon, {
+        staticClass: 'v-data-table-header__icon',
+        props: {
+          size: 18
+        }
       }, [this.sortIcon]);
     }
 

package/lib/components/VDataTable/mixins/header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAP,MAAkB,aAAlB;AACA,OAAO,eAAP,MAA4B,iCAA5B;AACA,OAAO,MAAP,MAAmB,4BAAnB;AAEA,SAAyB,CAAzB,QAAiC,KAAjC;AAEA,OAAO,MAAP,MAAmB,sBAAnB;AASA,eAAe,MAAM,GAAY,MAAlB,CAAyB;AACtC;AACA,EAAA,UAAU,EAAE;AACV,IAAA;AADU,GAF0B;AAMtC,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,KADC;AAEP,MAAA,OAAO,EAAE,MAAO;AAFT,KADJ;AAKL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,CADQ;AAEd,QAAA,YAAY,EAAE,EAFA;AAGd,QAAA,MAAM,EAAE,EAHM;AAId,QAAA,QAAQ,EAAE,EAJI;AAKd,QAAA,OAAO,EAAE,EALK;AAMd,QAAA,SAAS,EAAE,EANG;AAOd,QAAA,SAAS,EAAE,KAPG;AAQd,QAAA,QAAQ,EAAE;AARI,OAAP;AAFF,KALJ;AAkBL,IAAA,aAAa,EAAE,MAlBV;AAmBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAnBL;AAuBL,IAAA,SAAS,EAAE,OAvBN;AAwBL,IAAA,SAAS,EAAE,OAxBN;AAyBL,IAAA,WAAW,EAAE,OAzBR;AA0BL,IAAA,YAAY,EAAE,OA1BT;AA2BL,IAAA,WAAW,EAAE;AA3BR,GAN+B;AAoCtC,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;;;AACV,YAAM,IAAI,GAAG;AACX,QAAA,KAAK,EAAE,KAAK,SADD;AAEX,QAAA,aAAa,EAAE,CAAC,KAAK,SAAN,IAAmB,KAAK,SAF5B;AAGX,QAAA,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,aAAL,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,EAHlB;AAIX,QAAA,OAAO,EAAG,CAAD,IAAgB,KAAK,KAAL,CAAW,mBAAX,EAAgC,CAAhC;AAJd,OAAb;;AAOA,UAAI,KAAK,MAAL,CAAY,mBAAZ,CAAJ,EAAsC;AACpC,eAAO,KAAK,MAAL,CAAY,mBAAZ,EAAkC,IAAlC,CAAP;AACD;;AAED,aAAO,CAAC,CAAC,eAAD,EAAkB;AACxB,QAAA,KAAK,EAAE,wBADiB;AAExB,WAAG;AAFqB,OAAlB,CAAR;AAID,KAjBM;;AAkBP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,2BADO;AAEd,QAAA,IAAI,EAAE;AAFQ,OAAR,EAGL,CAAC,KAAK,QAAN,CAHK,CAAR;AAID;;AAvBM;AApC6B,CAAzB,CAAf","sourcesContent":["import { VDataTable } from '../'\nimport VIcon from '../../VIcon'\nimport VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport {defineComponent, h} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'vuetify/types'\n\ntype VDataTableInstance = InstanceType<typeof VDataTable>\n\ninterface options extends Vue {\n  dataTable: VDataTableInstance\n}\n\nexport default mixins<options>().extend({\n  // https://github.com/vuejs/vue/issues/6872\n  directives: {\n    ripple,\n  },\n\n  props: {\n    headers: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<DataTableHeader[]>,\n    options: {\n      type: Object,\n      default: () => ({\n        page: 1,\n        itemsPerPage: 10,\n        sortBy: [],\n        sortDesc: [],\n        groupBy: [],\n        groupDesc: [],\n        multiSort: false,\n        mustSort: false,\n      }),\n    } as PropValidator<DataOptions>,\n    checkboxColor: String,\n    sortIcon: {\n      type: String,\n      default: '$sort',\n    },\n    everyItem: Boolean,\n    someItems: Boolean,\n    showGroupBy: Boolean,\n    singleSelect: Boolean,\n    disableSort: Boolean,\n  },\n\n  methods: {\n    genSelectAll () {\n      const data = {\n        value: this.everyItem,\n        indeterminate: !this.everyItem && this.someItems,\n        color: this.checkboxColor ?? ''\n        onInput: (v: boolean) => this.$emit('toggle-select-all', v),\n      }\n\n      if (this.$slots['data-table-select']) {\n        return this.$slots['data-table-select']!(data)\n      }\n\n      return h(VSimpleCheckbox, {\n        class: 'v-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return h(VIcon, {\n        class: 'v-data-table-header__icon',\n        size: 18,\n      }, [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}
+{"version":3,"sources":["../../../../src/components/VDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAP,MAAkB,aAAlB;AACA,OAAO,eAAP,MAA4B,iCAA5B;AACA,OAAO,MAAP,MAAmB,4BAAnB;AAIA,OAAO,MAAP,MAAmB,sBAAnB;AASA,eAAe,MAAM,GAAY,MAAlB,CAAyB;AACtC;AACA,EAAA,UAAU,EAAE;AACV,IAAA;AADU,GAF0B;AAMtC,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,KADC;AAEP,MAAA,OAAO,EAAE,MAAO;AAFT,KADJ;AAKL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,CADQ;AAEd,QAAA,YAAY,EAAE,EAFA;AAGd,QAAA,MAAM,EAAE,EAHM;AAId,QAAA,QAAQ,EAAE,EAJI;AAKd,QAAA,OAAO,EAAE,EALK;AAMd,QAAA,SAAS,EAAE,EANG;AAOd,QAAA,SAAS,EAAE,KAPG;AAQd,QAAA,QAAQ,EAAE;AARI,OAAP;AAFF,KALJ;AAkBL,IAAA,aAAa,EAAE,MAlBV;AAmBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAnBL;AAuBL,IAAA,SAAS,EAAE,OAvBN;AAwBL,IAAA,SAAS,EAAE,OAxBN;AAyBL,IAAA,WAAW,EAAE,OAzBR;AA0BL,IAAA,YAAY,EAAE,OA1BT;AA2BL,IAAA,WAAW,EAAE;AA3BR,GAN+B;AAoCtC,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;;;AACV,YAAM,IAAI,GAAG;AACX,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,KAAK,SADP;AAEL,UAAA,aAAa,EAAE,CAAC,KAAK,SAAN,IAAmB,KAAK,SAFlC;AAGL,UAAA,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,aAAL,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB;AAHxB,SADI;AAMX,QAAA,EAAE,EAAE;AACF,UAAA,KAAK,EAAG,CAAD,IAAgB,KAAK,KAAL,CAAW,mBAAX,EAAgC,CAAhC;AADrB;AANO,OAAb;;AAWA,UAAI,KAAK,YAAL,CAAkB,mBAAlB,CAAJ,EAA4C;AAC1C,eAAO,KAAK,YAAL,CAAkB,mBAAlB,EAAwC,IAAxC,CAAP;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,eAApB,EAAqC;AAC1C,QAAA,WAAW,EAAE,wBAD6B;AAE1C,WAAG;AAFuC,OAArC,CAAP;AAID,KArBM;;AAsBP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,2BADmB;AAEhC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AAFyB,OAA3B,EAKJ,CAAC,KAAK,QAAN,CALI,CAAP;AAMD;;AA7BM;AApC6B,CAAzB,CAAf","sourcesContent":["import { VDataTable } from '../'\nimport VIcon from '../../VIcon'\nimport VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport Vue from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'vuetify/types'\n\ntype VDataTableInstance = InstanceType<typeof VDataTable>\n\ninterface options extends Vue {\n  dataTable: VDataTableInstance\n}\n\nexport default mixins<options>().extend({\n  // https://github.com/vuejs/vue/issues/6872\n  directives: {\n    ripple,\n  },\n\n  props: {\n    headers: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<DataTableHeader[]>,\n    options: {\n      type: Object,\n      default: () => ({\n        page: 1,\n        itemsPerPage: 10,\n        sortBy: [],\n        sortDesc: [],\n        groupBy: [],\n        groupDesc: [],\n        multiSort: false,\n        mustSort: false,\n      }),\n    } as PropValidator<DataOptions>,\n    checkboxColor: String,\n    sortIcon: {\n      type: String,\n      default: '$sort',\n    },\n    everyItem: Boolean,\n    someItems: Boolean,\n    showGroupBy: Boolean,\n    singleSelect: Boolean,\n    disableSort: Boolean,\n  },\n\n  methods: {\n    genSelectAll () {\n      const data = {\n        props: {\n          value: this.everyItem,\n          indeterminate: !this.everyItem && this.someItems,\n          color: this.checkboxColor ?? '',\n        },\n        on: {\n          input: (v: boolean) => this.$emit('toggle-select-all', v),\n        },\n      }\n\n      if (this.$scopedSlots['data-table-select']) {\n        return this.$scopedSlots['data-table-select']!(data)\n      }\n\n      return this.$createElement(VSimpleCheckbox, {\n        staticClass: 'v-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-data-table-header__icon',\n        props: {\n          size: 18,\n        },\n      }, [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}