kdutify 0.16.9-rc.0 → 2.6.1

package/es5/components/KBadge/KBadge.js

@@ -1,59 +1,197 @@
-require('../../../src/stylus/components/_badges.styl');
+"use strict";
 
-// Mixins
-import Colorable from '../../mixins/colorable';
-import Toggleable from '../../mixins/toggleable';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default {
-  name: 'k-badge',
+require("..\\..\\..\\src\\components\\KBadge\\KBadge.sass");
+
+var _KIcon = _interopRequireDefault(require("../KIcon/KIcon"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _transitionable = _interopRequireDefault(require("../../mixins/transitionable"));
+
+var _positionable = require("../../mixins/positionable");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  mixins: [Colorable, Toggleable],
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = (0, _mixins.default)(_colorable.default, (0, _positionable.factory)(['left', 'bottom']), _themeable.default, _toggleable.default, _transitionable.default).extend({
+  name: 'k-badge',
   props: {
-    bottom: Boolean,
+    avatar: Boolean,
+    bordered: Boolean,
     color: {
       type: String,
       default: 'primary'
     },
-    left: Boolean,
+    content: {
+      required: false
+    },
+    dot: Boolean,
+    label: {
+      type: String,
+      default: '$kdutify.badge'
+    },
+    icon: String,
+    inline: Boolean,
+    offsetX: [Number, String],
+    offsetY: [Number, String],
     overlap: Boolean,
+    tile: Boolean,
     transition: {
       type: String,
-      default: 'fab-transition'
+      default: 'scale-rotate-transition'
     },
     value: {
       default: true
     }
   },
-
   computed: {
     classes: function classes() {
+      return _objectSpread({
+        'k-badge--avatar': this.avatar,
+        'k-badge--bordered': this.bordered,
+        'k-badge--bottom': this.bottom,
+        'k-badge--dot': this.dot,
+        'k-badge--icon': this.icon != null,
+        'k-badge--inline': this.inline,
+        'k-badge--left': this.left,
+        'k-badge--overlap': this.overlap,
+        'k-badge--tile': this.tile
+      }, this.themeClasses);
+    },
+    computedBottom: function computedBottom() {
+      return this.bottom ? 'auto' : this.computedYOffset;
+    },
+    computedLeft: function computedLeft() {
+      if (this.isRtl) {
+        return this.left ? this.computedXOffset : 'auto';
+      }
+
+      return this.left ? 'auto' : this.computedXOffset;
+    },
+    computedRight: function computedRight() {
+      if (this.isRtl) {
+        return this.left ? 'auto' : this.computedXOffset;
+      }
+
+      return !this.left ? 'auto' : this.computedXOffset;
+    },
+    computedTop: function computedTop() {
+      return this.bottom ? this.computedYOffset : 'auto';
+    },
+    computedXOffset: function computedXOffset() {
+      return this.calcPosition(this.offsetX);
+    },
+    computedYOffset: function computedYOffset() {
+      return this.calcPosition(this.offsetY);
+    },
+    isRtl: function isRtl() {
+      return this.$kdutify.rtl;
+    },
+    // Default fallback if offsetX
+    // or offsetY are undefined.
+    offset: function offset() {
+      if (this.overlap) return this.dot ? 8 : 12;
+      return this.dot ? 2 : 4;
+    },
+    styles: function styles() {
+      if (this.inline) return {};
       return {
-        'badge--bottom': this.bottom,
-        'badge--left': this.left,
-        'badge--overlap': this.overlap
+        bottom: this.computedBottom,
+        left: this.computedLeft,
+        right: this.computedRight,
+        top: this.computedTop
       };
     }
   },
-
+  methods: {
+    calcPosition: function calcPosition(offset) {
+      return "calc(100% - ".concat((0, _helpers.convertToUnit)(offset || this.offset), ")");
+    },
+    genBadge: function genBadge() {
+      var lang = this.$kdutify.lang;
+      var label = this.$attrs['aria-label'] || lang.t(this.label);
+      var data = this.setBackgroundColor(this.color, {
+        staticClass: 'k-badge__badge',
+        style: this.styles,
+        attrs: {
+          'aria-atomic': this.$attrs['aria-atomic'] || 'true',
+          'aria-label': label,
+          'aria-live': this.$attrs['aria-live'] || 'polite',
+          title: this.$attrs.title,
+          role: this.$attrs.role || 'status'
+        },
+        directives: [{
+          name: 'show',
+          value: this.isActive
+        }]
+      });
+      var badge = this.$createElement('span', data, [this.genBadgeContent()]);
+      if (!this.transition) return badge;
+      return this.$createElement('transition', {
+        props: {
+          name: this.transition,
+          origin: this.origin,
+          mode: this.mode
+        }
+      }, [badge]);
+    },
+    genBadgeContent: function genBadgeContent() {
+      // Dot prop shows no content
+      if (this.dot) return undefined;
+      var slot = (0, _helpers.getSlot)(this, 'badge');
+      if (slot) return slot;
+      if (this.content) return String(this.content);
+      if (this.icon) return this.$createElement(_KIcon.default, this.icon);
+      return undefined;
+    },
+    genBadgeWrapper: function genBadgeWrapper() {
+      return this.$createElement('span', {
+        staticClass: 'k-badge__wrapper'
+      }, [this.genBadge()]);
+    }
+  },
   render: function render(h) {
-    var badge = this.$slots.badge ? [h('span', {
-      staticClass: 'badge__badge',
-      'class': this.addBackgroundColorClassChecks({}),
-      attrs: this.attrs,
-      directives: [{
-        name: 'show',
-        value: this.isActive
-      }]
-    }, this.$slots.badge)] : null;
+    var badge = [this.genBadgeWrapper()];
+    var children = [(0, _helpers.getSlot)(this)];
+
+    var _this$$attrs = this.$attrs,
+        _x = _this$$attrs['aria-atomic'],
+        _y = _this$$attrs['aria-label'],
+        _z = _this$$attrs['aria-live'],
+        role = _this$$attrs.role,
+        title = _this$$attrs.title,
+        attrs = _objectWithoutProperties(_this$$attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
 
+    if (this.inline && this.left) children.unshift(badge);else children.push(badge);
     return h('span', {
-      staticClass: 'badge',
-      'class': this.classes
-    }, [this.$slots.default, h('transition', {
-      props: {
-        name: this.transition
-      }
-    }, badge)]);
+      staticClass: 'k-badge',
+      attrs: attrs,
+      class: this.classes
+    }, children);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KBadge.js.map

package/es5/components/KBadge/KBadge.js.map

@@ -0,0 +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"}

package/es5/components/KBadge/index.js

@@ -1,7 +1,20 @@
-import KBadge from './KBadge';
+"use strict";
 
-KBadge.install = function install(Kdu) {
-  Kdu.component(KBadge.name, KBadge);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KBadge", {
+  enumerable: true,
+  get: function get() {
+    return _KBadge.default;
+  }
+});
+exports.default = void 0;
 
-export default KBadge;
+var _KBadge = _interopRequireDefault(require("./KBadge"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KBadge.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KBadge/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,e","sourcesContent":["import KBadge from './KBadge'\n\nexport { KBadge }\nexport default KBadge\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KBanner/KBanner.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KBanner\\KBanner.sass");
+
+var _KSheet = _interopRequireDefault(require("../KSheet"));
+
+var _KAvatar = _interopRequireDefault(require("../KAvatar"));
+
+var _KIcon = _interopRequireDefault(require("../KIcon"));
+
+var _transitions = require("../transitions");
+
+var _mobile = _interopRequireDefault(require("../../mixins/mobile"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_KSheet.default, _mobile.default, _toggleable.default).extend({
+  name: 'k-banner',
+  inheritAttrs: false,
+  props: {
+    app: Boolean,
+    icon: String,
+    iconColor: String,
+    singleLine: Boolean,
+    sticky: Boolean,
+    value: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _KSheet.default.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: function hasIcon() {
+      return Boolean(this.icon || this.$slots.icon);
+    },
+    isSticky: function isSticky() {
+      return this.sticky || this.app;
+    },
+    styles: function styles() {
+      var styles = _objectSpread({}, _KSheet.default.options.computed.styles.call(this));
+
+      if (this.isSticky) {
+        var top = !this.app ? 0 : this.$kdutify.application.bar + this.$kdutify.application.top;
+        styles.top = (0, _helpers.convertToUnit)(top);
+        styles.position = 'sticky';
+        styles.zIndex = 1;
+      }
+
+      return styles;
+    }
+  },
+  methods: {
+    /** @public */
+    toggle: function toggle() {
+      this.isActive = !this.isActive;
+    },
+    iconClick: function iconClick(e) {
+      this.$emit('click:icon', e);
+    },
+    genIcon: function genIcon() {
+      if (!this.hasIcon) return undefined;
+      var content;
+
+      if (this.icon) {
+        content = this.$createElement(_KIcon.default, {
+          props: {
+            color: this.iconColor,
+            size: 28
+          }
+        }, [this.icon]);
+      } else {
+        content = this.$slots.icon;
+      }
+
+      return this.$createElement(_KAvatar.default, {
+        staticClass: 'k-banner__icon',
+        props: {
+          color: this.color,
+          size: 40
+        },
+        on: {
+          click: this.iconClick
+        }
+      }, [content]);
+    },
+    genText: function genText() {
+      return this.$createElement('div', {
+        staticClass: 'k-banner__text'
+      }, this.$slots.default);
+    },
+    genActions: function genActions() {
+      var _this = this;
+
+      var children = (0, _helpers.getSlot)(this, 'actions', {
+        dismiss: function dismiss() {
+          return _this.isActive = false;
+        }
+      });
+      if (!children) return undefined;
+      return this.$createElement('div', {
+        staticClass: 'k-banner__actions'
+      }, children);
+    },
+    genContent: function genContent() {
+      return this.$createElement('div', {
+        staticClass: 'k-banner__content'
+      }, [this.genIcon(), this.genText()]);
+    },
+    genWrapper: function genWrapper() {
+      return this.$createElement('div', {
+        staticClass: 'k-banner__wrapper'
+      }, [this.genContent(), this.genActions()]);
+    }
+  },
+  render: function render(h) {
+    return h(_transitions.KExpandTransition, [h('div', this.setBackgroundColor(this.color, {
+      staticClass: 'k-banner',
+      attrs: this.attrs$,
+      class: this.classes,
+      style: this.styles,
+      directives: [{
+        name: 'show',
+        value: this.isActive
+      }]
+    }), [this.genWrapper()])]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KBanner.js.map

package/es5/components/KBanner/KBanner.js.map

@@ -0,0 +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"}

package/es5/components/KBanner/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KBanner", {
+  enumerable: true,
+  get: function get() {
+    return _KBanner.default;
+  }
+});
+exports.default = void 0;
+
+var _KBanner = _interopRequireDefault(require("./KBanner"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KBanner.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KBanner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,gB","sourcesContent":["import KBanner from './KBanner'\n\nexport { KBanner }\nexport default KBanner\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KBottomNavigation/KBottomNavigation.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KBottomNavigation\\KBottomNavigation.sass");
+
+var _applicationable = _interopRequireDefault(require("../../mixins/applicationable"));
+
+var _buttonGroup = _interopRequireDefault(require("../../mixins/button-group"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _measurable = _interopRequireDefault(require("../../mixins/measurable"));
+
+var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+
+var _scrollable = _interopRequireDefault(require("../../mixins/scrollable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _toggleable = require("../../mixins/toggleable");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _console = require("../../util/console");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = (0, _mixins.default)((0, _applicationable.default)('bottom', ['height', 'inputValue']), _colorable.default, _measurable.default, (0, _toggleable.factory)('inputValue'), _proxyable.default, _scrollable.default, _themeable.default
+/* @kdujs/component */
+).extend({
+  name: 'k-bottom-navigation',
+  props: {
+    activeClass: {
+      type: String,
+      default: 'k-btn--active'
+    },
+    backgroundColor: String,
+    grow: Boolean,
+    height: {
+      type: [Number, String],
+      default: 56
+    },
+    hideOnScroll: Boolean,
+    horizontal: Boolean,
+    inputValue: {
+      type: Boolean,
+      default: true
+    },
+    mandatory: Boolean,
+    shift: Boolean,
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+  data: function data() {
+    return {
+      isActive: this.inputValue
+    };
+  },
+  computed: {
+    canScroll: function canScroll() {
+      return _scrollable.default.options.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
+    },
+    classes: function classes() {
+      return {
+        'k-bottom-navigation--absolute': this.absolute,
+        'k-bottom-navigation--grow': this.grow,
+        'k-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),
+        'k-bottom-navigation--horizontal': this.horizontal,
+        'k-bottom-navigation--shift': this.shift
+      };
+    },
+    styles: function styles() {
+      return _objectSpread(_objectSpread({}, this.measurableStyles), {}, {
+        transform: this.isActive ? 'none' : 'translateY(100%)'
+      });
+    }
+  },
+  created: function created() {
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('active')) {
+      (0, _console.breaking)('active.sync', 'value or k-model', this);
+    }
+  },
+  methods: {
+    thresholdMet: function thresholdMet() {
+      this.isActive = !this.isScrollingUp;
+      this.$emit('update:input-value', this.isActive);
+    },
+    updateApplication: function updateApplication() {
+      return this.$el ? this.$el.clientHeight : 0;
+    },
+    updateValue: function updateValue(val) {
+      this.$emit('change', val);
+    }
+  },
+  render: function render(h) {
+    var data = this.setBackgroundColor(this.backgroundColor, {
+      staticClass: 'k-bottom-navigation',
+      class: this.classes,
+      style: this.styles,
+      props: {
+        activeClass: this.activeClass,
+        mandatory: Boolean(this.mandatory || this.value !== undefined),
+        tag: this.tag,
+        value: this.internalValue
+      },
+      on: {
+        change: this.updateValue
+      }
+    });
+
+    if (this.canScroll) {
+      data.directives = data.directives || [];
+      data.directives.push({
+        arg: this.scrollTarget,
+        name: 'scroll',
+        value: this.onScroll
+      });
+    }
+
+    return h(_buttonGroup.default, this.setTextColor(this.color, data), this.$slots.default);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KBottomNavigation.js.map

package/es5/components/KBottomNavigation/KBottomNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KBottomNavigation/KBottomNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KBottomNavigation.sass'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\nimport Measurable from '../../mixins/measurable'\nimport Proxyable from '../../mixins/proxyable'\nimport Scrollable from '../../mixins/scrollable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { KNode } from 'kdu'\n\nexport default mixins(\n  Applicationable('bottom', [\n    'height',\n    'inputValue',\n  ]),\n  Colorable,\n  Measurable,\n  ToggleableFactory('inputValue'),\n  Proxyable,\n  Scrollable,\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-bottom-navigation',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'k-btn--active',\n    },\n    backgroundColor: String,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n    hideOnScroll: Boolean,\n    horizontal: Boolean,\n    inputValue: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    shift: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.inputValue,\n    }\n  },\n\n  computed: {\n    canScroll (): boolean {\n      return (\n        Scrollable.options.computed.canScroll.call(this) &&\n        (\n          this.hideOnScroll ||\n          !this.inputValue\n        )\n      )\n    },\n    classes (): object {\n      return {\n        'k-bottom-navigation--absolute': this.absolute,\n        'k-bottom-navigation--grow': this.grow,\n        'k-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),\n        'k-bottom-navigation--horizontal': this.horizontal,\n        'k-bottom-navigation--shift': this.shift,\n      }\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        transform: this.isActive ? 'none' : 'translateY(100%)',\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('active')) {\n      breaking('active.sync', 'value or k-model', this)\n    }\n  },\n\n  methods: {\n    thresholdMet () {\n      this.isActive = !this.isScrollingUp\n      this.$emit('update:input-value', this.isActive)\n    },\n    updateApplication (): number {\n      return this.$el\n        ? this.$el.clientHeight\n        : 0\n    },\n    updateValue (val: any) {\n      this.$emit('change', val)\n    },\n  },\n\n  render (h): KNode {\n    const data = this.setBackgroundColor(this.backgroundColor, {\n      staticClass: 'k-bottom-navigation',\n      class: this.classes,\n      style: this.styles,\n      props: {\n        activeClass: this.activeClass,\n        mandatory: Boolean(\n          this.mandatory ||\n          this.value !== undefined\n        ),\n        tag: this.tag,\n        value: this.internalValue,\n      },\n      on: { change: this.updateValue },\n    })\n\n    if (this.canScroll) {\n      data.directives = data.directives || []\n\n      data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return h(ButtonGroup, this.setTextColor(this.color, data), this.$slots.default)\n  },\n})\n"],"sourceRoot":"","file":"KBottomNavigation.js"}

package/es5/components/KBottomNavigation/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KBottomNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _KBottomNavigation.default;
+  }
+});
+exports.default = void 0;
+
+var _KBottomNavigation = _interopRequireDefault(require("./KBottomNavigation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KBottomNavigation.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KBottomNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KBottomNavigation/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,0B","sourcesContent":["import KBottomNavigation from './KBottomNavigation'\n\nexport { KBottomNavigation }\nexport default KBottomNavigation\n"],"sourceRoot":"","file":"index.js"}