@syncfusion/ej2-dropdowns 34.2.3 → 34.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.3
+*  version : 34.2.4
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "34.2.3",
+  "version": "34.2.4",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.2",
+    "@syncfusion/ej2-base": "~34.2.4",
     "@syncfusion/ej2-data": "~34.2.2",
     "@syncfusion/ej2-inputs": "~34.2.2",
     "@syncfusion/ej2-lists": "~34.2.2",
-    "@syncfusion/ej2-navigations": "~34.2.3",
+    "@syncfusion/ej2-navigations": "~34.2.4",
     "@syncfusion/ej2-notifications": "~34.2.2",
-    "@syncfusion/ej2-popups": "~34.2.3"
+    "@syncfusion/ej2-popups": "~34.2.4"
   },
   "devDependencies": {},
   "keywords": [

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -894,6 +894,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private getFilteredTreeData;
     private getChildren;
     private getDirectChildren;
+    private restoreRootParentValues;
     private updateFilteredAutoCheckValues;
     private updateSelectedValues;
     private setChipValues;

package/src/drop-down-tree/drop-down-tree.js

@@ -2264,6 +2264,17 @@ var DropDownTree = /** @class */ (function (_super) {
             this.triggerChangeEvent(this.keyEventArgs);
             this.isValueChange = false;
         }
+        var treeData = this.treeObj.getTreeData();
+        if (this.showCheckBox && this.treeSettings.autoCheck && treeData.length > 0 && this.treeData && this.treeData.length > 0) {
+            for (var i = 0; i < treeData.length; i++) {
+                for (var j = 0; j < this.treeData.length; j++) {
+                    if (treeData[i].id === this.treeData[j].id) {
+                        this.treeData[j].selected = treeData[i].selected !== undefined ?
+                            treeData[i].selected : false;
+                    }
+                }
+            }
+        }
     };
     DropDownTree.prototype.beforeCheck = function (args) {
         if (args.isInteracted) {
@@ -2580,9 +2591,35 @@ var DropDownTree = /** @class */ (function (_super) {
         })
             .map(function (childNode) { return childNode.id.toString(); });
     };
+    DropDownTree.prototype.restoreRootParentValues = function () {
+        var _this = this;
+        var treeData = this.getFilteredTreeData();
+        treeData.forEach(function (node) {
+            if (isNOU(node) || isNOU(node.id)) {
+                return;
+            }
+            if (isNOU(node.pid)) {
+                var rootId = node.id.toString();
+                var currentValues_1 = _this.value.map(function (item) {
+                    return item.toString();
+                });
+                if (currentValues_1.indexOf(rootId) === -1) {
+                    var childValues = [];
+                    _this.getChildren(rootId, childValues);
+                    var hasSelectedChild = childValues.some(function (childId) { return currentValues_1.indexOf(childId) !== -1; });
+                    if (hasSelectedChild) {
+                        _this.value.push(rootId);
+                    }
+                }
+            }
+        });
+    };
     DropDownTree.prototype.updateFilteredAutoCheckValues = function () {
         var _this = this;
         var treeData = this.getFilteredTreeData();
+        if (!this.isNodeChecked && Array.isArray(this.value) && this.value.length > 0 && this.showCheckBox) {
+            this.restoreRootParentValues();
+        }
         var currentValues = Array.isArray(this.value) ? this.value.map(function (item) { return item.toString(); }) : [];
         var removeParent = function (parentId) {
             _this.value = _this.value.filter(function (value) { return value.toString() !== parentId; });
@@ -2673,26 +2710,44 @@ var DropDownTree = /** @class */ (function (_super) {
             this.value = this.value.filter(function (value) { return removeValues.indexOf(value.toString()) === -1; });
             currentValues = this.value.map(function (item) { return item.toString(); });
         }
-        treeData.forEach(function (node) {
-            if (isNOU(node) || isNOU(node.id)) {
-                return;
-            }
-            if (!node.haschild) {
-                return;
-            }
-            var parentId = node.id.toString();
-            if (currentValues.indexOf(parentId) === -1) {
-                return;
-            }
-            var hasDirectChild = treeData.some(function (childNode) {
-                return !isNOU(childNode) && !isNOU(childNode.pid) && !isNOU(childNode.id) && childNode.pid.toString() === parentId &&
-                    currentValues.indexOf(childNode.id.toString()) !== -1;
+        var stabilized = false;
+        var valueBeforeReconciliation = this.value.slice();
+        var iterationCount = 0;
+        var maxIterations = treeData.length + 1;
+        while (!stabilized && iterationCount < maxIterations) {
+            stabilized = true;
+            iterationCount++;
+            treeData.forEach(function (node) {
+                if (isNOU(node) || isNOU(node.id)) {
+                    return;
+                }
+                if (!node.haschild) {
+                    return;
+                }
+                var parentId = node.id.toString();
+                var directChildren = _this.getDirectChildren(parentId);
+                if (!directChildren.length) {
+                    return;
+                }
+                var allDirectChildrenChecked = directChildren.every(function (childId) { return currentValues.indexOf(childId) !== -1; });
+                if (allDirectChildrenChecked) {
+                    if (currentValues.indexOf(parentId) === -1) {
+                        _this.value.push(parentId);
+                        currentValues = _this.value.map(function (item) { return item.toString(); });
+                        stabilized = false;
+                    }
+                }
+                else if (currentValues.indexOf(parentId) !== -1) {
+                    removeParent(parentId);
+                    currentValues = _this.value.map(function (item) { return item.toString(); });
+                    stabilized = false;
+                }
             });
-            if (!hasDirectChild) {
-                removeParent(parentId);
-                currentValues = _this.value.map(function (item) { return item.toString(); });
-            }
-        });
+        }
+        if ((valueBeforeReconciliation.length > 0 && this.value.length === 0) ||
+            iterationCount >= maxIterations) {
+            this.value = valueBeforeReconciliation;
+        }
     };
     DropDownTree.prototype.updateSelectedValues = function () {
         var _this = this;

package/src/list-box/list-box.js

@@ -2094,7 +2094,7 @@ var ListBox = /** @class */ (function (_super) {
     };
     ListBox.prototype.KeyUp = function (e) {
         var _this = this;
-        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
+        if (this.allowFiltering && ((e.ctrlKey && e.keyCode === 65) || e.keyCode === 16)) {
             e.preventDefault();
             return;
         }
@@ -2102,7 +2102,7 @@ var ListBox = /** @class */ (function (_super) {
         var isBracketKey = e.keyCode === 219 || e.keyCode === 220 || e.keyCode === 221 || e.keyCode === 222;
         var isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
         var isWordCharacter = e.key && e.key.match(/\w/);
-        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ ']/);
+        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ '@!#$%^&*()]/);
         if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)
             || isSpecialKey || isBracketKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;

package/styles/list-box/_tailwind3-definition.scss

@@ -178,3 +178,7 @@ $list-border: 1px !default;
 $zero-border: 0 !default;
 $zero-width: 0% !default;
 $list-box-tool-tail-radius: $radius-8 !default;
+
+.e-listbox-wrapper.e-wrapper li.e-list-item.e-focused {
+  background-color: $listbox-item-hover-bg;
+}

package/styles/list-box/tailwind3.css

@@ -72,6 +72,10 @@
 /* 5em */
 
 
+.e-listbox-wrapper.e-wrapper li.e-list-item.e-focused {
+  background-color: var(--color-sf-content-bg-color-hover);
+}
+
 .e-listbox-tool .e-moveup::before {
   content: "\e776";
 }

package/styles/tailwind3-lite.css

@@ -2114,6 +2114,10 @@ ejs-multiselect {
   color: var(--color-sf-content-text-color-alt1);
 }
 
+.e-listbox-wrapper.e-wrapper li.e-list-item.e-focused {
+  background-color: var(--color-sf-content-bg-color-hover);
+}
+
 .e-listbox-tool .e-moveup::before {
   content: "\e776";
 }

package/styles/tailwind3.css

@@ -2652,6 +2652,10 @@ ejs-multiselect {
   height: 30px;
 }
 
+.e-listbox-wrapper.e-wrapper li.e-list-item.e-focused {
+  background-color: var(--color-sf-content-bg-color-hover);
+}
+
 .e-listbox-tool .e-moveup::before {
   content: "\e776";
 }