@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

package/styles/pager/icons/_tailwind.scss

@@ -1,50 +1,50 @@
-@include export-module('pager-tailwind-icons') {
-
-  /* !componenticons */
-
-  #{&}.e-pager,
-  .e-grid-menu {
-
-    .e-icon-last::before {
-      content: '\e7a9';
-    }
-
-    .e-icon-first::before {
-      content: '\e744';
-    }
-
-    .e-icon-prev::before {
-      content: '\e765';
-    }
-
-    .e-icon-next::before {
-      content: '\e748';
-    }
-
-    &.e-rtl {
-      & .e-icon-last.e-lastpage::before,
-      & .e-icon-last.e-lastpage:hover,
-      & .e-icon-last.e-lastpagedisabled::before {
-        content: '\e744';
-      }
-
-      & .e-icon-first.e-firstpage::before,
-      & .e-icon-first.e-firstpage:hover,
-      & .e-icon-first.e-firstpagedisabled::before {
-        content: '\e7a9';
-      }
-
-      & .e-icon-prev.e-prevpage::before,
-      & .e-icon-prev.e-prevpage:hover,
-      & .e-icon-prev.e-prevpagedisabled::before {
-        content: '\e748';
-      }
-
-      & .e-icon-next.e-nextpage::before,
-      & .e-icon-next.e-nextpage:hover,
-      & .e-icon-next.e-nextpagedisabled::before {
-        content: '\e765';
-      }
-    }
-  }
-}
+@include export-module('pager-tailwind-icons') {
+
+  /* !componenticons */
+
+  #{&}.e-pager,
+  .e-grid-menu {
+
+    .e-icon-last::before {
+      content: '\e7a9';
+    }
+
+    .e-icon-first::before {
+      content: '\e744';
+    }
+
+    .e-icon-prev::before {
+      content: '\e765';
+    }
+
+    .e-icon-next::before {
+      content: '\e748';
+    }
+
+    &.e-rtl {
+      & .e-icon-last.e-lastpage::before,
+      & .e-icon-last.e-lastpage:hover,
+      & .e-icon-last.e-lastpagedisabled::before {
+        content: '\e744';
+      }
+
+      & .e-icon-first.e-firstpage::before,
+      & .e-icon-first.e-firstpage:hover,
+      & .e-icon-first.e-firstpagedisabled::before {
+        content: '\e7a9';
+      }
+
+      & .e-icon-prev.e-prevpage::before,
+      & .e-icon-prev.e-prevpage:hover,
+      & .e-icon-prev.e-prevpagedisabled::before {
+        content: '\e748';
+      }
+
+      & .e-icon-next.e-nextpage::before,
+      & .e-icon-next.e-nextpage:hover,
+      & .e-icon-next.e-nextpagedisabled::before {
+        content: '\e765';
+      }
+    }
+  }
+}

package/styles/pager/icons/_tailwind3.scss

@@ -0,0 +1,50 @@
+@include export-module('pager-tailwind3-icons') {
+
+  /* !componenticons */
+
+  #{&}.e-pager,
+  .e-grid-menu {
+
+    .e-icon-last::before {
+      content: '\e7a9';
+    }
+
+    .e-icon-first::before {
+      content: '\e744';
+    }
+
+    .e-icon-prev::before {
+      content: '\e765';
+    }
+
+    .e-icon-next::before {
+      content: '\e748';
+    }
+
+    &.e-rtl {
+      & .e-icon-last.e-lastpage::before,
+      & .e-icon-last.e-lastpage:hover,
+      & .e-icon-last.e-lastpagedisabled::before {
+        content: '\e744';
+      }
+
+      & .e-icon-first.e-firstpage::before,
+      & .e-icon-first.e-firstpage:hover,
+      & .e-icon-first.e-firstpagedisabled::before {
+        content: '\e7a9';
+      }
+
+      & .e-icon-prev.e-prevpage::before,
+      & .e-icon-prev.e-prevpage:hover,
+      & .e-icon-prev.e-prevpagedisabled::before {
+        content: '\e748';
+      }
+
+      & .e-icon-next.e-nextpage::before,
+      & .e-icon-next.e-nextpage:hover,
+      & .e-icon-next.e-nextpagedisabled::before {
+        content: '\e765';
+      }
+    }
+  }
+}

package/styles/pager/material-dark.css

@@ -727,6 +727,13 @@
     margin-top: 7px;
   }
 }
+@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: 7px;
+  }
+}
 .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,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,

package/styles/pager/material.css

@@ -727,6 +727,13 @@
     margin-top: 7px;
   }
 }
+@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: 7px;
+  }
+}
 .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,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,

package/styles/pager/material3-dark.css

@@ -717,6 +717,7 @@
 .e-pager.e-bigger.e-rtl .e-currentitem {
   margin: 0;
   padding: 10px 15.5px;
+  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pagerdropdown,
 .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -749,6 +750,13 @@
     margin-top: 10px;
   }
 }
+@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;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
 .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -762,7 +770,6 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
   font-size: 20px;
   margin-top: 0;
-  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem.e-focused,
@@ -771,6 +778,13 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
+.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,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
+  padding: 10px 12px;
+}
 .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
   margin-top: 0;

package/styles/pager/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

package/styles/pager/material3.css

@@ -719,6 +719,7 @@
 .e-pager.e-bigger.e-rtl .e-currentitem {
   margin: 0;
   padding: 10px 15.5px;
+  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pagerdropdown,
 .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -751,6 +752,13 @@
     margin-top: 10px;
   }
 }
+@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;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
 .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -764,7 +772,6 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
   font-size: 20px;
   margin-top: 0;
-  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem.e-focused,
@@ -773,6 +780,13 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
+.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,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
+  padding: 10px 12px;
+}
 .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
   margin-top: 0;

package/styles/pager/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';

package/styles/pager/tailwind-dark.css

@@ -105,7 +105,7 @@
   border: 1px solid #22d3ee;
 }
 .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 6px 10px;
+  padding: 3.5px 11px 6.2px 10px;
 }
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
@@ -170,7 +170,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 8.9px 7px 8px;
+  padding: 8.5px 7px 9.5px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused,
 .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 18px;
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -480,7 +480,7 @@
   padding: 4.5px 8.7px 5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -627,7 +627,7 @@
 .e-pager .e-mprev.e-focused,
 .e-pager .e-mnext.e-focused,
 .e-pager .e-mlast.e-focused {
-  background-color: #fff;
+  background-color: transparent;
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #6b7280;
@@ -745,7 +745,7 @@
 .e-bigger .e-pager .e-pp.e-spacing.e-focused,
 .e-pager.e-bigger .e-np.e-spacing.e-focused,
 .e-pager.e-bigger .e-pp.e-spacing.e-focused {
-  padding: 11px 12px 10.5px 11.5px;
+  padding: 7px 11.8px 6.5px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -785,11 +785,11 @@
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
-  padding: 10px 11px 9px;
+  padding: 10px 11px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
@@ -810,6 +810,13 @@
     margin-top: 10px;
   }
 }
+@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;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
 .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -869,11 +876,11 @@
 .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
-  padding: 10px 11px 9px 10px;
+  padding: 10px 11px 9.5px 10px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,

package/styles/pager/tailwind.css

@@ -105,7 +105,7 @@
   border: 1px solid #4f46e5;
 }
 .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 6px 10px;
+  padding: 3.5px 11px 6.2px 10px;
 }
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
@@ -170,7 +170,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 8.9px 7px 8px;
+  padding: 8.5px 7px 9.5px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused,
 .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 18px;
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -480,7 +480,7 @@
   padding: 4.5px 8.7px 5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -627,7 +627,7 @@
 .e-pager .e-mprev.e-focused,
 .e-pager .e-mnext.e-focused,
 .e-pager .e-mlast.e-focused {
-  background-color: #fff;
+  background-color: transparent;
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #e5e7eb;
@@ -745,7 +745,7 @@
 .e-bigger .e-pager .e-pp.e-spacing.e-focused,
 .e-pager.e-bigger .e-np.e-spacing.e-focused,
 .e-pager.e-bigger .e-pp.e-spacing.e-focused {
-  padding: 11px 12px 10.5px 11.5px;
+  padding: 7px 11.8px 6.5px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -785,11 +785,11 @@
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
-  padding: 10px 11px 9px;
+  padding: 10px 11px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
@@ -810,6 +810,13 @@
     margin-top: 10px;
   }
 }
+@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;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
 .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -869,11 +876,11 @@
 .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
-  padding: 10px 11px 9px 10px;
+  padding: 10px 11px 9.5px 10px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,