kdutify 2.6.0 → 2.7.2

package/lib/components/KDataTable/KEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/KEditDialog.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KEditDialog.sass'\n\n// Mixins\nimport Returnable from '../../mixins/returnable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { keyCodes } from '../../util/helpers'\n\n// Component\nimport KBtn from '../KBtn'\nimport KMenu from '../KMenu'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'k-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: KNodeChildren): KNode {\n      return this.$createElement(KBtn, {\n        props: {\n          text: true,\n          color: 'primary',\n          light: true,\n        },\n        on: { click: fn },\n      }, text)\n    },\n    genActions (): KNode {\n      return this.$createElement('div', {\n        class: 'k-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 (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-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      }, [this.$slots.input])\n    },\n  },\n\n  render (h): KNode {\n    return h(KMenu, {\n      staticClass: 'k-small-dialog',\n      class: this.themeClasses,\n      props: {\n        contentClass: 'k-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: 'k-small-dialog__activator',\n            on,\n          }, [\n            h('span', {\n              staticClass: 'k-small-dialog__activator__content',\n            }, this.$slots.default),\n          ])\n        },\n      },\n    }, [\n      this.genContent(),\n      this.large ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KEditDialog.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/KEditDialog.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KEditDialog.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 KBtn from '../KBtn'\nimport KMenu from '../KMenu'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(Returnable, Themeable).extend({\n  name: 'k-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: KNodeChildren): KNode {\n      return this.$createElement(KBtn, {\n        props: {\n          text: true,\n          color: 'primary',\n          light: true,\n        },\n        on: { click: fn },\n      }, text)\n    },\n    genActions (): KNode {\n      return this.$createElement('div', {\n        class: 'k-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 (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-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): KNode {\n    return h(KMenu, {\n      staticClass: 'k-small-dialog',\n      class: this.themeClasses,\n      props: {\n        contentClass: 'k-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: 'k-small-dialog__activator',\n            on,\n          }, [\n            h('span', {\n              staticClass: 'k-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":"KEditDialog.js"}

package/lib/components/KDataTable/KSimpleTable.js

@@ -1,5 +1,5 @@
 import "..\\..\\..\\src\\components\\KDataTable\\KSimpleTable.sass";
-import { convertToUnit } from '../../util/helpers';
+import { convertToUnit, getSlot } from '../../util/helpers';
 import Themeable from '../../mixins/themeable';
 import mixins from '../../util/mixins';
 export default mixins(Themeable).extend({
@@ -20,7 +20,6 @@ export default mixins(Themeable).extend({
         ...this.themeClasses
       };
     }
-
   },
   methods: {
     genWrapper() {
@@ -29,17 +28,14 @@ export default mixins(Themeable).extend({
         style: {
           height: convertToUnit(this.height)
         }
-      }, [this.$createElement('table', this.$slots.default)]);
+      }, [this.$createElement('table', getSlot(this))]);
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-data-table',
       class: this.classes
-    }, [this.$slots.top, this.genWrapper(), this.$slots.bottom]);
+    }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
   }
-
 });
 //# sourceMappingURL=KSimpleTable.js.map

package/lib/components/KDataTable/KSimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/KSimpleTable.ts"],"names":[],"mappings":"AAAA,OAAO,4DAAP;AAEA,SAAS,aAAT,QAA8B,oBAA9B;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,KAAK,MAAL,CAAY,OAAzC,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,KAAK,MAAL,CAAY,GADX,EAED,KAAK,UAAL,EAFC,EAGD,KAAK,MAAL,CAAY,MAHX,CAHK,CAAR;AAQD;;AA5CqC,CAAzB,CAAf","sourcesContent":["import './KSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { KNode } from 'kdu'\n\nexport default mixins(Themeable).extend({\n  name: 'k-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        'k-data-table--dense': this.dense,\n        'k-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'k-data-table--fixed-header': this.fixedHeader,\n        'k-data-table--has-top': !!this.$slots.top,\n        'k-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: 'k-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KSimpleTable.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/KSimpleTable.ts"],"names":[],"mappings":"AAAA,OAAO,4DAAqB;AAE5B,SAAS,aAAa,EAAE,OAAO,QAAQ,oBAAoB;AAC3D,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,MAAM,MAAM,mBAAmB;AAGtC,eAAe,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;EACtC,IAAI,EAAE,gBAAgB;EAEtB,KAAK,EAAE;IACL,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,OAAO;IACpB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM;GACxB;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,qBAAqB,EAAE,IAAI,CAAC,KAAK;QACjC,4BAA4B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW;QAChE,4BAA4B,EAAE,IAAI,CAAC,WAAW;QAC9C,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG;QAC1C,0BAA0B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;QAChD,GAAG,IAAI,CAAC;OACT;IACH;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QACvD,WAAW,EAAE,uBAAuB;QACpC,KAAK,EAAE;UACL,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM;QAClC;OACF,EAAE,CACD,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAC5C,CAAC;IACJ;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,cAAc;MAC3B,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,CACD,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,EACpB,IAAI,CAAC,UAAU,CAAA,CAAE,EACjB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CACxB,CAAC;EACJ;CACD,CAAC","sourcesContent":["import './KSimpleTable.sass'\n\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { KNode } from 'kdu'\n\nexport default mixins(Themeable).extend({\n  name: 'k-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        'k-data-table--dense': this.dense,\n        'k-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'k-data-table--fixed-header': this.fixedHeader,\n        'k-data-table--has-top': !!this.$slots.top,\n        'k-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: 'k-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): KNode {\n    return h('div', {\n      staticClass: 'k-data-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KSimpleTable.js"}

package/lib/components/KDataTable/KVirtualTable.js

@@ -1,10 +1,10 @@
-import "..\\..\\..\\src\\components\\KDataTable\\KVirtualTable.sass"; // Components
-
+import "..\\..\\..\\src\\components\\KDataTable\\KVirtualTable.sass";
+// Components
 import KSimpleTable from './KSimpleTable';
-import mixins from '../../util/mixins'; // Utiltiies
-
-import { convertToUnit, debounce } from '../../util/helpers'; // Types
-
+import mixins from '../../util/mixins';
+// Utiltiies
+import { convertToUnit, debounce, getSlot } from '../../util/helpers';
+// Types
 const baseMixins = mixins(KSimpleTable);
 export default baseMixins.extend().extend({
   name: 'k-virtual-table',
@@ -36,101 +36,81 @@ export default baseMixins.extend().extend({
     itemsLength() {
       return this.items.length;
     },
-
     totalHeight() {
       return this.itemsLength * this.rowHeight + this.headerHeight;
     },
-
     topIndex() {
       return Math.floor(this.scrollTop / this.rowHeight);
     },
-
     chunkIndex() {
       return Math.floor(this.topIndex / this.chunkSize);
     },
-
     startIndex() {
       return Math.max(0, this.chunkIndex * this.chunkSize - this.chunkSize);
     },
-
     offsetTop() {
       return Math.max(0, this.startIndex * this.rowHeight);
     },
-
     stopIndex() {
       return Math.min(this.startIndex + this.chunkSize * 3, this.itemsLength);
     },
-
     offsetBottom() {
       return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight);
     }
-
   },
   watch: {
     chunkIndex(newValue, oldValue) {
       this.oldChunk = oldValue;
     },
-
     items() {
       this.cachedItems = null;
       this.$refs.table.scrollTop = 0;
     }
-
   },
-
   created() {
     this.cachedItems = null;
   },
-
   mounted() {
     this.scrollDebounce = debounce(this.onScroll, 50);
     this.$refs.table.addEventListener('scroll', this.scrollDebounce, {
       passive: true
     });
   },
-
   beforeDestroy() {
     this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
   },
-
   methods: {
     createStyleHeight(height) {
       return {
         height: `${height}px`
       };
     },
-
     genBody() {
       if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {
         this.cachedItems = this.genItems();
         this.oldChunk = this.chunkIndex;
       }
-
       return this.$createElement('tbody', [this.$createElement('tr', {
         style: this.createStyleHeight(this.offsetTop)
       }), this.cachedItems, this.$createElement('tr', {
         style: this.createStyleHeight(this.offsetBottom)
       })]);
     },
-
     genItems() {
       return this.$scopedSlots.items({
         items: this.items.slice(this.startIndex, this.stopIndex)
       });
     },
-
     onScroll(e) {
       const target = e.target;
       this.scrollTop = target.scrollTop;
     },
-
     genTable() {
       return this.$createElement('div', {
         ref: 'table',
         staticClass: 'k-virtual-table__table'
       }, [this.$createElement('table', [this.$slots['body.before'], this.genBody(), this.$slots['body.after']])]);
     },
-
     genWrapper() {
       return this.$createElement('div', {
         staticClass: 'k-virtual-table__wrapper',
@@ -139,15 +119,12 @@ export default baseMixins.extend().extend({
         }
       }, [this.genTable()]);
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-data-table k-virtual-table',
       class: this.classes
-    }, [this.$slots.top, this.genWrapper(), this.$slots.bottom]);
+    }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
   }
-
 });
 //# sourceMappingURL=KVirtualTable.js.map

package/lib/components/KDataTable/KVirtualTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/KVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import './KVirtualTable.sass'\n\n// Components\nimport KSimpleTable from './KSimpleTable'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(KSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: KNodeChildren\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-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: 'k-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: 'k-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-data-table k-virtual-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KVirtualTable.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/KVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import './KVirtualTable.sass'\n\n// Components\nimport KSimpleTable from './KSimpleTable'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(KSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: KNodeChildren\n}\n\nexport default baseMixins.extend<options>().extend({\n  name: 'k-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: 'k-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: 'k-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-data-table k-virtual-table',\n      class: this.classes,\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KVirtualTable.js"}

package/lib/components/KDataTable/MobileRow.js

@@ -10,7 +10,6 @@ export default Kdu.extend({
     item: Object,
     rtl: Boolean
   },
-
   render(h, {
     props,
     slots,
@@ -24,9 +23,8 @@ export default Kdu.extend({
       const children = [];
       const value = getObjectValueByPath(props.item, header.value);
       const slotName = header.value;
-      const scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
-      const regularSlot = computedSlots[slotName];
-
+      const scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName];
+      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName];
       if (scopedSlot) {
         children.push(scopedSlot({
           item: props.item,
@@ -40,25 +38,22 @@ export default Kdu.extend({
       } else {
         children.push(value == null ? value : String(value));
       }
-
       const mobileRowChildren = [h('div', {
         staticClass: 'k-data-table__mobile-row__cell'
       }, children)];
-
       if (header.value !== 'dataTableSelect' && !props.hideDefaultHeader) {
         mobileRowChildren.unshift(h('div', {
           staticClass: 'k-data-table__mobile-row__header'
         }, [header.text]));
       }
-
       return h('td', {
         class: classes
       }, mobileRowChildren);
     });
-    return h('tr', { ...data,
+    return h('tr', {
+      ...data,
       staticClass: 'k-data-table__mobile-table-row'
     }, columns);
   }
-
 });
 //# sourceMappingURL=MobileRow.js.map

package/lib/components/KDataTable/MobileRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/MobileRow.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAqC,KAArC;AACA,SAAS,oBAAT,QAAqC,oBAArC;AAGA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,KADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;AAKxB,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,KADJ;AAEL,IAAA,iBAAiB,EAAE,OAFd;AAGL,IAAA,KAAK,EAAE,MAHF;AAIL,IAAA,IAAI,EAAE,MAJD;AAKL,IAAA,GAAG,EAAE;AALA,GALiB;;AAaxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,KAAF;AAAS,IAAA,KAAT;AAAgB,IAAA;AAAhB,GAAL,EAA2B;AAC/B,UAAM,aAAa,GAAG,KAAK,EAA3B;AAEA,UAAM,OAAO,GAAY,KAAK,CAAC,OAAN,CAAc,GAAd,CAAmB,MAAD,IAA4B;AACrE,YAAM,OAAO,GAAG;AACd,oCAA4B;AADd,OAAhB;AAIA,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAP,EAAa,MAAM,CAAC,KAApB,CAAlC;AAEA,YAAM,QAAQ,GAAG,MAAM,CAAC,KAAxB;AACA,YAAM,UAAU,GAAG,IAAI,CAAC,WAAL,IAAoB,IAAI,CAAC,WAAL,CAAiB,QAAjB,CAAvC;AACA,YAAM,WAAW,GAAG,aAAa,CAAC,QAAD,CAAjC;;AAEA,UAAI,UAAJ,EAAgB;AACd,QAAA,QAAQ,CAAC,IAAT,CAAc,UAAU,CAAC;AACvB,UAAA,IAAI,EAAE,KAAK,CAAC,IADW;AAEvB,UAAA,QAAQ,EAAE,IAFa;AAGvB,UAAA,MAHuB;AAIvB,UAAA,KAAK,EAAE,KAAK,CAAC,KAJU;AAKvB,UAAA;AALuB,SAAD,CAAxB;AAOD,OARD,MAQO,IAAI,WAAJ,EAAiB;AACtB,QAAA,QAAQ,CAAC,IAAT,CAAc,WAAd;AACD,OAFM,MAEA;AACL,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,IAAI,IAAT,GAAgB,KAAhB,GAAwB,MAAM,CAAC,KAAD,CAA5C;AACD;;AAED,YAAM,iBAAiB,GAAG,CACxB,CAAC,CAAC,KAAD,EAAQ;AACP,QAAA,WAAW,EAAE;AADN,OAAR,EAEE,QAFF,CADuB,CAA1B;;AAMA,UAAI,MAAM,CAAC,KAAP,KAAiB,iBAAjB,IAAsC,CAAC,KAAK,CAAC,iBAAjD,EAAoE;AAClE,QAAA,iBAAiB,CAAC,OAAlB,CACE,CAAC,CAAC,KAAD,EAAQ;AACP,UAAA,WAAW,EAAE;AADN,SAAR,EAEE,CAAC,MAAM,CAAC,IAAR,CAFF,CADH;AAKD;;AAED,aAAO,CAAC,CAAC,IAAD,EAAO;AAAE,QAAA,KAAK,EAAE;AAAT,OAAP,EAA2B,iBAA3B,CAAR;AACD,KAzCwB,CAAzB;AA2CA,WAAO,CAAC,CAAC,IAAD,EAAO,EAAE,GAAG,IAAL;AAAW,MAAA,WAAW,EAAE;AAAxB,KAAP,EAAmE,OAAnE,CAAR;AACD;;AA5DuB,CAAX,CAAf","sourcesContent":["import Kdu, { KNode, PropType } from 'kdu'\nimport { getObjectValueByPath } from '../../util/helpers'\nimport { DataTableHeader } from 'kdutify/types'\n\nexport default Kdu.extend({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    hideDefaultHeader: Boolean,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (h, { props, slots, data }): KNode {\n    const computedSlots = slots()\n\n    const columns: KNode[] = props.headers.map((header: DataTableHeader) => {\n      const classes = {\n        'k-data-table__mobile-row': true,\n      }\n\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const scopedSlot = data.scopedSlots && data.scopedSlots[slotName]\n      const regularSlot = computedSlots[slotName]\n\n      if (scopedSlot) {\n        children.push(scopedSlot({\n          item: props.item,\n          isMobile: true,\n          header,\n          index: props.index,\n          value,\n        }))\n      } else if (regularSlot) {\n        children.push(regularSlot)\n      } else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const mobileRowChildren = [\n        h('div', {\n          staticClass: 'k-data-table__mobile-row__cell',\n        }, children),\n      ]\n\n      if (header.value !== 'dataTableSelect' && !props.hideDefaultHeader) {\n        mobileRowChildren.unshift(\n          h('div', {\n            staticClass: 'k-data-table__mobile-row__header',\n          }, [header.text])\n        )\n      }\n\n      return h('td', { class: classes }, mobileRowChildren)\n    })\n\n    return h('tr', { ...data, staticClass: 'k-data-table__mobile-table-row' }, columns)\n  },\n})\n"],"sourceRoot":"","file":"MobileRow.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/MobileRow.ts"],"names":[],"mappings":"AAAA,OAAO,GAAwB,MAAM,KAAK;AAC1C,SAAS,oBAAoB,QAAQ,oBAAoB;AAGzD,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,KAAK;EAEX,UAAU,EAAE,IAAI;EAEhB,KAAK,EAAE;IACL,OAAO,EAAE,KAAoC;IAC7C,iBAAiB,EAAE,OAAO;IAC1B,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE;GACN;EAED,MAAM,CAAE,CAAC,EAAE;IAAE,KAAK;IAAE,KAAK;IAAE;EAAI,CAAE,EAAA;IAC/B,MAAM,aAAa,GAAG,KAAK,CAAA,CAAE;IAE7B,MAAM,OAAO,GAAY,KAAK,CAAC,OAAO,CAAC,GAAG,CAAE,MAAuB,IAAI;MACrE,MAAM,OAAO,GAAG;QACd,0BAA0B,EAAE;OAC7B;MAED,MAAM,QAAQ,GAAG,EAAE;MACnB,MAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC;MAE5D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK;MAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;MAC9G,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC;MAErF,IAAI,UAAU,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;UACvB,IAAI,EAAE,KAAK,CAAC,IAAI;UAChB,QAAQ,EAAE,IAAI;UACd,MAAM;UACN,KAAK,EAAE,KAAK,CAAC,KAAK;UAClB;SACD,CAAC,CAAC;OACJ,MAAM,IAAI,WAAW,EAAE;QACtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;OAC3B,MAAM;QACL,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;MACrD;MAED,MAAM,iBAAiB,GAAG,CACxB,CAAC,CAAC,KAAK,EAAE;QACP,WAAW,EAAE;OACd,EAAE,QAAQ,CAAC,CACb;MAED,IAAI,MAAM,CAAC,KAAK,KAAK,iBAAiB,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;QAClE,iBAAiB,CAAC,OAAO,CACvB,CAAC,CAAC,KAAK,EAAE;UACP,WAAW,EAAE;SACd,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAClB;MACF;MAED,OAAO,CAAC,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE;MAAO,CAAE,EAAE,iBAAiB,CAAC;IACvD,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC,IAAI,EAAE;MAAE,GAAG,IAAI;MAAE,WAAW,EAAE;IAAgC,CAAE,EAAE,OAAO,CAAC;EACrF;CACD,CAAC","sourcesContent":["import Kdu, { KNode, PropType } from 'kdu'\nimport { getObjectValueByPath } from '../../util/helpers'\nimport { DataTableHeader } from 'kdutify/types'\n\nexport default Kdu.extend({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    hideDefaultHeader: Boolean,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (h, { props, slots, data }): KNode {\n    const computedSlots = slots()\n\n    const columns: KNode[] = props.headers.map((header: DataTableHeader) => {\n      const classes = {\n        'k-data-table__mobile-row': true,\n      }\n\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName]\n      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName]\n\n      if (scopedSlot) {\n        children.push(scopedSlot({\n          item: props.item,\n          isMobile: true,\n          header,\n          index: props.index,\n          value,\n        }))\n      } else if (regularSlot) {\n        children.push(regularSlot)\n      } else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const mobileRowChildren = [\n        h('div', {\n          staticClass: 'k-data-table__mobile-row__cell',\n        }, children),\n      ]\n\n      if (header.value !== 'dataTableSelect' && !props.hideDefaultHeader) {\n        mobileRowChildren.unshift(\n          h('div', {\n            staticClass: 'k-data-table__mobile-row__header',\n          }, [header.text])\n        )\n      }\n\n      return h('td', { class: classes }, mobileRowChildren)\n    })\n\n    return h('tr', { ...data, staticClass: 'k-data-table__mobile-table-row' }, columns)\n  },\n})\n"],"sourceRoot":"","file":"MobileRow.js"}

package/lib/components/KDataTable/Row.js

@@ -1,14 +1,11 @@
 // Types
-import Kdu from 'kdu'; // Utils
-
+import Kdu from 'kdu';
+// Utils
 import { getObjectValueByPath, wrapInArray } from '../../util/helpers';
-
 function needsTd(slot) {
-  var _slot$;
-
-  return slot.length !== 1 || !['td', 'th'].includes((_slot$ = slot[0]) == null ? void 0 : _slot$.tag);
+  var _a;
+  return slot.length !== 1 || !['td', 'th'].includes((_a = slot[0]) === null || _a === void 0 ? void 0 : _a.tag);
 }
-
 export default Kdu.extend({
   name: 'row',
   functional: true,
@@ -18,7 +15,6 @@ export default Kdu.extend({
     item: Object,
     rtl: Boolean
   },
-
   render(h, {
     props,
     slots,
@@ -29,9 +25,8 @@ export default Kdu.extend({
       const children = [];
       const value = getObjectValueByPath(props.item, header.value);
       const slotName = header.value;
-      const scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
-      const regularSlot = computedSlots[slotName];
-
+      const scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName];
+      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName];
       if (scopedSlot) {
         children.push(...wrapInArray(scopedSlot({
           item: props.item,
@@ -45,7 +40,6 @@ export default Kdu.extend({
       } else {
         children.push(value == null ? value : String(value));
       }
-
       const textAlign = `text-${header.align || 'start'}`;
       return needsTd(children) ? h('td', {
         class: [textAlign, header.cellClass, {
@@ -55,6 +49,5 @@ export default Kdu.extend({
     });
     return h('tr', data, columns);
   }
-
 });
 //# sourceMappingURL=Row.js.map

package/lib/components/KDataTable/Row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/Row.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAAqC,KAArC,C,CAGA;;AACA,SAAS,oBAAT,EAA+B,WAA/B,QAAkD,oBAAlD;;AAEA,SAAS,OAAT,CAAkB,IAAlB,EAA2C;AAAA;;AACzC,SAAO,IAAK,CAAC,MAAN,KAAiB,CAAjB,IACL,CAAC,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,WAAsB,IAAK,CAAC,CAAD,CAA3B,qBAAsB,OAAU,GAAhC,CADH;AAED;;AAED,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,KADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;AAKxB,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,KADJ;AAEL,IAAA,KAAK,EAAE,MAFF;AAGL,IAAA,IAAI,EAAE,MAHD;AAIL,IAAA,GAAG,EAAE;AAJA,GALiB;;AAYxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,KAAF;AAAS,IAAA,KAAT;AAAgB,IAAA;AAAhB,GAAL,EAA2B;AAC/B,UAAM,aAAa,GAAG,KAAK,EAA3B;AAEA,UAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,GAAd,CAAmB,MAAD,IAA4B;AAC5D,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAP,EAAa,MAAM,CAAC,KAApB,CAAlC;AAEA,YAAM,QAAQ,GAAG,MAAM,CAAC,KAAxB;AACA,YAAM,UAAU,GAAG,IAAI,CAAC,WAAL,IAAoB,IAAI,CAAC,WAAL,CAAiB,QAAjB,CAAvC;AACA,YAAM,WAAW,GAAG,aAAa,CAAC,QAAD,CAAjC;;AAEA,UAAI,UAAJ,EAAgB;AACd,QAAA,QAAQ,CAAC,IAAT,CAAc,GAAG,WAAW,CAAC,UAAU,CAAC;AACtC,UAAA,IAAI,EAAE,KAAK,CAAC,IAD0B;AAEtC,UAAA,QAAQ,EAAE,KAF4B;AAGtC,UAAA,MAHsC;AAItC,UAAA,KAAK,EAAE,KAAK,CAAC,KAJyB;AAKtC,UAAA;AALsC,SAAD,CAAX,CAA5B;AAOD,OARD,MAQO,IAAI,WAAJ,EAAiB;AACtB,QAAA,QAAQ,CAAC,IAAT,CAAc,GAAG,WAAW,CAAC,WAAD,CAA5B;AACD,OAFM,MAEA;AACL,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,IAAI,IAAT,GAAgB,KAAhB,GAAwB,MAAM,CAAC,KAAD,CAA5C;AACD;;AAED,YAAM,SAAS,GAAG,QAAQ,MAAM,CAAC,KAAP,IAAgB,OAAO,EAAjD;AAEA,aAAO,OAAO,CAAC,QAAD,CAAP,GACH,CAAC,CAAC,IAAD,EAAO;AACR,QAAA,KAAK,EAAE,CACL,SADK,EAEL,MAAM,CAAC,SAFF,EAGL;AACE,mCAAyB,MAAM,CAAC;AADlC,SAHK;AADC,OAAP,EAQA,QARA,CADE,GAUH,QAVJ;AAWD,KAnCe,CAAhB;AAqCA,WAAO,CAAC,CAAC,IAAD,EAAO,IAAP,EAAa,OAAb,CAAR;AACD;;AArDuB,CAAX,CAAf","sourcesContent":["// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { DataTableHeader } from 'kdutify/types'\n\n// Utils\nimport { getObjectValueByPath, wrapInArray } from '../../util/helpers'\n\nfunction needsTd (slot: KNode[] | undefined) {\n  return slot!.length !== 1 ||\n    !['td', 'th'].includes(slot![0]?.tag!)\n}\n\nexport default Kdu.extend({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (h, { props, slots, data }): KNode {\n    const computedSlots = slots()\n\n    const columns = props.headers.map((header: DataTableHeader) => {\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const scopedSlot = data.scopedSlots && data.scopedSlots[slotName]\n      const regularSlot = computedSlots[slotName]\n\n      if (scopedSlot) {\n        children.push(...wrapInArray(scopedSlot({\n          item: props.item,\n          isMobile: false,\n          header,\n          index: props.index,\n          value,\n        })))\n      } else if (regularSlot) {\n        children.push(...wrapInArray(regularSlot))\n      } else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const textAlign = `text-${header.align || 'start'}`\n\n      return needsTd(children)\n        ? h('td', {\n          class: [\n            textAlign,\n            header.cellClass,\n            {\n              'k-data-table__divider': header.divider,\n            },\n          ],\n        }, children)\n        : children\n    })\n\n    return h('tr', data, columns)\n  },\n})\n"],"sourceRoot":"","file":"Row.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/Row.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAwB,MAAM,KAAK;AAG1C;AACA,SAAS,oBAAoB,EAAE,WAAW,QAAQ,oBAAoB;AAEtE,SAAS,OAAO,CAAE,IAAyB,EAAA;;EACzC,OAAO,IAAK,CAAC,MAAM,KAAK,CAAC,IACvB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA,EAAA,GAAA,IAAK,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,GAAI,CAAC;AAC1C;AAEA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,KAAK;EAEX,UAAU,EAAE,IAAI;EAEhB,KAAK,EAAE;IACL,OAAO,EAAE,KAAoC;IAC7C,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE;GACN;EAED,MAAM,CAAE,CAAC,EAAE;IAAE,KAAK;IAAE,KAAK;IAAE;EAAI,CAAE,EAAA;IAC/B,MAAM,aAAa,GAAG,KAAK,CAAA,CAAE;IAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAE,MAAuB,IAAI;MAC5D,MAAM,QAAQ,GAAG,EAAE;MACnB,MAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC;MAE5D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK;MAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;MAC9G,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC;MAErF,IAAI,UAAU,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC;UACtC,IAAI,EAAE,KAAK,CAAC,IAAI;UAChB,QAAQ,EAAE,KAAK;UACf,MAAM;UACN,KAAK,EAAE,KAAK,CAAC,KAAK;UAClB;SACD,CAAC,CAAC,CAAC;OACL,MAAM,IAAI,WAAW,EAAE;QACtB,QAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;OAC3C,MAAM;QACL,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;MACrD;MAED,MAAM,SAAS,GAAG,QAAQ,MAAM,CAAC,KAAK,IAAI,OAAO,EAAE;MAEnD,OAAO,OAAO,CAAC,QAAQ,CAAC,GACpB,CAAC,CAAC,IAAI,EAAE;QACR,KAAK,EAAE,CACL,SAAS,EACT,MAAM,CAAC,SAAS,EAChB;UACE,uBAAuB,EAAE,MAAM,CAAC;SACjC;OAEJ,EAAE,QAAQ,CAAC,GACV,QAAQ;IACd,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC;EAC/B;CACD,CAAC","sourcesContent":["// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { DataTableHeader } from 'kdutify/types'\n\n// Utils\nimport { getObjectValueByPath, wrapInArray } from '../../util/helpers'\n\nfunction needsTd (slot: KNode[] | undefined) {\n  return slot!.length !== 1 ||\n    !['td', 'th'].includes(slot![0]?.tag!)\n}\n\nexport default Kdu.extend({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (h, { props, slots, data }): KNode {\n    const computedSlots = slots()\n\n    const columns = props.headers.map((header: DataTableHeader) => {\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const scopedSlot = data.scopedSlots && data.scopedSlots.hasOwnProperty(slotName) && data.scopedSlots[slotName]\n      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName]\n\n      if (scopedSlot) {\n        children.push(...wrapInArray(scopedSlot({\n          item: props.item,\n          isMobile: false,\n          header,\n          index: props.index,\n          value,\n        })))\n      } else if (regularSlot) {\n        children.push(...wrapInArray(regularSlot))\n      } else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const textAlign = `text-${header.align || 'start'}`\n\n      return needsTd(children)\n        ? h('td', {\n          class: [\n            textAlign,\n            header.cellClass,\n            {\n              'k-data-table__divider': header.divider,\n            },\n          ],\n        }, children)\n        : children\n    })\n\n    return h('tr', data, columns)\n  },\n})\n"],"sourceRoot":"","file":"Row.js"}

package/lib/components/KDataTable/RowGroup.js

@@ -17,14 +17,12 @@ export default Kdu.extend({
       default: 'k-row-group__summary'
     }
   },
-
   render(h, {
     slots,
     props
   }) {
     const computedSlots = slots();
     const children = [];
-
     if (computedSlots['column.header']) {
       children.push(h('tr', {
         staticClass: props.headerClass
@@ -32,9 +30,7 @@ export default Kdu.extend({
     } else if (computedSlots['row.header']) {
       children.push(...computedSlots['row.header']);
     }
-
     if (computedSlots['row.content'] && props.value) children.push(...computedSlots['row.content']);
-
     if (computedSlots['column.summary']) {
       children.push(h('tr', {
         staticClass: props.summaryClass
@@ -42,9 +38,7 @@ export default Kdu.extend({
     } else if (computedSlots['row.summary']) {
       children.push(...computedSlots['row.summary']);
     }
-
     return children;
   }
-
 });
 //# sourceMappingURL=RowGroup.js.map

package/lib/components/KDataTable/RowGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/RowGroup.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAA2B,KAA3B;AAEA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,WADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;AAKxB,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KADF;AAKL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KALR;AASL,IAAA,YAAY,EAAE,MATT;AAUL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,MADM;AAEZ,MAAA,OAAO,EAAE;AAFG;AAVT,GALiB;;AAqBxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,GAAL,EAAqB;AACzB,UAAM,aAAa,GAAG,KAAK,EAA3B;AACA,UAAM,QAAQ,GAAG,EAAjB;;AAEA,QAAI,aAAa,CAAC,eAAD,CAAjB,EAAoC;AAClC,MAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,QAAA,WAAW,EAAE,KAAK,CAAC;AADC,OAAP,EAEZ,aAAa,CAAC,eAAD,CAFD,CAAf;AAGD,KAJD,MAIO,IAAI,aAAa,CAAC,YAAD,CAAjB,EAAiC;AACtC,MAAA,QAAQ,CAAC,IAAT,CAAc,GAAG,aAAa,CAAC,YAAD,CAA9B;AACD;;AAED,QAAI,aAAa,CAAC,aAAD,CAAb,IAAgC,KAAK,CAAC,KAA1C,EAAiD,QAAQ,CAAC,IAAT,CAAc,GAAG,aAAa,CAAC,aAAD,CAA9B;;AAEjD,QAAI,aAAa,CAAC,gBAAD,CAAjB,EAAqC;AACnC,MAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,QAAA,WAAW,EAAE,KAAK,CAAC;AADC,OAAP,EAEZ,aAAa,CAAC,gBAAD,CAFD,CAAf;AAGD,KAJD,MAIO,IAAI,aAAa,CAAC,aAAD,CAAjB,EAAkC;AACvC,MAAA,QAAQ,CAAC,IAAT,CAAc,GAAG,aAAa,CAAC,aAAD,CAA9B;AACD;;AAED,WAAO,QAAP;AACD;;AA5CuB,CAAX,CAAf","sourcesContent":["import Kdu, { KNode } from 'kdu'\n\nexport default Kdu.extend({\n  name: 'row-group',\n\n  functional: true,\n\n  props: {\n    value: {\n      type: Boolean,\n      default: true,\n    },\n    headerClass: {\n      type: String,\n      default: 'k-row-group__header',\n    },\n    contentClass: String,\n    summaryClass: {\n      type: String,\n      default: 'k-row-group__summary',\n    },\n  },\n\n  render (h, { slots, props }): KNode {\n    const computedSlots = slots()\n    const children = []\n\n    if (computedSlots['column.header']) {\n      children.push(h('tr', {\n        staticClass: props.headerClass,\n      }, computedSlots['column.header']))\n    } else if (computedSlots['row.header']) {\n      children.push(...computedSlots['row.header'])\n    }\n\n    if (computedSlots['row.content'] && props.value) children.push(...computedSlots['row.content'])\n\n    if (computedSlots['column.summary']) {\n      children.push(h('tr', {\n        staticClass: props.summaryClass,\n      }, computedSlots['column.summary']))\n    } else if (computedSlots['row.summary']) {\n      children.push(...computedSlots['row.summary'])\n    }\n\n    return children as any\n  },\n})\n"],"sourceRoot":"","file":"RowGroup.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/RowGroup.ts"],"names":[],"mappings":"AAAA,OAAO,GAAc,MAAM,KAAK;AAEhC,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,WAAW;EAEjB,UAAU,EAAE,IAAI;EAEhB,KAAK,EAAE;IACL,KAAK,EAAE;MACL,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,WAAW,EAAE;MACX,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE;MACZ,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;IACV;GACF;EAED,MAAM,CAAE,CAAC,EAAE;IAAE,KAAK;IAAE;EAAK,CAAE,EAAA;IACzB,MAAM,aAAa,GAAG,KAAK,CAAA,CAAE;IAC7B,MAAM,QAAQ,GAAG,EAAE;IAEnB,IAAI,aAAa,CAAC,eAAe,CAAC,EAAE;MAClC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;QACpB,WAAW,EAAE,KAAK,CAAC;OACpB,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;KACpC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,EAAE;MACtC,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IAC9C;IAED,IAAI,aAAa,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IAE/F,IAAI,aAAa,CAAC,gBAAgB,CAAC,EAAE;MACnC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;QACpB,WAAW,EAAE,KAAK,CAAC;OACpB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACrC,MAAM,IAAI,aAAa,CAAC,aAAa,CAAC,EAAE;MACvC,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/C;IAED,OAAO,QAAe;EACxB;CACD,CAAC","sourcesContent":["import Kdu, { KNode } from 'kdu'\n\nexport default Kdu.extend({\n  name: 'row-group',\n\n  functional: true,\n\n  props: {\n    value: {\n      type: Boolean,\n      default: true,\n    },\n    headerClass: {\n      type: String,\n      default: 'k-row-group__header',\n    },\n    contentClass: String,\n    summaryClass: {\n      type: String,\n      default: 'k-row-group__summary',\n    },\n  },\n\n  render (h, { slots, props }): KNode {\n    const computedSlots = slots()\n    const children = []\n\n    if (computedSlots['column.header']) {\n      children.push(h('tr', {\n        staticClass: props.headerClass,\n      }, computedSlots['column.header']))\n    } else if (computedSlots['row.header']) {\n      children.push(...computedSlots['row.header'])\n    }\n\n    if (computedSlots['row.content'] && props.value) children.push(...computedSlots['row.content'])\n\n    if (computedSlots['column.summary']) {\n      children.push(h('tr', {\n        staticClass: props.summaryClass,\n      }, computedSlots['column.summary']))\n    } else if (computedSlots['row.summary']) {\n      children.push(...computedSlots['row.summary'])\n    }\n\n    return children as any\n  },\n})\n"],"sourceRoot":"","file":"RowGroup.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDataTable/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AAEA,SAAS,UAAT,EAAqB,WAArB,EAAkC,cAAlC,EAAkD,gBAAlD,EAAoE,YAApE,EAAkF,aAAlF;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,UADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA,WAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA,YALuB;AAMvB,IAAA;AANuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport KDataTable from './KDataTable'\nimport KDataTableHeader from './KDataTableHeader'\nimport KEditDialog from './KEditDialog'\nimport KSimpleTable from './KSimpleTable'\nimport KVirtualTable from './KVirtualTable'\n\nconst KTableOverflow = createSimpleFunctional('k-table__overflow')\n\nexport { KDataTable, KEditDialog, KTableOverflow, KDataTableHeader, KSimpleTable, KVirtualTable }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KDataTable,\n    KDataTableHeader,\n    KEditDialog,\n    KTableOverflow,\n    KSimpleTable,\n    KVirtualTable,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KDataTable/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAsB,QAAQ,oBAAoB;AAE3D,OAAO,UAAU,MAAM,cAAc;AACrC,OAAO,gBAAgB,MAAM,oBAAoB;AACjD,OAAO,WAAW,MAAM,eAAe;AACvC,OAAO,YAAY,MAAM,gBAAgB;AACzC,OAAO,aAAa,MAAM,iBAAiB;AAE3C,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAmB,CAAC;AAElE,SAAS,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa;AAE/F,eAAe;EACb,uBAAuB,EAAE;IACvB,UAAU;IACV,gBAAgB;IAChB,WAAW;IACX,cAAc;IACd,YAAY;IACZ;EACD;CACF","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport KDataTable from './KDataTable'\nimport KDataTableHeader from './KDataTableHeader'\nimport KEditDialog from './KEditDialog'\nimport KSimpleTable from './KSimpleTable'\nimport KVirtualTable from './KVirtualTable'\n\nconst KTableOverflow = createSimpleFunctional('k-table__overflow')\n\nexport { KDataTable, KEditDialog, KTableOverflow, KDataTableHeader, KSimpleTable, KVirtualTable }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KDataTable,\n    KDataTableHeader,\n    KEditDialog,\n    KTableOverflow,\n    KSimpleTable,\n    KVirtualTable,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

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

@@ -37,29 +37,25 @@ export default mixins().extend({
   },
   methods: {
     genSelectAll() {
-      var _this$checkboxColor;
-
+      var _a;
       const data = {
         props: {
           value: this.everyItem,
           indeterminate: !this.everyItem && this.someItems,
-          color: (_this$checkboxColor = this.checkboxColor) != null ? _this$checkboxColor : ''
+          color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : ''
         },
         on: {
           input: v => this.$emit('toggle-select-all', v)
         }
       };
-
       if (this.$scopedSlots['data-table-select']) {
         return this.$scopedSlots['data-table-select'](data);
       }
-
       return this.$createElement(KSimpleCheckbox, {
         staticClass: 'k-data-table__checkbox',
         ...data
       });
     },
-
     genSortIcon() {
       return this.$createElement(KIcon, {
         staticClass: 'k-data-table-header__icon',
@@ -68,7 +64,6 @@ export default mixins().extend({
         }
       }, [this.sortIcon]);
     }
-
   }
 });
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/KDataTable/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,EAAA,UAAU,EAAE;AACV,IAAA;AADU,GAD0B;AAKtC,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,GAL+B;AAmCtC,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;AAAA;;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,yBAAE,KAAK,aAAP,kCAAwB;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;AAnC6B,CAAzB,CAAf","sourcesContent":["import { KDataTable } from '../'\nimport KIcon from '../../KIcon'\nimport KSimpleCheckbox from '../../KCheckbox/KSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport Kdu from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'kdutify/types'\n\ntype KDataTableInstance = InstanceType<typeof KDataTable>\n\ninterface options extends Kdu {\n  dataTable: KDataTableInstance\n}\n\nexport default mixins<options>().extend({\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(KSimpleCheckbox, {\n        staticClass: 'k-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return this.$createElement(KIcon, {\n        staticClass: 'k-data-table-header__icon',\n        props: {\n          size: 18,\n        },\n      }, [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}
+{"version":3,"sources":["../../../../src/components/KDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,aAAa;AAC/B,OAAO,eAAe,MAAM,iCAAiC;AAC7D,OAAO,MAAM,MAAM,4BAA4B;AAI/C,OAAO,MAAM,MAAM,sBAAsB;AASzC,eAAe,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACtC,UAAU,EAAE;IACV;GACD;EAED,KAAK,EAAE;IACL,OAAO,EAAE;MACP,IAAI,EAAE,KAAK;MACX,OAAO,EAAE,CAAA,KAAO;KACmB;IACrC,OAAO,EAAE;MACP,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,CAAA,MAAO;QACd,IAAI,EAAE,CAAC;QACP,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE;OACX;KAC4B;IAC/B,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE;MACR,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,OAAO;IAClB,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE;GACd;EAED,OAAO,EAAE;IACP,YAAY,CAAA,EAAA;;MACV,MAAM,IAAI,GAAG;QACX,KAAK,EAAE;UACL,KAAK,EAAE,IAAI,CAAC,SAAS;UACrB,aAAa,EAAE,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS;UAChD,KAAK,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI;SAC9B;QACD,EAAE,EAAE;UACF,KAAK,EAAG,CAAU,IAAK,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;QACzD;OACF;MAED,IAAI,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAE,CAAC,IAAI,CAAC;MACrD;MAED,OAAO,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE;QAC1C,WAAW,EAAE,wBAAwB;QACrC,GAAG;OACJ,CAAC;IACJ,CAAC;IACD,WAAW,CAAA,EAAA;MACT,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,2BAA2B;QACxC,KAAK,EAAE;UACL,IAAI,EAAE;QACP;OACF,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB;EACD;CACF,CAAC","sourcesContent":["import { KDataTable } from '../'\nimport KIcon from '../../KIcon'\nimport KSimpleCheckbox from '../../KCheckbox/KSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport Kdu from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'kdutify/types'\n\ntype KDataTableInstance = InstanceType<typeof KDataTable>\n\ninterface options extends Kdu {\n  dataTable: KDataTableInstance\n}\n\nexport default mixins<options>().extend({\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(KSimpleCheckbox, {\n        staticClass: 'k-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return this.$createElement(KIcon, {\n        staticClass: 'k-data-table-header__icon',\n        props: {\n          size: 18,\n        },\n      }, [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}