@syncfusion/ej2-dropdowns 31.1.18 → 31.1.22

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

@@ -984,7 +984,14 @@ let DropDownBase = class DropDownBase extends Component {
                 for (const item of dataSource) {
                     if (!isNullOrUndefined(item)) {
                         if (ignoreAccent) {
-                            value = this.checkingAccent(String(item), text, ignoreCase);
+                            if (ignoreCase) {
+                                if (this.checkIgnoreCase(String(item), text)) {
+                                    value = this.checkingAccent(String(item), text, ignoreCase);
+                                }
+                            }
+                            else {
+                                value = this.checkingAccent(String(item), text, ignoreCase);
+                            }
                         }
                         else {
                             if (ignoreCase) {
@@ -1454,9 +1461,9 @@ let DropDownBase = class DropDownBase extends Component {
     getJSONfromOption(items, options, fields, category = null) {
         for (const option of options) {
             const json = {};
-            json[fields.text] = option.innerText;
+            json[fields.text] = option.innerHTML;
             json[fields.value] = !isNullOrUndefined(option.getAttribute(fields.value)) ?
-                option.getAttribute(fields.value) : option.innerText;
+                option.getAttribute(fields.value) : option.innerHTML;
             if (!isNullOrUndefined(category)) {
                 json[fields.groupBy] = category;
             }
@@ -3210,10 +3217,10 @@ let DropDownList = class DropDownList extends DropDownBase {
     floatLabelChange() {
         if (this.getModuleName() === 'dropdownlist' && this.floatLabelType === 'Auto') {
             const floatElement = this.inputWrapper.container.querySelector('.e-float-text');
-            if (this.inputElement.value !== '' || this.isInteracted) {
+            if (floatElement && this.inputElement.value !== '' || this.isInteracted) {
                 classList(floatElement, ['e-label-top'], ['e-label-bottom']);
             }
-            else {
+            else if (floatElement) {
                 classList(floatElement, ['e-label-bottom'], ['e-label-top']);
             }
         }
@@ -5578,8 +5585,8 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.removeFocus();
             if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
                 this.dataSource instanceof DataManager) {
-                const focus = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
-                if (focus) {
+                const focus = this.actionCompleteData.ulElement.querySelectorAll('.' + dropDownListClasses.focus);
+                if (focus && focus.length) {
                     removeClass(focus, dropDownListClasses.focus);
                 }
             }
@@ -5773,7 +5780,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     setTimeout(() => {
                         if (this.value || this.list.querySelector('.e-active')) {
                             this.updateSelectionList();
-                            if (this.selectedValueInfo && this.viewPortInfo && this.viewPortInfo.offsets.top) {
+                            if (this.viewPortInfo && this.viewPortInfo.offsets.top) {
                                 this.list.scrollTop = this.viewPortInfo.offsets.top;
                             }
                             else {
@@ -5846,8 +5853,24 @@ let DropDownList = class DropDownList extends DropDownBase {
                             this.list.parentElement.style.height = '100%';
                         }
                         this.list.parentElement.style.paddingBottom = (this.getModuleName() === 'dropdownlist' && this.allowFiltering && this.searchBoxHeight) ? (this.searchBoxHeight + resizePaddingBottom).toString() + 'px' : resizePaddingBottom.toString() + 'px';
-                        if (this.header || this.footer || this.itemTemplate) {
-                            this.list.parentElement.style.paddingBottom = ((parseInt(this.list.parentElement.style.maxHeight, 10) - parseInt(this.list.style.maxHeight, 10)) + resizePaddingBottom).toString() + 'px';
+                        if (this.isReact && this.footer) {
+                            let listMaxHeight = this.list.style.maxHeight;
+                            const listParentElementMaxHeight = this.list.parentElement.style.maxHeight;
+                            let containerHeight = this.listContainerHeight;
+                            setTimeout(() => {
+                                this.footer = this.footer ? this.footer : popupEle.querySelector('.e-ddl-footer');
+                                const height = Math.round(this.footer.getBoundingClientRect().height);
+                                if (height > 0) {
+                                    containerHeight = (parseInt(containerHeight, 10) - height).toString() + 'px';
+                                    listMaxHeight = (parseInt(containerHeight, 10) - 2).toString() + 'px';
+                                    this.list.parentElement.style.paddingBottom = ((parseInt(listParentElementMaxHeight, 10) - parseInt(listMaxHeight, 10)) + resizePaddingBottom).toString() + 'px';
+                                }
+                            }, 1);
+                        }
+                        else {
+                            if (this.header || this.footer || this.itemTemplate) {
+                                this.list.parentElement.style.paddingBottom = ((parseInt(this.list.parentElement.style.maxHeight, 10) - parseInt(this.list.style.maxHeight, 10)) + resizePaddingBottom).toString() + 'px';
+                            }
                         }
                         this.list.parentElement.appendChild(this.resizer);
                         //hold the popup resize
@@ -6349,9 +6372,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         let dataSourceCount;
         if (this.dataSource instanceof DataManager) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            dataSourceCount = this.virtualGroupDataSource && this.virtualGroupDataSource.length ?
-                this.virtualGroupDataSource.length : 0;
+            dataSourceCount = this.remoteDataCount;
         }
         else {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -8681,8 +8702,14 @@ let DropDownTree = class DropDownTree extends Component {
         return remainElement;
     }
     getOverflowVal(index) {
+        let textSelected;
         const selectedData = this.getSelectedData(this.value[parseInt(index.toString(), 10)]);
-        return getValue(this.treeSettings.loadOnDemand ? this.fields.text : 'text', selectedData);
+        const node = this.treeObj.getNode(this.value[index]);
+        textSelected = getValue(this.treeSettings.loadOnDemand ? this.fields.text : 'text', selectedData);
+        if (isNullOrUndefined(textSelected) && !isNullOrUndefined(node.text)) {
+            textSelected = node.text.toString();
+        }
+        return textSelected;
     }
     updateDelimMode() {
         if (this.mode !== 'Box') {
@@ -10026,7 +10053,11 @@ let DropDownTree = class DropDownTree extends Component {
             const compiledString = this.initializeValueTemplate();
             for (let i = 0, len = this.value.length; i < len; i++) {
                 selectedData = this.getSelectedData(this.value[i]);
+                const node = this.treeObj.getNode(this.value[i]);
                 text = getValue(this.treeSettings.loadOnDemand ? this.fields.text : 'text', selectedData);
+                if (isNullOrUndefined(text) && !isNullOrUndefined(node.text)) {
+                    text = node.text.toString();
+                }
                 this.selectedText.push(text);
                 temp = this.selectedText[this.selectedText.length - 1];
                 if (this.selectedText.length > 1) {
@@ -11283,6 +11314,11 @@ let ComboBox = class ComboBox extends DropDownList {
                                 this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                             }
                         }
+                        else if (this.allowCustom) {
+                            this.valueMuteChange(this.value);
+                            this.setHiddenValue();
+                            Input.setValue(this.text, this.inputElement, this.floatLabelType, this.showClearButton);
+                        }
                         else {
                             this.valueMuteChange(null);
                         }
@@ -11311,7 +11347,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 this.setSelection(li, null);
             }
             else if ((!this.enableVirtualization && this.allowCustom) ||
-                (this.allowCustom && this.enableVirtualization && !doesItemExist)) {
+                (this.allowCustom && this.enableVirtualization && !doesItemExist && !(this.dataSource instanceof DataManager))) {
                 this.valueMuteChange(this.value);
             }
             else if (!this.enableVirtualization || (this.enableVirtualization && !(this.dataSource instanceof DataManager)
@@ -11694,7 +11730,7 @@ let ComboBox = class ComboBox extends DropDownList {
         }
     }
     getValueByText(text) {
-        return super.getValueByText(text, true, this.ignoreAccent);
+        return super.getValueByText(text, this.ignoreCase, this.ignoreAccent);
     }
     unWireEvent() {
         if (this.getModuleName() === 'combobox') {
@@ -13942,6 +13978,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.removeFocus();
         }
     }
+    secureRandom() {
+        const array = new Uint32Array(1);
+        window.crypto.getRandomValues(array);
+        return array[0] / (0xFFFFFFFF + 1);
+    }
     checkForCustomValue(query, fields) {
         const dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase);
         const field = fields ? fields : this.fields;
@@ -13955,7 +13996,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 setValue(field.text, value, dataItem);
                 if (typeof getValue((this.fields.value ? this.fields.value : 'value'), customData)
                     === 'number' && this.fields.value !== this.fields.text) {
-                    setValue(field.value, Math.random(), dataItem);
+                    setValue(field.value, this.secureRandom(), dataItem);
                 }
                 else {
                     setValue(field.value, value, dataItem);
@@ -14076,6 +14117,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             e.preventDefault();
         }
         this.checkAndScrollParent();
+        if (this.maximumSelectionLength === 0) {
+            this.checkMaxSelection();
+        }
     }
     checkAndScrollParent() {
         let scrollElement = this.overAllWrapper ? this.overAllWrapper.parentElement : null;
@@ -15669,8 +15713,21 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.updateChipStatus();
         this.checkMaxSelection();
     }
+    updateListItemsState(list) {
+        const activeItems = list.querySelectorAll('li.' + dropDownBaseClasses.li + '.e-active');
+        removeClass(activeItems, 'e-disable');
+        const inactiveItems = list.querySelectorAll('li.' + dropDownBaseClasses.li + ':not(.e-active)');
+        addClass(inactiveItems, 'e-disable');
+    }
     checkMaxSelection() {
         const limit = this.value && this.value.length ? this.value.length : 0;
+        if (this.maximumSelectionLength === 0) {
+            this.updateListItemsState(this.list);
+            if (this.mainList) {
+                this.updateListItemsState(this.mainList);
+            }
+            return;
+        }
         if (limit === this.maximumSelectionLength) {
             const activeItems = this.list.querySelectorAll('li.'
                 + dropDownBaseClasses.li + '.e-active');
@@ -18848,7 +18905,21 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
             this.list.parentElement.style.boxSizing = 'border-box'; // Ensures padding doesn't affect element size
             const paddingBottom = this.mode === 'CheckBox' && this.searchBoxHeight ? this.searchBoxHeight + resizePaddingBottom + (this.showSelectAll ? this.storedSelectAllHeight : 0) : resizePaddingBottom;
-            this.list.parentElement.style.paddingBottom = `${paddingBottom}px`;
+            if (this.footer) {
+                let listMaxHeight = this.list.style.maxHeight;
+                const listParentElementMaxHeight = this.list.parentElement.style.maxHeight;
+                setTimeout(() => {
+                    const height = Math.round(this.footer.getBoundingClientRect().height);
+                    const containerHeight = (parseInt(listParentElementMaxHeight, 10) - height).toString() + 'px';
+                    listMaxHeight = (parseInt(containerHeight, 10) - 2).toString() + 'px';
+                    if (height > 0) {
+                        this.list.parentElement.style.paddingBottom = ((parseInt(listParentElementMaxHeight, 10) - parseInt(listMaxHeight, 10)) + paddingBottom).toString() + 'px';
+                    }
+                }, 1);
+            }
+            else {
+                this.list.parentElement.style.paddingBottom = `${paddingBottom}px`;
+            }
             this.list.parentElement.appendChild(this.resizer);
             this.list.parentElement.style.width = this.resizeWidth + 'px';
             this.list.parentElement.style.height = this.resizeHeight + 'px';
@@ -23055,7 +23126,9 @@ let Mention = class Mention extends DropDownBase {
         }
         if (this.isContentEditable(this.inputElement)) {
             this.range = this.getCurrentRange();
-            rangetextContent = this.range.startContainer.textContent.split('');
+            if (this.range) {
+                rangetextContent = this.range.startContainer.textContent.split('');
+            }
         }
         const currentRange = this.getTextRange();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -23170,7 +23243,8 @@ let Mention = class Mention extends DropDownBase {
         return isMatched;
     }
     getCurrentRange() {
-        this.range = this.inputElement.ownerDocument.getSelection().getRangeAt(0);
+        this.range = this.inputElement.ownerDocument.getSelection().rangeCount > 0 &&
+            this.inputElement.ownerDocument.getSelection().getRangeAt(0);
         return this.range;
     }
     performFiltering(e) {