@syncfusion/ej2-navigations 31.1.18 → 31.2.2

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.18
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.2.2
+*  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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "31.1.18",
+  "version": "31.2.2",
   "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,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.17",
-    "@syncfusion/ej2-buttons": "~31.1.17",
-    "@syncfusion/ej2-data": "~31.1.17",
-    "@syncfusion/ej2-inputs": "~31.1.17",
-    "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-popups": "~31.1.17"
+    "@syncfusion/ej2-base": "~31.2.2",
+    "@syncfusion/ej2-buttons": "~31.2.2",
+    "@syncfusion/ej2-data": "~31.2.2",
+    "@syncfusion/ej2-inputs": "~31.2.2",
+    "@syncfusion/ej2-lists": "~31.2.2",
+    "@syncfusion/ej2-popups": "~31.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/src/toolbar/toolbar.js

@@ -1074,7 +1074,10 @@ var Toolbar = /** @class */ (function (_super) {
                 ++nodeIndex;
             }
             else {
-                ele.appendChild(el);
+                var children = Array.prototype.slice.call(ele.children);
+                var insertionNode = children.slice(index)
+                    .find(function (child) { return !child.classList.contains(CLS_POPPRI); });
+                ele.insertBefore(el, insertionNode || null);
             }
             if (el.classList.contains(CLS_SEPARATOR)) {
                 setStyle(el, { display: '', height: sepHeight + 'px' });

package/src/treeview/treeview.js

@@ -821,6 +821,7 @@ var TreeView = /** @class */ (function (_super) {
             var frame = select('.' + CHECKBOXFRAME, checkboxEle);
             EventHandler.add(frame, 'mousedown', this.frameMouseHandler, this);
             EventHandler.add(frame, 'mouseup', this.frameMouseHandler, this);
+            EventHandler.add(frame, 'mouseleave', this.frameMouseHandler, this);
         }
         if (this.fullRowSelect) {
             this.createFullRow(e.item);

package/styles/bds-lite.css

@@ -6474,9 +6474,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6516,7 +6514,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6533,7 +6530,7 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;
-  height: 40px;
+  height: 38px;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -6576,12 +6573,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;
@@ -7517,7 +7517,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 16px;
-  line-height: 38px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bds.css

@@ -8411,9 +8411,7 @@
   list-style: none;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
-  margin: 2px 0 0;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8453,7 +8451,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -8470,7 +8467,7 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;
-  height: 40px;
+  height: 38px;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -8513,12 +8510,15 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 4px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 8px;
@@ -9699,7 +9699,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 16px;
-  line-height: 38px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-dark-lite.css

@@ -6102,8 +6102,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6140,10 +6140,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -6206,6 +6206,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -7102,7 +7104,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 11px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-dark.css

@@ -7984,8 +7984,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8022,10 +8022,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -8088,6 +8088,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -9134,7 +9136,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 11px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-lite.css

@@ -6105,8 +6105,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6143,10 +6143,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -6209,6 +6209,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -7113,7 +7115,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap.css

@@ -7987,8 +7987,8 @@
   padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 24px;
+  margin: 2px 0 -2px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8025,10 +8025,10 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
+  border: 1px solid;
 }
 .e-treeview .e-text-content + .e-sibling {
   margin-top: -1px;
@@ -8091,6 +8091,8 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -9145,7 +9147,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap4-lite.css

@@ -6101,10 +6101,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 14px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6128,6 +6126,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6142,7 +6144,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
@@ -6159,7 +6160,7 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;
-  height: 32px;
+  height: 40px;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -6179,7 +6180,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6193,10 +6194,10 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 30px;
+  line-height: 22px;
   margin: 0;
   min-height: 30px;
-  padding: 0 8px 0 6px;
+  padding: 9px 8px 9px 6px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -6208,9 +6209,11 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px 0 6px;
+  padding: 9px 8px 9px 6px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -6227,11 +6230,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7125,7 +7128,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 9px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap4.css

@@ -7983,10 +7983,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 14px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8010,6 +8008,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8024,7 +8026,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 24px;
@@ -8041,7 +8042,7 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;
-  height: 32px;
+  height: 40px;
   left: 0;
   overflow: hidden;
   position: absolute;
@@ -8061,7 +8062,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8075,10 +8076,10 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 30px;
+  line-height: 22px;
   margin: 0;
   min-height: 30px;
-  padding: 0 8px 0 6px;
+  padding: 9px 8px 9px 6px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -8090,9 +8091,11 @@
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px 0 6px;
+  padding: 9px 8px 9px 6px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8109,11 +8112,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -8573,7 +8576,7 @@
 }
 .e-bigger .e-treeview .e-fullrow,
 .e-treeview.e-bigger .e-fullrow {
-  height: 40px;
+  height: 50px;
 }
 .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -8600,8 +8603,10 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 36px;
-  min-height: 36px;
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 13px;
+  padding-bottom: 13px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8611,13 +8616,18 @@
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
+.e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 10px;
 }
 .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-text,
 .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-text {
-  padding: 0 12px;
+  padding: 13px 12px;
 }
 .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-img,
 .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-icon,
@@ -8635,7 +8645,7 @@
 .e-bigger .e-treeview .e-list-img + .e-list-text,
 .e-treeview.e-bigger .e-list-icon + .e-list-text,
 .e-treeview.e-bigger .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 13px 12px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9229,7 +9239,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 9px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5-dark-lite.css

@@ -6120,10 +6120,8 @@
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6147,6 +6145,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6161,7 +6163,6 @@
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -6198,7 +6199,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6212,24 +6213,26 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 2px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -6246,11 +6249,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7137,7 +7140,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,