kdutify 2.6.0 → 2.7.2

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,gDAAc;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

package/lib/components/KMenu/KMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KMenu/KMenu.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KMenu.sass'\n\n// Components\nimport { KThemeProvider } from '../KThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\nimport Returnable from '../../mixins/returnable'\nimport Roundable from '../../mixins/roundable'\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\nimport goTo from '../../services/goto'\n\n// Types\nimport { KNode, KNodeDirective, KNodeData } from 'kdu'\n\nconst baseMixins = mixins(\n  Dependent,\n  Delayable,\n  Menuable,\n  Returnable,\n  Roundable,\n  Toggleable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-menu',\n\n  directives: {\n    ClickOutside,\n    Resize,\n  },\n\n  provide (): object {\n    return {\n      isInMenu: true,\n      // Pass theme through to default slot\n      theme: this.theme,\n    }\n  },\n\n  props: {\n    auto: Boolean,\n    closeOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnContentClick: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: Boolean,\n    disableKeys: Boolean,\n    maxHeight: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    offsetX: Boolean,\n    offsetY: Boolean,\n    openOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    openOnHover: Boolean,\n    origin: {\n      type: String,\n      default: 'top left',\n    },\n    transition: {\n      type: [Boolean, String],\n      default: 'k-menu-transition',\n    },\n  },\n\n  data () {\n    return {\n      calculatedTopAuto: 0,\n      defaultOffset: 8,\n      hasJustFocused: false,\n      listIndex: -1,\n      resizeTimeout: 0,\n      selectedIndex: null as null | number,\n      tiles: [] as HTMLElement[],\n    }\n  },\n\n  computed: {\n    activeTile (): HTMLElement | undefined {\n      return this.tiles[this.listIndex]\n    },\n    calculatedLeft (): string {\n      const menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth))\n\n      if (!this.auto) return this.calcLeft(menuWidth) || '0'\n\n      return convertToUnit(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0'\n    },\n    calculatedMaxHeight (): string {\n      const height = this.auto\n        ? '200px'\n        : convertToUnit(this.maxHeight)\n\n      return height || '0'\n    },\n    calculatedMaxWidth (): string {\n      return convertToUnit(this.maxWidth) || '0'\n    },\n    calculatedMinWidth (): string {\n      if (this.minWidth) {\n        return convertToUnit(this.minWidth) || '0'\n      }\n\n      const minWidth = Math.min(\n        this.dimensions.activator.width +\n        Number(this.nudgeWidth) +\n        (this.auto ? 16 : 0),\n        Math.max(this.pageWidth - 24, 0)\n      )\n\n      const calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth))\n        ? minWidth\n        : parseInt(this.calculatedMaxWidth)\n\n      return convertToUnit(Math.min(\n        calculatedMaxWidth,\n        minWidth\n      )) || '0'\n    },\n    calculatedTop (): string {\n      const top = !this.auto\n        ? this.calcTop()\n        : convertToUnit(this.calcYOverflow(this.calculatedTopAuto))\n\n      return top || '0'\n    },\n    hasClickableTiles (): boolean {\n      return Boolean(this.tiles.find(tile => tile.tabIndex > -1))\n    },\n    styles (): object {\n      return {\n        maxHeight: this.calculatedMaxHeight,\n        minWidth: this.calculatedMinWidth,\n        maxWidth: this.calculatedMaxWidth,\n        top: this.calculatedTop,\n        left: this.calculatedLeft,\n        transformOrigin: this.origin,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (!val) this.listIndex = -1\n    },\n    isContentActive (val) {\n      this.hasJustFocused = val\n    },\n    listIndex (next, prev) {\n      if (next in this.tiles) {\n        const tile = this.tiles[next]\n        tile.classList.add('k-list-item--highlighted')\n        const scrollTop = this.$refs.content.scrollTop\n        const contentHeight = this.$refs.content.clientHeight\n\n        if (scrollTop > tile.offsetTop - 8) {\n          goTo(tile.offsetTop - tile.clientHeight, {\n            appOffset: false,\n            duration: 300,\n            container: this.$refs.content,\n          })\n        } else if (scrollTop + contentHeight < tile.offsetTop + tile.clientHeight + 8) {\n          goTo(tile.offsetTop - contentHeight + tile.clientHeight * 2, {\n            appOffset: false,\n            duration: 300,\n            container: this.$refs.content,\n          })\n        }\n      }\n\n      prev in this.tiles &&\n        this.tiles[prev].classList.remove('k-list-item--highlighted')\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  mounted () {\n    this.isActive && this.callActivate()\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(() => {\n        // Once transitioning, calculate scroll and top position\n        this.startTransition().then(() => {\n          if (this.$refs.content) {\n            this.calculatedTopAuto = this.calcTopAuto()\n            this.auto && (this.$refs.content.scrollTop = this.calcScrollPosition())\n          }\n        })\n      })\n    },\n    calcScrollPosition () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.k-list-item--active') as HTMLElement\n      const maxScrollTop = $el.scrollHeight - $el.offsetHeight\n\n      return activeTile\n        ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2))\n        : $el.scrollTop\n    },\n    calcLeftAuto () {\n      return parseInt(this.dimensions.activator.left - this.defaultOffset * 2)\n    },\n    calcTopAuto () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.k-list-item--active') as HTMLElement | null\n\n      if (!activeTile) {\n        this.selectedIndex = null\n      }\n\n      if (this.offsetY || !activeTile) {\n        return this.computedTop\n      }\n\n      this.selectedIndex = Array.from(this.tiles).indexOf(activeTile)\n\n      const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition()\n      const firstTileOffsetTop = ($el.querySelector('.k-list-item') as HTMLElement).offsetTop\n\n      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1\n    },\n    changeListIndex (e: KeyboardEvent) {\n      // For infinite scroll and autocomplete, re-evaluate children\n      this.getTiles()\n\n      if (!this.isActive || !this.hasClickableTiles) {\n        return\n      } else if (e.keyCode === keyCodes.tab) {\n        this.isActive = false\n        return\n      } else if (e.keyCode === keyCodes.down) {\n        this.nextTile()\n      } else if (e.keyCode === keyCodes.up) {\n        this.prevTile()\n      } else if (e.keyCode === keyCodes.end) {\n        this.lastTile()\n      } else if (e.keyCode === keyCodes.home) {\n        this.firstTile()\n      } else if (e.keyCode === keyCodes.enter && this.listIndex !== -1) {\n        this.tiles[this.listIndex].click()\n      } else { return }\n      // One of the conditions was met, prevent default action (#2988)\n      e.preventDefault()\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n\n      return this.isActive &&\n        !this._isDestroyed &&\n        this.closeOnClick &&\n        !this.$refs.content.contains(target)\n    },\n    genActivatorAttributes () {\n      const attributes = Activatable.options.methods.genActivatorAttributes.call(this)\n\n      if (this.activeTile && this.activeTile.id) {\n        return {\n          ...attributes,\n          'aria-activedescendant': this.activeTile.id,\n        }\n      }\n\n      return attributes\n    },\n    genActivatorListeners () {\n      const listeners = Menuable.options.methods.genActivatorListeners.call(this)\n\n      if (!this.disableKeys) {\n        listeners.keydown = this.onKeyDown\n      }\n\n      return listeners\n    },\n    genTransition (): KNode {\n      const content = this.genContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, [content])\n    },\n    genDirectives (): KNodeDirective[] {\n      const directives: KNodeDirective[] = [{\n        name: 'show',\n        value: this.isContentActive,\n      }]\n\n      // Do not add click outside for hover menu\n      if (!this.openOnHover && this.closeOnClick) {\n        directives.push({\n          name: 'click-outside',\n          value: {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: () => [this.$el, ...this.getOpenDependentElements()],\n          },\n        })\n      }\n\n      return directives\n    },\n    genContent (): KNode {\n      const options = {\n        attrs: {\n          ...this.getScopeIdAttrs(),\n          role: 'role' in this.$attrs ? this.$attrs.role : 'menu',\n        },\n        staticClass: 'k-menu__content',\n        class: {\n          ...this.rootThemeClasses,\n          ...this.roundedClasses,\n          'k-menu__content--auto': this.auto,\n          'k-menu__content--fixed': this.activatorFixed,\n          menuable__content__active: this.isActive,\n          [this.contentClass.trim()]: true,\n        },\n        style: this.styles,\n        directives: this.genDirectives(),\n        ref: 'content',\n        on: {\n          click: (e: Event) => {\n            const target = e.target as HTMLElement\n\n            if (target.getAttribute('disabled')) return\n            if (this.closeOnContentClick) this.isActive = false\n          },\n          keydown: this.onKeyDown,\n        },\n      } as KNodeData\n\n      if (this.$listeners.scroll) {\n        options.on = options.on || {}\n        options.on.scroll = this.$listeners.scroll\n      }\n\n      if (!this.disabled && this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseenter = this.mouseEnterHandler\n      }\n\n      if (this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseleave = this.mouseLeaveHandler\n      }\n\n      return this.$createElement('div', options, this.getContentSlot())\n    },\n    getTiles () {\n      if (!this.$refs.content) return\n\n      this.tiles = Array.from(this.$refs.content.querySelectorAll('.k-list-item, .k-divider, .k-subheader'))\n    },\n    mouseEnterHandler () {\n      this.runDelay('open', () => {\n        if (this.hasJustFocused) return\n\n        this.hasJustFocused = true\n      })\n    },\n    mouseLeaveHandler (e: MouseEvent) {\n      // Prevent accidental re-activation\n      this.runDelay('close', () => {\n        if (this.$refs.content.contains(e.relatedTarget as HTMLElement)) return\n\n        requestAnimationFrame(() => {\n          this.isActive = false\n          this.callDeactivate()\n        })\n      })\n    },\n    nextTile () {\n      const tile = this.tiles[this.listIndex + 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = -1\n        this.nextTile()\n\n        return\n      }\n\n      this.listIndex++\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    prevTile () {\n      const tile = this.tiles[this.listIndex - 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = this.tiles.length\n        this.prevTile()\n\n        return\n      }\n\n      this.listIndex--\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    lastTile () {\n      const tile = this.tiles[this.tiles.length - 1]\n\n      if (!tile) return\n\n      this.listIndex = this.tiles.length - 1\n\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    firstTile () {\n      const tile = this.tiles[0]\n\n      if (!tile) return\n\n      this.listIndex = 0\n\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc) {\n        // Wait for dependent elements to close first\n        setTimeout(() => { this.isActive = false })\n        const activator = this.getActivator()\n        this.$nextTick(() => activator && activator.focus())\n      } else if (\n        !this.isActive &&\n        [keyCodes.up, keyCodes.down].includes(e.keyCode)\n      ) {\n        this.isActive = true\n      }\n\n      // Allow for isActive watcher to generate tile list\n      this.$nextTick(() => this.changeListIndex(e))\n    },\n    onResize () {\n      if (!this.isActive) return\n\n      // Account for screen resize\n      // and orientation change\n      // eslint-disable-next-line no-unused-expressions\n      this.$refs.content.offsetWidth\n      this.updateDimensions()\n\n      // When resizing to a smaller width\n      // content width is evaluated before\n      // the new activator width has been\n      // set, causing it to not size properly\n      // hacky but will revisit in the future\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.updateDimensions, 100)\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-menu',\n      class: {\n        'k-menu--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n      directives: [{\n        arg: '500',\n        name: 'resize',\n        value: this.onResize,\n      }],\n    }\n\n    return h('div', data, [\n      !this.activator && this.genActivator(),\n      this.showLazyContent(() => [\n        this.$createElement(KThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [this.genTransition()]),\n      ]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KMenu.js"}
+{"version":3,"sources":["../../../src/components/KMenu/KMenu.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KMenu.sass'\n\n// Components\nimport { KThemeProvider } from '../KThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\nimport Returnable from '../../mixins/returnable'\nimport Roundable from '../../mixins/roundable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\nimport goTo from '../../services/goto'\n\n// Types\nimport { KNode, KNodeDirective, KNodeData, PropType } from 'kdu'\n\nconst baseMixins = mixins(\n  Dependent,\n  Delayable,\n  Returnable,\n  Roundable,\n  Themeable,\n  Menuable,\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-menu',\n\n  directives: {\n    ClickOutside,\n    Resize,\n  },\n\n  provide (): object {\n    return {\n      isInMenu: true,\n      // Pass theme through to default slot\n      theme: this.theme,\n    }\n  },\n\n  props: {\n    auto: Boolean,\n    closeOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnContentClick: {\n      type: Boolean,\n      default: true,\n    },\n    disabled: Boolean,\n    disableKeys: Boolean,\n    maxHeight: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    offsetX: Boolean,\n    offsetY: Boolean,\n    openOnHover: Boolean,\n    origin: {\n      type: String,\n      default: 'top left',\n    },\n    transition: {\n      type: [Boolean, String],\n      default: 'k-menu-transition',\n    },\n    contentProps: {\n      type: Object as PropType<Record<string, any>>,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      calculatedTopAuto: 0,\n      defaultOffset: 8,\n      hasJustFocused: false,\n      listIndex: -1,\n      resizeTimeout: 0,\n      selectedIndex: null as null | number,\n      tiles: [] as HTMLElement[],\n    }\n  },\n\n  computed: {\n    activeTile (): HTMLElement | undefined {\n      return this.tiles[this.listIndex]\n    },\n    calculatedLeft (): string {\n      const menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth))\n\n      if (!this.auto) return this.calcLeft(menuWidth) || '0'\n\n      return convertToUnit(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0'\n    },\n    calculatedMaxHeight (): string {\n      const height = this.auto\n        ? '200px'\n        : convertToUnit(this.maxHeight)\n\n      return height || '0'\n    },\n    calculatedMaxWidth (): string {\n      return convertToUnit(this.maxWidth) || '0'\n    },\n    calculatedMinWidth (): string {\n      if (this.minWidth) {\n        return convertToUnit(this.minWidth) || '0'\n      }\n\n      const minWidth = Math.min(\n        this.dimensions.activator.width +\n        Number(this.nudgeWidth) +\n        (this.auto ? 16 : 0),\n        Math.max(this.pageWidth - 24, 0)\n      )\n\n      const calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth))\n        ? minWidth\n        : parseInt(this.calculatedMaxWidth)\n\n      return convertToUnit(Math.min(\n        calculatedMaxWidth,\n        minWidth\n      )) || '0'\n    },\n    calculatedTop (): string {\n      const top = !this.auto\n        ? this.calcTop()\n        : convertToUnit(this.calcYOverflow(this.calculatedTopAuto))\n\n      return top || '0'\n    },\n    hasClickableTiles (): boolean {\n      return Boolean(this.tiles.find(tile => tile.tabIndex > -1))\n    },\n    styles (): object {\n      return {\n        maxHeight: this.calculatedMaxHeight,\n        minWidth: this.calculatedMinWidth,\n        maxWidth: this.calculatedMaxWidth,\n        top: this.calculatedTop,\n        left: this.calculatedLeft,\n        transformOrigin: this.origin,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (!val) this.listIndex = -1\n    },\n    isContentActive (val) {\n      this.hasJustFocused = val\n    },\n    listIndex (next, prev) {\n      if (next in this.tiles) {\n        const tile = this.tiles[next]\n        tile.classList.add('k-list-item--highlighted')\n        const scrollTop = this.$refs.content.scrollTop\n        const contentHeight = this.$refs.content.clientHeight\n\n        if (scrollTop > tile.offsetTop - 8) {\n          goTo(tile.offsetTop - tile.clientHeight, {\n            appOffset: false,\n            duration: 300,\n            container: this.$refs.content,\n          })\n        } else if (scrollTop + contentHeight < tile.offsetTop + tile.clientHeight + 8) {\n          goTo(tile.offsetTop - contentHeight + tile.clientHeight * 2, {\n            appOffset: false,\n            duration: 300,\n            container: this.$refs.content,\n          })\n        }\n      }\n\n      prev in this.tiles &&\n        this.tiles[prev].classList.remove('k-list-item--highlighted')\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  mounted () {\n    this.isActive && this.callActivate()\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(() => {\n        // Once transitioning, calculate scroll and top position\n        this.startTransition().then(() => {\n          if (this.$refs.content) {\n            this.calculatedTopAuto = this.calcTopAuto()\n            this.auto && (this.$refs.content.scrollTop = this.calcScrollPosition())\n          }\n        })\n      })\n    },\n    calcScrollPosition () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.k-list-item--active') as HTMLElement\n      const maxScrollTop = $el.scrollHeight - $el.offsetHeight\n\n      return activeTile\n        ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2))\n        : $el.scrollTop\n    },\n    calcLeftAuto () {\n      return parseInt(this.dimensions.activator.left - this.defaultOffset * 2)\n    },\n    calcTopAuto () {\n      const $el = this.$refs.content\n      const activeTile = $el.querySelector('.k-list-item--active') as HTMLElement | null\n\n      if (!activeTile) {\n        this.selectedIndex = null\n      }\n\n      if (this.offsetY || !activeTile) {\n        return this.computedTop\n      }\n\n      this.selectedIndex = Array.from(this.tiles).indexOf(activeTile)\n\n      const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition()\n      const firstTileOffsetTop = ($el.querySelector('.k-list-item') as HTMLElement).offsetTop\n\n      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1\n    },\n    changeListIndex (e: KeyboardEvent) {\n      // For infinite scroll and autocomplete, re-evaluate children\n      this.getTiles()\n\n      if (!this.isActive || !this.hasClickableTiles) {\n        return\n      } else if (e.keyCode === keyCodes.tab) {\n        this.isActive = false\n        return\n      } else if (e.keyCode === keyCodes.down) {\n        this.nextTile()\n      } else if (e.keyCode === keyCodes.up) {\n        this.prevTile()\n      } else if (e.keyCode === keyCodes.end) {\n        this.lastTile()\n      } else if (e.keyCode === keyCodes.home) {\n        this.firstTile()\n      } else if (e.keyCode === keyCodes.enter && this.listIndex !== -1) {\n        this.tiles[this.listIndex].click()\n      } else { return }\n      // One of the conditions was met, prevent default action (#2988)\n      e.preventDefault()\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n\n      return this.isActive &&\n        !this._isDestroyed &&\n        this.closeOnClick &&\n        !this.$refs.content.contains(target)\n    },\n    genActivatorAttributes () {\n      const attributes = Activatable.options.methods.genActivatorAttributes.call(this)\n\n      if (this.activeTile && this.activeTile.id) {\n        return {\n          ...attributes,\n          'aria-activedescendant': this.activeTile.id,\n        }\n      }\n\n      return attributes\n    },\n    genActivatorListeners () {\n      const listeners = Menuable.options.methods.genActivatorListeners.call(this)\n\n      if (!this.disableKeys) {\n        listeners.keydown = this.onKeyDown\n      }\n\n      return listeners\n    },\n    genTransition (): KNode {\n      const content = this.genContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, [content])\n    },\n    genDirectives (): KNodeDirective[] {\n      const directives: KNodeDirective[] = [{\n        name: 'show',\n        value: this.isContentActive,\n      }]\n\n      // Do not add click outside for hover menu\n      if (!this.openOnHover && this.closeOnClick) {\n        directives.push({\n          name: 'click-outside',\n          value: {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: () => [this.$el, ...this.getOpenDependentElements()],\n          },\n        })\n      }\n\n      return directives\n    },\n    genContent (): KNode {\n      const options = {\n        attrs: {\n          ...this.getScopeIdAttrs(),\n          ...this.contentProps,\n          role: 'role' in this.$attrs ? this.$attrs.role : 'menu',\n        },\n        staticClass: 'k-menu__content',\n        class: {\n          ...this.rootThemeClasses,\n          ...this.roundedClasses,\n          'k-menu__content--auto': this.auto,\n          'k-menu__content--fixed': this.activatorFixed,\n          menuable__content__active: this.isActive,\n          [this.contentClass.trim()]: true,\n        },\n        style: this.styles,\n        directives: this.genDirectives(),\n        ref: 'content',\n        on: {\n          click: (e: Event) => {\n            const target = e.target as HTMLElement\n\n            if (target.getAttribute('disabled')) return\n            if (this.closeOnContentClick) this.isActive = false\n          },\n          keydown: this.onKeyDown,\n        },\n      } as KNodeData\n\n      if (this.$listeners.scroll) {\n        options.on = options.on || {}\n        options.on.scroll = this.$listeners.scroll\n      }\n\n      if (!this.disabled && this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseenter = this.mouseEnterHandler\n      }\n\n      if (this.openOnHover) {\n        options.on = options.on || {}\n        options.on.mouseleave = this.mouseLeaveHandler\n      }\n\n      return this.$createElement('div', options, this.getContentSlot())\n    },\n    getTiles () {\n      if (!this.$refs.content) return\n\n      this.tiles = Array.from(this.$refs.content.querySelectorAll('.k-list-item, .k-divider, .k-subheader'))\n    },\n    mouseEnterHandler () {\n      this.runDelay('open', () => {\n        if (this.hasJustFocused) return\n\n        this.hasJustFocused = true\n      })\n    },\n    mouseLeaveHandler (e: MouseEvent) {\n      // Prevent accidental re-activation\n      this.runDelay('close', () => {\n        if (this.$refs.content?.contains(e.relatedTarget as HTMLElement)) return\n\n        requestAnimationFrame(() => {\n          this.isActive = false\n          this.callDeactivate()\n        })\n      })\n    },\n    nextTile () {\n      const tile = this.tiles[this.listIndex + 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = -1\n        this.nextTile()\n\n        return\n      }\n\n      this.listIndex++\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    prevTile () {\n      const tile = this.tiles[this.listIndex - 1]\n\n      if (!tile) {\n        if (!this.tiles.length) return\n\n        this.listIndex = this.tiles.length\n        this.prevTile()\n\n        return\n      }\n\n      this.listIndex--\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    lastTile () {\n      const tile = this.tiles[this.tiles.length - 1]\n\n      if (!tile) return\n\n      this.listIndex = this.tiles.length - 1\n\n      if (tile.tabIndex === -1) this.prevTile()\n    },\n    firstTile () {\n      const tile = this.tiles[0]\n\n      if (!tile) return\n\n      this.listIndex = 0\n\n      if (tile.tabIndex === -1) this.nextTile()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (this.disableKeys) return\n\n      if (e.keyCode === keyCodes.esc) {\n        // Wait for dependent elements to close first\n        setTimeout(() => { this.isActive = false })\n        const activator = this.getActivator()\n        this.$nextTick(() => activator && activator.focus())\n      } else if (\n        !this.isActive &&\n        [keyCodes.up, keyCodes.down].includes(e.keyCode)\n      ) {\n        this.isActive = true\n      }\n\n      // Allow for isActive watcher to generate tile list\n      this.$nextTick(() => this.changeListIndex(e))\n    },\n    onResize () {\n      if (!this.isActive) return\n\n      // Account for screen resize\n      // and orientation change\n      // eslint-disable-next-line no-unused-expressions\n      this.$refs.content.offsetWidth\n      this.updateDimensions()\n\n      // When resizing to a smaller width\n      // content width is evaluated before\n      // the new activator width has been\n      // set, causing it to not size properly\n      // hacky but will revisit in the future\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.updateDimensions, 100)\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-menu',\n      class: {\n        'k-menu--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n      directives: [{\n        arg: '500',\n        name: 'resize',\n        value: this.onResize,\n      }],\n    }\n\n    return h('div', data, [\n      !this.activator && this.genActivator(),\n      this.showLazyContent(() => [\n        this.$createElement(KThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [this.genTransition()]),\n      ]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KMenu.js"}

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

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