kdutify 2.6.0 → 2.7.2

package/lib/components/KMessages/KMessages.js

@@ -1,13 +1,12 @@
 // Styles
-import "..\\..\\..\\src\\components\\KMessages\\KMessages.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KMessages\\KMessages.sass";
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Themeable from '../../mixins/themeable';
-import mixins from '../../util/mixins'; // Utilities
-
+import mixins from '../../util/mixins';
+// Utilities
 import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(Colorable, Themeable).extend({
   name: 'k-messages',
   props: {
@@ -26,7 +25,6 @@ export default mixins(Colorable, Themeable).extend({
         }
       }, this.value.map(this.genMessage));
     },
-
     genMessage(message, key) {
       return this.$createElement('div', {
         staticClass: 'k-messages__message',
@@ -36,15 +34,12 @@ export default mixins(Colorable, Themeable).extend({
         key
       }) || [message]);
     }
-
   },
-
   render(h) {
     return h('div', this.setTextColor(this.color, {
       staticClass: 'k-messages',
       class: this.themeClasses
     }), [this.genChildren()]);
   }
-
 });
 //# sourceMappingURL=KMessages.js.map

package/lib/components/KMessages/KMessages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KMessages/KMessages.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAKA,OAAO,MAAP,MAAmB,mBAAnB,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA;;AACA,eAAe,MAAM,CAAC,SAAD,EAAY,SAAZ,CAAN,CAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,YAD2C;AAGjD,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX;AADF,GAH0C;AAUjD,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,cAAL,CAAoB,kBAApB,EAAwC;AAC7C,QAAA,WAAW,EAAE,qBADgC;AAE7C,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,oBADD;AAEL,UAAA,GAAG,EAAE;AAFA;AAFsC,OAAxC,EAMJ,KAAK,KAAL,CAAW,GAAX,CAAe,KAAK,UAApB,CANI,CAAP;AAOD,KATM;;AAUP,IAAA,UAAU,CAAE,OAAF,EAAmB,GAAnB,EAA8B;AACtC,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,qBADmB;AAEhC,QAAA;AAFgC,OAA3B,EAGJ,OAAO,CAAC,IAAD,EAAO,SAAP,EAAkB;AAAE,QAAA,OAAF;AAAW,QAAA;AAAX,OAAlB,CAAP,IAA8C,CAAC,OAAD,CAH1C,CAAP;AAID;;AAfM,GAVwC;;AA4BjD,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B;AAC5C,MAAA,WAAW,EAAE,YAD+B;AAE5C,MAAA,KAAK,EAAE,KAAK;AAFgC,KAA9B,CAAR,EAGJ,CAAC,KAAK,WAAL,EAAD,CAHI,CAAR;AAID;;AAjCgD,CAApC,CAAf","sourcesContent":["// Styles\nimport './KMessages.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../util/mixins'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default mixins(Colorable, Themeable).extend({\n  name: 'k-messages',\n\n  props: {\n    value: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n  },\n\n  methods: {\n    genChildren () {\n      return this.$createElement('transition-group', {\n        staticClass: 'k-messages__wrapper',\n        attrs: {\n          name: 'message-transition',\n          tag: 'div',\n        },\n      }, this.value.map(this.genMessage))\n    },\n    genMessage (message: string, key: number) {\n      return this.$createElement('div', {\n        staticClass: 'k-messages__message',\n        key,\n      }, getSlot(this, 'default', { message, key }) || [message])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'k-messages',\n      class: this.themeClasses,\n    }), [this.genChildren()])\n  },\n})\n"],"sourceRoot":"","file":"KMessages.js"}
+{"version":3,"sources":["../../../src/components/KMessages/KMessages.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAkB;AAEzB;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,SAAS,MAAM,wBAAwB;AAK9C,OAAO,MAAM,MAAM,mBAAmB;AAEtC;AACA,SAAS,OAAO,QAAQ,oBAAoB;AAE5C;AACA,eAAe,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,KAAK,EAAE;MACL,IAAI,EAAE,KAAK;MACX,OAAO,EAAE,CAAA,KAAO;IACU;GAC7B;EAED,OAAO,EAAE;IACP,WAAW,CAAA,EAAA;MACT,OAAO,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE;QAC7C,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE;UACL,IAAI,EAAE,oBAAoB;UAC1B,GAAG,EAAE;QACN;OACF,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IACD,UAAU,CAAE,OAAe,EAAE,GAAW,EAAA;MACtC,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,qBAAqB;QAClC;OACD,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE;QAAE,OAAO;QAAE;MAAG,CAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7D;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE;MAC5C,WAAW,EAAE,YAAY;MACzB,KAAK,EAAE,IAAI,CAAC;KACb,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAA,CAAE,CAAC,CAAC;EAC3B;CACD,CAAC","sourcesContent":["// Styles\nimport './KMessages.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\nimport mixins from '../../util/mixins'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default mixins(Colorable, Themeable).extend({\n  name: 'k-messages',\n\n  props: {\n    value: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n  },\n\n  methods: {\n    genChildren () {\n      return this.$createElement('transition-group', {\n        staticClass: 'k-messages__wrapper',\n        attrs: {\n          name: 'message-transition',\n          tag: 'div',\n        },\n      }, this.value.map(this.genMessage))\n    },\n    genMessage (message: string, key: number) {\n      return this.$createElement('div', {\n        staticClass: 'k-messages__message',\n        key,\n      }, getSlot(this, 'default', { message, key }) || [message])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.color, {\n      staticClass: 'k-messages',\n      class: this.themeClasses,\n    }), [this.genChildren()])\n  },\n})\n"],"sourceRoot":"","file":"KMessages.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KMessages/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AAEA,SAAS,SAAT;AACA,eAAe,SAAf","sourcesContent":["import KMessages from './KMessages'\n\nexport { KMessages }\nexport default KMessages\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KMessages/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa;AAEnC,SAAS,SAAS;AAClB,eAAe,SAAS","sourcesContent":["import KMessages from './KMessages'\n\nexport { KMessages }\nexport default KMessages\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KNavigationDrawer/KNavigationDrawer.js

@@ -1,25 +1,24 @@
 // Styles
-import "..\\..\\..\\src\\components\\KNavigationDrawer\\KNavigationDrawer.sass"; // Components
-
-import KImg from '../KImg/KImg'; // Mixins
-
+import "..\\..\\..\\src\\components\\KNavigationDrawer\\KNavigationDrawer.sass";
+// Components
+import KImg from '../KImg/KImg';
+// Mixins
 import Applicationable from '../../mixins/applicationable';
 import Colorable from '../../mixins/colorable';
 import Dependent from '../../mixins/dependent';
 import Mobile from '../../mixins/mobile';
 import Overlayable from '../../mixins/overlayable';
 import SSRBootable from '../../mixins/ssr-bootable';
-import Themeable from '../../mixins/themeable'; // Directives
-
+import Themeable from '../../mixins/themeable';
+// Directives
 import ClickOutside from '../../directives/click-outside';
 import Resize from '../../directives/resize';
-import Touch from '../../directives/touch'; // Utilities
-
+import Touch from '../../directives/touch';
+// Utilities
 import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Applicationable('left', ['isActive', 'isMobile', 'miniVariant', 'expandOnHover', 'permanent', 'right', 'temporary', 'width']), Colorable, Dependent, Mobile, Overlayable, SSRBootable, Themeable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-navigation-drawer',
   directives: {
@@ -27,13 +26,11 @@ export default baseMixins.extend({
     Resize,
     Touch
   },
-
   provide() {
     return {
       isInNav: this.tag === 'nav'
     };
   },
-
   props: {
     bottom: Boolean,
     clipped: Boolean,
@@ -43,11 +40,9 @@ export default baseMixins.extend({
     floating: Boolean,
     height: {
       type: [Number, String],
-
       default() {
         return this.app ? '100vh' : '100%';
       }
-
     },
     miniVariant: Boolean,
     miniVariantWidth: {
@@ -63,11 +58,9 @@ export default baseMixins.extend({
     stateless: Boolean,
     tag: {
       type: String,
-
       default() {
         return this.app ? 'nav' : 'aside';
       }
-
     },
     temporary: Boolean,
     touchless: Boolean,
@@ -93,7 +86,6 @@ export default baseMixins.extend({
     applicationProperty() {
       return this.right ? 'right' : 'left';
     },
-
     classes() {
       return {
         'k-navigation-drawer': true,
@@ -114,67 +106,53 @@ export default baseMixins.extend({
         ...this.themeClasses
       };
     },
-
     computedMaxHeight() {
       if (!this.hasApp) return null;
       const computedMaxHeight = this.$kdutify.application.bottom + this.$kdutify.application.footer + this.$kdutify.application.bar;
       if (!this.clipped) return computedMaxHeight;
       return computedMaxHeight + this.$kdutify.application.top;
     },
-
     computedTop() {
       if (!this.hasApp) return 0;
       let computedTop = this.$kdutify.application.bar;
       computedTop += this.clipped ? this.$kdutify.application.top : 0;
       return computedTop;
     },
-
     computedTransform() {
       if (this.isActive) return 0;
       if (this.isBottom) return 100;
       return this.right ? 100 : -100;
     },
-
     computedWidth() {
       return this.isMiniVariant ? this.miniVariantWidth : this.width;
     },
-
     hasApp() {
       return this.app && !this.isMobile && !this.temporary;
     },
-
     isBottom() {
       return this.bottom && this.isMobile;
     },
-
     isMiniVariant() {
       return !this.expandOnHover && this.miniVariant || this.expandOnHover && !this.isMouseover;
     },
-
     isMobile() {
       return !this.stateless && !this.permanent && Mobile.options.computed.isMobile.call(this);
     },
-
     reactsToClick() {
       return !this.stateless && !this.permanent && (this.isMobile || this.temporary);
     },
-
     reactsToMobile() {
       return this.app && !this.disableResizeWatcher && !this.permanent && !this.stateless && !this.temporary;
     },
-
     reactsToResize() {
       return !this.disableResizeWatcher && !this.stateless;
     },
-
     reactsToRoute() {
       return !this.disableRouteWatcher && !this.stateless && (this.temporary || this.isMobile);
     },
-
     showOverlay() {
       return !this.hideOverlay && this.isActive && (this.isMobile || this.temporary);
     },
-
     styles() {
       const translate = this.isBottom ? 'translateY' : 'translateX';
       return {
@@ -185,15 +163,12 @@ export default baseMixins.extend({
         width: convertToUnit(this.computedWidth)
       };
     }
-
   },
   watch: {
     $route: 'onRouteChange',
-
     isActive(val) {
       this.$emit('input', val);
     },
-
     /**
      * When mobile changes, adjust the active state
      * only when there has been a previous value
@@ -203,39 +178,29 @@ export default baseMixins.extend({
       if (prev == null || !this.reactsToResize || !this.reactsToMobile) return;
       this.isActive = !val;
     },
-
     permanent(val) {
       // If enabling prop enable the drawer
       if (val) this.isActive = true;
     },
-
     showOverlay(val) {
       if (val) this.genOverlay();else this.removeOverlay();
     },
-
     value(val) {
       if (this.permanent) return;
-
       if (val == null) {
         this.init();
         return;
       }
-
       if (val !== this.isActive) this.isActive = val;
     },
-
     expandOnHover: 'updateMiniVariant',
-
     isMouseover(val) {
       this.updateMiniVariant(!val);
     }
-
   },
-
   beforeMount() {
     this.init();
   },
-
   methods: {
     calculateTouchArea() {
       const parent = this.$el.parentNode;
@@ -246,15 +211,12 @@ export default baseMixins.extend({
         right: parentRect.right - 50
       };
     },
-
     closeConditional() {
       return this.isActive && !this._isDestroyed && this.reactsToClick;
     },
-
     genAppend() {
       return this.genPosition('append');
     },
-
     genBackground() {
       const props = {
         height: '100%',
@@ -268,7 +230,6 @@ export default baseMixins.extend({
         staticClass: 'k-navigation-drawer__image'
       }, [image]);
     },
-
     genDirectives() {
       const directives = [{
         name: 'click-outside',
@@ -280,7 +241,6 @@ export default baseMixins.extend({
           include: this.getOpenDependentElements
         }
       }];
-
       if (!this.touchless && !this.stateless) {
         directives.push({
           name: 'touch',
@@ -291,35 +251,26 @@ export default baseMixins.extend({
           }
         });
       }
-
       return directives;
     },
-
     genListeners() {
       const on = {
+        mouseenter: () => this.isMouseover = true,
+        mouseleave: () => this.isMouseover = false,
         transitionend: e => {
           if (e.target !== e.currentTarget) return;
-          this.$emit('transitionend', e); // IE11 does not support new Event('resize')
-
+          this.$emit('transitionend', e);
+          // IE11 does not support new Event('resize')
           const resizeEvent = document.createEvent('UIEvents');
           resizeEvent.initUIEvent('resize', true, false, window, 0);
           window.dispatchEvent(resizeEvent);
         }
       };
-
       if (this.miniVariant) {
         on.click = () => this.$emit('update:mini-variant', false);
       }
-
-      if (this.expandOnHover) {
-        on.mouseenter = () => this.isMouseover = true;
-
-        on.mouseleave = () => this.isMouseover = false;
-      }
-
       return on;
     },
-
     genPosition(name) {
       const slot = getSlot(this, name);
       if (!slot) return slot;
@@ -327,23 +278,19 @@ export default baseMixins.extend({
         staticClass: `k-navigation-drawer__${name}`
       }, slot);
     },
-
     genPrepend() {
       return this.genPosition('prepend');
     },
-
     genContent() {
       return this.$createElement('div', {
         staticClass: 'k-navigation-drawer__content'
-      }, this.$slots.default);
+      }, getSlot(this));
     },
-
     genBorder() {
       return this.$createElement('div', {
         staticClass: 'k-navigation-drawer__border'
       });
     },
-
     init() {
       if (this.permanent) {
         this.isActive = true;
@@ -353,42 +300,35 @@ export default baseMixins.extend({
         this.isActive = !this.isMobile;
       }
     },
-
     onRouteChange() {
       if (this.reactsToRoute && this.closeConditional()) {
         this.isActive = false;
       }
     },
-
     swipeLeft(e) {
       if (this.isActive && this.right) return;
       this.calculateTouchArea();
       if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
       if (this.right && e.touchstartX >= this.touchArea.right) this.isActive = true;else if (!this.right && this.isActive) this.isActive = false;
     },
-
     swipeRight(e) {
       if (this.isActive && !this.right) return;
       this.calculateTouchArea();
       if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
       if (!this.right && e.touchstartX <= this.touchArea.left) this.isActive = true;else if (this.right && this.isActive) this.isActive = false;
     },
-
     /**
      * Update the application layout
      */
     updateApplication() {
       if (!this.isActive || this.isMobile || this.temporary || !this.$el) return 0;
-      const width = Number(this.computedWidth);
+      const width = Number(this.miniVariant ? this.miniVariantWidth : this.width);
       return isNaN(width) ? this.$el.clientWidth : width;
     },
-
     updateMiniVariant(val) {
-      if (this.miniVariant !== val) this.$emit('update:mini-variant', val);
+      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val);
     }
-
   },
-
   render(h) {
     const children = [this.genPrepend(), this.genContent(), this.genAppend(), this.genBorder()];
     if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground());
@@ -399,6 +339,5 @@ export default baseMixins.extend({
       on: this.genListeners()
     }), children);
   }
-
 });
 //# sourceMappingURL=KNavigationDrawer.js.map

package/lib/components/KNavigationDrawer/KNavigationDrawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KNavigationDrawer/KNavigationDrawer.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KNavigationDrawer.sass'\n\n// Components\nimport KImg, { srcObject } from '../KImg/KImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeDirective, PropType } from 'kdu'\nimport { TouchWrapper } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-navigation-drawer',\n\n  directives: {\n    ClickOutside,\n    Resize,\n    Touch,\n  },\n\n  provide (): object {\n    return {\n      isInNav: this.tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n      default (): string {\n        return this.app ? '100vh' : '100%'\n      },\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String,\n      default (): string {\n        return this.app ? 'nav' : 'aside'\n      },\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    value: null as unknown as PropType<any>,\n  },\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'k-navigation-drawer': true,\n        'k-navigation-drawer--absolute': this.absolute,\n        'k-navigation-drawer--bottom': this.bottom,\n        'k-navigation-drawer--clipped': this.clipped,\n        'k-navigation-drawer--close': !this.isActive,\n        'k-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'k-navigation-drawer--floating': this.floating,\n        'k-navigation-drawer--is-mobile': this.isMobile,\n        'k-navigation-drawer--is-mouseover': this.isMouseover,\n        'k-navigation-drawer--mini-variant': this.isMiniVariant,\n        'k-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'k-navigation-drawer--open': this.isActive,\n        'k-navigation-drawer--open-on-hover': this.expandOnHover,\n        'k-navigation-drawer--right': this.right,\n        'k-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$kdutify.application.bottom +\n        this.$kdutify.application.footer +\n        this.$kdutify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$kdutify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$kdutify.application.bar\n\n      computedTop += this.clipped\n        ? this.$kdutify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.options.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('input', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    value (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this._isDestroyed && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\n        src: this.src,\n      }\n\n      const image = this.$scopedSlots.img\n        ? this.$scopedSlots.img(props)\n        : this.$createElement(KImg, { props })\n\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): KNodeDirective[] {\n      const directives = [{\n        name: 'click-outside',\n        value: {\n          handler: () => { this.isActive = false },\n          closeConditional: this.closeConditional,\n          include: this.getOpenDependentElements,\n        },\n      }]\n\n      if (!this.touchless && !this.stateless) {\n        directives.push({\n          name: 'touch',\n          value: {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n          },\n        } as any)\n      }\n\n      return directives\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        transitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.click = () => this.$emit('update:mini-variant', false)\n      }\n\n      if (this.expandOnHover) {\n        on.mouseenter = () => (this.isMouseover = true)\n        on.mouseleave = () => (this.isMouseover = false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return this.$createElement('div', {\n        staticClass: `k-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__content',\n      }, this.$slots.default)\n    },\n    genBorder () {\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.value != null\n      ) {\n        this.isActive = this.value\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.computedWidth)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    return h(this.tag, this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      directives: this.genDirectives(),\n      on: this.genListeners(),\n    }), children)\n  },\n})\n"],"sourceRoot":"","file":"KNavigationDrawer.js"}
+{"version":3,"sources":["../../../src/components/KNavigationDrawer/KNavigationDrawer.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KNavigationDrawer.sass'\n\n// Components\nimport KImg, { srcObject } from '../KImg/KImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, KNodeDirective, PropType } from 'kdu'\nimport { TouchWrapper } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-navigation-drawer',\n\n  directives: {\n    ClickOutside,\n    Resize,\n    Touch,\n  },\n\n  provide (): object {\n    return {\n      isInNav: this.tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n      default (): string {\n        return this.app ? '100vh' : '100%'\n      },\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String,\n      default (): string {\n        return this.app ? 'nav' : 'aside'\n      },\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    value: null as unknown as PropType<any>,\n  },\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'k-navigation-drawer': true,\n        'k-navigation-drawer--absolute': this.absolute,\n        'k-navigation-drawer--bottom': this.bottom,\n        'k-navigation-drawer--clipped': this.clipped,\n        'k-navigation-drawer--close': !this.isActive,\n        'k-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'k-navigation-drawer--floating': this.floating,\n        'k-navigation-drawer--is-mobile': this.isMobile,\n        'k-navigation-drawer--is-mouseover': this.isMouseover,\n        'k-navigation-drawer--mini-variant': this.isMiniVariant,\n        'k-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'k-navigation-drawer--open': this.isActive,\n        'k-navigation-drawer--open-on-hover': this.expandOnHover,\n        'k-navigation-drawer--right': this.right,\n        'k-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$kdutify.application.bottom +\n        this.$kdutify.application.footer +\n        this.$kdutify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$kdutify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$kdutify.application.bar\n\n      computedTop += this.clipped\n        ? this.$kdutify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.options.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('input', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    value (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this._isDestroyed && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\n        src: this.src,\n      }\n\n      const image = this.$scopedSlots.img\n        ? this.$scopedSlots.img(props)\n        : this.$createElement(KImg, { props })\n\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): KNodeDirective[] {\n      const directives = [{\n        name: 'click-outside',\n        value: {\n          handler: () => { this.isActive = false },\n          closeConditional: this.closeConditional,\n          include: this.getOpenDependentElements,\n        },\n      }]\n\n      if (!this.touchless && !this.stateless) {\n        directives.push({\n          name: 'touch',\n          value: {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n          },\n        } as any)\n      }\n\n      return directives\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        mouseenter: () => (this.isMouseover = true),\n        mouseleave: () => (this.isMouseover = false),\n        transitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.click = () => this.$emit('update:mini-variant', false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return this.$createElement('div', {\n        staticClass: `k-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__content',\n      }, getSlot(this))\n    },\n    genBorder () {\n      return this.$createElement('div', {\n        staticClass: 'k-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.value != null\n      ) {\n        this.isActive = this.value\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.miniVariant ? this.miniVariantWidth : this.width)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (h): KNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    return h(this.tag, this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      directives: this.genDirectives(),\n      on: this.genListeners(),\n    }), children)\n  },\n})\n"],"sourceRoot":"","file":"KNavigationDrawer.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KNavigationDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAP,MAA8B,qBAA9B;AAEA,SAAS,iBAAT;AACA,eAAe,iBAAf","sourcesContent":["import KNavigationDrawer from './KNavigationDrawer'\n\nexport { KNavigationDrawer }\nexport default KNavigationDrawer\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KNavigationDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB;AAEnD,SAAS,iBAAiB;AAC1B,eAAe,iBAAiB","sourcesContent":["import KNavigationDrawer from './KNavigationDrawer'\n\nexport { KNavigationDrawer }\nexport default KNavigationDrawer\n"],"sourceRoot":"","file":"index.js"}