@syncfusion/ej2-navigations 34.2.4 → 34.2.6

package/dist/es6/ej2-navigations.es5.js

@@ -3955,6 +3955,7 @@ var Toolbar = /** @__PURE__ @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.
          */
@@ -3988,6 +3989,10 @@ var Toolbar = /** @__PURE__ @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 (!isNullOrUndefined(_this.element.querySelector(ele))) {
                 document.body.appendChild(_this.element.querySelector(ele)).style.display = 'none';
@@ -4572,6 +4577,17 @@ var Toolbar = /** @__PURE__ @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 () {
@@ -11044,6 +11060,8 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         _this.virtualTreeDirty = false;
         _this.virtualFocusedId = null;
         _this.virtualSkipNextScrollRender = false;
+        _this.filterCheckedNodes = [];
+        _this.filterIndeterminateNodes = [];
         return _this;
     }
     TreeView_1 = TreeView;
@@ -11344,6 +11362,11 @@ var TreeView = /** @__PURE__ @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 && !isNullOrUndefined(this.height)) {
             this.ulElement = this.createElement('ul', {
@@ -11532,7 +11555,9 @@ var TreeView = /** @__PURE__ @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++;
                     }
                 };
@@ -11851,6 +11876,23 @@ var TreeView = /** @__PURE__ @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 (!isNullOrUndefined(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;
@@ -11958,7 +12000,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
-    TreeView.prototype.getAllChildNodes = function (data, parentId) {
+    TreeView.prototype.getAllChildNodes = function (data, parentId, includeAllDescendants) {
         if (isNullOrUndefined(data) || isNullOrUndefined(parentId)) {
             return [];
         }
@@ -11975,17 +12017,55 @@ var TreeView = /** @__PURE__ @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 !isNullOrUndefined(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 (!isNullOrUndefined(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 [];
     };
@@ -13730,6 +13810,83 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        if (this.isRemoteDataLoadOnDemand() && this.element.classList.contains('e-filtering') && this.autoCheck) {
+            var nodeUid = li.getAttribute('data-uid');
+            if (isNullOrUndefined(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 (!isNullOrUndefined(parentLi)) {
+                var parentUid = parentLi.getAttribute('data-uid');
+                if (!isNullOrUndefined(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 (isNullOrUndefined(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) {