@syncfusion/ej2-navigations 26.1.39 → 26.1.41

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

@@ -1760,7 +1760,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
                         _this.closeMenu(null, e);
                     }
-                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed && !_this.isCmenuHover) {
+                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 &&
+                        !_this.isMenusClosed && !_this.isCmenuHover) {
                         _this.isMenusClosed = true;
                         _this.closeMenu(0, e);
                     }
@@ -3726,8 +3727,10 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         this.unwireKeyboardEvent();
         window.removeEventListener('resize', this.resizeContext);
         window.removeEventListener('orientationchange', this.orientationChangeContext);
-        EventHandler.remove(document, 'scroll', this.docEvent);
-        EventHandler.remove(document, 'click', this.docEvent);
+        document.removeEventListener('scroll', this.clickEvent);
+        document.removeEventListener('click', this.scrollEvent);
+        this.scrollEvent = null;
+        this.clickEvent = null;
     };
     Toolbar.prototype.clearProperty = function () {
         this.tbarEle = [];
@@ -4126,6 +4129,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
         this.initialize();
         this.renderControl();
         this.wireEvents();
+        this.clickEvent = this.docEvent.bind(this);
+        this.scrollEvent = this.docEvent.bind(this);
         this.renderComplete();
         if (this.isReact && this.portals && this.portals.length > 0) {
             this.renderReactTemplates(function () {
@@ -4511,8 +4516,8 @@ var Toolbar = /** @__PURE__ @class */ (function (_super) {
                 popup.offsetX = 0;
             }
             popup.appendTo(ele);
-            EventHandler.add(document, 'scroll', this.docEvent.bind(this));
-            EventHandler.add(document, 'click ', this.docEvent.bind(this));
+            document.addEventListener('scroll', this.clickEvent);
+            document.addEventListener('click', this.scrollEvent);
             if (this.overflowMode !== 'Extended') {
                 popup.element.style.maxHeight = popup.element.offsetHeight + 'px';
             }
@@ -10137,7 +10142,7 @@ var DISABLE = 'e-disable';
 var DROPCOUNT = 'e-drop-count';
 var CHECK = 'e-check';
 var INDETERMINATE = 'e-stop';
-var CHECKBOXWRAP = 'e-checkbox-wrapper';
+var CHECKBOXWRAP = 'e-treeview-checkbox';
 var CHECKBOXFRAME = 'e-frame';
 var CHECKBOXRIPPLE = 'e-ripple-container';
 var RIPPLE = 'e-ripple';
@@ -10285,6 +10290,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         _this.isRightClick = false;
         _this.mouseDownStatus = false;
         _this.isDropIn = false;
+        _this.OldCheckedData = [];
         return _this;
     }
     TreeView_1 = TreeView;
@@ -10358,6 +10364,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.expandChildren = [];
         this.index = 0;
         this.setTouchClass();
+        this.DDTTreeData = JSON.parse(JSON.stringify(this.fields.dataSource));
         if (isNullOrUndefined(this.selectedNodes)) {
             this.setProperties({ selectedNodes: [] }, true);
         }
@@ -10736,23 +10743,38 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.updateParentCheckState = function () {
         var indeterminate = selectAll('.' + INDETERMINATE, this.element);
         var childCheckedElement;
+        var data = this.treeData;
+        if (this.element.classList.contains('e-filtering')) {
+            data = this.DDTTreeData;
+        }
         for (var i = 0; i < indeterminate.length; i++) {
             var node = closest(indeterminate[parseInt(i.toString(), 10)], '.' + LISTITEM);
             var nodeId = node.getAttribute('data-uid').toString();
+            var OldCheckedNodes = void 0;
+            if (this.element.classList.contains('e-filtering')) {
+                OldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', nodeId, true));
+            }
             if (this.dataType === 1) {
-                childCheckedElement = new DataManager(this.treeData).
+                childCheckedElement = new DataManager(data).
                     executeLocal(new Query().where(this.fields.parentID, 'equal', nodeId, true));
             }
             else {
-                childCheckedElement = this.getChildNodes(this.treeData, nodeId);
+                childCheckedElement = this.getChildNodes(data, nodeId);
             }
             var count = 0;
             if (childCheckedElement) {
-                for (var j = 0; j < childCheckedElement.length; j++) {
-                    var childId = childCheckedElement[parseInt(j.toString(), 10)][this.fields.id].toString();
-                    if (this.checkedNodes.indexOf(childId) !== -1) {
+                var _loop_1 = function (j) {
+                    var childId = childCheckedElement[parseInt(j.toString(), 10)][this_1.fields.id].toString();
+                    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) {
+                        count++;
+                    }
+                };
+                var this_1 = this;
+                for (var j = 0; j < childCheckedElement.length; j++) {
+                    _loop_1(j);
                 }
                 if (count === childCheckedElement.length) {
                     var nodeCheck = node.getAttribute('data-uid');
@@ -10845,6 +10867,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.beforeNodeCreate = function (e) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
+            checkboxEle.classList.add(CHECKBOXWRAP);
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -11031,13 +11054,28 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             var indeterminateNodes = selectAll('.' + INDETERMINATE, ulElement);
             var nodes = selectAll('.' + LISTITEM, ulElement);
             var checkBoxEle = element.getElementsByClassName(CHECKBOXWRAP)[0];
-            if (nodes.length === checkedNodes.length) {
+            var count = nodes.length;
+            var checkedCount = checkedNodes.length;
+            var dataUid = element.getAttribute('data-uid');
+            if (this.element.classList.contains('e-filtering')) {
+                var oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid, true));
+                checkedCount = oldCheckedNodes.length;
+                var childItems = [];
+                if (this.dataType === 1) {
+                    childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid, true));
+                }
+                else {
+                    childItems = this.getChildNodes(this.DDTTreeData, dataUid);
+                }
+                count = childItems.length;
+            }
+            if (count === checkedCount) {
                 this.changeState(checkBoxEle, 'check', null, true, true);
             }
-            else if (checkedNodes.length > 0 || indeterminateNodes.length > 0) {
+            else if (checkedCount > 0 || indeterminateNodes.length > 0) {
                 this.changeState(checkBoxEle, 'indeterminate', null, true, true);
             }
-            else if (checkedNodes.length === 0) {
+            else if (checkedCount === 0) {
                 this.changeState(checkBoxEle, 'uncheck', null, true, true);
             }
             var parentUL = closest(element, '.' + PARENTITEM);
@@ -11673,6 +11711,25 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         eventArgs.data = eventArgs.data.splice(0, eventArgs.data.length - 1);
         this.trigger('nodeChecked', eventArgs);
     };
+    TreeView.prototype.updateOldCheckedData = function (data) {
+        var dataManager = new DataManager(data);
+        var childItems = dataManager.executeLocal(new Query().where('isChecked', 'equal', 'true', true));
+        var uncheckedItems = dataManager.executeLocal(new Query().where('isChecked', 'equal', 'false', true));
+        if (uncheckedItems.length > 0) {
+            var index = this.OldCheckedData.findIndex(function (e) { return e['id'] === uncheckedItems[0]['id']; });
+            if (index !== -1) {
+                this.OldCheckedData.splice(index, 1);
+                return;
+            }
+        }
+        if (childItems.length > 0) {
+            var index = this.OldCheckedData.findIndex(function (e) { return e['id'] === childItems[0]['id']; });
+            if (index === -1) {
+                this.OldCheckedData.push(childItems[0]);
+                return;
+            }
+        }
+    };
     TreeView.prototype.triggerClickEvent = function (e, li) {
         var eventArgs = {
             event: e,
@@ -12526,6 +12583,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
         if (this.autoCheck) {
             this.ensureChildCheckState(li);
+            this.updateOldCheckedData([this.getNodeData(li)]);
             this.ensureParentCheckState(closest(closest(li, '.' + PARENTITEM), '.' + LISTITEM));
             var doCheck = void 0;
             if (eventArgs.action === 'check') {
@@ -14898,6 +14956,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                     this.initialRender = true;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     if (!this.isReact || this.isReact && !(this.fields.dataSource instanceof DataManager)) {
+                        if (!this.element.classList.contains('e-filtering')) {
+                            this.DDTTreeData = JSON.parse(JSON.stringify(this.fields.dataSource));
+                        }
                         this.reRenderNodes();
                     }
                     this.initialRender = false;
@@ -19100,9 +19161,19 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             if (_this.stepperItemList && _this.progressbar && _this.element.classList.contains(HORIZSTEP)) {
                 _this.setProgressPosition(_this.element, true);
             }
+            _this.navigateToStep(_this.activeStep, null, null, false);
         }, this);
         EventHandler.add(window, 'click', function () { _this.updateStepFocus(); }, this);
     };
+    Stepper.prototype.unWireEvents = function () {
+        var _this = this;
+        EventHandler.remove(window, 'resize', function () {
+            if (_this.stepperItemList && _this.progressbar && _this.element.classList.contains(HORIZSTEP)) {
+                _this.setProgressPosition(_this.element, true);
+            }
+        });
+        EventHandler.remove(window, 'click', function () { _this.updateStepFocus(); });
+    };
     Stepper.prototype.updateStepFocus = function () {
         if (this.isKeyNavFocus) {
             this.isKeyNavFocus = false;
@@ -19766,16 +19837,31 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
         }
         this.stepperItemElements = [];
     };
+    /**
+     * Move to next step from current step in Stepper.
+     *
+     * @returns {void}
+     */
     Stepper.prototype.nextStep = function () {
         if (this.activeStep !== this.steps.length - 1) {
             this.navigateToStep(this.activeStep + 1, null, null, false);
         }
     };
+    /**
+     * Move to previous step from current step in Stepper.
+     *
+     * @returns {void}
+     */
     Stepper.prototype.previousStep = function () {
         if (this.activeStep > 0) {
             this.navigateToStep(this.activeStep - 1, null, null, false);
         }
     };
+    /**
+     * Reset the state of the Stepper and move to the first step.
+     *
+     * @returns {void}
+     */
     Stepper.prototype.reset = function () {
         if (this.activeStep === 0) {
             this.updateStepInteractions();
@@ -19785,18 +19871,30 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
             this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
         }
     };
+    /**
+     * Refreshes the position of the progress bar programmatically when the dimensions of the parent container are changed.
+     *
+     * @returns {void}
+     */
+    Stepper.prototype.refreshProgressbar = function () {
+        if (this.stepperItemList && this.progressbar) {
+            this.setProgressPosition(this.element);
+        }
+        this.navigateToStep(this.activeStep, null, null, false);
+    };
     Stepper.prototype.updateElementClassArray = function () {
         var classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
             'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
         removeClass([this.element], classArray);
     };
+    /**
+     * Destroy the stepper control.
+     *
+     * @returns {void}
+     */
     Stepper.prototype.destroy = function () {
-        var _this = this;
         _super.prototype.destroy.call(this);
-        EventHandler.remove(window, 'resize', function () { if (_this.stepperItemList && _this.progressbar) {
-            _this.setProgressPosition(_this.element, true);
-        } });
-        EventHandler.remove(window, 'click', function () { _this.updateStepFocus(); });
+        this.unWireEvents();
         // unwires the events and detach the li elements
         this.removeItemElements();
         this.clearTemplate();