kdutify 2.6.0 → 2.7.2

package/lib/components/KAvatar/KAvatar.js

@@ -1,10 +1,10 @@
-import "..\\..\\..\\src\\components\\KAvatar\\KAvatar.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KAvatar\\KAvatar.sass";
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Measurable from '../../mixins/measurable';
-import Roundable from '../../mixins/roundable'; // Utilities
-
-import { convertToUnit } from '../../util/helpers';
+import Roundable from '../../mixins/roundable';
+// Utilities
+import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 export default mixins(Colorable, Measurable, Roundable).extend({
   name: 'k-avatar',
@@ -24,7 +24,6 @@ export default mixins(Colorable, Measurable, Roundable).extend({
         ...this.roundedClasses
       };
     },
-
     styles() {
       return {
         height: convertToUnit(this.size),
@@ -33,9 +32,7 @@ export default mixins(Colorable, Measurable, Roundable).extend({
         ...this.measurableStyles
       };
     }
-
   },
-
   render(h) {
     const data = {
       staticClass: 'k-avatar',
@@ -43,8 +40,7 @@ export default mixins(Colorable, Measurable, Roundable).extend({
       style: this.styles,
       on: this.$listeners
     };
-    return h('div', this.setBackgroundColor(this.color, data), this.$slots.default);
+    return h('div', this.setBackgroundColor(this.color, data), getSlot(this));
   }
-
 });
 //# sourceMappingURL=KAvatar.js.map

package/lib/components/KAvatar/KAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAvatar/KAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CACnB,SADmB,EAEnB,UAFmB,EAGnB,SAHmB,CAAN,CAKb,MALa,CAKN;AACP,EAAA,IAAI,EAAE,UADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,KAAK,EAAE,OAFF;AAGL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAHD,GAHA;AAYP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,0BAAkB,KAAK,IADlB;AAEL,2BAAmB,KAAK,KAFnB;AAGL,WAAG,KAAK;AAHH,OAAP;AAKD,KAPO;;AAQR,IAAA,MAAM,GAAA;AACJ,aAAO;AACL,QAAA,MAAM,EAAE,aAAa,CAAC,KAAK,IAAN,CADhB;AAEL,QAAA,QAAQ,EAAE,aAAa,CAAC,KAAK,IAAN,CAFlB;AAGL,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,IAAN,CAHf;AAIL,WAAG,KAAK;AAJH,OAAP;AAMD;;AAfO,GAZH;;AA8BP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,UADF;AAEX,MAAA,KAAK,EAAE,KAAK,OAFD;AAGX,MAAA,KAAK,EAAE,KAAK,MAHD;AAIX,MAAA,EAAE,EAAE,KAAK;AAJE,KAAb;AAOA,WAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAR,EAAmD,KAAK,MAAL,CAAY,OAA/D,CAAR;AACD;;AAvCM,CALM,CAAf","sourcesContent":["import './KAvatar.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Roundable from '../../mixins/roundable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  Colorable,\n  Measurable,\n  Roundable,\n  /* @kdujs/component */\n).extend({\n  name: 'k-avatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n    size: {\n      type: [Number, String],\n      default: 48,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-avatar--left': this.left,\n        'k-avatar--right': this.right,\n        ...this.roundedClasses,\n      }\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.size),\n        minWidth: convertToUnit(this.size),\n        width: convertToUnit(this.size),\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-avatar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KAvatar.js"}
+{"version":3,"sources":["../../../src/components/KAvatar/KAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,oDAAgB;AAEvB;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,UAAU,MAAM,yBAAyB;AAChD,OAAO,SAAS,MAAM,wBAAwB;AAE9C;AACA,SAAS,aAAa,EAAE,OAAO,QAAQ,oBAAoB;AAI3D,OAAO,MAAM,MAAM,mBAAmB;AAEtC,eAAe,MAAM,CACnB,SAAS,EACT,UAAU,EACV,SAAS,CAEV,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,UAAU;EAEhB,KAAK,EAAE;IACL,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,IAAI,EAAE;MACJ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,gBAAgB,EAAE,IAAI,CAAC,IAAI;QAC3B,iBAAiB,EAAE,IAAI,CAAC,KAAK;QAC7B,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QAChC,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QAClC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/B,GAAG,IAAI,CAAC;OACT;IACH;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,IAAI,GAAG;MACX,WAAW,EAAE,UAAU;MACvB,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,EAAE,EAAE,IAAI,CAAC;KACV;IAED,OAAO,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E;CACD,CAAC","sourcesContent":["import './KAvatar.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Roundable from '../../mixins/roundable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n  Colorable,\n  Measurable,\n  Roundable,\n  /* @kdujs/component */\n).extend({\n  name: 'k-avatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n    size: {\n      type: [Number, String],\n      default: 48,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-avatar--left': this.left,\n        'k-avatar--right': this.right,\n        ...this.roundedClasses,\n      }\n    },\n    styles (): object {\n      return {\n        height: convertToUnit(this.size),\n        minWidth: convertToUnit(this.size),\n        width: convertToUnit(this.size),\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-avatar',\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    }\n\n    return h('div', this.setBackgroundColor(this.color, data), getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KAvatar.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import KAvatar from './KAvatar'\n\nexport { KAvatar }\nexport default KAvatar\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW;AAE/B,SAAS,OAAO;AAChB,eAAe,OAAO","sourcesContent":["import KAvatar from './KAvatar'\n\nexport { KAvatar }\nexport default KAvatar\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KBadge/KBadge.js

@@ -1,14 +1,14 @@
 // Styles
-import "..\\..\\..\\src\\components\\KBadge\\KBadge.sass"; // Components
-
-import KIcon from '../KIcon/KIcon'; // Mixins
-
+import "..\\..\\..\\src\\components\\KBadge\\KBadge.sass";
+// Components
+import KIcon from '../KIcon/KIcon';
+// Mixins
 import Colorable from '../../mixins/colorable';
 import Themeable from '../../mixins/themeable';
 import Toggleable from '../../mixins/toggleable';
 import Transitionable from '../../mixins/transitionable';
-import { factory as PositionableFactory } from '../../mixins/positionable'; // Utilities
-
+import { factory as PositionableFactory } from '../../mixins/positionable';
+// Utilities
 import mixins from '../../util/mixins';
 import { convertToUnit, getSlot } from '../../util/helpers';
 export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themeable, Toggleable, Transitionable).extend({
@@ -57,50 +57,39 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
         ...this.themeClasses
       };
     },
-
     computedBottom() {
       return this.bottom ? 'auto' : this.computedYOffset;
     },
-
     computedLeft() {
       if (this.isRtl) {
         return this.left ? this.computedXOffset : 'auto';
       }
-
       return this.left ? 'auto' : this.computedXOffset;
     },
-
     computedRight() {
       if (this.isRtl) {
         return this.left ? 'auto' : this.computedXOffset;
       }
-
       return !this.left ? 'auto' : this.computedXOffset;
     },
-
     computedTop() {
       return this.bottom ? this.computedYOffset : 'auto';
     },
-
     computedXOffset() {
       return this.calcPosition(this.offsetX);
     },
-
     computedYOffset() {
       return this.calcPosition(this.offsetY);
     },
-
     isRtl() {
       return this.$kdutify.rtl;
     },
-
     // Default fallback if offsetX
     // or offsetY are undefined.
     offset() {
       if (this.overlap) return this.dot ? 8 : 12;
       return this.dot ? 2 : 4;
     },
-
     styles() {
       if (this.inline) return {};
       return {
@@ -110,13 +99,11 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
         top: this.computedTop
       };
     }
-
   },
   methods: {
     calcPosition(offset) {
       return `calc(100% - ${convertToUnit(offset || this.offset)})`;
     },
-
     genBadge() {
       const lang = this.$kdutify.lang;
       const label = this.$attrs['aria-label'] || lang.t(this.label);
@@ -145,7 +132,6 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
         }
       }, [badge]);
     },
-
     genBadgeContent() {
       // Dot prop shows no content
       if (this.dot) return undefined;
@@ -155,15 +141,12 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
       if (this.icon) return this.$createElement(KIcon, this.icon);
       return undefined;
     },
-
     genBadgeWrapper() {
       return this.$createElement('span', {
         staticClass: 'k-badge__wrapper'
       }, [this.genBadge()]);
     }
-
   },
-
   render(h) {
     const badge = [this.genBadgeWrapper()];
     const children = [getSlot(this)];
@@ -182,6 +165,5 @@ export default mixins(Colorable, PositionableFactory(['left', 'bottom']), Themea
       class: this.classes
     }, children);
   }
-
 });
 //# sourceMappingURL=KBadge.js.map

package/lib/components/KBadge/KBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KBadge/KBadge.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KBadge.sass'\n\n// Components\nimport KIcon from '../KIcon/KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Colorable,\n  PositionableFactory(['left', 'bottom']),\n  Themeable,\n  Toggleable,\n  Transitionable,\n/* @kdujs/component */\n).extend({\n  name: 'k-badge',\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$kdutify.badge',\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition',\n    },\n    value: { default: true },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-badge--avatar': this.avatar,\n        'k-badge--bordered': this.bordered,\n        'k-badge--bottom': this.bottom,\n        'k-badge--dot': this.dot,\n        'k-badge--icon': this.icon != null,\n        'k-badge--inline': this.inline,\n        'k-badge--left': this.left,\n        'k-badge--overlap': this.overlap,\n        'k-badge--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$kdutify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop,\n      }\n    },\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$kdutify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'k-badge__badge',\n        style: this.styles,\n        attrs: {\n          'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n          'aria-label': label,\n          'aria-live': this.$attrs['aria-live'] || 'polite',\n          title: this.$attrs.title,\n          role: this.$attrs.role || 'status',\n        },\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      })\n\n      const badge = this.$createElement('span', data, [this.genBadgeContent()])\n\n      if (!this.transition) return badge\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n          origin: this.origin,\n          mode: this.mode,\n        },\n      }, [badge])\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return this.$createElement(KIcon, this.icon)\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return this.$createElement('span', {\n        staticClass: 'k-badge__wrapper',\n      }, [this.genBadge()])\n    },\n  },\n\n  render (h): KNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', {\n      staticClass: 'k-badge',\n      attrs,\n      class: this.classes,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KBadge.js"}
+{"version":3,"sources":["../../../src/components/KBadge/KBadge.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAe;AAEtB;AACA,OAAO,KAAK,MAAM,gBAAgB;AAElC;AACA,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,UAAU,MAAM,yBAAyB;AAChD,OAAO,cAAc,MAAM,6BAA6B;AACxD,SAAS,OAAO,IAAI,mBAAmB,QAAQ,2BAA2B;AAE1E;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SACE,aAAa,EACb,OAAO,QACF,oBAAoB;AAK3B,eAAe,MAAM,CACnB,SAAS,EACT,mBAAmB,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,EACvC,SAAS,EACT,UAAU,EACV,cAAc,CAEf,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,SAAS;EAEf,KAAK,EAAE;IACL,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,OAAO,EAAE;MAAE,QAAQ,EAAE;IAAK,CAAE;IAC5B,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;IACb,UAAU,EAAE;MACV,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MAAE,OAAO,EAAE;IAAI;GACvB;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,iBAAiB,EAAE,IAAI,CAAC,MAAM;QAC9B,mBAAmB,EAAE,IAAI,CAAC,QAAQ;QAClC,iBAAiB,EAAE,IAAI,CAAC,MAAM;QAC9B,cAAc,EAAE,IAAI,CAAC,GAAG;QACxB,eAAe,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI;QAClC,iBAAiB,EAAE,IAAI,CAAC,MAAM;QAC9B,eAAe,EAAE,IAAI,CAAC,IAAI;QAC1B,kBAAkB,EAAE,IAAI,CAAC,OAAO;QAChC,eAAe,EAAE,IAAI,CAAC,IAAI;QAC1B,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe;IACpD,CAAC;IACD,YAAY,CAAA,EAAA;MACV,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,GAAG,MAAM;MACjD;MAED,OAAO,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe;IAClD,CAAC;IACD,aAAa,CAAA,EAAA;MACX,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,OAAO,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe;MACjD;MAED,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe;IACnD,CAAC;IACD,WAAW,CAAA,EAAA;MACT,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,GAAG,MAAM;IACpD,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC;IACD,KAAK,CAAA,EAAA;MACH,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG;IAC1B,CAAC;IACD;IACA;IACA,MAAM,CAAA,EAAA;MACJ,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE;MAC1C,OAAO,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC;IACzB,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,CAAA,CAAE;MAE1B,OAAO;QACL,MAAM,EAAE,IAAI,CAAC,cAAc;QAC3B,IAAI,EAAE,IAAI,CAAC,YAAY;QACvB,KAAK,EAAE,IAAI,CAAC,aAAa;QACzB,GAAG,EAAE,IAAI,CAAC;OACX;IACH;GACD;EAED,OAAO,EAAE;IACP,YAAY,CAAE,MAAuB,EAAA;MACnC,OAAO,eAAe,aAAa,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG;IAC/D,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;MAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;MAE7D,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QAC/C,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,IAAI,CAAC,MAAM;QAClB,KAAK,EAAE;UACL,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,MAAM;UACnD,YAAY,EAAE,KAAK;UACnB,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ;UACjD,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;UACxB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI;SAC3B;QACD,UAAU,EAAE,CAAC;UACX,IAAI,EAAE,MAAM;UACZ,KAAK,EAAE,IAAI,CAAC;SACb;OACF,CAAC;MAEF,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,eAAe,CAAA,CAAE,CAAC,CAAC;MAEzE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,KAAK;MAElC,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;QACvC,KAAK,EAAE;UACL,IAAI,EAAE,IAAI,CAAC,UAAU;UACrB,MAAM,EAAE,IAAI,CAAC,MAAM;UACnB,IAAI,EAAE,IAAI,CAAC;QACZ;OACF,EAAE,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;IACD,eAAe,CAAA,EAAA;MACb;MACA,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,SAAS;MAE9B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;MAEnC,IAAI,IAAI,EAAE,OAAO,IAAI;MACrB,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;MAC7C,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;MAE3D,OAAO,SAAS;IAClB,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACjC,WAAW,EAAE;OACd,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAA,CAAE,CAAC,CAAC;IACvB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,eAAe,CAAA,CAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM;MACJ,aAAa,EAAE,EAAE;MACjB,YAAY,EAAE,EAAE;MAChB,WAAW,EAAE,EAAE;MACf,IAAI;MACJ,KAAK;MACL,GAAG;IAAK,CACT,GAAG,IAAI,CAAC,MAAM;IAEf,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA,KAChD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEzB,OAAO,CAAC,CAAC,MAAM,EAAE;MACf,WAAW,EAAE,SAAS;MACtB,KAAK;MACL,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,QAAQ,CAAC;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport './KBadge.sass'\n\n// Components\nimport KIcon from '../KIcon/KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from '../../mixins/toggleable'\nimport Transitionable from '../../mixins/transitionable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Colorable,\n  PositionableFactory(['left', 'bottom']),\n  Themeable,\n  Toggleable,\n  Transitionable,\n/* @kdujs/component */\n).extend({\n  name: 'k-badge',\n\n  props: {\n    avatar: Boolean,\n    bordered: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    content: { required: false },\n    dot: Boolean,\n    label: {\n      type: String,\n      default: '$kdutify.badge',\n    },\n    icon: String,\n    inline: Boolean,\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    overlap: Boolean,\n    tile: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-rotate-transition',\n    },\n    value: { default: true },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-badge--avatar': this.avatar,\n        'k-badge--bordered': this.bordered,\n        'k-badge--bottom': this.bottom,\n        'k-badge--dot': this.dot,\n        'k-badge--icon': this.icon != null,\n        'k-badge--inline': this.inline,\n        'k-badge--left': this.left,\n        'k-badge--overlap': this.overlap,\n        'k-badge--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n    computedBottom (): string {\n      return this.bottom ? 'auto' : this.computedYOffset\n    },\n    computedLeft (): string {\n      if (this.isRtl) {\n        return this.left ? this.computedXOffset : 'auto'\n      }\n\n      return this.left ? 'auto' : this.computedXOffset\n    },\n    computedRight (): string {\n      if (this.isRtl) {\n        return this.left ? 'auto' : this.computedXOffset\n      }\n\n      return !this.left ? 'auto' : this.computedXOffset\n    },\n    computedTop (): string {\n      return this.bottom ? this.computedYOffset : 'auto'\n    },\n    computedXOffset (): string {\n      return this.calcPosition(this.offsetX)\n    },\n    computedYOffset (): string {\n      return this.calcPosition(this.offsetY)\n    },\n    isRtl (): boolean {\n      return this.$kdutify.rtl\n    },\n    // Default fallback if offsetX\n    // or offsetY are undefined.\n    offset (): number {\n      if (this.overlap) return this.dot ? 8 : 12\n      return this.dot ? 2 : 4\n    },\n    styles (): object {\n      if (this.inline) return {}\n\n      return {\n        bottom: this.computedBottom,\n        left: this.computedLeft,\n        right: this.computedRight,\n        top: this.computedTop,\n      }\n    },\n  },\n\n  methods: {\n    calcPosition (offset: string | number): string {\n      return `calc(100% - ${convertToUnit(offset || this.offset)})`\n    },\n    genBadge () {\n      const lang = this.$kdutify.lang\n      const label = this.$attrs['aria-label'] || lang.t(this.label)\n\n      const data = this.setBackgroundColor(this.color, {\n        staticClass: 'k-badge__badge',\n        style: this.styles,\n        attrs: {\n          'aria-atomic': this.$attrs['aria-atomic'] || 'true',\n          'aria-label': label,\n          'aria-live': this.$attrs['aria-live'] || 'polite',\n          title: this.$attrs.title,\n          role: this.$attrs.role || 'status',\n        },\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      })\n\n      const badge = this.$createElement('span', data, [this.genBadgeContent()])\n\n      if (!this.transition) return badge\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n          origin: this.origin,\n          mode: this.mode,\n        },\n      }, [badge])\n    },\n    genBadgeContent () {\n      // Dot prop shows no content\n      if (this.dot) return undefined\n\n      const slot = getSlot(this, 'badge')\n\n      if (slot) return slot\n      if (this.content) return String(this.content)\n      if (this.icon) return this.$createElement(KIcon, this.icon)\n\n      return undefined\n    },\n    genBadgeWrapper () {\n      return this.$createElement('span', {\n        staticClass: 'k-badge__wrapper',\n      }, [this.genBadge()])\n    },\n  },\n\n  render (h): KNode {\n    const badge = [this.genBadgeWrapper()]\n    const children = [getSlot(this)]\n    const {\n      'aria-atomic': _x,\n      'aria-label': _y,\n      'aria-live': _z,\n      role,\n      title,\n      ...attrs\n    } = this.$attrs\n\n    if (this.inline && this.left) children.unshift(badge)\n    else children.push(badge)\n\n    return h('span', {\n      staticClass: 'k-badge',\n      attrs,\n      class: this.classes,\n    }, children)\n  },\n})\n"],"sourceRoot":"","file":"KBadge.js"}

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

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

package/lib/components/KBanner/KBanner.js

@@ -1,19 +1,18 @@
 // Styles
-import "..\\..\\..\\src\\components\\KBanner\\KBanner.sass"; // Extensions
-
-import KSheet from '../KSheet'; // Components
-
+import "..\\..\\..\\src\\components\\KBanner\\KBanner.sass";
+// Extensions
+import KSheet from '../KSheet';
+// Components
 import KAvatar from '../KAvatar';
 import KIcon from '../KIcon';
-import { KExpandTransition } from '../transitions'; // Mixins
-
+import { KExpandTransition } from '../transitions';
+// Mixins
 import Mobile from '../../mixins/mobile';
-import Toggleable from '../../mixins/toggleable'; // Utilities
-
+import Toggleable from '../../mixins/toggleable';
+// Utilities
 import mixins from '../../util/mixins';
 import { convertToUnit, getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(KSheet, Mobile, Toggleable).extend({
   name: 'k-banner',
   inheritAttrs: false,
@@ -30,51 +29,44 @@ export default mixins(KSheet, Mobile, Toggleable).extend({
   },
   computed: {
     classes() {
-      return { ...KSheet.options.computed.classes.call(this),
+      return {
+        ...KSheet.options.computed.classes.call(this),
         'k-banner--has-icon': this.hasIcon,
         'k-banner--is-mobile': this.isMobile,
         'k-banner--single-line': this.singleLine,
         'k-banner--sticky': this.isSticky
       };
     },
-
     hasIcon() {
-      return Boolean(this.icon || this.$slots.icon);
+      return Boolean(this.icon || this.$slots.icon || this.$scopedSlots.icon);
     },
-
     isSticky() {
       return this.sticky || this.app;
     },
-
     styles() {
-      const styles = { ...KSheet.options.computed.styles.call(this)
+      const styles = {
+        ...KSheet.options.computed.styles.call(this)
       };
-
       if (this.isSticky) {
         const top = !this.app ? 0 : this.$kdutify.application.bar + this.$kdutify.application.top;
         styles.top = convertToUnit(top);
         styles.position = 'sticky';
         styles.zIndex = 1;
       }
-
       return styles;
     }
-
   },
   methods: {
     /** @public */
     toggle() {
       this.isActive = !this.isActive;
     },
-
     iconClick(e) {
       this.$emit('click:icon', e);
     },
-
     genIcon() {
       if (!this.hasIcon) return undefined;
       let content;
-
       if (this.icon) {
         content = this.$createElement(KIcon, {
           props: {
@@ -83,9 +75,8 @@ export default mixins(KSheet, Mobile, Toggleable).extend({
           }
         }, [this.icon]);
       } else {
-        content = this.$slots.icon;
+        content = getSlot(this, 'icon');
       }
-
       return this.$createElement(KAvatar, {
         staticClass: 'k-banner__icon',
         props: {
@@ -97,13 +88,11 @@ export default mixins(KSheet, Mobile, Toggleable).extend({
         }
       }, [content]);
     },
-
     genText() {
       return this.$createElement('div', {
         staticClass: 'k-banner__text'
-      }, this.$slots.default);
+      }, getSlot(this));
     },
-
     genActions() {
       const children = getSlot(this, 'actions', {
         dismiss: () => this.isActive = false
@@ -113,23 +102,19 @@ export default mixins(KSheet, Mobile, Toggleable).extend({
         staticClass: 'k-banner__actions'
       }, children);
     },
-
     genContent() {
       return this.$createElement('div', {
         staticClass: 'k-banner__content'
       }, [this.genIcon(), this.genText()]);
     },
-
     genWrapper() {
       return this.$createElement('div', {
         staticClass: 'k-banner__wrapper'
       }, [this.genContent(), this.genActions()]);
     }
-
   },
-
   render(h) {
-    return h(KExpandTransition, [h('div', this.setBackgroundColor(this.color, {
+    const data = {
       staticClass: 'k-banner',
       attrs: this.attrs$,
       class: this.classes,
@@ -138,8 +123,8 @@ export default mixins(KSheet, Mobile, Toggleable).extend({
         name: 'show',
         value: this.isActive
       }]
-    }), [this.genWrapper()])]);
+    };
+    return h(KExpandTransition, [h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
   }
-
 });
 //# sourceMappingURL=KBanner.js.map

package/lib/components/KBanner/KBanner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KBanner/KBanner.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KBanner.sass'\n\n// Extensions\nimport KSheet from '../KSheet'\n\n// Components\nimport KAvatar from '../KAvatar'\nimport KIcon from '../KIcon'\nimport { KExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport {\n  convertToUnit,\n  getSlot,\n} from '../../util/helpers'\n\n// Typeslint\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  KSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'k-banner',\n\n  inheritAttrs: false,\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KSheet.options.computed.classes.call(this),\n        'k-banner--has-icon': this.hasIcon,\n        'k-banner--is-mobile': this.isMobile,\n        'k-banner--single-line': this.singleLine,\n        'k-banner--sticky': this.isSticky,\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...KSheet.options.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$kdutify.application.bar + this.$kdutify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = this.$createElement(KIcon, {\n          props: {\n            color: this.iconColor,\n            size: 28,\n          },\n        }, [this.icon])\n      } else {\n        content = this.$slots.icon\n      }\n\n      return this.$createElement(KAvatar, {\n        staticClass: 'k-banner__icon',\n        props: {\n          color: this.color,\n          size: 40,\n        },\n        on: {\n          click: this.iconClick,\n        },\n      }, [content])\n    },\n    genText () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__text',\n      }, this.$slots.default)\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false,\n      })\n\n      if (!children) return undefined\n\n      return this.$createElement('div', {\n        staticClass: 'k-banner__actions',\n      }, children)\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__content',\n      }, [\n        this.genIcon(),\n        this.genText(),\n      ])\n    },\n    genWrapper () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__wrapper',\n      }, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h(KExpandTransition, [\n      h('div', this.setBackgroundColor(this.color, {\n        staticClass: 'k-banner',\n        attrs: this.attrs$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }), [this.genWrapper()]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KBanner.js"}
+{"version":3,"sources":["../../../src/components/KBanner/KBanner.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KBanner.sass'\n\n// Extensions\nimport KSheet from '../KSheet'\n\n// Components\nimport KAvatar from '../KAvatar'\nimport KIcon from '../KIcon'\nimport { KExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n  KSheet,\n  Mobile,\n  Toggleable\n).extend({\n  name: 'k-banner',\n\n  inheritAttrs: false,\n\n  props: {\n    app: Boolean,\n    icon: String,\n    iconColor: String,\n    singleLine: Boolean,\n    sticky: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KSheet.options.computed.classes.call(this),\n        'k-banner--has-icon': this.hasIcon,\n        'k-banner--is-mobile': this.isMobile,\n        'k-banner--single-line': this.singleLine,\n        'k-banner--sticky': this.isSticky,\n      }\n    },\n    hasIcon (): boolean {\n      return Boolean(this.icon || this.$slots.icon || this.$scopedSlots.icon)\n    },\n    isSticky (): boolean {\n      return this.sticky || this.app\n    },\n    styles (): object {\n      const styles: Record<string, any> = { ...KSheet.options.computed.styles.call(this) }\n\n      if (this.isSticky) {\n        const top = !this.app\n          ? 0\n          : (this.$kdutify.application.bar + this.$kdutify.application.top)\n\n        styles.top = convertToUnit(top)\n        styles.position = 'sticky'\n        styles.zIndex = 1\n      }\n\n      return styles\n    },\n  },\n\n  methods: {\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n    iconClick (e: MouseEvent) {\n      this.$emit('click:icon', e)\n    },\n    genIcon () {\n      if (!this.hasIcon) return undefined\n\n      let content\n\n      if (this.icon) {\n        content = this.$createElement(KIcon, {\n          props: {\n            color: this.iconColor,\n            size: 28,\n          },\n        }, [this.icon])\n      } else {\n        content = getSlot(this, 'icon')\n      }\n\n      return this.$createElement(KAvatar, {\n        staticClass: 'k-banner__icon',\n        props: {\n          color: this.color,\n          size: 40,\n        },\n        on: {\n          click: this.iconClick,\n        },\n      }, [content])\n    },\n    genText () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__text',\n      }, getSlot(this))\n    },\n    genActions () {\n      const children = getSlot(this, 'actions', {\n        dismiss: () => this.isActive = false,\n      })\n\n      if (!children) return undefined\n\n      return this.$createElement('div', {\n        staticClass: 'k-banner__actions',\n      }, children)\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__content',\n      }, [\n        this.genIcon(),\n        this.genText(),\n      ])\n    },\n    genWrapper () {\n      return this.$createElement('div', {\n        staticClass: 'k-banner__wrapper',\n      }, [\n        this.genContent(),\n        this.genActions(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    const data = {\n      staticClass: 'k-banner',\n      attrs: this.attrs$,\n      class: this.classes,\n      style: this.styles,\n      directives: [{\n        name: 'show',\n        value: this.isActive,\n      }],\n    }\n\n    return h(KExpandTransition, [\n      h(\n        'div',\n        this.outlined ? data : this.setBackgroundColor(this.color, data),\n        [this.genWrapper()],\n      ),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KBanner.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import KBanner from './KBanner'\n\nexport { KBanner }\nexport default KBanner\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW;AAE/B,SAAS,OAAO;AAChB,eAAe,OAAO","sourcesContent":["import KBanner from './KBanner'\n\nexport { KBanner }\nexport default KBanner\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KBottomNavigation/KBottomNavigation.js

@@ -1,6 +1,6 @@
 // Styles
-import "..\\..\\..\\src\\components\\KBottomNavigation\\KBottomNavigation.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KBottomNavigation\\KBottomNavigation.sass";
+// Mixins
 import Applicationable from '../../mixins/applicationable';
 import ButtonGroup from '../../mixins/button-group';
 import Colorable from '../../mixins/colorable';
@@ -8,13 +8,13 @@ import Measurable from '../../mixins/measurable';
 import Proxyable from '../../mixins/proxyable';
 import Scrollable from '../../mixins/scrollable';
 import Themeable from '../../mixins/themeable';
-import { factory as ToggleableFactory } from '../../mixins/toggleable'; // Utilities
-
+import { factory as ToggleableFactory } from '../../mixins/toggleable';
+// Utilities
 import mixins from '../../util/mixins';
 import { breaking } from '../../util/console';
+import { getSlot } from '../../util/helpers';
 export default mixins(Applicationable('bottom', ['height', 'inputValue']), Colorable, Measurable, ToggleableFactory('inputValue'), Proxyable, Scrollable, Themeable
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-bottom-navigation',
   props: {
     activeClass: {
@@ -40,18 +40,15 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
       default: 'div'
     }
   },
-
   data() {
     return {
       isActive: this.inputValue
     };
   },
-
   computed: {
     canScroll() {
       return Scrollable.options.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
     },
-
     classes() {
       return {
         'k-bottom-navigation--absolute': this.absolute,
@@ -61,38 +58,38 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
         'k-bottom-navigation--shift': this.shift
       };
     },
-
     styles() {
-      return { ...this.measurableStyles,
+      return {
+        ...this.measurableStyles,
         transform: this.isActive ? 'none' : 'translateY(100%)'
       };
     }
-
   },
-
+  watch: {
+    canScroll: 'onScroll'
+  },
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('active')) {
       breaking('active.sync', 'value or k-model', this);
     }
   },
-
   methods: {
     thresholdMet() {
-      this.isActive = !this.isScrollingUp;
-      this.$emit('update:input-value', this.isActive);
+      if (this.hideOnScroll) {
+        this.isActive = !this.isScrollingUp || this.currentScroll > this.computedScrollThreshold;
+        this.$emit('update:input-value', this.isActive);
+      }
+      if (this.currentThreshold < this.computedScrollThreshold) return;
+      this.savedScroll = this.currentScroll;
     },
-
     updateApplication() {
       return this.$el ? this.$el.clientHeight : 0;
     },
-
     updateValue(val) {
       this.$emit('change', val);
     }
-
   },
-
   render(h) {
     const data = this.setBackgroundColor(this.backgroundColor, {
       staticClass: 'k-bottom-navigation',
@@ -108,7 +105,6 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
         change: this.updateValue
       }
     });
-
     if (this.canScroll) {
       data.directives = data.directives || [];
       data.directives.push({
@@ -117,9 +113,7 @@ export default mixins(Applicationable('bottom', ['height', 'inputValue']), Color
         value: this.onScroll
       });
     }
-
-    return h(ButtonGroup, this.setTextColor(this.color, data), this.$slots.default);
+    return h(ButtonGroup, this.setTextColor(this.color, data), getSlot(this));
   }
-
 });
 //# sourceMappingURL=KBottomNavigation.js.map