@syncfusion/ej2-navigations 34.2.4 → 34.2.5

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _navigations from '@syncfusion/ej2-navigations';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "34.2.4",
+  "version": "34.2.5",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,7 +8,7 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.4",
+    "@syncfusion/ej2-base": "~34.2.5",
     "@syncfusion/ej2-buttons": "~34.2.2",
     "@syncfusion/ej2-data": "~34.2.2",
     "@syncfusion/ej2-inputs": "~34.2.2",

package/src/toolbar/toolbar.d.ts

@@ -270,6 +270,8 @@ export declare class Toolbar extends Component<HTMLElement> implements INotifyPr
     private scrollEvent;
     private resizeContext;
     private orientationChangeContext;
+    private resizeObserver;
+    private lastObservedWidth;
     /**
      * Contains the keyboard configuration of the Toolbar.
      */

package/src/toolbar/toolbar.js

@@ -155,6 +155,7 @@ var Toolbar = /** @class */ (function (_super) {
         var _this = _super.call(this, options, element) || this;
         _this.resizeContext = _this.resize.bind(_this);
         _this.orientationChangeContext = _this.orientationChange.bind(_this);
+        _this.lastObservedWidth = 0;
         /**
          * Contains the keyboard configuration of the Toolbar.
          */
@@ -188,6 +189,10 @@ var Toolbar = /** @class */ (function (_super) {
             }
         });
         this.unwireEvents();
+        this.lastObservedWidth = 0;
+        if (this.resizeObserver && this.element.closest('.e-splitter')) {
+            this.resizeObserver.disconnect();
+        }
         this.tempId.forEach(function (ele) {
             if (!isNOU(_this.element.querySelector(ele))) {
                 document.body.appendChild(_this.element.querySelector(ele)).style.display = 'none';
@@ -772,6 +777,17 @@ var Toolbar = /** @class */ (function (_super) {
         this.scrollEvent = this.docEvent.bind(this);
         this.renderControl();
         this.wireEvents();
+        if (this.element.closest('.e-splitter')) {
+            this.lastObservedWidth = this.element.offsetWidth;
+            this.resizeObserver = new window.ResizeObserver(function () {
+                if (_this.element.offsetWidth === _this.lastObservedWidth) {
+                    return;
+                }
+                _this.lastObservedWidth = _this.element.offsetWidth;
+                _this.refreshOverflow();
+            });
+            this.resizeObserver.observe(this.element);
+        }
         this.renderComplete();
         if (this.isReact && this.portals && this.portals.length > 0) {
             this.renderReactTemplates(function () {

package/src/treeview/treeview.d.ts

@@ -572,6 +572,8 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private virtualTreeDirty;
     private virtualFocusedId;
     private virtualSkipNextScrollRender;
+    private filterCheckedNodes;
+    private filterIndeterminateNodes;
     /**
      * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
      * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
@@ -1079,6 +1081,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private getType;
     private setRootData;
     private isChildObject;
+    private isRemoteDataLoadOnDemand;
     private renderItems;
     /**
      * Update the checkedNodes from datasource at initial rendering

package/src/treeview/treeview.js

@@ -248,6 +248,8 @@ var TreeView = /** @class */ (function (_super) {
         _this.virtualTreeDirty = false;
         _this.virtualFocusedId = null;
         _this.virtualSkipNextScrollRender = false;
+        _this.filterCheckedNodes = [];
+        _this.filterIndeterminateNodes = [];
         return _this;
     }
     TreeView_1 = TreeView;
@@ -548,6 +550,11 @@ var TreeView = /** @class */ (function (_super) {
             return false;
         }
     };
+    TreeView.prototype.isRemoteDataLoadOnDemand = function () {
+        var remoteDataSource = (this.fields.dataSource instanceof DataManager) ||
+            (this.fields.child && this.fields.child.dataSource instanceof DataManager ? true : false);
+        return !remoteDataSource && !this.loadOnDemand;
+    };
     TreeView.prototype.renderItems = function (isSorted) {
         if (this.enableVirtualization && !isNOU(this.height)) {
             this.ulElement = this.createElement('ul', {
@@ -736,7 +743,9 @@ var TreeView = /** @class */ (function (_super) {
                     if (this_1.checkedNodes.indexOf(childId) !== -1) {
                         count++;
                     }
-                    else if (this_1.element.classList.contains('e-filtering') && OldCheckedNodes.findIndex(function (e) { return e['id'] === childId; }) !== -1) {
+                    else if (this_1.element.classList.contains('e-filtering') && (this_1.isRemoteDataLoadOnDemand() ?
+                        this_1.filterCheckedNodes.findIndex(function (id) { return id === childId; }) !== -1 :
+                        OldCheckedNodes.findIndex(function (e) { return e['id'] === childId; }) !== -1)) {
                         count++;
                     }
                 };
@@ -1055,6 +1064,23 @@ var TreeView = /** @class */ (function (_super) {
                 }
             });
             var parentNodeChecked = false;
+            if (this.isRemoteDataLoadOnDemand() && this.element.classList.contains('e-filtering') && this.autoCheck) {
+                if (this.filterCheckedNodes.indexOf(dataUid_1) !== -1) {
+                    this.changeState(checkBoxEle, 'check', null, true, true);
+                }
+                else if (this.filterIndeterminateNodes.indexOf(dataUid_1) !== -1) {
+                    this.changeState(checkBoxEle, 'indeterminate', null, true, true);
+                }
+                else {
+                    this.changeState(checkBoxEle, 'uncheck', null, true, true);
+                }
+                var parentUL_1 = closest(element, '.' + PARENTITEM);
+                if (!isNOU(parentUL_1)) {
+                    var currentParent = closest(parentUL_1, '.' + LISTITEM);
+                    this.ensureParentCheckState(currentParent);
+                }
+                return;
+            }
             if (this.element.classList.contains('e-filtering')) {
                 var oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid_1, true));
                 checkedCount = oldCheckedNodes.length;
@@ -1162,7 +1188,7 @@ var TreeView = /** @class */ (function (_super) {
             }
         });
     };
-    TreeView.prototype.getAllChildNodes = function (data, parentId) {
+    TreeView.prototype.getAllChildNodes = function (data, parentId, includeAllDescendants) {
         if (isNOU(data) || isNOU(parentId)) {
             return [];
         }
@@ -1179,17 +1205,55 @@ var TreeView = /** @class */ (function (_super) {
         }
         if (this.dataType === 2) {
             var parentFieldId_1 = this.fields.id;
-            var childField = this.fields.child.toString();
-            var target_2 = parentId.toString();
-            var node = data.find(function (n) {
-                var idVal = getValue(parentFieldId_1, n);
-                return !isNOU(idVal) && idVal.toString() === target_2;
-            });
+            var childField_1 = this.fields.child.toString();
+            var target = parentId.toString();
+            var findNodeInTree_1 = function (nodes, id) {
+                if (!Array.isArray(nodes)) {
+                    return undefined;
+                }
+                for (var i = 0; i < nodes.length; i++) {
+                    var n = nodes[parseInt(i.toString(), 10)];
+                    var idVal = getValue(parentFieldId_1, n);
+                    if (!isNOU(idVal) && idVal.toString() === id) {
+                        return n;
+                    }
+                    var subs = getValue(childField_1, n);
+                    var found = findNodeInTree_1(subs, id);
+                    if (found) {
+                        return found;
+                    }
+                }
+                return undefined;
+            };
+            var node = findNodeInTree_1(data, target);
             if (!node) {
                 return [];
             }
-            var children = getValue(childField, node);
-            return Array.isArray(children) ? children : [];
+            var children = getValue(childField_1, node);
+            if (!Array.isArray(children)) {
+                return [];
+            }
+            if (!includeAllDescendants) {
+                return children;
+            }
+            var result_1 = children.slice();
+            var collectNested_1 = function (nodes) {
+                if (!Array.isArray(nodes)) {
+                    return;
+                }
+                for (var i = 0; i < nodes.length; i++) {
+                    var n = nodes[parseInt(i.toString(), 10)];
+                    var grandChildren = getValue(childField_1, n);
+                    if (Array.isArray(grandChildren) && grandChildren.length) {
+                        for (var j = 0; j < grandChildren.length; j++) {
+                            result_1.push(grandChildren[parseInt(j.toString(), 10)]);
+                        }
+                        collectNested_1(grandChildren);
+                    }
+                }
+            };
+            collectNested_1(children);
+            return result_1;
         }
         return [];
     };
@@ -2934,6 +2998,83 @@ var TreeView = /** @class */ (function (_super) {
                 }
             }
         }
+        if (this.isRemoteDataLoadOnDemand() && this.element.classList.contains('e-filtering') && this.autoCheck) {
+            var nodeUid = li.getAttribute('data-uid');
+            if (isNOU(nodeUid)) {
+                return;
+            }
+            var checkedIndex = this.filterCheckedNodes.indexOf(nodeUid);
+            var indeterminateIndex = this.filterIndeterminateNodes.indexOf(nodeUid);
+            var shouldCheck = !isCheck;
+            if (shouldCheck) {
+                if (checkedIndex === -1) {
+                    this.filterCheckedNodes.push(nodeUid);
+                }
+                if (indeterminateIndex !== -1) {
+                    this.filterIndeterminateNodes.splice(indeterminateIndex, 1);
+                }
+            }
+            else {
+                if (checkedIndex !== -1) {
+                    this.filterCheckedNodes.splice(checkedIndex, 1);
+                }
+            }
+            var parentLi = closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM);
+            while (!isNOU(parentLi)) {
+                var parentUid = parentLi.getAttribute('data-uid');
+                if (!isNOU(parentUid)) {
+                    var parentChildren = this.getAllChildNodes(this.DDTTreeData, parentUid, true);
+                    if (parentChildren && parentChildren.length > 0) {
+                        var firstChildState = void 0;
+                        var mismatchFound = false;
+                        for (var i = 0; i < parentChildren.length; i++) {
+                            var childData = parentChildren[parseInt(i.toString(), 10)];
+                            var childId = childData && childData[this.fields.id]
+                                ? childData[this.fields.id].toString()
+                                : null;
+                            if (isNOU(childId)) {
+                                continue;
+                            }
+                            var childCheckedState = this.filterIndeterminateNodes.indexOf(childId) !== -1
+                                ? null
+                                : this.filterCheckedNodes.indexOf(childId) !== -1;
+                            if (firstChildState === void 0) {
+                                firstChildState = childCheckedState;
+                            }
+                            else if (childCheckedState !== firstChildState) {
+                                mismatchFound = true;
+                                break;
+                            }
+                        }
+                        if (mismatchFound || firstChildState === null) {
+                            if (this.filterIndeterminateNodes.indexOf(parentUid) === -1) {
+                                this.filterIndeterminateNodes.push(parentUid);
+                            }
+                            var parentCheckedIndex = this.filterCheckedNodes.indexOf(parentUid);
+                            if (parentCheckedIndex !== -1) {
+                                this.filterCheckedNodes.splice(parentCheckedIndex, 1);
+                            }
+                        }
+                        else {
+                            var parentIndeterminateIndex = this.filterIndeterminateNodes.indexOf(parentUid);
+                            if (parentIndeterminateIndex !== -1) {
+                                this.filterIndeterminateNodes.splice(parentIndeterminateIndex, 1);
+                            }
+                            var parentCheckedIndex = this.filterCheckedNodes.indexOf(parentUid);
+                            if (firstChildState === true) {
+                                if (parentCheckedIndex === -1) {
+                                    this.filterCheckedNodes.push(parentUid);
+                                }
+                            }
+                            else if (parentCheckedIndex !== -1) {
+                                this.filterCheckedNodes.splice(parentCheckedIndex, 1);
+                            }
+                        }
+                    }
+                }
+                parentLi = closest(closest(parentLi, '.' + PARENTITEM), '.' + LISTITEM);
+            }
+        }
         this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
         this.updateActiveClass(li, isCheck);
         if (this.autoCheck) {