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

package/dist/npm/MultiSelect/MultiSelect.js

@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__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 = undefined && undefined.__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)) {
@@ -25,60 +21,41 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MultiSelectVue2 = exports.MultiSelect = void 0; // @ts-ignore
-
+exports.MultiSelectVue2 = exports.MultiSelect = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
-    roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
-
+  roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
 var ListContainer_1 = require("../common/ListContainer");
-
 var List_1 = require("../common/List");
-
 var TagList_1 = require("./TagList");
-
 var SearchBar_1 = require("../common/SearchBar");
-
 var DropDownBase_1 = require("../common/DropDownBase");
-
 var ClearButton_1 = require("../common/ClearButton");
-
 var settings_1 = require("./../common/settings");
-
 var utils_1 = require("../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 || (0, utils_1.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";
@@ -87,8 +64,6 @@ var FocusedItemType;
 /**
  * @hidden
  */
-
-
 var MultiSelectVue2 = {
   name: 'KendoMultiSelect',
   // @ts-ignore
@@ -291,36 +266,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;
@@ -331,14 +300,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 = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this.anchor);
     this.element = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this.anchor);
@@ -349,7 +317,6 @@ var MultiSelectVue2 = {
   methods: {
     computedValue: function computedValue() {
       var result = [];
-
       if (this.valuesItemsDuringOnChange) {
         result.push.apply(result, this.valuesItemsDuringOnChange);
       } else if (this.$props.value) {
@@ -361,24 +328,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 (0, utils_1.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 (0, utils_1.getItemValue)(v, _this.valueField);
@@ -398,10 +361,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];
@@ -409,7 +372,6 @@ var MultiSelectVue2 = {
         return (0, utils_1.areSame)(i, dataItem, dataItemKey);
       });
       var newItems = [];
-
       if (indexInValue !== -1) {
         // item is already selected
         newItems = value;
@@ -417,21 +379,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);
     },
@@ -439,15 +396,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();
       (0, utils_1.removeDataItems)(selected, itemsToRemove, this.$props.dataItemKey);
       this.triggerOnChange(selected, state);
@@ -455,21 +409,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 === kendo_vue_common_1.Keys.up && customItemFocused) {
         if (this.currentFocusedIndex !== undefined) {
           state.data.currentFocusedIndex = undefined;
@@ -481,27 +432,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;
@@ -512,12 +460,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();
@@ -529,17 +475,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);
     },
@@ -548,53 +490,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 ((0, utils_1.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 === kendo_vue_common_1.Keys.left || keyCode === kendo_vue_common_1.Keys.right || keyCode === kendo_vue_common_1.Keys.home || keyCode === kendo_vue_common_1.Keys.end || keyCode === kendo_vue_common_1.Keys.delete || keyCode === kendo_vue_common_1.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 === kendo_vue_common_1.Keys.up) {
           togglePopup();
@@ -603,7 +532,6 @@ var MultiSelectVue2 = {
           this.onNavigate(state, keyCode);
         } else if (keyCode === kendo_vue_common_1.Keys.enter) {
           event.preventDefault();
-
           if (this.$props.allowCustom && text && focusedItem === null) {
             this.customItemSelect(event);
           } else {
@@ -626,14 +554,12 @@ var MultiSelectVue2 = {
       }) : -1;
       var newFocusedTag = undefined;
       var hasFocused = focusedIndex !== -1;
-
       if (keyCode === kendo_vue_common_1.Keys.left) {
         if (hasFocused) {
           focusedIndex = Math.max(0, focusedIndex - 1);
         } else {
           focusedIndex = tags.length - 1;
         }
-
         newFocusedTag = tags[focusedIndex];
       } else if (keyCode === kendo_vue_common_1.Keys.right) {
         if (focusedIndex === tags.length - 1) {
@@ -654,7 +580,6 @@ var MultiSelectVue2 = {
         }
       } else if (keyCode === kendo_vue_common_1.Keys.backspace) {
         var items = this.computedValue();
-
         if (hasFocused) {
           (0, utils_1.removeDataItems)(items, tags[focusedIndex].data, itemsKey);
           this.triggerOnChange(items, state);
@@ -664,19 +589,16 @@ var MultiSelectVue2 = {
           this.triggerOnChange(items, state);
         }
       }
-
       if (newFocusedTag !== focusedTag) {
         state.data.currentFocusedTag = newFocusedTag;
         state.data.activedescendant = settings_1.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({
@@ -685,12 +607,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);
       }
@@ -703,17 +624,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 ? utils_1.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 ? utils_1.itemIndexStartsWith : _c;
       var skip = virtual && virtual.skip || 0;
       var focusedInd;
-
       if (focusedIndex !== undefined) {
         return {
           focusedIndex: focusedIndex,
@@ -721,9 +641,7 @@ var MultiSelectVue2 = {
           focusedType: FocusedItemType.ListItem
         };
       }
-
       var selected = this.computedValue();
-
       if (allowCustom && text) {
         return {
           focusedItem: null,
@@ -742,7 +660,6 @@ var MultiSelectVue2 = {
         focusedInd = dataItems.findIndex(function (i) {
           return (0, utils_1.areSame)(i, last_1, dataItemKey);
         });
-
         if (dataItems[focusedInd] !== undefined) {
           return {
             focusedIndex: focusedInd + skip,
@@ -750,13 +667,11 @@ var MultiSelectVue2 = {
             focusedType: FocusedItemType.ListItem
           };
         }
-
         return {
           focusedType: FocusedItemType.None,
           focusedIndex: -1
         };
       }
-
       return skip === 0 ? {
         focusedItem: dataItems[0],
         focusedIndex: 0,
@@ -768,27 +683,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);
@@ -796,21 +704,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);
     },
@@ -818,50 +722,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() {
@@ -871,7 +767,6 @@ var MultiSelectVue2 = {
     },
     onPopupClosed: function onPopupClosed() {
       var _this = this;
-
       if (this.currentFocused) {
         setTimeout(function () {
           if (_this.currentFocused) {
@@ -882,7 +777,6 @@ var MultiSelectVue2 = {
     },
     focusElement: function focusElement(element) {
       var _this = this;
-
       this._skipFocusEvent = true;
       element.focus();
       setTimeout(function () {
@@ -909,23 +803,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,
@@ -939,15 +832,12 @@ var MultiSelectVue2 = {
     var id = this.$props.id || this.inputId;
     var tagRender = kendo_vue_common_1.templateRendering.call(this, this.$props.tagRender, kendo_vue_common_1.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({
@@ -958,10 +848,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
@@ -973,30 +861,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 === settings_1.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_1.SearchBar, {
           id: searchId,
           attrs: this.v3 ? undefined : {
@@ -1038,19 +922,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 = kendo_vue_common_1.templateRendering.call(this, this.$props.itemRender, kendo_vue_common_1.getListeners.call(this));
       var listNoDataRender = kendo_vue_common_1.templateRendering.call(this, this.$props.listNoDataRender, kendo_vue_common_1.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_1.List, {
           id: this.base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -1103,24 +986,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 = kendo_vue_common_1.templateRendering.call(this, this.$props.header, kendo_vue_common_1.getListeners.call(this));
       var footerTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.footer, kendo_vue_common_1.getListeners.call(this));
       var header = kendo_vue_common_1.getTemplate.call(this, {
@@ -1152,7 +1031,8 @@ var MultiSelectVue2 = {
           float: 'right'
         }
       })])]);
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(ListContainer_1.ListContainer, {
           ref: 'container',
           onMousedown: preventDefault,
@@ -1198,7 +1078,6 @@ var MultiSelectVue2 = {
         }, [footer]), virtual && header])
       );
     };
-
     var component = h("span", {
       ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
       "class": (0, kendo_vue_common_1.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)),
@@ -1217,7 +1096,8 @@ var MultiSelectVue2 = {
       },
       onClick: this.handleWrapperClick,
       onMousedown: utils_1.preventDefaultNonInputs
-    }, [tagsToRender.length > 0 && // @ts-ignore  function children
+    }, [tagsToRender.length > 0 &&
+    // @ts-ignore  function children
     h(TagList_1.TagList, {
       removeTagIcon: removeTagIcon,
       attrs: this.v3 ? undefined : {
@@ -1267,6 +1147,5 @@ exports.MultiSelectVue2 = MultiSelectVue2;
 /**
  * @hidden
  */
-
 var MultiSelect = MultiSelectVue2;
 exports.MultiSelect = MultiSelect;