@syncfusion/ej2-angular-navigations 19.2.59 → 19.3.44

package/styles/tailwind.scss

@@ -7,3 +7,4 @@
 @import 'treeview/tailwind.scss';
 @import 'sidebar/tailwind.scss';
 @import 'menu/tailwind.scss';
+@import 'breadcrumb/tailwind.scss';

package/styles/toolbar/bootstrap-dark.css

@@ -690,6 +690,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -876,6 +878,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #f0f0f0;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1261,6 +1264,10 @@
   margin: 1px 0;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #f0f0f0;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #2a2a2a;
   border-color: #585858;
@@ -1287,11 +1294,7 @@
   border-left: 1px solid #6e6e6e;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #f0f0f0;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #f0f0f0;
 }
 
@@ -1301,16 +1304,12 @@
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #f0f0f0;
-}
-
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #2a2a2a;
   border: 0;
-  border-left: 1px none #2a2a2a;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.35);
+  border-left: 1px none #2a2a2a;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1389,6 +1388,10 @@
   content: '';
 }
 
+.e-toolbar .e-hor-nav.e-nav-active:active, .e-toolbar .e-hor-nav.e-nav-active:focus, .e-toolbar .e-hor-nav.e-nav-active:hover {
+  border-bottom-right-radius: 0;
+}
+
 .e-toolbar .e-hor-nav:active {
   border: 0;
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.35);

package/styles/toolbar/bootstrap.css

@@ -693,6 +693,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -879,6 +881,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #333;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1264,6 +1267,10 @@
   margin: 1px 0;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #333;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #e6e6e6;
   border-color: #8c8c8c;
@@ -1290,11 +1297,7 @@
   border-left: 1px solid #adadad;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #333;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #333;
 }
 
@@ -1304,16 +1307,12 @@
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #333;
-}
-
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #d4d4d4;
   border: 0;
-  border-left: 1px none #d4d4d4;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  border-left: 1px none #d4d4d4;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1392,6 +1391,10 @@
   content: '';
 }
 
+.e-toolbar .e-hor-nav.e-nav-active:active, .e-toolbar .e-hor-nav.e-nav-active:focus, .e-toolbar .e-hor-nav.e-nav-active:hover {
+  border-bottom-right-radius: 0;
+}
+
 .e-toolbar .e-hor-nav:active {
   border: 0;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

package/styles/toolbar/bootstrap4.css

@@ -696,6 +696,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -882,6 +884,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #495057;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1258,6 +1261,10 @@
   color: #495057;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #495057;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #6c757d;
   border-color: #6c757d;
@@ -1280,11 +1287,7 @@
   color: #fff;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #495057;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #495057;
 }
 
@@ -1315,15 +1318,10 @@
   background: #fff;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #495057;
-}
-
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #6c757d;
   border: 3px solid #adb5bd;
-  border-left: 1px none #6c757d;
   box-shadow: none;
 }
 
@@ -1416,6 +1414,10 @@
   content: '';
 }
 
+.e-toolbar .e-hor-nav.e-nav-active:active, .e-toolbar .e-hor-nav.e-nav-active:focus, .e-toolbar .e-hor-nav.e-nav-active:hover {
+  border-bottom-right-radius: 0;
+}
+
 .e-toolbar .e-hor-nav:active {
   border: 3px solid #adb5bd;
   box-shadow: none;
@@ -1434,8 +1436,8 @@
 .e-toolbar .e-hor-nav:hover {
   background: #6c757d;
   border-left: 0;
-  color: #fff;
   background: #5a6268;
+  color: #fff;
 }
 
 .e-toolbar .e-hor-nav:hover .e-icons {
@@ -1445,8 +1447,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #6c757d;
   border-left: 0;
-  color: #fff;
   border-color: transparent;
+  color: #fff;
 }
 
 .e-toolbar .e-hor-nav:focus .e-icons {