@syncfusion/ej2-navigations 29.2.8 → 30.1.39

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 (222) 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 +117 -30
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +118 -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/context-menu/context-menu-model.d.ts +1 -1
  15. package/src/context-menu/context-menu.d.ts +1 -0
  16. package/src/context-menu/context-menu.js +11 -1
  17. package/src/sidebar/sidebar.js +5 -1
  18. package/src/stepper/stepper.js +6 -5
  19. package/src/tab/tab.js +3 -1
  20. package/src/toolbar/toolbar-model.d.ts +8 -1
  21. package/src/toolbar/toolbar.d.ts +19 -0
  22. package/src/toolbar/toolbar.js +69 -13
  23. package/src/treeview/treeview.js +24 -3
  24. package/styles/bds-lite.css +43 -3
  25. package/styles/bds.css +45 -5
  26. package/styles/bootstrap-dark-lite.css +45 -5
  27. package/styles/bootstrap-dark.css +49 -9
  28. package/styles/bootstrap-lite.css +45 -5
  29. package/styles/bootstrap.css +47 -7
  30. package/styles/bootstrap4-lite.css +46 -6
  31. package/styles/bootstrap4.css +48 -8
  32. package/styles/bootstrap5-dark-lite.css +39 -5
  33. package/styles/bootstrap5-dark.css +42 -8
  34. package/styles/bootstrap5-lite.css +40 -6
  35. package/styles/bootstrap5.3-lite.css +40 -6
  36. package/styles/bootstrap5.3.css +42 -8
  37. package/styles/bootstrap5.css +43 -9
  38. package/styles/breadcrumb/_layout.scss +14 -0
  39. package/styles/breadcrumb/bds.css +15 -0
  40. package/styles/breadcrumb/bootstrap-dark.css +15 -0
  41. package/styles/breadcrumb/bootstrap.css +15 -0
  42. package/styles/breadcrumb/bootstrap4.css +15 -0
  43. package/styles/breadcrumb/bootstrap5-dark.css +15 -0
  44. package/styles/breadcrumb/bootstrap5.3.css +15 -0
  45. package/styles/breadcrumb/bootstrap5.css +15 -0
  46. package/styles/breadcrumb/fabric-dark.css +15 -0
  47. package/styles/breadcrumb/fabric.css +15 -0
  48. package/styles/breadcrumb/fluent-dark.css +15 -0
  49. package/styles/breadcrumb/fluent.css +15 -0
  50. package/styles/breadcrumb/fluent2.css +15 -0
  51. package/styles/breadcrumb/highcontrast-light.css +15 -0
  52. package/styles/breadcrumb/highcontrast.css +15 -0
  53. package/styles/breadcrumb/material-dark.css +15 -0
  54. package/styles/breadcrumb/material.css +15 -0
  55. package/styles/breadcrumb/material3-dark.css +15 -0
  56. package/styles/breadcrumb/material3.css +15 -0
  57. package/styles/breadcrumb/tailwind-dark.css +15 -0
  58. package/styles/breadcrumb/tailwind.css +15 -0
  59. package/styles/breadcrumb/tailwind3.css +15 -0
  60. package/styles/context-menu/_layout.scss +5 -0
  61. package/styles/context-menu/bds.css +6 -0
  62. package/styles/context-menu/bootstrap-dark.css +6 -0
  63. package/styles/context-menu/bootstrap.css +6 -0
  64. package/styles/context-menu/bootstrap4.css +6 -0
  65. package/styles/context-menu/bootstrap5-dark.css +6 -0
  66. package/styles/context-menu/bootstrap5.3.css +6 -0
  67. package/styles/context-menu/bootstrap5.css +6 -0
  68. package/styles/context-menu/fabric-dark.css +6 -0
  69. package/styles/context-menu/fabric.css +6 -0
  70. package/styles/context-menu/fluent-dark.css +6 -0
  71. package/styles/context-menu/fluent.css +6 -0
  72. package/styles/context-menu/fluent2.css +6 -0
  73. package/styles/context-menu/highcontrast-light.css +6 -0
  74. package/styles/context-menu/highcontrast.css +6 -0
  75. package/styles/context-menu/material-dark.css +6 -0
  76. package/styles/context-menu/material.css +6 -0
  77. package/styles/context-menu/material3-dark.css +6 -0
  78. package/styles/context-menu/material3.css +6 -0
  79. package/styles/context-menu/tailwind-dark.css +6 -0
  80. package/styles/context-menu/tailwind.css +6 -0
  81. package/styles/context-menu/tailwind3.css +6 -0
  82. package/styles/fabric-dark-lite.css +43 -3
  83. package/styles/fabric-dark.css +45 -5
  84. package/styles/fabric-lite.css +44 -4
  85. package/styles/fabric.css +46 -6
  86. package/styles/fluent-dark-lite.css +50 -10
  87. package/styles/fluent-dark.css +53 -13
  88. package/styles/fluent-lite.css +50 -10
  89. package/styles/fluent.css +53 -13
  90. package/styles/fluent2-lite.css +43 -3
  91. package/styles/fluent2.css +45 -5
  92. package/styles/highcontrast-light-lite.css +43 -3
  93. package/styles/highcontrast-light.css +45 -5
  94. package/styles/highcontrast-lite.css +44 -4
  95. package/styles/highcontrast.css +46 -6
  96. package/styles/material-dark-lite.css +45 -5
  97. package/styles/material-dark.css +47 -7
  98. package/styles/material-lite.css +44 -4
  99. package/styles/material.css +46 -6
  100. package/styles/material3-dark-lite.css +43 -3
  101. package/styles/material3-dark.css +46 -7
  102. package/styles/material3-lite.css +43 -3
  103. package/styles/material3.css +46 -7
  104. package/styles/pager/_bds-definition.scss +1 -1
  105. package/styles/pager/_bigger.scss +0 -1
  106. package/styles/pager/_bootstrap-dark-definition.scss +1 -1
  107. package/styles/pager/_bootstrap-definition.scss +1 -1
  108. package/styles/pager/_bootstrap4-definition.scss +1 -1
  109. package/styles/pager/_bootstrap5-definition.scss +2 -2
  110. package/styles/pager/_bootstrap5.3-definition.scss +1 -1
  111. package/styles/pager/_fabric-dark-definition.scss +1 -1
  112. package/styles/pager/_fabric-definition.scss +1 -1
  113. package/styles/pager/_fluent-definition.scss +2 -2
  114. package/styles/pager/_fluent2-definition.scss +1 -1
  115. package/styles/pager/_fusionnew-definition.scss +1 -1
  116. package/styles/pager/_highcontrast-definition.scss +1 -1
  117. package/styles/pager/_highcontrast-light-definition.scss +1 -1
  118. package/styles/pager/_layout.scss +8 -0
  119. package/styles/pager/_material-dark-definition.scss +1 -1
  120. package/styles/pager/_material-definition.scss +1 -1
  121. package/styles/pager/_material3-definition.scss +1 -1
  122. package/styles/pager/_tailwind-definition.scss +1 -1
  123. package/styles/pager/_tailwind3-definition.scss +2 -2
  124. package/styles/pager/bds.css +13 -3
  125. package/styles/pager/bootstrap-dark.css +13 -3
  126. package/styles/pager/bootstrap.css +13 -3
  127. package/styles/pager/bootstrap4.css +13 -3
  128. package/styles/pager/bootstrap5-dark.css +8 -4
  129. package/styles/pager/bootstrap5.3.css +7 -3
  130. package/styles/pager/bootstrap5.css +8 -4
  131. package/styles/pager/fabric-dark.css +13 -3
  132. package/styles/pager/fabric.css +13 -3
  133. package/styles/pager/fluent-dark.css +14 -4
  134. package/styles/pager/fluent.css +14 -4
  135. package/styles/pager/fluent2.css +13 -3
  136. package/styles/pager/highcontrast-light.css +13 -3
  137. package/styles/pager/highcontrast.css +13 -3
  138. package/styles/pager/material-dark.css +13 -3
  139. package/styles/pager/material.css +13 -3
  140. package/styles/pager/material3-dark.css +13 -4
  141. package/styles/pager/material3.css +13 -4
  142. package/styles/pager/tailwind-dark.css +13 -3
  143. package/styles/pager/tailwind.css +13 -3
  144. package/styles/pager/tailwind3.css +14 -4
  145. package/styles/tab/_bootstrap-dark-definition.scss +3 -3
  146. package/styles/tab/_bootstrap-definition.scss +3 -3
  147. package/styles/tab/_bootstrap4-definition.scss +3 -3
  148. package/styles/tab/_bootstrap5-definition.scss +3 -3
  149. package/styles/tab/_bootstrap5.3-definition.scss +3 -3
  150. package/styles/tab/_fabric-definition.scss +1 -1
  151. package/styles/tab/_fluent-definition.scss +4 -4
  152. package/styles/tab/_highcontrast-definition.scss +1 -1
  153. package/styles/tab/_material-definition.scss +1 -1
  154. package/styles/tab/_tailwind-definition.scss +3 -3
  155. package/styles/tab/_tailwind3-definition.scss +3 -3
  156. package/styles/tab/bootstrap-dark.css +2 -2
  157. package/styles/tab/bootstrap.css +2 -2
  158. package/styles/tab/bootstrap4.css +3 -3
  159. package/styles/tab/bootstrap5-dark.css +2 -2
  160. package/styles/tab/bootstrap5.3.css +3 -3
  161. package/styles/tab/bootstrap5.css +3 -3
  162. package/styles/tab/fabric.css +1 -1
  163. package/styles/tab/fluent-dark.css +7 -7
  164. package/styles/tab/fluent.css +7 -7
  165. package/styles/tab/highcontrast.css +1 -1
  166. package/styles/tab/material.css +1 -1
  167. package/styles/tab/tailwind-dark.css +4 -4
  168. package/styles/tab/tailwind.css +4 -4
  169. package/styles/tab/tailwind3.css +3 -3
  170. package/styles/tailwind-dark-lite.css +47 -7
  171. package/styles/tailwind-dark.css +49 -9
  172. package/styles/tailwind-lite.css +47 -7
  173. package/styles/tailwind.css +49 -9
  174. package/styles/tailwind3-lite.css +46 -6
  175. package/styles/tailwind3.css +49 -9
  176. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -1
  177. package/styles/toolbar/_layout.scss +13 -1
  178. package/styles/toolbar/_material-dark-definition.scss +2 -2
  179. package/styles/toolbar/bds.css +8 -2
  180. package/styles/toolbar/bootstrap-dark.css +10 -4
  181. package/styles/toolbar/bootstrap.css +8 -2
  182. package/styles/toolbar/bootstrap4.css +8 -2
  183. package/styles/toolbar/bootstrap5-dark.css +8 -2
  184. package/styles/toolbar/bootstrap5.3.css +8 -2
  185. package/styles/toolbar/bootstrap5.css +8 -2
  186. package/styles/toolbar/fabric-dark.css +8 -2
  187. package/styles/toolbar/fabric.css +8 -2
  188. package/styles/toolbar/fluent-dark.css +8 -2
  189. package/styles/toolbar/fluent.css +8 -2
  190. package/styles/toolbar/fluent2.css +8 -2
  191. package/styles/toolbar/highcontrast-light.css +8 -2
  192. package/styles/toolbar/highcontrast.css +8 -2
  193. package/styles/toolbar/material-dark.css +10 -4
  194. package/styles/toolbar/material.css +8 -2
  195. package/styles/toolbar/material3-dark.css +8 -2
  196. package/styles/toolbar/material3.css +8 -2
  197. package/styles/toolbar/tailwind-dark.css +8 -2
  198. package/styles/toolbar/tailwind.css +8 -2
  199. package/styles/toolbar/tailwind3.css +8 -2
  200. package/styles/treeview/_layout.scss +4 -0
  201. package/styles/treeview/_material3-definition.scss +1 -1
  202. package/styles/treeview/bds.css +3 -0
  203. package/styles/treeview/bootstrap-dark.css +3 -0
  204. package/styles/treeview/bootstrap.css +3 -0
  205. package/styles/treeview/bootstrap4.css +3 -0
  206. package/styles/treeview/bootstrap5-dark.css +3 -0
  207. package/styles/treeview/bootstrap5.3.css +3 -0
  208. package/styles/treeview/bootstrap5.css +3 -0
  209. package/styles/treeview/fabric-dark.css +3 -0
  210. package/styles/treeview/fabric.css +3 -0
  211. package/styles/treeview/fluent-dark.css +3 -0
  212. package/styles/treeview/fluent.css +3 -0
  213. package/styles/treeview/fluent2.css +3 -0
  214. package/styles/treeview/highcontrast-light.css +3 -0
  215. package/styles/treeview/highcontrast.css +3 -0
  216. package/styles/treeview/material-dark.css +3 -0
  217. package/styles/treeview/material.css +3 -0
  218. package/styles/treeview/material3-dark.css +4 -1
  219. package/styles/treeview/material3.css +4 -1
  220. package/styles/treeview/tailwind-dark.css +3 -0
  221. package/styles/treeview/tailwind.css +3 -0
  222. package/styles/treeview/tailwind3.css +3 -0
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
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
  }
@@ -477,7 +480,8 @@
477
480
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
478
481
  float: initial;
479
482
  margin-left: 0;
480
- margin-top: 10px;
483
+ margin-top: 0;
484
+ padding-top: 0;
481
485
  }
482
486
  .e-pager.e-rtl .e-parentmsgbar {
483
487
  float: right;
@@ -743,14 +747,14 @@
743
747
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
744
748
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
745
749
  margin-left: 0;
746
- margin-top: 10px;
750
+ margin-top: 0;
747
751
  }
748
752
  }
749
753
  @media (max-width: 769px) {
750
754
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
751
755
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
752
756
  margin-left: 0;
753
- margin-top: 10px;
757
+ margin-top: 0;
754
758
  }
755
759
  }
756
760
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -811,7 +815,7 @@
811
815
  }
812
816
  .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
813
817
  .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
814
- margin-top: -5px;
818
+ margin-top: 0;
815
819
  }
816
820
  .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
817
821
  .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
68
68
  padding-top: 12px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
68
68
  padding-top: 11px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
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
  }
@@ -293,6 +296,12 @@
293
296
  }
294
297
  @media (max-width: 769px) {
295
298
  .e-pager {
299
+ display: -webkit-box;
300
+ display: -ms-flexbox;
301
+ display: flex;
302
+ -webkit-box-align: center;
303
+ -ms-flex-align: center;
304
+ align-items: center;
296
305
  padding: 13px 0;
297
306
  }
298
307
  .e-pager div.e-parentmsgbar {
@@ -466,7 +475,8 @@
466
475
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
467
476
  float: initial;
468
477
  margin-left: 0;
469
- margin-top: 10px;
478
+ margin-top: 0;
479
+ padding-top: 0;
470
480
  }
471
481
  .e-pager.e-rtl .e-parentmsgbar {
472
482
  float: right;
@@ -726,14 +736,14 @@
726
736
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
727
737
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
728
738
  margin-left: 0;
729
- margin-top: 10px;
739
+ margin-top: 0;
730
740
  }
731
741
  }
732
742
  @media (max-width: 769px) {
733
743
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
734
744
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
735
745
  margin-left: 0;
736
- margin-top: 10px;
746
+ margin-top: 0;
737
747
  }
738
748
  }
739
749
  .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,
@@ -787,7 +797,7 @@
787
797
  }
788
798
  .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
789
799
  .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
790
- margin-top: -5px;
800
+ margin-top: 0;
791
801
  }
792
802
  .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
793
803
  .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
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
  }
@@ -293,6 +296,12 @@
293
296
  }
294
297
  @media (max-width: 769px) {
295
298
  .e-pager {
299
+ display: -webkit-box;
300
+ display: -ms-flexbox;
301
+ display: flex;
302
+ -webkit-box-align: center;
303
+ -ms-flex-align: center;
304
+ align-items: center;
296
305
  padding: 13px 0;
297
306
  }
298
307
  .e-pager div.e-parentmsgbar {
@@ -466,7 +475,8 @@
466
475
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
467
476
  float: initial;
468
477
  margin-left: 0;
469
- margin-top: 10px;
478
+ margin-top: 0;
479
+ padding-top: 0;
470
480
  }
471
481
  .e-pager.e-rtl .e-parentmsgbar {
472
482
  float: right;
@@ -726,14 +736,14 @@
726
736
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
727
737
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
728
738
  margin-left: 0;
729
- margin-top: 10px;
739
+ margin-top: 0;
730
740
  }
731
741
  }
732
742
  @media (max-width: 769px) {
733
743
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
734
744
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
735
745
  margin-left: 0;
736
- margin-top: 10px;
746
+ margin-top: 0;
737
747
  }
738
748
  }
739
749
  .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,
@@ -787,7 +797,7 @@
787
797
  }
788
798
  .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
789
799
  .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
790
- margin-top: -5px;
800
+ margin-top: 0;
791
801
  }
792
802
  .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
793
803
  .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
@@ -74,6 +74,9 @@
74
74
  padding-top: 6px;
75
75
  line-height: 20px;
76
76
  }
77
+ .e-pager div.e-parentmsgbar span.e-rightalign {
78
+ text-align: right;
79
+ }
77
80
  .e-pager .e-pagesizes {
78
81
  display: inline;
79
82
  }
@@ -317,6 +320,12 @@
317
320
  }
318
321
  @media (max-width: 769px) {
319
322
  .e-pager {
323
+ display: -webkit-box;
324
+ display: -ms-flexbox;
325
+ display: flex;
326
+ -webkit-box-align: center;
327
+ -ms-flex-align: center;
328
+ align-items: center;
320
329
  padding: 11px 0;
321
330
  }
322
331
  .e-pager div.e-parentmsgbar {
@@ -488,7 +497,8 @@
488
497
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
489
498
  float: initial;
490
499
  margin-left: 0;
491
- margin-top: 10px;
500
+ margin-top: 0;
501
+ padding-top: 0;
492
502
  }
493
503
  .e-pager.e-rtl .e-parentmsgbar {
494
504
  float: right;
@@ -775,14 +785,14 @@
775
785
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
776
786
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
777
787
  margin-left: 0;
778
- margin-top: 10px;
788
+ margin-top: 0;
779
789
  }
780
790
  }
781
791
  @media (max-width: 769px) {
782
792
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
783
793
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
784
794
  margin-left: 0;
785
- margin-top: 10px;
795
+ margin-top: 0;
786
796
  }
787
797
  }
788
798
  .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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
68
68
  padding-top: 9px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
68
68
  padding-top: 12px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 18px;
68
68
  padding-top: 18px;
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: 7px;
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: 7px;
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: 7px;
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,
@@ -67,6 +67,9 @@
67
67
  padding-right: 18px;
68
68
  padding-top: 14px;
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: 7px;
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: 7px;
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: 7px;
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,
@@ -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,
@@ -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,
@@ -68,6 +68,9 @@
68
68
  padding-top: 6px;
69
69
  line-height: 18px;
70
70
  }
71
+ .e-pager div.e-parentmsgbar span.e-rightalign {
72
+ text-align: right;
73
+ }
71
74
  .e-pager .e-pagesizes {
72
75
  display: inline;
73
76
  }
@@ -321,6 +324,12 @@
321
324
  }
322
325
  @media (max-width: 769px) {
323
326
  .e-pager {
327
+ display: -webkit-box;
328
+ display: -ms-flexbox;
329
+ display: flex;
330
+ -webkit-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
324
333
  padding: 13px 0;
325
334
  }
326
335
  .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
519
528
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
520
529
  float: initial;
521
530
  margin-left: 0;
522
- margin-top: 10px;
531
+ margin-top: 0;
532
+ padding-top: 0;
523
533
  }
524
534
  .e-pager.e-rtl .e-parentmsgbar {
525
535
  float: right;
@@ -807,14 +817,14 @@
807
817
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
808
818
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
809
819
  margin-left: 0;
810
- margin-top: 10px;
820
+ margin-top: 0;
811
821
  }
812
822
  }
813
823
  @media (max-width: 769px) {
814
824
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
815
825
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
816
826
  margin-left: 0;
817
- margin-top: 10px;
827
+ margin-top: 0;
818
828
  }
819
829
  }
820
830
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,