@progress/kendo-vue-dropdowns 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/common/VirtualScroll.js

@@ -2,13 +2,9 @@ var maxHeightIE = 1533915;
 /**
  * @hidden
  */
-
-var VirtualScroll =
-/** @class */
-function () {
+var VirtualScroll = /** @class */function () {
   function VirtualScroll() {
     var _this = this;
-
     this.containerHeight = 0;
     this.skip = 0;
     this.total = 0;
@@ -18,39 +14,31 @@ function () {
     this.prevScrollPos = 0;
     this.listTranslate = 0;
     this.scrollSyncing = false;
-
     this.scrollerRef = function (element) {
       var vs = _this;
       vs.container = element;
-
       if (element) {
         element.setAttribute('unselectable', 'on');
         setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
       }
     };
-
     this.calcScrollElementHeight = function () {
       _this.scrollSyncing = true;
       var heightChanged = false;
       _this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;
       _this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);
       var newHeight = _this.containerHeight;
-
       if (_this.scrollElement) {
         heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
-
         if (heightChanged) {
           _this.scrollElement.style.height = newHeight + 'px';
         }
       }
-
       _this.scrollSyncing = false;
       return heightChanged;
     };
-
     this.scrollHandler = this.scrollHandler.bind(this);
   }
-
   Object.defineProperty(VirtualScroll.prototype, "translate", {
     get: function get() {
       return this.listTranslate;
@@ -58,10 +46,8 @@ function () {
     enumerable: false,
     configurable: true
   });
-
   VirtualScroll.prototype.changePage = function (skip, e) {
     var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
-
     if (newSkip !== this.skip) {
       this.PageChange({
         skip: newSkip,
@@ -69,15 +55,12 @@ function () {
       }, e);
     }
   };
-
   VirtualScroll.prototype.translateTo = function (dY) {
     this.listTranslate = dY;
-
     if (this.list) {
       this.list.style.transform = 'translateY(' + dY + 'px)';
     }
   };
-
   VirtualScroll.prototype.reset = function () {
     if (this.container) {
       this.calcScrollElementHeight();
@@ -85,12 +68,11 @@ function () {
       this.translateTo(0);
     }
   };
-
   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
     }
   };
@@ -101,51 +83,40 @@ function () {
     var targetTranslate = this.listTranslate;
     var items;
     var additionalOnTop = scrollTop - targetTranslate;
-
     if (additionalOnTop > height) {
       return;
     }
-
     for (items = 0; items < this.skip; items++) {
       if (targetTranslate + height + additionalOnTop <= scrollTop) {
         break;
       }
-
       targetTranslate -= height;
     }
-
     targetTranslate = this.validateTranslate(targetTranslate);
-
     if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
       this.translateTo(0);
       this.changePage(0, e);
       this.container.scrollTop = 0;
       return;
     }
-
     if (targetTranslate !== this.listTranslate) {
       this.translateTo(targetTranslate);
       this.changePage(this.skip - items, e);
     }
   };
-
   VirtualScroll.prototype.localScrollDown = function (e) {
     var height = this.itemHeight;
     var scrollTop = this.container.scrollTop;
     var targetTranslate = this.listTranslate;
     var itemsLenght = this.list.children.length;
     var items;
-
     for (items = 0; items < itemsLenght; items++) {
       if (targetTranslate + height >= scrollTop) {
         break;
       }
-
       targetTranslate += height;
     }
-
     targetTranslate = this.validateTranslate(targetTranslate);
-
     if (items >= itemsLenght && this.skip + items >= this.total) {
       this.translateTo(targetTranslate);
       this.changePage(this.total - 1, e);
@@ -154,7 +125,6 @@ function () {
       this.changePage(this.skip + items, e);
     }
   };
-
   VirtualScroll.prototype.scrollNonStrict = function (e) {
     var floatItemIndex = this.total * this.prevScrollPos / this.containerHeight;
     var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
@@ -163,17 +133,14 @@ function () {
     this.translateTo(targetTranslate);
     this.changePage(itemIndex, e);
   };
-
   VirtualScroll.prototype.scrollHandler = function (e) {
     var scrollTop = this.container ? this.container.scrollTop : 0;
     var prev = this.prevScrollPos;
     this.prevScrollPos = scrollTop;
     this.ScrollChange(e);
-
     if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
       return;
     }
-
     if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
       this.localScrollUp(e);
     } else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
@@ -182,15 +149,12 @@ function () {
       this.scrollNonStrict(e);
     }
   };
-
   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;
   };
-
   return VirtualScroll;
 }();
-
 export default VirtualScroll;

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: 1665151194,
+    publishDate: 1666103390,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/AutoComplete/AutoComplete.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -28,12 +24,11 @@ import { ClearButton } from '../common/ClearButton.js';
 import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils.js';
 import { guid, Keys, classNames, templateRendering, getListeners, getTemplate, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 var sizeMap = kendoThemeMaps.sizeMap,
-    roundedMap = kendoThemeMaps.roundedMap;
+  roundedMap = kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
  */
-
 var AutoCompleteVue2 = {
   name: 'KendoAutoComplete',
   model: {
@@ -172,8 +167,8 @@ var AutoCompleteVue2 = {
     };
   },
   mounted: function mounted() {
-    this.hasMounted = true; // @ts-ignore
-
+    this.hasMounted = true;
+    // @ts-ignore
     this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;
     this.base.wrapper = getRef(this, 'kendoAnchor', this.anchor);
     this.element = getRef(this, 'kendoAnchor', this.anchor);
@@ -196,7 +191,7 @@ var AutoCompleteVue2 = {
   },
   updated: function updated() {
     var _a = this.$props.dataItems,
-        dataItems = _a === void 0 ? [] : _a;
+      dataItems = _a === void 0 ? [] : _a;
     var focusedIndex = this.focusedIndex();
     var focusedItem = dataItems[focusedIndex];
     var dataChanged = this.prevData !== dataItems;
@@ -205,18 +200,15 @@ var AutoCompleteVue2 = {
     var prevOpened = this.prevOpened !== undefined ? this.prevOpened : this.prevCurrentOpened;
     var opening = !prevOpened && opened;
     var list = this.$refs.list;
-
     if (list) {
       // @ts-ignore
-      this.base.vs.list = list.list; // @ts-ignore
-
+      this.base.vs.list = list.list;
+      // @ts-ignore
       this.base.list = list.list;
     }
-
     if (dataItems.length && (opened && (focusedItemChanged || dataChanged) || opening)) {
       this.base.scrollToItem(focusedIndex);
     }
-
     this.setValidity();
   },
   computed: {
@@ -241,7 +233,6 @@ var AutoCompleteVue2 = {
     },
     computedValue: function computedValue() {
       var value;
-
       if (this.valueDuringOnChange !== undefined) {
         value = this.valueDuringOnChange;
       } else if (this.$props.value !== undefined) {
@@ -253,7 +244,6 @@ var AutoCompleteVue2 = {
       } else if (this.$props.defaultValue !== undefined) {
         value = this.$props.defaultValue;
       }
-
       return value;
     },
     primitiveValue: function primitiveValue() {
@@ -272,17 +262,16 @@ var AutoCompleteVue2 = {
     },
     handleItemSelect: function handleItemSelect(index, state) {
       var _a = this.$props.dataItems,
-          dataItems = _a === void 0 ? [] : _a;
+        dataItems = _a === void 0 ? [] : _a;
       var newText = getItemValue(dataItems[index], this.$props.textField);
       this.triggerOnChange(newText, state);
     },
     itemFocus: function itemFocus(index, state) {
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          textField = _a.textField;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        textField = _a.textField;
       var focusedItem = dataItems[index];
-
       if (!areSame(this.$data.focusedItem, focusedItem, textField)) {
         state.data.focusedItem = focusedItem;
       }
@@ -292,13 +281,12 @@ var AutoCompleteVue2 = {
     },
     onNavigate: function onNavigate(state, keyCode) {
       var _this = this;
-
       var typedText = this.computedValue();
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          textField = _a.textField,
-          focusedItemIndex = _a.focusedItemIndex;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        textField = _a.textField,
+        focusedItemIndex = _a.focusedItemIndex;
       var focusedIndex = this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
         return areSame(i, _this.$data.focusedItem, textField);
       }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf(getFocusedItem(dataItems, typedText, textField));
@@ -308,34 +296,28 @@ var AutoCompleteVue2 = {
         max: dataItems.length - 1,
         min: 0
       });
-
       if (newFocused !== undefined) {
         this.itemFocus(newFocused, state);
       }
-
       this.applyState(state);
     },
-
     /**
      * @hidden
      */
     applyInputValue: function applyInputValue(value, state, eventKey) {
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          textField = _a.textField;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        textField = _a.textField;
       this.suggested = '';
-
       if (opened && eventKey === Keys.enter) {
         var newValue = getItemValue(dataItems[this.focusedIndex(value)], textField);
         this.triggerOnChange(newValue, state);
       }
-
       if (opened) {
         this.togglePopup(state);
       }
-
       this.applyState(state);
     },
     setValidity: function setValidity() {
@@ -361,14 +343,12 @@ var AutoCompleteVue2 = {
       var deleting = prevUserInput && prevUserInput.length > value.length;
       var suggest = this.$props.suggest;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-
       if (suggest !== undefined && suggest !== false) {
         if (deletedSuggestion || deleting || !selectionAtEnd) {
           this.suggested = '';
         } else {
           this.suggestValue(value);
         }
-
         var newValue = value + this.suggested;
         var suggestion = {
           userInput: value,
@@ -381,11 +361,9 @@ var AutoCompleteVue2 = {
         this.suggested = '';
         this.triggerOnChange(value, state);
       }
-
       if (!opened && value || opened && !value) {
         this.togglePopup(state);
       }
-
       state.data.focusedItem = undefined;
       this.applyState(state);
     },
@@ -397,15 +375,12 @@ var AutoCompleteVue2 = {
       var newValue = '';
       this.suggested = '';
       this.triggerOnChange(newValue, state);
-
       if (this.$data.focusedItem !== undefined) {
         state.data.focusedItem = undefined;
       }
-
       if (opened) {
         this.togglePopup(state);
       }
-
       this.applyState(state);
     },
     onInputKeyDown: function onInputKeyDown(event) {
@@ -414,13 +389,11 @@ var AutoCompleteVue2 = {
       var state = this.base.initState();
       var value = this.computedValue();
       state.event = event;
-
       var preventDefault = function preventDefault() {
         if (opened) {
           event.preventDefault();
         }
       };
-
       if (keyCode === Keys.enter || opened && keyCode === Keys.esc || event.altKey && keyCode === Keys.up) {
         preventDefault();
         this.applyInputValue(event.currentTarget.value, state, event.keyCode);
@@ -449,9 +422,8 @@ var AutoCompleteVue2 = {
     triggerOnChange: function triggerOnChange(newValue, state, eventArgs) {
       if (this.computedValue() === newValue && !eventArgs) {
         return;
-      } // @ts-ignore
-
-
+      }
+      // @ts-ignore
       state.data.currentValue = newValue;
       this.valueDuringOnChange = newValue;
       state.events.push(__assign({
@@ -464,17 +436,14 @@ var AutoCompleteVue2 = {
     },
     suggestValue: function suggestValue(value) {
       this.suggested = '';
-
       if (value) {
         var _a = this.$props,
-            _b = _a.dataItems,
-            dataItems = _b === void 0 ? [] : _b,
-            textField = _a.textField;
+          _b = _a.dataItems,
+          dataItems = _b === void 0 ? [] : _b,
+          textField = _a.textField;
         var suggestedItem = dataItems[itemIndexStartsWith(dataItems, value, textField)];
-
         if (suggestedItem) {
           var suggestedText = getItemValue(suggestedItem, textField);
-
           if (value.toLowerCase() !== suggestedText.toLowerCase()) {
             this.suggested = suggestedText.substring(value.length);
           }
@@ -483,12 +452,11 @@ var AutoCompleteVue2 = {
     },
     focusedIndex: function focusedIndex(value) {
       var _this = this;
-
       var _a = this.$props,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b,
-          textField = _a.textField,
-          focusedItemIndex = _a.focusedItemIndex;
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b,
+        textField = _a.textField,
+        focusedItemIndex = _a.focusedItemIndex;
       var inputValue = value !== undefined ? value : this.computedValue();
       return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {
         return areSame(i, _this.$data.focusedItem, textField);
@@ -500,18 +468,17 @@ var AutoCompleteVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        dir = _b.dir,
-        disabled = _b.disabled,
-        label = _b.label,
-        size = _b.size,
-        rounded = _b.rounded,
-        fillMode = _b.fillMode,
-        style = _b.style,
-        loading = _b.loading,
-        suggest = _b.suggest;
+      dir = _b.dir,
+      disabled = _b.disabled,
+      label = _b.label,
+      size = _b.size,
+      rounded = _b.rounded,
+      fillMode = _b.fillMode,
+      style = _b.style,
+      loading = _b.loading,
+      suggest = _b.suggest;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var focused = this.currentFocused;
     var base = this.base;
@@ -522,20 +489,18 @@ var AutoCompleteVue2 = {
       animate: true,
       height: '200px'
     }, this.$props.popupSettings);
-
     if (typeof suggest === 'string') {
       this.suggested = suggest;
     }
-
     var renderSearchBar = function renderSearchBar(searchValue, searchId) {
       var _this = this;
-
       var _a = this.$props,
-          placeholder = _a.placeholder,
-          tabIndex = _a.tabIndex,
-          readonly = _a.readonly;
+        placeholder = _a.placeholder,
+        tabIndex = _a.tabIndex,
+        readonly = _a.readonly;
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(SearchBar, {
           id: searchId,
           attrs: this.v3 ? undefined : {
@@ -587,16 +552,16 @@ var AutoCompleteVue2 = {
         })
       );
     };
-
     var renderList = function renderList() {
       var _a = this.$props,
-          textField = _a.textField,
-          _b = _a.dataItems,
-          dataItems = _b === void 0 ? [] : _b;
+        textField = _a.textField,
+        _b = _a.dataItems,
+        dataItems = _b === void 0 ? [] : _b;
       var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));
       var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
-      return (// @ts-ignore
+      return (
+        // @ts-ignore
         h(List, {
           id: base.listBoxId,
           attrs: this.v3 ? undefined : {
@@ -638,12 +603,9 @@ var AutoCompleteVue2 = {
         })
       );
     };
-
     var renderListContainer = function renderListContainer() {
       var _this2 = this;
-
       var _a;
-
       var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));
       var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));
       var header = getTemplate.call(this, {
@@ -656,7 +618,8 @@ var AutoCompleteVue2 = {
       });
       var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;
       var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(ListContainer, {
           onMousedown: function onMousedown(e) {
             return e.preventDefault();
@@ -698,7 +661,6 @@ var AutoCompleteVue2 = {
         }, [footer])])
       );
     };
-
     var renderClearButton = function renderClearButton(cbutton) {
       if (cbutton) {
         // @ts-ignore  function children
@@ -710,20 +672,16 @@ var AutoCompleteVue2 = {
           key: "clearbutton"
         });
       }
-
       return h("span");
     };
-
     var renderLoading = function renderLoading(cloading) {
       if (cloading) {
         return h("span", {
           "class": "k-icon k-input-loading-icon k-i-loading"
         });
       }
-
       return h("span");
     };
-
     var autoComplete = h("span", {
       "class": classNames('k-autocomplete k-input', (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-invalid'] = !isValid, _a['k-focus'] = focused && !disabled, _a['k-loading'] = loading, _a['k-required'] = this.required, _a['k-disabled'] = disabled, _a)),
       ref: setRef(this, 'kendoAnchor', this.anchor),
@@ -755,6 +713,5 @@ var AutoCompleteVue2 = {
 /**
  * @hidden
  */
-
 var AutoComplete = AutoCompleteVue2;
 export { AutoComplete, AutoCompleteVue2 };