@syncfusion/ej2-navigations 29.2.8 → 30.1.37

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 (151) hide show
  1. package/.eslintrc.json +2 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +107 -30
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +108 -30
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/carousel/carousel.js +1 -7
  14. package/src/sidebar/sidebar.js +5 -1
  15. package/src/stepper/stepper.js +6 -5
  16. package/src/tab/tab.js +3 -1
  17. package/src/toolbar/toolbar-model.d.ts +8 -1
  18. package/src/toolbar/toolbar.d.ts +19 -0
  19. package/src/toolbar/toolbar.js +69 -13
  20. package/src/treeview/treeview.js +24 -3
  21. package/styles/bds-lite.css +29 -1
  22. package/styles/bds.css +31 -3
  23. package/styles/bootstrap-dark-lite.css +29 -1
  24. package/styles/bootstrap-dark.css +33 -5
  25. package/styles/bootstrap-lite.css +29 -1
  26. package/styles/bootstrap.css +31 -3
  27. package/styles/bootstrap4-lite.css +29 -1
  28. package/styles/bootstrap4.css +31 -3
  29. package/styles/bootstrap5-dark-lite.css +23 -1
  30. package/styles/bootstrap5-dark.css +26 -4
  31. package/styles/bootstrap5-lite.css +23 -1
  32. package/styles/bootstrap5.3-lite.css +23 -1
  33. package/styles/bootstrap5.3.css +25 -3
  34. package/styles/bootstrap5.css +26 -4
  35. package/styles/breadcrumb/_layout.scss +14 -0
  36. package/styles/breadcrumb/bds.css +15 -0
  37. package/styles/breadcrumb/bootstrap-dark.css +15 -0
  38. package/styles/breadcrumb/bootstrap.css +15 -0
  39. package/styles/breadcrumb/bootstrap4.css +15 -0
  40. package/styles/breadcrumb/bootstrap5-dark.css +15 -0
  41. package/styles/breadcrumb/bootstrap5.3.css +15 -0
  42. package/styles/breadcrumb/bootstrap5.css +15 -0
  43. package/styles/breadcrumb/fabric-dark.css +15 -0
  44. package/styles/breadcrumb/fabric.css +15 -0
  45. package/styles/breadcrumb/fluent-dark.css +15 -0
  46. package/styles/breadcrumb/fluent.css +15 -0
  47. package/styles/breadcrumb/fluent2.css +15 -0
  48. package/styles/breadcrumb/highcontrast-light.css +15 -0
  49. package/styles/breadcrumb/highcontrast.css +15 -0
  50. package/styles/breadcrumb/material-dark.css +15 -0
  51. package/styles/breadcrumb/material.css +15 -0
  52. package/styles/breadcrumb/material3-dark.css +15 -0
  53. package/styles/breadcrumb/material3.css +15 -0
  54. package/styles/breadcrumb/tailwind-dark.css +15 -0
  55. package/styles/breadcrumb/tailwind.css +15 -0
  56. package/styles/breadcrumb/tailwind3.css +15 -0
  57. package/styles/fabric-dark-lite.css +29 -1
  58. package/styles/fabric-dark.css +31 -3
  59. package/styles/fabric-lite.css +29 -1
  60. package/styles/fabric.css +31 -3
  61. package/styles/fluent-dark-lite.css +29 -1
  62. package/styles/fluent-dark.css +32 -4
  63. package/styles/fluent-lite.css +29 -1
  64. package/styles/fluent.css +32 -4
  65. package/styles/fluent2-lite.css +29 -1
  66. package/styles/fluent2.css +31 -3
  67. package/styles/highcontrast-light-lite.css +29 -1
  68. package/styles/highcontrast-light.css +31 -3
  69. package/styles/highcontrast-lite.css +29 -1
  70. package/styles/highcontrast.css +31 -3
  71. package/styles/material-dark-lite.css +31 -3
  72. package/styles/material-dark.css +33 -5
  73. package/styles/material-lite.css +29 -1
  74. package/styles/material.css +31 -3
  75. package/styles/material3-dark-lite.css +29 -1
  76. package/styles/material3-dark.css +31 -4
  77. package/styles/material3-lite.css +29 -1
  78. package/styles/material3.css +31 -4
  79. package/styles/pager/_bds-definition.scss +1 -1
  80. package/styles/pager/_bigger.scss +0 -1
  81. package/styles/pager/_bootstrap-dark-definition.scss +1 -1
  82. package/styles/pager/_bootstrap-definition.scss +1 -1
  83. package/styles/pager/_bootstrap4-definition.scss +1 -1
  84. package/styles/pager/_bootstrap5-definition.scss +2 -2
  85. package/styles/pager/_bootstrap5.3-definition.scss +1 -1
  86. package/styles/pager/_fabric-dark-definition.scss +1 -1
  87. package/styles/pager/_fabric-definition.scss +1 -1
  88. package/styles/pager/_fluent-definition.scss +2 -2
  89. package/styles/pager/_fluent2-definition.scss +1 -1
  90. package/styles/pager/_fusionnew-definition.scss +1 -1
  91. package/styles/pager/_highcontrast-definition.scss +1 -1
  92. package/styles/pager/_highcontrast-light-definition.scss +1 -1
  93. package/styles/pager/_layout.scss +8 -0
  94. package/styles/pager/_material-dark-definition.scss +1 -1
  95. package/styles/pager/_material-definition.scss +1 -1
  96. package/styles/pager/_material3-definition.scss +1 -1
  97. package/styles/pager/_tailwind-definition.scss +1 -1
  98. package/styles/pager/_tailwind3-definition.scss +2 -2
  99. package/styles/pager/bds.css +13 -3
  100. package/styles/pager/bootstrap-dark.css +13 -3
  101. package/styles/pager/bootstrap.css +13 -3
  102. package/styles/pager/bootstrap4.css +13 -3
  103. package/styles/pager/bootstrap5-dark.css +8 -4
  104. package/styles/pager/bootstrap5.3.css +7 -3
  105. package/styles/pager/bootstrap5.css +8 -4
  106. package/styles/pager/fabric-dark.css +13 -3
  107. package/styles/pager/fabric.css +13 -3
  108. package/styles/pager/fluent-dark.css +14 -4
  109. package/styles/pager/fluent.css +14 -4
  110. package/styles/pager/fluent2.css +13 -3
  111. package/styles/pager/highcontrast-light.css +13 -3
  112. package/styles/pager/highcontrast.css +13 -3
  113. package/styles/pager/material-dark.css +13 -3
  114. package/styles/pager/material.css +13 -3
  115. package/styles/pager/material3-dark.css +13 -4
  116. package/styles/pager/material3.css +13 -4
  117. package/styles/pager/tailwind-dark.css +13 -3
  118. package/styles/pager/tailwind.css +13 -3
  119. package/styles/pager/tailwind3.css +14 -4
  120. package/styles/tailwind-dark-lite.css +29 -1
  121. package/styles/tailwind-dark.css +31 -3
  122. package/styles/tailwind-lite.css +29 -1
  123. package/styles/tailwind.css +31 -3
  124. package/styles/tailwind3-lite.css +29 -1
  125. package/styles/tailwind3.css +32 -4
  126. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -1
  127. package/styles/toolbar/_material-dark-definition.scss +2 -2
  128. package/styles/toolbar/bootstrap-dark.css +2 -2
  129. package/styles/toolbar/material-dark.css +2 -2
  130. package/styles/treeview/_layout.scss +4 -0
  131. package/styles/treeview/bds.css +3 -0
  132. package/styles/treeview/bootstrap-dark.css +3 -0
  133. package/styles/treeview/bootstrap.css +3 -0
  134. package/styles/treeview/bootstrap4.css +3 -0
  135. package/styles/treeview/bootstrap5-dark.css +3 -0
  136. package/styles/treeview/bootstrap5.3.css +3 -0
  137. package/styles/treeview/bootstrap5.css +3 -0
  138. package/styles/treeview/fabric-dark.css +3 -0
  139. package/styles/treeview/fabric.css +3 -0
  140. package/styles/treeview/fluent-dark.css +3 -0
  141. package/styles/treeview/fluent.css +3 -0
  142. package/styles/treeview/fluent2.css +3 -0
  143. package/styles/treeview/highcontrast-light.css +3 -0
  144. package/styles/treeview/highcontrast.css +3 -0
  145. package/styles/treeview/material-dark.css +3 -0
  146. package/styles/treeview/material.css +3 -0
  147. package/styles/treeview/material3-dark.css +3 -0
  148. package/styles/treeview/material3.css +3 -0
  149. package/styles/treeview/tailwind-dark.css +3 -0
  150. package/styles/treeview/tailwind.css +3 -0
  151. package/styles/treeview/tailwind3.css +3 -0
package/styles/material3-dark.css CHANGED
@@ -69,6 +69,9 @@
69
69
  padding-right: 0;
70
70
  padding-top: 8px;
71
71
  }
72
+ .e-pager div.e-parentmsgbar span.e-rightalign {
73
+ text-align: right;
74
+ }
72
75
  .e-pager .e-pagesizes {
73
76
  display: inline;
74
77
  }
@@ -309,6 +312,12 @@
309
312
  }
310
313
  @media (max-width: 769px) {
311
314
  .e-pager {
315
+ display: -webkit-box;
316
+ display: -ms-flexbox;
317
+ display: flex;
318
+ -webkit-box-align: center;
319
+ -ms-flex-align: center;
320
+ align-items: center;
312
321
  padding: 13px 0;
313
322
  }
314
323
  .e-pager div.e-parentmsgbar {
@@ -482,7 +491,8 @@
482
491
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
483
492
  float: initial;
484
493
  margin-left: 0;
485
- margin-top: 10px;
494
+ margin-top: 0;
495
+ padding-top: 0;
486
496
  }
487
497
  .e-pager.e-rtl .e-parentmsgbar {
488
498
  float: right;
@@ -677,7 +687,6 @@
677
687
  .e-pager.e-bigger div.e-parentmsgbar {
678
688
  padding: 0;
679
689
  vertical-align: top;
680
- margin-top: 5px;
681
690
  }
682
691
  }
683
692
  .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -747,14 +756,14 @@
747
756
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
748
757
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
749
758
  margin-left: 0;
750
- margin-top: 10px;
759
+ margin-top: 0;
751
760
  }
752
761
  }
753
762
  @media (max-width: 769px) {
754
763
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
764
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
765
  margin-left: 0;
757
- margin-top: 10px;
766
+ margin-top: 0;
758
767
  }
759
768
  }
760
769
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -8068,6 +8077,9 @@
8068
8077
  .e-treeview.e-virtualization .e-ul {
8069
8078
  overflow: unset;
8070
8079
  }
8080
+ .e-treeview .e-mask-parent {
8081
+ display: none;
8082
+ }
8071
8083
  .e-treeview > .e-ul {
8072
8084
  -webkit-overflow-scrolling: touch;
8073
8085
  overflow: auto;
@@ -10448,6 +10460,21 @@ ejs-sidebar {
10448
10460
  padding-right: 8px;
10449
10461
  }
10450
10462
 
10463
+ .e-breadcrumb-menu-item {
10464
+ position: absolute;
10465
+ width: 1px;
10466
+ height: 1px;
10467
+ margin: -1px;
10468
+ padding: 0;
10469
+ overflow: hidden;
10470
+ clip: rect(0, 0, 0, 0);
10471
+ border: 0;
10472
+ }
10473
+
10474
+ .e-hidden-popup {
10475
+ visibility: hidden;
10476
+ }
10477
+
10451
10478
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10452
10479
  color: rgba(var(--color-sf-on-surface-variant));
10453
10480
  }
package/styles/material3-lite.css CHANGED
@@ -71,6 +71,9 @@
71
71
  padding-right: 0;
72
72
  padding-top: 8px;
73
73
  }
74
+ .e-pager div.e-parentmsgbar span.e-rightalign {
75
+ text-align: right;
76
+ }
74
77
  .e-pager .e-pagesizes {
75
78
  display: inline;
76
79
  }
@@ -311,6 +314,12 @@
311
314
  }
312
315
  @media (max-width: 769px) {
313
316
  .e-pager {
317
+ display: -webkit-box;
318
+ display: -ms-flexbox;
319
+ display: flex;
320
+ -webkit-box-align: center;
321
+ -ms-flex-align: center;
322
+ align-items: center;
314
323
  padding: 13px 0;
315
324
  }
316
325
  .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
484
493
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
485
494
  float: initial;
486
495
  margin-left: 0;
487
- margin-top: 10px;
496
+ margin-top: 0;
497
+ padding-top: 0;
488
498
  }
489
499
  .e-pager.e-rtl .e-parentmsgbar {
490
500
  float: right;
@@ -6158,6 +6168,9 @@
6158
6168
  .e-treeview.e-virtualization .e-ul {
6159
6169
  overflow: unset;
6160
6170
  }
6171
+ .e-treeview .e-mask-parent {
6172
+ display: none;
6173
+ }
6161
6174
  .e-treeview > .e-ul {
6162
6175
  -webkit-overflow-scrolling: touch;
6163
6176
  overflow: auto;
@@ -7983,6 +7996,21 @@ ejs-sidebar {
7983
7996
  padding-right: 8px;
7984
7997
  }
7985
7998
 
7999
+ .e-breadcrumb-menu-item {
8000
+ position: absolute;
8001
+ width: 1px;
8002
+ height: 1px;
8003
+ margin: -1px;
8004
+ padding: 0;
8005
+ overflow: hidden;
8006
+ clip: rect(0, 0, 0, 0);
8007
+ border: 0;
8008
+ }
8009
+
8010
+ .e-hidden-popup {
8011
+ visibility: hidden;
8012
+ }
8013
+
7986
8014
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7987
8015
  color: rgba(var(--color-sf-on-surface-variant));
7988
8016
  }
package/styles/material3.css CHANGED
@@ -71,6 +71,9 @@
71
71
  padding-right: 0;
72
72
  padding-top: 8px;
73
73
  }
74
+ .e-pager div.e-parentmsgbar span.e-rightalign {
75
+ text-align: right;
76
+ }
74
77
  .e-pager .e-pagesizes {
75
78
  display: inline;
76
79
  }
@@ -311,6 +314,12 @@
311
314
  }
312
315
  @media (max-width: 769px) {
313
316
  .e-pager {
317
+ display: -webkit-box;
318
+ display: -ms-flexbox;
319
+ display: flex;
320
+ -webkit-box-align: center;
321
+ -ms-flex-align: center;
322
+ align-items: center;
314
323
  padding: 13px 0;
315
324
  }
316
325
  .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
484
493
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
485
494
  float: initial;
486
495
  margin-left: 0;
487
- margin-top: 10px;
496
+ margin-top: 0;
497
+ padding-top: 0;
488
498
  }
489
499
  .e-pager.e-rtl .e-parentmsgbar {
490
500
  float: right;
@@ -679,7 +689,6 @@
679
689
  .e-pager.e-bigger div.e-parentmsgbar {
680
690
  padding: 0;
681
691
  vertical-align: top;
682
- margin-top: 5px;
683
692
  }
684
693
  }
685
694
  .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -749,14 +758,14 @@
749
758
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
750
759
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
751
760
  margin-left: 0;
752
- margin-top: 10px;
761
+ margin-top: 0;
753
762
  }
754
763
  }
755
764
  @media (max-width: 769px) {
756
765
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
757
766
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
758
767
  margin-left: 0;
759
- margin-top: 10px;
768
+ margin-top: 0;
760
769
  }
761
770
  }
762
771
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -8070,6 +8079,9 @@
8070
8079
  .e-treeview.e-virtualization .e-ul {
8071
8080
  overflow: unset;
8072
8081
  }
8082
+ .e-treeview .e-mask-parent {
8083
+ display: none;
8084
+ }
8073
8085
  .e-treeview > .e-ul {
8074
8086
  -webkit-overflow-scrolling: touch;
8075
8087
  overflow: auto;
@@ -10450,6 +10462,21 @@ ejs-sidebar {
10450
10462
  padding-right: 8px;
10451
10463
  }
10452
10464
 
10465
+ .e-breadcrumb-menu-item {
10466
+ position: absolute;
10467
+ width: 1px;
10468
+ height: 1px;
10469
+ margin: -1px;
10470
+ padding: 0;
10471
+ overflow: hidden;
10472
+ clip: rect(0, 0, 0, 0);
10473
+ border: 0;
10474
+ }
10475
+
10476
+ .e-hidden-popup {
10477
+ visibility: hidden;
10478
+ }
10479
+
10453
10480
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10454
10481
  color: rgba(var(--color-sf-on-surface-variant));
10455
10482
  }
package/styles/pager/_bds-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bigger.scss CHANGED
@@ -64,7 +64,6 @@
64
64
  padding: $pager-device-messabar-padding;
65
65
  @if $pager-skin == 'material3' {
66
66
  vertical-align: top;
67
- margin-top: 5px;
68
67
  }
69
68
  }
70
69
  }
package/styles/pager/_bootstrap-dark-definition.scss CHANGED
@@ -106,7 +106,7 @@ $pager-bigger-rtl-parentmsgbar-margin-top: 8px !default;
106
106
  $pager-item-hover-borders-width: 0 !default;
107
107
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
108
108
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
109
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
109
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
110
110
  $pager-bigger-constant-margin-left: 16px !default;
111
111
  $pager-rtl-last-content-icon: 'e238' !default;
112
112
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 22px 16px 5px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 8px !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap4-definition.scss CHANGED
@@ -106,7 +106,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 20px 16px 8px 0 !default;
106
106
  $pager-bigger-rtl-parentmsgbar-margin-top: 9px !default;
107
107
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
108
108
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
109
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
109
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
110
110
  $pager-bigger-constant-margin-left: 16px !default;
111
111
  $pager-rtl-last-content-icon: 'e238' !default;
112
112
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_bootstrap5-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -148,7 +148,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
148
148
  $pager-focus-tripledot-line-height: 1 !default;
149
149
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
150
150
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
151
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
151
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
152
152
  $pager-bigger-adaptive-dropdown-margin: -3px 2px 0 4px !default;
153
153
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
154
154
  $pager-bigger-adaptive-constant-top: 6px !default;
package/styles/pager/_bootstrap5.3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_fabric-dark-definition.scss CHANGED
@@ -100,7 +100,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
100
100
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
101
101
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
102
102
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
103
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
103
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
104
104
  $pager-bigger-constant-margin-left: 10px !default;
105
105
  $pager-rtl-last-content-icon: 'e999' !default;
106
106
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_fabric-definition.scss CHANGED
@@ -103,7 +103,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
103
103
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
104
104
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
105
105
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
106
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
106
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
107
107
  $pager-bigger-constant-margin-left: 10px !default;
108
108
  $pager-rtl-last-content-icon: 'e999' !default;
109
109
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_fluent-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 14px 16px 9px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 2px !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -135,7 +135,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
135
135
  $pager-focus-tripledot-line-height: 1 !default;
136
136
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
137
137
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
138
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
138
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
139
139
  $pager-bigger-adaptive-dropdown-margin: -4px 2px 0 4px !default;
140
140
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
141
141
  $pager-bigger-adaptive-constant-top: 4px !default;
package/styles/pager/_fluent2-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 6px 7px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 6px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_fusionnew-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_highcontrast-definition.scss CHANGED
@@ -102,7 +102,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 5px 0 !default;
102
102
  $pager-bigger-rtl-parentmsgbar-margin-top: 1px !default;
103
103
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
104
104
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
105
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
105
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
106
106
  $pager-bigger-constant-margin-left: 10px !default;
107
107
  $pager-rtl-last-content-icon: 'e999' !default;
108
108
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_highcontrast-light-definition.scss CHANGED
@@ -102,7 +102,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 5px 10px 8px 0 !default;
102
102
  $pager-bigger-rtl-parentmsgbar-margin-top: 1px !default;
103
103
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
104
104
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
105
- $pager-rtl-pagermsgbar-device-margin-top: 6px !default;
105
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
106
106
  $pager-bigger-constant-margin-left: 10px !default;
107
107
  $pager-rtl-last-content-icon: 'e999' !default;
108
108
  $pager-rtl-first-content-icon: 'e938' !default;
package/styles/pager/_layout.scss CHANGED
@@ -59,6 +59,9 @@
59
59
  @if $pager-skin == 'fluent2' {
60
60
  line-height: 20px;
61
61
  }
62
+ span.e-rightalign {
63
+ text-align: right;
64
+ }
62
65
  }
63
66
 
64
67
  .e-pagesizes {
@@ -411,6 +414,10 @@
411
414
  }
412
415
 
413
416
  @media (max-width: 769px) {
417
+ @if $pager-skin != 'bootstrap5' {
418
+ display: flex;
419
+ align-items: center;
420
+ }
414
421
  @if $pager-skin == 'fluent2' {
415
422
  padding: 11px 0;
416
423
  }
@@ -719,6 +726,7 @@
719
726
  float: initial;
720
727
  margin-left: 0;
721
728
  margin-top: $pager-rtl-pagermsgbar-device-margin-top;
729
+ padding-top: 0;
722
730
  }
723
731
 
724
732
  .e-parentmsgbar {
package/styles/pager/_material-dark-definition.scss CHANGED
@@ -95,7 +95,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 8px 16px 16px 0 !default;
95
95
  $pager-bigger-rtl-parentmsgbar-margin-top: -1px !default;
96
96
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
97
97
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
98
- $pager-rtl-pagermsgbar-device-margin-top: 7px !default;
98
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
99
99
  $pager-bigger-constant-margin-left: 16px !default;
100
100
  $pager-rtl-last-content-icon: 'e896' !default;
101
101
  $pager-rtl-first-content-icon: 'e897' !default;
package/styles/pager/_material-definition.scss CHANGED
@@ -99,7 +99,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 8px 16px 16px 0 !default;
99
99
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
100
100
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
101
101
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
102
- $pager-rtl-pagermsgbar-device-margin-top: 7px !default;
102
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
103
103
  $pager-bigger-constant-margin-left: 16px !default;
104
104
  $pager-rtl-last-content-icon: 'e896' !default;
105
105
  $pager-rtl-first-content-icon: 'e897' !default;
package/styles/pager/_material3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: -4px !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_tailwind-definition.scss CHANGED
@@ -105,7 +105,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 6px 16px 2px 0 !default;
105
105
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
106
106
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
107
107
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
108
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
108
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
109
109
  $pager-bigger-constant-margin-left: 16px !default;
110
110
  $pager-rtl-last-content-icon: 'e238' !default;
111
111
  $pager-rtl-first-content-icon: 'e235' !default;
package/styles/pager/_tailwind3-definition.scss CHANGED
@@ -104,7 +104,7 @@ $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
104
104
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
105
105
  $pager-bigger-rtl-pagercontainer-margin-top: 5px !default;
106
106
  $pager-bigger-device-rtl-parentmsgbar-margin-top: 5px !default;
107
- $pager-rtl-pagermsgbar-device-margin-top: 10px !default;
107
+ $pager-rtl-pagermsgbar-device-margin-top: 0 !default;
108
108
  $pager-bigger-constant-margin-left: 16px !default;
109
109
  $pager-rtl-last-content-icon: 'e238' !default;
110
110
  $pager-rtl-first-content-icon: 'e235' !default;
@@ -148,7 +148,7 @@ $pager-focus-tripledot-padding: $pager-tripledot-padding !default;
148
148
  $pager-focus-tripledot-line-height: 1 !default;
149
149
  $pager-focus-active-box-shadow: 0 0 0 1px $primary inset !default;
150
150
  $pager-focus-shadow: 0 0 0 1px $primary inset !default;
151
- $pager-bigger-adaptive-pagermsgbar-margin-top: -5px !default;
151
+ $pager-bigger-adaptive-pagermsgbar-margin-top: 0 !default;
152
152
  $pager-bigger-adaptive-dropdown-margin: -3px 2px 0 4px !default;
153
153
  $pager-bigger-adaptive-dropdown-min-width: 77px !default;
154
154
  $pager-bigger-adaptive-constant-top: 6px !default;
package/styles/pager/bds.css CHANGED
@@ -72,6 +72,9 @@
72
72
  padding-top: 6px;
73
73
  line-height: 18px;
74
74
  }
75
+ .e-pager div.e-parentmsgbar span.e-rightalign {
76
+ text-align: right;
77
+ }
75
78
  .e-pager .e-pagesizes {
76
79
  display: inline;
77
80
  }
@@ -325,6 +328,12 @@
325
328
  }
326
329
  @media (max-width: 769px) {
327
330
  .e-pager {
331
+ display: -webkit-box;
332
+ display: -ms-flexbox;
333
+ display: flex;
334
+ -webkit-box-align: center;
335
+ -ms-flex-align: center;
336
+ align-items: center;
328
337
  padding: 13px 0;
329
338
  }
330
339
  .e-pager div.e-parentmsgbar {
@@ -523,7 +532,8 @@
523
532
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
524
533
  float: initial;
525
534
  margin-left: 0;
526
- margin-top: 10px;
535
+ margin-top: 0;
536
+ padding-top: 0;
527
537
  }
528
538
  .e-pager.e-rtl .e-parentmsgbar {
529
539
  float: right;
@@ -811,14 +821,14 @@
811
821
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
812
822
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
813
823
  margin-left: 0;
814
- margin-top: 10px;
824
+ margin-top: 0;
815
825
  }
816
826
  }
817
827
  @media (max-width: 769px) {
818
828
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
819
829
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
820
830
  margin-left: 0;
821
- margin-top: 10px;
831
+ margin-top: 0;
822
832
  }
823
833
  }
824
834
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
package/styles/pager/bootstrap-dark.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 8px;
68
68
  padding-top: 10px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
package/styles/pager/bootstrap.css CHANGED
@@ -67,6 +67,9 @@
67
67
  padding-right: 8px;
68
68
  padding-top: 10px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,