@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
@@ -556,6 +556,9 @@
556
556
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
557
557
  margin-right: 8px;
558
558
  }
559
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
560
+ margin-left: 8px;
561
+ }
559
562
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
560
563
  padding: 4px;
561
564
  }
@@ -586,6 +589,7 @@
586
589
  }
587
590
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
588
591
  margin-left: 0;
592
+ margin-right: 8px;
589
593
  }
590
594
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
591
595
  margin-left: 8px;
@@ -593,11 +597,13 @@
593
597
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
594
598
  margin-left: 0;
595
599
  }
596
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
600
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
601
+ margin-right: 0;
602
+ }
597
603
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
598
604
  margin-right: 0;
605
+ margin-left: 8px;
599
606
  }
600
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
601
607
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
602
608
  margin-right: 8px;
603
609
  }
@@ -556,6 +556,9 @@
556
556
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
557
557
  margin-right: 8px;
558
558
  }
559
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
560
+ margin-left: 8px;
561
+ }
559
562
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
560
563
  padding: 4px;
561
564
  }
@@ -586,6 +589,7 @@
586
589
  }
587
590
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
588
591
  margin-left: 0;
592
+ margin-right: 8px;
589
593
  }
590
594
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
591
595
  margin-left: 8px;
@@ -593,11 +597,13 @@
593
597
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
594
598
  margin-left: 0;
595
599
  }
596
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
600
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
601
+ margin-right: 0;
602
+ }
597
603
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
598
604
  margin-right: 0;
605
+ margin-left: 8px;
599
606
  }
600
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
601
607
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
602
608
  margin-right: 8px;
603
609
  }
@@ -562,6 +562,9 @@
562
562
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
563
563
  margin-right: 8px;
564
564
  }
565
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
566
+ margin-left: 8px;
567
+ }
565
568
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
566
569
  padding: 8px 4px;
567
570
  }
@@ -592,6 +595,7 @@
592
595
  }
593
596
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
594
597
  margin-left: 0;
598
+ margin-right: 8px;
595
599
  }
596
600
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
597
601
  margin-left: 8px;
@@ -599,11 +603,13 @@
599
603
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
600
604
  margin-left: 0;
601
605
  }
602
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
606
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
607
+ margin-right: 0;
608
+ }
603
609
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
604
610
  margin-right: 0;
611
+ margin-left: 8px;
605
612
  }
606
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
607
613
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
608
614
  margin-right: 8px;
609
615
  }
@@ -531,6 +531,9 @@
531
531
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
532
532
  margin-right: 3px;
533
533
  }
534
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
535
+ margin-left: 3px;
536
+ }
534
537
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
535
538
  padding: 0 12px 0 0;
536
539
  }
@@ -561,6 +564,7 @@
561
564
  }
562
565
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
563
566
  margin-left: 0;
567
+ margin-right: 3px;
564
568
  }
565
569
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
566
570
  margin-left: 3px;
@@ -568,11 +572,13 @@
568
572
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
569
573
  margin-left: 0;
570
574
  }
571
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
575
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
576
+ margin-right: 0;
577
+ }
572
578
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
573
579
  margin-right: 0;
580
+ margin-left: 3px;
574
581
  }
575
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
576
582
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
577
583
  margin-right: 3px;
578
584
  }
@@ -532,6 +532,9 @@
532
532
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
533
533
  margin-right: 3px;
534
534
  }
535
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
536
+ margin-left: 3px;
537
+ }
535
538
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
536
539
  padding: 0 12px 0 0;
537
540
  }
@@ -562,6 +565,7 @@
562
565
  }
563
566
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
564
567
  margin-left: 0;
568
+ margin-right: 3px;
565
569
  }
566
570
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
567
571
  margin-left: 3px;
@@ -569,11 +573,13 @@
569
573
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
570
574
  margin-left: 0;
571
575
  }
572
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
576
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
577
+ margin-right: 0;
578
+ }
573
579
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
574
580
  margin-right: 0;
581
+ margin-left: 3px;
575
582
  }
576
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
577
583
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
578
584
  margin-right: 3px;
579
585
  }
@@ -232,7 +232,7 @@
232
232
  min-width: 0;
233
233
  padding: 0 1.5px;
234
234
  border-radius: 2px;
235
- line-height: 25px;
235
+ line-height: 24px;
236
236
  border: none;
237
237
  cursor: pointer;
238
238
  font-size: 14px;
@@ -253,7 +253,7 @@
253
253
  min-width: 24px;
254
254
  width: auto;
255
255
  font-size: 14px;
256
- line-height: 25px;
256
+ line-height: 24px;
257
257
  }
258
258
  .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 {
259
259
  padding: 0 1.5px;
@@ -597,6 +597,9 @@
597
597
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
598
598
  margin-right: 3px;
599
599
  }
600
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
601
+ margin-left: 3px;
602
+ }
600
603
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
601
604
  padding: 0;
602
605
  }
@@ -627,6 +630,7 @@
627
630
  }
628
631
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
629
632
  margin-left: 0;
633
+ margin-right: 3px;
630
634
  }
631
635
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
632
636
  margin-left: 3px;
@@ -634,11 +638,13 @@
634
638
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
635
639
  margin-left: 0;
636
640
  }
637
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
641
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
642
+ margin-right: 0;
643
+ }
638
644
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
639
645
  margin-right: 0;
646
+ margin-left: 3px;
640
647
  }
641
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
642
648
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
643
649
  margin-right: 3px;
644
650
  }
@@ -599,6 +599,9 @@
599
599
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
600
600
  margin-right: 3px;
601
601
  }
602
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
603
+ margin-left: 3px;
604
+ }
602
605
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
603
606
  padding: 0;
604
607
  }
@@ -629,6 +632,7 @@
629
632
  }
630
633
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
631
634
  margin-left: 0;
635
+ margin-right: 3px;
632
636
  }
633
637
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
634
638
  margin-left: 3px;
@@ -636,11 +640,13 @@
636
640
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
637
641
  margin-left: 0;
638
642
  }
639
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
643
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
644
+ margin-right: 0;
645
+ }
640
646
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
641
647
  margin-right: 0;
648
+ margin-left: 3px;
642
649
  }
643
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
644
650
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
645
651
  margin-right: 3px;
646
652
  }
@@ -559,6 +559,9 @@
559
559
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
560
560
  margin-right: 8px;
561
561
  }
562
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
563
+ margin-left: 8px;
564
+ }
562
565
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
563
566
  padding: 4px;
564
567
  }
@@ -589,6 +592,7 @@
589
592
  }
590
593
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
591
594
  margin-left: 0;
595
+ margin-right: 8px;
592
596
  }
593
597
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
594
598
  margin-left: 8px;
@@ -596,11 +600,13 @@
596
600
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
597
601
  margin-left: 0;
598
602
  }
599
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
603
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
604
+ margin-right: 0;
605
+ }
600
606
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
601
607
  margin-right: 0;
608
+ margin-left: 8px;
602
609
  }
603
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
604
610
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
605
611
  margin-right: 8px;
606
612
  }
@@ -561,6 +561,9 @@
561
561
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
562
562
  margin-right: 8px;
563
563
  }
564
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
565
+ margin-left: 8px;
566
+ }
564
567
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
565
568
  padding: 4px;
566
569
  }
@@ -591,6 +594,7 @@
591
594
  }
592
595
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
593
596
  margin-left: 0;
597
+ margin-right: 8px;
594
598
  }
595
599
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
596
600
  margin-left: 8px;
@@ -598,11 +602,13 @@
598
602
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
599
603
  margin-left: 0;
600
604
  }
601
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
605
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
606
+ margin-right: 0;
607
+ }
602
608
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
603
609
  margin-right: 0;
610
+ margin-left: 8px;
604
611
  }
605
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
606
612
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
607
613
  margin-right: 8px;
608
614
  }
@@ -556,6 +556,9 @@
556
556
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
557
557
  margin-right: 8px;
558
558
  }
559
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
560
+ margin-left: 8px;
561
+ }
559
562
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
560
563
  padding: 4px;
561
564
  }
@@ -586,6 +589,7 @@
586
589
  }
587
590
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
588
591
  margin-left: 0;
592
+ margin-right: 8px;
589
593
  }
590
594
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
591
595
  margin-left: 8px;
@@ -593,11 +597,13 @@
593
597
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
594
598
  margin-left: 0;
595
599
  }
596
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
600
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
601
+ margin-right: 0;
602
+ }
597
603
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
598
604
  margin-right: 0;
605
+ margin-left: 8px;
599
606
  }
600
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
601
607
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
602
608
  margin-right: 8px;
603
609
  }
@@ -556,6 +556,9 @@
556
556
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
557
557
  margin-right: 8px;
558
558
  }
559
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
560
+ margin-left: 8px;
561
+ }
559
562
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
560
563
  padding: 4px;
561
564
  }
@@ -586,6 +589,7 @@
586
589
  }
587
590
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
588
591
  margin-left: 0;
592
+ margin-right: 8px;
589
593
  }
590
594
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
591
595
  margin-left: 8px;
@@ -593,11 +597,13 @@
593
597
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
594
598
  margin-left: 0;
595
599
  }
596
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
600
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
601
+ margin-right: 0;
602
+ }
597
603
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
598
604
  margin-right: 0;
605
+ margin-left: 8px;
599
606
  }
600
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
601
607
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
602
608
  margin-right: 8px;
603
609
  }
@@ -561,6 +561,9 @@
561
561
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
562
562
  margin-right: 8px;
563
563
  }
564
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
565
+ margin-left: 8px;
566
+ }
564
567
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
565
568
  padding: 4px;
566
569
  }
@@ -591,6 +594,7 @@
591
594
  }
592
595
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
593
596
  margin-left: 0;
597
+ margin-right: 8px;
594
598
  }
595
599
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
596
600
  margin-left: 8px;
@@ -598,11 +602,13 @@
598
602
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
599
603
  margin-left: 0;
600
604
  }
601
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
605
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
606
+ margin-right: 0;
607
+ }
602
608
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
603
609
  margin-right: 0;
610
+ margin-left: 8px;
604
611
  }
605
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
606
612
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
607
613
  margin-right: 8px;
608
614
  }
@@ -81,6 +81,10 @@
81
81
  }
82
82
  }
83
83
 
84
+ .e-mask-parent {
85
+ display: none;
86
+ }
87
+
84
88
  & > .e-ul {
85
89
  -webkit-overflow-scrolling: touch;
86
90
  overflow: auto;
@@ -47,7 +47,7 @@ $treeview-big-text-height: 24px !default;
47
47
  $treeview-big-input-height: 40px !default;
48
48
  $treeview-big-text-padding: 12px 18px !default;
49
49
  $treeview-big-input-padding: 0 9px !default;
50
- $treeview-big-icon-padding: 0 !default;
50
+ $treeview-big-icon-padding: 0 6px !default;
51
51
  $treeview-big-image-margin: 0 0 0 18px !default;
52
52
  $treeview-big-rtl-image-margin: 0 12px 0 0 !default;
53
53
  $treeview-big-icon-image-margin: 0 0 0 18px !default;
@@ -211,6 +211,9 @@
211
211
  .e-treeview.e-virtualization .e-ul {
212
212
  overflow: unset;
213
213
  }
214
+ .e-treeview .e-mask-parent {
215
+ display: none;
216
+ }
214
217
  .e-treeview > .e-ul {
215
218
  -webkit-overflow-scrolling: touch;
216
219
  overflow: auto;
@@ -61,6 +61,9 @@
61
61
  .e-treeview.e-virtualization .e-ul {
62
62
  overflow: unset;
63
63
  }
64
+ .e-treeview .e-mask-parent {
65
+ display: none;
66
+ }
64
67
  .e-treeview > .e-ul {
65
68
  -webkit-overflow-scrolling: touch;
66
69
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -61,6 +61,9 @@
61
61
  .e-treeview.e-virtualization .e-ul {
62
62
  overflow: unset;
63
63
  }
64
+ .e-treeview .e-mask-parent {
65
+ display: none;
66
+ }
64
67
  .e-treeview > .e-ul {
65
68
  -webkit-overflow-scrolling: touch;
66
69
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -66,6 +66,9 @@
66
66
  .e-treeview.e-virtualization .e-ul {
67
67
  overflow: unset;
68
68
  }
69
+ .e-treeview .e-mask-parent {
70
+ display: none;
71
+ }
69
72
  .e-treeview > .e-ul {
70
73
  -webkit-overflow-scrolling: touch;
71
74
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -61,6 +61,9 @@
61
61
  .e-treeview.e-virtualization .e-ul {
62
62
  overflow: unset;
63
63
  }
64
+ .e-treeview .e-mask-parent {
65
+ display: none;
66
+ }
64
67
  .e-treeview > .e-ul {
65
68
  -webkit-overflow-scrolling: touch;
66
69
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -250,6 +250,9 @@
250
250
  .e-treeview.e-virtualization .e-ul {
251
251
  overflow: unset;
252
252
  }
253
+ .e-treeview .e-mask-parent {
254
+ display: none;
255
+ }
253
256
  .e-treeview > .e-ul {
254
257
  -webkit-overflow-scrolling: touch;
255
258
  overflow: auto;
@@ -61,6 +61,9 @@
61
61
  .e-treeview.e-virtualization .e-ul {
62
62
  overflow: unset;
63
63
  }
64
+ .e-treeview .e-mask-parent {
65
+ display: none;
66
+ }
64
67
  .e-treeview > .e-ul {
65
68
  -webkit-overflow-scrolling: touch;
66
69
  overflow: auto;
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;
@@ -75,6 +75,9 @@
75
75
  .e-treeview.e-virtualization .e-ul {
76
76
  overflow: unset;
77
77
  }
78
+ .e-treeview .e-mask-parent {
79
+ display: none;
80
+ }
78
81
  .e-treeview > .e-ul {
79
82
  -webkit-overflow-scrolling: touch;
80
83
  overflow: auto;
@@ -96,6 +96,9 @@
96
96
  .e-treeview.e-virtualization .e-ul {
97
97
  overflow: unset;
98
98
  }
99
+ .e-treeview .e-mask-parent {
100
+ display: none;
101
+ }
99
102
  .e-treeview > .e-ul {
100
103
  -webkit-overflow-scrolling: touch;
101
104
  overflow: auto;
@@ -96,6 +96,9 @@
96
96
  .e-treeview.e-virtualization .e-ul {
97
97
  overflow: unset;
98
98
  }
99
+ .e-treeview .e-mask-parent {
100
+ display: none;
101
+ }
99
102
  .e-treeview > .e-ul {
100
103
  -webkit-overflow-scrolling: touch;
101
104
  overflow: auto;
@@ -822,7 +825,7 @@
822
825
  .e-bigger .e-treeview .e-icon-expandable::before,
823
826
  .e-treeview.e-bigger .e-icon-collapsible::before,
824
827
  .e-treeview.e-bigger .e-icon-expandable::before {
825
- padding: 0;
828
+ padding: 0 6px;
826
829
  }
827
830
  .e-bigger .e-treeview.e-rtl .e-ul,
828
831
  .e-treeview.e-bigger.e-rtl .e-ul {
@@ -98,6 +98,9 @@
98
98
  .e-treeview.e-virtualization .e-ul {
99
99
  overflow: unset;
100
100
  }
101
+ .e-treeview .e-mask-parent {
102
+ display: none;
103
+ }
101
104
  .e-treeview > .e-ul {
102
105
  -webkit-overflow-scrolling: touch;
103
106
  overflow: auto;
@@ -824,7 +827,7 @@
824
827
  .e-bigger .e-treeview .e-icon-expandable::before,
825
828
  .e-treeview.e-bigger .e-icon-collapsible::before,
826
829
  .e-treeview.e-bigger .e-icon-expandable::before {
827
- padding: 0;
830
+ padding: 0 6px;
828
831
  }
829
832
  .e-bigger .e-treeview.e-rtl .e-ul,
830
833
  .e-treeview.e-bigger.e-rtl .e-ul {
@@ -62,6 +62,9 @@
62
62
  .e-treeview.e-virtualization .e-ul {
63
63
  overflow: unset;
64
64
  }
65
+ .e-treeview .e-mask-parent {
66
+ display: none;
67
+ }
65
68
  .e-treeview > .e-ul {
66
69
  -webkit-overflow-scrolling: touch;
67
70
  overflow: auto;