kdutify 2.6.1 → 2.7.3

package/es5/components/KSelect/KSelect.js

@@ -3,65 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.defaultMenuProps = void 0;
-
-require("..\\..\\..\\src\\components\\KTextField\\KTextField.sass");
-
-require("..\\..\\..\\src\\components\\KSelect\\KSelect.sass");
-
+exports.defaultMenuProps = exports.default = void 0;
+require("../../../src/components/KTextField/KTextField.sass");
+require("../../../src/components/KSelect/KSelect.sass");
 var _KChip = _interopRequireDefault(require("../KChip"));
-
 var _KMenu = _interopRequireDefault(require("../KMenu"));
-
 var _KSelectList = _interopRequireDefault(require("./KSelectList"));
-
 var _KInput = _interopRequireDefault(require("../KInput"));
-
 var _KTextField2 = _interopRequireDefault(require("../KTextField/KTextField"));
-
 var _comparable = _interopRequireDefault(require("../../mixins/comparable"));
-
 var _dependent = _interopRequireDefault(require("../../mixins/dependent"));
-
 var _filterable = _interopRequireDefault(require("../../mixins/filterable"));
-
 var _clickOutside = _interopRequireDefault(require("../../directives/click-outside"));
-
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
-
 var _helpers = require("../../util/helpers");
-
 var _console = require("../../util/console");
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-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 = {
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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
+// Extensions
+// Mixins
+// Directives
+// Utilities
+// Types
+var defaultMenuProps = exports.defaultMenuProps = {
   closeOnClick: false,
   closeOnContentClick: false,
   disableKeys: true,
   openOnClick: false,
   maxHeight: 304
-}; // Types
-
-exports.defaultMenuProps = defaultMenuProps;
+};
+// Types
 var baseMixins = (0, _mixins.default)(_KTextField2.default, _comparable.default, _dependent.default, _filterable.default);
 /* @kdujs/component */
-
-var _default2 = baseMixins.extend().extend({
+var _default2 = exports.default = baseMixins.extend().extend({
   name: 'k-select',
   directives: {
     ClickOutside: _clickOutside.default
@@ -132,12 +116,11 @@ var _default2 = baseMixins.extend().extend({
     };
   },
   computed: {
-    /* All items that the select has */
-    allItems: function allItems() {
+    /* All items that the select has */allItems: function allItems() {
       return this.filterDuplicates(this.cachedItems.concat(this.items));
     },
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _KTextField2.default.options.computed.classes.call(this)), {}, {
+      return _objectSpread({}, _KTextField2.default.options.computed.classes.call(this), {
         'k-select': true,
         'k-select--chips': this.hasChips,
         'k-select--chips--small': this.smallChips,
@@ -145,26 +128,22 @@ var _default2 = baseMixins.extend().extend({
         'k-select--is-multi': this.multiple
       });
     },
-
-    /* Used by other components to overwrite */
-    computedItems: function computedItems() {
+    /* Used by other components to overwrite */computedItems: function computedItems() {
       return this.allItems;
     },
     computedOwns: function computedOwns() {
       return "list-".concat(this._uid);
     },
     computedCounterValue: function computedCounterValue() {
-      var value = this.multiple ? this.selectedItems : (this.getText(this.selectedItems[0]) || '').toString();
-
+      var _a;
+      var value = this.multiple ? this.selectedItems : ((_a = this.getText(this.selectedItems[0])) !== null && _a !== void 0 ? _a : '').toString();
       if (typeof this.counterValue === 'function') {
         return this.counterValue(value);
       }
-
       return value.length;
     },
     directives: function directives() {
       var _this = this;
-
       return this.isFocused ? [{
         name: 'click-outside',
         value: {
@@ -192,7 +171,7 @@ var _default2 = baseMixins.extend().extend({
       var scopeId = this.$knode && this.$knode.context.$options._scopeId;
       var attrs = scopeId ? _defineProperty({}, scopeId, true) : {};
       return {
-        attrs: _objectSpread(_objectSpread({}, attrs), {}, {
+        attrs: _objectSpread({}, attrs, {
           id: this.computedOwns
         }),
         props: {
@@ -219,7 +198,6 @@ var _default2 = baseMixins.extend().extend({
       if (this.$slots['no-data'] || this.$slots['prepend-item'] || this.$slots['append-item']) {
         (0, _console.consoleError)('assert: staticList should not be called if slots are used');
       }
-
       return this.$createElement(_KSelectList.default, this.listData);
     },
     virtualizedItems: function virtualizedItems() {
@@ -230,15 +208,13 @@ var _default2 = baseMixins.extend().extend({
     },
     $_menuProps: function $_menuProps() {
       var normalisedProps = typeof this.menuProps === 'string' ? this.menuProps.split(',') : this.menuProps;
-
       if (Array.isArray(normalisedProps)) {
         normalisedProps = normalisedProps.reduce(function (acc, p) {
           acc[p.trim()] = true;
           return acc;
         }, {});
       }
-
-      return _objectSpread(_objectSpread({}, defaultMenuProps), {}, {
+      return _objectSpread({}, defaultMenuProps, {
         eager: this.eager,
         value: this.menuCanShow && this.isMenuActive,
         nudgeBottom: normalisedProps.offsetY ? 1 : 0
@@ -247,99 +223,104 @@ var _default2 = baseMixins.extend().extend({
   },
   watch: {
     internalValue: function internalValue(val) {
+      var _this2 = this;
       this.initialValue = val;
       this.setSelectedItems();
+      if (this.multiple) {
+        this.$nextTick(function () {
+          var _a;
+          (_a = _this2.$refs.menu) === null || _a === void 0 ? void 0 : _a.updateDimensions();
+        });
+      }
+      if (this.hideSelected) {
+        this.$nextTick(function () {
+          _this2.onScroll();
+        });
+      }
     },
     isMenuActive: function isMenuActive(val) {
-      var _this2 = this;
-
+      var _this3 = this;
       window.setTimeout(function () {
-        return _this2.onMenuActiveChange(val);
+        return _this3.onMenuActiveChange(val);
       });
     },
     items: {
       immediate: true,
       handler: function handler(val) {
-        var _this3 = this;
-
+        var _this4 = this;
         if (this.cacheItems) {
           // Breaks kdu-test-utils if
           // this isn't calculated
           // on the next tick
           this.$nextTick(function () {
-            _this3.cachedItems = _this3.filterDuplicates(_this3.cachedItems.concat(val));
+            _this4.cachedItems = _this4.filterDuplicates(_this4.cachedItems.concat(val));
           });
         }
-
         this.setSelectedItems();
       }
     }
   },
   methods: {
-    /** @public */
-    blur: function blur(e) {
+    /** @public */blur: function blur(e) {
       _KTextField2.default.options.methods.blur.call(this, e);
-
       this.isMenuActive = false;
       this.isFocused = false;
       this.selectedIndex = -1;
       this.setMenuIndex(-1);
     },
-
-    /** @public */
-    activateMenu: function activateMenu() {
+    /** @public */activateMenu: function activateMenu() {
       if (!this.isInteractive || this.isMenuActive) return;
       this.isMenuActive = true;
     },
     clearableCallback: function clearableCallback() {
-      var _this4 = this;
-
+      var _this5 = this;
       this.setValue(this.multiple ? [] : null);
       this.setMenuIndex(-1);
       this.$nextTick(function () {
-        return _this4.$refs.input && _this4.$refs.input.focus();
+        return _this5.$refs.input && _this5.$refs.input.focus();
       });
       if (this.openOnClear) this.isMenuActive = true;
     },
     closeConditional: function closeConditional(e) {
       if (!this.isMenuActive) return true;
-      return !this._isDestroyed && ( // Click originates from outside the menu content
+      return !this._isDestroyed && (
+      // Click originates from outside the menu content
       // Multiple selects don't close when an item is clicked
-      !this.getContent() || !this.getContent().contains(e.target)) && // Click originates from outside the element
+      !this.getContent() || !this.getContent().contains(e.target)) &&
+      // Click originates from outside the element
       this.$el && !this.$el.contains(e.target) && e.target !== this.$el;
     },
     filterDuplicates: function filterDuplicates(arr) {
       var uniqueValues = new Map();
-
       for (var index = 0; index < arr.length; ++index) {
-        var item = arr[index]; // Do not deduplicate headers or dividers (#12517)
-
+        var item = arr[index];
+        // Do not return null values if existant (#14421)
+        if (item == null) {
+          continue;
+        }
+        // Do not deduplicate headers or dividers (#12517)
         if (item.header || item.divider) {
           uniqueValues.set(item, item);
           continue;
         }
-
-        var val = this.getValue(item); // TODO: comparator
-
+        var val = this.getValue(item);
+        // TODO: comparator
         !uniqueValues.has(val) && uniqueValues.set(val, item);
       }
-
       return Array.from(uniqueValues.values());
     },
     findExistingIndex: function findExistingIndex(item) {
-      var _this5 = this;
-
+      var _this6 = this;
       var itemValue = this.getValue(item);
       return (this.internalValue || []).findIndex(function (i) {
-        return _this5.valueComparator(_this5.getValue(i), itemValue);
+        return _this6.valueComparator(_this6.getValue(i), itemValue);
       });
     },
     getContent: function getContent() {
       return this.$refs.menu && this.$refs.menu.$refs.content;
     },
     genChipSelection: function genChipSelection(item, index) {
-      var _this6 = this;
-
+      var _this7 = this;
       var isDisabled = this.isDisabled || this.getDisabled(item);
       var isInteractive = !isDisabled && this.isInteractive;
       return this.$createElement(_KChip.default, {
@@ -357,10 +338,10 @@ var _default2 = baseMixins.extend().extend({
           click: function click(e) {
             if (!isInteractive) return;
             e.stopPropagation();
-            _this6.selectedIndex = index;
+            _this7.selectedIndex = index;
           },
           'click:close': function clickClose() {
-            return _this6.onChipInput(item);
+            return _this7.onChipInput(item);
           }
         },
         key: JSON.stringify(this.getValue(item))
@@ -379,16 +360,16 @@ var _default2 = baseMixins.extend().extend({
     },
     genDefaultSlot: function genDefaultSlot() {
       var selections = this.genSelections();
-      var input = this.genInput(); // If the return is an empty array
+      var input = this.genInput();
+      // If the return is an empty array
       // push the input
-
       if (Array.isArray(selections)) {
-        selections.push(input); // Otherwise push it into children
+        selections.push(input);
+        // Otherwise push it into children
       } else {
         selections.children = selections.children || [];
         selections.children.push(input);
       }
-
       return [this.genFieldset(), this.$createElement('div', {
         staticClass: 'k-select__slot',
         directives: this.directives
@@ -396,7 +377,6 @@ var _default2 = baseMixins.extend().extend({
     },
     genIcon: function genIcon(type, cb, extraData) {
       var icon = _KInput.default.options.methods.genIcon.call(this, type, cb, extraData);
-
       if (type === 'append') {
         // Don't allow the dropdown icon to be focused
         icon.children[0].data = (0, _mergeData.default)(icon.children[0].data, {
@@ -407,12 +387,10 @@ var _default2 = baseMixins.extend().extend({
           }
         });
       }
-
       return icon;
     },
     genInput: function genInput() {
       var input = _KTextField2.default.options.methods.genInput.call(this);
-
       delete input.data.attrs.name;
       input.data = (0, _mergeData.default)(input.data, {
         domProps: {
@@ -445,8 +423,7 @@ var _default2 = baseMixins.extend().extend({
     },
     genInputSlot: function genInputSlot() {
       var render = _KTextField2.default.options.methods.genInputSlot.call(this);
-
-      render.data.attrs = _objectSpread(_objectSpread({}, render.data.attrs), {}, {
+      render.data.attrs = _objectSpread({}, render.data.attrs, {
         role: 'button',
         'aria-haspopup': 'listbox',
         'aria-expanded': String(this.isMenuActive),
@@ -463,37 +440,37 @@ var _default2 = baseMixins.extend().extend({
       }
     },
     genListWithSlot: function genListWithSlot() {
-      var _this7 = this;
-
+      var _this8 = this;
       var slots = ['prepend-item', 'no-data', 'append-item'].filter(function (slotName) {
-        return _this7.$slots[slotName];
+        return _this8.$slots[slotName];
       }).map(function (slotName) {
-        return _this7.$createElement('template', {
+        return _this8.$createElement('template', {
           slot: slotName
-        }, _this7.$slots[slotName]);
-      }); // Requires destructuring due to Kdu
+        }, _this8.$slots[slotName]);
+      });
+      // Requires destructuring due to Kdu
       // modifying the `on` property when passed
       // as a referenced object
-
       return this.$createElement(_KSelectList.default, _objectSpread({}, this.listData), slots);
     },
     genMenu: function genMenu() {
-      var _this8 = this;
-
+      var _this9 = this;
       var props = this.$_menuProps;
-      props.activator = this.$refs['input-slot']; // Attach to root el so that
-      // menu covers prepend/append icons
-
-      if ( // TODO: make this a computed property or helper or something
-      this.attach === '' || // If used as a boolean prop (<k-menu attach>)
-      this.attach === true || // If bound to a boolean (<k-menu :attach="true">)
+      props.activator = this.$refs['input-slot'];
+      if ('attach' in props) void 0;else if (
+      // TODO: make this a computed property or helper or something
+      this.attach === '' ||
+      // If used as a boolean prop (<k-menu attach>)
+      this.attach === true ||
+      // If bound to a boolean (<k-menu :attach="true">)
       this.attach === 'attach' // If bound as boolean prop in pug (k-menu(attach))
       ) {
-          props.attach = this.$el;
-        } else {
+        // Attach to root el so that
+        // menu covers prepend/append icons
+        props.attach = this.$el;
+      } else {
         props.attach = this.attach;
       }
-
       return this.$createElement(_KMenu.default, {
         attrs: {
           role: undefined
@@ -501,8 +478,8 @@ var _default2 = baseMixins.extend().extend({
         props: props,
         on: {
           input: function input(val) {
-            _this8.isMenuActive = val;
-            _this8.isFocused = val;
+            _this9.isMenuActive = val;
+            _this9.isFocused = val;
           },
           scroll: this.onScroll
         },
@@ -513,7 +490,6 @@ var _default2 = baseMixins.extend().extend({
       var length = this.selectedItems.length;
       var children = new Array(length);
       var genSelection;
-
       if (this.$scopedSlots.selection) {
         genSelection = this.genSlotSelection;
       } else if (this.hasChips) {
@@ -521,18 +497,15 @@ var _default2 = baseMixins.extend().extend({
       } else {
         genSelection = this.genCommaSelection;
       }
-
       while (length--) {
         children[length] = genSelection(this.selectedItems[length], length, length === children.length - 1);
       }
-
       return this.$createElement('div', {
         staticClass: 'k-select__selections'
       }, children);
     },
     genSlotSelection: function genSlotSelection(item, index) {
-      var _this9 = this;
-
+      var _this0 = this;
       return this.$scopedSlots.selection({
         attrs: {
           class: 'k-chip--select'
@@ -542,7 +515,7 @@ var _default2 = baseMixins.extend().extend({
         index: index,
         select: function select(e) {
           e.stopPropagation();
-          _this9.selectedIndex = index;
+          _this0.selectedIndex = index;
         },
         selected: index === this.selectedIndex,
         disabled: !this.isInteractive
@@ -564,100 +537,88 @@ var _default2 = baseMixins.extend().extend({
       e && this.$emit('blur', e);
     },
     onChipInput: function onChipInput(item) {
-      if (this.multiple) this.selectItem(item);else this.setValue(null); // If all items have been deleted,
+      if (this.multiple) this.selectItem(item);else this.setValue(null);
+      // If all items have been deleted,
       // open `k-menu`
-
       if (this.selectedItems.length === 0) {
         this.isMenuActive = true;
       } else {
         this.isMenuActive = false;
       }
-
       this.selectedIndex = -1;
     },
     onClick: function onClick(e) {
       if (!this.isInteractive) return;
-
       if (!this.isAppendInner(e.target)) {
         this.isMenuActive = true;
       }
-
       if (!this.isFocused) {
         this.isFocused = true;
         this.$emit('focus');
       }
-
       this.$emit('click', e);
     },
     onEscDown: function onEscDown(e) {
       e.preventDefault();
-
       if (this.isMenuActive) {
         e.stopPropagation();
         this.isMenuActive = false;
       }
     },
     onKeyPress: function onKeyPress(e) {
-      var _this10 = this;
-
-      if (this.multiple || !this.isInteractive || this.disableLookup) return;
+      var _this1 = this;
+      if (this.multiple || !this.isInteractive || this.disableLookup || e.key.length > 1 || e.ctrlKey || e.metaKey || e.altKey) return;
       var KEYBOARD_LOOKUP_THRESHOLD = 1000; // milliseconds
-
       var now = performance.now();
-
       if (now - this.keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
         this.keyboardLookupPrefix = '';
       }
-
       this.keyboardLookupPrefix += e.key.toLowerCase();
       this.keyboardLookupLastTime = now;
       var index = this.allItems.findIndex(function (item) {
-        var text = (_this10.getText(item) || '').toString();
-        return text.toLowerCase().startsWith(_this10.keyboardLookupPrefix);
+        var _a;
+        var text = ((_a = _this1.getText(item)) !== null && _a !== void 0 ? _a : '').toString();
+        return text.toLowerCase().startsWith(_this1.keyboardLookupPrefix);
       });
       var item = this.allItems[index];
-
       if (index !== -1) {
         this.lastItem = Math.max(this.lastItem, index + 5);
         this.setValue(this.returnObject ? item : this.getValue(item));
         this.$nextTick(function () {
-          return _this10.$refs.menu.getTiles();
+          return _this1.$refs.menu.getTiles();
         });
         setTimeout(function () {
-          return _this10.setMenuIndex(index);
+          return _this1.setMenuIndex(index);
         });
       }
     },
     onKeyDown: function onKeyDown(e) {
-      var _this11 = this;
-
+      var _this10 = this;
       if (this.isReadonly && e.keyCode !== _helpers.keyCodes.tab) return;
       var keyCode = e.keyCode;
       var menu = this.$refs.menu;
       this.$emit('keydown', e);
-      if (!menu) return; // If menu is active, allow default
+      if (!menu) return;
+      // If menu is active, allow default
       // listIndex change from menu
-
       if (this.isMenuActive && [_helpers.keyCodes.up, _helpers.keyCodes.down, _helpers.keyCodes.home, _helpers.keyCodes.end, _helpers.keyCodes.enter].includes(keyCode)) {
         this.$nextTick(function () {
           menu.changeListIndex(e);
-
-          _this11.$emit('update:list-index', menu.listIndex);
+          _this10.$emit('update:list-index', menu.listIndex);
         });
-      } // If enter, space, open menu
-
-
-      if ([_helpers.keyCodes.enter, _helpers.keyCodes.space].includes(keyCode)) this.activateMenu(); // If menu is not active, up/down/home/end can do
+      }
+      // If enter, space, open menu
+      if ([_helpers.keyCodes.enter, _helpers.keyCodes.space].includes(keyCode)) this.activateMenu();
+      // If menu is not active, up/down/home/end can do
       // one of 2 things. If multiple, opens the
       // menu, if not, will cycle through all
       // available options
-
-      if (!this.isMenuActive && [_helpers.keyCodes.up, _helpers.keyCodes.down, _helpers.keyCodes.home, _helpers.keyCodes.end].includes(keyCode)) return this.onUpDown(e); // If escape deactivate the menu
-
-      if (keyCode === _helpers.keyCodes.esc) return this.onEscDown(e); // If tab - select item or close menu
-
-      if (keyCode === _helpers.keyCodes.tab) return this.onTabDown(e); // If space preventDefault
-
+      if (!this.isMenuActive && [_helpers.keyCodes.up, _helpers.keyCodes.down, _helpers.keyCodes.home, _helpers.keyCodes.end].includes(keyCode)) return this.onUpDown(e);
+      // If escape deactivate the menu
+      if (keyCode === _helpers.keyCodes.esc) return this.onEscDown(e);
+      // If tab - select item or close menu
+      if (keyCode === _helpers.keyCodes.tab) return this.onTabDown(e);
+      // If space preventDefault
       if (keyCode === _helpers.keyCodes.space) return this.onSpaceDown(e);
     },
     onMenuActiveChange: function onMenuActiveChange(val) {
@@ -666,10 +627,9 @@ var _default2 = baseMixins.extend().extend({
       // skip menu index recalculation
       if (this.multiple && !val || this.getMenuIndex() > -1) return;
       var menu = this.$refs.menu;
-      if (!menu || !this.isDirty) return; // When menu opens, set index of first active item
-
+      if (!menu || !this.isDirty) return;
+      // When menu opens, set index of first active item
       this.$refs.menu.getTiles();
-
       for (var i = 0; i < menu.tiles.length; i++) {
         if (menu.tiles[i].getAttribute('aria-selected') === 'true') {
           this.setMenuIndex(i);
@@ -678,8 +638,7 @@ var _default2 = baseMixins.extend().extend({
       }
     },
     onMouseUp: function onMouseUp(e) {
-      var _this12 = this;
-
+      var _this11 = this;
       // eslint-disable-next-line sonarjs/no-collapsible-if
       if (this.hasMouseDown && e.which !== 3 && this.isInteractive) {
         // If append inner is present
@@ -687,24 +646,22 @@ var _default2 = baseMixins.extend().extend({
         // or inside, toggle menu
         if (this.isAppendInner(e.target)) {
           this.$nextTick(function () {
-            return _this12.isMenuActive = !_this12.isMenuActive;
+            return _this11.isMenuActive = !_this11.isMenuActive;
           });
         }
       }
-
       _KTextField2.default.options.methods.onMouseUp.call(this, e);
     },
     onScroll: function onScroll() {
-      var _this13 = this;
-
+      var _this12 = this;
       if (!this.isMenuActive) {
         requestAnimationFrame(function () {
-          return _this13.getContent().scrollTop = 0;
+          var content = _this12.getContent();
+          if (content) content.scrollTop = 0;
         });
       } else {
         if (this.lastItem > this.computedItems.length) return;
         var showMoreItems = this.getContent().scrollHeight - (this.getContent().scrollTop + this.getContent().clientHeight) < 200;
-
         if (showMoreItems) {
           this.lastItem += 20;
         }
@@ -716,9 +673,9 @@ var _default2 = baseMixins.extend().extend({
     onTabDown: function onTabDown(e) {
       var menu = this.$refs.menu;
       if (!menu) return;
-      var activeTile = menu.activeTile; // An item that is selected by
+      var activeTile = menu.activeTile;
+      // An item that is selected by
       // menu-index should toggled
-
       if (!this.multiple && activeTile && this.isMenuActive) {
         e.preventDefault();
         e.stopPropagation();
@@ -731,47 +688,40 @@ var _default2 = baseMixins.extend().extend({
       }
     },
     onUpDown: function onUpDown(e) {
-      var _this14 = this;
-
+      var _this13 = this;
       var menu = this.$refs.menu;
       if (!menu) return;
-      e.preventDefault(); // Multiple selects do not cycle their value
+      e.preventDefault();
+      // Multiple selects do not cycle their value
       // when pressing up or down, instead activate
       // the menu
-
       if (this.multiple) return this.activateMenu();
-      var keyCode = e.keyCode; // Cycle through available values to achieve
+      var keyCode = e.keyCode;
+      // Cycle through available values to achieve
       // select native behavior
-
       menu.isBooted = true;
       window.requestAnimationFrame(function () {
         menu.getTiles();
-        if (!menu.hasClickableTiles) return _this14.activateMenu();
-
+        if (!menu.hasClickableTiles) return _this13.activateMenu();
         switch (keyCode) {
           case _helpers.keyCodes.up:
             menu.prevTile();
             break;
-
           case _helpers.keyCodes.down:
             menu.nextTile();
             break;
-
           case _helpers.keyCodes.home:
             menu.firstTile();
             break;
-
           case _helpers.keyCodes.end:
             menu.lastTile();
             break;
         }
-
-        _this14.selectItem(_this14.allItems[_this14.getMenuIndex()]);
+        _this13.selectItem(_this13.allItems[_this13.getMenuIndex()]);
       });
     },
     selectItem: function selectItem(item) {
-      var _this15 = this;
-
+      var _this14 = this;
       if (!this.multiple) {
         this.setValue(this.returnObject ? item : this.getValue(item));
         this.isMenuActive = false;
@@ -780,27 +730,20 @@ var _default2 = baseMixins.extend().extend({
         var i = this.findExistingIndex(item);
         i !== -1 ? internalValue.splice(i, 1) : internalValue.push(item);
         this.setValue(internalValue.map(function (i) {
-          return _this15.returnObject ? i : _this15.getValue(i);
-        })); // When selecting multiple
-        // adjust menu after each
-        // selection
-
-        this.$nextTick(function () {
-          _this15.$refs.menu && _this15.$refs.menu.updateDimensions();
-        }); // There is no item to re-highlight
+          return _this14.returnObject ? i : _this14.getValue(i);
+        }));
+        // There is no item to re-highlight
         // when selections are hidden
-
         if (this.hideSelected) {
           this.setMenuIndex(-1);
         } else {
-          var index = this.allItems.indexOf(item);
-
+          var index = this.computedItems.indexOf(item);
           if (~index) {
             this.$nextTick(function () {
-              return _this15.$refs.menu.getTiles();
+              return _this14.$refs.menu.getTiles();
             });
             setTimeout(function () {
-              return _this15.setMenuIndex(index);
+              return _this14.setMenuIndex(index);
             });
           }
         }
@@ -810,27 +753,21 @@ var _default2 = baseMixins.extend().extend({
       this.$refs.menu && (this.$refs.menu.listIndex = index);
     },
     setSelectedItems: function setSelectedItems() {
-      var _this16 = this;
-
+      var _this15 = this;
       var selectedItems = [];
       var values = !this.multiple || !Array.isArray(this.internalValue) ? [this.internalValue] : this.internalValue;
-
       var _iterator = _createForOfIteratorHelper(values),
-          _step;
-
+        _step;
       try {
         var _loop = function _loop() {
           var value = _step.value;
-
-          var index = _this16.allItems.findIndex(function (v) {
-            return _this16.valueComparator(_this16.getValue(v), _this16.getValue(value));
+          var index = _this15.allItems.findIndex(function (v) {
+            return _this15.valueComparator(_this15.getValue(v), _this15.getValue(value));
           });
-
           if (index > -1) {
-            selectedItems.push(_this16.allItems[index]);
+            selectedItems.push(_this15.allItems[index]);
           }
         };
-
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           _loop();
         }
@@ -839,7 +776,6 @@ var _default2 = baseMixins.extend().extend({
       } finally {
         _iterator.f();
       }
-
       this.selectedItems = selectedItems;
     },
     setValue: function setValue(value) {
@@ -856,6 +792,4 @@ var _default2 = baseMixins.extend().extend({
     }
   }
 });
-
-exports.default = _default2;
 //# sourceMappingURL=KSelect.js.map