@syncfusion/ej2-navigations 29.2.7 → 30.1.37

package/styles/pager/material3-dark.css

@@ -69,6 +69,9 @@
   padding-right: 0;
   padding-top: 8px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -309,6 +312,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 {
@@ -482,7 +491,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;
@@ -677,7 +687,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,
@@ -747,14 +756,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/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);
 }