kdutify 0.16.9-rc.0 → 2.6.0

package/es5/components/KAutocomplete/KAutocomplete.js

@@ -0,0 +1,407 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KAutocomplete\\KAutocomplete.sass");
+
+var _KSelect = _interopRequireWildcard(require("../KSelect/KSelect"));
+
+var _KTextField = _interopRequireDefault(require("../KTextField/KTextField"));
+
+var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 defaultMenuProps = _objectSpread(_objectSpread({}, _KSelect.defaultMenuProps), {}, {
+  offsetY: true,
+  offsetOverflow: true,
+  transition: false
+});
+/* @kdujs/component */
+
+
+var _default2 = _KSelect.default.extend({
+  name: 'k-autocomplete',
+  props: {
+    allowOverflow: {
+      type: Boolean,
+      default: true
+    },
+    autoSelectFirst: {
+      type: Boolean,
+      default: false
+    },
+    filter: {
+      type: Function,
+      default: function _default(item, queryText, itemText) {
+        return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1;
+      }
+    },
+    hideNoData: Boolean,
+    menuProps: {
+      type: _KSelect.default.options.props.menuProps.type,
+      default: function _default() {
+        return defaultMenuProps;
+      }
+    },
+    noFilter: Boolean,
+    searchInput: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      lazySearch: this.searchInput
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _KSelect.default.options.computed.classes.call(this)), {}, {
+        'k-autocomplete': true,
+        'k-autocomplete--is-selecting-index': this.selectedIndex > -1
+      });
+    },
+    computedItems: function computedItems() {
+      return this.filteredItems;
+    },
+    selectedValues: function selectedValues() {
+      var _this = this;
+
+      return this.selectedItems.map(function (item) {
+        return _this.getValue(item);
+      });
+    },
+    hasDisplayedItems: function hasDisplayedItems() {
+      var _this2 = this;
+
+      return this.hideSelected ? this.filteredItems.some(function (item) {
+        return !_this2.hasItem(item);
+      }) : this.filteredItems.length > 0;
+    },
+    currentRange: function currentRange() {
+      if (this.selectedItem == null) return 0;
+      return String(this.getText(this.selectedItem)).length;
+    },
+    filteredItems: function filteredItems() {
+      var _this3 = this;
+
+      if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems;
+      return this.allItems.filter(function (item) {
+        var value = (0, _helpers.getPropertyFromItem)(item, _this3.itemText);
+        var text = value != null ? String(value) : '';
+        return _this3.filter(item, String(_this3.internalSearch), text);
+      });
+    },
+    internalSearch: {
+      get: function get() {
+        return this.lazySearch;
+      },
+      set: function set(val) {
+        // emit update event only when the new
+        // search value is different from previous
+        if (this.lazySearch !== val) {
+          this.lazySearch = val;
+          this.$emit('update:search-input', val);
+        }
+      }
+    },
+    isAnyValueAllowed: function isAnyValueAllowed() {
+      return false;
+    },
+    isDirty: function isDirty() {
+      return this.searchIsDirty || this.selectedItems.length > 0;
+    },
+    isSearching: function isSearching() {
+      return this.multiple && this.searchIsDirty || this.searchIsDirty && this.internalSearch !== this.getText(this.selectedItem);
+    },
+    menuCanShow: function menuCanShow() {
+      if (!this.isFocused) return false;
+      return this.hasDisplayedItems || !this.hideNoData;
+    },
+    $_menuProps: function $_menuProps() {
+      var props = _KSelect.default.options.computed.$_menuProps.call(this);
+
+      props.contentClass = "k-autocomplete__content ".concat(props.contentClass || '').trim();
+      return _objectSpread(_objectSpread({}, defaultMenuProps), props);
+    },
+    searchIsDirty: function searchIsDirty() {
+      return this.internalSearch != null && this.internalSearch !== '';
+    },
+    selectedItem: function selectedItem() {
+      var _this4 = this;
+
+      if (this.multiple) return null;
+      return this.selectedItems.find(function (i) {
+        return _this4.valueComparator(_this4.getValue(i), _this4.getValue(_this4.internalValue));
+      });
+    },
+    listData: function listData() {
+      var data = _KSelect.default.options.computed.listData.call(this);
+
+      data.props = _objectSpread(_objectSpread({}, data.props), {}, {
+        items: this.virtualizedItems,
+        noFilter: this.noFilter || !this.isSearching || !this.filteredItems.length,
+        searchInput: this.internalSearch
+      });
+      return data;
+    }
+  },
+  watch: {
+    filteredItems: 'onFilteredItemsChanged',
+    internalValue: 'setSearch',
+    isFocused: function isFocused(val) {
+      if (val) {
+        document.addEventListener('copy', this.onCopy);
+        this.$refs.input && this.$refs.input.select();
+      } else {
+        document.removeEventListener('copy', this.onCopy);
+        this.blur();
+        this.updateSelf();
+      }
+    },
+    isMenuActive: function isMenuActive(val) {
+      if (val || !this.hasSlot) return;
+      this.lazySearch = null;
+    },
+    items: function items(val, oldVal) {
+      // If we are focused, the menu
+      // is not active, hide no data is enabled,
+      // and items change
+      // User is probably async loading
+      // items, try to activate the menu
+      if (!(oldVal && oldVal.length) && this.hideNoData && this.isFocused && !this.isMenuActive && val.length) this.activateMenu();
+    },
+    searchInput: function searchInput(val) {
+      this.lazySearch = val;
+    },
+    internalSearch: 'onInternalSearchChanged',
+    itemText: 'updateSelf'
+  },
+  created: function created() {
+    this.setSearch();
+  },
+  destroyed: function destroyed() {
+    document.removeEventListener('copy', this.onCopy);
+  },
+  methods: {
+    onFilteredItemsChanged: function onFilteredItemsChanged(val, oldVal) {
+      var _this5 = this;
+
+      // TODO: How is the watcher triggered
+      // for duplicate items? no idea
+      if (val === oldVal) return;
+
+      if (!this.autoSelectFirst) {
+        var preSelectedItem = oldVal[this.$refs.menu.listIndex];
+
+        if (preSelectedItem) {
+          this.setMenuIndex(val.findIndex(function (i) {
+            return i === preSelectedItem;
+          }));
+        } else {
+          this.setMenuIndex(-1);
+        }
+
+        this.$emit('update:list-index', this.$refs.menu.listIndex);
+      }
+
+      this.$nextTick(function () {
+        if (!_this5.internalSearch || val.length !== 1 && !_this5.autoSelectFirst) return;
+
+        _this5.$refs.menu.getTiles();
+
+        if (_this5.autoSelectFirst && val.length) {
+          _this5.setMenuIndex(0);
+
+          _this5.$emit('update:list-index', _this5.$refs.menu.listIndex);
+        }
+      });
+    },
+    onInternalSearchChanged: function onInternalSearchChanged() {
+      this.updateMenuDimensions();
+    },
+    updateMenuDimensions: function updateMenuDimensions() {
+      // Type from menuable is not making it through
+      this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions();
+    },
+    changeSelectedIndex: function changeSelectedIndex(keyCode) {
+      // Do not allow changing of selectedIndex
+      // when search is dirty
+      if (this.searchIsDirty) return;
+
+      if (this.multiple && keyCode === _helpers.keyCodes.left) {
+        if (this.selectedIndex === -1) {
+          this.selectedIndex = this.selectedItems.length - 1;
+        } else {
+          this.selectedIndex--;
+        }
+      } else if (this.multiple && keyCode === _helpers.keyCodes.right) {
+        if (this.selectedIndex >= this.selectedItems.length - 1) {
+          this.selectedIndex = -1;
+        } else {
+          this.selectedIndex++;
+        }
+      } else if (keyCode === _helpers.keyCodes.backspace || keyCode === _helpers.keyCodes.delete) {
+        this.deleteCurrentItem();
+      }
+    },
+    deleteCurrentItem: function deleteCurrentItem() {
+      var curIndex = this.selectedIndex;
+      var curItem = this.selectedItems[curIndex]; // Do nothing if input or item is disabled
+
+      if (!this.isInteractive || this.getDisabled(curItem)) return;
+      var lastIndex = this.selectedItems.length - 1; // Select the last item if
+      // there is no selection
+
+      if (this.selectedIndex === -1 && lastIndex !== 0) {
+        this.selectedIndex = lastIndex;
+        return;
+      }
+
+      var length = this.selectedItems.length;
+      var nextIndex = curIndex !== length - 1 ? curIndex : curIndex - 1;
+      var nextItem = this.selectedItems[nextIndex];
+
+      if (!nextItem) {
+        this.setValue(this.multiple ? [] : null);
+      } else {
+        this.selectItem(curItem);
+      }
+
+      this.selectedIndex = nextIndex;
+    },
+    clearableCallback: function clearableCallback() {
+      this.internalSearch = null;
+
+      _KSelect.default.options.methods.clearableCallback.call(this);
+    },
+    genInput: function genInput() {
+      var input = _KTextField.default.options.methods.genInput.call(this);
+
+      input.data = (0, _mergeData.default)(input.data, {
+        attrs: {
+          'aria-activedescendant': (0, _helpers.getObjectValueByPath)(this.$refs.menu, 'activeTile.id'),
+          autocomplete: (0, _helpers.getObjectValueByPath)(input.data, 'attrs.autocomplete', 'off')
+        },
+        domProps: {
+          value: this.internalSearch
+        }
+      });
+      return input;
+    },
+    genInputSlot: function genInputSlot() {
+      var slot = _KSelect.default.options.methods.genInputSlot.call(this);
+
+      slot.data.attrs.role = 'combobox';
+      return slot;
+    },
+    genSelections: function genSelections() {
+      return this.hasSlot || this.multiple ? _KSelect.default.options.methods.genSelections.call(this) : [];
+    },
+    onClick: function onClick(e) {
+      if (!this.isInteractive) return;
+      this.selectedIndex > -1 ? this.selectedIndex = -1 : this.onFocus();
+      if (!this.isAppendInner(e.target)) this.activateMenu();
+    },
+    onInput: function onInput(e) {
+      if (this.selectedIndex > -1 || !e.target) return;
+      var target = e.target;
+      var value = target.value; // If typing and menu is not currently active
+
+      if (target.value) this.activateMenu();
+      if (!this.multiple && value === '') this.deleteCurrentItem();
+      this.internalSearch = value;
+      this.badInput = target.validity && target.validity.badInput;
+    },
+    onKeyDown: function onKeyDown(e) {
+      var keyCode = e.keyCode;
+
+      if (e.ctrlKey || ![_helpers.keyCodes.home, _helpers.keyCodes.end].includes(keyCode)) {
+        _KSelect.default.options.methods.onKeyDown.call(this, e);
+      } // The ordering is important here
+      // allows new value to be updated
+      // and then moves the index to the
+      // proper location
+
+
+      this.changeSelectedIndex(keyCode);
+    },
+    onSpaceDown: function onSpaceDown(e) {},
+    onTabDown: function onTabDown(e) {
+      _KSelect.default.options.methods.onTabDown.call(this, e);
+
+      this.updateSelf();
+    },
+    onUpDown: function onUpDown(e) {
+      // Prevent screen from scrolling
+      e.preventDefault(); // For autocomplete / combobox, cycling
+      // interfers with native up/down behavior
+      // instead activate the menu
+
+      this.activateMenu();
+    },
+    selectItem: function selectItem(item) {
+      _KSelect.default.options.methods.selectItem.call(this, item);
+
+      this.setSearch();
+    },
+    setSelectedItems: function setSelectedItems() {
+      _KSelect.default.options.methods.setSelectedItems.call(this); // #4273 Don't replace if searching
+      // #4403 Don't replace if focused
+
+
+      if (!this.isFocused) this.setSearch();
+    },
+    setSearch: function setSearch() {
+      var _this6 = this;
+
+      // Wait for nextTick so selectedItem
+      // has had time to update
+      this.$nextTick(function () {
+        if (!_this6.multiple || !_this6.internalSearch || !_this6.isMenuActive) {
+          _this6.internalSearch = !_this6.selectedItems.length || _this6.multiple || _this6.hasSlot ? null : _this6.getText(_this6.selectedItem);
+        }
+      });
+    },
+    updateSelf: function updateSelf() {
+      if (!this.searchIsDirty && !this.internalValue) return;
+
+      if (!this.multiple && !this.valueComparator(this.internalSearch, this.getValue(this.internalValue))) {
+        this.setSearch();
+      }
+    },
+    hasItem: function hasItem(item) {
+      return this.selectedValues.indexOf(this.getValue(item)) > -1;
+    },
+    onCopy: function onCopy(event) {
+      var _event$clipboardData, _event$clipboardData2;
+
+      if (this.selectedIndex === -1) return;
+      var currentItem = this.selectedItems[this.selectedIndex];
+      var currentItemText = this.getText(currentItem);
+      (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.setData('text/plain', currentItemText);
+      (_event$clipboardData2 = event.clipboardData) == null ? void 0 : _event$clipboardData2.setData('text/vnd.kdutify.autocomplete.item+plain', currentItemText);
+      event.preventDefault();
+    }
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KAutocomplete.js.map

package/es5/components/KAutocomplete/KAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KAutocomplete/KAutocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KAutocomplete.sass'\n\n// Extensions\nimport KSelect, { defaultMenuProps as KSelectMenuProps } from '../KSelect/KSelect'\nimport KTextField from '../KTextField/KTextField'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport {\n  getObjectValueByPath,\n  getPropertyFromItem,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { PropType, KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\nconst defaultMenuProps = {\n  ...KSelectMenuProps,\n  offsetY: true,\n  offsetOverflow: true,\n  transition: false,\n}\n\n/* @kdujs/component */\nexport default KSelect.extend({\n  name: 'k-autocomplete',\n\n  props: {\n    allowOverflow: {\n      type: Boolean,\n      default: true,\n    },\n    autoSelectFirst: {\n      type: Boolean,\n      default: false,\n    },\n    filter: {\n      type: Function,\n      default: (item: any, queryText: string, itemText: string) => {\n        return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1\n      },\n    } as PropValidator<(item: any, queryText: string, itemText: string) => boolean>,\n    hideNoData: Boolean,\n    menuProps: {\n      type: KSelect.options.props.menuProps.type,\n      default: () => defaultMenuProps,\n    },\n    noFilter: Boolean,\n    searchInput: {\n      type: String as PropType<string | null>,\n    },\n  },\n\n  data () {\n    return {\n      lazySearch: this.searchInput,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...KSelect.options.computed.classes.call(this),\n        'k-autocomplete': true,\n        'k-autocomplete--is-selecting-index': this.selectedIndex > -1,\n      }\n    },\n    computedItems (): object[] {\n      return this.filteredItems\n    },\n    selectedValues (): object[] {\n      return this.selectedItems.map(item => this.getValue(item))\n    },\n    hasDisplayedItems (): boolean {\n      return this.hideSelected\n        ? this.filteredItems.some(item => !this.hasItem(item))\n        : this.filteredItems.length > 0\n    },\n    currentRange (): number {\n      if (this.selectedItem == null) return 0\n\n      return String(this.getText(this.selectedItem)).length\n    },\n    filteredItems (): object[] {\n      if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems\n\n      return this.allItems.filter(item => {\n        const value = getPropertyFromItem(item, this.itemText)\n        const text = value != null ? String(value) : ''\n\n        return this.filter(item, String(this.internalSearch), text)\n      })\n    },\n    internalSearch: {\n      get (): string | null {\n        return this.lazySearch\n      },\n      set (val: any) { // TODO: this should be `string | null` but it breaks lots of other types\n        // emit update event only when the new\n        // search value is different from previous\n        if (this.lazySearch !== val) {\n          this.lazySearch = val\n          this.$emit('update:search-input', val)\n        }\n      },\n    },\n    isAnyValueAllowed (): boolean {\n      return false\n    },\n    isDirty (): boolean {\n      return this.searchIsDirty || this.selectedItems.length > 0\n    },\n    isSearching (): boolean {\n      return (\n        this.multiple &&\n        this.searchIsDirty\n      ) || (\n        this.searchIsDirty &&\n        this.internalSearch !== this.getText(this.selectedItem)\n      )\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems || !this.hideNoData\n    },\n    $_menuProps (): object {\n      const props = KSelect.options.computed.$_menuProps.call(this);\n      (props as any).contentClass = `k-autocomplete__content ${(props as any).contentClass || ''}`.trim()\n      return {\n        ...defaultMenuProps,\n        ...props,\n      }\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null &&\n        this.internalSearch !== ''\n    },\n    selectedItem (): any {\n      if (this.multiple) return null\n\n      return this.selectedItems.find(i => {\n        return this.valueComparator(this.getValue(i), this.getValue(this.internalValue))\n      })\n    },\n    listData () {\n      const data = KSelect.options.computed.listData.call(this) as any\n\n      data.props = {\n        ...data.props,\n        items: this.virtualizedItems,\n        noFilter: (\n          this.noFilter ||\n          !this.isSearching ||\n          !this.filteredItems.length\n        ),\n        searchInput: this.internalSearch,\n      }\n\n      return data\n    },\n  },\n\n  watch: {\n    filteredItems: 'onFilteredItemsChanged',\n    internalValue: 'setSearch',\n    isFocused (val) {\n      if (val) {\n        document.addEventListener('copy', this.onCopy)\n        this.$refs.input && this.$refs.input.select()\n      } else {\n        document.removeEventListener('copy', this.onCopy)\n        this.blur()\n        this.updateSelf()\n      }\n    },\n    isMenuActive (val) {\n      if (val || !this.hasSlot) return\n\n      this.lazySearch = null\n    },\n    items (val, oldVal) {\n      // If we are focused, the menu\n      // is not active, hide no data is enabled,\n      // and items change\n      // User is probably async loading\n      // items, try to activate the menu\n      if (\n        !(oldVal && oldVal.length) &&\n        this.hideNoData &&\n        this.isFocused &&\n        !this.isMenuActive &&\n        val.length\n      ) this.activateMenu()\n    },\n    searchInput (val: string) {\n      this.lazySearch = val\n    },\n    internalSearch: 'onInternalSearchChanged',\n    itemText: 'updateSelf',\n  },\n\n  created () {\n    this.setSearch()\n  },\n\n  destroyed () {\n    document.removeEventListener('copy', this.onCopy)\n  },\n\n  methods: {\n    onFilteredItemsChanged (val: never[], oldVal: never[]) {\n      // TODO: How is the watcher triggered\n      // for duplicate items? no idea\n      if (val === oldVal) return\n\n      if (!this.autoSelectFirst) {\n        const preSelectedItem = oldVal[this.$refs.menu.listIndex]\n\n        if (preSelectedItem) {\n          this.setMenuIndex(val.findIndex(i => i === preSelectedItem))\n        } else {\n          this.setMenuIndex(-1)\n        }\n        this.$emit('update:list-index', this.$refs.menu.listIndex)\n      }\n\n      this.$nextTick(() => {\n        if (\n          !this.internalSearch ||\n          (val.length !== 1 &&\n            !this.autoSelectFirst)\n        ) return\n\n        this.$refs.menu.getTiles()\n\n        if (this.autoSelectFirst && val.length) {\n          this.setMenuIndex(0)\n          this.$emit('update:list-index', this.$refs.menu.listIndex)\n        }\n      })\n    },\n    onInternalSearchChanged () {\n      this.updateMenuDimensions()\n    },\n    updateMenuDimensions () {\n      // Type from menuable is not making it through\n      this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions()\n    },\n    changeSelectedIndex (keyCode: number) {\n      // Do not allow changing of selectedIndex\n      // when search is dirty\n      if (this.searchIsDirty) return\n\n      if (this.multiple && keyCode === keyCodes.left) {\n        if (this.selectedIndex === -1) {\n          this.selectedIndex = this.selectedItems.length - 1\n        } else {\n          this.selectedIndex--\n        }\n      } else if (this.multiple && keyCode === keyCodes.right) {\n        if (this.selectedIndex >= this.selectedItems.length - 1) {\n          this.selectedIndex = -1\n        } else {\n          this.selectedIndex++\n        }\n      } else if (keyCode === keyCodes.backspace || keyCode === keyCodes.delete) {\n        this.deleteCurrentItem()\n      }\n    },\n    deleteCurrentItem () {\n      const curIndex = this.selectedIndex\n      const curItem = this.selectedItems[curIndex]\n\n      // Do nothing if input or item is disabled\n      if (\n        !this.isInteractive ||\n        this.getDisabled(curItem)\n      ) return\n\n      const lastIndex = this.selectedItems.length - 1\n\n      // Select the last item if\n      // there is no selection\n      if (\n        this.selectedIndex === -1 &&\n        lastIndex !== 0\n      ) {\n        this.selectedIndex = lastIndex\n\n        return\n      }\n\n      const length = this.selectedItems.length\n      const nextIndex = curIndex !== length - 1\n        ? curIndex\n        : curIndex - 1\n      const nextItem = this.selectedItems[nextIndex]\n\n      if (!nextItem) {\n        this.setValue(this.multiple ? [] : null)\n      } else {\n        this.selectItem(curItem)\n      }\n\n      this.selectedIndex = nextIndex\n    },\n    clearableCallback () {\n      this.internalSearch = null\n\n      KSelect.options.methods.clearableCallback.call(this)\n    },\n    genInput () {\n      const input = KTextField.options.methods.genInput.call(this)\n\n      input.data = mergeData(input.data!, {\n        attrs: {\n          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),\n          autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),\n        },\n        domProps: { value: this.internalSearch },\n      })\n\n      return input\n    },\n    genInputSlot () {\n      const slot = KSelect.options.methods.genInputSlot.call(this)\n\n      slot.data!.attrs!.role = 'combobox'\n\n      return slot\n    },\n    genSelections (): KNode | never[] {\n      return this.hasSlot || this.multiple\n        ? KSelect.options.methods.genSelections.call(this)\n        : []\n    },\n    onClick (e: MouseEvent) {\n      if (!this.isInteractive) return\n\n      this.selectedIndex > -1\n        ? (this.selectedIndex = -1)\n        : this.onFocus()\n\n      if (!this.isAppendInner(e.target)) this.activateMenu()\n    },\n    onInput (e: Event) {\n      if (\n        this.selectedIndex > -1 ||\n        !e.target\n      ) return\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n\n      // If typing and menu is not currently active\n      if (target.value) this.activateMenu()\n\n      if (!this.multiple && value === '') this.deleteCurrentItem()\n\n      this.internalSearch = value\n      this.badInput = target.validity && target.validity.badInput\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        KSelect.options.methods.onKeyDown.call(this, e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onSpaceDown (e: KeyboardEvent) { /* noop */ },\n    onTabDown (e: KeyboardEvent) {\n      KSelect.options.methods.onTabDown.call(this, e)\n      this.updateSelf()\n    },\n    onUpDown (e: Event) {\n      // Prevent screen from scrolling\n      e.preventDefault()\n\n      // For autocomplete / combobox, cycling\n      // interfers with native up/down behavior\n      // instead activate the menu\n      this.activateMenu()\n    },\n    selectItem (item: object) {\n      KSelect.options.methods.selectItem.call(this, item)\n      this.setSearch()\n    },\n    setSelectedItems () {\n      KSelect.options.methods.setSelectedItems.call(this)\n\n      // #4273 Don't replace if searching\n      // #4403 Don't replace if focused\n      if (!this.isFocused) this.setSearch()\n    },\n    setSearch () {\n      // Wait for nextTick so selectedItem\n      // has had time to update\n      this.$nextTick(() => {\n        if (\n          !this.multiple ||\n          !this.internalSearch ||\n          !this.isMenuActive\n        ) {\n          this.internalSearch = (\n            !this.selectedItems.length ||\n            this.multiple ||\n            this.hasSlot\n          )\n            ? null\n            : this.getText(this.selectedItem)\n        }\n      })\n    },\n    updateSelf () {\n      if (\n        !this.searchIsDirty &&\n        !this.internalValue\n      ) return\n\n      if (\n        !this.multiple &&\n        !this.valueComparator(\n          this.internalSearch,\n          this.getValue(this.internalValue)\n        )\n      ) {\n        this.setSearch()\n      }\n    },\n    hasItem (item: any): boolean {\n      return this.selectedValues.indexOf(this.getValue(item)) > -1\n    },\n    onCopy (event: ClipboardEvent) {\n      if (this.selectedIndex === -1) return\n\n      const currentItem = this.selectedItems[this.selectedIndex]\n      const currentItemText = this.getText(currentItem)\n      event.clipboardData?.setData('text/plain', currentItemText)\n      event.clipboardData?.setData('text/vnd.kdutify.autocomplete.item+plain', currentItemText)\n      event.preventDefault()\n    },\n  },\n})\n"],"sourceRoot":"","file":"KAutocomplete.js"}

package/es5/components/KAutocomplete/index.js

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

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

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

package/es5/components/KAvatar/KAvatar.js

@@ -1,31 +1,65 @@
-require('../../../src/stylus/components/_avatars.styl');
+"use strict";
 
-export default {
-  name: 'k-avatar',
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-  functional: true,
+require("..\\..\\..\\src\\components\\KAvatar\\KAvatar.sass");
 
-  props: {
-    size: {
-      type: String,
-      default: '48px'
-    },
-    tile: Boolean
-  },
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _measurable = _interopRequireDefault(require("../../mixins/measurable"));
+
+var _roundable = _interopRequireDefault(require("../../mixins/roundable"));
+
+var _helpers = require("../../util/helpers");
 
-  render: function render(h, _ref) {
-    var data = _ref.data,
-        props = _ref.props,
-        children = _ref.children;
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
 
-    data.staticClass = ('avatar ' + (data.staticClass || '')).trim();
-    data.style = data.style || {};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-    if (props.tile) data.staticClass += ' avatar--tile';
+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; }
 
-    data.style.height = props.size;
-    data.style.width = props.size;
+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; }
 
-    return h('div', data, children);
+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, _measurable.default, _roundable.default).extend({
+  name: 'k-avatar',
+  props: {
+    left: Boolean,
+    right: Boolean,
+    size: {
+      type: [Number, String],
+      default: 48
+    }
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread({
+        'k-avatar--left': this.left,
+        'k-avatar--right': this.right
+      }, this.roundedClasses);
+    },
+    styles: function styles() {
+      return _objectSpread({
+        height: (0, _helpers.convertToUnit)(this.size),
+        minWidth: (0, _helpers.convertToUnit)(this.size),
+        width: (0, _helpers.convertToUnit)(this.size)
+      }, this.measurableStyles);
+    }
+  },
+  render: function render(h) {
+    var data = {
+      staticClass: 'k-avatar',
+      class: this.classes,
+      style: this.styles,
+      on: this.$listeners
+    };
+    return h('div', this.setBackgroundColor(this.color, data), this.$slots.default);
   }
-};
+});
+
+exports.default = _default;
+//# sourceMappingURL=KAvatar.js.map

package/es5/components/KAvatar/KAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KAvatar/KAvatar.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AAGA;;AAIA;;;;;;;;;;eAEe,qBACb,kBADa,EAEb,mBAFa,EAGb,kBAHa,EAKb,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,OADQ,qBACD;AACL;AACE,0BAAkB,KAAK,IADzB;AAEE,2BAAmB,KAAK;AAF1B,SAGK,KAAK,cAHV;AAKD,KAPO;AAQR,IAAA,MARQ,oBAQF;AACJ;AACE,QAAA,MAAM,EAAE,4BAAc,KAAK,IAAnB,CADV;AAEE,QAAA,QAAQ,EAAE,4BAAc,KAAK,IAAnB,CAFZ;AAGE,QAAA,KAAK,EAAE,4BAAc,KAAK,IAAnB;AAHT,SAIK,KAAK,gBAJV;AAMD;AAfO,GAZH;AA8BP,EAAA,MA9BO,kBA8BC,CA9BD,EA8BE;AACP,QAAM,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,C","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"}

package/es5/components/KAvatar/index.js

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

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

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