@syncfusion/ej2-dropdowns 26.1.35 → 26.1.39

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

@@ -7185,7 +7185,7 @@ let DropDownTree = class DropDownTree extends Component {
         let checkValue;
         const isObjectValue = isChild && isChildFiltering && this.isChildObject();
         checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
-        if (!checkValue) {
+        if (!checkValue && !isNullOrUndefined(this.fields.child.text)) {
             let tempChild = this.fields.child;
             while (!node[tempChild.text]) {
                 tempChild = tempChild.child;
@@ -8045,6 +8045,9 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
         if (this.isInitialized) {
             this.triggerChangeEvent();
         }
@@ -8581,6 +8584,9 @@ let DropDownTree = class DropDownTree extends Component {
                 this.setProperties({ text: selectedText }, true);
                 this.currentText = this.text;
                 this.currentValue = this.value;
+                if (!isNullOrUndefined(this.value) && this.value.length > 0) {
+                    this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
+                }
                 attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
                 attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
                 this.updateHiddenValue();
@@ -8632,7 +8638,6 @@ let DropDownTree = class DropDownTree extends Component {
             this.ensurePlaceHolder();
         }
         if (this.showSelectAll && this.checkBoxElement) {
-            const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
             if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
@@ -8640,7 +8645,9 @@ let DropDownTree = class DropDownTree extends Component {
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
+            else if (wrap && args.action === 'check'
+                && checkedNodes.length === this.fields.dataSource.length
+                && (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
@@ -8950,6 +8957,12 @@ let DropDownTree = class DropDownTree extends Component {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
+        else {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
     }
     setChipValues(text, value) {
         if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -9130,6 +9143,9 @@ let DropDownTree = class DropDownTree extends Component {
             this.oldValue = this.value;
             this.setProperties({ value: [] }, true);
         }
+        if (isNullOrUndefined(this.value) || this.value.length === 0) {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
         this.dataValue = null;
         this.setProperties({ text: null }, true);
         this.selectedData = [];
@@ -18021,6 +18037,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.list.setAttribute('role', 'listbox');
         attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
         this.updateSelectionSettings();
+        this.resizeHandler();
     }
     updateSelectionSettings() {
         if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -18984,6 +19001,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (form) {
             EventHandler.add(form, 'reset', this.formResetHandler, this);
         }
+        window.addEventListener('resize', this.resizeHandler.bind(this));
     }
     wireToolbarEvent() {
         if (this.toolbarSettings.items.length) {
@@ -19005,6 +19023,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (form) {
             EventHandler.remove(form, 'reset', this.formResetHandler);
         }
+        window.removeEventListener('resize', this.resizeHandler.bind(this));
     }
     clickHandler(e) {
         const li = closest(e.target, '.' + 'e-list-item');
@@ -19078,6 +19097,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             if (this.height.toString().indexOf('%') < 0) {
                 addClass([this.list], 'e-filter-list');
             }
+            else if (this.height.toString().indexOf('%') > 0) {
+                this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
+            }
             this.inputString = this.filterInput.value;
             this.filterWireEvents();
             return filterInputObj;
@@ -19653,7 +19675,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         else {
             elems = [args.target];
         }
-        return { elements: elems, items: this.getDataByElems(elems) };
+        return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
     }
     onKeyDown(e) {
         this.keyDownHandler(e);
@@ -19848,6 +19870,14 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             this.refreshClearIcon();
         }
     }
+    resizeHandler() {
+        if (this.list.scrollWidth > this.list.offsetWidth) {
+            this.list.querySelector('.e-list-parent').style.display = 'inline-block';
+        }
+        else {
+            this.list.querySelector('.e-list-parent').style.display = 'block';
+        }
+    }
     getValidIndex(cli, index, keyCode) {
         const cul = this.ulElement;
         if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {
@@ -20592,7 +20622,7 @@ let Mention = class Mention extends DropDownBase {
         const isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
             || e.action === 'home' || e.action === 'end');
         const isTabAction = e.action === 'tab' || e.action === 'close';
-        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
+        if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
             this.renderList();
         }
         if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&