@syncfusion/ej2-navigations 29.2.8 → 30.1.37

package/styles/pager/material3.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 8px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -311,6 +314,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -679,7 +689,6 @@
   .e-pager.e-bigger div.e-parentmsgbar {
     padding: 0;
     vertical-align: top;
-    margin-top: 5px;
   }
 }
 .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -749,14 +758,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,

package/styles/pager/tailwind-dark.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,

package/styles/pager/tailwind.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,

package/styles/pager/tailwind3.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 5px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -296,6 +299,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -469,7 +478,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -752,14 +762,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
@@ -831,7 +841,7 @@
 }
 .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
-  margin-top: -5px;
+  margin-top: 0;
 }
 .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
 .e-pager.e-bigger.e-adaptive .e-pagerdropdown {

package/styles/tailwind-dark-lite.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -6183,6 +6193,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -8018,6 +8031,21 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #9ca3af;
 }

package/styles/tailwind-dark.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -8120,6 +8130,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -10534,6 +10547,21 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #9ca3af;
 }

package/styles/tailwind-lite.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -6183,6 +6193,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -8018,6 +8031,21 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #6b7280;
 }

package/styles/tailwind.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -8120,6 +8130,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -10534,6 +10547,21 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #6b7280;
 }

package/styles/tailwind3-lite.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 5px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -296,6 +299,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -469,7 +478,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -6178,6 +6188,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -8068,6 +8081,21 @@ ejs-sidebar {
   text-decoration: none;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: var(--color-sf-content-text-color-alt3);
 }

package/styles/tailwind3.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 5px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -296,6 +299,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -469,7 +478,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -752,14 +762,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
@@ -831,7 +841,7 @@
 }
 .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
-  margin-top: -5px;
+  margin-top: 0;
 }
 .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
 .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
@@ -8147,6 +8157,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -10560,6 +10573,21 @@ ejs-sidebar {
   text-decoration: none;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: var(--color-sf-content-text-color-alt3);
 }

package/styles/toolbar/_bootstrap-dark-definition.scss

@@ -113,7 +113,7 @@ $tbar-item-nrml-minwidth: 30px !default;
 $tbar-separator-bgr-height: calc(100% - 12px) !default;
 $tbar-separator-bgr-mrgn: 6px 6px !default;
 $tbar-separator-nrml-mrgn: 5.5px 6px !default;
-$tbar-btn-bgr-padding: 1px 7px !default;
+$tbar-btn-bgr-padding: 0 7px !default;
 $tbar-btn-bgr-focus-padding: 0 7px !default;
 $tbar-btn-nrml-padding: 1px 2.5px !default;
 $tbar-icons-bgr-font-size: 14px !default;

package/styles/toolbar/_material-dark-definition.scss

@@ -9,8 +9,8 @@ $tbar-btn-bgr-line-height: 35px !default;
 $tbar-btn-icon-bgr-line-height: 34px !default;
 $tbar-icons-bgr-font-size: 14px !default;
 $tbar-btn-nrml-minheight: 0 !default;
-$tbar-btn-nrml-line-height: 25px !default;
-$tbar-btn-icon-nrml-line-height: 25px !default;
+$tbar-btn-nrml-line-height: 24px !default;
+$tbar-btn-icon-nrml-line-height: 24px !default;
 $tbar-pop-icon-nrml-padding: 0 !default;
 $tbar-pop-btn-txt-nrml-pad: 0 !default;
 $tbar-btn-icn-nrml-padding: 0 !default;

package/styles/toolbar/bootstrap-dark.css

@@ -939,7 +939,7 @@
 .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   min-height: 34px;
   min-width: 0;
-  padding: 1px 7px;
+  padding: 0 7px;
   line-height: 34px;
 }
 .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
@@ -1064,7 +1064,7 @@
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   min-height: 34px;
   min-width: 0;
-  padding: 1px 7px;
+  padding: 0 7px;
 }
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text,