@progress/kendo-vue-dropdowns 2.8.0-dev.202201121019 → 3.0.0-dev.202201170830

package/dist/es/AutoComplete/AutoComplete.js

@@ -225,7 +225,7 @@ var AutoCompleteVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };

package/dist/es/ComboBox/ComboBox.js

@@ -227,7 +227,6 @@ var ComboBoxVue2 = {
     var closing = prevOpened && !opened;
     var list = this.$refs.list;
     var scrollElement = this.$refs.scrollElement;
-    var scroller = this.$refs.scroller;
     var selectedItem = this.computedValue();
     this.valueOnDidUpdate = selectedItem;
 
@@ -242,8 +241,9 @@ var ComboBoxVue2 = {
       this.base.vs.scrollElement = scrollElement;
     }
 
-    if (scroller) {
-      this.base.vs.scrollerRef(scroller);
+    if (list && dataItems.length) {
+      // @ts-ignore
+      this.base.vs.scrollerRef(list.$el);
     } // @ts-ignore
 
 
@@ -316,7 +316,7 @@ var ComboBoxVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
@@ -746,6 +746,8 @@ var ComboBoxVue2 = {
     }
 
     var renderList = function renderList() {
+      var _this2 = this;
+
       var _a = this.$props,
           dataItemKey = _a.dataItemKey,
           _b = _a.dataItems,
@@ -764,7 +766,7 @@ var ComboBoxVue2 = {
       var translate = "translateY(" + vs.translate + "px)";
       var focusedIndex = opened ? this.getFocusedIndex() : undefined;
       var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();
-      return (// @ts-ignore
+      return (// @ts-ignore  function children
         h(List, {
           id: base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -776,12 +778,8 @@ var ComboBoxVue2 = {
             textField: textField,
             valueField: dataItemKey,
             optionsGuid: base.guid,
-            wrapperStyle: !vs.enabled ? {
-              maxHeight: popupSettings.height,
-              overflowY: 'scroll'
-            } : {
-              float: 'left',
-              width: '100%'
+            wrapperStyle: {
+              maxHeight: popupSettings.height
             },
             wrapperCssClass: 'k-list-content',
             listStyle: vs.enabled ? {
@@ -799,12 +797,8 @@ var ComboBoxVue2 = {
           valueField: dataItemKey,
           optionsGuid: base.guid,
           ref: 'list',
-          wrapperStyle: !vs.enabled ? {
-            maxHeight: popupSettings.height,
-            overflowY: 'scroll'
-          } : {
-            float: 'left',
-            width: '100%'
+          wrapperStyle: {
+            maxHeight: popupSettings.height
           },
           wrapperCssClass: 'k-list-content',
           listStyle: vs.enabled ? {
@@ -814,27 +808,16 @@ var ComboBoxVue2 = {
           skip: skip,
           onListclick: this.handleItemClick,
           on: this.v3 ? undefined : {
-            "listclick": this.handleItemClick
+            "listclick": this.handleItemClick,
+            "scroll": vs.scrollHandler
           },
           itemRender: itemRender,
-          noDataRender: listNoDataRender
-        })
+          noDataRender: listNoDataRender,
+          onScroll: vs.scrollHandler
+        }, this.v3 ? function () {
+          return [renderScrollElement.call(_this2)];
+        } : [renderScrollElement.call(_this2)])
       );
-    }; // Common rendering
-
-
-    var renderScrollWrapper = function renderScrollWrapper(children) {
-      return vs.enabled ? h("div", {
-        onScroll: vs.scrollHandler,
-        on: this.v3 ? undefined : {
-          "scroll": vs.scrollHandler
-        },
-        ref: 'scroller',
-        style: {
-          height: popupSettings.height,
-          overflowY: 'scroll'
-        }
-      }, [children]) : children;
     };
 
     var renderScrollElement = function renderScrollElement() {
@@ -845,7 +828,7 @@ var ComboBoxVue2 = {
     };
 
     var renderListContainer = function renderListContainer() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _a;
 
@@ -896,12 +879,12 @@ var ComboBoxVue2 = {
         }, this.v3 ? function () {
           return [header && h("div", {
             "class": "k-list-header"
-          }, [header]), renderScrollWrapper.call(_this2, [renderList.call(_this2), renderScrollElement.call(_this2)]), footer && h("div", {
+          }, [header]), renderList.call(_this3), footer && h("div", {
             "class": "k-list-footer"
           }, [footer])];
         } : [header && h("div", {
           "class": "k-list-header"
-        }, [header]), renderScrollWrapper.call(_this2, [renderList.call(_this2), renderScrollElement.call(_this2)]), footer && h("div", {
+        }, [header]), renderList.call(_this3), footer && h("div", {
           "class": "k-list-footer"
         }, [footer])])
       );

package/dist/es/DropDownList/DropDownList.js

@@ -266,8 +266,9 @@ var DropDownListVue2 = {
       this.filterInput = filterInput;
     }
 
-    if (scroller) {
-      this.base.vs.scrollerRef(scroller);
+    if (list && dataItems.length) {
+      // @ts-ignore
+      this.base.vs.scrollerRef(list.$el);
     }
 
     if (!this.$props.popupSettings.animate) {
@@ -331,7 +332,7 @@ var DropDownListVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
@@ -826,12 +827,14 @@ var DropDownListVue2 = {
     };
 
     var renderList = function renderList() {
+      var _this2 = this;
+
       var textField = this.$props.textField;
       var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
       var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));
       var skip = virtual.skip;
       var translate = "translateY(" + vs.translate + "px)";
-      return (// @ts-ignore
+      return (// @ts-ignore  function children
         h(List, {
           id: this.base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -843,12 +846,8 @@ var DropDownListVue2 = {
             textField: textField,
             valueField: dataItemKey,
             optionsGuid: this.base.guid,
-            wrapperStyle: !vs.enabled ? {
-              maxHeight: popupSettings.height,
-              overflowY: 'scroll'
-            } : {
-              float: 'left',
-              width: '100%'
+            wrapperStyle: {
+              maxHeight: popupSettings.height
             },
             wrapperCssClass: 'k-list-content',
             listStyle: vs.enabled ? {
@@ -866,12 +865,8 @@ var DropDownListVue2 = {
           valueField: dataItemKey,
           optionsGuid: this.base.guid,
           ref: 'list',
-          wrapperStyle: !vs.enabled ? {
-            maxHeight: popupSettings.height,
-            overflowY: 'scroll'
-          } : {
-            float: 'left',
-            width: '100%'
+          wrapperStyle: {
+            maxHeight: popupSettings.height
           },
           wrapperCssClass: 'k-list-content',
           listStyle: vs.enabled ? {
@@ -881,11 +876,15 @@ var DropDownListVue2 = {
           skip: skip,
           onListclick: this.handleItemClick,
           on: this.v3 ? undefined : {
-            "listclick": this.handleItemClick
+            "listclick": this.handleItemClick,
+            "scroll": vs.scrollHandler
           },
           itemRender: itemRender,
-          noDataRender: listNoDataRender
-        })
+          noDataRender: listNoDataRender,
+          onScroll: vs.scrollHandler
+        }, this.v3 ? function () {
+          return [renderScrollElement.call(_this2)];
+        } : [renderScrollElement.call(_this2)])
       );
     };
 
@@ -895,7 +894,10 @@ var DropDownListVue2 = {
       h(ListFilter, {
         value: filterText,
         attrs: this.v3 ? undefined : {
-          value: filterText
+          value: filterText,
+          size: this.$props.size,
+          rounded: this.$props.rounded,
+          fillMode: this.$props.fillMode
         },
         ref: 'filterInput',
         onChange: this.handleListFilterChange,
@@ -903,23 +905,11 @@ var DropDownListVue2 = {
           "change": this.handleListFilterChange,
           "keydown": this.handleKeyDown
         },
-        onKeydown: this.handleKeyDown
+        onKeydown: this.handleKeyDown,
+        size: this.$props.size,
+        rounded: this.$props.rounded,
+        fillMode: this.$props.fillMode
       });
-    }; // Common rendering
-
-
-    var renderScrollWrapper = function renderScrollWrapper(children) {
-      return vs.enabled ? h("div", {
-        onScroll: vs.scrollHandler,
-        on: this.v3 ? undefined : {
-          "scroll": vs.scrollHandler
-        },
-        ref: 'scroller',
-        style: {
-          height: popupSettings.height,
-          overflowY: 'scroll'
-        }
-      }, [children]) : children;
     };
 
     var renderScrollElement = function renderScrollElement() {
@@ -930,7 +920,7 @@ var DropDownListVue2 = {
     };
 
     var renderListContainer = function renderListContainer() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _a;
 
@@ -979,8 +969,16 @@ var DropDownListVue2 = {
           onClose: this.onPopupClosed,
           onBlur: this.handleBlur
         }, this.v3 ? function () {
-          return [renderListFilter.call(_this2), _this2.$props.virtual ? renderDefaultItem.call(_this2) : undefined, _this2.$props.virtual && header, renderScrollWrapper.call(_this2, !_this2.$props.virtual ? [renderDefaultItem.call(_this2), header, renderList.call(_this2), footer, renderScrollElement.call(_this2)] : [renderList.call(_this2), renderScrollElement.call(_this2)]), _this2.$props.virtual && footer];
-        } : [renderListFilter.call(_this2), _this2.$props.virtual ? renderDefaultItem.call(_this2) : undefined, _this2.$props.virtual && header, renderScrollWrapper.call(_this2, !_this2.$props.virtual ? [renderDefaultItem.call(_this2), header, renderList.call(_this2), footer, renderScrollElement.call(_this2)] : [renderList.call(_this2), renderScrollElement.call(_this2)]), _this2.$props.virtual && footer])
+          return [renderListFilter.call(_this3), renderDefaultItem.call(_this3), header && h("div", {
+            "class": "k-list-header"
+          }, [header]), renderList.call(_this3), footer && h("div", {
+            "class": "k-list-footer"
+          }, [footer])];
+        } : [renderListFilter.call(_this3), renderDefaultItem.call(_this3), header && h("div", {
+          "class": "k-list-header"
+        }, [header]), renderList.call(_this3), footer && h("div", {
+          "class": "k-list-footer"
+        }, [footer])])
       );
     };
 

package/dist/es/MultiSelect/MultiSelect.js

@@ -201,7 +201,7 @@ var MultiSelectVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !(editorValue && editorValue !== 0),
+          'k-state-empty': !(editorValue && editorValue !== 0),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
@@ -260,7 +260,6 @@ var MultiSelectVue2 = {
     }, this.$props.popupSettings);
     var list = this.$refs.list;
     var scrollElement = this.$refs.scrollElement;
-    var scroller = this.$refs.scroller;
 
     if (list) {
       // @ts-ignore
@@ -273,8 +272,9 @@ var MultiSelectVue2 = {
       this.base.vs.scrollElement = scrollElement;
     }
 
-    if (scroller) {
-      this.base.vs.scrollerRef(scroller);
+    if (list && this.dataItems.length) {
+      // @ts-ignore
+      this.base.vs.scrollerRef(list.$el);
     }
 
     if (!popupSettings.animate && closing) {
@@ -986,6 +986,8 @@ var MultiSelectVue2 = {
     };
 
     var renderList = function renderList() {
+      var _this2 = this;
+
       var _a = this.$props.dataItems,
           dataItems = _a === void 0 ? [] : _a;
       var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
@@ -994,7 +996,7 @@ var MultiSelectVue2 = {
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var focusedIndex = this.getFocusedState().focusedIndex;
       var translate = "translateY(" + vs.translate + "px)";
-      return (// @ts-ignore
+      return (// @ts-ignore  function children
         h(List, {
           id: this.base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -1006,12 +1008,8 @@ var MultiSelectVue2 = {
             textField: textField,
             valueField: dataItemKey,
             optionsGuid: this.base.guid,
-            wrapperStyle: vs.enabled ? {
-              float: 'left',
-              width: '100%'
-            } : {
-              maxHeight: popupSettings.height,
-              overflowY: 'scroll'
+            wrapperStyle: {
+              maxHeight: popupSettings.height
             },
             wrapperCssClass: 'k-list-content',
             listStyle: vs.enabled ? {
@@ -1029,12 +1027,8 @@ var MultiSelectVue2 = {
           valueField: dataItemKey,
           optionsGuid: this.base.guid,
           ref: 'list',
-          wrapperStyle: vs.enabled ? {
-            float: 'left',
-            width: '100%'
-          } : {
-            maxHeight: popupSettings.height,
-            overflowY: 'scroll'
+          wrapperStyle: {
+            maxHeight: popupSettings.height
           },
           wrapperCssClass: 'k-list-content',
           listStyle: vs.enabled ? {
@@ -1044,27 +1038,16 @@ var MultiSelectVue2 = {
           skip: skip,
           onListclick: this.handleItemClick,
           on: this.v3 ? undefined : {
-            "listclick": this.handleItemClick
+            "listclick": this.handleItemClick,
+            "scroll": vs.scrollHandler
           },
           itemRender: itemRender,
-          noDataRender: listNoDataRender
-        })
+          noDataRender: listNoDataRender,
+          onScroll: vs.scrollHandler
+        }, this.v3 ? function () {
+          return [renderScrollElement.call(_this2)];
+        } : [renderScrollElement.call(_this2)])
       );
-    }; // Common rendering
-
-
-    var renderScrollWrapper = function renderScrollWrapper(children) {
-      return vs.enabled ? h("div", {
-        onScroll: vs.scrollHandler,
-        on: this.v3 ? undefined : {
-          "scroll": vs.scrollHandler
-        },
-        ref: 'scroller',
-        style: {
-          height: popupSettings.height,
-          overflowY: 'scroll'
-        }
-      }, [children]) : children;
     };
 
     var renderScrollElement = function renderScrollElement() {
@@ -1075,7 +1058,7 @@ var MultiSelectVue2 = {
     };
 
     var renderListContainer = function renderListContainer() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _a;
 
@@ -1153,8 +1136,16 @@ var MultiSelectVue2 = {
           },
           itemsCount: dataItems.length
         }, this.v3 ? function () {
-          return [virtual && header, renderScrollWrapper.call(_this2, [!virtual && header, customItem, renderList.call(_this2), !virtual && footer, renderScrollElement.call(_this2)]), virtual && footer];
-        } : [virtual && header, renderScrollWrapper.call(_this2, [!virtual && header, customItem, renderList.call(_this2), !virtual && footer, renderScrollElement.call(_this2)]), virtual && footer])
+          return [header && h("div", {
+            "class": "k-list-header"
+          }, [header]), customItem, renderList.call(_this3), footer && h("div", {
+            "class": "k-list-footer"
+          }, [footer]), virtual && header];
+        } : [header && h("div", {
+          "class": "k-list-header"
+        }, [header]), customItem, renderList.call(_this3), footer && h("div", {
+          "class": "k-list-footer"
+        }, [footer]), virtual && header])
       );
     };
 

package/dist/es/common/DropDownBase.js

@@ -190,8 +190,11 @@ function () {
     if (item && itemIndex >= 0) {
       var vs = this.vs;
       var scrollElement = vs.container || list.parentNode;
-      var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
-      scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
+
+      if (scrollElement) {
+        var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
+        scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);
+      }
     }
   };
 

package/dist/es/common/List.d.ts

@@ -24,12 +24,14 @@ export interface ListProps {
     onClick?: (index: number, event: any) => void;
     itemRender?: any;
     noDataRender?: any;
+    scroller?: boolean;
 }
 /**
  * @hidden
  */
 export interface ListMethods extends Vue2type {
     handleClick: (e: any) => void;
+    handleScroll: (e: any) => void;
 }
 /**
  * @hidden

package/dist/es/common/List.js

@@ -6,7 +6,7 @@ var ref = allVue.ref;
 var inject = allVue.inject;
 import { ListItem } from './ListItem';
 import { areSame } from './utils';
-import { getTemplate } from '@progress/kendo-vue-common';
+import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { messages, nodata } from '../messages';
 /**
@@ -15,6 +15,11 @@ import { messages, nodata } from '../messages';
 
 var ListVue2 = {
   name: 'list',
+  // @ts-ignore
+  emits: {
+    listclick: null,
+    scroll: null
+  },
   props: {
     id: String,
     show: Boolean,
@@ -33,7 +38,8 @@ var ListVue2 = {
       default: true
     },
     itemRender: [String, Function, Object],
-    noDataRender: [String, Function, Object]
+    noDataRender: [String, Function, Object],
+    scroller: Boolean
   },
   inject: {
     kendoLocalizationService: {
@@ -57,6 +63,9 @@ var ListVue2 = {
   methods: {
     handleClick: function handleClick(index, e) {
       this.$emit('listclick', index, e);
+    },
+    handleScroll: function handleScroll(e) {
+      this.$emit('scroll', e);
     }
   },
   // @ts-ignore
@@ -64,6 +73,7 @@ var ListVue2 = {
     var _this = this;
 
     var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
     var _a = this.$props,
         id = _a.id,
@@ -137,6 +147,10 @@ var ListVue2 = {
       unselectable: 'on',
       attrs: this.v3 ? undefined : {
         unselectable: 'on'
+      },
+      onScroll: this.handleScroll,
+      on: this.v3 ? undefined : {
+        "scroll": this.handleScroll
       }
     }, [h("ul", {
       id: id,
@@ -152,7 +166,7 @@ var ListVue2 = {
         _this.listRef = el;
       } : 'list',
       style: listStyle
-    }, [items])]) : renderNoValueElement.call(this);
+    }, [items]), defaultSlot]) : renderNoValueElement.call(this);
   }
 };
 var List = ListVue2;

package/dist/es/common/ListDefaultItem.js

@@ -44,6 +44,9 @@ var ListDefaultItemVue2 = {
         "mousedown": this.onMouseDown
       },
       onMousedown: this.onMouseDown,
+      style: {
+        position: 'unset'
+      },
       "class": classNames('k-list-optionlabel', {
         'k-selected': selected
       })

package/dist/es/common/ListFilter.d.ts

@@ -10,6 +10,9 @@ export interface ListFilterProps {
     value?: string;
     onChange?: any;
     onKeyDown?: any;
+    size?: null | 'small' | 'medium' | 'large' | string;
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
 }
 /**
  * @hidden

package/dist/es/common/ListFilter.js

@@ -3,6 +3,9 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var ref = allVue.ref;
+import { kendoThemeMaps } from '@progress/kendo-vue-common';
+var sizeMap = kendoThemeMaps.sizeMap,
+    roundedMap = kendoThemeMaps.roundedMap;
 /**
  * Represents the default `ListFilter` component.
  */
@@ -15,7 +18,41 @@ var ListFilterVue2 = {
     change: null
   },
   props: {
-    value: String
+    value: String,
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return ['solid', 'flat', 'outline'].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large'].includes(value);
+      }
+    }
+  },
+  computed: {
+    spanClass: function spanClass() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          rounded = _b.rounded,
+          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;
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -45,7 +82,7 @@ var ListFilterVue2 = {
     return h("span", {
       "class": "k-list-filter"
     }, [h("span", {
-      "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+      "class": this.spanClass
     }, [h("input", {
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
@@ -65,6 +102,8 @@ var ListFilterVue2 = {
         "keydown": this.onKeyDown
       },
       onKeydown: this.onKeyDown
+    }), h("span", {
+      "class": "k-input-icon k-icon k-i-search"
     })])]);
   }
 };

package/dist/es/common/ListItem.js

@@ -76,6 +76,9 @@ var ListItemVue2 = {
       onClick: this.handleClick,
       on: this.v3 ? undefined : {
         "click": this.handleClick
+      },
+      style: {
+        position: 'unset'
       }
     }, [h("span", {
       "class": "k-list-item-text"

package/dist/es/common/VirtualScroll.js

@@ -89,8 +89,9 @@ function () {
   VirtualScroll.prototype.scrollToEnd = function () {
     if (this.container && this.list) {
       this.calcScrollElementHeight();
-      this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
-      this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
+      this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight; //   this.translateTo(this.container.scrollHeight - this.list.offsetHeight);
+
+      this.translateTo(this.container.scrollHeight); // - this.list.offsetHeight
     }
   };
 
@@ -182,8 +183,9 @@ function () {
   };
 
   VirtualScroll.prototype.validateTranslate = function (translate) {
-    translate = Math.max(0, translate);
-    translate = Math.min(this.containerHeight - this.list.offsetHeight, translate);
+    translate = Math.max(0, translate); // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
+
+    translate = Math.min(this.containerHeight, translate);
     return translate;
   };
 

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641982011,
+    publishDate: 1642407385,
     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/npm/AutoComplete/AutoComplete.js

@@ -240,7 +240,7 @@ var AutoCompleteVue2 = {
         return {
           'k-floating-label-container': true,
           'k-focus': this.currentFocused,
-          'k-empty': !this.computedValue(),
+          'k-state-empty': !this.computedValue(),
           'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };