npm - @syncfusion/ej2-angular-navigations - Versions diffs - 20.2.50 → 20.3.47 - Mend

@syncfusion/ej2-angular-navigations 20.2.50 → 20.3.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (809) hide show

package/styles/pager/material-dark.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/styles/sidebar/_layout.scss CHANGED Viewed

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

package/styles/sidebar/_material3-definition.scss CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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%;