kdutify 2.6.1 → 2.7.2

package/es5/components/KInput/KInput.js

@@ -4,37 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("..\\..\\..\\src\\components\\KInput\\KInput.sass");
-
 var _KIcon = _interopRequireDefault(require("../KIcon"));
-
 var _KLabel = _interopRequireDefault(require("../KLabel"));
-
 var _KMessages = _interopRequireDefault(require("../KMessages"));
-
 var _bindsAttrs = _interopRequireDefault(require("../../mixins/binds-attrs"));
-
 var _validatable = _interopRequireDefault(require("../../mixins/validatable"));
-
 var _helpers = require("../../util/helpers");
-
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
-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; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Styles
+// Components
+// Mixins
+// Utilities
 var baseMixins = (0, _mixins.default)(_bindsAttrs.default, _validatable.default);
 /* @kdujs/component */
-
-var _default2 = baseMixins.extend().extend({
+var _default2 = exports.default = baseMixins.extend().extend({
   name: 'k-input',
   inheritAttrs: false,
   props: {
@@ -110,7 +101,6 @@ var _default2 = baseMixins.extend().extend({
     },
     messagesToDisplay: function messagesToDisplay() {
       var _this = this;
-
       if (this.hasHint) return [this.hint];
       if (!this.hasMessages) return [];
       return this.validations.map(function (validation) {
@@ -147,30 +137,37 @@ var _default2 = baseMixins.extend().extend({
       }, [this.genInputSlot(), this.genMessages()]);
     },
     genDefaultSlot: function genDefaultSlot() {
-      return [this.genLabel(), this.$slots.default];
+      return [this.genLabel(), (0, _helpers.getSlot)(this)];
     },
     genIcon: function genIcon(type, cb) {
       var _this2 = this;
-
       var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var _a;
       var icon = this["".concat(type, "Icon")];
       var eventName = "click:".concat((0, _helpers.kebabCase)(type));
       var hasListener = !!(this.listeners$[eventName] || cb);
+      var localeKey = {
+        prepend: 'prependAction',
+        prependInner: 'prependAction',
+        append: 'appendAction',
+        appendOuter: 'appendAction',
+        clear: 'clear'
+      }[type];
+      var label = hasListener && localeKey ? this.$kdutify.lang.t("$kdutify.input.".concat(localeKey), (_a = this.label) !== null && _a !== void 0 ? _a : '') : undefined;
       var data = (0, _mergeData.default)({
         attrs: {
-          'aria-label': hasListener ? (0, _helpers.kebabCase)(type).split('-')[0] + ' icon' : undefined,
+          'aria-label': label,
           color: this.validationState,
           dark: this.dark,
           disabled: this.isDisabled,
-          light: this.light
+          light: this.light,
+          tabindex: type === 'clear' ? -1 : undefined
         },
         on: !hasListener ? undefined : {
           click: function click(e) {
             e.preventDefault();
             e.stopPropagation();
-
             _this2.$emit(eventName, e);
-
             cb && cb(e);
           },
           // Container has g event that will
@@ -211,11 +208,10 @@ var _default2 = baseMixins.extend().extend({
           for: this.computedId,
           light: this.light
         }
-      }, this.$slots.label || this.label);
+      }, (0, _helpers.getSlot)(this, 'label') || this.label);
     },
     genMessages: function genMessages() {
       var _this3 = this;
-
       if (!this.showDetails) return null;
       return this.$createElement(_KMessages.default, {
         props: {
@@ -244,27 +240,24 @@ var _default2 = baseMixins.extend().extend({
     },
     genPrependSlot: function genPrependSlot() {
       var slot = [];
-
       if (this.$slots.prepend) {
         slot.push(this.$slots.prepend);
       } else if (this.prependIcon) {
         slot.push(this.genIcon('prepend'));
       }
-
       return this.genSlot('prepend', 'outer', slot);
     },
     genAppendSlot: function genAppendSlot() {
-      var slot = []; // Append icon for text field was really
+      var slot = [];
+      // Append icon for text field was really
       // an appended inner icon, k-text-field
       // will overwrite this method in order to obtain
       // backwards compat
-
       if (this.$slots.append) {
         slot.push(this.$slots.append);
       } else if (this.appendIcon) {
         slot.push(this.genIcon('append'));
       }
-
       return this.genSlot('append', 'outer', slot);
     },
     onClick: function onClick(e) {
@@ -286,6 +279,4 @@ var _default2 = baseMixins.extend().extend({
     }), this.genContent());
   }
 });
-
-exports.default = _default2;
 //# sourceMappingURL=KInput.js.map

package/es5/components/KInput/KInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KInput/KInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KInput.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KLabel from '../KLabel'\nimport KMessages from '../KMessages'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Validatable from '../../mixins/validatable'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n  kebabCase,\n} from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { KNode, KNodeData, PropType } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { InputValidationRule } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Validatable,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  /* eslint-disable-next-line camelcase */\n  $_modelEvent: string\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-input',\n\n  inheritAttrs: false,\n\n  props: {\n    appendIcon: String,\n    backgroundColor: {\n      type: String,\n      default: '',\n    },\n    dense: Boolean,\n    height: [Number, String],\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    hideSpinButtons: Boolean,\n    hint: String,\n    id: String,\n    label: String,\n    loading: Boolean,\n    persistentHint: Boolean,\n    prependIcon: String,\n    value: null as any as PropType<any>,\n  },\n\n  data () {\n    return {\n      lazyValue: this.value,\n      hasMouseDown: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-input--has-state': this.hasState,\n        'k-input--hide-details': !this.showDetails,\n        'k-input--is-label-active': this.isLabelActive,\n        'k-input--is-dirty': this.isDirty,\n        'k-input--is-disabled': this.isDisabled,\n        'k-input--is-focused': this.isFocused,\n        // <k-switch loading>.loading === '' so we can't just cast to boolean\n        'k-input--is-loading': this.loading !== false && this.loading != null,\n        'k-input--is-readonly': this.isReadonly,\n        'k-input--dense': this.dense,\n        'k-input--hide-spin-buttons': this.hideSpinButtons,\n        ...this.themeClasses,\n      }\n    },\n    computedId (): string {\n      return this.id || `input-${this._uid}`\n    },\n    hasDetails (): boolean {\n      return this.messagesToDisplay.length > 0\n    },\n    hasHint (): boolean {\n      return !this.hasMessages &&\n        !!this.hint &&\n        (this.persistentHint || this.isFocused)\n    },\n    hasLabel (): boolean {\n      return !!(this.$slots.label || this.label)\n    },\n    // Proxy for `lazyValue`\n    // This allows an input\n    // to function without\n    // a provided model\n    internalValue: {\n      get (): any {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n        this.$emit(this.$_modelEvent, val)\n      },\n    },\n    isDirty (): boolean {\n      return !!this.lazyValue\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    messagesToDisplay (): string[] {\n      if (this.hasHint) return [this.hint]\n\n      if (!this.hasMessages) return []\n\n      return this.validations.map((validation: string | InputValidationRule) => {\n        if (typeof validation === 'string') return validation\n\n        const validationResult = validation(this.internalValue)\n\n        return typeof validationResult === 'string' ? validationResult : ''\n      }).filter(message => message !== '')\n    },\n    showDetails (): boolean {\n      return this.hideDetails === false || (this.hideDetails === 'auto' && this.hasDetails)\n    },\n  },\n\n  watch: {\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeCreate () {\n    // k-radio-group needs to emit a different event\n    this.$_modelEvent = (this.$options.model && this.$options.model.event) || 'input'\n  },\n\n  methods: {\n    genContent () {\n      return [\n        this.genPrependSlot(),\n        this.genControl(),\n        this.genAppendSlot(),\n      ]\n    },\n    genControl () {\n      return this.$createElement('div', {\n        staticClass: 'k-input__control',\n        attrs: { title: this.attrs$.title },\n      }, [\n        this.genInputSlot(),\n        this.genMessages(),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genLabel(),\n        this.$slots.default,\n      ]\n    },\n    genIcon (\n      type: string,\n      cb?: (e: Event) => void,\n      extraData: KNodeData = {}\n    ) {\n      const icon = (this as any)[`${type}Icon`]\n      const eventName = `click:${kebabCase(type)}`\n      const hasListener = !!(this.listeners$[eventName] || cb)\n\n      const data = mergeData({\n        attrs: {\n          'aria-label': hasListener ? kebabCase(type).split('-')[0] + ' icon' : undefined,\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          light: this.light,\n        },\n        on: !hasListener\n          ? undefined\n          : {\n            click: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              this.$emit(eventName, e)\n              cb && cb(e)\n            },\n            // Container has g event that will\n            // trigger menu open if enclosed\n            mouseup: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n            },\n          },\n      }, extraData)\n\n      return this.$createElement('div', {\n        staticClass: `k-input__icon`,\n        class: type ? `k-input__icon--${kebabCase(type)}` : undefined,\n      }, [\n        this.$createElement(\n          KIcon,\n          data,\n          icon\n        ),\n      ])\n    },\n    genInputSlot () {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'k-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: this.onClick,\n          mousedown: this.onMouseDown,\n          mouseup: this.onMouseUp,\n        },\n        ref: 'input-slot',\n      }), [this.genDefaultSlot()])\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        props: {\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          focused: this.hasState,\n          for: this.computedId,\n          light: this.light,\n        },\n      }, this.$slots.label || this.label)\n    },\n    genMessages () {\n      if (!this.showDetails) return null\n\n      return this.$createElement(KMessages, {\n        props: {\n          color: this.hasHint ? '' : this.validationState,\n          dark: this.dark,\n          light: this.light,\n          value: this.messagesToDisplay,\n        },\n        attrs: {\n          role: this.hasMessages ? 'alert' : null,\n        },\n        scopedSlots: {\n          default: props => getSlot(this, 'message', props),\n        },\n      })\n    },\n    genSlot (\n      type: string,\n      location: string,\n      slot: (KNode | KNode[])[]\n    ) {\n      if (!slot.length) return null\n\n      const ref = `${type}-${location}`\n\n      return this.$createElement('div', {\n        staticClass: `k-input__${ref}`,\n        ref,\n      }, slot)\n    },\n    genPrependSlot () {\n      const slot = []\n\n      if (this.$slots.prepend) {\n        slot.push(this.$slots.prepend)\n      } else if (this.prependIcon) {\n        slot.push(this.genIcon('prepend'))\n      }\n\n      return this.genSlot('prepend', 'outer', slot)\n    },\n    genAppendSlot () {\n      const slot = []\n\n      // Append icon for text field was really\n      // an appended inner icon, k-text-field\n      // will overwrite this method in order to obtain\n      // backwards compat\n      if (this.$slots.append) {\n        slot.push(this.$slots.append)\n      } else if (this.appendIcon) {\n        slot.push(this.genIcon('append'))\n      }\n\n      return this.genSlot('append', 'outer', slot)\n    },\n    onClick (e: Event) {\n      this.$emit('click', e)\n    },\n    onMouseDown (e: Event) {\n      this.hasMouseDown = true\n      this.$emit('mousedown', e)\n    },\n    onMouseUp (e: Event) {\n      this.hasMouseDown = false\n      this.$emit('mouseup', e)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.validationState, {\n      staticClass: 'k-input',\n      class: this.classes,\n    }), this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"KInput.js"}
+{"version":3,"sources":["../../../src/components/KInput/KInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KInput.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KLabel from '../KLabel'\nimport KMessages from '../KMessages'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Validatable from '../../mixins/validatable'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n  kebabCase,\n} from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { KNode, KNodeData, PropType } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { InputValidationRule } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Validatable,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  /* eslint-disable-next-line camelcase */\n  $_modelEvent: string\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-input',\n\n  inheritAttrs: false,\n\n  props: {\n    appendIcon: String,\n    backgroundColor: {\n      type: String,\n      default: '',\n    },\n    dense: Boolean,\n    height: [Number, String],\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    hideSpinButtons: Boolean,\n    hint: String,\n    id: String,\n    label: String,\n    loading: Boolean,\n    persistentHint: Boolean,\n    prependIcon: String,\n    value: null as any as PropType<any>,\n  },\n\n  data () {\n    return {\n      lazyValue: this.value,\n      hasMouseDown: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-input--has-state': this.hasState,\n        'k-input--hide-details': !this.showDetails,\n        'k-input--is-label-active': this.isLabelActive,\n        'k-input--is-dirty': this.isDirty,\n        'k-input--is-disabled': this.isDisabled,\n        'k-input--is-focused': this.isFocused,\n        // <k-switch loading>.loading === '' so we can't just cast to boolean\n        'k-input--is-loading': this.loading !== false && this.loading != null,\n        'k-input--is-readonly': this.isReadonly,\n        'k-input--dense': this.dense,\n        'k-input--hide-spin-buttons': this.hideSpinButtons,\n        ...this.themeClasses,\n      }\n    },\n    computedId (): string {\n      return this.id || `input-${this._uid}`\n    },\n    hasDetails (): boolean {\n      return this.messagesToDisplay.length > 0\n    },\n    hasHint (): boolean {\n      return !this.hasMessages &&\n        !!this.hint &&\n        (this.persistentHint || this.isFocused)\n    },\n    hasLabel (): boolean {\n      return !!(this.$slots.label || this.label)\n    },\n    // Proxy for `lazyValue`\n    // This allows an input\n    // to function without\n    // a provided model\n    internalValue: {\n      get (): any {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n        this.$emit(this.$_modelEvent, val)\n      },\n    },\n    isDirty (): boolean {\n      return !!this.lazyValue\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    messagesToDisplay (): string[] {\n      if (this.hasHint) return [this.hint]\n\n      if (!this.hasMessages) return []\n\n      return this.validations.map((validation: string | InputValidationRule) => {\n        if (typeof validation === 'string') return validation\n\n        const validationResult = validation(this.internalValue)\n\n        return typeof validationResult === 'string' ? validationResult : ''\n      }).filter(message => message !== '')\n    },\n    showDetails (): boolean {\n      return this.hideDetails === false || (this.hideDetails === 'auto' && this.hasDetails)\n    },\n  },\n\n  watch: {\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeCreate () {\n    // k-radio-group needs to emit a different event\n    this.$_modelEvent = (this.$options.model && this.$options.model.event) || 'input'\n  },\n\n  methods: {\n    genContent () {\n      return [\n        this.genPrependSlot(),\n        this.genControl(),\n        this.genAppendSlot(),\n      ]\n    },\n    genControl () {\n      return this.$createElement('div', {\n        staticClass: 'k-input__control',\n        attrs: { title: this.attrs$.title },\n      }, [\n        this.genInputSlot(),\n        this.genMessages(),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genLabel(),\n        getSlot(this),\n      ]\n    },\n    genIcon (\n      type: string,\n      cb?: (e: Event) => void,\n      extraData: KNodeData = {}\n    ) {\n      const icon = (this as any)[`${type}Icon`]\n      const eventName = `click:${kebabCase(type)}`\n      const hasListener = !!(this.listeners$[eventName] || cb)\n\n      const localeKey = {\n        prepend: 'prependAction',\n        prependInner: 'prependAction',\n        append: 'appendAction',\n        appendOuter: 'appendAction',\n        clear: 'clear',\n      }[type]\n      const label = hasListener && localeKey\n        ? this.$kdutify.lang.t(`$kdutify.input.${localeKey}`, this.label ?? '')\n        : undefined\n\n      const data = mergeData({\n        attrs: {\n          'aria-label': label,\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          light: this.light,\n          tabindex: type === 'clear' ? -1 : undefined,\n        },\n        on: !hasListener\n          ? undefined\n          : {\n            click: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              this.$emit(eventName, e)\n              cb && cb(e)\n            },\n            // Container has g event that will\n            // trigger menu open if enclosed\n            mouseup: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n            },\n          },\n      }, extraData)\n\n      return this.$createElement('div', {\n        staticClass: `k-input__icon`,\n        class: type ? `k-input__icon--${kebabCase(type)}` : undefined,\n      }, [\n        this.$createElement(\n          KIcon,\n          data,\n          icon\n        ),\n      ])\n    },\n    genInputSlot () {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'k-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: this.onClick,\n          mousedown: this.onMouseDown,\n          mouseup: this.onMouseUp,\n        },\n        ref: 'input-slot',\n      }), [this.genDefaultSlot()])\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        props: {\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          focused: this.hasState,\n          for: this.computedId,\n          light: this.light,\n        },\n      }, getSlot(this, 'label') || this.label)\n    },\n    genMessages () {\n      if (!this.showDetails) return null\n\n      return this.$createElement(KMessages, {\n        props: {\n          color: this.hasHint ? '' : this.validationState,\n          dark: this.dark,\n          light: this.light,\n          value: this.messagesToDisplay,\n        },\n        attrs: {\n          role: this.hasMessages ? 'alert' : null,\n        },\n        scopedSlots: {\n          default: props => getSlot(this, 'message', props),\n        },\n      })\n    },\n    genSlot (\n      type: string,\n      location: string,\n      slot: (KNode | KNode[])[]\n    ) {\n      if (!slot.length) return null\n\n      const ref = `${type}-${location}`\n\n      return this.$createElement('div', {\n        staticClass: `k-input__${ref}`,\n        ref,\n      }, slot)\n    },\n    genPrependSlot () {\n      const slot = []\n\n      if (this.$slots.prepend) {\n        slot.push(this.$slots.prepend)\n      } else if (this.prependIcon) {\n        slot.push(this.genIcon('prepend'))\n      }\n\n      return this.genSlot('prepend', 'outer', slot)\n    },\n    genAppendSlot () {\n      const slot = []\n\n      // Append icon for text field was really\n      // an appended inner icon, k-text-field\n      // will overwrite this method in order to obtain\n      // backwards compat\n      if (this.$slots.append) {\n        slot.push(this.$slots.append)\n      } else if (this.appendIcon) {\n        slot.push(this.genIcon('append'))\n      }\n\n      return this.genSlot('append', 'outer', slot)\n    },\n    onClick (e: Event) {\n      this.$emit('click', e)\n    },\n    onMouseDown (e: Event) {\n      this.hasMouseDown = true\n      this.$emit('mousedown', e)\n    },\n    onMouseUp (e: Event) {\n      this.hasMouseDown = false\n      this.$emit('mouseup', e)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.validationState, {\n      staticClass: 'k-input',\n      class: this.classes,\n    }), this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"KInput.js"}

package/es5/components/KInput/index.js

@@ -10,11 +10,7 @@ Object.defineProperty(exports, "KInput", {
   }
 });
 exports.default = void 0;
-
 var _KInput = _interopRequireDefault(require("./KInput"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _KInput.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _KInput.default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KInput/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,e","sourcesContent":["import KInput from './KInput'\n\nexport { KInput }\nexport default KInput\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KInput/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,IAAA,OAAA,GAAA,sBAAA,CAAA,OAAA;AAA6B,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAGd,eAAM","sourcesContent":["import KInput from './KInput'\n\nexport { KInput }\nexport default KInput\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KItemGroup/KItem.js

@@ -4,26 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BaseItem = void 0;
-
+require("..\\..\\..\\src\\components\\KItemGroup\\KItem.sass");
 var _groupable = require("../../mixins/groupable");
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _console = require("../../util/console");
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Styles
+// Mixins
+// Utilities
+// Types
 /* @kdujs/component */
-var BaseItem = _kdu.default.extend({
+var BaseItem = exports.BaseItem = _kdu.default.extend({
   props: {
     activeClass: String,
     value: {
       required: false
-    }
+    },
+    disabled: Boolean
   },
   data: function data() {
     return {
@@ -40,38 +43,33 @@ var BaseItem = _kdu.default.extend({
       (0, _console.consoleWarn)('k-item is missing a default scopedSlot', this);
       return null;
     }
-
     var element;
     /* istanbul ignore else */
-
     if (this.$scopedSlots.default) {
       element = this.$scopedSlots.default({
         active: this.isActive,
         toggle: this.toggle
       });
     }
-
     if (Array.isArray(element) && element.length === 1) {
       element = element[0];
     }
-
     if (!element || Array.isArray(element) || !element.tag) {
       (0, _console.consoleWarn)('k-item should only contain a single element', this);
       return element;
     }
-
     element.data = this._b(element.data || {}, element.tag, {
-      class: _defineProperty({}, this.activeClass, this.isActive)
+      class: _defineProperty(_defineProperty({}, this.activeClass, this.isActive), 'k-item--disabled', this.disabled)
     });
+    if (this.disabled) {
+      element.data.attrs = _objectSpread({}, element.data.attrs, {
+        tabindex: -1
+      });
+    }
     return element;
   }
 });
-
-exports.BaseItem = BaseItem;
-
-var _default = (0, _mixins.default)(BaseItem, (0, _groupable.factory)('itemGroup', 'k-item', 'k-item-group')).extend({
+var _default = exports.default = (0, _mixins.default)(BaseItem, (0, _groupable.factory)('itemGroup', 'k-item', 'k-item-group')).extend({
   name: 'k-item'
 });
-
-exports.default = _default;
 //# sourceMappingURL=KItem.js.map

package/es5/components/KItemGroup/KItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KItemGroup/KItem.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAGA;;;;;;AAGA;AACO,IAAM,QAAQ,GAAG,aAAI,MAAJ,CAAW;AACjC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,MADR;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,QAAQ,EAAE;AADL;AAFF,GAD0B;AAQjC,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,QAAQ,EAAE;AADC,KAAP;AAAA,GAR2B;AAYjC,EAAA,OAAO,EAAE;AACP,IAAA,MADO,oBACD;AACJ,WAAK,QAAL,GAAgB,CAAC,KAAK,QAAtB;AACD;AAHM,GAZwB;AAkBjC,EAAA,MAlBiC,oBAkB3B;AACJ,QAAI,CAAC,KAAK,YAAL,CAAkB,OAAvB,EAAgC;AAC9B,gCAAY,wCAAZ,EAAsD,IAAtD;AAEA,aAAO,IAAP;AACD;;AAED,QAAI,OAAJ;AAEA;;AACA,QAAI,KAAK,YAAL,CAAkB,OAAtB,EAA+B;AAC7B,MAAA,OAAO,GAAG,KAAK,YAAL,CAAkB,OAAlB,CAA0B;AAClC,QAAA,MAAM,EAAE,KAAK,QADqB;AAElC,QAAA,MAAM,EAAE,KAAK;AAFqB,OAA1B,CAAV;AAID;;AAED,QAAI,KAAK,CAAC,OAAN,CAAc,OAAd,KAA0B,OAAO,CAAC,MAAR,KAAmB,CAAjD,EAAoD;AAClD,MAAA,OAAO,GAAG,OAAO,CAAC,CAAD,CAAjB;AACD;;AAED,QAAI,CAAC,OAAD,IAAY,KAAK,CAAC,OAAN,CAAc,OAAd,CAAZ,IAAsC,CAAC,OAAO,CAAC,GAAnD,EAAwD;AACtD,gCAAY,6CAAZ,EAA2D,IAA3D;AAEA,aAAO,OAAP;AACD;;AAED,IAAA,OAAO,CAAC,IAAR,GAAe,KAAK,EAAL,CAAQ,OAAO,CAAC,IAAR,IAAgB,EAAxB,EAA4B,OAAO,CAAC,GAApC,EAA0C;AACvD,MAAA,KAAK,sBAAK,KAAK,WAAV,EAAwB,KAAK,QAA7B;AADkD,KAA1C,CAAf;AAIA,WAAO,OAAP;AACD;AAlDgC,CAAX,CAAjB;;;;eAqDQ,qBACb,QADa,EAEb,wBAAiB,WAAjB,EAA8B,QAA9B,EAAwC,cAAxC,CAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE;AADC,CAHM,C","sourcesContent":["// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\nimport { KNode, ScopedSlotChildren } from 'kdu/types/knode'\n\n/* @kdujs/component */\nexport const BaseItem = Kdu.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): KNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('k-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: KNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('k-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: { [this.activeClass]: this.isActive },\n    })\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'k-item', 'k-item-group')\n).extend({\n  name: 'k-item',\n})\n"],"sourceRoot":"","file":"KItem.js"}
+{"version":3,"sources":["../../../src/components/KItemGroup/KItem.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KItem.sass'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\n\n// Types\nimport Kdu from 'kdu'\nimport { KNode, ScopedSlotChildren } from 'kdu/types/knode'\n\n/* @kdujs/component */\nexport const BaseItem = Kdu.extend({\n  props: {\n    activeClass: String,\n    value: {\n      required: false,\n    },\n    disabled: Boolean,\n  },\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  methods: {\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): KNode {\n    if (!this.$scopedSlots.default) {\n      consoleWarn('k-item is missing a default scopedSlot', this)\n\n      return null as any\n    }\n\n    let element: KNode | ScopedSlotChildren\n\n    /* istanbul ignore else */\n    if (this.$scopedSlots.default) {\n      element = this.$scopedSlots.default({\n        active: this.isActive,\n        toggle: this.toggle,\n      })\n    }\n\n    if (Array.isArray(element) && element.length === 1) {\n      element = element[0]\n    }\n\n    if (!element || Array.isArray(element) || !element.tag) {\n      consoleWarn('k-item should only contain a single element', this)\n\n      return element as any\n    }\n\n    element.data = this._b(element.data || {}, element.tag!, {\n      class: {\n        [this.activeClass]: this.isActive,\n        'k-item--disabled': this.disabled,\n      },\n    })\n\n    if (this.disabled) {\n      element.data.attrs = { ...element.data.attrs, tabindex: -1 }\n    }\n\n    return element\n  },\n})\n\nexport default mixins(\n  BaseItem,\n  GroupableFactory('itemGroup', 'k-item', 'k-item-group')\n).extend({\n  name: 'k-item',\n})\n"],"sourceRoot":"","file":"KItem.js"}

package/es5/components/KItemGroup/KItemGroup.js

@@ -4,26 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BaseItemGroup = void 0;
-
 require("..\\..\\..\\src\\components\\KItemGroup\\KItemGroup.sass");
-
+var _comparable = _interopRequireDefault(require("../../mixins/comparable"));
 var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
-
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
-
 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 BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default).extend({
+var _helpers = require("../../util/helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Styles
+// Mixins
+// Utilities
+var BaseItemGroup = exports.BaseItemGroup = (0, _mixins.default)(_comparable.default, _proxyable.default, _themeable.default).extend({
   name: 'base-item-group',
   props: {
     activeClass: {
@@ -65,7 +62,6 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
     },
     selectedItems: function selectedItems() {
       var _this = this;
-
       return this.items.filter(function (item, index) {
         return _this.toggleMethod(_this.getValue(item, index));
       });
@@ -76,21 +72,19 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
     },
     toggleMethod: function toggleMethod() {
       var _this2 = this;
-
       if (!this.multiple) {
         return function (v) {
-          return _this2.internalValue === v;
+          return _this2.valueComparator(_this2.internalValue, v);
         };
       }
-
       var internalValue = this.internalValue;
-
       if (Array.isArray(internalValue)) {
         return function (v) {
-          return internalValue.includes(v);
+          return internalValue.some(function (intern) {
+            return _this2.valueComparator(intern, v);
+          });
         };
       }
-
       return function () {
         return false;
       };
@@ -112,24 +106,22 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
       };
     },
     getValue: function getValue(item, i) {
-      return item.value == null || item.value === '' ? i : item.value;
+      return item.value === undefined ? i : item.value;
     },
     onClick: function onClick(item) {
       this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
     },
     register: function register(item) {
       var _this3 = this;
-
       var index = this.items.push(item) - 1;
       item.$on('change', function () {
         return _this3.onClick(item);
-      }); // If no value provided and mandatory,
+      });
+      // If no value provided and mandatory,
       // assign first registered item
-
       if (this.mandatory && !this.selectedValues.length) {
         this.updateMandatory();
       }
-
       this.updateItem(item, index);
     },
     unregister: function unregister(item) {
@@ -137,27 +129,24 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
       var index = this.items.indexOf(item);
       var value = this.getValue(item, index);
       this.items.splice(index, 1);
-      var valueIndex = this.selectedValues.indexOf(value); // Items is not selected, do nothing
-
-      if (valueIndex < 0) return; // If not mandatory, use regular update process
-
+      var valueIndex = this.selectedValues.indexOf(value);
+      // Items is not selected, do nothing
+      if (valueIndex < 0) return;
+      // If not mandatory, use regular update process
       if (!this.mandatory) {
         return this.updateInternalValue(value);
-      } // Remove the value
-
-
+      }
+      // Remove the value
       if (this.multiple && Array.isArray(this.internalValue)) {
         this.internalValue = this.internalValue.filter(function (v) {
           return v !== value;
         });
       } else {
         this.internalValue = undefined;
-      } // If mandatory and we have no selection
+      }
+      // If mandatory and we have no selection
       // add the last item as value
-
       /* istanbul ignore else */
-
-
       if (!this.selectedItems.length) {
         this.updateMandatory(true);
       }
@@ -168,15 +157,13 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
     },
     updateItemsState: function updateItemsState() {
       var _this4 = this;
-
       this.$nextTick(function () {
         if (_this4.mandatory && !_this4.selectedItems.length) {
           return _this4.updateMandatory();
-        } // TODO: Make this smarter so it
+        }
+        // TODO: Make this smarter so it
         // doesn't have to iterate every
         // child in an update
-
-
         _this4.items.forEach(_this4.updateItem);
       });
     },
@@ -189,42 +176,46 @@ var BaseItemGroup = (0, _mixins.default)(_proxyable.default, _themeable.default)
       if (last) items.reverse();
       var item = items.find(function (item) {
         return !item.disabled;
-      }); // If no tabs are available
+      });
+      // If no tabs are available
       // aborts mandatory value
-
       if (!item) return;
       var index = this.items.indexOf(item);
       this.updateInternalValue(this.getValue(item, index));
     },
     updateMultiple: function updateMultiple(value) {
+      var _this5 = this;
       var defaultValue = Array.isArray(this.internalValue) ? this.internalValue : [];
       var internalValue = defaultValue.slice();
       var index = internalValue.findIndex(function (val) {
-        return val === value;
+        return _this5.valueComparator(val, value);
       });
-      if (this.mandatory && // Item already exists
-      index > -1 && // value would be reduced below min
+      if (this.mandatory &&
+      // Item already exists
+      index > -1 &&
+      // value would be reduced below min
       internalValue.length - 1 < 1) return;
-      if ( // Max is set
-      this.max != null && // Item doesn't exist
-      index < 0 && // value would be increased above max
+      if (
+      // Max is set
+      this.max != null &&
+      // Item doesn't exist
+      index < 0 &&
+      // value would be increased above max
       internalValue.length + 1 > this.max) return;
       index > -1 ? internalValue.splice(index, 1) : internalValue.push(value);
       this.internalValue = internalValue;
     },
     updateSingle: function updateSingle(value) {
-      var isSame = value === this.internalValue;
+      var isSame = this.valueComparator(this.internalValue, value);
       if (this.mandatory && isSame) return;
       this.internalValue = isSame ? undefined : value;
     }
   },
   render: function render(h) {
-    return h(this.tag, this.genData(), this.$slots.default);
+    return h(this.tag, this.genData(), (0, _helpers.getSlot)(this));
   }
 });
-exports.BaseItemGroup = BaseItemGroup;
-
-var _default = BaseItemGroup.extend({
+var _default = exports.default = BaseItemGroup.extend({
   name: 'k-item-group',
   provide: function provide() {
     return {
@@ -232,6 +223,4 @@ var _default = BaseItemGroup.extend({
     };
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KItemGroup.js.map