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

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) {
@@ -101,6 +97,7 @@ var MultiSelectVue2 = {
     'update:modelValue': null,
     'filterchange': null,
     change: null,
+    pagechange: null,
     focus: null,
     blur: null,
     open: null,
@@ -230,7 +227,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 +244,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 +339,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 +368,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 +380,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 +405,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 +414,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 +448,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 +562,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 +648,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 +673,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 +739,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 +786,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 +946,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 +990,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 +1005,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 +1028,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 +1044,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 +1138,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", {
@@ -1162,30 +1159,26 @@ var MultiSelectVue2 = {
           attrs: this.v3 ? undefined : {
             dir: dir !== undefined ? dir : base.dirCalculated,
             width: popupWidth,
-            popupSettings: {
-              animate: popupSettings.animate,
+            popupSettings: __assign(__assign({}, popupSettings), {
               anchor: this.anchor,
               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)),
-              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)
+            }),
             itemsCount: dataItems.length
           },
           onBlur: this.handleBlur,
           width: popupWidth,
-          popupSettings: {
-            animate: popupSettings.animate,
+          popupSettings: __assign(__assign({}, popupSettings), {
             anchor: this.anchor,
             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)),
-            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)
+          }),
           itemsCount: dataItems.length
         }, this.v3 ? function () {
           return [header && h("div", {
@@ -1202,8 +1195,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,
@@ -86,20 +86,22 @@ var ListContainerVue2 = {
         show = popupSettings.show,
         open = popupSettings.open,
         close = popupSettings.close,
-        itemsCount = popupSettings.itemsCount;
+        itemsCount = popupSettings.itemsCount,
+        appendTo = popupSettings.appendTo;
     return (// @ts-ignore function children
       h(kendo_vue_popup_1.Popup, {
         style: {
           width: width,
           direction: dir
         },
-        className: className,
+        popupClass: className,
         attrs: this.v3 ? undefined : {
-          className: className,
+          popupClass: className,
           animate: animate,
           anchor: anchor,
           show: show,
-          contentKey: itemsCount
+          contentKey: itemsCount,
+          appendTo: appendTo
         },
         animate: animate,
         anchor: anchor,
@@ -110,7 +112,8 @@ var ListContainerVue2 = {
           "open": this.onOpen,
           "close": this.onClose
         },
-        onClose: this.onClose
+        onClose: this.onClose,
+        appendTo: appendTo
       }, this.v3 ? function () {
         return [h("div", {
           "class": popupClass,

package/dist/npm/common/ListDefaultItem.js

@@ -58,10 +58,10 @@ var ListDefaultItemVue2 = {
       style: {
         position: 'unset'
       },
-      "class": kendo_vue_common_1.classNames('k-list-optionlabel', {
+      "class": (0, kendo_vue_common_1.classNames)('k-list-optionlabel', {
         'k-selected': selected
       })
-    }, [utils_1.getItemValue(defaultItem, textField) || '']);
+    }, [(0, utils_1.getItemValue)(defaultItem, textField) || '']);
   }
 };
 exports.ListDefaultItemVue2 = ListDefaultItemVue2;

package/dist/npm/common/ListFilter.js

@@ -61,7 +61,7 @@ var ListFilterVue2 = {
           fillMode = _b.fillMode;
       return _a = {
         'k-searchbox k-input': true
-      }, _a["k-input-" + (sizeMap[size] || size)] = size, _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded, _a["k-input-" + fillMode] = fillMode, _a;
+      }, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a;
     }
   },
   // @ts-ignore
@@ -82,7 +82,7 @@ var ListFilterVue2 = {
     }
   },
   mounted: function mounted() {
-    this.input = kendo_vue_common_1.getRef(this, 'input');
+    this.input = (0, kendo_vue_common_1.getRef)(this, 'input');
   },
   // @ts-ignore
   render: function render(createElement) {
@@ -94,7 +94,7 @@ var ListFilterVue2 = {
     }, [h("span", {
       "class": "k-input-icon k-icon k-i-search"
     }), h("input", {
-      ref: kendo_vue_common_1.setRef(this, 'input'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       type: "text",
       attrs: this.v3 ? undefined : {
         type: "text"

package/dist/npm/common/ListItem.js

@@ -80,7 +80,7 @@ var ListItemVue2 = {
       },
       role: "option",
       "aria-selected": selected,
-      "class": kendo_vue_common_1.classNames('k-list-item', {
+      "class": (0, kendo_vue_common_1.classNames)('k-list-item', {
         'k-selected': selected,
         'k-focus': this.$props.focused
       }),
@@ -93,7 +93,7 @@ var ListItemVue2 = {
       }
     }, [h("span", {
       "class": "k-list-item-text"
-    }, [utils_1.getItemValue(this.$props.dataItem, this.$props.textField).toString()])]);
+    }, [(0, utils_1.getItemValue)(this.$props.dataItem, this.$props.textField).toString()])]);
     return kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: this.$props.render,

package/dist/npm/common/Navigation.js

@@ -25,7 +25,7 @@ var Navigation = /** @class */ (function () {
         }
     };
     Navigation.prototype.next = function (args) {
-        if (!utils_1.isPresent(args.current)) {
+        if (!(0, utils_1.isPresent)(args.current)) {
             return args.min;
         }
         else {

package/dist/npm/common/SearchBar.js

@@ -95,7 +95,7 @@ var SearchBarVue2 = {
     };
   },
   mounted: function mounted() {
-    this.input = kendo_vue_common_1.getRef(this, 'input');
+    this.input = (0, kendo_vue_common_1.getRef)(this, 'input');
   },
   methods: {
     onChange: function onChange(e) {
@@ -161,7 +161,7 @@ var SearchBarVue2 = {
         "focusin": this.onFocus,
         "blur": this.onBlur
       },
-      ref: kendo_vue_common_1.setRef(this, 'input'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       onKeydown: this.onKeyDown,
       onFocusin: this.onFocus,
       onBlur: this.onBlur,

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659428851,
+    publishDate: 1660543182,
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "3.5.0",
+  "version": "3.5.1-dev.202208150613",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -10,6 +10,12 @@
   "types": "dist/npm/main.d.ts",
   "module": "dist/es/main.js",
   "jsnext:main": "dist/es/main.js",
+  "exports": {
+    "node": "./dist/esm/main.js",
+    "import": "./dist/es/main.js",
+    "require": "./dist/npm/main.js",
+    "default": "./dist/npm/main.js"
+  },
   "scripts": {
     "test": "cd ../../ && npm run test -- --testPathPattern=/packages/dropdowns/.*",
     "start": "gulp start",
@@ -43,14 +49,14 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.5.0",
-    "@progress/kendo-vue-common": "3.5.0",
-    "@progress/kendo-vue-popup": "3.5.0"
+    "@progress/kendo-vue-buttons": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-common": "3.5.1-dev.202208150613",
+    "@progress/kendo-vue-popup": "3.5.1-dev.202208150613"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "3.5.0"
+    "@progress/kendo-vue-intl": "3.5.1-dev.202208150613"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",