@syncfusion/ej2-navigations 20.2.50 → 20.3.47

package/styles/pager/bootstrap4.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e7bb";
@@ -224,6 +224,8 @@
   padding: 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -282,11 +284,11 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 11px 11px 11px 11px;
+  padding: 12px 11px 11px 11px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 11px 11px 11px 11px;
+  padding: 12px 11px 11px 11px;
 }
 .e-pager .e-currentitem {
   font-style: normal;
@@ -317,7 +319,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 13px 10px 12px 8px;
+  padding: 14px 10px 13px 8px;
 }
 .e-pager .e-pagercontainer .e-lastpage,
 .e-pager .e-pagercontainer .e-lastpagedisabled {
@@ -350,10 +352,10 @@
   margin: 0 0 -3px 2px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0 4px 4px 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 4px 0 0 4px;
 }
 .e-pager .e-pagermessage,
@@ -385,15 +387,15 @@
 .e-pager .e-np,
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 10px 11px 10px;
+  padding: 12px 9px 11px 9px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 10px 11px 10px;
+  padding: 12px 9px 11px 9px;
 }
 @media (max-width: 769px) {
   .e-pager {

package/styles/pager/bootstrap5-dark.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e7a9";
@@ -241,6 +241,8 @@
   padding: 7px 8px 7px 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -284,10 +286,10 @@
   text-align: center;
 }
 .e-pager .e-numericitem.e-currentitem {
-  padding: 7px 10.5px 8px 9.5px;
+  padding: 7.4px 10.5px 8.4px 9.5px;
 }
 .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 7px 10.5px 8px 9.5px;
+  padding: 7.4px 10.5px 8.4px 9.5px;
 }
 .e-pager.e-rtl .e-numericitem.e-currentitem {
   border-left-color: #86b7fe;
@@ -314,11 +316,11 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10px 12.5px 11.5px 12.5px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11.6px 12.5px;
 }
 .e-pager .e-currentitem {
   border: 3px solid #86b7fe;
@@ -350,7 +352,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 14px 12px 12px 11.5px;
+  padding: 14.2px 12.2px 12.7px 11.5px;
 }
 .e-pager .e-pagercontainer .e-lastpage,
 .e-pager .e-pagercontainer .e-lastpagedisabled {
@@ -383,10 +385,10 @@
   margin: 0 0 -4px 0.3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0 3px 3px 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 3px 0 0 3px;
 }
 .e-pager .e-pagermessage,
@@ -421,12 +423,12 @@
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 10px 10.5px 11px 10.5px;
+  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: 10px 10.5px 11px 10.5px;
+  padding: 10.4px 10.5px 11.4px 10.5px;
 }
 @media (max-width: 769px) {
   .e-pager {
@@ -563,10 +565,10 @@
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11px 12.5px;
 }
 .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11px 12.5px;
 }
 .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;

package/styles/pager/bootstrap5.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e7a9";
@@ -241,6 +241,8 @@
   padding: 7px 8px 7px 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -284,10 +286,10 @@
   text-align: center;
 }
 .e-pager .e-numericitem.e-currentitem {
-  padding: 7px 10.5px 8px 9.5px;
+  padding: 7.4px 10.5px 8.4px 9.5px;
 }
 .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 7px 10.5px 8px 9.5px;
+  padding: 7.4px 10.5px 8.4px 9.5px;
 }
 .e-pager.e-rtl .e-numericitem.e-currentitem {
   border-left-color: #86b7fe;
@@ -314,11 +316,11 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10px 12.5px 11.5px 12.5px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11.6px 12.5px;
 }
 .e-pager .e-currentitem {
   border: 3px solid #86b7fe;
@@ -350,7 +352,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 14px 12px 12px 11.5px;
+  padding: 14.2px 12.2px 12.7px 11.5px;
 }
 .e-pager .e-pagercontainer .e-lastpage,
 .e-pager .e-pagercontainer .e-lastpagedisabled {
@@ -383,10 +385,10 @@
   margin: 0 0 -4px 0.3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0 3px 3px 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 3px 0 0 3px;
 }
 .e-pager .e-pagermessage,
@@ -421,12 +423,12 @@
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 10px 10.5px 11px 10.5px;
+  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: 10px 10.5px 11px 10.5px;
+  padding: 10.4px 10.5px 11.4px 10.5px;
 }
 @media (max-width: 769px) {
   .e-pager {
@@ -563,10 +565,10 @@
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11px 12.5px;
 }
 .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 10px 12.5px 11px 12.5px;
+  padding: 10.4px 12.5px 11px 12.5px;
 }
 .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;

package/styles/pager/fabric-dark.css

@@ -1,4 +1,4 @@
-/*!component icons*/
+/* !component icons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e938";
@@ -224,6 +224,8 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -350,10 +352,10 @@
   margin: 0 6px -3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/fabric.css

@@ -1,4 +1,4 @@
-/*!component icons*/
+/* !component icons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e938";
@@ -224,6 +224,8 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -350,10 +352,10 @@
   margin: 0 6px -3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/fluent-dark.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e818";
@@ -224,6 +224,8 @@
   padding: 8px 12.5px 8px 11.5px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -276,7 +278,7 @@
 .e-pager .e-prevpagedisabled,
 .e-pager .e-nextpagedisabled,
 .e-pager .e-lastpagedisabled {
-  opacity: 1;
+  opacity: 0.8;
 }
 .e-pager .e-spacing,
 .e-pager .e-numericitem:hover,
@@ -352,10 +354,10 @@
   margin: 3px 0 -4px 0.3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/fluent.css

@@ -1,4 +1,4 @@
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e818";
@@ -224,6 +224,8 @@
   padding: 8px 12.5px 8px 11.5px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -276,7 +278,7 @@
 .e-pager .e-prevpagedisabled,
 .e-pager .e-nextpagedisabled,
 .e-pager .e-lastpagedisabled {
-  opacity: 1;
+  opacity: 0.8;
 }
 .e-pager .e-spacing,
 .e-pager .e-numericitem:hover,
@@ -352,10 +354,10 @@
   margin: 3px 0 -4px 0.3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/highcontrast-light.css

@@ -224,6 +224,8 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -350,10 +352,10 @@
   margin: 0 6px -3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/highcontrast.css

@@ -224,6 +224,8 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -350,10 +352,10 @@
   margin: 0 6px -3px;
   overflow: hidden;
 }
-.e-pager .e-lastpage:Hover {
+.e-pager .e-lastpage:hover {
   border-radius: 0;
 }
-.e-pager .e-firstpage:Hover {
+.e-pager .e-firstpage:hover {
   border-radius: 0;
 }
 .e-pager .e-pagermessage,

package/styles/pager/icons/_bootstrap-dark.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-bootstrap-dark-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-  

package/styles/pager/icons/_bootstrap.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-bootstrap-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {

package/styles/pager/icons/_bootstrap4.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-bootstrap4-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {

package/styles/pager/icons/_bootstrap5.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-bootstrap5-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-  

package/styles/pager/icons/_fabric-dark.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-fabric-dark-icons') {
-  /*!component icons*/
+
+  /* !component icons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -43,8 +44,7 @@
       & .e-icon-next.e-nextpage:hover,
       & .e-icon-next.e-nextpagedisabled::before {
         content: '\e829';
-     }
-   }
+      }
+    }
   }
 }
-    

package/styles/pager/icons/_fabric.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-fabric-icons') {
-  /*!component icons*/
+
+  /* !component icons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -43,8 +44,7 @@
       & .e-icon-next.e-nextpage:hover,
       & .e-icon-next.e-nextpagedisabled::before {
         content: '\e829';
-     }
-   }
+      }
+    }
   }
 }
-  

package/styles/pager/icons/_fluent.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-fluent-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-  

package/styles/pager/icons/_fusionnew.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-fusionnew-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-  

package/styles/pager/icons/_highcontrast-light.scss

@@ -1,4 +1,5 @@
 @include export-module('pager-highcontrast-light-icons') {
+
   /*! component icons */
 
   #{&}.e-pager,
@@ -25,7 +26,7 @@
       & .e-icon-last.e-lastpage:hover,
       & .e-icon-last.e-lastpagedisabled::before {
         content: '\e999';
-    }
+      }
 
       & .e-icon-first.e-firstpage::before,
       & .e-icon-first.e-firstpage:hover,
@@ -45,6 +46,5 @@
         content: '\e829';
       }
     }
-   }
+  }
 }
-  

package/styles/pager/icons/_highcontrast.scss

@@ -1,4 +1,5 @@
 @include export-module('pager-highcontrast-icons') {
+
   /*! component icons */
 
   #{&}.e-pager,
@@ -18,20 +19,24 @@
 
     .e-icon-next::before {
       content: '\e830';
-    }&.e-rtl {
+    }
+    &.e-rtl {
       & .e-icon-last.e-lastpage::before,
       & .e-icon-last.e-lastpage:hover,
       & .e-icon-last.e-lastpagedisabled::before {
         content: '\e999';
-     }& .e-icon-first.e-firstpage::before,
+      }
+      & .e-icon-first.e-firstpage::before,
       & .e-icon-first.e-firstpage:hover,
       & .e-icon-first.e-firstpagedisabled::before {
         content: '\e938';
-     }& .e-icon-prev.e-prevpage::before,
+      }
+      & .e-icon-prev.e-prevpage::before,
       & .e-icon-prev.e-prevpage:hover,
       & .e-icon-prev.e-prevpagedisabled::before {
         content: '\e830';
-     }& .e-icon-next.e-nextpage::before,
+      }
+      & .e-icon-next.e-nextpage::before,
       & .e-icon-next.e-nextpage:hover,
       & .e-icon-next.e-nextpagedisabled::before {
         content: '\e829';

package/styles/pager/icons/_material-dark.scss

@@ -1,4 +1,5 @@
 @include export-module('pager-material-dark-icons') {
+
   /*! component icons */
 
   #{&}.e-pager,
@@ -45,6 +46,5 @@
         content: '\e904';
       }
     }
-   }
+  }
 }
-  

package/styles/pager/icons/_material.scss

@@ -1,4 +1,5 @@
 @include export-module('pager-material-icons') {
+
   /*! component icons */
 
   #{&}.e-pager,
@@ -18,24 +19,28 @@
 
     .e-icon-next::before {
       content: '\e913';
-    }&.e-rtl {
+    }
+    &.e-rtl {
       & .e-icon-last.e-lastpage::before,
       & .e-icon-last.e-lastpage:hover,
       & .e-icon-last.e-lastpagedisabled::before {
         content: '\e896';
-    }& .e-icon-first.e-firstpage::before,
+      }
+      & .e-icon-first.e-firstpage::before,
       & .e-icon-first.e-firstpage:hover,
       & .e-icon-first.e-firstpagedisabled::before {
         content: '\e897';
-    }& .e-icon-prev.e-prevpage::before,
+      }
+      & .e-icon-prev.e-prevpage::before,
       & .e-icon-prev.e-prevpage:hover,
       & .e-icon-prev.e-prevpagedisabled::before {
         content: '\e913';
-    }& .e-icon-next.e-nextpage::before,
+      }
+      & .e-icon-next.e-nextpage::before,
       & .e-icon-next.e-nextpage:hover,
       & .e-icon-next.e-nextpagedisabled::before {
         content: '\e904';
       }
     }
-	}
+  }
 }

package/styles/pager/icons/_material3.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-material3-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-  

package/styles/pager/icons/_tailwind.scss

@@ -1,5 +1,6 @@
 @include export-module('pager-tailwind-icons') {
-  /*!componenticons*/
+
+  /* !componenticons */
 
   #{&}.e-pager,
   .e-grid-menu {
@@ -47,4 +48,3 @@
     }
   }
 }
-