@syncfusion/ej2-dropdowns 28.1.36 → 28.1.38

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

@@ -496,8 +496,8 @@ class VirtualScroll {
                             if (this.parent.hideSelectedItem) {
                                 let query = this.parent.value && this.parent.value.length > 0 ?
                                     this.parent.getForQuery(this.parent.value).clone() : new Query;
-                                if (this.parent.viewPortInfo.endIndex === this.parent.totalItemCount + this.parent.value.length &&
-                                    this.parent.hideSelectedItem) {
+                                if (this.parent.value && (this.parent.viewPortInfo.endIndex === this.parent.totalItemCount +
+                                    this.parent.value.length) && this.parent.hideSelectedItem) {
                                     query = query.skip(this.parent.totalItemCount - this.parent.itemCount);
                                 }
                                 else {
@@ -949,57 +949,59 @@ let DropDownBase = class DropDownBase extends Component {
         if (isTextByValue) {
             value = text;
         }
-        const dataSource = this.listData;
-        const fields = this.fields;
-        const type = this.typeOfData(dataSource).typeof;
-        if (type === 'string' || type === 'number' || type === 'boolean') {
-            for (const item of dataSource) {
-                if (!isNullOrUndefined(item)) {
-                    if (ignoreAccent) {
-                        value = this.checkingAccent(String(item), text, ignoreCase);
-                    }
-                    else {
-                        if (ignoreCase) {
-                            if (this.checkIgnoreCase(String(item), text)) {
-                                value = this.getItemValue(String(item), text, ignoreCase);
-                            }
+        if (!isNullOrUndefined(this.listData)) {
+            const dataSource = this.listData;
+            const fields = this.fields;
+            const type = this.typeOfData(dataSource).typeof;
+            if (type === 'string' || type === 'number' || type === 'boolean') {
+                for (const item of dataSource) {
+                    if (!isNullOrUndefined(item)) {
+                        if (ignoreAccent) {
+                            value = this.checkingAccent(String(item), text, ignoreCase);
                         }
                         else {
-                            if (this.checkNonIgnoreCase(String(item), text)) {
-                                value = this.getItemValue(String(item), text, ignoreCase, isTextByValue);
+                            if (ignoreCase) {
+                                if (this.checkIgnoreCase(String(item), text)) {
+                                    value = this.getItemValue(String(item), text, ignoreCase);
+                                }
+                            }
+                            else {
+                                if (this.checkNonIgnoreCase(String(item), text)) {
+                                    value = this.getItemValue(String(item), text, ignoreCase, isTextByValue);
+                                }
                             }
                         }
                     }
                 }
             }
-        }
-        else {
-            if (ignoreCase) {
-                dataSource.filter((item) => {
-                    const itemValue = getValue(fields.value, item);
-                    if (!isNullOrUndefined(itemValue) && this.checkIgnoreCase(getValue(fields.text, item).toString(), text)) {
-                        value = getValue(fields.value, item);
-                    }
-                });
-            }
             else {
-                if (isTextByValue) {
-                    let compareValue = null;
-                    compareValue = value;
+                if (ignoreCase) {
                     dataSource.filter((item) => {
                         const itemValue = getValue(fields.value, item);
-                        if (!isNullOrUndefined(itemValue) && !isNullOrUndefined(value) &&
-                            itemValue.toString() === compareValue.toString()) {
-                            value = getValue(fields.text, item);
+                        if (!isNullOrUndefined(itemValue) && this.checkIgnoreCase(getValue(fields.text, item).toString(), text)) {
+                            value = getValue(fields.value, item);
                         }
                     });
                 }
                 else {
-                    dataSource.filter((item) => {
-                        if (this.checkNonIgnoreCase(getValue(fields.text, item), text)) {
-                            value = getValue(fields.value, item);
-                        }
-                    });
+                    if (isTextByValue) {
+                        let compareValue = null;
+                        compareValue = value;
+                        dataSource.filter((item) => {
+                            const itemValue = getValue(fields.value, item);
+                            if (!isNullOrUndefined(itemValue) && !isNullOrUndefined(value) &&
+                                itemValue.toString() === compareValue.toString()) {
+                                value = getValue(fields.text, item);
+                            }
+                        });
+                    }
+                    else {
+                        dataSource.filter((item) => {
+                            if (this.checkNonIgnoreCase(getValue(fields.text, item), text)) {
+                                value = getValue(fields.value, item);
+                            }
+                        });
+                    }
                 }
             }
         }
@@ -1521,7 +1523,6 @@ let DropDownBase = class DropDownBase extends Component {
                                     this.isRequested = false;
                                     this.bindChildItems(listItems, ulElement, fields, e);
                                     if (this.getInitialData) {
-                                        this.setListData(dataSource, fields, query, event);
                                         this.getInitialData = false;
                                         this.preventPopupOpen = false;
                                         return;
@@ -1775,7 +1776,17 @@ let DropDownBase = class DropDownBase extends Component {
             const liCollections = listElement.querySelectorAll('.' + dropDownBaseClasses.li);
             for (let index = 0; index < liCollections.length; index++) {
                 if (JSON.parse(JSON.stringify(this.listData[index]))[this.fields.disabled]) {
-                    this.disableListItem(liCollections[index]);
+                    if (!isNullOrUndefined(this.fields.groupBy)) {
+                        const item = this.listData[index];
+                        const value = getValue((this.fields.value ? this.fields.value : 'value'), item);
+                        const li = listElement.querySelector('li[data-value="' + value + '"]');
+                        if (!isNullOrUndefined(li)) {
+                            this.disableListItem(li);
+                        }
+                    }
+                    else {
+                        this.disableListItem(liCollections[index]);
+                    }
                 }
             }
         }
@@ -1915,7 +1926,8 @@ let DropDownBase = class DropDownBase extends Component {
     }
     scrollStop(e, isDownkey) {
         const target = !isNullOrUndefined(e) ? e.target : this.list;
-        const liHeight = parseInt(getComputedStyle(this.getValidLi(), null).getPropertyValue('height'), 10);
+        const computedHeight = getComputedStyle(this.getValidLi(), null).getPropertyValue('height');
+        const liHeight = this.getModuleName() === 'multiselect' ? parseFloat(computedHeight) : parseInt(computedHeight, 10);
         const topIndex = Math.round(target.scrollTop / liHeight);
         const liCollections = this.list.querySelectorAll('li' + ':not(.e-hide-listitem)');
         const virtualListCount = this.list.querySelectorAll('.e-virtual-list').length;
@@ -4587,6 +4599,7 @@ let DropDownList = class DropDownList extends DropDownBase {
     onFilterUp(e) {
         if (!(e.ctrlKey && e.keyCode === 86) && (this.isValidKey || e.keyCode === 40 || e.keyCode === 38)) {
             this.isValidKey = false;
+            this.filterArgs = e;
             this.firstItem = this.dataSource && this.dataSource.length > 0 ? this.dataSource[0] : null;
             switch (e.keyCode) {
                 case 38: //up arrow
@@ -4640,7 +4653,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                     }
                     this.typedString = this.filterInput.value;
                     this.preventAutoFill = false;
-                    this.searchLists(e);
+                    if (!this.getInitialData) {
+                        this.searchLists(e);
+                    }
                     if ((this.enableVirtualization && this.getModuleName() !== 'autocomplete') || (this.getModuleName() === 'autocomplete' && !(this.dataSource instanceof DataManager)) || (this.getModuleName() === 'autocomplete' && (this.dataSource instanceof DataManager) && this.totalItemCount !== 0)) {
                         this.getFilteringSkeletonCount();
                     }
@@ -4985,6 +5000,9 @@ let DropDownList = class DropDownList extends DropDownBase {
     pasteHandler(e) {
         setTimeout(() => {
             this.typedString = this.filterInput.value;
+            if (this.getModuleName() === 'combobox' && this.isFiltering() && isNullOrUndefined(this.list)) {
+                this.renderList();
+            }
             this.searchLists(e);
         });
     }
@@ -5009,10 +5027,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         if (this.getInitialData) {
             this.updateActionCompleteDataValues(ulElement, list);
-        }
-        if (!this.preventPopupOpen && this.getModuleName() === 'combobox') {
-            this.beforePopupOpen = true;
-            this.preventPopupOpen = true;
+            this.getInitialData = false;
+            this.searchLists(this.filterArgs);
+            return;
         }
         const tempItemCount = this.itemCount;
         if (this.isActive || !isNullOrUndefined(ulElement)) {
@@ -5464,7 +5481,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.destroyPopup();
                     }
                 });
-                if (this.allowResize) {
+                if (this.allowResize && (this.getModuleName() !== 'dropdownlist' || !(Browser.isDevice && this.isDeviceFullScreen && this.allowFiltering))) {
                     const resizePaddingBottom = 16;
                     // Create the resizer div
                     this.resizer = this.createElement('div', {
@@ -7628,6 +7645,9 @@ let DropDownTree = class DropDownTree extends Component {
                 }
                 this.treeObj.fields = this.getTreeFields(fields);
                 this.treeObj.dataBind();
+                if (this.popupObj) {
+                    this.popupObj.refreshPosition();
+                }
                 if (this.hasTemplate && this.portals && this.treeObj.portals) {
                     for (let i = 0; i < this.treeObj.portals.length; i++) {
                         if (this.portals.indexOf(this.treeObj.portals[i]) === -1) {
@@ -7915,8 +7935,8 @@ let DropDownTree = class DropDownTree extends Component {
             }
             addClass([this.inputEle], CHIP_INPUT);
             this.updateOverFlowView();
-            this.ensurePlaceHolder();
         }
+        this.ensurePlaceHolder();
     }
     triggerChangeEvent(event) {
         const isEqual = this.ddtCompareValues(this.oldValue, this.value);
@@ -8520,10 +8540,10 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.value !== null && this.value.length !== 0) {
             let data;
             if (this.showCheckBox || this.allowMultiSelection) {
-                for (let i = 0; i < this.value.length; i++) {
+                for (let i = this.value.length - 1; i >= 0; i--) {
                     data = this.treeObj.getTreeData(this.value[i])[0];
                     if (isNullOrUndefined(data)) {
-                        this.value.splice(this.value.indexOf(this.value[i]), 1);
+                        this.value.splice(i, 1);
                     }
                 }
                 if (this.value.length !== 0) {
@@ -8580,7 +8600,7 @@ let DropDownTree = class DropDownTree extends Component {
         }
     }
     setSelectedValue() {
-        if (this.value != null) {
+        if (this.value !== null && !(this.value.length === 0)) {
             return;
         }
         if (!this.isInitialized) {
@@ -9382,7 +9402,7 @@ let DropDownTree = class DropDownTree extends Component {
         }
     }
     ensurePlaceHolder() {
-        if (isNullOrUndefined(this.value) || (this.value && this.value.length === 0)) {
+        if (isNullOrUndefined(this.value) || (this.value !== null && this.value.length === 0)) {
             removeClass([this.inputEle], CHIP_INPUT);
             if (this.chipWrapper) {
                 addClass([this.chipWrapper], HIDEICON);
@@ -9680,7 +9700,10 @@ let DropDownTree = class DropDownTree extends Component {
         }
     }
     setTagValues() {
-        if (this.value === null || this.text == null) {
+        if (this.value === null || this.text == null || this.value.length === 0) {
+            if (this.inputWrapper.contains(this.chipWrapper)) {
+                addClass([this.chipWrapper], HIDEICON);
+            }
             return;
         }
         if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -13206,6 +13229,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.isFiltered) {
             if ((this.enableVirtualization && !isNullOrUndefined(this.customFilterQuery))) {
                 filterQuery = this.customFilterQuery.clone();
+                return this.virtualFilterQuery(filterQuery);
             }
             else if (!this.enableVirtualization) {
                 return filterQuery;
@@ -15039,7 +15063,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     getValue(((this.fields.value) ? this.fields.value : ''), this.value[this.value.length - 1]) :
                     this.value[this.value.length - 1];
                 const temp = text;
-                const textValues = this.text != null && this.text !== '' ? this.text + ',' + temp : temp;
+                const textValues = this.text != null && this.text !== '' ? this.text + this.delimiterChar + temp : temp;
                 currentText.push(textValues);
                 this.setProperties({ text: currentText.toString() }, true);
             }
@@ -15969,7 +15993,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             }
                             else {
                                 temp = isInitialVirtualData && delim ? this.text : this.getTextByValue(value);
-                                const textValues = isInitialVirtualData ? this.text : (this.text && this.text !== '' ? this.text + ',' + temp : temp);
+                                const textValues = isInitialVirtualData ? this.text : (this.text && this.text !== '' ? this.text + this.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
                                 text.push(textValues);
                                 hiddenElementContent = this.hiddenElement.innerHTML;
@@ -16129,7 +16153,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.text != null && this.text !== '' ? this.text + ',' + text : text;
+                        const textValues = this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);
@@ -16165,7 +16189,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             this.wireListEvents();
                         }
                         const currentText = [];
-                        const textValues = this.text != null && this.text !== '' ? this.text + ',' + text : text;
+                        const textValues = this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);
@@ -22181,6 +22205,7 @@ let Mention = class Mention extends DropDownBase {
                     e.preventDefault();
                     const li = this.list.querySelector('.' + dropDownBaseClasses.selected);
                     if (li) {
+                        this.isSelected = true;
                         this.setSelection(li, e);
                     }
                     if (this.isPopupOpen) {