@syncfusion/ej2-navigations 26.1.39 → 26.1.41

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

@@ -1679,7 +1679,8 @@ let MenuBase = class MenuBase extends Component {
                     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);
                     }
@@ -3587,8 +3588,10 @@ let Toolbar = class Toolbar extends Component {
         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;
     }
     clearProperty() {
         this.tbarEle = [];
@@ -3985,6 +3988,8 @@ let Toolbar = class Toolbar extends Component {
         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(() => {
@@ -4369,8 +4374,8 @@ let Toolbar = class Toolbar extends Component {
                 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';
             }
@@ -9834,7 +9839,7 @@ const DISABLE = 'e-disable';
 const DROPCOUNT = 'e-drop-count';
 const CHECK = 'e-check';
 const INDETERMINATE = 'e-stop';
-const CHECKBOXWRAP = 'e-checkbox-wrapper';
+const CHECKBOXWRAP = 'e-treeview-checkbox';
 const CHECKBOXFRAME = 'e-frame';
 const CHECKBOXRIPPLE = 'e-ripple-container';
 const RIPPLE = 'e-ripple';
@@ -9966,6 +9971,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.isRightClick = false;
         this.mouseDownStatus = false;
         this.isDropIn = false;
+        this.OldCheckedData = [];
     }
     /**
      * Get component name.
@@ -10036,6 +10042,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         this.expandChildren = [];
         this.index = 0;
         this.setTouchClass();
+        this.DDTTreeData = JSON.parse(JSON.stringify(this.fields.dataSource));
         if (isNullOrUndefined(this.selectedNodes)) {
             this.setProperties({ selectedNodes: [] }, true);
         }
@@ -10411,15 +10418,23 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     updateParentCheckState() {
         const indeterminate = selectAll('.' + INDETERMINATE, this.element);
         let childCheckedElement;
+        let data = this.treeData;
+        if (this.element.classList.contains('e-filtering')) {
+            data = this.DDTTreeData;
+        }
         for (let i = 0; i < indeterminate.length; i++) {
             const node = closest(indeterminate[parseInt(i.toString(), 10)], '.' + LISTITEM);
             const nodeId = node.getAttribute('data-uid').toString();
+            let OldCheckedNodes;
+            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);
             }
             let count = 0;
             if (childCheckedElement) {
@@ -10428,6 +10443,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     if (this.checkedNodes.indexOf(childId) !== -1) {
                         count++;
                     }
+                    else if (this.element.classList.contains('e-filtering') && OldCheckedNodes.findIndex((e) => e['id'] === childId) !== -1) {
+                        count++;
+                    }
                 }
                 if (count === childCheckedElement.length) {
                     const nodeCheck = node.getAttribute('data-uid');
@@ -10520,6 +10538,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     beforeNodeCreate(e) {
         if (this.showCheckBox) {
             const checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
+            checkboxEle.classList.add(CHECKBOXWRAP);
             const icon = select('div.' + ICON, e.item);
             const id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -10705,13 +10724,28 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             const indeterminateNodes = selectAll('.' + INDETERMINATE, ulElement);
             const nodes = selectAll('.' + LISTITEM, ulElement);
             const checkBoxEle = element.getElementsByClassName(CHECKBOXWRAP)[0];
-            if (nodes.length === checkedNodes.length) {
+            let count = nodes.length;
+            let checkedCount = checkedNodes.length;
+            const dataUid = element.getAttribute('data-uid');
+            if (this.element.classList.contains('e-filtering')) {
+                const oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid, true));
+                checkedCount = oldCheckedNodes.length;
+                let 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);
             }
             const parentUL = closest(element, '.' + PARENTITEM);
@@ -11344,6 +11378,25 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         eventArgs.data = eventArgs.data.splice(0, eventArgs.data.length - 1);
         this.trigger('nodeChecked', eventArgs);
     }
+    updateOldCheckedData(data) {
+        const dataManager = new DataManager(data);
+        const childItems = dataManager.executeLocal(new Query().where('isChecked', 'equal', 'true', true));
+        const uncheckedItems = dataManager.executeLocal(new Query().where('isChecked', 'equal', 'false', true));
+        if (uncheckedItems.length > 0) {
+            const index = this.OldCheckedData.findIndex((e) => e['id'] === uncheckedItems[0]['id']);
+            if (index !== -1) {
+                this.OldCheckedData.splice(index, 1);
+                return;
+            }
+        }
+        if (childItems.length > 0) {
+            const index = this.OldCheckedData.findIndex((e) => e['id'] === childItems[0]['id']);
+            if (index === -1) {
+                this.OldCheckedData.push(childItems[0]);
+                return;
+            }
+        }
+    }
     triggerClickEvent(e, li) {
         const eventArgs = {
             event: e,
@@ -12177,6 +12230,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         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));
             let doCheck;
             if (eventArgs.action === 'check') {
@@ -14532,6 +14586,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                     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;
@@ -18591,9 +18648,18 @@ let Stepper = class Stepper extends StepperBase {
             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', () => { this.updateStepFocus(); }, this);
     }
+    unWireEvents() {
+        EventHandler.remove(window, 'resize', () => {
+            if (this.stepperItemList && this.progressbar && this.element.classList.contains(HORIZSTEP)) {
+                this.setProgressPosition(this.element, true);
+            }
+        });
+        EventHandler.remove(window, 'click', () => { this.updateStepFocus(); });
+    }
     updateStepFocus() {
         if (this.isKeyNavFocus) {
             this.isKeyNavFocus = false;
@@ -19253,16 +19319,31 @@ let Stepper = class Stepper extends StepperBase {
         }
         this.stepperItemElements = [];
     }
+    /**
+     * Move to next step from current step in Stepper.
+     *
+     * @returns {void}
+     */
     nextStep() {
         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}
+     */
     previousStep() {
         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}
+     */
     reset() {
         if (this.activeStep === 0) {
             this.updateStepInteractions();
@@ -19272,17 +19353,30 @@ let Stepper = class Stepper extends StepperBase {
             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}
+     */
+    refreshProgressbar() {
+        if (this.stepperItemList && this.progressbar) {
+            this.setProgressPosition(this.element);
+        }
+        this.navigateToStep(this.activeStep, null, null, false);
+    }
     updateElementClassArray() {
         const 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}
+     */
     destroy() {
         super.destroy();
-        EventHandler.remove(window, 'resize', () => { if (this.stepperItemList && this.progressbar) {
-            this.setProgressPosition(this.element, true);
-        } });
-        EventHandler.remove(window, 'click', () => { this.updateStepFocus(); });
+        this.unWireEvents();
         // unwires the events and detach the li elements
         this.removeItemElements();
         this.clearTemplate();