@syncfusion/ej2-navigations 27.1.51 → 27.1.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.51
+*  version : 27.1.53
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@27.1.50",
+  "_id": "@syncfusion/ej2-navigations@27.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-RU939KWXIlWV+VrU/vROorLnguKamVY3SSjBP/lOqa/oGBFhIQebcGmSo2JSkQ870R+jyK1Ec67MVaI/crYoRw==",
+  "_integrity": "sha512-Q/2QcUfOC2QfxaSgmXZj3sJPVR+knDWemSOtDag9Z0k6u/l54A4rLoYeq9rae3z8sHJkuG4vc2h4dzZPi3bOWw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -40,8 +40,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-27.1.50.tgz",
-  "_shasum": "190f937bf1b2d76dc94cc68e77a90b124625589e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-27.1.52.tgz",
+  "_shasum": "d97e103b3ed19c71dc76ebf134da2a895f23b8bf",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -52,12 +52,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-data": "~27.1.51",
+    "@syncfusion/ej2-base": "~27.1.53",
+    "@syncfusion/ej2-buttons": "~27.1.53",
+    "@syncfusion/ej2-data": "~27.1.52",
     "@syncfusion/ej2-inputs": "~27.1.50",
     "@syncfusion/ej2-lists": "~27.1.50",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-popups": "~27.1.53"
   },
   "deprecated": false,
   "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",
@@ -162,6 +162,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.51",
+  "version": "27.1.53",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -2250,6 +2250,8 @@ var MenuBase = /** @class */ (function (_super) {
             idx = navIdx.pop();
             iitems = this.getItems(navIdx);
             menuitem = new MenuItem(iitems[0], 'items', items[i], true);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            menuitem.parentObj = iitems[0].parentObj;
             iitems.splice(isAfter ? idx + 1 : idx, 0, menuitem);
             var uls = this.isMenu ? [this.getWrapper()].concat(this.getPopups()) : [].slice.call(this.getWrapper().children);
             if (!isNullOrUndefined(idx) && navIdx.length < uls.length) {

package/src/stepper/stepper.js

@@ -330,6 +330,8 @@ var Stepper = /** @class */ (function (_super) {
             }
             var stepSpan = this.createElement('span', { className: 'e-step' });
             var item = this.steps[parseInt(index.toString(), 10)];
+            var isItemLabel = item.label ? true : false;
+            var isItemText = item.text ? true : false;
             if (this.renderDefault(index) && (isNullOrUndefined(this.template) || this.template === '')) {
                 var isIndicator = (!this.element.classList.contains('e-step-type-default') && this.stepType.toLowerCase() === 'indicator') ? true : false;
                 if (isIndicator) {
@@ -343,7 +345,7 @@ var Stepper = /** @class */ (function (_super) {
             }
             else if (isNullOrUndefined(this.template) || this.template === '') {
                 var isRender = true;
-                if ((item.iconCss || (!item.iconCss && item.text && item.label)) && (((!item.text && !item.label) ||
+                if ((item.iconCss || (!item.iconCss && isItemText && isItemLabel)) && (((!isItemText && !isItemLabel) ||
                     !this.element.classList.contains(LABELINDICATOR)))) {
                     if (item.iconCss) {
                         var itemIcon = item.iconCss.trim().split(' ');
@@ -353,14 +355,14 @@ var Stepper = /** @class */ (function (_super) {
                         }
                         this.stepperItemContainer.classList.add(STEPICON);
                     }
-                    else if (!item.iconCss && item.text && item.label) {
+                    else if (!item.iconCss && isItemText && isItemLabel) {
                         stepSpan.classList.add(ICONCSS);
                         stepSpan.innerHTML = item.text;
                         this.stepperItemContainer.classList.add(STEPICON);
                     }
                     this.stepperItemContainer.appendChild(stepSpan);
-                    if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && item.label) ||
-                        (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && item.label)) {
+                    if ((this.element.classList.contains(HORIZSTEP) && (this.labelPosition.toLowerCase() === 'start' || this.labelPosition.toLowerCase() === 'end') && isItemLabel) ||
+                        (this.element.classList.contains(VERTICALSTEP) && (this.labelPosition.toLowerCase() === 'top' || this.labelPosition.toLowerCase() === 'bottom') && isItemLabel)) {
                         this.element.classList.add('e-label-' + this.labelPosition.toLowerCase());
                         var textSpan = this.createElement('span', { className: TEXTCSS + ' ' + TEXT });
                         textSpan.innerText = item.label;
@@ -369,49 +371,43 @@ var Stepper = /** @class */ (function (_super) {
                         isRender = false;
                     }
                 }
-                if (item.text && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
-                    !(item.iconCss && item.label)) {
+                if (isItemText && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender &&
+                    !(item.iconCss && isItemLabel)) {
                     if ((!item.iconCss && this.element.classList.contains(STEPINDICATOR)) ||
-                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !item.label)) {
-                        if (!item.iconCss && !item.label) {
+                        ((!item.iconCss || this.element.classList.contains(LABELINDICATOR)) && !isItemLabel)) {
+                        if (!item.iconCss && !isItemLabel) {
                             this.element.classList.add('e-step-type-indicator');
                         }
                         this.checkValidState(item, stepSpan);
-                        var prevOnChange = this.isProtectedOnChange;
-                        this.isProtectedOnChange = true;
-                        item.label = null;
-                        this.isProtectedOnChange = prevOnChange;
+                        isItemLabel = null;
                     }
                     else {
                         var textSpan = this.createElement('span', { className: TEXT });
-                        if (!item.label) {
+                        if (!isItemLabel) {
                             textSpan.innerText = item.text;
                             textSpan.classList.add(TEXTCSS);
                             this.stepperItemContainer.appendChild(textSpan);
                             this.stepperItemContainer.classList.add(STEPTEXT);
                         }
-                        if (item.label && this.element.classList.contains(LABELINDICATOR)) {
+                        if (isItemLabel && this.element.classList.contains(LABELINDICATOR)) {
                             textSpan.innerText = item.label;
                         }
-                        var prevOnChange = this.isProtectedOnChange;
-                        this.isProtectedOnChange = true;
-                        item.text = item.label ? null : item.text;
-                        this.isProtectedOnChange = prevOnChange;
+                        isItemText = item.label ? false : true;
                     }
                 }
-                if (item.label && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
-                    if (!item.iconCss && !item.text && this.element.classList.contains(STEPINDICATOR)) {
+                if (isItemLabel && (!item.iconCss || !this.element.classList.contains(STEPINDICATOR)) && isRender) {
+                    if (!item.iconCss && !isItemText && this.element.classList.contains(STEPINDICATOR)) {
                         this.checkValidState(item, stepSpan, true);
                     }
-                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && item.text)) ||
-                        (this.element.classList.contains(LABELINDICATOR) && item.label)) {
+                    else if ((!((this.element.classList.contains(LABELINDICATOR)) && isItemText)) ||
+                        (this.element.classList.contains(LABELINDICATOR) && isItemLabel)) {
                         this.labelContainer = this.createElement('span', { className: STEPLABEL });
                         var labelSpan = this.createElement('span', { className: LABEL });
                         labelSpan.innerText = item.label;
                         this.labelContainer.appendChild(labelSpan);
                         this.stepperItemContainer.classList.add(STEPSLABEL);
                         this.updateLabelPosition();
-                        if ((!item.iconCss && !item.text && !this.stepperItemContainer.classList.contains(STEPICON)) ||
+                        if ((!item.iconCss && !isItemText && !this.stepperItemContainer.classList.contains(STEPICON)) ||
                             this.element.classList.contains(LABELINDICATOR)) {
                             this.stepperItemContainer.classList.add('e-step-label-only');
                             if (item.isValid !== null) {
@@ -427,7 +423,7 @@ var Stepper = /** @class */ (function (_super) {
                 this.l10n.setLocale(this.locale);
                 var optionalContent = this.l10n.getConstant('optional');
                 optionalSpan.innerText = optionalContent;
-                if (item.label && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
+                if (isItemLabel && (this.labelContainer && ((this.element.classList.contains(LABELAFTER) && !this.stepperItemContainer.classList.contains('e-step-label-only'))
                     || (this.element.classList.contains(HORIZSTEP) && this.element.classList.contains(LABELBEFORE) && !this.stepperItemContainer.classList.contains('e-step-label-only'))))
                     || (this.element.classList.contains(VERTICALSTEP) && this.element.classList.contains(LABELBEFORE))) {
                     this.labelContainer.appendChild(optionalSpan);

package/src/treeview/treeview.js

@@ -998,20 +998,27 @@ var TreeView = /** @class */ (function (_super) {
             var checkBoxEle = element.getElementsByClassName(CHECKBOXWRAP)[0];
             var count = nodes.length;
             var checkedCount = checkedNodes.length;
-            var dataUid = element.getAttribute('data-uid');
+            var dataUid_1 = 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));
+                var oldCheckedNodes = new DataManager(this.OldCheckedData).executeLocal(new Query().where('parentID', 'equal', dataUid_1, true));
                 checkedCount = oldCheckedNodes.length;
+                var parentNode = new DataManager(this.OldCheckedData).executeLocal(new Query().where('hasChildren', 'equal', true, true));
+                if ((parentNode.length > 0) && (this.OldCheckedData.some(function (oldNode) { return oldNode.id === dataUid_1; }))) {
+                    checkedCount = parentNode.length;
+                }
                 var childItems = [];
                 if (this.dataType === 1) {
-                    childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid, true));
+                    childItems = new DataManager(this.DDTTreeData).executeLocal(new Query().where(this.fields.parentID, 'equal', dataUid_1, true));
                 }
                 else {
-                    childItems = this.getChildNodes(this.DDTTreeData, dataUid);
+                    childItems = this.getChildNodes(this.DDTTreeData, dataUid_1);
                 }
                 count = childItems.length;
             }
-            if (count === checkedCount) {
+            if (count === 0 && checkedCount === 0) {
+                return;
+            }
+            else if (count === checkedCount) {
                 this.changeState(checkBoxEle, 'check', null, true, true);
             }
             else if (checkedCount > 0 || indeterminateNodes.length > 0) {
@@ -2826,7 +2833,7 @@ var TreeView = /** @class */ (function (_super) {
         var nextNode = isTowards ? this.getNextNode(li) : this.getPrevNode(li);
         this.setFocus(li, nextNode);
         this.navigateToFocus(!isTowards);
-        if (nextNode.classList.contains('e-disable') || nextNode.classList.contains('e-prevent')) {
+        if (nextNode.classList.contains('e-disable')) {
             var lastChild = nextNode.lastChild;
             if (nextNode.previousSibling == null && nextNode.classList.contains('e-level-1')) {
                 this.focusNextNode(nextNode, true);
@@ -2887,7 +2894,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.setFocus = function (preNode, nextNode) {
         removeClass([preNode], FOCUS);
         preNode.setAttribute('tabindex', '-1');
-        if (!nextNode.classList.contains('e-disable') && !nextNode.classList.contains(PREVENTSELECT)) {
+        if (!nextNode.classList.contains('e-disable')) {
             addClass([nextNode], FOCUS);
             nextNode.setAttribute('tabindex', '0');
             nextNode.focus();
@@ -2906,7 +2913,7 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.focusIn = function () {
         if (!this.mouseDownStatus) {
             var focusedElement = this.getFocusedNode();
-            if (focusedElement.classList.contains('e-disable') || focusedElement.classList.contains('e-prevent')) {
+            if (focusedElement.classList.contains('e-disable')) {
                 focusedElement.setAttribute('tabindex', '-1');
                 this.navigateNode(true);
             }
@@ -3921,16 +3928,17 @@ var TreeView = /** @class */ (function (_super) {
             }
         }
     };
-    TreeView.prototype.collapseByLevel = function (element, level, excludeHiddenNodes) {
+    TreeView.prototype.collapseByLevel = function (element, level, excludeHiddenNodes, currentLevel) {
+        currentLevel = isNOU(currentLevel) ? 1 : currentLevel;
         if (level > 0 && !isNOU(element)) {
             var cNodes = this.getVisibleNodes(excludeHiddenNodes, element.childNodes);
             for (var i = 0, len = cNodes.length; i < len; i++) {
                 var liEle = cNodes[parseInt(i.toString(), 10)];
                 var icon = select('.' + COLLAPSIBLE, select('.' + TEXTWRAP, liEle));
-                if (!isNOU(icon)) {
+                if (currentLevel >= level && !isNOU(icon)) {
                     this.collapseNode(liEle, icon, null);
                 }
-                this.collapseByLevel(select('.' + PARENTITEM, liEle), level - 1, excludeHiddenNodes);
+                this.collapseByLevel(select('.' + PARENTITEM, liEle), level, excludeHiddenNodes, currentLevel + 1);
             }
         }
     };

package/styles/bootstrap5.3-lite.css

@@ -6263,10 +6263,10 @@
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
-  height: 16px;
+  height: 18px;
   margin: 0 0 0 8px;
   vertical-align: middle;
-  width: 16px;
+  width: 18px;
 }
 .e-treeview .e-list-icon + .e-list-icon, .e-treeview .e-list-icon + .e-list-img,
 .e-treeview .e-list-img + .e-list-icon,
@@ -6275,7 +6275,7 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 0 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {

package/styles/bootstrap5.3.css

@@ -8144,10 +8144,10 @@
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
-  height: 16px;
+  height: 18px;
   margin: 0 0 0 8px;
   vertical-align: middle;
-  width: 16px;
+  width: 18px;
 }
 .e-treeview .e-list-icon + .e-list-icon, .e-treeview .e-list-icon + .e-list-img,
 .e-treeview .e-list-img + .e-list-icon,
@@ -8156,7 +8156,7 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 0 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {

package/styles/treeview/_bootstrap5.3-definition.scss

@@ -18,7 +18,7 @@ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
 $treeview-text-margin: 0 !default;
-$treeview-image-size: 16px !default;
+$treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
@@ -26,7 +26,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 0 12px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;

package/styles/treeview/bootstrap5.3.css

@@ -213,10 +213,10 @@
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
-  height: 16px;
+  height: 18px;
   margin: 0 0 0 8px;
   vertical-align: middle;
-  width: 16px;
+  width: 18px;
 }
 .e-treeview .e-list-icon + .e-list-icon, .e-treeview .e-list-icon + .e-list-img,
 .e-treeview .e-list-img + .e-list-icon,
@@ -225,7 +225,7 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 0 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {