@syncfusion/ej2-navigations 34.1.29 → 34.1.30

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 (79) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +26 -10
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +26 -10
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +5 -5
  12. package/src/common/h-scroll.d.ts +2 -0
  13. package/src/common/h-scroll.js +11 -0
  14. package/src/common/menu-base.js +8 -0
  15. package/src/tab/tab.js +7 -10
  16. package/styles/bds-lite.css +10 -0
  17. package/styles/bds.css +10 -0
  18. package/styles/bootstrap-dark-lite.css +10 -0
  19. package/styles/bootstrap-dark.css +10 -0
  20. package/styles/bootstrap-lite.css +10 -0
  21. package/styles/bootstrap.css +10 -0
  22. package/styles/bootstrap4-lite.css +10 -0
  23. package/styles/bootstrap4.css +10 -0
  24. package/styles/bootstrap5-dark-lite.css +10 -0
  25. package/styles/bootstrap5-dark.css +10 -0
  26. package/styles/bootstrap5-lite.css +10 -0
  27. package/styles/bootstrap5.3-lite.css +10 -0
  28. package/styles/bootstrap5.3.css +10 -0
  29. package/styles/bootstrap5.css +10 -0
  30. package/styles/fabric-dark-lite.css +10 -0
  31. package/styles/fabric-dark.css +10 -0
  32. package/styles/fabric-lite.css +10 -0
  33. package/styles/fabric.css +10 -0
  34. package/styles/fluent-dark-lite.css +10 -0
  35. package/styles/fluent-dark.css +10 -0
  36. package/styles/fluent-lite.css +10 -0
  37. package/styles/fluent.css +10 -0
  38. package/styles/fluent2-lite.css +10 -0
  39. package/styles/fluent2.css +10 -0
  40. package/styles/highcontrast-light-lite.css +10 -0
  41. package/styles/highcontrast-light.css +10 -0
  42. package/styles/highcontrast-lite.css +10 -0
  43. package/styles/highcontrast.css +10 -0
  44. package/styles/material-dark-lite.css +10 -0
  45. package/styles/material-dark.css +10 -0
  46. package/styles/material-lite.css +10 -0
  47. package/styles/material.css +10 -0
  48. package/styles/material3-dark-lite.css +10 -0
  49. package/styles/material3-dark.css +10 -0
  50. package/styles/material3-lite.css +10 -0
  51. package/styles/material3.css +10 -0
  52. package/styles/pager/_layout.scss +10 -0
  53. package/styles/pager/bds.css +10 -0
  54. package/styles/pager/bootstrap-dark.css +10 -0
  55. package/styles/pager/bootstrap.css +10 -0
  56. package/styles/pager/bootstrap4.css +10 -0
  57. package/styles/pager/bootstrap5-dark.css +10 -0
  58. package/styles/pager/bootstrap5.3.css +10 -0
  59. package/styles/pager/bootstrap5.css +10 -0
  60. package/styles/pager/fabric-dark.css +10 -0
  61. package/styles/pager/fabric.css +10 -0
  62. package/styles/pager/fluent-dark.css +10 -0
  63. package/styles/pager/fluent.css +10 -0
  64. package/styles/pager/fluent2.css +10 -0
  65. package/styles/pager/highcontrast-light.css +10 -0
  66. package/styles/pager/highcontrast.css +10 -0
  67. package/styles/pager/material-dark.css +10 -0
  68. package/styles/pager/material.css +10 -0
  69. package/styles/pager/material3-dark.css +10 -0
  70. package/styles/pager/material3.css +10 -0
  71. package/styles/pager/tailwind-dark.css +10 -0
  72. package/styles/pager/tailwind.css +10 -0
  73. package/styles/pager/tailwind3.css +10 -0
  74. package/styles/tailwind-dark-lite.css +10 -0
  75. package/styles/tailwind-dark.css +10 -0
  76. package/styles/tailwind-lite.css +10 -0
  77. package/styles/tailwind.css +10 -0
  78. package/styles/tailwind3-lite.css +10 -0
  79. package/styles/tailwind3.css +10 -0
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
499
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
504
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
499
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
504
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
499
+ box-shadow: 0 0 0 1px #9e9e9e inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
504
+ box-shadow: 0 0 0 1px #9e9e9e inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
499
+ box-shadow: 0 0 0 1px #9e9e9e inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
504
+ box-shadow: 0 0 0 1px #9e9e9e inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -591,6 +591,16 @@
591
591
  .e-pager.sf-pager .e-pagercontainer .e-last {
592
592
  font-size: 16px;
593
593
  }
594
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
595
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
596
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
597
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
598
+ }
599
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
600
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
601
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
602
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
603
+ }
594
604
  .e-pager.sf-pager .e-numericcontainer a {
595
605
  font-size: 14px;
596
606
  }
@@ -591,6 +591,16 @@
591
591
  .e-pager.sf-pager .e-pagercontainer .e-last {
592
592
  font-size: 16px;
593
593
  }
594
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
595
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
596
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
597
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
598
+ }
599
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
600
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
601
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
602
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
603
+ }
594
604
  .e-pager.sf-pager .e-numericcontainer a {
595
605
  font-size: 14px;
596
606
  }
@@ -593,6 +593,16 @@
593
593
  .e-pager.sf-pager .e-pagercontainer .e-last {
594
594
  font-size: 16px;
595
595
  }
596
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
597
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
598
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
599
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
600
+ }
601
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
602
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
603
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
604
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
605
+ }
596
606
  .e-pager.sf-pager .e-numericcontainer a {
597
607
  font-size: 14px;
598
608
  }
@@ -593,6 +593,16 @@
593
593
  .e-pager.sf-pager .e-pagercontainer .e-last {
594
594
  font-size: 16px;
595
595
  }
596
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
597
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
598
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
599
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
600
+ }
601
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
602
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
603
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
604
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
605
+ }
596
606
  .e-pager.sf-pager .e-numericcontainer a {
597
607
  font-size: 14px;
598
608
  }
@@ -757,7 +757,17 @@
757
757
  padding: 7.1px 8.6px 8.5px;
758
758
  }
759
759
  }
760
+ &:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
761
+ .e-last:not(.e-disable):focus {
762
+ box-shadow: $pager-focus-shadow;
763
+ }
764
+ }
765
+
766
+ &:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
767
+ .e-mlast:not(.e-disable):focus {
768
+ box-shadow: $pager-focus-shadow;
760
769
  }
770
+
761
771
  .e-spacing {
762
772
  @if $pager-skin == 'tailwind3' {
763
773
  padding: 7.6px 11.85px 7.8px 11.8px;
@@ -552,6 +552,16 @@
552
552
  .e-pager.sf-pager .e-pagercontainer .e-last {
553
553
  font-size: 12px;
554
554
  }
555
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
556
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
557
+ -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border-primary) inset;
558
+ box-shadow: 0 0 0 0.5px var(--color-sf-border-primary) inset;
559
+ }
560
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
561
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
562
+ -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border-primary) inset;
563
+ box-shadow: 0 0 0 0.5px var(--color-sf-border-primary) inset;
564
+ }
555
565
  .e-pager.sf-pager .e-numericcontainer a {
556
566
  font-size: 14px;
557
567
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 10px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px rgb(36, 138.2, 255) inset;
499
+ box-shadow: 0 0 0 1px rgb(36, 138.2, 255) inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px rgb(36, 138.2, 255) inset;
504
+ box-shadow: 0 0 0 1px rgb(36, 138.2, 255) inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 14px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 10px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
499
+ box-shadow: 0 0 0 1px #66afe9 inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
504
+ box-shadow: 0 0 0 1px #66afe9 inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 12px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 10px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
499
+ box-shadow: 0 0 0 1px #66afe9 inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #66afe9 inset;
504
+ box-shadow: 0 0 0 1px #66afe9 inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 14px;
498
508
  }
@@ -500,6 +500,16 @@
500
500
  .e-pager.sf-pager .e-pagercontainer .e-last {
501
501
  font-size: 9px;
502
502
  }
503
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
504
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
505
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
506
+ box-shadow: 0 0 0 1px #0d6efd inset;
507
+ }
508
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
509
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
510
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
511
+ box-shadow: 0 0 0 1px #0d6efd inset;
512
+ }
503
513
  .e-pager.sf-pager .e-numericcontainer a {
504
514
  font-size: 14px;
505
515
  }
@@ -584,6 +584,16 @@
584
584
  .e-pager.sf-pager .e-pagercontainer .e-last {
585
585
  font-size: 9px;
586
586
  }
587
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
588
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
589
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
590
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
591
+ }
592
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
593
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
594
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
595
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
596
+ }
587
597
  .e-pager.sf-pager .e-numericcontainer a {
588
598
  font-size: 14px;
589
599
  }
@@ -500,6 +500,16 @@
500
500
  .e-pager.sf-pager .e-pagercontainer .e-last {
501
501
  font-size: 9px;
502
502
  }
503
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
504
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
505
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
506
+ box-shadow: 0 0 0 1px #0d6efd inset;
507
+ }
508
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
509
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
510
+ -webkit-box-shadow: 0 0 0 1px #0d6efd inset;
511
+ box-shadow: 0 0 0 1px #0d6efd inset;
512
+ }
503
513
  .e-pager.sf-pager .e-numericcontainer a {
504
514
  font-size: 14px;
505
515
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 12px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #dadada inset;
499
+ box-shadow: 0 0 0 1px #dadada inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #dadada inset;
504
+ box-shadow: 0 0 0 1px #dadada inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 12px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #666 inset;
499
+ box-shadow: 0 0 0 1px #666 inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #666 inset;
504
+ box-shadow: 0 0 0 1px #666 inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -495,6 +495,16 @@
495
495
  .e-pager.sf-pager .e-pagercontainer .e-last {
496
496
  font-size: 11px;
497
497
  }
498
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
499
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
500
+ -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
501
+ box-shadow: 0 0 0 1px #0078d4 inset;
502
+ }
503
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
504
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
505
+ -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
506
+ box-shadow: 0 0 0 1px #0078d4 inset;
507
+ }
498
508
  .e-pager.sf-pager .e-numericcontainer a {
499
509
  font-size: 14px;
500
510
  }
@@ -495,6 +495,16 @@
495
495
  .e-pager.sf-pager .e-pagercontainer .e-last {
496
496
  font-size: 11px;
497
497
  }
498
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
499
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
500
+ -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
501
+ box-shadow: 0 0 0 1px #0078d4 inset;
502
+ }
503
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
504
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
505
+ -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
506
+ box-shadow: 0 0 0 1px #0078d4 inset;
507
+ }
498
508
  .e-pager.sf-pager .e-numericcontainer a {
499
509
  font-size: 14px;
500
510
  }
@@ -606,6 +606,16 @@
606
606
  .e-pager.sf-pager .e-pagercontainer .e-last {
607
607
  font-size: 16px;
608
608
  }
609
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
610
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
611
+ -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
612
+ box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
613
+ }
614
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
615
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
616
+ -webkit-box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
617
+ box-shadow: 0 0 0 0.5px var(--color-sf-border) inset;
618
+ }
609
619
  .e-pager.sf-pager .e-numericcontainer a {
610
620
  font-size: 14px;
611
621
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 12px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #757575 inset;
499
+ box-shadow: 0 0 0 1px #757575 inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #757575 inset;
504
+ box-shadow: 0 0 0 1px #757575 inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 12px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #969696 inset;
499
+ box-shadow: 0 0 0 1px #969696 inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #969696 inset;
504
+ box-shadow: 0 0 0 1px #969696 inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
499
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
504
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -493,6 +493,16 @@
493
493
  .e-pager.sf-pager .e-pagercontainer .e-last {
494
494
  font-size: 9px;
495
495
  }
496
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
497
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
498
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
499
+ box-shadow: 0 0 0 1px #9e9e9e inset;
500
+ }
501
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
502
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
503
+ -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
504
+ box-shadow: 0 0 0 1px #9e9e9e inset;
505
+ }
496
506
  .e-pager.sf-pager .e-numericcontainer a {
497
507
  font-size: 13px;
498
508
  }
@@ -591,6 +591,16 @@
591
591
  .e-pager.sf-pager .e-pagercontainer .e-last {
592
592
  font-size: 16px;
593
593
  }
594
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
595
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
596
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
597
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
598
+ }
599
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
600
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
601
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
602
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
603
+ }
594
604
  .e-pager.sf-pager .e-numericcontainer a {
595
605
  font-size: 14px;
596
606
  }
@@ -593,6 +593,16 @@
593
593
  .e-pager.sf-pager .e-pagercontainer .e-last {
594
594
  font-size: 16px;
595
595
  }
596
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
597
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
598
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
599
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
600
+ }
601
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
602
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
603
+ -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
604
+ box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
605
+ }
596
606
  .e-pager.sf-pager .e-numericcontainer a {
597
607
  font-size: 14px;
598
608
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
554
+ box-shadow: 0 0 0 1px #22d3ee inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
559
+ box-shadow: 0 0 0 1px #22d3ee inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
554
+ box-shadow: 0 0 0 1px #4f46e5 inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
559
+ box-shadow: 0 0 0 1px #4f46e5 inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -578,6 +578,16 @@
578
578
  .e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
579
579
  padding: 7.1px 8.6px 8.5px;
580
580
  }
581
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
582
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
583
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
584
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
585
+ }
586
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
587
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
588
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
589
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
590
+ }
581
591
  .e-pager.sf-pager .e-spacing {
582
592
  padding: 7.6px 11.85px 7.8px 11.8px;
583
593
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
554
+ box-shadow: 0 0 0 1px #22d3ee inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
559
+ box-shadow: 0 0 0 1px #22d3ee inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
554
+ box-shadow: 0 0 0 1px #22d3ee inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #22d3ee inset;
559
+ box-shadow: 0 0 0 1px #22d3ee inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
554
+ box-shadow: 0 0 0 1px #4f46e5 inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
559
+ box-shadow: 0 0 0 1px #4f46e5 inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -548,6 +548,16 @@
548
548
  .e-pager.sf-pager .e-pagercontainer .e-last {
549
549
  font-size: 12px;
550
550
  }
551
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
552
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
553
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
554
+ box-shadow: 0 0 0 1px #4f46e5 inset;
555
+ }
556
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
557
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
558
+ -webkit-box-shadow: 0 0 0 1px #4f46e5 inset;
559
+ box-shadow: 0 0 0 1px #4f46e5 inset;
560
+ }
551
561
  .e-pager.sf-pager .e-numericcontainer a {
552
562
  font-size: 12px;
553
563
  }
@@ -578,6 +578,16 @@
578
578
  .e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
579
579
  padding: 7.1px 8.6px 8.5px;
580
580
  }
581
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
582
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
583
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
584
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
585
+ }
586
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
587
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
588
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
589
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
590
+ }
581
591
  .e-pager.sf-pager .e-spacing {
582
592
  padding: 7.6px 11.85px 7.8px 11.8px;
583
593
  }
@@ -578,6 +578,16 @@
578
578
  .e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
579
579
  padding: 7.1px 8.6px 8.5px;
580
580
  }
581
+ .e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
582
+ .e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
583
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
584
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
585
+ }
586
+ .e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
587
+ .e-pager.sf-pager .e-mlast:not(.e-disable):focus {
588
+ -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
589
+ box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
590
+ }
581
591
  .e-pager.sf-pager .e-spacing {
582
592
  padding: 7.6px 11.85px 7.8px 11.8px;
583
593
  }