@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/pager/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -155,7 +155,7 @@
 .e-bigger .e-pager,
 .e-pager.e-bigger {
   font-size: 14px;
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
 }
 .e-bigger .e-pager div.e-icons,
 .e-pager.e-bigger div.e-icons {
@@ -174,6 +174,10 @@
   margin-top: -24px;
   width: 120px;
 }
+.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,
@@ -190,21 +194,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 {
@@ -227,29 +223,10 @@
 .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: -4px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0;
 }
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem {
-  padding: 10px 15px;
-}
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
-  padding: 10px 15px;
-}
 .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,
@@ -258,7 +235,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: 10px 12px 10px 12px;
+  padding: 10px 12px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -267,7 +244,45 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: 4px;
-  padding: 10px 15.5px 10px 15.5px;
+  padding: 10px 15.5px;
+}
+.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: 10px 15.5px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -24px 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: -4px;
+}
+.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: 10px 15px;
 }
 .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,
@@ -285,21 +300,17 @@
 .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-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: 10px 15.5px 10px 15.5px;
+.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;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -24px 16px 0 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-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 0 16px 7px 0;
+.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: 14px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -318,7 +329,7 @@
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
   margin-right: 0;
-  padding: 10px 10px 10px 10px;
+  padding: 10px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,
@@ -342,37 +353,25 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 15px;
 }
-.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: 0;
-}
-.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: 14px;
-}
 
 .e-bigger .e-responsive .e-pager div.e-icons,
 .e-responsive .e-pager.e-bigger div.e-icons {
   border-radius: 4px;
 }
-
 .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,
@@ -414,7 +413,7 @@
   line-height: 20px;
   margin-right: 0;
   min-width: 26px;
-  padding: 13px 12px 10px 12px;
+  padding: 13px 12px 10px;
   text-align: center;
   vertical-align: middle;
 }
@@ -434,7 +433,7 @@
 .e-pager .e-currentitem {
   border-radius: 4px;
   cursor: pointer;
-  padding: 6px 12px 6px 12px;
+  padding: 6px 12px;
   text-decoration: none;
 }
 .e-pager .e-currentitem {
@@ -447,6 +446,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -467,7 +467,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
   vertical-align: middle;
 }
 .e-pager .e-pagercontainer .e-firstpage.e-focused,
@@ -520,7 +520,7 @@
 .e-pager .e-pagermessage,
 .e-pager .e-pagerexternalmsg {
   display: block;
-  margin: 6px 6px 0 6px;
+  margin: 6px 6px 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -547,36 +547,41 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 16px;
+  padding: 6px 9.5px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 6px 9.5px 6px 9.5px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 8px 9.5px 8px 9.5px;
+  padding: 8px 9.5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 8px 9.5px 8px 9.5px;
+  padding: 8px 9.5px;
 }
 .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: 6px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -4px;
-  -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;
@@ -585,8 +590,9 @@
   margin: 3px 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;
 }
@@ -594,8 +600,9 @@
   font-size: 12px;
   position: relative;
   top: 10px;
-  -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;
@@ -620,21 +627,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;
   }
@@ -646,7 +650,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%;
   }
@@ -702,7 +707,7 @@
   padding: 0;
 }
 .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 {
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
 }
 .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
   content: "\e701";
@@ -743,17 +748,17 @@
   border-right-width: 0;
   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: 6px 12px 6px 12px;
+  padding: 6px 12px;
 }
 .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: 6px 9.5px 6px 9.5px;
+  padding: 6px 9.5px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -798,6 +803,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,
@@ -807,9 +815,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;
@@ -817,8 +822,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
+  background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
   opacity: 1;
 }
@@ -854,7 +859,6 @@
 }
 .e-pager .e-numericitem {
   background: rgba(var(--color-sf-surface));
-  border-right-color: transparent;
   color: rgba(var(--color-sf-on-background));
 }
 .e-pager .e-prevpagedisabled,
@@ -876,6 +880,7 @@
   background-color: rgba(var(--color-sf-surface));
   border-color: transparent;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -906,10 +911,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: rgba(var(--color-sf-primary-container));
-  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+  -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+          box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+  -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+          box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -918,12 +925,6 @@
     opacity: 1;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: transparent;
-}
-.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: transparent;
-}
-.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: transparent;
 }