@syncfusion/ej2-navigations 30.1.37 → 30.1.41

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 (132) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +31 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +30 -6
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/breadcrumb/breadcrumb.js +1 -1
  13. package/src/common/menu-base.js +7 -0
  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/tab/tab.js +4 -1
  18. package/src/toolbar/toolbar.js +8 -4
  19. package/styles/bds-lite.css +14 -2
  20. package/styles/bds.css +14 -2
  21. package/styles/bootstrap-dark-lite.css +16 -4
  22. package/styles/bootstrap-dark.css +16 -4
  23. package/styles/bootstrap-lite.css +16 -4
  24. package/styles/bootstrap.css +16 -4
  25. package/styles/bootstrap4-lite.css +17 -5
  26. package/styles/bootstrap4.css +17 -5
  27. package/styles/bootstrap5-dark-lite.css +16 -4
  28. package/styles/bootstrap5-dark.css +16 -4
  29. package/styles/bootstrap5-lite.css +17 -5
  30. package/styles/bootstrap5.3-lite.css +17 -5
  31. package/styles/bootstrap5.3.css +17 -5
  32. package/styles/bootstrap5.css +17 -5
  33. package/styles/context-menu/_layout.scss +5 -0
  34. package/styles/context-menu/bds.css +6 -0
  35. package/styles/context-menu/bootstrap-dark.css +6 -0
  36. package/styles/context-menu/bootstrap.css +6 -0
  37. package/styles/context-menu/bootstrap4.css +6 -0
  38. package/styles/context-menu/bootstrap5-dark.css +6 -0
  39. package/styles/context-menu/bootstrap5.3.css +6 -0
  40. package/styles/context-menu/bootstrap5.css +6 -0
  41. package/styles/context-menu/fabric-dark.css +6 -0
  42. package/styles/context-menu/fabric.css +6 -0
  43. package/styles/context-menu/fluent-dark.css +6 -0
  44. package/styles/context-menu/fluent.css +6 -0
  45. package/styles/context-menu/fluent2.css +6 -0
  46. package/styles/context-menu/highcontrast-light.css +6 -0
  47. package/styles/context-menu/highcontrast.css +6 -0
  48. package/styles/context-menu/material-dark.css +6 -0
  49. package/styles/context-menu/material.css +6 -0
  50. package/styles/context-menu/material3-dark.css +6 -0
  51. package/styles/context-menu/material3.css +6 -0
  52. package/styles/context-menu/tailwind-dark.css +6 -0
  53. package/styles/context-menu/tailwind.css +6 -0
  54. package/styles/context-menu/tailwind3.css +6 -0
  55. package/styles/fabric-dark-lite.css +14 -2
  56. package/styles/fabric-dark.css +14 -2
  57. package/styles/fabric-lite.css +15 -3
  58. package/styles/fabric.css +15 -3
  59. package/styles/fluent-dark-lite.css +21 -9
  60. package/styles/fluent-dark.css +21 -9
  61. package/styles/fluent-lite.css +21 -9
  62. package/styles/fluent.css +21 -9
  63. package/styles/fluent2-lite.css +14 -2
  64. package/styles/fluent2.css +14 -2
  65. package/styles/highcontrast-light-lite.css +14 -2
  66. package/styles/highcontrast-light.css +14 -2
  67. package/styles/highcontrast-lite.css +15 -3
  68. package/styles/highcontrast.css +15 -3
  69. package/styles/material-dark-lite.css +14 -2
  70. package/styles/material-dark.css +14 -2
  71. package/styles/material-lite.css +15 -3
  72. package/styles/material.css +15 -3
  73. package/styles/material3-dark-lite.css +14 -2
  74. package/styles/material3-dark.css +15 -3
  75. package/styles/material3-lite.css +14 -2
  76. package/styles/material3.css +15 -3
  77. package/styles/tab/_bootstrap-dark-definition.scss +3 -3
  78. package/styles/tab/_bootstrap-definition.scss +3 -3
  79. package/styles/tab/_bootstrap4-definition.scss +3 -3
  80. package/styles/tab/_bootstrap5-definition.scss +3 -3
  81. package/styles/tab/_bootstrap5.3-definition.scss +3 -3
  82. package/styles/tab/_fabric-definition.scss +1 -1
  83. package/styles/tab/_fluent-definition.scss +4 -4
  84. package/styles/tab/_highcontrast-definition.scss +1 -1
  85. package/styles/tab/_material-definition.scss +1 -1
  86. package/styles/tab/_tailwind-definition.scss +3 -3
  87. package/styles/tab/_tailwind3-definition.scss +3 -3
  88. package/styles/tab/bootstrap-dark.css +2 -2
  89. package/styles/tab/bootstrap.css +2 -2
  90. package/styles/tab/bootstrap4.css +3 -3
  91. package/styles/tab/bootstrap5-dark.css +2 -2
  92. package/styles/tab/bootstrap5.3.css +3 -3
  93. package/styles/tab/bootstrap5.css +3 -3
  94. package/styles/tab/fabric.css +1 -1
  95. package/styles/tab/fluent-dark.css +7 -7
  96. package/styles/tab/fluent.css +7 -7
  97. package/styles/tab/highcontrast.css +1 -1
  98. package/styles/tab/material.css +1 -1
  99. package/styles/tab/tailwind-dark.css +4 -4
  100. package/styles/tab/tailwind.css +4 -4
  101. package/styles/tab/tailwind3.css +3 -3
  102. package/styles/tailwind-dark-lite.css +18 -6
  103. package/styles/tailwind-dark.css +18 -6
  104. package/styles/tailwind-lite.css +18 -6
  105. package/styles/tailwind.css +18 -6
  106. package/styles/tailwind3-lite.css +17 -5
  107. package/styles/tailwind3.css +17 -5
  108. package/styles/toolbar/_layout.scss +13 -1
  109. package/styles/toolbar/bds.css +8 -2
  110. package/styles/toolbar/bootstrap-dark.css +8 -2
  111. package/styles/toolbar/bootstrap.css +8 -2
  112. package/styles/toolbar/bootstrap4.css +8 -2
  113. package/styles/toolbar/bootstrap5-dark.css +8 -2
  114. package/styles/toolbar/bootstrap5.3.css +8 -2
  115. package/styles/toolbar/bootstrap5.css +8 -2
  116. package/styles/toolbar/fabric-dark.css +8 -2
  117. package/styles/toolbar/fabric.css +8 -2
  118. package/styles/toolbar/fluent-dark.css +8 -2
  119. package/styles/toolbar/fluent.css +8 -2
  120. package/styles/toolbar/fluent2.css +8 -2
  121. package/styles/toolbar/highcontrast-light.css +8 -2
  122. package/styles/toolbar/highcontrast.css +8 -2
  123. package/styles/toolbar/material-dark.css +8 -2
  124. package/styles/toolbar/material.css +8 -2
  125. package/styles/toolbar/material3-dark.css +8 -2
  126. package/styles/toolbar/material3.css +8 -2
  127. package/styles/toolbar/tailwind-dark.css +8 -2
  128. package/styles/toolbar/tailwind.css +8 -2
  129. package/styles/toolbar/tailwind3.css +8 -2
  130. package/styles/treeview/_material3-definition.scss +1 -1
  131. package/styles/treeview/material3-dark.css +1 -1
  132. package/styles/treeview/material3.css +1 -1
package/styles/tailwind-dark.css CHANGED
@@ -1977,6 +1977,9 @@
1977
1977
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1978
1978
  margin-right: 8px;
1979
1979
  }
1980
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1981
+ margin-left: 8px;
1982
+ }
1980
1983
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1981
1984
  padding: 4px;
1982
1985
  }
@@ -2007,6 +2010,7 @@
2007
2010
  }
2008
2011
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
2009
2012
  margin-left: 0;
2013
+ margin-right: 8px;
2010
2014
  }
2011
2015
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
2012
2016
  margin-left: 8px;
@@ -2014,11 +2018,13 @@
2014
2018
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
2015
2019
  margin-left: 0;
2016
2020
  }
2017
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
2021
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
2022
+ margin-right: 0;
2023
+ }
2018
2024
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
2019
2025
  margin-right: 0;
2026
+ margin-left: 8px;
2020
2027
  }
2021
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
2022
2028
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
2023
2029
  margin-right: 8px;
2024
2030
  }
@@ -3549,6 +3555,12 @@
3549
3555
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3550
3556
  padding: 4px 0;
3551
3557
  }
3558
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3559
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3560
+ display: -webkit-box;
3561
+ display: -ms-flexbox;
3562
+ display: flex;
3563
+ }
3552
3564
  .e-contextmenu-wrapper ul.e-ul,
3553
3565
  .e-contextmenu-container ul.e-ul {
3554
3566
  font-family: "Inter";
@@ -6412,18 +6424,18 @@
6412
6424
  color: #22d3ee;
6413
6425
  }
6414
6426
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6415
- background: rgba(55, 65, 81, 0.8);
6427
+ background: #22d3ee;
6416
6428
  border-color: unset;
6417
6429
  }
6418
6430
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6419
- color: #67e8f9;
6431
+ color: #000;
6420
6432
  }
6421
6433
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6422
- color: #22d3ee;
6434
+ color: #000;
6423
6435
  }
6424
6436
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6425
6437
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6426
- color: #67e8f9;
6438
+ color: #000;
6427
6439
  }
6428
6440
  .e-tab.e-background .e-tab-header {
6429
6441
  background: #22d3ee;
package/styles/tailwind-lite.css CHANGED
@@ -1660,6 +1660,9 @@
1660
1660
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1661
1661
  margin-right: 8px;
1662
1662
  }
1663
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1664
+ margin-left: 8px;
1665
+ }
1663
1666
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1664
1667
  padding: 4px;
1665
1668
  }
@@ -1690,6 +1693,7 @@
1690
1693
  }
1691
1694
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1692
1695
  margin-left: 0;
1696
+ margin-right: 8px;
1693
1697
  }
1694
1698
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1695
1699
  margin-left: 8px;
@@ -1697,11 +1701,13 @@
1697
1701
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1698
1702
  margin-left: 0;
1699
1703
  }
1700
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1704
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1705
+ margin-right: 0;
1706
+ }
1701
1707
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1702
1708
  margin-right: 0;
1709
+ margin-left: 8px;
1703
1710
  }
1704
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1705
1711
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1706
1712
  margin-right: 8px;
1707
1713
  }
@@ -2873,6 +2879,12 @@
2873
2879
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2874
2880
  padding: 4px 0;
2875
2881
  }
2882
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2883
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2884
+ display: -webkit-box;
2885
+ display: -ms-flexbox;
2886
+ display: flex;
2887
+ }
2876
2888
  .e-contextmenu-wrapper ul.e-ul,
2877
2889
  .e-contextmenu-container ul.e-ul {
2878
2890
  font-family: "Inter";
@@ -5676,18 +5688,18 @@
5676
5688
  color: #4f46e5;
5677
5689
  }
5678
5690
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5679
- background: rgba(243, 244, 246, 0.8);
5691
+ background: #4f46e5;
5680
5692
  border-color: unset;
5681
5693
  }
5682
5694
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5683
- color: #3730a3;
5695
+ color: #fff;
5684
5696
  }
5685
5697
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5686
- color: #4f46e5;
5698
+ color: #fff;
5687
5699
  }
5688
5700
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5689
5701
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5690
- color: #3730a3;
5702
+ color: #fff;
5691
5703
  }
5692
5704
  .e-tab.e-background .e-tab-header {
5693
5705
  background: #4f46e5;
package/styles/tailwind.css CHANGED
@@ -1977,6 +1977,9 @@
1977
1977
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1978
1978
  margin-right: 8px;
1979
1979
  }
1980
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1981
+ margin-left: 8px;
1982
+ }
1980
1983
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1981
1984
  padding: 4px;
1982
1985
  }
@@ -2007,6 +2010,7 @@
2007
2010
  }
2008
2011
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
2009
2012
  margin-left: 0;
2013
+ margin-right: 8px;
2010
2014
  }
2011
2015
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
2012
2016
  margin-left: 8px;
@@ -2014,11 +2018,13 @@
2014
2018
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
2015
2019
  margin-left: 0;
2016
2020
  }
2017
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
2021
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
2022
+ margin-right: 0;
2023
+ }
2018
2024
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
2019
2025
  margin-right: 0;
2026
+ margin-left: 8px;
2020
2027
  }
2021
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
2022
2028
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
2023
2029
  margin-right: 8px;
2024
2030
  }
@@ -3549,6 +3555,12 @@
3549
3555
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3550
3556
  padding: 4px 0;
3551
3557
  }
3558
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3559
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3560
+ display: -webkit-box;
3561
+ display: -ms-flexbox;
3562
+ display: flex;
3563
+ }
3552
3564
  .e-contextmenu-wrapper ul.e-ul,
3553
3565
  .e-contextmenu-container ul.e-ul {
3554
3566
  font-family: "Inter";
@@ -6412,18 +6424,18 @@
6412
6424
  color: #4f46e5;
6413
6425
  }
6414
6426
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6415
- background: rgba(243, 244, 246, 0.8);
6427
+ background: #4f46e5;
6416
6428
  border-color: unset;
6417
6429
  }
6418
6430
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6419
- color: #3730a3;
6431
+ color: #fff;
6420
6432
  }
6421
6433
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6422
- color: #4f46e5;
6434
+ color: #fff;
6423
6435
  }
6424
6436
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6425
6437
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6426
- color: #3730a3;
6438
+ color: #fff;
6427
6439
  }
6428
6440
  .e-tab.e-background .e-tab-header {
6429
6441
  background: #4f46e5;
package/styles/tailwind3-lite.css CHANGED
@@ -1624,6 +1624,9 @@
1624
1624
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1625
1625
  margin-right: 8px;
1626
1626
  }
1627
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1628
+ margin-left: 8px;
1629
+ }
1627
1630
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1628
1631
  padding: 4px;
1629
1632
  }
@@ -1654,6 +1657,7 @@
1654
1657
  }
1655
1658
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1656
1659
  margin-left: 0;
1660
+ margin-right: 8px;
1657
1661
  }
1658
1662
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1659
1663
  margin-left: 8px;
@@ -1661,11 +1665,13 @@
1661
1665
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1662
1666
  margin-left: 0;
1663
1667
  }
1664
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1668
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1669
+ margin-right: 0;
1670
+ }
1665
1671
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1666
1672
  margin-right: 0;
1673
+ margin-left: 8px;
1667
1674
  }
1668
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1669
1675
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1670
1676
  margin-right: 8px;
1671
1677
  }
@@ -2887,6 +2893,12 @@
2887
2893
  -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
2888
2894
  box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
2889
2895
  }
2896
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2897
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2898
+ display: -webkit-box;
2899
+ display: -ms-flexbox;
2900
+ display: flex;
2901
+ }
2890
2902
  .e-contextmenu-wrapper ul.e-ul,
2891
2903
  .e-contextmenu-container ul.e-ul {
2892
2904
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
@@ -5655,18 +5667,18 @@
5655
5667
  color: var(--color-sf-content-text-color-alt1);
5656
5668
  }
5657
5669
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5658
- background: rgba(var(--color-sf-content-bg-color-alt2), 0.8);
5670
+ background: var(--color-sf-primary);
5659
5671
  border-color: var(--color-sf-icon-color);
5660
5672
  }
5661
5673
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5662
5674
  color: var(--color-sf-content-bg-color-alt5);
5663
5675
  }
5664
5676
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5665
- color: var(--color-sf-content-bg-color-alt5);
5677
+ color: var(--color-sf-primary-text-color);
5666
5678
  }
5667
5679
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5668
5680
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5669
- color: var(--color-sf-content-text-color);
5681
+ color: var(--color-sf-primary-text);
5670
5682
  }
5671
5683
  .e-tab.e-background .e-tab-header {
5672
5684
  background: var(--color-sf-primary);
package/styles/tailwind3.css CHANGED
@@ -1942,6 +1942,9 @@
1942
1942
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1943
1943
  margin-right: 8px;
1944
1944
  }
1945
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1946
+ margin-left: 8px;
1947
+ }
1945
1948
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1946
1949
  padding: 4px;
1947
1950
  }
@@ -1972,6 +1975,7 @@
1972
1975
  }
1973
1976
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1974
1977
  margin-left: 0;
1978
+ margin-right: 8px;
1975
1979
  }
1976
1980
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1977
1981
  margin-left: 8px;
@@ -1979,11 +1983,13 @@
1979
1983
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1980
1984
  margin-left: 0;
1981
1985
  }
1982
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1986
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1987
+ margin-right: 0;
1988
+ }
1983
1989
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1984
1990
  margin-right: 0;
1991
+ margin-left: 8px;
1985
1992
  }
1986
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1987
1993
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1988
1994
  margin-right: 8px;
1989
1995
  }
@@ -3581,6 +3587,12 @@
3581
3587
  -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
3582
3588
  box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
3583
3589
  }
3590
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3591
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3592
+ display: -webkit-box;
3593
+ display: -ms-flexbox;
3594
+ display: flex;
3595
+ }
3584
3596
  .e-contextmenu-wrapper ul.e-ul,
3585
3597
  .e-contextmenu-container ul.e-ul {
3586
3598
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
@@ -6423,18 +6435,18 @@
6423
6435
  color: var(--color-sf-content-text-color-alt1);
6424
6436
  }
6425
6437
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6426
- background: rgba(var(--color-sf-content-bg-color-alt2), 0.8);
6438
+ background: var(--color-sf-primary);
6427
6439
  border-color: var(--color-sf-icon-color);
6428
6440
  }
6429
6441
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6430
6442
  color: var(--color-sf-content-bg-color-alt5);
6431
6443
  }
6432
6444
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6433
- color: var(--color-sf-content-bg-color-alt5);
6445
+ color: var(--color-sf-primary-text-color);
6434
6446
  }
6435
6447
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6436
6448
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6437
- color: var(--color-sf-content-text-color);
6449
+ color: var(--color-sf-primary-text);
6438
6450
  }
6439
6451
  .e-tab.e-background .e-tab-header {
6440
6452
  background: var(--color-sf-primary);
package/styles/toolbar/_layout.scss CHANGED
@@ -634,6 +634,10 @@
634
634
  .e-toolbar-item:first-child {
635
635
  margin-right: $tbar-item-nrml-mrgn;
636
636
  }
637
+
638
+ .e-toolbar-item:last-child {
639
+ margin-left: $tbar-item-nrml-mrgn;
640
+ }
637
641
  }
638
642
  }
639
643
 
@@ -696,6 +700,7 @@
696
700
 
697
701
  &:first-child {
698
702
  margin-left: 0;
703
+ margin-right: $tbar-item-nrml-mrgn;
699
704
  }
700
705
 
701
706
  &:last-child {
@@ -712,11 +717,18 @@
712
717
 
713
718
  &:first-child {
714
719
 
715
- > .e-toolbar-item:last-child,
720
+ > .e-toolbar-item:last-child {
721
+
722
+ &:last-child {
723
+ margin-right: 0;
724
+ }
725
+ }
726
+
716
727
  > .e-toolbar-right .e-toolbar-item {
717
728
 
718
729
  &:last-child {
719
730
  margin-right: 0;
731
+ margin-left: $tbar-item-nrml-mrgn;
720
732
  }
721
733
 
722
734
  &:first-child {
package/styles/toolbar/bds.css CHANGED
@@ -619,6 +619,9 @@
619
619
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
620
620
  margin-right: 8px;
621
621
  }
622
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
623
+ margin-left: 8px;
624
+ }
622
625
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
623
626
  padding: 4px;
624
627
  }
@@ -649,6 +652,7 @@
649
652
  }
650
653
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
651
654
  margin-left: 0;
655
+ margin-right: 8px;
652
656
  }
653
657
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
654
658
  margin-left: 8px;
@@ -656,11 +660,13 @@
656
660
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
657
661
  margin-left: 0;
658
662
  }
659
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
663
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
664
+ margin-right: 0;
665
+ }
660
666
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
661
667
  margin-right: 0;
668
+ margin-left: 8px;
662
669
  }
663
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
664
670
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
665
671
  margin-right: 8px;
666
672
  }
package/styles/toolbar/bootstrap-dark.css CHANGED
@@ -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: 15px;
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: 15px;
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: 15px;
564
568
  }
565
569
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
566
570
  margin-left: 15px;
@@ -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: 15px;
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: 15px;
578
584
  }
package/styles/toolbar/bootstrap.css CHANGED
@@ -533,6 +533,9 @@
533
533
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
534
534
  margin-right: 3px;
535
535
  }
536
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
537
+ margin-left: 3px;
538
+ }
536
539
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
537
540
  padding: 0 12px 0 0;
538
541
  }
@@ -563,6 +566,7 @@
563
566
  }
564
567
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
565
568
  margin-left: 0;
569
+ margin-right: 3px;
566
570
  }
567
571
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
568
572
  margin-left: 3px;
@@ -570,11 +574,13 @@
570
574
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
571
575
  margin-left: 0;
572
576
  }
573
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
577
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
578
+ margin-right: 0;
579
+ }
574
580
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
575
581
  margin-right: 0;
582
+ margin-left: 3px;
576
583
  }
577
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
578
584
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
579
585
  margin-right: 3px;
580
586
  }
package/styles/toolbar/bootstrap4.css CHANGED
@@ -533,6 +533,9 @@
533
533
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
534
534
  margin-right: 12px;
535
535
  }
536
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
537
+ margin-left: 12px;
538
+ }
536
539
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
537
540
  padding: 0 4px 0 6px;
538
541
  }
@@ -563,6 +566,7 @@
563
566
  }
564
567
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
565
568
  margin-left: 0;
569
+ margin-right: 12px;
566
570
  }
567
571
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
568
572
  margin-left: 12px;
@@ -570,11 +574,13 @@
570
574
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
571
575
  margin-left: 0;
572
576
  }
573
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
577
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
578
+ margin-right: 0;
579
+ }
574
580
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
575
581
  margin-right: 0;
582
+ margin-left: 12px;
576
583
  }
577
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
578
584
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
579
585
  margin-right: 12px;
580
586
  }
package/styles/toolbar/bootstrap5-dark.css CHANGED
@@ -557,6 +557,9 @@
557
557
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
558
558
  margin-right: 8px;
559
559
  }
560
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
561
+ margin-left: 8px;
562
+ }
560
563
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
561
564
  padding: 4px;
562
565
  }
@@ -587,6 +590,7 @@
587
590
  }
588
591
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
589
592
  margin-left: 0;
593
+ margin-right: 8px;
590
594
  }
591
595
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
592
596
  margin-left: 8px;
@@ -594,11 +598,13 @@
594
598
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
595
599
  margin-left: 0;
596
600
  }
597
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
601
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
602
+ margin-right: 0;
603
+ }
598
604
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
599
605
  margin-right: 0;
606
+ margin-left: 8px;
600
607
  }
601
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
602
608
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
603
609
  margin-right: 8px;
604
610
  }
package/styles/toolbar/bootstrap5.3.css CHANGED
@@ -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
  }
package/styles/toolbar/bootstrap5.css CHANGED
@@ -557,6 +557,9 @@
557
557
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
558
558
  margin-right: 8px;
559
559
  }
560
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
561
+ margin-left: 8px;
562
+ }
560
563
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
561
564
  padding: 4px;
562
565
  }
@@ -587,6 +590,7 @@
587
590
  }
588
591
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
589
592
  margin-left: 0;
593
+ margin-right: 8px;
590
594
  }
591
595
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
592
596
  margin-left: 8px;
@@ -594,11 +598,13 @@
594
598
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
595
599
  margin-left: 0;
596
600
  }
597
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
601
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
602
+ margin-right: 0;
603
+ }
598
604
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
599
605
  margin-right: 0;
606
+ margin-left: 8px;
600
607
  }
601
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
602
608
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
603
609
  margin-right: 8px;
604
610
  }
package/styles/toolbar/fabric-dark.css CHANGED
@@ -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
  }