@syncfusion/ej2-navigations 33.2.15 → 34.1.30

package/styles/pager/fluent2.css

@@ -126,92 +126,6 @@
   content: "\e765";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-
-
-
-
 /*! Pager layout */
 .e-pager {
   border-style: solid;
@@ -221,8 +135,6 @@
   padding: 8px;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -328,11 +240,6 @@
   border-right-style: solid;
   border-right-width: 0;
   margin-left: 1px;
-  display: inline-block;
-  margin-right: 1px;
-  margin-top: 0;
-  min-width: 26px;
-  padding: 8px;
 }
 .e-pager .e-pagercontainer .e-firstpage.e-focused,
 .e-pager .e-pagercontainer .e-prevpage.e-focused,
@@ -344,6 +251,20 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border-radius: 5px;
 }
+.e-pager .e-pagercontainer .e-firstpage,
+.e-pager .e-pagercontainer .e-prevpage,
+.e-pager .e-pagercontainer .e-firstpagedisabled,
+.e-pager .e-pagercontainer .e-prevpagedisabled,
+.e-pager .e-pagercontainer .e-nextpage,
+.e-pager .e-pagercontainer .e-lastpage,
+.e-pager .e-pagercontainer .e-nextpagedisabled,
+.e-pager .e-pagercontainer .e-lastpagedisabled {
+  display: inline-block;
+  margin-right: 1px;
+  margin-top: 0;
+  min-width: 26px;
+  padding: 8px;
+}
 .e-pager .e-pagercontainer .e-lastpage,
 .e-pager .e-pagercontainer .e-lastpagedisabled {
   border-right: 1px;
@@ -400,12 +321,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: var(--color-sf-content-bg-color-alt1);
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -679,6 +606,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 16px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
+          box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
+          box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
@@ -687,92 +624,6 @@
   margin-left: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-
-
-
-
 /*! Pager theme */
 .e-pager {
   border-color: var(--color-sf-border-light);
@@ -901,92 +752,6 @@
   border-left-color: transparent;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-
-
-
-
 /*! Pager bigger */
 .e-bigger .e-pager,
 .e-pager.e-bigger {

package/styles/pager/fluent2.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
 @use 'fluent2-definition' as *;
 @use 'icons/fluent2' as *;
-@use 'all.fluent2' as *;
-@use 'bigger.fluent2' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/pager/highcontrast-light.css

@@ -49,8 +49,6 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -209,12 +207,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: #400074;
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -489,6 +493,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 12px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #757575 inset;
+          box-shadow: 0 0 0 1px #757575 inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #757575 inset;
+          box-shadow: 0 0 0 1px #757575 inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }

package/styles/pager/highcontrast-light.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'highcontrast-light-definition' as *;
 @use 'icons/highcontrast-light' as *;
-@use 'all.highcontrast-light' as *;
-@use 'bigger.highcontrast-light' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/pager/highcontrast.css

@@ -49,8 +49,6 @@
   padding: 13px 0 12px;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -209,12 +207,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: #000;
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -489,6 +493,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 12px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #969696 inset;
+          box-shadow: 0 0 0 1px #969696 inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #969696 inset;
+          box-shadow: 0 0 0 1px #969696 inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }

package/styles/pager/highcontrast.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'highcontrast-definition' as *;
 @use 'icons/highcontrast' as *;
-@use 'all.highcontrast' as *;
-@use 'bigger.highcontrast' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/pager/icons/_bds.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bds-icons') {
 
   /* !componenticons */

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bootstrap-dark-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_bootstrap.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bootstrap-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_bootstrap4.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bootstrap4-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_bootstrap5.3.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bootstrap5-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_bootstrap5.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-bootstrap5-icons') {
 
   /* !componenticons */

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-fabric-dark-icons') {
 
   /* !component icons */

package/styles/pager/icons/_fabric.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-fabric-icons') {
 
   /* !component icons */

package/styles/pager/icons/_fluent.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-fluent-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_fluent2.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-fluent-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_fusionnew.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-fusionnew-icons') {
 
   /* !componenticons */

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-highcontrast-light-icons') {
 
   /*! component icons */

package/styles/pager/icons/_highcontrast.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-highcontrast-icons') {
 
   /*! component icons */

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

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-material-dark-icons') {
 
   /*! component icons */

package/styles/pager/icons/_material.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-material-icons') {
 
   /*! component icons */

package/styles/pager/icons/_material3.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-material3-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_tailwind.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-tailwind-icons') {
 
   /* !componenticons */

package/styles/pager/icons/_tailwind3.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '../variables' as *;
 @include export-module('pager-tailwind3-icons') {
 
   /* !componenticons */

package/styles/pager/material-dark.css

@@ -49,8 +49,6 @@
   padding: 0;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -209,12 +207,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: #303030;
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -489,6 +493,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 9px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }

package/styles/pager/material-dark.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
 @use 'material-dark-definition' as *;
 @use 'icons/material-dark' as *;
-@use 'all.material-dark' as *;
-@use 'bigger.material-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/pager/material.css

@@ -49,8 +49,6 @@
   padding: 0;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -209,12 +207,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: #fff;
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -489,6 +493,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 9px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
+          box-shadow: 0 0 0 1px #9e9e9e inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
+          box-shadow: 0 0 0 1px #9e9e9e inset;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 13px;
 }