kdutify 2.6.0 → 2.7.2

package/lib/components/KItemGroup/KItem.js

@@ -1,18 +1,20 @@
+// Styles
+import "..\\..\\..\\src\\components\\KItemGroup\\KItem.sass";
 // Mixins
-import { factory as GroupableFactory } from '../../mixins/groupable'; // Utilities
-
+import { factory as GroupableFactory } from '../../mixins/groupable';
+// Utilities
 import mixins from '../../util/mixins';
-import { consoleWarn } from '../../util/console'; // Types
-
+import { consoleWarn } from '../../util/console';
+// Types
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export const BaseItem = Kdu.extend({
   props: {
     activeClass: String,
     value: {
       required: false
-    }
+    },
+    disabled: Boolean
   },
   data: () => ({
     isActive: false
@@ -21,42 +23,41 @@ export const BaseItem = Kdu.extend({
     toggle() {
       this.isActive = !this.isActive;
     }
-
   },
-
   render() {
     if (!this.$scopedSlots.default) {
       consoleWarn('k-item is missing a default scopedSlot', this);
       return null;
     }
-
     let element;
     /* istanbul ignore else */
-
     if (this.$scopedSlots.default) {
       element = this.$scopedSlots.default({
         active: this.isActive,
         toggle: this.toggle
       });
     }
-
     if (Array.isArray(element) && element.length === 1) {
       element = element[0];
     }
-
     if (!element || Array.isArray(element) || !element.tag) {
       consoleWarn('k-item should only contain a single element', this);
       return element;
     }
-
     element.data = this._b(element.data || {}, element.tag, {
       class: {
-        [this.activeClass]: this.isActive
+        [this.activeClass]: this.isActive,
+        'k-item--disabled': this.disabled
       }
     });
+    if (this.disabled) {
+      element.data.attrs = {
+        ...element.data.attrs,
+        tabindex: -1
+      };
+    }
     return element;
   }
-
 });
 export default mixins(BaseItem, GroupableFactory('itemGroup', 'k-item', 'k-item-group')).extend({
   name: 'k-item'

package/lib/components/KItemGroup/KItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KItemGroup/KItem.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,WAAT,QAA4B,oBAA5B,C,CAEA;;AACA,OAAO,GAAP,MAAgB,KAAhB;AAGA;;AACA,OAAO,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAJ,CAAW;AACjC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,MADR;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,QAAQ,EAAE;AADL;AAFF,GAD0B;AAQjC,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAR2B;AAYjC,EAAA,OAAO,EAAE;AACP,IAAA,MAAM,GAAA;AACJ,WAAK,QAAL,GAAgB,CAAC,KAAK,QAAtB;AACD;;AAHM,GAZwB;;AAkBjC,EAAA,MAAM,GAAA;AACJ,QAAI,CAAC,KAAK,YAAL,CAAkB,OAAvB,EAAgC;AAC9B,MAAA,WAAW,CAAC,wCAAD,EAA2C,IAA3C,CAAX;AAEA,aAAO,IAAP;AACD;;AAED,QAAI,OAAJ;AAEA;;AACA,QAAI,KAAK,YAAL,CAAkB,OAAtB,EAA+B;AAC7B,MAAA,OAAO,GAAG,KAAK,YAAL,CAAkB,OAAlB,CAA0B;AAClC,QAAA,MAAM,EAAE,KAAK,QADqB;AAElC,QAAA,MAAM,EAAE,KAAK;AAFqB,OAA1B,CAAV;AAID;;AAED,QAAI,KAAK,CAAC,OAAN,CAAc,OAAd,KAA0B,OAAO,CAAC,MAAR,KAAmB,CAAjD,EAAoD;AAClD,MAAA,OAAO,GAAG,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAAC,OAAD,IAAY,KAAK,CAAC,OAAN,CAAc,OAAd,CAAZ,IAAsC,CAAC,OAAO,CAAC,GAAnD,EAAwD;AACtD,MAAA,WAAW,CAAC,6CAAD,EAAgD,IAAhD,CAAX;AAEA,aAAO,OAAP;AACD;;AAED,IAAA,OAAO,CAAC,IAAR,GAAe,KAAK,EAAL,CAAQ,OAAO,CAAC,IAAR,IAAgB,EAAxB,EAA4B,OAAO,CAAC,GAApC,EAA0C;AACvD,MAAA,KAAK,EAAE;AAAE,SAAC,KAAK,WAAN,GAAoB,KAAK;AAA3B;AADgD,KAA1C,CAAf;AAIA,WAAO,OAAP;AACD;;AAlDgC,CAAX,CAAjB;AAqDP,eAAe,MAAM,CACnB,QADmB,EAEnB,gBAAgB,CAAC,WAAD,EAAc,QAAd,EAAwB,cAAxB,CAFG,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE;AADC,CAHM,CAAf","sourcesContent":["// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\nimport { KNode, ScopedSlotChildren } from 'kdu/types/knode'\n\n/* @kdujs/component */\nexport const BaseItem = Kdu.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): KNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('k-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: KNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('k-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'k-item', 'k-item-group')\n).extend({\n  name: 'k-item',\n})\n"],"sourceRoot":"","file":"KItem.js"}
+{"version":3,"sources":["../../../src/components/KItemGroup/KItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,qDAAc;AAErB;AACA,SAAS,OAAO,IAAI,gBAAgB,QAAQ,wBAAwB;AAEpE;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,WAAW,QAAQ,oBAAoB;AAEhD;AACA,OAAO,GAAG,MAAM,KAAK;AAGrB;AACA,OAAO,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC;EACjC,KAAK,EAAE;IACL,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE;MACL,QAAQ,EAAE;KACX;IACD,QAAQ,EAAE;GACX;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,OAAO,EAAE;IACP,MAAM,CAAA,EAAA;MACJ,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;IAChC;GACD;EAED,MAAM,CAAA,EAAA;IACJ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;MAC9B,WAAW,CAAC,wCAAwC,EAAE,IAAI,CAAC;MAE3D,OAAO,IAAW;IACnB;IAED,IAAI,OAAmC;IAEvC;IACA,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;MAC7B,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,QAAQ;QACrB,MAAM,EAAE,IAAI,CAAC;OACd,CAAC;IACH;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;MAClD,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IACrB;IAED,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;MACtD,WAAW,CAAC,6CAA6C,EAAE,IAAI,CAAC;MAEhE,OAAO,OAAc;IACtB;IAED,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,CAAA,CAAE,EAAE,OAAO,CAAC,GAAI,EAAE;MACvD,KAAK,EAAE;QACL,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ;QACjC,kBAAkB,EAAE,IAAI,CAAC;MAC1B;KACF,CAAC;IAEF,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG;QAAE,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK;QAAE,QAAQ,EAAE,CAAC;MAAC,CAAE;IAC7D;IAED,OAAO,OAAO;EAChB;CACD,CAAC;AAEF,eAAe,MAAM,CACnB,QAAQ,EACR,gBAAgB,CAAC,WAAW,EAAE,QAAQ,EAAE,cAAc,CAAC,CACxD,CAAC,MAAM,CAAC;EACP,IAAI,EAAE;CACP,CAAC","sourcesContent":["// Styles\nimport './KItem.sass'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\nimport { KNode, ScopedSlotChildren } from 'kdu/types/knode'\n\n/* @kdujs/component */\nexport const BaseItem = Kdu.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n    disabled: Boolean,\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): KNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('k-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: KNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('k-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: {\n        [this.activeClass]: this.isActive,\n        'k-item--disabled': this.disabled,\n      },\n    })\n\n    if (this.disabled) {\n      element.data.attrs = { ...element.data.attrs, tabindex: -1 }\n    }\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'k-item', 'k-item-group')\n).extend({\n  name: 'k-item',\n})\n"],"sourceRoot":"","file":"KItem.js"}

package/lib/components/KItemGroup/KItemGroup.js

@@ -1,11 +1,14 @@
 // Styles
 import "..\\..\\..\\src\\components\\KItemGroup\\KItemGroup.sass";
+// Mixins
+import Comparable from '../../mixins/comparable';
 import Proxyable from '../../mixins/proxyable';
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import Themeable from '../../mixins/themeable';
+// Utilities
 import mixins from '../../util/mixins';
 import { consoleWarn } from '../../util/console';
-export const BaseItemGroup = mixins(Proxyable, Themeable).extend({
+import { getSlot } from '../../util/helpers';
+export const BaseItemGroup = mixins(Comparable, Proxyable, Themeable).extend({
   name: 'base-item-group',
   props: {
     activeClass: {
@@ -23,7 +26,6 @@ export const BaseItemGroup = mixins(Proxyable, Themeable).extend({
       default: 'div'
     }
   },
-
   data() {
     return {
       // As long as a value is defined, show it
@@ -33,7 +35,6 @@ export const BaseItemGroup = mixins(Proxyable, Themeable).extend({
       items: []
     };
   },
-
   computed: {
     classes() {
       return {
@@ -41,179 +42,153 @@ export const BaseItemGroup = mixins(Proxyable, Themeable).extend({
         ...this.themeClasses
       };
     },
-
     selectedIndex() {
       return this.selectedItem && this.items.indexOf(this.selectedItem) || -1;
     },
-
     selectedItem() {
       if (this.multiple) return undefined;
       return this.selectedItems[0];
     },
-
     selectedItems() {
       return this.items.filter((item, index) => {
         return this.toggleMethod(this.getValue(item, index));
       });
     },
-
     selectedValues() {
       if (this.internalValue == null) return [];
       return Array.isArray(this.internalValue) ? this.internalValue : [this.internalValue];
     },
-
     toggleMethod() {
       if (!this.multiple) {
-        return v => this.internalValue === v;
+        return v => this.valueComparator(this.internalValue, v);
       }
-
       const internalValue = this.internalValue;
-
       if (Array.isArray(internalValue)) {
-        return v => internalValue.includes(v);
+        return v => internalValue.some(intern => this.valueComparator(intern, v));
       }
-
       return () => false;
     }
-
   },
   watch: {
     internalValue: 'updateItemsState',
     items: 'updateItemsState'
   },
-
   created() {
     if (this.multiple && !Array.isArray(this.internalValue)) {
       consoleWarn('Model must be bound to an array if the multiple property is true.', this);
     }
   },
-
   methods: {
     genData() {
       return {
         class: this.classes
       };
     },
-
     getValue(item, i) {
-      return item.value == null || item.value === '' ? i : item.value;
+      return item.value === undefined ? i : item.value;
     },
-
     onClick(item) {
       this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
     },
-
     register(item) {
       const index = this.items.push(item) - 1;
-      item.$on('change', () => this.onClick(item)); // If no value provided and mandatory,
+      item.$on('change', () => this.onClick(item));
+      // If no value provided and mandatory,
       // assign first registered item
-
       if (this.mandatory && !this.selectedValues.length) {
         this.updateMandatory();
       }
-
       this.updateItem(item, index);
     },
-
     unregister(item) {
       if (this._isDestroyed) return;
       const index = this.items.indexOf(item);
       const value = this.getValue(item, index);
       this.items.splice(index, 1);
-      const valueIndex = this.selectedValues.indexOf(value); // Items is not selected, do nothing
-
-      if (valueIndex < 0) return; // If not mandatory, use regular update process
-
+      const valueIndex = this.selectedValues.indexOf(value);
+      // Items is not selected, do nothing
+      if (valueIndex < 0) return;
+      // If not mandatory, use regular update process
       if (!this.mandatory) {
         return this.updateInternalValue(value);
-      } // Remove the value
-
-
+      }
+      // Remove the value
       if (this.multiple && Array.isArray(this.internalValue)) {
         this.internalValue = this.internalValue.filter(v => v !== value);
       } else {
         this.internalValue = undefined;
-      } // If mandatory and we have no selection
+      }
+      // If mandatory and we have no selection
       // add the last item as value
-
       /* istanbul ignore else */
-
-
       if (!this.selectedItems.length) {
         this.updateMandatory(true);
       }
     },
-
     updateItem(item, index) {
       const value = this.getValue(item, index);
       item.isActive = this.toggleMethod(value);
     },
-
     updateItemsState() {
       this.$nextTick(() => {
         if (this.mandatory && !this.selectedItems.length) {
           return this.updateMandatory();
-        } // TODO: Make this smarter so it
+        }
+        // TODO: Make this smarter so it
         // doesn't have to iterate every
         // child in an update
-
-
         this.items.forEach(this.updateItem);
       });
     },
-
     updateInternalValue(value) {
       this.multiple ? this.updateMultiple(value) : this.updateSingle(value);
     },
-
     updateMandatory(last) {
       if (!this.items.length) return;
       const items = this.items.slice();
       if (last) items.reverse();
-      const item = items.find(item => !item.disabled); // If no tabs are available
+      const item = items.find(item => !item.disabled);
+      // If no tabs are available
       // aborts mandatory value
-
       if (!item) return;
       const index = this.items.indexOf(item);
       this.updateInternalValue(this.getValue(item, index));
     },
-
     updateMultiple(value) {
       const defaultValue = Array.isArray(this.internalValue) ? this.internalValue : [];
       const internalValue = defaultValue.slice();
-      const index = internalValue.findIndex(val => val === value);
-      if (this.mandatory && // Item already exists
-      index > -1 && // value would be reduced below min
+      const index = internalValue.findIndex(val => this.valueComparator(val, value));
+      if (this.mandatory &&
+      // Item already exists
+      index > -1 &&
+      // value would be reduced below min
       internalValue.length - 1 < 1) return;
-      if ( // Max is set
-      this.max != null && // Item doesn't exist
-      index < 0 && // value would be increased above max
+      if (
+      // Max is set
+      this.max != null &&
+      // Item doesn't exist
+      index < 0 &&
+      // value would be increased above max
       internalValue.length + 1 > this.max) return;
       index > -1 ? internalValue.splice(index, 1) : internalValue.push(value);
       this.internalValue = internalValue;
     },
-
     updateSingle(value) {
-      const isSame = value === this.internalValue;
+      const isSame = this.valueComparator(this.internalValue, value);
       if (this.mandatory && isSame) return;
       this.internalValue = isSame ? undefined : value;
     }
-
   },
-
   render(h) {
-    return h(this.tag, this.genData(), this.$slots.default);
+    return h(this.tag, this.genData(), getSlot(this));
   }
-
 });
 export default BaseItemGroup.extend({
   name: 'k-item-group',
-
   provide() {
     return {
       itemGroup: this
     };
   }
-
 });
 //# sourceMappingURL=KItemGroup.js.map

package/lib/components/KItemGroup/KItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KItemGroup/KItemGroup.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KItemGroup.sass'\n\n// Mixins\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'k-item--active',\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.value !== undefined\n        ? this.value\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'k-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.internalValue === v\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.includes(v)\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState',\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value == null || item.value === ''\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => val === value)\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = value === this.internalValue\n\n      if (this.mandatory && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (h): KNode {\n    return h(this.tag, this.genData(), this.$slots.default)\n  },\n})\n\nexport default BaseItemGroup.extend({\n  name: 'k-item-group',\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n"],"sourceRoot":"","file":"KItemGroup.js"}
+{"version":3,"sources":["../../../src/components/KItemGroup/KItemGroup.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KItemGroup.sass'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Comparable,\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'k-item--active',\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.value !== undefined\n        ? this.value\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'k-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.valueComparator(this.internalValue, v)\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.some(intern => this.valueComparator(intern, v))\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState',\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value === undefined\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this._isDestroyed) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => this.valueComparator(val, value))\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = this.valueComparator(this.internalValue, value)\n\n      if (this.mandatory && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (h): KNode {\n    return h(this.tag, this.genData(), getSlot(this))\n  },\n})\n\nexport default BaseItemGroup.extend({\n  name: 'k-item-group',\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n"],"sourceRoot":"","file":"KItemGroup.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KItemGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SACE,KADF,EAEE,UAFF;AAKA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import KItem from './KItem'\nimport KItemGroup from './KItemGroup'\n\nexport {\n  KItem,\n  KItemGroup,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KItem,\n    KItemGroup,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KItemGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS;AAC3B,OAAO,UAAU,MAAM,cAAc;AAErC,SACE,KAAK,EACL,UAAU;AAGZ,eAAe;EACb,uBAAuB,EAAE;IACvB,KAAK;IACL;EACD;CACF","sourcesContent":["import KItem from './KItem'\nimport KItemGroup from './KItemGroup'\n\nexport {\n  KItem,\n  KItemGroup,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KItem,\n    KItemGroup,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KLabel/KLabel.js

@@ -1,13 +1,13 @@
 // Styles
-import "..\\..\\..\\src\\components\\KLabel\\KLabel.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KLabel\\KLabel.sass";
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Themeable, { functionalThemeClasses } from '../../mixins/themeable';
-import mixins from '../../util/mixins'; // Helpers
-
+import mixins from '../../util/mixins';
+// Helpers
 import { convertToUnit } from '../../util/helpers';
+import mergeData from '../../util/mergeData';
 /* @kdujs/component */
-
 export default mixins(Themeable).extend({
   name: 'k-label',
   functional: true,
@@ -30,14 +30,14 @@ export default mixins(Themeable).extend({
     },
     value: Boolean
   },
-
   render(h, ctx) {
     const {
       children,
       listeners,
-      props
+      props,
+      data
     } = ctx;
-    const data = {
+    const newData = mergeData({
       staticClass: 'k-label',
       class: {
         'k-label--active': props.value,
@@ -55,9 +55,8 @@ export default mixins(Themeable).extend({
         position: props.absolute ? 'absolute' : 'relative'
       },
       ref: 'label'
-    };
-    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, data), children);
+    }, data);
+    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, newData), children);
   }
-
 });
 //# sourceMappingURL=KLabel.js.map

package/lib/components/KLabel/KLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KLabel/KLabel.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,IAAoB,sBAApB,QAAkD,wBAAlD;AAIA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AAEA;;AACA,eAAe,MAAM,CAAC,SAAD,CAAN,CAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,SADgC;AAGtC,EAAA,UAAU,EAAE,IAH0B;AAKtC,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,OAAO,EAAE,OAPJ;AAQL,IAAA,GAAG,EAAE,MARA;AASL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KATD;AAaL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAbF;AAiBL,IAAA,KAAK,EAAE;AAjBF,GAL+B;;AAyBtC,EAAA,MAAM,CAAE,CAAF,EAAK,GAAL,EAAQ;AACZ,UAAM;AAAE,MAAA,QAAF;AAAY,MAAA,SAAZ;AAAuB,MAAA;AAAvB,QAAiC,GAAvC;AACA,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,SADF;AAEX,MAAA,KAAK,EAAE;AACL,2BAAmB,KAAK,CAAC,KADpB;AAEL,gCAAwB,KAAK,CAAC,QAFzB;AAGL,WAAG,sBAAsB,CAAC,GAAD;AAHpB,OAFI;AAOX,MAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,KAAK,CAAC,GADN;AAEL,uBAAe,CAAC,KAAK,CAAC;AAFjB,OAPI;AAWX,MAAA,EAAE,EAAE,SAXO;AAYX,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAP,CADd;AAEL,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAP,CAFf;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OAZI;AAiBX,MAAA,GAAG,EAAE;AAjBM,KAAb;AAoBA,WAAO,CAAC,CAAC,OAAD,EAAU,SAAS,CAAC,OAAV,CAAkB,OAAlB,CAA0B,YAA1B,CAAuC,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAA9D,EAAqE,IAArE,CAAV,EAAsF,QAAtF,CAAR;AACD;;AAhDqC,CAAzB,CAAf","sourcesContent":["// Styles\nimport './KLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default mixins(Themeable).extend({\n  name: 'k-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (h, ctx): KNode {\n    const { children, listeners, props } = ctx\n    const data = {\n      staticClass: 'k-label',\n      class: {\n        'k-label--active': props.value,\n        'k-label--is-disabled': props.disabled,\n        ...functionalThemeClasses(ctx),\n      },\n      attrs: {\n        for: props.for,\n        'aria-hidden': !props.for,\n      },\n      on: listeners,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }\n\n    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, data), children)\n  },\n})\n"],"sourceRoot":"","file":"KLabel.js"}
+{"version":3,"sources":["../../../src/components/KLabel/KLabel.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAe;AAEtB;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,SAAS,IAAI,sBAAsB,QAAQ,wBAAwB;AAI1E,OAAO,MAAM,MAAM,mBAAmB;AAEtC;AACA,SAAS,aAAa,QAAQ,oBAAoB;AAClD,OAAO,SAAS,MAAM,sBAAsB;AAE5C;AACA,eAAe,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;EACtC,IAAI,EAAE,SAAS;EAEf,UAAU,EAAE,IAAI;EAEhB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,OAAO;IAChB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE;MACJ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,KAAK,EAAE;GACR;EAED,MAAM,CAAE,CAAC,EAAE,GAAG,EAAA;IACZ,MAAM;MAAE,QAAQ;MAAE,SAAS;MAAE,KAAK;MAAE;IAAI,CAAE,GAAG,GAAG;IAChD,MAAM,OAAO,GAAG,SAAS,CAAC;MACxB,WAAW,EAAE,SAAS;MACtB,KAAK,EAAE;QACL,iBAAiB,EAAE,KAAK,CAAC,KAAK;QAC9B,sBAAsB,EAAE,KAAK,CAAC,QAAQ;QACtC,GAAG,sBAAsB,CAAC,GAAG;OAC9B;MACD,KAAK,EAAE;QACL,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,aAAa,EAAE,CAAC,KAAK,CAAC;OACvB;MACD,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;QACL,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC;QAC/B,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;QACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,UAAU,GAAG;OACzC;MACD,GAAG,EAAE;KACN,EAAE,IAAI,CAAC;IAER,OAAO,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;EAC5G;CACD,CAAC","sourcesContent":["// Styles\nimport './KLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n/* @kdujs/component */\nexport default mixins(Themeable).extend({\n  name: 'k-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (h, ctx): KNode {\n    const { children, listeners, props, data } = ctx\n    const newData = mergeData({\n      staticClass: 'k-label',\n      class: {\n        'k-label--active': props.value,\n        'k-label--is-disabled': props.disabled,\n        ...functionalThemeClasses(ctx),\n      },\n      attrs: {\n        for: props.for,\n        'aria-hidden': !props.for,\n      },\n      on: listeners,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }, data)\n\n    return h('label', Colorable.options.methods.setTextColor(props.focused && props.color, newData), children)\n  },\n})\n"],"sourceRoot":"","file":"KLabel.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAP,MAAmB,UAAnB;AAEA,SAAS,MAAT;AACA,eAAe,MAAf","sourcesContent":["import KLabel from './KLabel'\n\nexport { KLabel }\nexport default KLabel\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU;AAE7B,SAAS,MAAM;AACf,eAAe,MAAM","sourcesContent":["import KLabel from './KLabel'\n\nexport { KLabel }\nexport default KLabel\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KLazy/KLazy.js

@@ -1,9 +1,9 @@
 // Mixins
 import Measurable from '../../mixins/measurable';
-import Toggleable from '../../mixins/toggleable'; // Directives
-
-import intersect from '../../directives/intersect'; // Utilities
-
+import Toggleable from '../../mixins/toggleable';
+// Directives
+import intersect from '../../directives/intersect';
+// Utilities
 import mixins from '../../util/mixins';
 import { getSlot } from '../../util/helpers';
 export default mixins(Measurable, Toggleable).extend({
@@ -33,10 +33,10 @@ export default mixins(Measurable, Toggleable).extend({
   },
   computed: {
     styles() {
-      return { ...this.measurableStyles
+      return {
+        ...this.measurableStyles
       };
     }
-
   },
   methods: {
     genContent() {
@@ -47,14 +47,11 @@ export default mixins(Measurable, Toggleable).extend({
         }
       }, children) : children;
     },
-
     onObserve(entries, observer, isIntersecting) {
       if (this.isActive) return;
       this.isActive = isIntersecting;
     }
-
   },
-
   render(h) {
     return h(this.tag, {
       staticClass: 'k-lazy',
@@ -70,6 +67,5 @@ export default mixins(Measurable, Toggleable).extend({
       style: this.styles
     }, [this.genContent()]);
   }
-
 });
 //# sourceMappingURL=KLazy.js.map

package/lib/components/KLazy/KLazy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KLazy/KLazy.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,OAAO,SAAP,MAAsB,4BAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAMA,eAAe,MAAM,CACnB,UADmB,EAEnB,UAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHL;AAKP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP;AACA;AACA,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,SADQ;AAEd,QAAA,UAAU,EAAE,SAFE;AAGd,QAAA,SAAS,EAAE;AAHG,OAAP;AAJF,KADJ;AAWL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAXA;AAeL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAfP,GALA;AA0BP,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO,EACL,GAAG,KAAK;AADH,OAAP;AAGD;;AALO,GA1BH;AAkCP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,YAAM,QAAQ,GAAG,KAAK,QAAL,IAAiB,OAAO,CAAC,IAAD,CAAzC;AAEA,aAAO,KAAK,UAAL,GACH,KAAK,cAAL,CAAoB,YAApB,EAAkC;AAClC,QAAA,KAAK,EAAE;AAAE,UAAA,IAAI,EAAE,KAAK;AAAb;AAD2B,OAAlC,EAEC,QAFD,CADG,GAIH,QAJJ;AAKD,KATM;;AAUP,IAAA,SAAS,CACP,OADO,EAEP,QAFO,EAGP,cAHO,EAGgB;AAEvB,UAAI,KAAK,QAAT,EAAmB;AAEnB,WAAK,QAAL,GAAgB,cAAhB;AACD;;AAlBM,GAlCF;;AAuDP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAK,GAAN,EAAW;AACjB,MAAA,WAAW,EAAE,QADI;AAEjB,MAAA,KAAK,EAAE,KAAK,MAFK;AAGjB,MAAA,UAAU,EAAE,CAAC;AACX,QAAA,IAAI,EAAE,WADK;AAEX,QAAA,KAAK,EAAE;AACL,UAAA,OAAO,EAAE,KAAK,SADT;AAEL,UAAA,OAAO,EAAE,KAAK;AAFT;AAFI,OAAD,CAHK;AAUjB,MAAA,EAAE,EAAE,KAAK,UAVQ;AAWjB,MAAA,KAAK,EAAE,KAAK;AAXK,KAAX,EAYL,CAAC,KAAK,UAAL,EAAD,CAZK,CAAR;AAaD;;AArEM,CAHM,CAAf","sourcesContent":["// Mixins\nimport Measurable from '../../mixins/measurable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nexport default mixins(\n  Measurable,\n  Toggleable\n).extend({\n  name: 'KLazy',\n\n  directives: { intersect },\n\n  props: {\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      const children = this.isActive && getSlot(this)\n\n      return this.transition\n        ? this.$createElement('transition', {\n          props: { name: this.transition },\n        }, children)\n        : children\n    },\n    onObserve (\n      entries: IntersectionObserverEntry[],\n      observer: IntersectionObserver,\n      isIntersecting: boolean,\n    ) {\n      if (this.isActive) return\n\n      this.isActive = isIntersecting\n    },\n  },\n\n  render (h): KNode {\n    return h(this.tag, {\n      staticClass: 'k-lazy',\n      attrs: this.$attrs,\n      directives: [{\n        name: 'intersect',\n        value: {\n          handler: this.onObserve,\n          options: this.options,\n        },\n      }],\n      on: this.$listeners,\n      style: this.styles,\n    }, [this.genContent()])\n  },\n})\n"],"sourceRoot":"","file":"KLazy.js"}
+{"version":3,"sources":["../../../src/components/KLazy/KLazy.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,UAAU,MAAM,yBAAyB;AAChD,OAAO,UAAU,MAAM,yBAAyB;AAEhD;AACA,OAAO,SAAS,MAAM,4BAA4B;AAElD;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAM5C,eAAe,MAAM,CACnB,UAAU,EACV,UAAU,CACX,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,OAAO;EAEb,UAAU,EAAE;IAAE;EAAS,CAAE;EAEzB,KAAK,EAAE;IACL,OAAO,EAAE;MACP,IAAI,EAAE,MAAM;MACZ;MACA;MACA,OAAO,EAAE,CAAA,MAAO;QACd,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE;OACZ;KACyC;IAC5C,GAAG,EAAE;MACH,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,UAAU,EAAE;MACV,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,GAAG,IAAI,CAAC;OACT;IACH;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;MAE/C,OAAO,IAAI,CAAC,UAAU,GAClB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;QAClC,KAAK,EAAE;UAAE,IAAI,EAAE,IAAI,CAAC;QAAU;OAC/B,EAAE,QAAQ,CAAC,GACV,QAAQ;IACd,CAAC;IACD,SAAS,CACP,OAAoC,EACpC,QAA8B,EAC9B,cAAuB,EAAA;MAEvB,IAAI,IAAI,CAAC,QAAQ,EAAE;MAEnB,IAAI,CAAC,QAAQ,GAAG,cAAc;IAChC;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;MACjB,WAAW,EAAE,QAAQ;MACrB,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,UAAU,EAAE,CAAC;QACX,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE;UACL,OAAO,EAAE,IAAI,CAAC,SAAS;UACvB,OAAO,EAAE,IAAI,CAAC;QACf;OACF,CAAC;MACF,EAAE,EAAE,IAAI,CAAC,UAAU;MACnB,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,CAAC,IAAI,CAAC,UAAU,CAAA,CAAE,CAAC,CAAC;EACzB;CACD,CAAC","sourcesContent":["// Mixins\nimport Measurable from '../../mixins/measurable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nexport default mixins(\n  Measurable,\n  Toggleable\n).extend({\n  name: 'KLazy',\n\n  directives: { intersect },\n\n  props: {\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      const children = this.isActive && getSlot(this)\n\n      return this.transition\n        ? this.$createElement('transition', {\n          props: { name: this.transition },\n        }, children)\n        : children\n    },\n    onObserve (\n      entries: IntersectionObserverEntry[],\n      observer: IntersectionObserver,\n      isIntersecting: boolean,\n    ) {\n      if (this.isActive) return\n\n      this.isActive = isIntersecting\n    },\n  },\n\n  render (h): KNode {\n    return h(this.tag, {\n      staticClass: 'k-lazy',\n      attrs: this.$attrs,\n      directives: [{\n        name: 'intersect',\n        value: {\n          handler: this.onObserve,\n          options: this.options,\n        },\n      }],\n      on: this.$listeners,\n      style: this.styles,\n    }, [this.genContent()])\n  },\n})\n"],"sourceRoot":"","file":"KLazy.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KLazy/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAP,MAAkB,SAAlB;AAEA,SAAS,KAAT;AACA,eAAe,KAAf","sourcesContent":["import KLazy from './KLazy'\n\nexport { KLazy }\nexport default KLazy\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KLazy/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS;AAE3B,SAAS,KAAK;AACd,eAAe,KAAK","sourcesContent":["import KLazy from './KLazy'\n\nexport { KLazy }\nexport default KLazy\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KList/KList.js

@@ -1,19 +1,17 @@
 // Styles
-import "..\\..\\..\\src\\components\\KList\\KList.sass"; // Components
-
+import "..\\..\\..\\src\\components\\KList\\KList.sass";
+// Components
 import KSheet from '../KSheet/KSheet';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default KSheet.extend().extend({
   name: 'k-list',
-
   provide() {
     return {
       isInList: true,
       list: this
     };
   },
-
   inject: {
     isInMenu: {
       default: false
@@ -38,7 +36,8 @@ export default KSheet.extend().extend({
   }),
   computed: {
     classes() {
-      return { ...KSheet.options.computed.classes.call(this),
+      return {
+        ...KSheet.options.computed.classes.call(this),
         'k-list--dense': this.dense,
         'k-list--disabled': this.disabled,
         'k-list--flat': this.flat,
@@ -49,28 +48,22 @@ export default KSheet.extend().extend({
         'k-list--three-line': this.threeLine
       };
     }
-
   },
   methods: {
     register(content) {
       this.groups.push(content);
     },
-
     unregister(content) {
       const index = this.groups.findIndex(g => g._uid === content._uid);
       if (index > -1) this.groups.splice(index, 1);
     },
-
     listClick(uid) {
       if (this.expand) return;
-
       for (const group of this.groups) {
         group.toggle(uid);
       }
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-list',
@@ -79,10 +72,10 @@ export default KSheet.extend().extend({
       attrs: {
         role: this.isInNav || this.isInMenu ? undefined : 'list',
         ...this.attrs$
-      }
+      },
+      on: this.listeners$
     };
-    return h(this.tag, this.setBackgroundColor(this.color, data), [this.$slots.default]);
+    return h(this.tag, this.setBackgroundColor(this.color, data), getSlot(this));
   }
-
 });
 //# sourceMappingURL=KList.js.map