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

package/dist/npm/ComboBox/ComboBox.js

@@ -67,6 +67,7 @@ var ComboBoxVue2 = {
     'changemodel': null,
     'update:modelValue': null,
     'filterchange': null,
+    pagechange: null,
     change: null,
     focus: null,
     blur: null,
@@ -222,8 +223,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 +245,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 +289,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 +336,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 +378,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 +404,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 +430,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 +463,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 +503,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 +514,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 +639,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 +706,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 +720,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 +730,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 +769,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 +779,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 +806,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,
@@ -899,24 +900,20 @@ var ComboBoxVue2 = {
           width: popupWidth,
           attrs: this.v3 ? undefined : {
             width: popupWidth,
-            popupSettings: {
-              animate: popupSettings.animate,
+            popupSettings: __assign(__assign({}, popupSettings), {
               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)),
-              className: popupSettings.className,
-              appendTo: popupSettings.appendTo
-            },
+              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: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className)
+            }),
             dir: dir !== undefined ? dir : this.base.dirCalculated
           },
-          popupSettings: {
-            animate: popupSettings.animate,
+          popupSettings: __assign(__assign({}, popupSettings), {
             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)),
-            className: popupSettings.className,
-            appendTo: popupSettings.appendTo
-          },
+            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: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className)
+          }),
           dir: dir !== undefined ? dir : this.base.dirCalculated
         }, this.v3 ? function () {
           return [header && h("div", {
@@ -951,10 +948,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 +1001,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 +1030,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 +1038,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;
     /**

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,
@@ -962,22 +962,20 @@ var DropDownListVue2 = {
             dir: dir !== undefined ? dir : base.dirCalculated,
             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)),
-              className: popupSettings.className,
-              animate: popupSettings.animate,
+            popupSettings: __assign(__assign({}, popupSettings), {
+              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: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className),
               anchor: this.anchor,
               show: opened
-            }
+            })
           },
           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)),
-            className: popupSettings.className,
-            animate: popupSettings.animate,
+          popupSettings: __assign(__assign({}, popupSettings), {
+            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: (0, kendo_vue_common_1.classNames)('k-list-container', popupSettings.className),
             anchor: this.anchor,
             show: opened
-          },
+          }),
           onOpen: this.onPopupOpened,
           onClose: this.onPopupClosed,
           onBlur: this.handleBlur
@@ -1004,15 +1002,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 +1035,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 +1063,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,