@progress/kendo-vue-dropdowns 3.5.0-dev.202208020811 → 3.5.1-dev.202208110751

package/dist/npm/DropDownList/DropDownList.js

@@ -222,8 +222,8 @@ var DropDownListVue2 = {
     this.currentFocused = undefined;
     this.currentOpened = undefined;
     this.base = new DropDownBase_1.default(this);
-    this.anchor = kendo_vue_common_1.guid();
-    this.inputId = kendo_vue_common_1.guid();
+    this.anchor = (0, kendo_vue_common_1.guid)();
+    this.inputId = (0, kendo_vue_common_1.guid)();
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -240,8 +240,8 @@ var DropDownListVue2 = {
   },
   mounted: function mounted() {
     this.hasMounted = true;
-    this.select = kendo_vue_common_1.getRef(this, 'select');
-    this.base.wrapper = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
+    this.select = (0, kendo_vue_common_1.getRef)(this, 'select');
+    this.base.wrapper = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this.anchor);
     this.base.didMount();
     this.setValidity();
   },
@@ -297,9 +297,9 @@ var DropDownListVue2 = {
       var selectedItem_1 = this.computedValue();
       var prevSelectedItem = this.prevCurrentValue;
       var selectedItemIndex = dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, selectedItem_1, dataItemKey);
+        return (0, utils_1.areSame)(i, selectedItem_1, dataItemKey);
       });
-      var selectedItemChanged = !utils_1.areSame(prevSelectedItem, selectedItem_1, dataItemKey);
+      var selectedItemChanged = !(0, utils_1.areSame)(prevSelectedItem, selectedItem_1, dataItemKey);
 
       if (opening && virtual) {
         this.base.scrollToVirtualItem(virtual, selectedItemIndex);
@@ -332,7 +332,7 @@ var DropDownListVue2 = {
         var value = this.computedValue(); // TO DO: deprecate it!
 
         return dataItems.findIndex(function (i) {
-          return utils_1.areSame(i, value, dataItemKey);
+          return (0, utils_1.areSame)(i, value, dataItemKey);
         });
       }
     },
@@ -370,7 +370,7 @@ var DropDownListVue2 = {
         value = this.$props.defaultValue;
       }
 
-      if (!utils_1.isPresent(value) && this.$props.defaultItem !== undefined) {
+      if (!(0, utils_1.isPresent)(value) && this.$props.defaultItem !== undefined) {
         value = this.$props.defaultItem;
       }
 
@@ -378,13 +378,13 @@ var DropDownListVue2 = {
     },
     findByFieldValue: function findByFieldValue(field, value) {
       var index = this.dataItems.findIndex(function (i) {
-        return utils_1.getItemValue(i, field) === value;
+        return (0, utils_1.getItemValue)(i, field) === value;
       });
       return this.dataItems[index];
     },
     primitiveValue: function primitiveValue() {
       var value = this.computedValue();
-      return this.valuePrimitive ? utils_1.getItemValue(value, this.valueField) : value;
+      return this.valuePrimitive ? (0, utils_1.getItemValue)(value, this.valueField) : value;
     },
     validity: function validity() {
       var customError = this.$props.validationMessage !== undefined;
@@ -405,7 +405,7 @@ var DropDownListVue2 = {
           defaultItem = _a.defaultItem;
       var skip = virtual ? virtual.skip : 0;
       var item = index === -1 && defaultItem !== undefined ? defaultItem : dataItems[index - skip];
-      var newSelected = !utils_1.areSame(item, this.computedValue(), dataItemKey);
+      var newSelected = !(0, utils_1.areSame)(item, this.computedValue(), dataItemKey);
       this.triggerOnChange(item, state);
 
       if (newSelected) {
@@ -427,7 +427,7 @@ var DropDownListVue2 = {
       var vs = this.base.vs;
       var value = this.computedValue();
       var index = dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, value, dataItemKey);
+        return (0, utils_1.areSame)(i, value, dataItemKey);
       });
       var newIndex = this.base.navigation.navigate({
         current: virtual.skip + index,
@@ -469,10 +469,10 @@ var DropDownListVue2 = {
       });
       var word = this.searchState.word;
       var last = this.searchState.last;
-      var isInLoop = utils_1.sameCharsOnly(word, last);
+      var isInLoop = (0, utils_1.sameCharsOnly)(word, last);
       var dataLength = mappedData.length;
       var startIndex = Math.max(0, dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, _this.computedValue(), dataItemKey);
+        return (0, utils_1.areSame)(i, _this.computedValue(), dataItemKey);
       }));
       var defaultItem;
 
@@ -486,7 +486,7 @@ var DropDownListVue2 = {
       }
 
       startIndex += isInLoop ? 1 : 0;
-      mappedData = utils_1.shuffleData(mappedData, startIndex, defaultItem);
+      mappedData = (0, utils_1.shuffleData)(mappedData, startIndex, defaultItem);
       var text,
           loopMatch,
           nextMatch,
@@ -496,9 +496,9 @@ var DropDownListVue2 = {
           ignoreCase = _c.ignoreCase;
 
       for (; index < dataLength; index++) {
-        text = utils_1.getItemValue(mappedData[index].item, textField);
-        loopMatch = isInLoop && utils_1.matchText(text, last, ignoreCase);
-        nextMatch = utils_1.matchText(text, word, ignoreCase);
+        text = (0, utils_1.getItemValue)(mappedData[index].item, textField);
+        loopMatch = isInLoop && (0, utils_1.matchText)(text, last, ignoreCase);
+        nextMatch = (0, utils_1.matchText)(text, word, ignoreCase);
 
         if (loopMatch || nextMatch) {
           index = mappedData[index].itemIndex;
@@ -674,7 +674,7 @@ var DropDownListVue2 = {
       }
     },
     focusedIndex: function focusedIndex() {
-      var filterText = utils_1.isPresent(this.$props.filter) ? this.$props.filter : this.currentText;
+      var filterText = (0, utils_1.isPresent)(this.$props.filter) ? this.$props.filter : this.currentText;
       var _a = this.$props,
           _b = _a.dataItems,
           dataItems = _b === void 0 ? [] : _b,
@@ -687,12 +687,12 @@ var DropDownListVue2 = {
           focusedItemIndex = _a.focusedItemIndex;
       var value = this.computedValue();
       var selectedIndex = dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, value, dataItemKey);
+        return (0, utils_1.areSame)(i, value, dataItemKey);
       });
       var hasSelected = !(selectedIndex < 0 && !this.$props.defaultItem);
 
       if (!hasSelected && filterText && virtual.skip === 0) {
-        return focusedItemIndex ? focusedItemIndex(dataItems, filterText, textField) : dataItems.indexOf(utils_1.getFocusedItem(dataItems, filterText, textField));
+        return focusedItemIndex ? focusedItemIndex(dataItems, filterText, textField) : dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, filterText, textField));
       } else {
         return !hasSelected && virtual.skip === 0 ? 0 : undefined;
       }
@@ -712,7 +712,7 @@ var DropDownListVue2 = {
       }
     },
     triggerOnChange: function triggerOnChange(item, state) {
-      if (utils_1.areSame(this.computedValue(), item, this.$props.dataItemKey)) {
+      if ((0, utils_1.areSame)(this.computedValue(), item, this.$props.dataItemKey)) {
         return;
       }
 
@@ -747,7 +747,7 @@ var DropDownListVue2 = {
         rounded = _b.rounded,
         fillMode = _b.fillMode;
     var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-    var text = utils_1.getItemValue(this.computedValue(), this.$props.textField);
+    var text = (0, utils_1.getItemValue)(this.computedValue(), this.$props.textField);
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var base = this.base;
     var vs = base.vs;
@@ -769,7 +769,7 @@ var DropDownListVue2 = {
     var focused = this.currentFocused;
     var value = this.primitiveValue();
     var selectedIndex = dataItems.findIndex(function (i) {
-      return utils_1.areSame(i, value, dataItemKey);
+      return (0, utils_1.areSame)(i, value, dataItemKey);
     });
     var valueDefaultRendering = h("span", {
       "class": "k-input-inner"
@@ -797,7 +797,7 @@ var DropDownListVue2 = {
           title: this.$props.label
         },
         id: id,
-        ref: kendo_vue_common_1.setRef(this, 'select'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'select'),
         tabindex: -1,
         "aria-hidden": true,
         title: this.$props.label,
@@ -827,10 +827,10 @@ var DropDownListVue2 = {
         attrs: this.v3 ? undefined : {
           defaultItem: defaultItem,
           textField: textField,
-          selected: utils_1.areSame(this.computedValue(), defaultItem, dataItemKey)
+          selected: (0, utils_1.areSame)(this.computedValue(), defaultItem, dataItemKey)
         },
         textField: textField,
-        selected: utils_1.areSame(this.computedValue(), defaultItem, dataItemKey),
+        selected: (0, utils_1.areSame)(this.computedValue(), defaultItem, dataItemKey),
         key: "defaultitemkey",
         onDefaultitemclick: this.handleDefaultItemClick,
         on: this.v3 ? undefined : {
@@ -846,7 +846,7 @@ var DropDownListVue2 = {
       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.skip;
-      var translate = "translateY(" + vs.translate + "px)";
+      var translate = "translateY(".concat(vs.translate, "px)");
       return (// @ts-ignore  function children
         h(List_1.List, {
           id: this.base.listBoxId,
@@ -963,7 +963,7 @@ var DropDownListVue2 = {
             width: popupWidth // @ts-ignore
             ,
             popupSettings: {
-              popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
+              popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
               className: popupSettings.className,
               animate: popupSettings.animate,
               anchor: this.anchor,
@@ -972,7 +972,7 @@ var DropDownListVue2 = {
           },
           width: popupWidth,
           popupSettings: {
-            popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
+            popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
             className: popupSettings.className,
             animate: popupSettings.animate,
             anchor: this.anchor,
@@ -1004,15 +1004,15 @@ var DropDownListVue2 = {
     }
 
     var dropdownlist = h("span", {
-      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
-      "class": kendo_vue_common_1.classNames('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-picker-" + fillMode] = fillMode, _a['k-focus'] = focused, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
+      "class": (0, kendo_vue_common_1.classNames)('k-dropdownlist k-picker', className, (_a = {}, _a["k-picker-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-picker-".concat(fillMode)] = fillMode, _a['k-focus'] = focused, _a['k-disabled'] = disabled, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),
       dir: dir,
       attrs: this.v3 ? undefined : {
         dir: dir,
-        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
         accesskey: this.$props.accessKey,
         role: 'listbox',
         "aria-disabled": disabled || undefined,
@@ -1037,7 +1037,7 @@ var DropDownListVue2 = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
-      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
       accesskey: this.$props.accessKey,
       onKeydown: this.handleKeyDown,
       onKeypress: this.handleKeyPress,
@@ -1065,22 +1065,14 @@ var DropDownListVue2 = {
         size: size,
         fillMode: fillMode,
         rounded: null,
-        iconClass: kendo_vue_common_1.classNames('k-icon k-i-arrow-s', iconClassName)
+        iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-arrow-s', iconClassName)
       },
       tabIndex: -1,
       size: size,
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      iconClass: kendo_vue_common_1.classNames('k-icon k-i-arrow-s', iconClassName),
-      onMousedown: function onMousedown(e) {
-        return e.preventDefault();
-      },
-      on: this.v3 ? undefined : {
-        "mousedown": function onMousedown(e) {
-          return e.preventDefault();
-        }
-      }
+      iconClass: (0, kendo_vue_common_1.classNames)('k-icon k-i-arrow-s', iconClassName)
     }), dummySelect.call(this, value), renderListContainer.call(this)]);
     return label ? h("span", {
       "class": this.spanClassNames,

package/dist/npm/MultiSelect/MultiSelect.js

@@ -16,18 +16,14 @@ var __assign = undefined && undefined.__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var __spreadArrays = undefined && undefined.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+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)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 Object.defineProperty(exports, "__esModule", {
@@ -74,7 +70,7 @@ var matchTags = function matchTags(tag1, tag2, key) {
     return false;
   }
 
-  return tag1 === tag2 || utils_1.matchDataCollections(tag1.data, tag2.data, key);
+  return tag1 === tag2 || (0, utils_1.matchDataCollections)(tag1.data, tag2.data, key);
 };
 
 var isCustom = function isCustom(type) {
@@ -230,7 +226,7 @@ var MultiSelectVue2 = {
     spanClassNames: {
       get: function get() {
         var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
-        var editorValue = this.currentText || utils_1.getItemValue(this.computedValue()[0], this.$props.textField);
+        var editorValue = this.currentText || (0, utils_1.getItemValue)(this.computedValue()[0], this.$props.textField);
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
@@ -247,8 +243,8 @@ var MultiSelectVue2 = {
     this._skipFocusEvent = false;
     this.scrollToFocused = false;
     this.base = new DropDownBase_1.default(this);
-    this.anchor = kendo_vue_common_1.guid();
-    this.inputId = kendo_vue_common_1.guid();
+    this.anchor = (0, kendo_vue_common_1.guid)();
+    this.inputId = (0, kendo_vue_common_1.guid)();
   },
   data: function data() {
     return {
@@ -342,8 +338,8 @@ var MultiSelectVue2 = {
     this.hasMounted = true; // @ts-ignore
 
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
-    this.base.wrapper = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
-    this.element = kendo_vue_common_1.getRef(this, 'kendoAnchor', this.anchor);
+    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);
     this.base.didMount();
     this.searchBarRef();
     this.setValidity();
@@ -371,7 +367,7 @@ var MultiSelectVue2 = {
 
       var newResult = result.map(function (currentValue) {
         var index = _this.dataItems.findIndex(function (i) {
-          return utils_1.getItemValue(i, field) === currentValue;
+          return (0, utils_1.getItemValue)(i, field) === currentValue;
         });
 
         return _this.dataItems[index] || currentValue;
@@ -383,7 +379,7 @@ var MultiSelectVue2 = {
 
       var computed = this.computedValue();
       var value = computed.map(function (v) {
-        return utils_1.getItemValue(v, _this.valueField);
+        return (0, utils_1.getItemValue)(v, _this.valueField);
       });
       return this.valuePrimitive ? value : computed;
     },
@@ -408,7 +404,7 @@ var MultiSelectVue2 = {
       var skip = virtual ? virtual.skip : 0;
       var dataItem = dataItems[index - skip];
       var indexInValue = value.findIndex(function (i) {
-        return utils_1.areSame(i, dataItem, dataItemKey);
+        return (0, utils_1.areSame)(i, dataItem, dataItemKey);
       });
       var newItems = [];
 
@@ -417,7 +413,7 @@ var MultiSelectVue2 = {
         newItems = value;
         newItems.splice(indexInValue, 1);
       } else {
-        newItems = __spreadArrays(value, [dataItem]);
+        newItems = __spreadArray(__spreadArray([], value, true), [dataItem], false);
       }
 
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
@@ -451,7 +447,7 @@ var MultiSelectVue2 = {
       }
 
       var selected = this.computedValue();
-      utils_1.removeDataItems(selected, itemsToRemove, this.$props.dataItemKey);
+      (0, utils_1.removeDataItems)(selected, itemsToRemove, this.$props.dataItemKey);
       this.triggerOnChange(selected, state);
       this.applyState(state);
     },
@@ -565,7 +561,7 @@ var MultiSelectVue2 = {
 
       var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
 
-      if (utils_1.isPresent(text) && text !== '') {
+      if ((0, utils_1.isPresent)(text) && text !== '') {
         this.base.filterChanged('', state);
       }
 
@@ -651,18 +647,18 @@ var MultiSelectVue2 = {
       } else if (keyCode === kendo_vue_common_1.Keys.delete) {
         if (hasFocused) {
           var items = this.computedValue();
-          utils_1.removeDataItems(items, tags[focusedIndex].data, itemsKey);
+          (0, utils_1.removeDataItems)(items, tags[focusedIndex].data, itemsKey);
           this.triggerOnChange(items, state);
         }
       } else if (keyCode === kendo_vue_common_1.Keys.backspace) {
         var items = this.computedValue();
 
         if (hasFocused) {
-          utils_1.removeDataItems(items, tags[focusedIndex].data, itemsKey);
+          (0, utils_1.removeDataItems)(items, tags[focusedIndex].data, itemsKey);
           this.triggerOnChange(items, state);
         } else if (!hasFocused && tags.length) {
           var removed = tags.pop();
-          utils_1.removeDataItems(items, removed.data, itemsKey);
+          (0, utils_1.removeDataItems)(items, removed.data, itemsKey);
           this.triggerOnChange(items, state);
         }
       }
@@ -676,7 +672,7 @@ var MultiSelectVue2 = {
     },
     triggerOnChange: function triggerOnChange(items, state) {
       if (this.$props.value === undefined) {
-        state.data.currentValue = __spreadArrays(items);
+        state.data.currentValue = __spreadArray([], items, true);
       }
 
       this.valuesItemsDuringOnChange = [];
@@ -742,7 +738,7 @@ var MultiSelectVue2 = {
       } else if (selected.length) {
         var last_1 = selected[selected.length - 1];
         focusedInd = dataItems.findIndex(function (i) {
-          return utils_1.areSame(i, last_1, dataItemKey);
+          return (0, utils_1.areSame)(i, last_1, dataItemKey);
         });
 
         if (dataItems[focusedInd] !== undefined) {
@@ -789,7 +785,7 @@ var MultiSelectVue2 = {
       state.data.currentFocusedIndex = undefined;
       this.base.filterChanged('', state);
 
-      var newItems = __spreadArrays(this.computedValue(), [item]);
+      var newItems = __spreadArray(__spreadArray([], this.computedValue(), true), [item], false);
 
       this.triggerOnChange(newItems, state);
       this.base.togglePopup(state);
@@ -949,7 +945,7 @@ var MultiSelectVue2 = {
     if (tags === undefined) {
       this.computedValue().forEach(function (item) {
         tagsToRender.push({
-          text: utils_1.getItemValue(item, textField),
+          text: (0, utils_1.getItemValue)(item, textField),
           data: [item]
         });
       });
@@ -993,7 +989,7 @@ var MultiSelectVue2 = {
       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-" + this.base.guid + "-" + focusedTag.text.replace(/\s+/g, '-') : "option-" + this.base.guid + "-" + focusedIndex;
+      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
         h(SearchBar_1.SearchBar, {
           id: searchId,
@@ -1008,7 +1004,7 @@ var MultiSelectVue2 = {
             expanded: opened,
             owns: this.base.listBoxId,
             activedescendant: ariaActivedescendant,
-            "aria-describedBy": "tagslist-" + this.base.guid + " " + (this.$props.ariaDescribedBy || ''),
+            "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
             "aria-labelledBy": this.$props.ariaLabelledBy
           },
           size: Math.max((placeholderToShow || '').length, searchText.length, 1),
@@ -1031,7 +1027,7 @@ var MultiSelectVue2 = {
           expanded: opened,
           owns: this.base.listBoxId,
           activedescendant: ariaActivedescendant,
-          "aria-describedBy": "tagslist-" + this.base.guid + " " + (this.$props.ariaDescribedBy || ''),
+          "aria-describedBy": "tagslist-".concat(this.base.guid, " ").concat(this.$props.ariaDescribedBy || ''),
           "aria-labelledBy": this.$props.ariaLabelledBy
         })
       );
@@ -1047,7 +1043,7 @@ var MultiSelectVue2 = {
       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(" + vs.translate + "px)";
+      var translate = "translateY(".concat(vs.translate, "px)");
       return (// @ts-ignore  function children
         h(List_1.List, {
           id: this.base.listBoxId,
@@ -1141,7 +1137,7 @@ var MultiSelectVue2 = {
           "click": this.customItemSelect
         }
       }, [h("div", {
-        "class": kendo_vue_common_1.classNames('k-item k-custom-item', {
+        "class": (0, kendo_vue_common_1.classNames)('k-item k-custom-item', {
           'k-focus': isCustom(focusedType)
         })
       }, [currentText, h("span", {
@@ -1168,7 +1164,7 @@ var MultiSelectVue2 = {
               show: opened,
               onOpen: this.onPopupOpened,
               onClose: this.onPopupClosed,
-              popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
+              popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
               className: popupSettings.className,
               appendTo: popupSettings.appendTo
             },
@@ -1182,7 +1178,7 @@ var MultiSelectVue2 = {
             show: opened,
             onOpen: this.onPopupOpened,
             onClose: this.onPopupClosed,
-            popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
+            popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a['k-virtual-list'] = this.base.vs.enabled, _a)),
             className: popupSettings.className,
             appendTo: popupSettings.appendTo
           },
@@ -1202,8 +1198,8 @@ var MultiSelectVue2 = {
     };
 
     var component = h("span", {
-      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
-      "class": kendo_vue_common_1.classNames('k-multiselect', 'k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + 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)),
+      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)),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),

package/dist/npm/MultiSelect/MultiSelectProps.d.ts

@@ -128,7 +128,7 @@ export interface MultiSelectProps extends FormComponentProps {
      */
     focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
     /**
-     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of filtering input. Useful for making the filtering input a controlled component.
      */
     filter?: string;
     /**

package/dist/npm/MultiSelect/TagList.js

@@ -80,7 +80,7 @@ var TagListVue2 = {
           disabled = _b.disabled;
       return _a = {
         'k-chip-list': true
-      }, _a["k-chip-list-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
+      }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
     },
     chipClass: function chipClass() {
       var _a;
@@ -93,7 +93,7 @@ var TagListVue2 = {
       return _a = {
         'k-chip': true,
         'k-disabled': disabled
-      }, _a["k-chip-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-" + fillMode] = fillMode, _a["k-chip-" + fillMode + "-base"] = Boolean(fillMode), _a;
+      }, _a["k-chip-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
     }
   },
   // @ts-ignore
@@ -124,7 +124,7 @@ var TagListVue2 = {
     }, [dataItems.map(function (tagData, index) {
       var _this = this;
 
-      var uniqueId = "tag-" + guid + "-" + tagData.text.toString().replace(/\s+/g, '-');
+      var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
       var defaultRendering = h("div", {
         "class": __assign(__assign({}, this.chipClass), {
           'k-focus': tagData === this.$props.focused

package/dist/npm/common/ClearButton.js

@@ -47,7 +47,7 @@ var ClearButtonVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var title = kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]);
+    var title = (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]);
     return h("span", {
       "class": "k-clear-value",
       role: "button",

package/dist/npm/common/DropDownBase.js

@@ -156,9 +156,9 @@ function () {
       }, 10);
     };
 
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
-    this.listBoxId = kendo_vue_common_1.guid();
-    this.guid = kendo_vue_common_1.guid();
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
+    this.listBoxId = (0, kendo_vue_common_1.guid)();
+    this.guid = (0, kendo_vue_common_1.guid)();
     this.component = component;
     this.vs.PageChange = this.pageChange;
     this.vs.ScrollChange = this.scrollChange;
@@ -209,7 +209,7 @@ function () {
 
       if (scrollElement) {
         var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
-        utils_1.scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
+        (0, utils_1.scrollToItem)(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
       }
     }
   };
@@ -292,9 +292,9 @@ function () {
     var opened = props.opened !== undefined ? props.opened : this.component.currentOpened;
 
     if (item && virtual && this.vs.enabled) {
-      if (virtual.skip > 0 && utils_1.areSame(item, dataItems[0], dataItemKey)) {
+      if (virtual.skip > 0 && (0, utils_1.areSame)(item, dataItems[0], dataItemKey)) {
         this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
-      } else if (!opened && virtual.skip + virtual.pageSize < virtual.total && utils_1.areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {
+      } else if (!opened && virtual.skip + virtual.pageSize < virtual.total && (0, utils_1.areSame)(item, dataItems[dataItems.length - 1], dataItemKey)) {
         this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
       }
     }

package/dist/npm/common/List.js

@@ -72,7 +72,7 @@ var ListVue2 = {
     };
   },
   mounted: function mounted() {
-    this.list = kendo_vue_common_1.getRef(this, 'list');
+    this.list = (0, kendo_vue_common_1.getRef)(this, 'list');
   },
   methods: {
     handleClick: function handleClick(index, e) {
@@ -85,8 +85,8 @@ var ListVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var _a = this.$props,
         id = _a.id,
         show = _a.show,
@@ -121,14 +121,14 @@ var ListVue2 = {
       var isArray = Array.isArray(value);
       return this.$props.dataItems.map(function (item, index) {
         var realIndex = skip + index;
-        var selected = highlightSelected && (!isArray && utils_1.areSame(item, value, valueField) || isArray && value.findIndex(function (i) {
-          return utils_1.areSame(i, item, valueField);
+        var selected = highlightSelected && (!isArray && (0, utils_1.areSame)(item, value, valueField) || isArray && value.findIndex(function (i) {
+          return (0, utils_1.areSame)(i, item, valueField);
         }) !== -1);
         return (// @ts-ignore
           h(ListItem_1.ListItem, {
-            id: "option-" + optionsGuid + "-" + realIndex,
+            id: "option-".concat(optionsGuid, "-").concat(realIndex),
             attrs: this.v3 ? undefined : {
-              id: "option-" + optionsGuid + "-" + realIndex,
+              id: "option-".concat(optionsGuid, "-").concat(realIndex),
               dataItem: item,
               selected: selected,
               focused: focusedIndex === index,
@@ -176,7 +176,7 @@ var ListVue2 = {
       "aria-live": "polite",
       "aria-hidden": !show ? true : undefined,
       "class": 'k-list-ul',
-      ref: kendo_vue_common_1.setRef(this, 'list'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'list'),
       style: listStyle
     }, [items]), defaultSlot]) : renderNoValueElement.call(this);
   }

package/dist/npm/common/ListContainer.js

@@ -71,7 +71,7 @@ var ListContainerVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         onMouseDown = _a.onMouseDown,
         onBlur = _a.onBlur,