@syncfusion/ej2-navigations 29.2.7 → 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 (157) 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 +108 -30
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +109 -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 +17 -69
  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 +4 -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 +33 -5
  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 +31 -3
  70. package/styles/highcontrast.css +33 -5
  71. package/styles/material-dark-lite.css +31 -3
  72. package/styles/material-dark.css +33 -5
  73. package/styles/material-lite.css +31 -3
  74. package/styles/material.css +33 -5
  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/_bootstrap-definition.scss +1 -1
  128. package/styles/toolbar/_highcontrast-definition.scss +1 -1
  129. package/styles/toolbar/_material-dark-definition.scss +2 -2
  130. package/styles/toolbar/_material-definition.scss +2 -2
  131. package/styles/toolbar/bootstrap-dark.css +2 -2
  132. package/styles/toolbar/bootstrap.css +2 -2
  133. package/styles/toolbar/highcontrast.css +2 -2
  134. package/styles/toolbar/material-dark.css +2 -2
  135. package/styles/toolbar/material.css +2 -2
  136. package/styles/treeview/_layout.scss +4 -0
  137. package/styles/treeview/bds.css +3 -0
  138. package/styles/treeview/bootstrap-dark.css +3 -0
  139. package/styles/treeview/bootstrap.css +3 -0
  140. package/styles/treeview/bootstrap4.css +3 -0
  141. package/styles/treeview/bootstrap5-dark.css +3 -0
  142. package/styles/treeview/bootstrap5.3.css +3 -0
  143. package/styles/treeview/bootstrap5.css +3 -0
  144. package/styles/treeview/fabric-dark.css +3 -0
  145. package/styles/treeview/fabric.css +3 -0
  146. package/styles/treeview/fluent-dark.css +3 -0
  147. package/styles/treeview/fluent.css +3 -0
  148. package/styles/treeview/fluent2.css +3 -0
  149. package/styles/treeview/highcontrast-light.css +3 -0
  150. package/styles/treeview/highcontrast.css +3 -0
  151. package/styles/treeview/material-dark.css +3 -0
  152. package/styles/treeview/material.css +3 -0
  153. package/styles/treeview/material3-dark.css +3 -0
  154. package/styles/treeview/material3.css +3 -0
  155. package/styles/treeview/tailwind-dark.css +3 -0
  156. package/styles/treeview/tailwind.css +3 -0
  157. package/styles/treeview/tailwind3.css +3 -0
@@ -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;
@@ -6027,6 +6037,9 @@
6027
6037
  .e-treeview.e-virtualization .e-ul {
6028
6038
  overflow: unset;
6029
6039
  }
6040
+ .e-treeview .e-mask-parent {
6041
+ display: none;
6042
+ }
6030
6043
  .e-treeview > .e-ul {
6031
6044
  -webkit-overflow-scrolling: touch;
6032
6045
  overflow: auto;
@@ -7852,6 +7865,21 @@ ejs-sidebar {
7852
7865
  padding-right: 4px;
7853
7866
  }
7854
7867
 
7868
+ .e-breadcrumb-menu-item {
7869
+ position: absolute;
7870
+ width: 1px;
7871
+ height: 1px;
7872
+ margin: -1px;
7873
+ padding: 0;
7874
+ overflow: hidden;
7875
+ clip: rect(0, 0, 0, 0);
7876
+ border: 0;
7877
+ }
7878
+
7879
+ .e-hidden-popup {
7880
+ visibility: hidden;
7881
+ }
7882
+
7855
7883
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7856
7884
  color: #000;
7857
7885
  }
@@ -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,
@@ -7909,6 +7919,9 @@
7909
7919
  .e-treeview.e-virtualization .e-ul {
7910
7920
  overflow: unset;
7911
7921
  }
7922
+ .e-treeview .e-mask-parent {
7923
+ display: none;
7924
+ }
7912
7925
  .e-treeview > .e-ul {
7913
7926
  -webkit-overflow-scrolling: touch;
7914
7927
  overflow: auto;
@@ -10216,6 +10229,21 @@ ejs-sidebar {
10216
10229
  padding-right: 4px;
10217
10230
  }
10218
10231
 
10232
+ .e-breadcrumb-menu-item {
10233
+ position: absolute;
10234
+ width: 1px;
10235
+ height: 1px;
10236
+ margin: -1px;
10237
+ padding: 0;
10238
+ overflow: hidden;
10239
+ clip: rect(0, 0, 0, 0);
10240
+ border: 0;
10241
+ }
10242
+
10243
+ .e-hidden-popup {
10244
+ visibility: hidden;
10245
+ }
10246
+
10219
10247
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10220
10248
  color: #000;
10221
10249
  }
@@ -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;
@@ -1189,7 +1199,7 @@
1189
1199
  -ms-flex-pack: center;
1190
1200
  justify-content: center;
1191
1201
  margin: 0;
1192
- min-height: 39px;
1202
+ min-height: 40px;
1193
1203
  min-width: 40px;
1194
1204
  padding: 0;
1195
1205
  border-radius: 0;
@@ -1461,7 +1471,7 @@
1461
1471
  }
1462
1472
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1463
1473
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1464
- min-height: 39px;
1474
+ min-height: 40px;
1465
1475
  min-width: 40px;
1466
1476
  padding: 0;
1467
1477
  }
@@ -6035,6 +6045,9 @@
6035
6045
  .e-treeview.e-virtualization .e-ul {
6036
6046
  overflow: unset;
6037
6047
  }
6048
+ .e-treeview .e-mask-parent {
6049
+ display: none;
6050
+ }
6038
6051
  .e-treeview > .e-ul {
6039
6052
  -webkit-overflow-scrolling: touch;
6040
6053
  overflow: auto;
@@ -7888,6 +7901,21 @@ ejs-sidebar {
7888
7901
  padding-right: 4px;
7889
7902
  }
7890
7903
 
7904
+ .e-breadcrumb-menu-item {
7905
+ position: absolute;
7906
+ width: 1px;
7907
+ height: 1px;
7908
+ margin: -1px;
7909
+ padding: 0;
7910
+ overflow: hidden;
7911
+ clip: rect(0, 0, 0, 0);
7912
+ border: 0;
7913
+ }
7914
+
7915
+ .e-hidden-popup {
7916
+ visibility: hidden;
7917
+ }
7918
+
7891
7919
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7892
7920
  color: #fff;
7893
7921
  }
@@ -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,
@@ -1452,7 +1462,7 @@
1452
1462
  -ms-flex-pack: center;
1453
1463
  justify-content: center;
1454
1464
  margin: 0;
1455
- min-height: 39px;
1465
+ min-height: 40px;
1456
1466
  min-width: 40px;
1457
1467
  padding: 0;
1458
1468
  border-radius: 0;
@@ -1724,7 +1734,7 @@
1724
1734
  }
1725
1735
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1726
1736
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1727
- min-height: 39px;
1737
+ min-height: 40px;
1728
1738
  min-width: 40px;
1729
1739
  padding: 0;
1730
1740
  }
@@ -7917,6 +7927,9 @@
7917
7927
  .e-treeview.e-virtualization .e-ul {
7918
7928
  overflow: unset;
7919
7929
  }
7930
+ .e-treeview .e-mask-parent {
7931
+ display: none;
7932
+ }
7920
7933
  .e-treeview > .e-ul {
7921
7934
  -webkit-overflow-scrolling: touch;
7922
7935
  overflow: auto;
@@ -10252,6 +10265,21 @@ ejs-sidebar {
10252
10265
  padding-right: 4px;
10253
10266
  }
10254
10267
 
10268
+ .e-breadcrumb-menu-item {
10269
+ position: absolute;
10270
+ width: 1px;
10271
+ height: 1px;
10272
+ margin: -1px;
10273
+ padding: 0;
10274
+ overflow: hidden;
10275
+ clip: rect(0, 0, 0, 0);
10276
+ border: 0;
10277
+ }
10278
+
10279
+ .e-hidden-popup {
10280
+ visibility: hidden;
10281
+ }
10282
+
10255
10283
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10256
10284
  color: #fff;
10257
10285
  }
@@ -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;
@@ -1287,7 +1297,7 @@
1287
1297
  min-width: 0;
1288
1298
  padding: 0 1.5px;
1289
1299
  border-radius: 2px;
1290
- line-height: 25px;
1300
+ line-height: 24px;
1291
1301
  border: none;
1292
1302
  cursor: pointer;
1293
1303
  font-size: 14px;
@@ -1308,7 +1318,7 @@
1308
1318
  min-width: 24px;
1309
1319
  width: auto;
1310
1320
  font-size: 14px;
1311
- line-height: 25px;
1321
+ line-height: 24px;
1312
1322
  }
1313
1323
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1314
1324
  padding: 0 1.5px;
@@ -6211,6 +6221,9 @@
6211
6221
  .e-treeview.e-virtualization .e-ul {
6212
6222
  overflow: unset;
6213
6223
  }
6224
+ .e-treeview .e-mask-parent {
6225
+ display: none;
6226
+ }
6214
6227
  .e-treeview > .e-ul {
6215
6228
  -webkit-overflow-scrolling: touch;
6216
6229
  overflow: auto;
@@ -8029,6 +8042,21 @@ ejs-sidebar {
8029
8042
  padding-right: 8px;
8030
8043
  }
8031
8044
 
8045
+ .e-breadcrumb-menu-item {
8046
+ position: absolute;
8047
+ width: 1px;
8048
+ height: 1px;
8049
+ margin: -1px;
8050
+ padding: 0;
8051
+ overflow: hidden;
8052
+ clip: rect(0, 0, 0, 0);
8053
+ border: 0;
8054
+ }
8055
+
8056
+ .e-hidden-popup {
8057
+ visibility: hidden;
8058
+ }
8059
+
8032
8060
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8033
8061
  color: rgba(255, 255, 255, 0.65);
8034
8062
  }
@@ -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,
@@ -1550,7 +1560,7 @@
1550
1560
  min-width: 0;
1551
1561
  padding: 0 1.5px;
1552
1562
  border-radius: 2px;
1553
- line-height: 25px;
1563
+ line-height: 24px;
1554
1564
  border: none;
1555
1565
  cursor: pointer;
1556
1566
  font-size: 14px;
@@ -1571,7 +1581,7 @@
1571
1581
  min-width: 24px;
1572
1582
  width: auto;
1573
1583
  font-size: 14px;
1574
- line-height: 25px;
1584
+ line-height: 24px;
1575
1585
  }
1576
1586
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1577
1587
  padding: 0 1.5px;
@@ -8093,6 +8103,9 @@
8093
8103
  .e-treeview.e-virtualization .e-ul {
8094
8104
  overflow: unset;
8095
8105
  }
8106
+ .e-treeview .e-mask-parent {
8107
+ display: none;
8108
+ }
8096
8109
  .e-treeview > .e-ul {
8097
8110
  -webkit-overflow-scrolling: touch;
8098
8111
  overflow: auto;
@@ -10393,6 +10406,21 @@ ejs-sidebar {
10393
10406
  padding-right: 8px;
10394
10407
  }
10395
10408
 
10409
+ .e-breadcrumb-menu-item {
10410
+ position: absolute;
10411
+ width: 1px;
10412
+ height: 1px;
10413
+ margin: -1px;
10414
+ padding: 0;
10415
+ overflow: hidden;
10416
+ clip: rect(0, 0, 0, 0);
10417
+ border: 0;
10418
+ }
10419
+
10420
+ .e-hidden-popup {
10421
+ visibility: hidden;
10422
+ }
10423
+
10396
10424
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10397
10425
  color: rgba(255, 255, 255, 0.65);
10398
10426
  }
@@ -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;
@@ -1287,7 +1297,7 @@
1287
1297
  min-width: 0;
1288
1298
  padding: 0 1.5px;
1289
1299
  border-radius: 2px;
1290
- line-height: 25px;
1300
+ line-height: 24px;
1291
1301
  border: none;
1292
1302
  cursor: pointer;
1293
1303
  font-size: 14px;
@@ -1308,7 +1318,7 @@
1308
1318
  min-width: 24px;
1309
1319
  width: auto;
1310
1320
  font-size: 14px;
1311
- line-height: 25px;
1321
+ line-height: 24px;
1312
1322
  }
1313
1323
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1314
1324
  padding: 0 1.5px;
@@ -6231,6 +6241,9 @@
6231
6241
  .e-treeview.e-virtualization .e-ul {
6232
6242
  overflow: unset;
6233
6243
  }
6244
+ .e-treeview .e-mask-parent {
6245
+ display: none;
6246
+ }
6234
6247
  .e-treeview > .e-ul {
6235
6248
  -webkit-overflow-scrolling: touch;
6236
6249
  overflow: auto;
@@ -8048,6 +8061,21 @@ ejs-sidebar {
8048
8061
  padding-right: 8px;
8049
8062
  }
8050
8063
 
8064
+ .e-breadcrumb-menu-item {
8065
+ position: absolute;
8066
+ width: 1px;
8067
+ height: 1px;
8068
+ margin: -1px;
8069
+ padding: 0;
8070
+ overflow: hidden;
8071
+ clip: rect(0, 0, 0, 0);
8072
+ border: 0;
8073
+ }
8074
+
8075
+ .e-hidden-popup {
8076
+ visibility: hidden;
8077
+ }
8078
+
8051
8079
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8052
8080
  color: rgba(0, 0, 0, 0.65);
8053
8081
  }
@@ -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,
@@ -1550,7 +1560,7 @@
1550
1560
  min-width: 0;
1551
1561
  padding: 0 1.5px;
1552
1562
  border-radius: 2px;
1553
- line-height: 25px;
1563
+ line-height: 24px;
1554
1564
  border: none;
1555
1565
  cursor: pointer;
1556
1566
  font-size: 14px;
@@ -1571,7 +1581,7 @@
1571
1581
  min-width: 24px;
1572
1582
  width: auto;
1573
1583
  font-size: 14px;
1574
- line-height: 25px;
1584
+ line-height: 24px;
1575
1585
  }
1576
1586
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1577
1587
  padding: 0 1.5px;
@@ -8113,6 +8123,9 @@
8113
8123
  .e-treeview.e-virtualization .e-ul {
8114
8124
  overflow: unset;
8115
8125
  }
8126
+ .e-treeview .e-mask-parent {
8127
+ display: none;
8128
+ }
8116
8129
  .e-treeview > .e-ul {
8117
8130
  -webkit-overflow-scrolling: touch;
8118
8131
  overflow: auto;
@@ -10408,6 +10421,21 @@ ejs-sidebar {
10408
10421
  padding-right: 8px;
10409
10422
  }
10410
10423
 
10424
+ .e-breadcrumb-menu-item {
10425
+ position: absolute;
10426
+ width: 1px;
10427
+ height: 1px;
10428
+ margin: -1px;
10429
+ padding: 0;
10430
+ overflow: hidden;
10431
+ clip: rect(0, 0, 0, 0);
10432
+ border: 0;
10433
+ }
10434
+
10435
+ .e-hidden-popup {
10436
+ visibility: hidden;
10437
+ }
10438
+
10411
10439
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10412
10440
  color: rgba(0, 0, 0, 0.65);
10413
10441
  }