@syncfusion/ej2-dropdowns 31.1.20 → 31.1.23

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']);
             }
         }
@@ -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
@@ -8679,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') {
@@ -10024,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) {
@@ -11697,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') {
@@ -13945,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;
@@ -13958,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);
@@ -14079,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;
@@ -15672,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');
@@ -18851,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';