@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

package/styles/pager/bootstrap5.css

@@ -44,7 +44,7 @@
 .e-bigger .e-pager,
 .e-pager.e-bigger {
   font-size: 16px;
-  padding: 7px 8px 7px 8px;
+  padding: 7px 8px;
 }
 .e-bigger .e-pager div.e-icons,
 .e-pager.e-bigger div.e-icons {
@@ -63,6 +63,10 @@
   margin-top: -24px;
   width: 90px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 0 0 -6px 0.8px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -79,21 +83,13 @@
 .e-pager.e-bigger .e-pagercontainer .e-lastpage,
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
-  padding: 16px 14px 14px 14px;
+  padding: 16px 14px 14px;
 }
 .e-bigger .e-pager .e-pagerconstant,
 .e-pager.e-bigger .e-pagerconstant {
   margin-bottom: 6px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 0 0 -6px 0.8px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 0 0 -5px 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -114,37 +110,15 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
 }
-.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,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 0;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: 0;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0;
 }
-.e-bigger .e-pager .e-numericitem.e-currentitem,
-.e-pager.e-bigger .e-numericitem.e-currentitem {
-  padding: 9px 13px 10px 12px;
-}
-.e-bigger .e-pager .e-numericitem.e-currentitem:hover,
+.e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
+.e-pager.e-bigger .e-numericitem.e-currentitem,
 .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
   padding: 9px 13px 10px 12px;
 }
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem {
-  padding: 9px 13px 10px 12px;
-}
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
-  padding: 9px 13px 10px 12px;
-}
 .e-bigger .e-pager .e-pp.e-spacing,
 .e-bigger .e-pager .e-np.e-spacing,
 .e-bigger .e-pager .e-pp.e-spacing:hover,
@@ -153,7 +127,7 @@
 .e-pager.e-bigger .e-np.e-spacing,
 .e-pager.e-bigger .e-pp.e-spacing:hover,
 .e-pager.e-bigger .e-np.e-spacing:hover {
-  padding: 14px 14px 13px 14px;
+  padding: 14px 14px 13px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -162,7 +136,45 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: 0;
-  padding: 12px 15px 13px 15px;
+  padding: 12px 15px 13px;
+}
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 14px 14px 13px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -26px 16px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 0 16px 7px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 0 0 -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,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 0;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: 0;
+}
+.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,
+.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
+  padding: 9px 13px 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,
@@ -173,13 +185,17 @@
   margin-top: 0;
   padding: 14px 14px 13px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -26px 16px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: -2px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 0 16px 7px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 1px 4px 0 2px;
+}
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 13px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -198,7 +214,7 @@
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
   margin-right: 0;
-  padding: 16px 14px 14px 14px;
+  padding: 16px 14px 14px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,
@@ -222,32 +238,21 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 10px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: -2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 1px 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 13px;
-}
 
 .e-pager {
   border-style: solid;
   border-width: 1px;
   display: inline-block;
   font-size: 14px;
-  padding: 7px 8px 7px 8px;
+  padding: 7px 8px;
   white-space: normal;
   width: 100%;
   /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -289,24 +294,12 @@
   line-height: 1;
   margin-right: 0;
   min-width: 26px;
-  padding: 13px 12px 10px 12px;
+  padding: 13px 12px 10px;
   text-align: center;
 }
-.e-pager .e-numericitem.e-currentitem {
-  padding: 7.4px 10.5px 8.4px 9.5px;
-}
-.e-pager .e-numericitem.e-currentitem:hover {
+.e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
   padding: 7.4px 10.5px 8.4px 9.5px;
 }
-.e-pager.e-rtl .e-numericitem.e-currentitem {
-  border-left-color: #86b7fe;
-  border-left-style: solid;
-  border-left-width: 3px;
-  padding: 7px 10.5px 8px 9.5px;
-}
-.e-pager.e-rtl .e-numericitem.e-currentitem:hover {
-  padding: 7px 10.5px 8px 9.5px;
-}
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
   padding-top: 4px;
@@ -323,7 +316,7 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 10px 12.5px 11.5px 12.5px;
+  padding: 10px 12.5px 11.5px;
   text-decoration: none;
 }
 .e-pager .e-currentitem {
@@ -336,6 +329,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -425,33 +419,38 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 14px;
+  padding: 10.4px 10.5px 11.4px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 10.4px 10.5px 11.4px 10.5px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 10.4px 10.5px 11.4px 10.5px;
+  padding: 10.4px 10.5px 11.4px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 8px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -6px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -460,8 +459,9 @@
   margin: 2px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -469,8 +469,9 @@
   font-size: 12px;
   position: relative;
   top: 6px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -495,21 +496,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -521,7 +519,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -549,6 +548,14 @@
 .e-pager.e-rtl {
   direction: rtl;
 }
+.e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
+  padding: 7px 10.5px 8px 9.5px;
+}
+.e-pager.e-rtl .e-numericitem.e-currentitem {
+  border-left-color: #86b7fe;
+  border-left-style: solid;
+  border-left-width: 3px;
+}
 .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
 .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -619,17 +626,17 @@
   border-right-style: solid;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 0;
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 10.4px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11px;
 }
 .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
   margin-top: 0;
-  padding: 10px 10.5px 11px 10.5px;
+  padding: 10px 10.5px 11px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -674,6 +681,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -683,9 +693,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -693,8 +700,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: #fff;
   border-color: #dee2e6;
+  background: #fff;
   color: #495057;
   opacity: 1;
 }
@@ -729,7 +736,6 @@
 }
 .e-pager .e-numericitem {
   background: #fff;
-  border-right-color: #dee2e6;
   color: #0d6efd;
 }
 .e-pager .e-prevpagedisabled,
@@ -751,6 +757,7 @@
   background-color: #fff;
   border-color: #dee2e6;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -781,10 +788,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #e9ecef;
-  box-shadow: 0 0 0 1px #0d6efd inset;
+  -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
+          box-shadow: 0 0 0 1px #0d6efd inset;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px #0d6efd inset;
+  -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
+          box-shadow: 0 0 0 1px #0d6efd inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -793,12 +802,6 @@
     opacity: 1;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: #dee2e6;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: #dee2e6;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: #dee2e6;
 }