@syncfusion/ej2-navigations 19.2.59 → 19.3.44

package/styles/toolbar/bootstrap5.scss

@@ -0,0 +1,8 @@
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import '../h-scroll/bootstrap5-definition.scss';
+@import '../v-scroll/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/toolbar/fabric-dark.css

@@ -240,7 +240,7 @@
   height: inherit;
   margin: 0;
   min-height: 50px;
-  min-width: 0;
+  min-width: 50px;
   padding: 0;
 }
 
@@ -343,7 +343,7 @@
   height: inherit;
   margin: 0;
   min-height: 50px;
-  min-width: 0;
+  min-width: 50px;
   padding: 0;
 }
 
@@ -549,18 +549,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -652,6 +640,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;
@@ -835,6 +825,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #dadada;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1214,6 +1205,10 @@
   color: #dadada;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #dadada;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #414040;
   border-color: #414040;
@@ -1236,11 +1231,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #dadada;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #dadada;
 }
 
@@ -1250,10 +1241,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #dadada;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1262,13 +1249,13 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #514f4f;
   border: 0;
-  border-left: 1px solid #514f4f;
   box-shadow: none;
+  border-left: 1px solid #514f4f;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
-  color: #000;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn {
@@ -1357,8 +1344,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #414040;
   border-left: 0;
-  color: #dadada;
   border-color: #414040;
+  color: #dadada;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/fabric.css

@@ -550,18 +550,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -653,6 +641,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;
@@ -836,6 +826,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;
@@ -1215,6 +1206,10 @@
   color: #333;
 }
 
+.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: #f4f4f4;
   border-color: #eaeaea;
@@ -1237,11 +1232,7 @@
   color: #333;
 }
 
-.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;
 }
 
@@ -1251,10 +1242,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #333;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1263,8 +1250,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #d1ebff;
   border: 0;
-  border-left: 1px solid #d1ebff;
   box-shadow: none;
+  border-left: 1px solid #d1ebff;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1358,8 +1345,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #f4f4f4;
   border-left: 0;
-  color: #fff;
   border-color: #eaeaea;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/highcontrast-light.css

@@ -549,18 +549,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -652,6 +640,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;
@@ -835,6 +825,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #000;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1215,6 +1206,10 @@
   border: 2px solid #fff;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #000;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: inherit;
   border-color: #000;
@@ -1263,11 +1258,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #000;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #000;
 }
 
@@ -1277,10 +1268,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #000;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1289,8 +1276,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #400074;
   border: 0;
-  border-left: 1px solid #400074;
   box-shadow: none;
+  border-left: 1px solid #400074;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
@@ -1416,8 +1403,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #ecf;
   border-left: 0;
-  color: #000;
   border-color: #000;
+  color: #000;
   background: inherit;
   border: 2px solid #fff;
 }

package/styles/toolbar/highcontrast.css

@@ -550,18 +550,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -653,6 +641,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;
@@ -836,6 +826,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #fff;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1216,6 +1207,10 @@
   border: 2px solid #000;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #fff;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: inherit;
   border-color: #fff;
@@ -1264,11 +1259,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #fff;
 }
 
@@ -1278,10 +1269,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1290,8 +1277,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #ffd939;
   border: 0;
-  border-left: 1px solid #ffd939;
   box-shadow: none;
+  border-left: 1px solid #ffd939;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
@@ -1417,8 +1404,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #685708;
   border-left: 0;
-  color: #000;
   border-color: #fff;
+  color: #000;
   background: inherit;
   border: 2px solid #fff;
 }

package/styles/toolbar/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/toolbar/icons/_bootstrap5.scss

@@ -0,0 +1,17 @@
+
+@include export-module('toolbar-bootstrap5-icons') {
+  /*! toolbar icons */
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e729';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e776';
+      line-height: normal;
+    }
+  }
+}
+  

package/styles/toolbar/icons/_tailwind-dark.scss

@@ -1,16 +1 @@
-
-@include export-module('toolbar-tailwind-dark-icons') {
-  /*! toolbar icons */
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e706';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e752';
-      line-height: normal;
-    }
-  }
-}
+@import './tailwind.scss';

package/styles/toolbar/icons/_tailwind.scss

@@ -1,16 +1,16 @@
-
-@include export-module('toolbar-tailwind-icons') {
-  /*! toolbar icons */
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e706';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e752';
-      line-height: normal;
-    }
-  }
-}
+
+@include export-module('toolbar-tailwind-icons') {
+  /*! toolbar icons */
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e706';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e752';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/material-dark.css

@@ -579,18 +579,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -682,6 +670,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;
@@ -875,6 +865,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #fff;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1246,6 +1237,10 @@
   color: #fff;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #fff;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(255, 255, 255, 0.1);
   border-color: #000;
@@ -1268,11 +1263,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #fff;
 }
 
@@ -1282,21 +1273,17 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
 .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: rgba(255, 255, 255, 0.1);
   border: 0;
-  border-left: 1px none rgba(255, 255, 255, 0.1);
   box-shadow: none;
+  border-left: 1px none rgba(255, 255, 255, 0.1);
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
-  color: #000;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn {
@@ -1396,8 +1383,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: rgba(255, 255, 255, 0.1);
   border-left: 0;
-  color: #000;
   border-color: #000;
+  color: #000;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/material.css

@@ -582,18 +582,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -685,6 +673,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;
@@ -878,6 +868,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: rgba(0, 0, 0, 0.54);
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1249,6 +1240,10 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: rgba(0, 0, 0, 0.87);
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(0, 0, 0, 0.12);
   border-color: rgba(0, 0, 0, 0.12);
@@ -1271,11 +1266,7 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: rgba(0, 0, 0, 0.54);
 }
 
@@ -1285,16 +1276,12 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .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: rgba(0, 0, 0, 0.12);
   border: 0;
-  border-left: 1px none rgba(0, 0, 0, 0.12);
   box-shadow: none;
+  border-left: 1px none rgba(0, 0, 0, 0.12);
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1399,8 +1386,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: rgba(0, 0, 0, 0.12);
   border-left: 0;
-  color: rgba(0, 0, 0, 0.87);
   border-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .e-toolbar .e-tbar-btn:active {