@syncfusion/ej2-dropdowns 29.2.11-81740 → 30.1.37

package/dist/es6/ej2-dropdowns.es2015.js

@@ -136,7 +136,7 @@ function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, typ
     const listItems = items;
     ignoreCase = ignoreCase !== undefined && ignoreCase !== null ? ignoreCase : true;
     const itemData = { item: null, index: null };
-    if (inputVal && inputVal.length && items) {
+    if (inputVal && inputVal.length) {
         const strLength = inputVal.length;
         let queryStr = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
         queryStr = escapeCharRegExp(queryStr);
@@ -255,14 +255,14 @@ function revertHighlightSearch(content) {
     }
 }
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class VirtualScroll {
     constructor(parent) {
         this.sentinelInfo = {
@@ -803,12 +803,12 @@ class VirtualScroll {
     }
 }
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 class FieldSettings extends ChildProperty {
 }
 __decorate([
@@ -2869,12 +2869,12 @@ DropDownBase = __decorate([
     NotifyPropertyChanges
 ], DropDownBase);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // don't use space in classnames
 const dropDownListClasses = {
     root: 'e-dropdownlist',
@@ -5163,6 +5163,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
             this.getInitialData = false;
             this.isReactTemplateUpdate = true;
+            this.typedString = this.filterInput.value;
             this.searchLists(this.filterArgs);
             return;
         }
@@ -5437,7 +5438,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 document.body.appendChild(popupEle);
                 popupEle.style.top = '0px';
                 initialPopupHeight = popupEle.clientHeight;
-                if (this.enableVirtualization && this.itemTemplate) {
+                if (this.enableVirtualization && (this.itemTemplate || this.isAngular)) {
                     const listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) +
                         parseInt(window.getComputedStyle(listitems[0]).marginBottom, 10) : 0;
@@ -7346,12 +7347,12 @@ DropDownList = __decorate$1([
     NotifyPropertyChanges
 ], DropDownList);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const RTL = 'e-rtl';
 const DROPDOWNTREE = 'e-ddt';
 const HIDDENELEMENT = 'e-ddt-hidden';
@@ -8028,7 +8029,7 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.isPopupOpen) {
             this.hidePopup();
         }
-        else {
+        else if (!(e instanceof TouchEvent) && e.button !== 2) {
             this.focusIn(e);
             this.renderPopup();
         }
@@ -10862,12 +10863,12 @@ DropDownTree = __decorate$2([
     NotifyPropertyChanges
 ], DropDownTree);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const SPINNER_CLASS = 'e-atc-spinner-icon';
 dropDownListClasses.root = 'e-combobox';
 const inputObject$1 = {
@@ -11924,12 +11925,12 @@ ComboBox = __decorate$3([
     NotifyPropertyChanges
 ], ComboBox);
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 dropDownListClasses.root = 'e-autocomplete';
 dropDownListClasses.icon = 'e-input-group-icon e-ddl-icon e-search-icon';
 /**
@@ -12061,6 +12062,27 @@ let AutoComplete = class AutoComplete extends ComboBox {
         }
         return filterQuery;
     }
+    performFiltering(e) {
+        const eventArgs = {
+            preventDefaultAction: false,
+            text: this.filterInput ? this.filterInput.value : null,
+            updateData: (dataSource, query, fields) => {
+                if (eventArgs.cancel) {
+                    return;
+                }
+                this.isFiltered = true;
+                this.customFilterQuery = query;
+                this.filterAction(dataSource, query, fields);
+            },
+            cancel: false
+        };
+        this.trigger('filtering', eventArgs, (eventArgs) => {
+            if (!eventArgs.cancel && !this.isFiltered && !eventArgs.preventDefaultAction) {
+                this.searchList = true;
+                this.filterAction(this.dataSource, null, this.fields, e);
+            }
+        });
+    }
     searchLists(e) {
         this.isTyped = true;
         this.isDataFetched = this.isSelectCustom = false;
@@ -12086,27 +12108,6 @@ let AutoComplete = class AutoComplete extends ComboBox {
             this.performFiltering(e);
         }
     }
-    performFiltering(e) {
-        const eventArgs = {
-            preventDefaultAction: false,
-            text: this.filterInput.value,
-            updateData: (dataSource, query, fields) => {
-                if (eventArgs.cancel) {
-                    return;
-                }
-                this.isFiltered = true;
-                this.customFilterQuery = query;
-                this.filterAction(dataSource, query, fields);
-            },
-            cancel: false
-        };
-        this.trigger('filtering', eventArgs, (eventArgs) => {
-            if (!eventArgs.cancel && !this.isFiltered && !eventArgs.preventDefaultAction) {
-                this.searchList = true;
-                this.filterAction(this.dataSource, null, this.fields, e);
-            }
-        });
-    }
     /**
      * To filter the data from given data source by using query
      *
@@ -12633,12 +12634,12 @@ function encodePlaceholder(placeholder) {
 }
 /* eslint-enable valid-jsdoc */
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const FOCUS = 'e-input-focus';
 const DISABLED$1 = 'e-disabled';
 const OVER_ALL_WRAPPER = 'e-multiselect e-input-group e-control-wrapper';
@@ -13118,7 +13119,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.mode === 'CheckBox' && this.allowFiltering) {
             this.notify('targetElement', { module: 'CheckBoxSelection', enable: this.mode === 'CheckBox' });
         }
-        return this.targetInputElement.value;
+        return this.targetInputElement ? this.targetInputElement.value : null;
     }
     getForQuery(valuecheck, isCheckbox) {
         let predicate;
@@ -13285,7 +13286,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             if (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager)))) {
                 this.initialValueUpdate();
             }
-            else if (!this.isRemoveSelection && (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager))))) {
+            else if (!this.isRemoveSelection) {
                 this.initialValueUpdate(this.listData, true);
             }
             this.initialUpdate();
@@ -15430,7 +15431,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     dispatchSelect(value, eve, element, isNotTrigger, length, dataValue, text) {
         const list = this.listData;
-        if (this.initStatus && !isNotTrigger && (!this.allowObjectBinding || (this.allowObjectBinding && value))) {
+        if (this.initStatus && !isNotTrigger) {
             value = this.allowObjectBinding ? getValue(((this.fields.value) ? this.fields.value : ''), value) : value;
             const val = dataValue ? dataValue : this.getDataByValue(value);
             const eventArgs = {
@@ -16335,7 +16336,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 else {
                     if (this.listData) {
                         if (this.enableVirtualization) {
-                            if (delim && !this.isDynamicRemoteVirtualData && !isInitialVirtualData) {
+                            if (delim && !this.isDynamicRemoteVirtualData) {
                                 data = this.delimiterWrapper && this.delimiterWrapper.innerHTML === '' ? data :
                                     this.delimiterWrapper.innerHTML;
                             }
@@ -16347,7 +16348,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                 text = this.text.split(delimiterChar);
                             }
                             else {
-                                temp = isInitialVirtualData && delim ? this.text.replace(/,/g, delimiterChar + ' ') : this.getTextByValue(value);
+                                temp = isInitialVirtualData && delim ? this.text : this.getTextByValue(value);
                                 const textValues = this.isDynamicRemoteVirtualData && value != null && value !== '' && !isInitialVirtualData ?
                                     this.getTextByValue(value) : isInitialVirtualData ? this.text : (this.text && this.text !== '' ? this.text + this.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
@@ -16503,12 +16504,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             text = this.getTextByValue(value);
                             isCustomData = true;
                         }
-                        else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
-                            ((!(this.dataSource instanceof DataManager)) ||
-                                (this.dataSource instanceof DataManager && isInitialVirtualData))) {
-                            this.value.splice(index, 1);
-                            index -= 1;
-                        }
                     }
                     else {
                         text = this.getTextByValue(value);
@@ -18094,7 +18089,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.isaddNonPresentItems = false;
             }
             else {
-                this.selectedListData = [];
                 if (prop === 'text') {
                     this.initialTextUpdate();
                     newProp = this.value;
@@ -18138,9 +18132,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                     setTimeout(() => {
                                         this.initialValueUpdate(listItems, true);
                                         this.isDynamicRemoteVirtualData = false;
-                                        if (!this.inputFocus || (this.inputFocus && this.mode !== 'Default')) {
-                                            this.initialUpdate();
-                                        }
+                                        this.initialUpdate();
                                     }, 100);
                                 }
                             });
@@ -19800,12 +19792,12 @@ class CheckBoxSelection {
     }
 }
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var ListBox_1;
 /**
  * Defines the Selection settings of List Box.
@@ -22410,12 +22402,12 @@ const listBoxClasses = {
     clearIcon: 'e-clear-icon'
 };
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * The Mention component is used to list someone or something based on user input in textarea, input,
  * or any other editable element from which the user can select.
@@ -22430,7 +22422,6 @@ let Mention = class Mention extends DropDownBase {
      */
     constructor(options, element) {
         super(options, element);
-        this.debounceTimer = null;
     }
     /**
      * When property value changes happened, then onPropertyChanged method will execute the respective changes in this component.
@@ -22760,10 +22751,12 @@ let Mention = class Mention extends DropDownBase {
         let lastWordRange = this.getLastLetter(currentRange);
         const previousChar = currentRange ? currentRange.charAt(Math.max(0, currentRange.indexOf(this.mentionChar) - 1)) : '';
         if (!this.allowSpaces) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (isValid && currentRange && currentRange.includes(this.mentionChar) && currentRange.split(this.mentionChar).pop() !== ''
                 && (!this.requireLeadingSpace || (this.requireLeadingSpace && (previousChar === ' ' || currentRange.indexOf(this.mentionChar) === 0)))) {
                 lastWordRange = this.mentionChar + currentRange.split(this.mentionChar).pop();
             }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
                 lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
             }
@@ -22779,6 +22772,7 @@ let Mention = class Mention extends DropDownBase {
             this.hidePopup();
             return;
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (((!currentRange || !lastWordRange) || (!lastWordRange.includes(this.mentionChar) && !this.requireLeadingSpace && !this.allowSpaces)) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&