kdutify 2.6.1 → 2.7.3

package/lib/components/KList/KListItemGroup.js

@@ -1,38 +1,36 @@
 // Styles
-import "..\\..\\..\\src\\components\\KList\\KListItemGroup.sass"; // Extensions
-
-import { BaseItemGroup } from '../KItemGroup/KItemGroup'; // Mixins
-
-import Colorable from '../../mixins/colorable'; // Utilities
-
+import "../../../src/components/KList/KListItemGroup.sass";
+// Extensions
+import { BaseItemGroup } from '../KItemGroup/KItemGroup';
+// Mixins
+import Colorable from '../../mixins/colorable';
+// Utilities
 import mixins from '../../util/mixins';
 export default mixins(BaseItemGroup, Colorable).extend({
   name: 'k-list-item-group',
-
   provide() {
     return {
       isInGroup: true,
       listItemGroup: this
     };
   },
-
   computed: {
     classes() {
-      return { ...BaseItemGroup.options.computed.classes.call(this),
+      return {
+        ...BaseItemGroup.options.computed.classes.call(this),
         'k-list-item-group': true
       };
     }
-
   },
   methods: {
     genData() {
-      return this.setTextColor(this.color, { ...BaseItemGroup.options.methods.genData.call(this),
+      return this.setTextColor(this.color, {
+        ...BaseItemGroup.options.methods.genData.call(this),
         attrs: {
           role: 'listbox'
         }
       });
     }
-
   }
 });
 //# sourceMappingURL=KListItemGroup.js.map

package/lib/components/KList/KListItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KList/KListItemGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,yDAAP,C,CAEA;;AACA,SAAS,aAAT,QAA8B,0BAA9B,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CACnB,aADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,mBADC;;AAGP,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,SAAS,EAAE,IADN;AAEL,MAAA,aAAa,EAAE;AAFV,KAAP;AAID,GARM;;AAUP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CADE;AAEL,6BAAqB;AAFhB,OAAP;AAID;;AANO,GAVH;AAmBP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACnC,GAAG,aAAa,CAAC,OAAd,CAAsB,OAAtB,CAA8B,OAA9B,CAAsC,IAAtC,CAA2C,IAA3C,CADgC;AAEnC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AAF4B,OAA9B,CAAP;AAMD;;AARM;AAnBF,CAHM,CAAf","sourcesContent":["// Styles\nimport './KListItemGroup.sass'\n\n// Extensions\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  BaseItemGroup,\n  Colorable\n).extend({\n  name: 'k-list-item-group',\n\n  provide () {\n    return {\n      isInGroup: true,\n      listItemGroup: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-list-item-group': true,\n      }\n    },\n  },\n\n  methods: {\n    genData (): object {\n      return this.setTextColor(this.color, {\n        ...BaseItemGroup.options.methods.genData.call(this),\n        attrs: {\n          role: 'listbox',\n        },\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"KListItemGroup.js"}
+{"version":3,"sources":["../../../src/components/KList/KListItemGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,mDAAuB;AAE9B;AACA,SAAS,aAAa,QAAQ,0BAA0B;AAExD;AACA,OAAO,SAAS,MAAM,wBAAwB;AAE9C;AACA,OAAO,MAAM,MAAM,mBAAmB;AAEtC,eAAe,MAAM,CACnB,aAAa,EACb,SAAS,CACV,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,mBAAmB;EAEzB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,SAAS,EAAE,IAAI;MACf,aAAa,EAAE;KAChB;EACH,CAAC;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACpD,mBAAmB,EAAE;OACtB;IACH;GACD;EAED,OAAO,EAAE;IACP,OAAO,CAAA,EAAA;MACL,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE;QACnC,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QACnD,KAAK,EAAE;UACL,IAAI,EAAE;QACP;OACF,CAAC;IACJ;EACD;CACF,CAAC","sourcesContent":["// Styles\nimport './KListItemGroup.sass'\n\n// Extensions\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  BaseItemGroup,\n  Colorable\n).extend({\n  name: 'k-list-item-group',\n\n  provide () {\n    return {\n      isInGroup: true,\n      listItemGroup: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...BaseItemGroup.options.computed.classes.call(this),\n        'k-list-item-group': true,\n      }\n    },\n  },\n\n  methods: {\n    genData (): object {\n      return this.setTextColor(this.color, {\n        ...BaseItemGroup.options.methods.genData.call(this),\n        attrs: {\n          role: 'listbox',\n        },\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"KListItemGroup.js"}

package/lib/components/KList/KListItemIcon.js

@@ -1,11 +1,9 @@
 // Types
 import Kdu from 'kdu';
 /* @kdujs/component */
-
 export default Kdu.extend({
   name: 'k-list-item-icon',
   functional: true,
-
   render(h, {
     data,
     children
@@ -13,6 +11,5 @@ export default Kdu.extend({
     data.staticClass = `k-list-item__icon ${data.staticClass || ''}`.trim();
     return h('div', data, children);
   }
-
 });
 //# sourceMappingURL=KListItemIcon.js.map

package/lib/components/KList/KListItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KList/KListItemIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAA2B,KAA3B;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,kBADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;;AAKxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,GAAL,EAAuB;AAC3B,IAAA,IAAI,CAAC,WAAL,GAAoB,qBAAqB,IAAI,CAAC,WAAL,IAAoB,EAAE,EAA5C,CAAgD,IAAhD,EAAnB;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,QAAd,CAAR;AACD;;AATuB,CAAX,CAAf","sourcesContent":["// Types\nimport Kdu, { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'k-list-item-icon',\n\n  functional: true,\n\n  render (h, { data, children }): KNode {\n    data.staticClass = (`k-list-item__icon ${data.staticClass || ''}`).trim()\n\n    return h('div', data, children)\n  },\n})\n"],"sourceRoot":"","file":"KListItemIcon.js"}
+{"version":3,"sources":["../../../src/components/KList/KListItemIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAc,MAAM,KAAK;AAEhC;AACA,eAAe,GAAG,CAAC,MAAM,CAAC;EACxB,IAAI,EAAE,kBAAkB;EAExB,UAAU,EAAE,IAAI;EAEhB,MAAM,CAAE,CAAC,EAAE;IAAE,IAAI;IAAE;EAAQ,CAAE,EAAA;IAC3B,IAAI,CAAC,WAAW,GAAI,qBAAqB,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,CAAE,IAAI,CAAA,CAAE;IAEzE,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;EACjC;CACD,CAAC","sourcesContent":["// Types\nimport Kdu, { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'k-list-item-icon',\n\n  functional: true,\n\n  render (h, { data, children }): KNode {\n    data.staticClass = (`k-list-item__icon ${data.staticClass || ''}`).trim()\n\n    return h('div', data, children)\n  },\n})\n"],"sourceRoot":"","file":"KListItemIcon.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KList/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,0BAAD,EAA6B,MAA7B,CAAlD;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,sBAAD,EAAyB,KAAzB,CAA/C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,oBAAD,EAAuB,KAAvB,CAA7C;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,uBAAD,EAA0B,KAA1B,CAAhD;AAEP,SACE,KADF,EAEE,UAFF,EAGE,SAHF,EAIE,eAJF,EAKE,eALF,EAME,aANF,EAOE,cAPF;AAUA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KADuB;AAEvB,IAAA,UAFuB;AAGvB,IAAA,SAHuB;AAIvB,IAAA,eAJuB;AAKvB,IAAA,mBALuB;AAMvB,IAAA,eANuB;AAOvB,IAAA,gBAPuB;AAQvB,IAAA,cARuB;AASvB,IAAA,aATuB;AAUvB,IAAA,iBAVuB;AAWvB,IAAA;AAXuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport KList from './KList'\nimport KListGroup from './KListGroup'\nimport KListItem from './KListItem'\nimport KListItemGroup from './KListItemGroup'\nimport KListItemAction from './KListItemAction'\nimport KListItemAvatar from './KListItemAvatar'\nimport KListItemIcon from './KListItemIcon'\n\nexport const KListItemActionText = createSimpleFunctional('k-list-item__action-text', 'span')\nexport const KListItemContent = createSimpleFunctional('k-list-item__content', 'div')\nexport const KListItemTitle = createSimpleFunctional('k-list-item__title', 'div')\nexport const KListItemSubtitle = createSimpleFunctional('k-list-item__subtitle', 'div')\n\nexport {\n  KList,\n  KListGroup,\n  KListItem,\n  KListItemAction,\n  KListItemAvatar,\n  KListItemIcon,\n  KListItemGroup,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KList,\n    KListGroup,\n    KListItem,\n    KListItemAction,\n    KListItemActionText,\n    KListItemAvatar,\n    KListItemContent,\n    KListItemGroup,\n    KListItemIcon,\n    KListItemSubtitle,\n    KListItemTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KList/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAsB,QAAQ,oBAAoB;AAE3D,OAAO,KAAK,MAAM,SAAS;AAC3B,OAAO,UAAU,MAAM,cAAc;AACrC,OAAO,SAAS,MAAM,aAAa;AACnC,OAAO,cAAc,MAAM,kBAAkB;AAC7C,OAAO,eAAe,MAAM,mBAAmB;AAC/C,OAAO,eAAe,MAAM,mBAAmB;AAC/C,OAAO,aAAa,MAAM,iBAAiB;AAE3C,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,0BAA0B,EAAE,MAAM,CAAC;AAC7F,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,sBAAsB,EAAE,KAAK,CAAC;AACrF,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,oBAAoB,EAAE,KAAK,CAAC;AACjF,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,uBAAuB,EAAE,KAAK,CAAC;AAEvF,SACE,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc;AAGhB,eAAe;EACb,uBAAuB,EAAE;IACvB,KAAK;IACL,UAAU;IACV,SAAS;IACT,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,iBAAiB;IACjB;EACD;CACF","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport KList from './KList'\nimport KListGroup from './KListGroup'\nimport KListItem from './KListItem'\nimport KListItemGroup from './KListItemGroup'\nimport KListItemAction from './KListItemAction'\nimport KListItemAvatar from './KListItemAvatar'\nimport KListItemIcon from './KListItemIcon'\n\nexport const KListItemActionText = createSimpleFunctional('k-list-item__action-text', 'span')\nexport const KListItemContent = createSimpleFunctional('k-list-item__content', 'div')\nexport const KListItemTitle = createSimpleFunctional('k-list-item__title', 'div')\nexport const KListItemSubtitle = createSimpleFunctional('k-list-item__subtitle', 'div')\n\nexport {\n  KList,\n  KListGroup,\n  KListItem,\n  KListItemAction,\n  KListItemAvatar,\n  KListItemIcon,\n  KListItemGroup,\n}\n\nexport default {\n  $_kdutify_subcomponents: {\n    KList,\n    KListGroup,\n    KListItem,\n    KListItemAction,\n    KListItemActionText,\n    KListItemAvatar,\n    KListItemContent,\n    KListItemGroup,\n    KListItemIcon,\n    KListItemSubtitle,\n    KListItemTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KMain/KMain.js

@@ -1,9 +1,9 @@
 // Styles
-import "..\\..\\..\\src\\components\\KMain\\KMain.sass"; // Mixins
-
+import "../../../src/components/KMain/KMain.sass";
+// Mixins
 import SSRBootable from '../../mixins/ssr-bootable';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default SSRBootable.extend({
   name: 'k-main',
   props: {
@@ -30,9 +30,7 @@ export default SSRBootable.extend({
         paddingLeft: `${left}px`
       };
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-main',
@@ -41,8 +39,7 @@ export default SSRBootable.extend({
     };
     return h(this.tag, data, [h('div', {
       staticClass: 'k-main__wrap'
-    }, this.$slots.default)]);
+    }, getSlot(this))]);
   }
-
 });
 //# sourceMappingURL=KMain.js.map

package/lib/components/KMain/KMain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KMain/KMain.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,gDAAP,C,CAEA;;AACA,OAAO,WAAP,MAAwB,2BAAxB;AAKA;;AACA,eAAe,WAAW,CAAC,MAAZ,CAAmB;AAChC,EAAA,IAAI,EAAE,QAD0B;AAGhC,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN;AADA,GAHyB;AAUhC,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,YAAM;AACJ,QAAA,GADI;AACC,QAAA,GADD;AACM,QAAA,KADN;AACa,QAAA,MADb;AACqB,QAAA,WADrB;AACkC,QAAA,MADlC;AAC0C,QAAA;AAD1C,UAEF,KAAK,QAAL,CAAc,WAFlB;AAIA,aAAO;AACL,QAAA,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IADnB;AAEL,QAAA,YAAY,EAAE,GAAG,KAAK,IAFjB;AAGL,QAAA,aAAa,EAAE,GAAG,MAAM,GAAG,WAAT,GAAuB,MAAM,IAH1C;AAIL,QAAA,WAAW,EAAE,GAAG,IAAI;AAJf,OAAP;AAMD;;AAZO,GAVsB;;AAyBhC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,QADF;AAEX,MAAA,KAAK,EAAE,KAAK,MAFD;AAGX,MAAA,GAAG,EAAE;AAHM,KAAb;AAMA,WAAO,CAAC,CAAC,KAAK,GAAN,EAAW,IAAX,EAAiB,CACvB,CAAC,CACC,KADD,EAEC;AAAE,MAAA,WAAW,EAAE;AAAf,KAFD,EAGC,KAAK,MAAL,CAAY,OAHb,CADsB,CAAjB,CAAR;AAOD;;AAvC+B,CAAnB,CAAf","sourcesContent":["// Styles\nimport './KMain.sass'\n\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default SSRBootable.extend({\n  name: 'k-main',\n\n  props: {\n    tag: {\n      type: String,\n      default: 'main',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      const {\n        bar, top, right, footer, insetFooter, bottom, left,\n      } = this.$kdutify.application\n\n      return {\n        paddingTop: `${top + bar}px`,\n        paddingRight: `${right}px`,\n        paddingBottom: `${footer + insetFooter + bottom}px`,\n        paddingLeft: `${left}px`,\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-main',\n      style: this.styles,\n      ref: 'main',\n    }\n\n    return h(this.tag, data, [\n      h(\n        'div',\n        { staticClass: 'k-main__wrap' },\n        this.$slots.default\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KMain.js"}
+{"version":3,"sources":["../../../src/components/KMain/KMain.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0CAAc;AAErB;AACA,OAAO,WAAW,MAAM,2BAA2B;AACnD,SAAS,OAAO,QAAQ,oBAAoB;AAK5C;AACA,eAAe,WAAW,CAAC,MAAM,CAAC;EAChC,IAAI,EAAE,QAAQ;EAEd,KAAK,EAAE;IACL,GAAG,EAAE;MACH,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,MAAM;QACJ,GAAG;QAAE,GAAG;QAAE,KAAK;QAAE,MAAM;QAAE,WAAW;QAAE,MAAM;QAAE;MAAI,CACnD,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW;MAE7B,OAAO;QACL,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI;QAC5B,YAAY,EAAE,GAAG,KAAK,IAAI;QAC1B,aAAa,EAAE,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,IAAI;QACnD,WAAW,EAAE,GAAG,IAAI;OACrB;IACH;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,IAAI,GAAG;MACX,WAAW,EAAE,QAAQ;MACrB,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,GAAG,EAAE;KACN;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CACvB,CAAC,CACC,KAAK,EACL;MAAE,WAAW,EAAE;IAAc,CAAE,EAC/B,OAAO,CAAC,IAAI,CAAC,CACd,CACF,CAAC;EACJ;CACD,CAAC","sourcesContent":["// Styles\nimport './KMain.sass'\n\n// Mixins\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default SSRBootable.extend({\n  name: 'k-main',\n\n  props: {\n    tag: {\n      type: String,\n      default: 'main',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      const {\n        bar, top, right, footer, insetFooter, bottom, left,\n      } = this.$kdutify.application\n\n      return {\n        paddingTop: `${top + bar}px`,\n        paddingRight: `${right}px`,\n        paddingBottom: `${footer + insetFooter + bottom}px`,\n        paddingLeft: `${left}px`,\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-main',\n      style: this.styles,\n      ref: 'main',\n    }\n\n    return h(this.tag, data, [\n      h(\n        'div',\n        { staticClass: 'k-main__wrap' },\n        getSlot(this),\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KMain.js"}

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

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

package/lib/components/KMenu/KMenu.js

@@ -1,34 +1,31 @@
 // Styles
-import "..\\..\\..\\src\\components\\KMenu\\KMenu.sass"; // Components
-
-import { KThemeProvider } from '../KThemeProvider'; // Mixins
-
+import "../../../src/components/KMenu/KMenu.sass";
+// Components
+import { KThemeProvider } from '../KThemeProvider';
+// Mixins
 import Activatable from '../../mixins/activatable';
 import Delayable from '../../mixins/delayable';
 import Dependent from '../../mixins/dependent';
 import Menuable from '../../mixins/menuable';
 import Returnable from '../../mixins/returnable';
 import Roundable from '../../mixins/roundable';
-import Toggleable from '../../mixins/toggleable';
-import Themeable from '../../mixins/themeable'; // Directives
-
+import Themeable from '../../mixins/themeable';
+// Directives
 import ClickOutside from '../../directives/click-outside';
-import Resize from '../../directives/resize'; // Utilities
-
+import Resize from '../../directives/resize';
+// Utilities
 import mixins from '../../util/mixins';
 import { removed } from '../../util/console';
 import { convertToUnit, keyCodes } from '../../util/helpers';
 import goTo from '../../services/goto';
-const baseMixins = mixins(Dependent, Delayable, Menuable, Returnable, Roundable, Toggleable, Themeable);
+const baseMixins = mixins(Dependent, Delayable, Returnable, Roundable, Themeable, Menuable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-menu',
   directives: {
     ClickOutside,
     Resize
   },
-
   provide() {
     return {
       isInMenu: true,
@@ -36,7 +33,6 @@ export default baseMixins.extend({
       theme: this.theme
     };
   },
-
   props: {
     auto: Boolean,
     closeOnClick: {
@@ -55,10 +51,6 @@ export default baseMixins.extend({
     },
     offsetX: Boolean,
     offsetY: Boolean,
-    openOnClick: {
-      type: Boolean,
-      default: true
-    },
     openOnHover: Boolean,
     origin: {
       type: String,
@@ -67,9 +59,12 @@ export default baseMixins.extend({
     transition: {
       type: [Boolean, String],
       default: 'k-menu-transition'
+    },
+    contentProps: {
+      type: Object,
+      default: () => ({})
     }
   },
-
   data() {
     return {
       calculatedTopAuto: 0,
@@ -81,46 +76,37 @@ export default baseMixins.extend({
       tiles: []
     };
   },
-
   computed: {
     activeTile() {
       return this.tiles[this.listIndex];
     },
-
     calculatedLeft() {
       const menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth));
       if (!this.auto) return this.calcLeft(menuWidth) || '0';
       return convertToUnit(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0';
     },
-
     calculatedMaxHeight() {
       const height = this.auto ? '200px' : convertToUnit(this.maxHeight);
       return height || '0';
     },
-
     calculatedMaxWidth() {
       return convertToUnit(this.maxWidth) || '0';
     },
-
     calculatedMinWidth() {
       if (this.minWidth) {
         return convertToUnit(this.minWidth) || '0';
       }
-
       const minWidth = Math.min(this.dimensions.activator.width + Number(this.nudgeWidth) + (this.auto ? 16 : 0), Math.max(this.pageWidth - 24, 0));
       const calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth)) ? minWidth : parseInt(this.calculatedMaxWidth);
       return convertToUnit(Math.min(calculatedMaxWidth, minWidth)) || '0';
     },
-
     calculatedTop() {
       const top = !this.auto ? this.calcTop() : convertToUnit(this.calcYOverflow(this.calculatedTopAuto));
       return top || '0';
     },
-
     hasClickableTiles() {
       return Boolean(this.tiles.find(tile => tile.tabIndex > -1));
     },
-
     styles() {
       return {
         maxHeight: this.calculatedMaxHeight,
@@ -132,24 +118,20 @@ export default baseMixins.extend({
         zIndex: this.zIndex || this.activeZIndex
       };
     }
-
   },
   watch: {
     isActive(val) {
       if (!val) this.listIndex = -1;
     },
-
     isContentActive(val) {
       this.hasJustFocused = val;
     },
-
     listIndex(next, prev) {
       if (next in this.tiles) {
         const tile = this.tiles[next];
         tile.classList.add('k-list-item--highlighted');
         const scrollTop = this.$refs.content.scrollTop;
         const contentHeight = this.$refs.content.clientHeight;
-
         if (scrollTop > tile.offsetTop - 8) {
           goTo(tile.offsetTop - tile.clientHeight, {
             appOffset: false,
@@ -164,29 +146,24 @@ export default baseMixins.extend({
           });
         }
       }
-
       prev in this.tiles && this.tiles[prev].classList.remove('k-list-item--highlighted');
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('full-width')) {
       removed('full-width', this);
     }
   },
-
   mounted() {
     this.isActive && this.callActivate();
   },
-
   methods: {
     activate() {
       // Update coordinates and dimensions of menu
       // and its activator
-      this.updateDimensions(); // Start the transition
-
+      this.updateDimensions();
+      // Start the transition
       requestAnimationFrame(() => {
         // Once transitioning, calculate scroll and top position
         this.startTransition().then(() => {
@@ -197,40 +174,32 @@ export default baseMixins.extend({
         });
       });
     },
-
     calcScrollPosition() {
       const $el = this.$refs.content;
       const activeTile = $el.querySelector('.k-list-item--active');
       const maxScrollTop = $el.scrollHeight - $el.offsetHeight;
       return activeTile ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2)) : $el.scrollTop;
     },
-
     calcLeftAuto() {
       return parseInt(this.dimensions.activator.left - this.defaultOffset * 2);
     },
-
     calcTopAuto() {
       const $el = this.$refs.content;
       const activeTile = $el.querySelector('.k-list-item--active');
-
       if (!activeTile) {
         this.selectedIndex = null;
       }
-
       if (this.offsetY || !activeTile) {
         return this.computedTop;
       }
-
       this.selectedIndex = Array.from(this.tiles).indexOf(activeTile);
       const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition();
       const firstTileOffsetTop = $el.querySelector('.k-list-item').offsetTop;
       return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1;
     },
-
     changeListIndex(e) {
       // For infinite scroll and autocomplete, re-evaluate children
       this.getTiles();
-
       if (!this.isActive || !this.hasClickableTiles) {
         return;
       } else if (e.keyCode === keyCodes.tab) {
@@ -248,39 +217,31 @@ export default baseMixins.extend({
         this.tiles[this.listIndex].click();
       } else {
         return;
-      } // One of the conditions was met, prevent default action (#2988)
-
-
+      }
+      // One of the conditions was met, prevent default action (#2988)
       e.preventDefault();
     },
-
     closeConditional(e) {
       const target = e.target;
       return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
     },
-
     genActivatorAttributes() {
       const attributes = Activatable.options.methods.genActivatorAttributes.call(this);
-
       if (this.activeTile && this.activeTile.id) {
-        return { ...attributes,
+        return {
+          ...attributes,
           'aria-activedescendant': this.activeTile.id
         };
       }
-
       return attributes;
     },
-
     genActivatorListeners() {
       const listeners = Menuable.options.methods.genActivatorListeners.call(this);
-
       if (!this.disableKeys) {
         listeners.keydown = this.onKeyDown;
       }
-
       return listeners;
     },
-
     genTransition() {
       const content = this.genContent();
       if (!this.transition) return content;
@@ -290,13 +251,12 @@ export default baseMixins.extend({
         }
       }, [content]);
     },
-
     genDirectives() {
       const directives = [{
         name: 'show',
         value: this.isContentActive
-      }]; // Do not add click outside for hover menu
-
+      }];
+      // Do not add click outside for hover menu
       if (!this.openOnHover && this.closeOnClick) {
         directives.push({
           name: 'click-outside',
@@ -309,17 +269,18 @@ export default baseMixins.extend({
           }
         });
       }
-
       return directives;
     },
-
     genContent() {
       const options = {
-        attrs: { ...this.getScopeIdAttrs(),
+        attrs: {
+          ...this.getScopeIdAttrs(),
+          ...this.contentProps,
           role: 'role' in this.$attrs ? this.$attrs.role : 'menu'
         },
         staticClass: 'k-menu__content',
-        class: { ...this.rootThemeClasses,
+        class: {
+          ...this.rootThemeClasses,
           ...this.roundedClasses,
           'k-menu__content--auto': this.auto,
           'k-menu__content--fixed': this.activatorFixed,
@@ -338,91 +299,77 @@ export default baseMixins.extend({
           keydown: this.onKeyDown
         }
       };
-
       if (this.$listeners.scroll) {
         options.on = options.on || {};
         options.on.scroll = this.$listeners.scroll;
       }
-
       if (!this.disabled && this.openOnHover) {
         options.on = options.on || {};
         options.on.mouseenter = this.mouseEnterHandler;
       }
-
       if (this.openOnHover) {
         options.on = options.on || {};
         options.on.mouseleave = this.mouseLeaveHandler;
       }
-
       return this.$createElement('div', options, this.getContentSlot());
     },
-
     getTiles() {
       if (!this.$refs.content) return;
       this.tiles = Array.from(this.$refs.content.querySelectorAll('.k-list-item, .k-divider, .k-subheader'));
     },
-
     mouseEnterHandler() {
       this.runDelay('open', () => {
         if (this.hasJustFocused) return;
         this.hasJustFocused = true;
       });
     },
-
     mouseLeaveHandler(e) {
       // Prevent accidental re-activation
       this.runDelay('close', () => {
-        if (this.$refs.content.contains(e.relatedTarget)) return;
+        var _a;
+        if ((_a = this.$refs.content) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) return;
         requestAnimationFrame(() => {
           this.isActive = false;
           this.callDeactivate();
         });
       });
     },
-
     nextTile() {
       const tile = this.tiles[this.listIndex + 1];
-
       if (!tile) {
         if (!this.tiles.length) return;
         this.listIndex = -1;
         this.nextTile();
         return;
       }
-
       this.listIndex++;
       if (tile.tabIndex === -1) this.nextTile();
     },
-
     prevTile() {
       const tile = this.tiles[this.listIndex - 1];
-
       if (!tile) {
         if (!this.tiles.length) return;
         this.listIndex = this.tiles.length;
         this.prevTile();
         return;
       }
-
       this.listIndex--;
       if (tile.tabIndex === -1) this.prevTile();
     },
-
     lastTile() {
       const tile = this.tiles[this.tiles.length - 1];
       if (!tile) return;
       this.listIndex = this.tiles.length - 1;
       if (tile.tabIndex === -1) this.prevTile();
     },
-
     firstTile() {
       const tile = this.tiles[0];
       if (!tile) return;
       this.listIndex = 0;
       if (tile.tabIndex === -1) this.nextTile();
     },
-
     onKeyDown(e) {
+      if (this.disableKeys) return;
       if (e.keyCode === keyCodes.esc) {
         // Wait for dependent elements to close first
         setTimeout(() => {
@@ -432,30 +379,26 @@ export default baseMixins.extend({
         this.$nextTick(() => activator && activator.focus());
       } else if (!this.isActive && [keyCodes.up, keyCodes.down].includes(e.keyCode)) {
         this.isActive = true;
-      } // Allow for isActive watcher to generate tile list
-
-
+      }
+      // Allow for isActive watcher to generate tile list
       this.$nextTick(() => this.changeListIndex(e));
     },
-
     onResize() {
-      if (!this.isActive) return; // Account for screen resize
+      if (!this.isActive) return;
+      // Account for screen resize
       // and orientation change
       // eslint-disable-next-line no-unused-expressions
-
       this.$refs.content.offsetWidth;
-      this.updateDimensions(); // When resizing to a smaller width
+      this.updateDimensions();
+      // When resizing to a smaller width
       // content width is evaluated before
       // the new activator width has been
       // set, causing it to not size properly
       // hacky but will revisit in the future
-
       clearTimeout(this.resizeTimeout);
       this.resizeTimeout = window.setTimeout(this.updateDimensions, 100);
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-menu',
@@ -476,6 +419,5 @@ export default baseMixins.extend({
       }
     }, [this.genTransition()])])]);
   }
-
 });
 //# sourceMappingURL=KMenu.js.map