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

package/dist/es/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';
 import { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils';
 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 };