@syncfusion/ej2-dropdowns 28.2.6 → 28.2.9

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

@@ -5121,7 +5121,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     && ((this.dataSource instanceof DataManager)
                         || (!isNullOrUndefined(this.dataSource) && !isNullOrUndefined(this.dataSource.length) &&
                             this.dataSource.length !== 0)))) {
-                    if (this.itemTemplate && this.element.tagName === 'EJS-COMBOBOX' && this.allowFiltering) {
+                    if (this.itemTemplate && (this.element.tagName === 'EJS-COMBOBOX' || this.isReact) && this.allowFiltering) {
                         setTimeout(() => {
                             this.updateActionCompleteDataValues(ulElement, list);
                         }, 0);
@@ -8890,6 +8890,10 @@ let DropDownTree = class DropDownTree extends Component {
                     this.updateFocus(focusedElement);
                 }
                 if (this.allowFiltering) {
+                    const focusedElement = this.treeObj.element.querySelector('li.e-node-focus');
+                    if (!isNullOrUndefined(focusedElement)) {
+                        removeClass([focusedElement], 'e-node-focus');
+                    }
                     removeClass([this.inputWrapper], [INPUTFOCUS]);
                     this.filterObj.element.focus();
                 }
@@ -9743,7 +9747,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.chipCollection.appendChild(chip);
         if (this.showClearButton) {
             chip.appendChild(chipClose);
-            EventHandler.add(chipClose, 'mousedown', this.removeChip, this);
+            EventHandler.add(chipClose, 'mouseup', this.removeChip, this);
         }
     }
     setTagValues() {
@@ -9876,6 +9880,10 @@ let DropDownTree = class DropDownTree extends Component {
         if (!this.enabled || this.readonly) {
             return;
         }
+        if (e.target.classList.contains('e-chips-close') && !this.isPopupOpen) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
         const element = e.target.parentElement;
         const value = element.getAttribute('data-value');
         if (this.chipCollection) {
@@ -10432,7 +10440,7 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.chipCollection) {
             const chipsIcons = selectAll('.e-chips-close', this.chipCollection);
             for (const element of chipsIcons) {
-                EventHandler.remove(element, 'mousedown', this.removeChip);
+                EventHandler.remove(element, 'mouseup', this.removeChip);
             }
         }
         this.chipWrapper = null;
@@ -12548,6 +12556,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.isBlurDispatching = false;
         this.isFilterPrevented = false;
         this.isFilteringAction = false;
+        this.isVirtualReorder = false;
         this.isValidKey = false;
         this.selectAllEventData = [];
         this.selectAllEventEle = [];
@@ -12742,12 +12751,14 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     updateVirtualReOrderList(isCheckBoxUpdate) {
         const query = this.getForQuery(this.value, true).clone();
+        this.isVirtualReorder = true;
         if (this.enableVirtualization && this.dataSource instanceof DataManager) {
             this.resetList(this.selectedListData, this.fields, query);
         }
         else {
             this.resetList(this.dataSource, this.fields, query);
         }
+        this.isVirtualReorder = false;
         this.UpdateSkeleton();
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.virtualItemCount = this.itemCount;
@@ -12956,10 +12967,14 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         const field = this.isPrimitiveData ? '' : this.fields.value;
         if (this.enableVirtualization && valuecheck) {
             if (isCheckbox) {
-                for (let i = 0; i < valuecheck.length; i++) {
+                const startindex = this.viewPortInfo.startIndex;
+                const endindex = (((startindex + this.viewPortInfo.endIndex) <= (valuecheck.length)) &&
+                    valuecheck[(startindex + this.viewPortInfo.endIndex)]) ? (startindex + this.viewPortInfo.endIndex)
+                    : (valuecheck.length);
+                for (let i = startindex; i < endindex; i++) {
                     const value = this.allowObjectBinding ? getValue((this.fields.value) ?
                         this.fields.value : '', valuecheck[i]) : valuecheck[i];
-                    if (i === 0) {
+                    if (i === startindex) {
                         predicate = new Predicate(field, 'equal', (value));
                     }
                     else {
@@ -13386,7 +13401,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 }
             }
         }
-        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip)) {
+        if ((this.allowFiltering && isSkip) || !isReOrder || (!this.allowFiltering && isSkip) && !this.isVirtualReorder) {
             if (!isReOrder) {
                 filterQuery.skip(this.viewPortInfo.startIndex);
             }
@@ -16085,7 +16100,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             }
                             else {
                                 temp = isInitialVirtualData && delim ? this.text : this.getTextByValue(value);
-                                const textValues = this.isDynamicRemoteVirtualData && value != null && value !== '' ? this.getTextByValue(value) : isInitialVirtualData ? this.text : (this.text && this.text !== '' ? this.text + this.delimiterChar + temp : temp);
+                                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 + ' ';
                                 text.push(textValues);
                                 hiddenElementContent = this.hiddenElement.innerHTML;
@@ -16245,7 +16261,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
                         (this.enableVirtualization && value != null && text != null && !isCustomData)) {
                         const currentText = [];
-                        const textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
+                        const textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' && index === 0 ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);
@@ -21430,7 +21446,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         const char = String.fromCharCode(e.keyCode);
         const isWordCharacter = char.match(/\w/);
-        if (!isNullOrUndefined(isWordCharacter)) {
+        const isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;
@@ -23331,8 +23348,7 @@ let Mention = class Mention extends DropDownBase {
             if (lastNode) {
                 range = range.cloneRange();
                 if (this.isRTE) {
-                    range.setStart(lastNode, 0);
-                    range.setEnd(lastNode, lastNode.textContent.length);
+                    range.setStart(lastNode, lastNode.textContent.length);
                 }
                 else {
                     range.setStartAfter(lastNode);
@@ -23553,6 +23569,7 @@ let Mention = class Mention extends DropDownBase {
             this.range = this.getCurrentRange();
         }
         const currentRange = this.getTextRange();
+        this.queryString = text;
         const lastWordRange = this.getLastLetter(currentRange);
         if ((this.ignoreCase && (text === lastWordRange || text === lastWordRange.toLowerCase()))
             || !this.ignoreCase && text === lastWordRange) {
@@ -23568,8 +23585,8 @@ let Mention = class Mention extends DropDownBase {
             this.renderList();
             this.renderPopup();
         }
-        else {
-            this.showPopup();
+        else if (!this.isPopupOpen) {
+            this.renderPopup();
         }
         this.popupObj.element.style.left = formatUnit(positionX);
         this.popupObj.element.style.top = formatUnit(positionY);