@syncfusion/ej2-navigations 20.2.50 → 20.3.48

package/styles/pager/material-dark.css

@@ -225,6 +225,8 @@
   padding: 0;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -351,10 +353,10 @@
   margin: 5px 6px 5px 18px;
   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,

package/styles/pager/material.css

@@ -225,6 +225,8 @@
   padding: 0;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -351,10 +353,10 @@
   margin: 5px 6px 5px 18px;
   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,

package/styles/pager/tailwind-dark.css

@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e7a9";
@@ -289,6 +289,8 @@
   padding: 8px 8px 8px 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -321,7 +323,7 @@
   width: auto;
 }
 .e-pager .e-icons {
-  font-size: 14px;
+  font-size: 12px;
 }
 .e-pager .e-numericitem {
   border-right-style: solid;
@@ -335,10 +337,10 @@
 }
 .e-pager .e-numericitem.e-currentitem {
   border: 1px solid #22d3ee;
-  padding: 3.5px 11px 4px 10px;
+  padding: 3.5px 11px 6px 10px;
 }
 .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 4px 10px;
+  padding: 3.5px 11px 6px 10px;
 }
 .e-pager.e-rtl .e-numericitem.e-currentitem {
   border-left-color: #22d3ee;
@@ -365,11 +367,11 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
 }
 .e-pager .e-currentitem {
   font-style: normal;
@@ -400,7 +402,7 @@
   margin-right: 0;
   margin-top: -4px;
   min-width: 26px;
-  padding: 7.5px 7px 7.5px 7px;
+  padding: 9.5px 7px 9.5px 7px;
   position: relative;
   top: 3px;
 }
@@ -414,7 +416,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 6.5px 7px;
+  padding: 8.9px 7px 8px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused {
   padding-right: 8px;
@@ -457,10 +459,10 @@
   margin: 0 0 -4px;
   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,
@@ -495,12 +497,12 @@
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 4.5px 8.7px 5px 8.7px;
+  padding: 4.5px 9.2px 7px 9.2px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
-  line-height: 1;
-  padding: 7.5px 8.7px;
+  line-height: 18px;
+  padding: 4.5px 8.7px 7px 8.7px;
 }
 @media (max-width: 769px) {
   .e-pager {
@@ -653,17 +655,17 @@
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
 }
 .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 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: 4.5px 8.7px 5px 8.7px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 7.5px 8.7px;
+  padding: 4.5px 8.7px 7px 8.7px;
 }
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
@@ -685,7 +687,7 @@
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
 .e-pager.sf-pager .e-pagercontainer .e-last {
-  font-size: 14px;
+  font-size: 12px;
 }
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 12px;

package/styles/pager/tailwind.css

@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-/*!componenticons*/
+/* !componenticons */
 .e-pager .e-icon-last::before,
 .e-grid-menu .e-icon-last::before {
   content: "\e7a9";
@@ -289,6 +289,8 @@
   padding: 8px 8px 8px 8px;
   white-space: normal;
   width: 100%;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   box-sizing: border-box;
@@ -321,7 +323,7 @@
   width: auto;
 }
 .e-pager .e-icons {
-  font-size: 14px;
+  font-size: 12px;
 }
 .e-pager .e-numericitem {
   border-right-style: solid;
@@ -335,10 +337,10 @@
 }
 .e-pager .e-numericitem.e-currentitem {
   border: 1px solid #4f46e5;
-  padding: 3.5px 11px 4px 10px;
+  padding: 3.5px 11px 6px 10px;
 }
 .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 4px 10px;
+  padding: 3.5px 11px 6px 10px;
 }
 .e-pager.e-rtl .e-numericitem.e-currentitem {
   border-left-color: #4f46e5;
@@ -365,11 +367,11 @@
 .e-pager .e-currentitem {
   border-radius: 0;
   cursor: pointer;
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
   text-decoration: none;
 }
 .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
 }
 .e-pager .e-currentitem {
   font-style: normal;
@@ -400,7 +402,7 @@
   margin-right: 0;
   margin-top: -4px;
   min-width: 26px;
-  padding: 7.5px 7px 7.5px 7px;
+  padding: 9.5px 7px 9.5px 7px;
   position: relative;
   top: 3px;
 }
@@ -414,7 +416,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 6.5px 7px;
+  padding: 8.9px 7px 8px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused {
   padding-right: 8px;
@@ -457,10 +459,10 @@
   margin: 0 0 -4px;
   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,
@@ -495,12 +497,12 @@
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 4.5px 8.7px 5px 8.7px;
+  padding: 4.5px 9.2px 7px 9.2px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
-  line-height: 1;
-  padding: 7.5px 8.7px;
+  line-height: 18px;
+  padding: 4.5px 8.7px 7px 8.7px;
 }
 @media (max-width: 769px) {
   .e-pager {
@@ -653,17 +655,17 @@
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 11px;
 }
 .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
-  padding: 4.5px 11px 5px 11px;
+  padding: 4.5px 11px 7px 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: 4.5px 8.7px 5px 8.7px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 7.5px 8.7px;
+  padding: 4.5px 8.7px 7px 8.7px;
 }
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
@@ -685,7 +687,7 @@
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
 .e-pager.sf-pager .e-pagercontainer .e-last {
-  font-size: 14px;
+  font-size: 12px;
 }
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 12px;

package/styles/sidebar/_bootstrap5-definition.scss

@@ -1,4 +1,5 @@
 $sidebar-box-shadow: $shadow !default;
+
 //color variables
 $sidebar-background: $content-bg-color-alt1 !default;
 $sidebar-border: $transparent !default;

package/styles/sidebar/_fabric-definition.scss

@@ -2,5 +2,3 @@ $sidebar-background: $neutral-white !default;
 $sidebar-border: $neutral-light !default;
 $sidebar-box-shadow: 0 0 30px rgba(0, 0, 0, .3) !default;
 $sidebar-overlay: rgba(0, 0, 0, .6) !default;
-
-

package/styles/sidebar/_fluent-definition.scss

@@ -1,4 +1,5 @@
 $sidebar-box-shadow: $shadow-none !default;
+
 //color variables
 $sidebar-background: $content-bg-color-alt1 !default;
 $sidebar-border: $border-light !default;

package/styles/sidebar/_fusionnew-definition.scss

@@ -1,4 +1,5 @@
 $sidebar-box-shadow: $shadow !default;
+
 //color variables
 $sidebar-background: $content-bg-color-alt1 !default;
 $sidebar-border: $transparent !default;

package/styles/sidebar/_icons.scss

@@ -1 +1 @@
-
+/* stylelint-disable-line no-empty-source */

package/styles/sidebar/_layout.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/sidebar/_material3-definition.scss

@@ -1,4 +1,5 @@
 $sidebar-box-shadow: $shadow !default;
+
 //color variables
 $sidebar-background: $content-bg-color-alt1 !default;
 $sidebar-border: $transparent !default;

package/styles/sidebar/_tailwind-definition.scss

@@ -1,4 +1,5 @@
 $sidebar-box-shadow: $shadow-sm !default;
+
 //color variables
 $sidebar-background: $content-bg-color-alt2 !default;
 $sidebar-border: $transparent !default;

package/styles/sidebar/_theme.scss

@@ -9,7 +9,7 @@
   }
 
   .e-sidebar {
-    // sass-lint:disable no-vendor-prefixes
+    /* stylelint-disable property-no-vendor-prefix */
     -webkit-tap-highlight-color: transparent;
     background: $sidebar-background;
     height: 100%;
@@ -25,38 +25,38 @@
       transform: translateX(0%);
       transition: transform .5s ease;
       visibility: visible;
-        }
+    }
 
     &.e-right.e-close {
       box-shadow: none;
       transform: translateX(100%);
       transition: transform .5s ease, visibility 500ms;
       visibility: hidden;
-        }
+    }
 
     &.e-left.e-open {
       transform: translateX(0%);
       transition: transform .5s ease;
       visibility: visible;
-	}
+    }
 
     &.e-left.e-transition.e-close,
     &.e-right.e-transition.e-close {
       transition: transform .5s ease, visibility 500ms;
-	}
+    }
 
     &.e-left.e-close {
       box-shadow: none;
       transform: translateX(-100%);
       visibility: hidden;
-        }
+    }
 
     &.e-right.e-close {
       box-shadow: none;
       transform: translateX(100%);
       transition: transform .5s ease, visibility 500ms;
       visibility: hidden;
-        }
+    }
 
     &.e-right {
       @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
@@ -68,7 +68,7 @@
       left: auto;
       right: 0;
       top: 0;
-        }
+    }
 
     &.e-left {
       @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5') {
@@ -80,7 +80,7 @@
       left: 0;
       right: auto;
       top: 0;
-        }
+    }
 
     &.e-left.e-close.e-dock {
       transform: translateX(0%);
@@ -104,32 +104,27 @@
     &.e-right.e-close.e-disable-animation,
     &.e-left.e-close.e-disable-animation {
       transition: none;
-     }
+    }
 
     &.e-visibility {
       visibility: hidden;
-	}
+    }
 
     &.e-over {
       box-shadow: $sidebar-box-shadow;
     }
-    }
+  }
 
   .e-sidebar-absolute {
-
     position: absolute;
-
-   }
+  }
 
   .e-sidebar-context {
-
     overflow-x: hidden;
     position: relative;
-
-   }
+  }
 
   .e-backdrop {
-
     background-color: $sidebar-overlay;
     height: 100%;
     left: 0;
@@ -140,11 +135,9 @@
     top: 0;
     width: auto;
     z-index: 999;
-
-	}
+  }
 
   .e-content-animation {
-
     transition: margin .5s ease, -webkit-transform .5s ease, transform .5s ease;
 
     &.e-overlay {
@@ -152,18 +145,18 @@
       overflow: auto;
       user-select: none;
     }
-}
+  }
 
   .e-disable-interaction {
     pointer-events: none;
     touch-action: none;
   }
 
-  // sass-lint:disable-all
+  /* stylelint-disable */
   .e-sidebar-overflow {
         overflow-x: hidden !important;
     }
-  // sass-lint:enable-all
+  /* stylelint-enable */
 
   .e-sidebar-overlay {
     background-color: $sidebar-overlay;
@@ -177,8 +170,7 @@
     top: 0;
     width: 100%;
     z-index: 999;
-
-	}
+  }
 
   .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
     left: 0;
@@ -187,5 +179,4 @@
     top: 0;
     visibility: visible;
   }
-
 }

package/styles/sidebar/bootstrap-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #313131;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/bootstrap.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #fff;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/bootstrap4.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #fff;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.5);
   height: 100%;

package/styles/sidebar/bootstrap5-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #282d31;
   height: 100%;
@@ -119,10 +121,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;

package/styles/sidebar/bootstrap5.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #f8f9fa;
   height: 100%;
@@ -119,10 +121,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.5);
   height: 100%;

package/styles/sidebar/fabric-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #282727;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/fabric.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #fff;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;