@progress/kendo-vue-dropdowns 2.7.3-dev.202201070829 → 2.8.0-dev.202201131525

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

@@ -1,4 +1,4 @@
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -24,12 +24,14 @@ export interface ListProps {
     onClick?: (index: number, event: any) => void;
     itemRender?: any;
     noDataRender?: any;
+    scroller?: boolean;
 }
 /**
  * @hidden
  */
-export interface ListMethods extends Vue {
+export interface ListMethods extends Vue2type {
     handleClick: (e: any) => void;
+    handleScroll: (e: any) => void;
 }
 /**
  * @hidden
@@ -48,5 +50,6 @@ export interface ListAll extends ListMethods, ListState {
 /**
  * Represents the default `List` component.
  */
-declare let List: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ListMethods>, {}, RecordPropsDefinition<ListProps>>;
-export { List };
+declare let ListVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListMethods>, {}, RecordPropsDefinition<ListProps>>;
+declare const List: DefineComponent<{}, any, {}, {}, ListMethods, {}, {}, {}, string, {}, {}, {}>;
+export { List, ListVue2 };

package/dist/npm/common/List.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.List = void 0; // @ts-ignore
+exports.ListVue2 = exports.List = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -26,8 +26,13 @@ var messages_1 = require("../messages");
  */
 
 
-var List = {
+var ListVue2 = {
   name: 'list',
+  // @ts-ignore
+  emits: {
+    listclick: null,
+    scroll: null
+  },
   props: {
     id: String,
     show: Boolean,
@@ -46,7 +51,8 @@ var List = {
       default: true
     },
     itemRender: [String, Function, Object],
-    noDataRender: [String, Function, Object]
+    noDataRender: [String, Function, Object],
+    scroller: Boolean
   },
   inject: {
     kendoLocalizationService: {
@@ -70,6 +76,9 @@ var List = {
   methods: {
     handleClick: function handleClick(index, e) {
       this.$emit('listclick', index, e);
+    },
+    handleScroll: function handleScroll(e) {
+      this.$emit('scroll', e);
     }
   },
   // @ts-ignore
@@ -77,6 +86,7 @@ var List = {
     var _this = this;
 
     var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
     var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
     var _a = this.$props,
         id = _a.id,
@@ -150,6 +160,10 @@ var List = {
       unselectable: 'on',
       attrs: this.v3 ? undefined : {
         unselectable: 'on'
+      },
+      onScroll: this.handleScroll,
+      on: this.v3 ? undefined : {
+        "scroll": this.handleScroll
       }
     }, [h("ul", {
       id: id,
@@ -160,12 +174,14 @@ var List = {
       },
       role: "listbox",
       "aria-hidden": !show ? true : undefined,
-      "class": 'k-list k-reset',
+      "class": 'k-list-ul',
       ref: this.v3 ? function (el) {
         _this.listRef = el;
       } : 'list',
       style: listStyle
-    }, [items])]) : renderNoValueElement.call(this);
+    }, [items]), defaultSlot]) : renderNoValueElement.call(this);
   }
 };
+exports.ListVue2 = ListVue2;
+var List = ListVue2;
 exports.List = List;

package/dist/npm/common/ListContainer.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -24,7 +23,7 @@ export interface ListContainerState {
 /**
  * @hidden
  */
-export interface ListContainerMethods extends Vue {
+export interface ListContainerMethods extends Vue2type {
     onMouseDown: (e: any) => void;
     onBlur: (e: any) => void;
     onOpen: (e: any) => void;
@@ -33,6 +32,6 @@ export interface ListContainerMethods extends Vue {
 /**
  * Represents the default `ListContainer` component.
  */
-declare let ListContainer: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ListContainerMethods>, {}, RecordPropsDefinition<ListContainerProps>>;
-declare const ListContainerVue3: DefineComponent<ListContainerProps, any, {}, {}, ListContainerMethods, {}, {}, {}, string, ListContainerProps, ListContainerProps, {}>;
-export { ListContainer, ListContainerVue3 };
+declare let ListContainerVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListContainerMethods>, {}, RecordPropsDefinition<ListContainerProps>>;
+declare const ListContainer: DefineComponent<ListContainerProps, any, {}, {}, ListContainerMethods, {}, {}, {}, string, ListContainerProps, ListContainerProps, {}>;
+export { ListContainer, ListContainerVue2 };

package/dist/npm/common/ListContainer.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListContainerVue3 = exports.ListContainer = void 0; // @ts-ignore
+exports.ListContainerVue2 = exports.ListContainer = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var ListContainer = {
+var ListContainerVue2 = {
   name: 'list-container',
   // @ts-ignore
   emits: {
@@ -78,7 +78,8 @@ var ListContainer = {
         dir = _a.dir,
         popupSettings = _a.popupSettings; // @ts-ignore
 
-    var className = popupSettings.className,
+    var popupClass = popupSettings.popupClass,
+        className = popupSettings.className,
         animate = popupSettings.animate,
         anchor = popupSettings.anchor,
         show = popupSettings.show,
@@ -111,6 +112,7 @@ var ListContainer = {
         onClose: this.onClose
       }, this.v3 ? function () {
         return [h("div", {
+          "class": popupClass,
           onMousedown: _this.onMouseDown,
           on: _this.v3 ? undefined : {
             "mousedown": _this.onMouseDown,
@@ -119,6 +121,7 @@ var ListContainer = {
           onFocusout: _this.onBlur
         }, [defaultSlot])];
       } : [h("div", {
+        "class": popupClass,
         onMousedown: _this.onMouseDown,
         on: _this.v3 ? undefined : {
           "mousedown": _this.onMouseDown,
@@ -129,6 +132,6 @@ var ListContainer = {
     );
   }
 };
-exports.ListContainer = ListContainer;
-var ListContainerVue3 = ListContainer;
-exports.ListContainerVue3 = ListContainerVue3;
+exports.ListContainerVue2 = ListContainerVue2;
+var ListContainer = ListContainerVue2;
+exports.ListContainer = ListContainer;

package/dist/npm/common/ListDefaultItem.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -15,13 +14,13 @@ export interface DefaultItemProps {
 /**
  * @hidden
  */
-export interface ListDefaultItemMethods extends Vue {
+export interface ListDefaultItemMethods extends Vue2type {
     onMouseDown: (e: any) => void;
     onClick: (e: any) => void;
 }
 /**
  * Represents the default `ListDefaultItem` component.
  */
-declare let ListDefaultItem: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ListDefaultItemMethods>, {}, RecordPropsDefinition<DefaultItemProps>>;
-declare const ListDefaultItemVue3: DefineComponent<DefaultItemProps, any, {}, {}, ListDefaultItemMethods, {}, {}, {}, string, DefaultItemProps, DefaultItemProps, {}>;
-export { ListDefaultItem, ListDefaultItemVue3 };
+declare let ListDefaultItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListDefaultItemMethods>, {}, RecordPropsDefinition<DefaultItemProps>>;
+declare const ListDefaultItem: DefineComponent<DefaultItemProps, any, {}, {}, ListDefaultItemMethods, {}, {}, {}, string, DefaultItemProps, DefaultItemProps, {}>;
+export { ListDefaultItem, ListDefaultItemVue2 };

package/dist/npm/common/ListDefaultItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListDefaultItemVue3 = exports.ListDefaultItem = void 0; // @ts-ignore
+exports.ListDefaultItemVue2 = exports.ListDefaultItem = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var utils_1 = require("./utils");
  */
 
 
-var ListDefaultItem = {
+var ListDefaultItemVue2 = {
   name: 'list-default-item',
   props: {
     defaultItem: [Object, String],
@@ -54,12 +54,15 @@ var ListDefaultItem = {
         "mousedown": this.onMouseDown
       },
       onMousedown: this.onMouseDown,
+      style: {
+        position: 'unset'
+      },
       "class": kendo_vue_common_1.classNames('k-list-optionlabel', {
-        'k-state-selected': selected
+        'k-selected': selected
       })
     }, [utils_1.getItemValue(defaultItem, textField) || '']);
   }
 };
-exports.ListDefaultItem = ListDefaultItem;
-var ListDefaultItemVue3 = ListDefaultItem;
-exports.ListDefaultItemVue3 = ListDefaultItemVue3;
+exports.ListDefaultItemVue2 = ListDefaultItemVue2;
+var ListDefaultItem = ListDefaultItemVue2;
+exports.ListDefaultItem = ListDefaultItem;

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

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -11,11 +10,14 @@ 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
  */
-export interface ListFilterMethods extends Vue {
+export interface ListFilterMethods extends Vue2type {
     [key: string]: any;
     onKeyDown: (e: any) => void;
     onChange: (e: any) => void;
@@ -36,6 +38,6 @@ export interface ListFilterAll extends ListFilterState, ListFilterMethods {
 /**
  * Represents the default `ListFilter` component.
  */
-declare let ListFilter: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ListFilterMethods>, {}, RecordPropsDefinition<ListFilterProps>>;
-declare const ListFilterVue3: DefineComponent<ListFilterProps, any, {}, {}, ListFilterMethods, {}, {}, {}, string, ListFilterProps, ListFilterProps, {}>;
-export { ListFilter, ListFilterVue3 };
+declare let ListFilterVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListFilterMethods>, {}, RecordPropsDefinition<ListFilterProps>>;
+declare const ListFilter: DefineComponent<ListFilterProps, any, {}, {}, ListFilterMethods, {}, {}, {}, string, ListFilterProps, ListFilterProps, {}>;
+export { ListFilter, ListFilterVue2 };

package/dist/npm/common/ListFilter.js

@@ -3,18 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListFilterVue3 = exports.ListFilter = void 0; // @ts-ignore
+exports.ListFilterVue2 = exports.ListFilter = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
 var ref = allVue.ref;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap,
+    roundedMap = kendo_vue_common_1.kendoThemeMaps.roundedMap;
 /**
  * Represents the default `ListFilter` component.
  */
 
-var ListFilter = {
+var ListFilterVue2 = {
   name: 'list-filter',
   // @ts-ignore
   emits: {
@@ -22,7 +27,41 @@ var ListFilter = {
     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 () {
@@ -51,15 +90,21 @@ var ListFilter = {
     var h = gh || createElement;
     return h("span", {
       "class": "k-list-filter"
+    }, [h("span", {
+      "class": this.spanClass
     }, [h("input", {
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text"
+      },
       value: this.v3 ? this.$props.value || '' : null,
       domProps: this.v3 ? undefined : {
         "value": this.$props.value || ''
       },
-      "class": "k-textbox",
+      "class": "k-input-inner",
       onInput: this.onChange,
       on: this.v3 ? undefined : {
         "input": this.onChange,
@@ -67,10 +112,10 @@ var ListFilter = {
       },
       onKeydown: this.onKeyDown
     }), h("span", {
-      "class": "k-icon k-i-search"
-    })]);
+      "class": "k-input-icon k-icon k-i-search"
+    })])]);
   }
 };
-exports.ListFilter = ListFilter;
-var ListFilterVue3 = ListFilter;
-exports.ListFilterVue3 = ListFilterVue3;
+exports.ListFilterVue2 = ListFilterVue2;
+var ListFilter = ListFilterVue2;
+exports.ListFilter = ListFilter;

package/dist/npm/common/ListItem.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -56,12 +55,12 @@ export interface ListItemComputed {
 /**
  * @hidden
  */
-export interface ListItemAll extends Vue, ListItemMethods, ListItemComputed {
+export interface ListItemAll extends Vue2type, ListItemMethods, ListItemComputed {
     itemClass: object;
 }
 /**
  * Represents the default `ListItem` component.
  */
-declare let ListItem: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ListItemAll>, ListItemComputed, RecordPropsDefinition<ListItemProps>>;
-declare const ListItemVue3: DefineComponent<ListItemProps, any, {}, {}, ListItemMethods, {}, {}, {}, string, ListItemProps, ListItemProps, {}>;
-export { ListItem, ListItemVue3 };
+declare let ListItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ListItemAll>, ListItemComputed, RecordPropsDefinition<ListItemProps>>;
+declare const ListItem: DefineComponent<ListItemProps, any, {}, {}, ListItemMethods, {}, {}, {}, string, ListItemProps, ListItemProps, {}>;
+export { ListItem, ListItemVue2 };

package/dist/npm/common/ListItem.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListItemVue3 = exports.ListItem = void 0; // @ts-ignore
+exports.ListItemVue2 = exports.ListItem = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -34,7 +34,7 @@ var utils_1 = require("./utils");
  */
 
 
-var ListItem = {
+var ListItemVue2 = {
   name: 'list-item',
   props: {
     id: String,
@@ -55,9 +55,9 @@ var ListItem = {
   computed: {
     itemClass: function itemClass() {
       return {
-        'k-item': true,
-        'k-state-selected': this.$props.selected,
-        'k-state-focused': this.$props.focused
+        'k-list-item': true,
+        'k-selected': this.$props.selected,
+        'k-focus': this.$props.focused
       };
     }
   },
@@ -79,12 +79,20 @@ var ListItem = {
       },
       role: "option",
       "aria-selected": selected,
-      "class": this.itemClass,
+      "class": kendo_vue_common_1.classNames('k-list-item', {
+        'k-selected': selected,
+        'k-focus': this.$props.focused
+      }),
       onClick: this.handleClick,
       on: this.v3 ? undefined : {
         "click": this.handleClick
+      },
+      style: {
+        position: 'unset'
       }
-    }, [utils_1.getItemValue(this.$props.dataItem, this.$props.textField).toString()]);
+    }, [h("span", {
+      "class": "k-list-item-text"
+    }, [utils_1.getItemValue(this.$props.dataItem, this.$props.textField).toString()])]);
     return kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: this.$props.render,
@@ -98,6 +106,6 @@ var ListItem = {
     });
   }
 };
-exports.ListItem = ListItem;
-var ListItemVue3 = ListItem;
-exports.ListItemVue3 = ListItemVue3;
+exports.ListItemVue2 = ListItemVue2;
+var ListItem = ListItemVue2;
+exports.ListItem = ListItem;

package/dist/npm/common/SearchBar.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => SearchBarData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -28,11 +27,12 @@ export interface SearchBarProps {
     clearButton?: boolean;
     clearButtonClick?: any;
     accessKey?: string;
+    ariaLabelledBy?: string;
 }
 /**
  * @hidden
  */
-export interface SearchBarMethods extends Vue {
+export interface SearchBarMethods extends Vue2type {
     onChange: (e: any) => void;
     onBlur: (e: any) => void;
     onFocus: (e: any) => void;
@@ -57,6 +57,6 @@ export interface SearchBarAll extends SearchBarMethods, SearchBarData {
 /**
  * Represents the default `SearchBar` component.
  */
-declare let SearchBar: ComponentOptions<Vue, DefaultData<SearchBarData>, DefaultMethods<SearchBarAll>, {}, RecordPropsDefinition<SearchBarProps>>;
-declare const SearchBarVue3: DefineComponent<SearchBarProps, any, SearchBarData, {}, SearchBarMethods, {}, {}, {}, string, SearchBarProps, SearchBarProps, {}>;
-export { SearchBar, SearchBarVue3 };
+declare let SearchBarVue2: ComponentOptions<Vue2type, DefaultData<SearchBarData>, DefaultMethods<SearchBarAll>, {}, RecordPropsDefinition<SearchBarProps>>;
+declare const SearchBar: DefineComponent<SearchBarProps, any, SearchBarData, {}, SearchBarMethods, {}, {}, {}, string, SearchBarProps, SearchBarProps, {}>;
+export { SearchBar, SearchBarVue2 };

package/dist/npm/common/SearchBar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchBarVue3 = exports.SearchBar = void 0; // @ts-ignore
+exports.SearchBarVue2 = exports.SearchBar = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -17,7 +17,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var SearchBar = {
+var SearchBarVue2 = {
   name: 'search-bar',
   // @ts-ignore
   emits: {
@@ -45,7 +45,8 @@ var SearchBar = {
     activedescendant: String,
     describedby: String,
     clearButton: Boolean,
-    accessKey: String
+    accessKey: String,
+    ariaLabelledBy: String
   },
   data: function data() {
     return {
@@ -117,11 +118,7 @@ var SearchBar = {
     var _this = this;
 
     var h = gh || createElement;
-    var suggestedText = this.$props.suggestedText;
-    return h("span", {
-      "class": "k-searchbar",
-      key: "searchbar"
-    }, [h("input", {
+    return h("input", {
       autoComplete: "off",
       attrs: this.v3 ? undefined : {
         autoComplete: "off",
@@ -140,12 +137,14 @@ var SearchBar = {
         "aria-expanded": this.$props.expanded || false,
         "aria-owns": this.$props.owns,
         "aria-activedescendant": this.$props.activedescendant,
-        "aria-describedby": this.$props.describedby
+        "aria-describedby": this.$props.describedby,
+        "aria-labelledby": this.$props.ariaLabelledBy
       },
       id: this.$props.id,
       type: "text",
+      key: "searchbar",
       placeholder: this.$props.placeholder,
-      "class": "k-input",
+      "class": "k-input-inner",
       tabIndex: this.$props.tabIndex,
       accessKey: this.$props.accessKey,
       role: "listbox",
@@ -175,10 +174,11 @@ var SearchBar = {
       "aria-expanded": this.$props.expanded || false,
       "aria-owns": this.$props.owns,
       "aria-activedescendant": this.$props.activedescendant,
-      "aria-describedby": this.$props.describedby
-    })]);
+      "aria-describedby": this.$props.describedby,
+      "aria-labelledby": this.$props.ariaLabelledBy
+    });
   }
 };
-exports.SearchBar = SearchBar;
-var SearchBarVue3 = SearchBar;
-exports.SearchBarVue3 = SearchBarVue3;
+exports.SearchBarVue2 = SearchBarVue2;
+var SearchBar = SearchBarVue2;
+exports.SearchBar = SearchBar;

package/dist/npm/common/VirtualScroll.js

@@ -94,8 +94,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
     }
   };
 
@@ -187,8 +188,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/npm/main.d.ts

@@ -1,13 +1,13 @@
 import { FormComponentValidity } from '@progress/kendo-vue-common';
-import { DropDownList, DropDownListVue3 } from './DropDownList/DropDownList';
+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, ComboBoxVue3 } from './ComboBox/ComboBox';
+import { ComboBox, ComboBoxVue2 } from './ComboBox/ComboBox';
 import { ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent } from './ComboBox/ComboBoxProps';
-import { AutoComplete, AutoCompleteVue3 } from './AutoComplete/AutoComplete';
+import { AutoComplete, AutoCompleteVue2 } from './AutoComplete/AutoComplete';
 import { AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent } from './AutoComplete/AutoCompleteProps';
-import { MultiSelect, MultiSelectVue3 } from './MultiSelect/MultiSelect';
+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, AutoCompleteVue3, AutoCompleteProps, AutoCompleteChangeEvent, AutoCompleteOpenEvent, AutoCompleteCloseEvent, AutoCompleteFocusEvent, AutoCompleteBlurEvent, DropDownList, DropDownListVue3, DropDownListProps, DropDownListFilterChangeEvent, DropDownListChangeEvent, DropDownListOpenEvent, DropDownListCloseEvent, DropDownListFocusEvent, DropDownListBlurEvent, DropDownListPageChangeEvent, Page, VirtualizationSettings, DropDownsPopupSettings, ListItemProps, Suggestion, ComboBox, ComboBoxVue3, ComboBoxProps, ComboBoxFilterChangeEvent, ComboBoxChangeEvent, ComboBoxOpenEvent, ComboBoxCloseEvent, ComboBoxFocusEvent, ComboBoxBlurEvent, ComboBoxPageChangeEvent, MultiSelect, MultiSelectVue3, MultiSelectProps, MultiSelectChangeEvent, MultiSelectPageChangeEvent, MultiSelectFilterChangeEvent, MultiSelectOpenEvent, MultiSelectCloseEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectTagData, FormComponentValidity };
+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/npm/main.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSelectVue3 = exports.MultiSelect = exports.ComboBoxVue3 = exports.ComboBox = exports.DropDownListVue3 = exports.DropDownList = exports.AutoCompleteVue3 = exports.AutoComplete = void 0;
+exports.MultiSelectVue2 = exports.MultiSelect = exports.ComboBoxVue2 = exports.ComboBox = exports.DropDownListVue2 = exports.DropDownList = exports.AutoCompleteVue2 = exports.AutoComplete = void 0;
 var DropDownList_1 = require("./DropDownList/DropDownList");
 Object.defineProperty(exports, "DropDownList", { enumerable: true, get: function () { return DropDownList_1.DropDownList; } });
-Object.defineProperty(exports, "DropDownListVue3", { enumerable: true, get: function () { return DropDownList_1.DropDownListVue3; } });
+Object.defineProperty(exports, "DropDownListVue2", { enumerable: true, get: function () { return DropDownList_1.DropDownListVue2; } });
 var ComboBox_1 = require("./ComboBox/ComboBox");
 Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return ComboBox_1.ComboBox; } });
-Object.defineProperty(exports, "ComboBoxVue3", { enumerable: true, get: function () { return ComboBox_1.ComboBoxVue3; } });
+Object.defineProperty(exports, "ComboBoxVue2", { enumerable: true, get: function () { return ComboBox_1.ComboBoxVue2; } });
 var AutoComplete_1 = require("./AutoComplete/AutoComplete");
 Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return AutoComplete_1.AutoComplete; } });
-Object.defineProperty(exports, "AutoCompleteVue3", { enumerable: true, get: function () { return AutoComplete_1.AutoCompleteVue3; } });
+Object.defineProperty(exports, "AutoCompleteVue2", { enumerable: true, get: function () { return AutoComplete_1.AutoCompleteVue2; } });
 var MultiSelect_1 = require("./MultiSelect/MultiSelect");
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-Object.defineProperty(exports, "MultiSelectVue3", { enumerable: true, get: function () { return MultiSelect_1.MultiSelectVue3; } });
+Object.defineProperty(exports, "MultiSelectVue2", { enumerable: true, get: function () { return MultiSelect_1.MultiSelectVue2; } });