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

package/dist/esm/common/utils.js

@@ -0,0 +1,184 @@
+/**
+ * @hidden
+ */
+var isPresent = function (value) { return value !== null && value !== undefined; };
+/**
+ * @hidden
+ */
+var sameCharsOnly = function (word, character) {
+    for (var idx = 0; idx < word.length; idx++) {
+        if (word.charAt(idx) !== character) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * @hidden
+ */
+var shuffleData = function (data, splitIndex, defaultItem) {
+    var result = data;
+    if (defaultItem) {
+        result = [defaultItem].concat(result);
+    }
+    return result.slice(splitIndex).concat(result.slice(0, splitIndex));
+};
+/**
+ * @hidden
+ */
+var matchText = function (text, word, ignoreCase) {
+    if (!isPresent(text)) {
+        return false;
+    }
+    var temp = String(text);
+    if (ignoreCase) {
+        temp = temp.toLowerCase();
+    }
+    return temp.indexOf(word) === 0;
+};
+/**
+ * @hidden
+ */
+var scrollToItem = function (scrollElem, itemHeight, itemIndex, translate, virtualScroll) {
+    var viewportHeight = scrollElem.offsetHeight;
+    var itemOffsetTop = (itemHeight * itemIndex) +
+        (virtualScroll ? translate - scrollElem.scrollTop : 0);
+    if (virtualScroll) {
+        var diff = 0;
+        if (itemOffsetTop + itemHeight > viewportHeight) {
+            diff = itemOffsetTop + itemHeight - viewportHeight;
+        }
+        else if (itemOffsetTop < 0) {
+            diff = itemOffsetTop;
+        }
+        if (diff !== 0) {
+            scrollElem.scrollTop += diff;
+        }
+        else if (scrollElem.scrollTop === 0 && translate !== 0) {
+            scrollElem.scrollTop = translate;
+        }
+    }
+    else {
+        if (itemOffsetTop + itemHeight > viewportHeight + scrollElem.scrollTop) {
+            scrollElem.scrollTop = (itemOffsetTop + itemHeight - viewportHeight);
+        }
+        else if (itemOffsetTop < scrollElem.scrollTop) {
+            scrollElem.scrollTop -= scrollElem.scrollTop - itemOffsetTop;
+        }
+    }
+};
+/**
+ * @hidden
+ */
+var itemIndexStartsWith = function (items, text, field) {
+    var result = -1;
+    if (text) {
+        text = text.toLowerCase();
+        for (var i = 0; i < items.length; i++) {
+            var itemText = (getItemValue(items[i], field) || '') + '';
+            if (itemText && itemText.toLowerCase().startsWith(text)) {
+                result = i;
+                break;
+            }
+        }
+    }
+    return result;
+};
+/**
+ * @hidden
+ */
+var getItemIndexByText = function (data, text, textField, matchCase) {
+    if (matchCase === void 0) { matchCase = false; }
+    var casing = function (value) { return matchCase ? value : value.toLowerCase(); };
+    return data.findIndex(function (item) {
+        return textField ? casing(getItemValue(item, textField)) === casing(text) :
+            casing(text) === casing(item.toString());
+    });
+};
+/**
+ * @hidden
+ */
+var getItemValue = function (item, field) {
+    if (field && isPresent(item)) {
+        var path = field.split('.');
+        var data_1 = item;
+        path.forEach(function (p) {
+            data_1 = data_1 ? data_1[p] : undefined;
+        });
+        return data_1;
+    }
+    return item;
+};
+/**
+ * @hidden
+ */
+var matchDataCollections = function (data1, data2, key) {
+    if (data1 === void 0) { data1 = []; }
+    if (data2 === void 0) { data2 = []; }
+    if (data1 === data2) {
+        return true;
+    }
+    if (data1.length !== data2.length) {
+        return false;
+    }
+    for (var i = 0; i < data1.length; i++) {
+        if (!areSame(data1[i], data2[i], key)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * @hidden
+ */
+var removeDataItems = function (items, toRemove, key) {
+    toRemove.forEach(function (item) {
+        var itemIndex = items.findIndex(function (i) { return areSame(i, item, key); });
+        if (itemIndex !== -1) {
+            items.splice(itemIndex, 1);
+        }
+    });
+};
+/**
+ * @hidden
+ */
+var areSame = function (item1, item2, key) {
+    return item1 === item2 ||
+        (isPresent(item1) === isPresent(item2) && getItemValue(item1, key) === getItemValue(item2, key));
+};
+/**
+ * @hidden
+ */
+var getFocusedItem = function (data, value, textField) {
+    if (value) {
+        var selectedIndex = getItemIndexByText(data, value, textField, true);
+        return selectedIndex !== -1 ? data[selectedIndex] : data[itemIndexStartsWith(data, value, textField)];
+    }
+    return data[0];
+};
+/**
+ * @hidden
+ */
+var suggestValue = function (value, data, textField) {
+    if (data === void 0) { data = []; }
+    var suggested = '';
+    if (value) {
+        var suggestedItem = data[itemIndexStartsWith(data, value, textField)];
+        if (suggestedItem) {
+            var suggestedText = getItemValue(suggestedItem, textField);
+            if (value.toLowerCase() !== suggestedText.toLowerCase()) {
+                suggested = suggestedText.substring(value.length);
+            }
+        }
+    }
+    return suggested;
+};
+/**
+ * @hidden
+ */
+var preventDefaultNonInputs = function (event) {
+    if (event.target.nodeName !== 'INPUT') {
+        event.preventDefault();
+    }
+};
+export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue };

package/dist/esm/main.d.ts

@@ -0,0 +1,13 @@
+import { FormComponentValidity } from '@progress/kendo-vue-common';
+import { DropDownList, DropDownListVue2 } from './DropDownList/DropDownList';
+import { DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent } from './DropDownList/DropDownListProps';
+import { Page, VirtualizationSettings, DropDownsPopupSettings, Suggestion } from './common/settings';
+import { ListItemProps } from './common/ListItem';
+import { ComboBox, ComboBoxVue2 } from './ComboBox/ComboBox';
+import { ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent } from './ComboBox/ComboBoxProps';
+import { AutoComplete, AutoCompleteVue2 } from './AutoComplete/AutoComplete';
+import { AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent } from './AutoComplete/AutoCompleteProps';
+import { MultiSelect, MultiSelectVue2 } from './MultiSelect/MultiSelect';
+import { MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent } from './MultiSelect/MultiSelectProps';
+import { TagData as MultiSelectTagData } from './MultiSelect/TagList';
+export { AutoComplete, AutoCompleteVue2, AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListVue2, DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxVue2, ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectVue2, MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity };

package/dist/esm/main.js

@@ -0,0 +1,5 @@
+import { DropDownList, DropDownListVue2 } from './DropDownList/DropDownList.js';
+import { ComboBox, ComboBoxVue2 } from './ComboBox/ComboBox.js';
+import { AutoComplete, AutoCompleteVue2 } from './AutoComplete/AutoComplete.js';
+import { MultiSelect, MultiSelectVue2 } from './MultiSelect/MultiSelect.js';
+export { AutoComplete, AutoCompleteVue2, DropDownList, DropDownListVue2, ComboBox, ComboBoxVue2, MultiSelect, MultiSelectVue2 };

package/dist/esm/messages/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const nodata = "dropdowns.nodata";
+/**
+ * @hidden
+ */
+export declare const expandButton = "dropdowns.expandbutton";
+/**
+ * @hidden
+ */
+export declare const clear = "dropdowns.clear";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "dropdowns.clear": string;
+    "dropdowns.expandbutton": string;
+    "dropdowns.nodata": string;
+};

package/dist/esm/messages/index.js

@@ -0,0 +1,21 @@
+var _a;
+/**
+ * @hidden
+ */
+export var nodata = 'dropdowns.nodata';
+/**
+ * @hidden
+ */
+export var expandButton = 'dropdowns.expandbutton';
+/**
+ * @hidden
+ */
+export var clear = 'dropdowns.clear';
+/**
+ * @hidden
+ */
+export var messages = (_a = {},
+    _a[clear] = 'clear',
+    _a[expandButton] = 'expand button',
+    _a[nodata] = 'NO DATA FOUND.',
+    _a);

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-dropdowns',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660203412,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
+};

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/npm/AutoComplete/AutoComplete.js

@@ -172,8 +172,8 @@ var AutoCompleteVue2 = {
     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 () {
@@ -190,8 +190,8 @@ var AutoCompleteVue2 = {
     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.setValidity();
   },
@@ -273,7 +273,7 @@ var AutoCompleteVue2 = {
     },
     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;
@@ -288,7 +288,7 @@ var AutoCompleteVue2 = {
     handleItemSelect: function handleItemSelect(index, state) {
       var _a = this.$props.dataItems,
           dataItems = _a === void 0 ? [] : _a;
-      var newText = utils_1.getItemValue(dataItems[index], this.$props.textField);
+      var newText = (0, utils_1.getItemValue)(dataItems[index], this.$props.textField);
       this.triggerOnChange(newText, state);
     },
     itemFocus: function itemFocus(index, state) {
@@ -298,7 +298,7 @@ var AutoCompleteVue2 = {
           textField = _a.textField;
       var focusedItem = dataItems[index];
 
-      if (!utils_1.areSame(this.$data.focusedItem, focusedItem, textField)) {
+      if (!(0, utils_1.areSame)(this.$data.focusedItem, focusedItem, textField)) {
         state.data.focusedItem = focusedItem;
       }
     },
@@ -315,8 +315,8 @@ var AutoCompleteVue2 = {
           textField = _a.textField,
           focusedItemIndex = _a.focusedItemIndex;
       var focusedIndex = this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, _this.$data.focusedItem, textField);
-      }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf(utils_1.getFocusedItem(dataItems, typedText, textField));
+        return (0, utils_1.areSame)(i, _this.$data.focusedItem, textField);
+      }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, typedText, textField));
       var newFocused = this.base.navigation.navigate({
         keyCode: keyCode,
         current: focusedIndex,
@@ -343,7 +343,7 @@ var AutoCompleteVue2 = {
       this.suggested = '';
 
       if (opened && eventKey === kendo_vue_common_1.Keys.enter) {
-        var newValue = utils_1.getItemValue(dataItems[this.focusedIndex(value)], textField);
+        var newValue = (0, utils_1.getItemValue)(dataItems[this.focusedIndex(value)], textField);
         this.triggerOnChange(newValue, state);
       }
 
@@ -485,10 +485,10 @@ var AutoCompleteVue2 = {
             _b = _a.dataItems,
             dataItems = _b === void 0 ? [] : _b,
             textField = _a.textField;
-        var suggestedItem = dataItems[utils_1.itemIndexStartsWith(dataItems, value, textField)];
+        var suggestedItem = dataItems[(0, utils_1.itemIndexStartsWith)(dataItems, value, textField)];
 
         if (suggestedItem) {
-          var suggestedText = utils_1.getItemValue(suggestedItem, textField);
+          var suggestedText = (0, utils_1.getItemValue)(suggestedItem, textField);
 
           if (value.toLowerCase() !== suggestedText.toLowerCase()) {
             this.suggested = suggestedText.substring(value.length);
@@ -506,8 +506,8 @@ var AutoCompleteVue2 = {
           focusedItemIndex = _a.focusedItemIndex;
       var inputValue = value !== undefined ? value : this.computedValue();
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, _this.$data.focusedItem, textField);
-      }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf(utils_1.getFocusedItem(dataItems, inputValue, textField)));
+        return (0, utils_1.areSame)(i, _this.$data.focusedItem, textField);
+      }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf((0, utils_1.getFocusedItem)(dataItems, inputValue, textField)));
     }
   },
   render: function render(createElement) {
@@ -685,7 +685,7 @@ var AutoCompleteVue2 = {
               animate: popupSettings.animate,
               anchor: this.anchor,
               show: opened,
-              popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
+              popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
               className: popupSettings.className,
               appendTo: popupSettings.appendTo
             },
@@ -696,7 +696,7 @@ var AutoCompleteVue2 = {
             animate: popupSettings.animate,
             anchor: this.anchor,
             show: opened,
-            popupClass: kendo_vue_common_1.classNames(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-" + (sizeMap[size] || size)] = size, _a)),
+            popupClass: (0, kendo_vue_common_1.classNames)(popupSettings.popupClass, 'k-list', (_a = {}, _a["k-list-".concat(sizeMap[size] || size)] = size, _a)),
             className: popupSettings.className,
             appendTo: popupSettings.appendTo
           },
@@ -741,8 +741,8 @@ var AutoCompleteVue2 = {
     };
 
     var autoComplete = h("span", {
-      "class": kendo_vue_common_1.classNames('k-autocomplete k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
-      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
+      "class": (0, kendo_vue_common_1.classNames)('k-autocomplete 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-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),

package/dist/npm/ComboBox/ComboBox.js

@@ -222,8 +222,8 @@ var ComboBoxVue2 = {
     this.currentOpened = undefined;
     this.prevCurrentValue = this.computedValue();
     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 () {
@@ -244,8 +244,8 @@ var ComboBoxVue2 = {
     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.setValidity();
   },
@@ -288,9 +288,9 @@ var ComboBoxVue2 = {
     } else {
       var prevSelectedItem = this.prevCurrentValue;
       var selectedItemIndex = dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, selectedItem, dataItemKey);
+        return (0, utils_1.areSame)(i, selectedItem, dataItemKey);
       });
-      var selectedItemChanged = !utils_1.areSame(prevSelectedItem, selectedItem, dataItemKey);
+      var selectedItemChanged = !(0, utils_1.areSame)(prevSelectedItem, selectedItem, dataItemKey);
 
       if (opening && virtual) {
         this.base.scrollToVirtualItem(virtual, selectedItemIndex);
@@ -335,7 +335,7 @@ var ComboBoxVue2 = {
         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);
         });
       }
     },
@@ -377,13 +377,13 @@ var ComboBoxVue2 = {
     },
     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;
@@ -403,7 +403,7 @@ var ComboBoxVue2 = {
           dataItemKey = _a.dataItemKey;
       var skip = virtual ? virtual.skip : 0;
       var item = 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 (this.currentText !== undefined) {
@@ -429,7 +429,7 @@ var ComboBoxVue2 = {
       var value = this.computedValue();
       this.suggested = '';
 
-      if (focusedIndex !== -1 && !utils_1.isPresent(value)) {
+      if (focusedIndex !== -1 && !(0, utils_1.isPresent)(value)) {
         this.handleItemSelect(focusedIndex, state);
       } else if (text === '') {
         this.handleItemSelect(0, state);
@@ -462,8 +462,8 @@ var ComboBoxVue2 = {
           textField = _b.textField,
           allowCustom = _b.allowCustom;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-      var currentValueText = utils_1.getItemValue(this.computedValue(), textField);
-      var valueIndex = currentValueText === value ? this.index : utils_1.getItemIndexByText(dataItems, value, textField);
+      var currentValueText = (0, utils_1.getItemValue)(this.computedValue(), textField);
+      var valueIndex = currentValueText === value ? this.index : (0, utils_1.getItemIndexByText)(dataItems, value, textField);
       var itemSelected = valueIndex !== -1;
       var newSelected = undefined;
       this.suggested = '';
@@ -502,10 +502,10 @@ var ComboBoxVue2 = {
           textField = _b.textField,
           allowCustom = _b.allowCustom;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-      var valueItemText = utils_1.getItemValue(this.computedValue(), textField);
+      var valueItemText = (0, utils_1.getItemValue)(this.computedValue(), textField);
       this.suggested = '';
 
-      if (text === valueItemText || text === '' && !utils_1.isPresent(valueItemText)) {
+      if (text === valueItemText || text === '' && !(0, utils_1.isPresent)(valueItemText)) {
         if (opened) {
           this.base.togglePopup(state);
         }
@@ -513,7 +513,7 @@ var ComboBoxVue2 = {
         return this.applyState(state);
       }
 
-      var valueIndex = utils_1.getItemIndexByText(dataItems, text, textField, true);
+      var valueIndex = (0, utils_1.getItemIndexByText)(dataItems, text, textField, true);
       var itemSelected = valueIndex !== -1;
       var newSelected = null;
 
@@ -638,8 +638,8 @@ var ComboBoxVue2 = {
         var selectionAtEnd = input.selectionEnd === value.length;
         var prevText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
 
-        if (!utils_1.isPresent(prevText)) {
-          prevText = utils_1.getItemValue(this.computedValue(), this.$props.textField) || '';
+        if (!(0, utils_1.isPresent)(prevText)) {
+          prevText = (0, utils_1.getItemValue)(this.computedValue(), this.$props.textField) || '';
         }
 
         var deletedSuggestion = prevText && prevText === value;
@@ -705,9 +705,9 @@ var ComboBoxVue2 = {
           focusedItemIndex = _d === void 0 ? utils_1.itemIndexStartsWith : _d;
       var text = this.$props.filter ? this.$props.filter : this.currentText;
 
-      if (utils_1.isPresent(value) && text === undefined) {
+      if ((0, utils_1.isPresent)(value) && text === undefined) {
         return dataItems.findIndex(function (i) {
-          return utils_1.areSame(i, value, dataItemKey);
+          return (0, utils_1.areSame)(i, value, dataItemKey);
         });
       } else if (text) {
         return focusedItemIndex(dataItems, text, textField);
@@ -719,7 +719,7 @@ var ComboBoxVue2 = {
       var _a = this.$props,
           dataItems = _a.dataItems,
           textField = _a.textField;
-      this.suggested = utils_1.suggestValue(value, dataItems, textField);
+      this.suggested = (0, utils_1.suggestValue)(value, dataItems, textField);
     },
     setValidity: function setValidity() {
       if (this.input && this.input.setCustomValidity) {
@@ -729,7 +729,7 @@ var ComboBoxVue2 = {
     triggerOnChange: function triggerOnChange(item, state) {
       var value = this.computedValue();
 
-      if (!utils_1.isPresent(value) && !utils_1.isPresent(item) || utils_1.areSame(value, item, this.$props.dataItemKey)) {
+      if (!(0, utils_1.isPresent)(value) && !(0, utils_1.isPresent)(item) || (0, utils_1.areSame)(value, item, this.$props.dataItemKey)) {
         return;
       }
 
@@ -768,9 +768,9 @@ var ComboBoxVue2 = {
     var focused = this.currentFocused;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;
-    var selectedItemText = utils_1.getItemValue(this.computedValue(), textField);
-    var inputText = utils_1.isPresent(text) ? text : selectedItemText;
-    var renderClearButton = clearButton && (!!inputText || utils_1.isPresent(this.computedValue()));
+    var selectedItemText = (0, utils_1.getItemValue)(this.computedValue(), textField);
+    var inputText = (0, utils_1.isPresent)(text) ? text : selectedItemText;
+    var renderClearButton = clearButton && (!!inputText || (0, utils_1.isPresent)(this.computedValue()));
     var base = this.base;
     var vs = base.vs;
     var id = this.$props.id || this.inputId;
@@ -778,7 +778,7 @@ var ComboBoxVue2 = {
       animate: true,
       height: '200px'
     }, this.$props.popupSettings);
-    var ariaLabelExpandButton = kendo_vue_intl_1.provideLocalizationService(this).toLanguageString(messages_1.expandButton, messages_1.messages[messages_1.expandButton]);
+    var ariaLabelExpandButton = (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.expandButton, messages_1.messages[messages_1.expandButton]);
     vs.enabled = virtual !== undefined;
 
     if (virtual !== undefined) {
@@ -805,9 +805,9 @@ var ComboBoxVue2 = {
 
       var skip = virtual.skip;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-      var translate = "translateY(" + vs.translate + "px)";
+      var translate = "translateY(".concat(vs.translate, "px)");
       var focusedIndex = opened ? this.getFocusedIndex() : undefined;
-      var value = utils_1.isPresent(text) && text !== selectedItemText ? null : this.computedValue();
+      var value = (0, utils_1.isPresent)(text) && text !== selectedItemText ? null : this.computedValue();
       return (// @ts-ignore  function children
         h(List_1.List, {
           id: base.listBoxId,
@@ -903,7 +903,7 @@ var ComboBoxVue2 = {
               animate: popupSettings.animate,
               anchor: this.anchor,
               show: opened,
-              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
             },
@@ -913,7 +913,7 @@ var ComboBoxVue2 = {
             animate: popupSettings.animate,
             anchor: this.anchor,
             show: opened,
-            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
           },
@@ -951,10 +951,10 @@ var ComboBoxVue2 = {
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var value = this.computedValue();
       var selectedIndex = Math.max(0, dataItems.findIndex(function (i) {
-        return utils_1.areSame(i, value, dataItemKey);
+        return (0, utils_1.areSame)(i, value, dataItemKey);
       }));
 
-      if (this.suggested && !utils_1.areSame(this.valueOnDidUpdate, value, dataItemKey)) {
+      if (this.suggested && !(0, utils_1.areSame)(this.valueOnDidUpdate, value, dataItemKey)) {
         this.suggested = '';
       }
 
@@ -1004,8 +1004,8 @@ var ComboBoxVue2 = {
     };
 
     var combobox = h("span", {
-      "class": kendo_vue_common_1.classNames('k-combobox k-input', (_a = {}, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a['k-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a['k-focus'] = focused && !disabled, _a), className),
-      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this.anchor),
+      "class": (0, kendo_vue_common_1.classNames)('k-combobox 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-invalid'] = !isValid, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a['k-focus'] = focused && !disabled, _a), className),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'kendoAnchor', this.anchor),
       style: !label ? style : __assign(__assign({}, style), {
         width: undefined
       }),
@@ -1033,7 +1033,7 @@ var ComboBoxVue2 = {
         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,
       "aria-label": ariaLabelExpandButton,
@@ -1041,7 +1041,7 @@ var ComboBoxVue2 = {
       fillMode: fillMode,
       rounded: null,
       "class": 'k-input-button',
-      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),
       onClick: this.toggleBtnClick,
       on: this.v3 ? undefined : {
         "click": this.toggleBtnClick,

package/dist/npm/ComboBox/ComboBoxProps.d.ts

@@ -97,7 +97,7 @@ export interface ComboBoxProps extends FormComponentProps {
      */
     filterable?: boolean;
     /**
-     * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of ComboBox input. Useful for making the ComboBox input a controlled component.
      */
     filter?: string | null;
     /**