@progress/kendo-vue-dropdowns 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442

package/dist/es/MultiSelect/MultiSelect.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -32,7 +27,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { classNames, Keys, guid, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
-    roundedMap = kendoThemeMaps.roundedMap;
+  roundedMap = kendoThemeMaps.roundedMap;
 import { ListContainer } from '../common/ListContainer';
 import { List } from '../common/List';
 import { TagList } from './TagList';
@@ -42,25 +37,19 @@ import { ClearButton } from '../common/ClearButton';
 import { ActiveDescendant } from './../common/settings';
 import { itemIndexStartsWith, getItemValue, areSame, matchDataCollections, removeDataItems, isPresent, preventDefaultNonInputs } from '../common/utils';
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
-
 var preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
-
 var matchTags = function matchTags(tag1, tag2, key) {
   if (!!tag1 !== !!tag2 || tag1.text !== tag2.text) {
     return false;
   }
-
   return tag1 === tag2 || matchDataCollections(tag1.data, tag2.data, key);
 };
-
 var isCustom = function isCustom(type) {
   return type === FocusedItemType.CustomItem;
 };
-
 var FocusedItemType;
-
 (function (FocusedItemType) {
   FocusedItemType[FocusedItemType["None"] = 0] = "None";
   FocusedItemType[FocusedItemType["ListItem"] = 1] = "ListItem";
@@ -69,8 +58,6 @@ var FocusedItemType;
 /**
  * @hidden
  */
-
-
 var MultiSelectVue2 = {
   name: 'KendoMultiSelect',
   // @ts-ignore
@@ -273,36 +260,30 @@ var MultiSelectVue2 = {
     }, this.$props.popupSettings);
     var list = this.$refs.list;
     var scrollElement = this.$refs.scrollElement;
-
     if (list) {
       // @ts-ignore
-      this.base.vs.list = list.list; // @ts-ignore
-
+      this.base.vs.list = list.list;
+      // @ts-ignore
       this.base.list = list.list;
     }
-
     if (scrollElement) {
       this.base.vs.scrollElement = scrollElement;
     }
-
     if (list && this.dataItems.length) {
       // @ts-ignore
       this.base.vs.scrollerRef(list.$el);
     }
-
     if (!popupSettings.animate && closing) {
       this.onPopupClosed();
     }
-
     if (virtual && this.virtualTotalHasChanged) {
       this.base.vs.calcScrollElementHeight();
       this.base.vs.reset();
       this.virtualTotalHasChanged = false;
     } else {
       var _a = this.getFocusedState(),
-          focusedItem = _a.focusedItem,
-          focusedIndex = _a.focusedIndex;
-
+        focusedItem = _a.focusedItem,
+        focusedIndex = _a.focusedIndex;
       if (opening && virtual) {
         this.base.scrollToVirtualItem(virtual, focusedIndex - skip);
         this.prevCurrentOpened = true;
@@ -313,14 +294,13 @@ var MultiSelectVue2 = {
         this.base.scrollToItem(focusedIndex - skip);
       }
     }
-
     this.scrollToFocused = false;
     this.searchBarRef();
     this.setValidity();
   },
   mounted: function mounted() {
-    this.hasMounted = true; // @ts-ignore
-
+    this.hasMounted = true;
+    // @ts-ignore
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
     this.base.wrapper = getRef(this, 'kendoAnchor', this.anchor);
     this.element = getRef(this, 'kendoAnchor', this.anchor);
@@ -331,7 +311,6 @@ var MultiSelectVue2 = {
   methods: {
     computedValue: function computedValue() {
       var result = [];
-
       if (this.valuesItemsDuringOnChange) {
         result.push.apply(result, this.valuesItemsDuringOnChange);
       } else if (this.$props.value) {
@@ -343,24 +322,20 @@ var MultiSelectVue2 = {
       } else if (this.$props.defaultValue) {
         result.push.apply(result, this.$props.defaultValue);
       }
-
       return this.valuePrimitive ? this.findByFieldValue(this.valueField, result) || result : result;
     },
     findByFieldValue: function findByFieldValue(field, result) {
       var _this = this;
-
       var newResult = result.map(function (currentValue) {
         var index = _this.dataItems.findIndex(function (i) {
           return getItemValue(i, field) === currentValue;
         });
-
         return _this.dataItems[index] || currentValue;
       });
       return newResult;
     },
     primitiveValue: function primitiveValue() {
       var _this = this;
-
       var computed = this.computedValue();
       var value = computed.map(function (v) {
         return getItemValue(v, _this.valueField);
@@ -380,10 +355,10 @@ var MultiSelectVue2 = {
     },
     handleItemSelect: function handleItemSelect(index, state) {
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          dataItemKey = _a.dataItemKey,
-          virtual = _a.virtual;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        dataItemKey = _a.dataItemKey,
+        virtual = _a.virtual;
       var value = this.computedValue();
       var skip = virtual ? virtual.skip : 0;
       var dataItem = dataItems[index - skip];
@@ -391,7 +366,6 @@ var MultiSelectVue2 = {
         return areSame(i, dataItem, dataItemKey);
       });
       var newItems = [];
-
       if (indexInValue !== -1) {
         // item is already selected
         newItems = value;
@@ -399,21 +373,16 @@ var MultiSelectVue2 = {
       } else {
         newItems = __spreadArray(__spreadArray([], value, true), [dataItem], false);
       }
-
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
-
       if (text) {
         if (this.currentText) {
           state.data.currentText = '';
         }
-
         this.base.filterChanged('', state);
       }
-
       if (this.currentFocusedIndex !== undefined) {
         state.data.currentFocusedIndex = undefined;
       }
-
       this.triggerOnChange(newItems, state);
       this.base.triggerPageChangeCornerItems(dataItem, state);
     },
@@ -421,15 +390,12 @@ var MultiSelectVue2 = {
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var state = this.base.initState();
       state.event = event;
-
       if (opened) {
         this.base.togglePopup(state);
       }
-
       if (!this.currentFocused) {
         state.data.currentFocused = true;
       }
-
       var selected = this.computedValue();
       removeDataItems(selected, itemsToRemove, this.$props.dataItemKey);
       this.triggerOnChange(selected, state);
@@ -437,21 +403,18 @@ var MultiSelectVue2 = {
     },
     onNavigate: function onNavigate(state, keyCode) {
       var _a = this.$props,
-          allowCustom = _a.allowCustom,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b;
+        allowCustom = _a.allowCustom,
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
-
       var _c = this.getFocusedState(),
-          focusedType = _c.focusedType,
-          focusedIndex = _c.focusedIndex;
-
+        focusedType = _c.focusedType,
+        focusedIndex = _c.focusedIndex;
       var customItem = allowCustom && text;
       var customItemFocused = isCustom(focusedType);
       var base = this.base;
       var vs = base.vs;
-
       if (opened && keyCode === Keys.up && customItemFocused) {
         if (this.currentFocusedIndex !== undefined) {
           state.data.currentFocusedIndex = undefined;
@@ -463,27 +426,24 @@ var MultiSelectVue2 = {
           max: (vs.enabled ? vs.total : dataItems.length) - 1,
           min: customItem ? -1 : 0
         });
-
         if (newFocused !== undefined) {
           this.itemFocus(newFocused, state);
           this.scrollToFocused = true;
         }
       }
-
       this.applyState(state);
     },
     itemFocus: function itemFocus(index, state) {
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          allowCustom = _a.allowCustom,
-          virtual = _a.virtual;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        allowCustom = _a.allowCustom,
+        virtual = _a.virtual;
       var skip = virtual ? virtual.skip : 0;
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
       var focusedIndex = this.getFocusedState().focusedIndex;
       var customItem = allowCustom && text;
       var nextFocusedItem = dataItems[index - skip];
-
       if (nextFocusedItem && focusedIndex !== index) {
         if (this.currentFocusedIndex !== index) {
           state.data.currentFocusedIndex = index;
@@ -494,12 +454,10 @@ var MultiSelectVue2 = {
           state.data.currentFocusedIndex = undefined;
         }
       }
-
       this.base.triggerPageChangeCornerItems(nextFocusedItem, state);
     },
     searchBarRef: function searchBarRef() {
       var _this = this;
-
       if (this.input && this.currentFocused) {
         setTimeout(function () {
           return _this.input.focus();
@@ -511,17 +469,13 @@ var MultiSelectVue2 = {
       var value = event.currentTarget.value;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       state.event = event;
-
       if (this.$props.filter === undefined) {
         state.data.currentText = value;
       }
-
       state.data.currentFocusedIndex = undefined;
-
       if (!opened) {
         this.base.togglePopup(state);
       }
-
       this.base.filterChanged(value, state);
       this.applyState(state);
     },
@@ -530,53 +484,40 @@ var MultiSelectVue2 = {
       var state = this.base.initState();
       state.event = event;
       event.stopPropagation();
-
       if (this.computedValue().length > 0) {
         this.triggerOnChange([], state);
       }
-
       if (this.currentFocusedIndex !== undefined) {
         state.data.currentFocusedIndex = undefined;
       }
-
       if (opened) {
         this.base.togglePopup(state);
       }
-
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
-
       if (isPresent(text) && text !== '') {
         this.base.filterChanged('', state);
       }
-
       if (this.currentText) {
         state.data.currentText = '';
       }
-
       this.applyState(state);
     },
     onInputKeyDown: function onInputKeyDown(event) {
       var _this = this;
-
       var keyCode = event.keyCode;
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var focusedItem = this.getFocusedState().focusedItem;
       var state = this.base.initState();
       state.event = event;
-
       if (!text && this.computedValue().length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {
         return this.onTagsNavigate(event, state);
       }
-
       var togglePopup = function togglePopup() {
         event.preventDefault();
-
         _this.base.togglePopup(state);
-
         _this.applyState(state);
       };
-
       if (opened) {
         if (event.altKey && keyCode === Keys.up) {
           togglePopup();
@@ -585,7 +526,6 @@ var MultiSelectVue2 = {
           this.onNavigate(state, keyCode);
         } else if (keyCode === Keys.enter) {
           event.preventDefault();
-
           if (this.$props.allowCustom && text && focusedItem === null) {
             this.customItemSelect(event);
           } else {
@@ -608,14 +548,12 @@ var MultiSelectVue2 = {
       }) : -1;
       var newFocusedTag = undefined;
       var hasFocused = focusedIndex !== -1;
-
       if (keyCode === Keys.left) {
         if (hasFocused) {
           focusedIndex = Math.max(0, focusedIndex - 1);
         } else {
           focusedIndex = tags.length - 1;
         }
-
         newFocusedTag = tags[focusedIndex];
       } else if (keyCode === Keys.right) {
         if (focusedIndex === tags.length - 1) {
@@ -636,7 +574,6 @@ var MultiSelectVue2 = {
         }
       } else if (keyCode === Keys.backspace) {
         var items = this.computedValue();
-
         if (hasFocused) {
           removeDataItems(items, tags[focusedIndex].data, itemsKey);
           this.triggerOnChange(items, state);
@@ -646,19 +583,16 @@ var MultiSelectVue2 = {
           this.triggerOnChange(items, state);
         }
       }
-
       if (newFocusedTag !== focusedTag) {
         state.data.currentFocusedTag = newFocusedTag;
         state.data.activedescendant = ActiveDescendant.TagsList;
       }
-
       this.applyState(state);
     },
     triggerOnChange: function triggerOnChange(items, state) {
       if (this.$props.value === undefined) {
         state.data.currentValue = __spreadArray([], items, true);
       }
-
       this.valuesItemsDuringOnChange = [];
       this.setItems(items, this.valuesItemsDuringOnChange);
       state.events.push({
@@ -667,12 +601,11 @@ var MultiSelectVue2 = {
     },
     selectFocusedItem: function selectFocusedItem(event) {
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          virtual = _a.virtual;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        virtual = _a.virtual;
       var focusedIndex = this.getFocusedState().focusedIndex;
       var skip = virtual ? virtual.skip : 0;
-
       if (dataItems[focusedIndex - skip] !== undefined) {
         this.handleItemClick(focusedIndex, event);
       }
@@ -685,17 +618,16 @@ var MultiSelectVue2 = {
       var focusedIndex = this.currentFocusedIndex;
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
       var _a = this.$props,
-          allowCustom = _a.allowCustom,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          dataItemKey = _a.dataItemKey,
-          virtual = _a.virtual,
-          textField = _a.textField,
-          _c = _a.focusedItemIndex,
-          focusedItemIndex = _c === void 0 ? itemIndexStartsWith : _c;
+        allowCustom = _a.allowCustom,
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        dataItemKey = _a.dataItemKey,
+        virtual = _a.virtual,
+        textField = _a.textField,
+        _c = _a.focusedItemIndex,
+        focusedItemIndex = _c === void 0 ? itemIndexStartsWith : _c;
       var skip = virtual && virtual.skip || 0;
       var focusedInd;
-
       if (focusedIndex !== undefined) {
         return {
           focusedIndex: focusedIndex,
@@ -703,9 +635,7 @@ var MultiSelectVue2 = {
           focusedType: FocusedItemType.ListItem
         };
       }
-
       var selected = this.computedValue();
-
       if (allowCustom && text) {
         return {
           focusedItem: null,
@@ -724,7 +654,6 @@ var MultiSelectVue2 = {
         focusedInd = dataItems.findIndex(function (i) {
           return areSame(i, last_1, dataItemKey);
         });
-
         if (dataItems[focusedInd] !== undefined) {
           return {
             focusedIndex: focusedInd + skip,
@@ -732,13 +661,11 @@ var MultiSelectVue2 = {
             focusedType: FocusedItemType.ListItem
           };
         }
-
         return {
           focusedType: FocusedItemType.None,
           focusedIndex: -1
         };
       }
-
       return skip === 0 ? {
         focusedItem: dataItems[0],
         focusedIndex: 0,
@@ -750,27 +677,20 @@ var MultiSelectVue2 = {
     },
     customItemSelect: function customItemSelect(event) {
       var _a;
-
       var itemText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
       var textField = this.$props.textField;
-
       if (!itemText) {
         return;
       }
-
       var state = this.base.initState();
       state.event = event;
       var item = textField ? (_a = {}, _a[textField] = itemText, _a) : itemText;
-
       if (this.currentText !== undefined) {
         state.data.currentText = '';
       }
-
       state.data.currentFocusedIndex = undefined;
       this.base.filterChanged('', state);
-
       var newItems = __spreadArray(__spreadArray([], this.computedValue(), true), [item], false);
-
       this.triggerOnChange(newItems, state);
       this.base.togglePopup(state);
       this.applyState(state);
@@ -778,21 +698,17 @@ var MultiSelectVue2 = {
     handleWrapperClick: function handleWrapperClick(event) {
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var input = this.input;
-
       if (!opened && input) {
         this.focusElement(input);
       }
-
       var state = this.base.initState();
       state.event = event;
-
       if (!this.currentFocused) {
         state.events.push({
           type: 'focus'
         });
         state.data.currentFocused = true;
       }
-
       this.base.togglePopup(state);
       this.applyState(state);
     },
@@ -800,50 +716,42 @@ var MultiSelectVue2 = {
       var state = this.base.initState();
       state.event = event;
       this.handleItemSelect(index, state);
-
       if (this.$props.autoClose) {
         this.base.togglePopup(state);
       }
-
       this.applyState(state);
     },
     handleBlur: function handleBlur(event) {
       if (!this.currentFocused || this._skipFocusEvent) {
         return;
       }
-
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var state = this.base.initState();
       var _a = this.$props,
-          allowCustom = _a.allowCustom,
-          filterable = _a.filterable;
+        allowCustom = _a.allowCustom,
+        filterable = _a.filterable;
       state.event = event;
       state.data.currentFocused = false;
       state.events.push({
         type: 'blur'
       });
-
       if (opened) {
         if (this.currentOpened) {
           state.data.currentOpened = false;
         }
-
         state.events.push({
           type: 'close'
         });
       }
-
       if (!allowCustom && !filterable && this.currentText) {
         state.data.currentText = '';
       }
-
       this.applyState(state);
     },
     handleFocus: function handleFocus(event) {
       if (this._skipFocusEvent) {
         return;
       }
-
       this.base.handleFocus(event);
     },
     onPopupOpened: function onPopupOpened() {
@@ -853,7 +761,6 @@ var MultiSelectVue2 = {
     },
     onPopupClosed: function onPopupClosed() {
       var _this = this;
-
       if (this.currentFocused) {
         setTimeout(function () {
           if (_this.currentFocused) {
@@ -864,7 +771,6 @@ var MultiSelectVue2 = {
     },
     focusElement: function focusElement(element) {
       var _this = this;
-
       this._skipFocusEvent = true;
       element.focus();
       setTimeout(function () {
@@ -891,23 +797,22 @@ var MultiSelectVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        style = _b.style,
-        label = _b.label,
-        dir = _b.dir,
-        disabled = _b.disabled,
-        tags = _b.tags,
-        textField = _b.textField,
-        dataItemKey = _b.dataItemKey,
-        virtual = _b.virtual,
-        loading = _b.loading,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded,
-        tagsRounded = _b.tagsRounded,
-        removeTagIcon = _b.removeTagIcon;
+      style = _b.style,
+      label = _b.label,
+      dir = _b.dir,
+      disabled = _b.disabled,
+      tags = _b.tags,
+      textField = _b.textField,
+      dataItemKey = _b.dataItemKey,
+      virtual = _b.virtual,
+      loading = _b.loading,
+      size = _b.size,
+      fillMode = _b.fillMode,
+      rounded = _b.rounded,
+      tagsRounded = _b.tagsRounded,
+      removeTagIcon = _b.removeTagIcon;
     var focused = this.currentFocused;
     var popupSettings = Object.assign({}, {
       animate: true,
@@ -921,15 +826,12 @@ var MultiSelectVue2 = {
     var id = this.$props.id || this.inputId;
     var tagRender = templateRendering.call(this, this.$props.tagRender, getListeners.call(this));
     vs.enabled = virtual !== undefined;
-
     if (virtual !== undefined) {
       vs.skip = virtual.skip;
       vs.total = virtual.total;
       vs.pageSize = virtual.pageSize;
     }
-
     var tagsToRender = [];
-
     if (tags === undefined) {
       this.computedValue().forEach(function (item) {
         tagsToRender.push({
@@ -940,10 +842,8 @@ var MultiSelectVue2 = {
     } else {
       tagsToRender.push.apply(tagsToRender, tags);
     }
-
     this.setItems(tagsToRender, this._tags);
     var isValid = !this.$props.validityStyles || this.validity().valid;
-
     var renderClearButton = function renderClearButton(cbutton) {
       if (cbutton) {
         // @ts-ignore  function children
@@ -955,30 +855,26 @@ var MultiSelectVue2 = {
           key: "clearbutton"
         });
       }
-
       return h("span");
     };
-
     var renderLoading = function renderLoading(cloading) {
       if (cloading) {
         return h("span", {
           "class": "k-icon k-input-loading-icon k-i-loading"
         });
       }
-
       return h("span");
     };
-
     var renderSearchBar = function renderSearchBar(searchId) {
       var _this = this;
-
       var activedescendant = this.activedescendant;
       var placeholder = this.$props.placeholder;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var focusedIndex = this.getFocusedState().focusedIndex;
       var placeholderToShow = value.length === 0 && !searchText ? placeholder : undefined;
       var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? "tag-".concat(this.base.guid, "-").concat(focusedTag.text.replace(/\s+/g, '-')) : "option-".concat(this.base.guid, "-").concat(focusedIndex);
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(SearchBar, {
           id: searchId,
           attrs: this.v3 ? undefined : {
@@ -1020,19 +916,18 @@ var MultiSelectVue2 = {
         })
       );
     };
-
     var renderList = function renderList() {
       var _this2 = this;
-
       var _a = this.$props.dataItems,
-          dataItems = _a === void 0 ? [] : _a;
+        dataItems = _a === void 0 ? [] : _a;
       var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
       var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));
       var skip = virtual ? virtual.skip : 0;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var focusedIndex = this.getFocusedState().focusedIndex;
       var translate = "translateY(".concat(vs.translate, "px)");
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(List, {
           id: this.base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -1085,24 +980,20 @@ var MultiSelectVue2 = {
         } : [renderScrollElement.call(_this2)])
       );
     };
-
     var renderScrollElement = function renderScrollElement() {
       return vs.enabled && h("div", {
         ref: 'scrollElement',
         key: 'scrollElementKey'
       });
     };
-
     var renderListContainer = function renderListContainer() {
       var _this3 = this;
-
       var _a;
-
       var base = this.base;
       var _b = this.$props,
-          allowCustom = _b.allowCustom,
-          _c = _b.dataItems,
-          dataItems = _c === void 0 ? [] : _c;
+        allowCustom = _b.allowCustom,
+        _c = _b.dataItems,
+        dataItems = _c === void 0 ? [] : _c;
       var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));
       var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));
       var header = getTemplate.call(this, {
@@ -1134,7 +1025,8 @@ var MultiSelectVue2 = {
           float: 'right'
         }
       })])]);
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(ListContainer, {
           ref: 'container',
           onMousedown: preventDefault,
@@ -1180,7 +1072,6 @@ var MultiSelectVue2 = {
         }, [footer]), virtual && header])
       );
     };
-
     var component = h("span", {
       ref: setRef(this, 'kendoAnchor', this.anchor),
       "class": classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-focus'] = focused && !disabled, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
@@ -1199,7 +1090,8 @@ var MultiSelectVue2 = {
       },
       onClick: this.handleWrapperClick,
       onMousedown: preventDefaultNonInputs
-    }, [tagsToRender.length > 0 && // @ts-ignore  function children
+    }, [tagsToRender.length > 0 &&
+    // @ts-ignore  function children
     h(TagList, {
       removeTagIcon: removeTagIcon,
       attrs: this.v3 ? undefined : {
@@ -1248,6 +1140,5 @@ var MultiSelectVue2 = {
 /**
  * @hidden
  */
-
 var MultiSelect = MultiSelectVue2;
 export { MultiSelect, MultiSelectVue2 };