@syncfusion/ej2-dropdowns 23.1.42 → 23.1.44

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

@@ -763,7 +763,9 @@ let DropDownBase = class DropDownBase extends Component {
                         }
                     }
                     else {
-                        ele.appendChild(noDataElement[i]);
+                        if (noDataElement[i] instanceof HTMLElement) {
+                            ele.appendChild(noDataElement[i]);
+                        }
                     }
                 }
             }
@@ -1424,6 +1426,23 @@ let DropDownBase = class DropDownBase extends Component {
         }
         return dataSource;
     }
+    /**
+     * Return the index of item which matched with given value in data source
+     *
+     * @param {string | number | boolean} value - Specifies given value.
+     * @returns {number} Returns the index of the item.
+     */
+    getIndexByValueFilter(value) {
+        let index;
+        const listItems = this.renderItems(this.selectData, this.fields);
+        for (let i = 0; i < listItems.children.length; i++) {
+            if (!isNullOrUndefined(value) && listItems.children[i].getAttribute('data-value') === value.toString()) {
+                index = i;
+                break;
+            }
+        }
+        return index;
+    }
     /**
      * Return the index of item which matched with given value in data source
      *
@@ -2692,6 +2711,13 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
     }
     updateUpDownAction(e, isVirtualKeyAction) {
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            let value = this.getItemData().value;
+            let filterIndex = this.getIndexByValue(value);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+        }
         const focusEle = this.list.querySelector('.' + dropDownListClasses.focus);
         if (this.isSelectFocusItem(focusEle) && !isVirtualKeyAction) {
             this.setSelection(focusEle, e);
@@ -2736,6 +2762,13 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.setSelection(nextItem, e);
             }
         }
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            let value = this.getItemData().value;
+            let filterIndex = this.getIndexByValueFilter(value);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+        }
         e.preventDefault();
     }
     updateHomeEndAction(e, isVirtualKeyAction) {
@@ -3036,7 +3069,18 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (isNullOrUndefined(value)) {
             value = 'null';
         }
-        this.activeIndex = this.getIndexByValue(value);
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            let filterIndex = this.getIndexByValueFilter(value);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+            else {
+                this.activeIndex = this.getIndexByValue(value);
+            }
+        }
+        else {
+            this.activeIndex = this.getIndexByValue(value);
+        }
     }
     activeItem(li) {
         if (this.isValidLI(li) && !li.classList.contains(dropDownBaseClasses.selected)) {
@@ -3062,6 +3106,9 @@ let DropDownList = class DropDownList extends DropDownBase {
             detach(this.valueTempElement);
             this.inputElement.style.display = 'block';
         }
+        if (!isNullOrUndefined(dataItem.value) && !this.enableVirtualization && this.allowFiltering) {
+            this.activeIndex = this.getIndexByValueFilter(dataItem.value);
+        }
         const clearIcon = dropDownListClasses.clearIcon;
         const isFilterElement = this.isFiltering() && this.filterInput && (this.getModuleName() === 'combobox');
         const clearElement = isFilterElement && this.filterInput.parentElement.querySelector('.' + clearIcon);
@@ -4538,7 +4585,9 @@ let DropDownList = class DropDownList extends DropDownBase {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.list.getElementsByClassName('e-virtual-ddl')[0].style = this.GetVirtualTrackHeight();
         }
-        this.getSkeletonCount();
+        if (this.getModuleName() !== 'autocomplete' && this.totalItemCount != 0 && this.totalItemCount > (this.itemCount * 2)) {
+            this.getSkeletonCount();
+        }
         this.UpdateSkeleton();
         this.listData = currentData;
         this.updateActionCompleteDataValues(ulElement, currentData);
@@ -7395,12 +7444,12 @@ let DropDownTree = class DropDownTree extends Component {
             const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || args.data[0].isChecked == "false")) {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || args.data[0].isChecked == "true")) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
@@ -8363,7 +8412,6 @@ let DropDownTree = class DropDownTree extends Component {
         this.clearTemplate();
         this.unWireEvents();
         this.setCssClass(null, this.cssClass);
-        this.setProperties({ value: [] }, true);
         this.setProperties({ text: null }, true);
         this.treeObj.destroy();
         this.destroyFilter();
@@ -8406,6 +8454,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.overFlowWrapper = null;
         this.keyboardModule = null;
         super.destroy();
+        this.setProperties({ value: [] }, true);
     }
     destroyFilter() {
         if (this.filterObj) {
@@ -17635,7 +17684,7 @@ let Mention = class Mention extends DropDownBase {
         let currentRange = this.getTextRange();
         const lastWordRange = this.getLastLetter(currentRange);
         // eslint-disable-next-line security/detect-non-literal-regexp
-        const Regex = new RegExp(this.mentionChar, 'g');
+        const Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
         const charRegex = new RegExp('[a-zA-Z]', 'g');
         if (e.key === 'Shift' || e.keyCode === 37 || e.keyCode === 39) {
             return;
@@ -18534,7 +18583,12 @@ let Mention = class Mention extends DropDownBase {
             value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
-            return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            if (Browser.isAndroid) {
+                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            }
+            else {
+                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            }
         }
         else {
             return showChar + value;
@@ -18765,7 +18819,6 @@ let Mention = class Mention extends DropDownBase {
         this.previousSelectedLI = null;
         this.item = null;
         this.selectedLI = null;
-        this.inputElement.innerText = null;
         this.popupObj = null;
         super.destroy();
     }