@syncfusion/ej2-navigations 30.1.37 → 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 (128) 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 +10 -0
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +10 -0
  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 +4 -4
  12. package/src/context-menu/context-menu-model.d.ts +1 -1
  13. package/src/context-menu/context-menu.d.ts +1 -0
  14. package/src/context-menu/context-menu.js +11 -1
  15. package/styles/bds-lite.css +14 -2
  16. package/styles/bds.css +14 -2
  17. package/styles/bootstrap-dark-lite.css +16 -4
  18. package/styles/bootstrap-dark.css +16 -4
  19. package/styles/bootstrap-lite.css +16 -4
  20. package/styles/bootstrap.css +16 -4
  21. package/styles/bootstrap4-lite.css +17 -5
  22. package/styles/bootstrap4.css +17 -5
  23. package/styles/bootstrap5-dark-lite.css +16 -4
  24. package/styles/bootstrap5-dark.css +16 -4
  25. package/styles/bootstrap5-lite.css +17 -5
  26. package/styles/bootstrap5.3-lite.css +17 -5
  27. package/styles/bootstrap5.3.css +17 -5
  28. package/styles/bootstrap5.css +17 -5
  29. package/styles/context-menu/_layout.scss +5 -0
  30. package/styles/context-menu/bds.css +6 -0
  31. package/styles/context-menu/bootstrap-dark.css +6 -0
  32. package/styles/context-menu/bootstrap.css +6 -0
  33. package/styles/context-menu/bootstrap4.css +6 -0
  34. package/styles/context-menu/bootstrap5-dark.css +6 -0
  35. package/styles/context-menu/bootstrap5.3.css +6 -0
  36. package/styles/context-menu/bootstrap5.css +6 -0
  37. package/styles/context-menu/fabric-dark.css +6 -0
  38. package/styles/context-menu/fabric.css +6 -0
  39. package/styles/context-menu/fluent-dark.css +6 -0
  40. package/styles/context-menu/fluent.css +6 -0
  41. package/styles/context-menu/fluent2.css +6 -0
  42. package/styles/context-menu/highcontrast-light.css +6 -0
  43. package/styles/context-menu/highcontrast.css +6 -0
  44. package/styles/context-menu/material-dark.css +6 -0
  45. package/styles/context-menu/material.css +6 -0
  46. package/styles/context-menu/material3-dark.css +6 -0
  47. package/styles/context-menu/material3.css +6 -0
  48. package/styles/context-menu/tailwind-dark.css +6 -0
  49. package/styles/context-menu/tailwind.css +6 -0
  50. package/styles/context-menu/tailwind3.css +6 -0
  51. package/styles/fabric-dark-lite.css +14 -2
  52. package/styles/fabric-dark.css +14 -2
  53. package/styles/fabric-lite.css +15 -3
  54. package/styles/fabric.css +15 -3
  55. package/styles/fluent-dark-lite.css +21 -9
  56. package/styles/fluent-dark.css +21 -9
  57. package/styles/fluent-lite.css +21 -9
  58. package/styles/fluent.css +21 -9
  59. package/styles/fluent2-lite.css +14 -2
  60. package/styles/fluent2.css +14 -2
  61. package/styles/highcontrast-light-lite.css +14 -2
  62. package/styles/highcontrast-light.css +14 -2
  63. package/styles/highcontrast-lite.css +15 -3
  64. package/styles/highcontrast.css +15 -3
  65. package/styles/material-dark-lite.css +14 -2
  66. package/styles/material-dark.css +14 -2
  67. package/styles/material-lite.css +15 -3
  68. package/styles/material.css +15 -3
  69. package/styles/material3-dark-lite.css +14 -2
  70. package/styles/material3-dark.css +15 -3
  71. package/styles/material3-lite.css +14 -2
  72. package/styles/material3.css +15 -3
  73. package/styles/tab/_bootstrap-dark-definition.scss +3 -3
  74. package/styles/tab/_bootstrap-definition.scss +3 -3
  75. package/styles/tab/_bootstrap4-definition.scss +3 -3
  76. package/styles/tab/_bootstrap5-definition.scss +3 -3
  77. package/styles/tab/_bootstrap5.3-definition.scss +3 -3
  78. package/styles/tab/_fabric-definition.scss +1 -1
  79. package/styles/tab/_fluent-definition.scss +4 -4
  80. package/styles/tab/_highcontrast-definition.scss +1 -1
  81. package/styles/tab/_material-definition.scss +1 -1
  82. package/styles/tab/_tailwind-definition.scss +3 -3
  83. package/styles/tab/_tailwind3-definition.scss +3 -3
  84. package/styles/tab/bootstrap-dark.css +2 -2
  85. package/styles/tab/bootstrap.css +2 -2
  86. package/styles/tab/bootstrap4.css +3 -3
  87. package/styles/tab/bootstrap5-dark.css +2 -2
  88. package/styles/tab/bootstrap5.3.css +3 -3
  89. package/styles/tab/bootstrap5.css +3 -3
  90. package/styles/tab/fabric.css +1 -1
  91. package/styles/tab/fluent-dark.css +7 -7
  92. package/styles/tab/fluent.css +7 -7
  93. package/styles/tab/highcontrast.css +1 -1
  94. package/styles/tab/material.css +1 -1
  95. package/styles/tab/tailwind-dark.css +4 -4
  96. package/styles/tab/tailwind.css +4 -4
  97. package/styles/tab/tailwind3.css +3 -3
  98. package/styles/tailwind-dark-lite.css +18 -6
  99. package/styles/tailwind-dark.css +18 -6
  100. package/styles/tailwind-lite.css +18 -6
  101. package/styles/tailwind.css +18 -6
  102. package/styles/tailwind3-lite.css +17 -5
  103. package/styles/tailwind3.css +17 -5
  104. package/styles/toolbar/_layout.scss +13 -1
  105. package/styles/toolbar/bds.css +8 -2
  106. package/styles/toolbar/bootstrap-dark.css +8 -2
  107. package/styles/toolbar/bootstrap.css +8 -2
  108. package/styles/toolbar/bootstrap4.css +8 -2
  109. package/styles/toolbar/bootstrap5-dark.css +8 -2
  110. package/styles/toolbar/bootstrap5.3.css +8 -2
  111. package/styles/toolbar/bootstrap5.css +8 -2
  112. package/styles/toolbar/fabric-dark.css +8 -2
  113. package/styles/toolbar/fabric.css +8 -2
  114. package/styles/toolbar/fluent-dark.css +8 -2
  115. package/styles/toolbar/fluent.css +8 -2
  116. package/styles/toolbar/fluent2.css +8 -2
  117. package/styles/toolbar/highcontrast-light.css +8 -2
  118. package/styles/toolbar/highcontrast.css +8 -2
  119. package/styles/toolbar/material-dark.css +8 -2
  120. package/styles/toolbar/material.css +8 -2
  121. package/styles/toolbar/material3-dark.css +8 -2
  122. package/styles/toolbar/material3.css +8 -2
  123. package/styles/toolbar/tailwind-dark.css +8 -2
  124. package/styles/toolbar/tailwind.css +8 -2
  125. package/styles/toolbar/tailwind3.css +8 -2
  126. package/styles/treeview/_material3-definition.scss +1 -1
  127. package/styles/treeview/material3-dark.css +1 -1
  128. package/styles/treeview/material3.css +1 -1
@@ -1567,6 +1567,9 @@
1567
1567
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1568
1568
  margin-right: 3px;
1569
1569
  }
1570
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1571
+ margin-left: 3px;
1572
+ }
1570
1573
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1571
1574
  padding: 0 12px 0 0;
1572
1575
  }
@@ -1597,6 +1600,7 @@
1597
1600
  }
1598
1601
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1599
1602
  margin-left: 0;
1603
+ margin-right: 3px;
1600
1604
  }
1601
1605
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1602
1606
  margin-left: 3px;
@@ -1604,11 +1608,13 @@
1604
1608
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1605
1609
  margin-left: 0;
1606
1610
  }
1607
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1611
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1612
+ margin-right: 0;
1613
+ }
1608
1614
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1609
1615
  margin-right: 0;
1616
+ margin-left: 3px;
1610
1617
  }
1611
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1612
1618
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1613
1619
  margin-right: 3px;
1614
1620
  }
@@ -2779,6 +2785,12 @@
2779
2785
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
2780
2786
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
2781
2787
  }
2788
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2789
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2790
+ display: -webkit-box;
2791
+ display: -ms-flexbox;
2792
+ display: flex;
2793
+ }
2782
2794
  .e-contextmenu-wrapper ul.e-ul,
2783
2795
  .e-contextmenu-container ul.e-ul {
2784
2796
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -1830,6 +1830,9 @@
1830
1830
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1831
1831
  margin-right: 3px;
1832
1832
  }
1833
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1834
+ margin-left: 3px;
1835
+ }
1833
1836
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1834
1837
  padding: 0 12px 0 0;
1835
1838
  }
@@ -1860,6 +1863,7 @@
1860
1863
  }
1861
1864
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1862
1865
  margin-left: 0;
1866
+ margin-right: 3px;
1863
1867
  }
1864
1868
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1865
1869
  margin-left: 3px;
@@ -1867,11 +1871,13 @@
1867
1871
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1868
1872
  margin-left: 0;
1869
1873
  }
1870
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1874
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1875
+ margin-right: 0;
1876
+ }
1871
1877
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1872
1878
  margin-right: 0;
1879
+ margin-left: 3px;
1873
1880
  }
1874
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1875
1881
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1876
1882
  margin-right: 3px;
1877
1883
  }
@@ -3401,6 +3407,12 @@
3401
3407
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
3402
3408
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
3403
3409
  }
3410
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3411
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3412
+ display: -webkit-box;
3413
+ display: -ms-flexbox;
3414
+ display: flex;
3415
+ }
3404
3416
  .e-contextmenu-wrapper ul.e-ul,
3405
3417
  .e-contextmenu-container ul.e-ul {
3406
3418
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -1568,6 +1568,9 @@
1568
1568
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1569
1569
  margin-right: 3px;
1570
1570
  }
1571
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1572
+ margin-left: 3px;
1573
+ }
1571
1574
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1572
1575
  padding: 0 12px 0 0;
1573
1576
  }
@@ -1598,6 +1601,7 @@
1598
1601
  }
1599
1602
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1600
1603
  margin-left: 0;
1604
+ margin-right: 3px;
1601
1605
  }
1602
1606
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1603
1607
  margin-left: 3px;
@@ -1605,11 +1609,13 @@
1605
1609
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1606
1610
  margin-left: 0;
1607
1611
  }
1608
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1612
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1613
+ margin-right: 0;
1614
+ }
1609
1615
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1610
1616
  margin-right: 0;
1617
+ margin-left: 3px;
1611
1618
  }
1612
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1613
1619
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1614
1620
  margin-right: 3px;
1615
1621
  }
@@ -2780,6 +2786,12 @@
2780
2786
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
2781
2787
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
2782
2788
  }
2789
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2790
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2791
+ display: -webkit-box;
2792
+ display: -ms-flexbox;
2793
+ display: flex;
2794
+ }
2783
2795
  .e-contextmenu-wrapper ul.e-ul,
2784
2796
  .e-contextmenu-container ul.e-ul {
2785
2797
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -5535,7 +5547,7 @@
5535
5547
  color: #fff;
5536
5548
  }
5537
5549
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5538
- color: #333;
5550
+ color: #fff;
5539
5551
  }
5540
5552
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5541
5553
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
package/styles/fabric.css CHANGED
@@ -1831,6 +1831,9 @@
1831
1831
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1832
1832
  margin-right: 3px;
1833
1833
  }
1834
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1835
+ margin-left: 3px;
1836
+ }
1834
1837
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1835
1838
  padding: 0 12px 0 0;
1836
1839
  }
@@ -1861,6 +1864,7 @@
1861
1864
  }
1862
1865
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1863
1866
  margin-left: 0;
1867
+ margin-right: 3px;
1864
1868
  }
1865
1869
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1866
1870
  margin-left: 3px;
@@ -1868,11 +1872,13 @@
1868
1872
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1869
1873
  margin-left: 0;
1870
1874
  }
1871
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1875
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1876
+ margin-right: 0;
1877
+ }
1872
1878
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1873
1879
  margin-right: 0;
1880
+ margin-left: 3px;
1874
1881
  }
1875
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1876
1882
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1877
1883
  margin-right: 3px;
1878
1884
  }
@@ -3402,6 +3408,12 @@
3402
3408
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
3403
3409
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
3404
3410
  }
3411
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3412
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3413
+ display: -webkit-box;
3414
+ display: -ms-flexbox;
3415
+ display: flex;
3416
+ }
3405
3417
  .e-contextmenu-wrapper ul.e-ul,
3406
3418
  .e-contextmenu-container ul.e-ul {
3407
3419
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -6216,7 +6228,7 @@
6216
6228
  color: #fff;
6217
6229
  }
6218
6230
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6219
- color: #333;
6231
+ color: #fff;
6220
6232
  }
6221
6233
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6222
6234
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -1607,6 +1607,9 @@
1607
1607
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1608
1608
  margin-right: 8px;
1609
1609
  }
1610
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1611
+ margin-left: 8px;
1612
+ }
1610
1613
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1611
1614
  padding: 4px;
1612
1615
  }
@@ -1637,6 +1640,7 @@
1637
1640
  }
1638
1641
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1639
1642
  margin-left: 0;
1643
+ margin-right: 8px;
1640
1644
  }
1641
1645
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1642
1646
  margin-left: 8px;
@@ -1644,11 +1648,13 @@
1644
1648
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1645
1649
  margin-left: 0;
1646
1650
  }
1647
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1651
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1652
+ margin-right: 0;
1653
+ }
1648
1654
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1649
1655
  margin-right: 0;
1656
+ margin-left: 8px;
1650
1657
  }
1651
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1652
1658
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1653
1659
  margin-right: 8px;
1654
1660
  }
@@ -2819,6 +2825,12 @@
2819
2825
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2820
2826
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2821
2827
  }
2828
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2829
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2830
+ display: -webkit-box;
2831
+ display: -ms-flexbox;
2832
+ display: flex;
2833
+ }
2822
2834
  .e-contextmenu-wrapper ul.e-ul,
2823
2835
  .e-contextmenu-container ul.e-ul {
2824
2836
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -4582,13 +4594,13 @@
4582
4594
  padding: 0 12px;
4583
4595
  }
4584
4596
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
4585
- height: 32px;
4597
+ height: 44px;
4586
4598
  }
4587
4599
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
4588
- height: 32px;
4600
+ height: 44px;
4589
4601
  }
4590
4602
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
4591
- height: 32px;
4603
+ height: 44px;
4592
4604
  }
4593
4605
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
4594
4606
  height: 62px;
@@ -5566,18 +5578,18 @@
5566
5578
  color: #f3f2f1;
5567
5579
  }
5568
5580
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5569
- background: #252423;
5581
+ background: #0078d4;
5570
5582
  border-color: unset;
5571
5583
  }
5572
5584
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5573
- color: #c8c6c4;
5585
+ color: #1b1a19;
5574
5586
  }
5575
5587
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5576
- color: #f3f2f1;
5588
+ color: #1b1a19;
5577
5589
  }
5578
5590
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5579
5591
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5580
- color: #c8c6c4;
5592
+ color: #1b1a19;
5581
5593
  }
5582
5594
  .e-tab.e-background .e-tab-header {
5583
5595
  background: #0078d4;
@@ -1870,6 +1870,9 @@
1870
1870
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1871
1871
  margin-right: 8px;
1872
1872
  }
1873
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1874
+ margin-left: 8px;
1875
+ }
1873
1876
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1874
1877
  padding: 4px;
1875
1878
  }
@@ -1900,6 +1903,7 @@
1900
1903
  }
1901
1904
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1902
1905
  margin-left: 0;
1906
+ margin-right: 8px;
1903
1907
  }
1904
1908
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1905
1909
  margin-left: 8px;
@@ -1907,11 +1911,13 @@
1907
1911
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1908
1912
  margin-left: 0;
1909
1913
  }
1910
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1914
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1915
+ margin-right: 0;
1916
+ }
1911
1917
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1912
1918
  margin-right: 0;
1919
+ margin-left: 8px;
1913
1920
  }
1914
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1915
1921
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1916
1922
  margin-right: 8px;
1917
1923
  }
@@ -3441,6 +3447,12 @@
3441
3447
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3442
3448
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3443
3449
  }
3450
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3451
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3452
+ display: -webkit-box;
3453
+ display: -ms-flexbox;
3454
+ display: flex;
3455
+ }
3444
3456
  .e-contextmenu-wrapper ul.e-ul,
3445
3457
  .e-contextmenu-container ul.e-ul {
3446
3458
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -5250,13 +5262,13 @@
5250
5262
  padding: 0 12px;
5251
5263
  }
5252
5264
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
5253
- height: 32px;
5265
+ height: 44px;
5254
5266
  }
5255
5267
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
5256
- height: 32px;
5268
+ height: 44px;
5257
5269
  }
5258
5270
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
5259
- height: 32px;
5271
+ height: 44px;
5260
5272
  }
5261
5273
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
5262
5274
  height: 62px;
@@ -6234,18 +6246,18 @@
6234
6246
  color: #f3f2f1;
6235
6247
  }
6236
6248
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6237
- background: #252423;
6249
+ background: #0078d4;
6238
6250
  border-color: unset;
6239
6251
  }
6240
6252
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6241
- color: #c8c6c4;
6253
+ color: #1b1a19;
6242
6254
  }
6243
6255
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6244
- color: #f3f2f1;
6256
+ color: #1b1a19;
6245
6257
  }
6246
6258
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6247
6259
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6248
- color: #c8c6c4;
6260
+ color: #1b1a19;
6249
6261
  }
6250
6262
  .e-tab.e-background .e-tab-header {
6251
6263
  background: #0078d4;
@@ -1607,6 +1607,9 @@
1607
1607
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1608
1608
  margin-right: 8px;
1609
1609
  }
1610
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1611
+ margin-left: 8px;
1612
+ }
1610
1613
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1611
1614
  padding: 4px;
1612
1615
  }
@@ -1637,6 +1640,7 @@
1637
1640
  }
1638
1641
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1639
1642
  margin-left: 0;
1643
+ margin-right: 8px;
1640
1644
  }
1641
1645
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1642
1646
  margin-left: 8px;
@@ -1644,11 +1648,13 @@
1644
1648
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1645
1649
  margin-left: 0;
1646
1650
  }
1647
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1651
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1652
+ margin-right: 0;
1653
+ }
1648
1654
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1649
1655
  margin-right: 0;
1656
+ margin-left: 8px;
1650
1657
  }
1651
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1652
1658
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1653
1659
  margin-right: 8px;
1654
1660
  }
@@ -2819,6 +2825,12 @@
2819
2825
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2820
2826
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
2821
2827
  }
2828
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2829
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2830
+ display: -webkit-box;
2831
+ display: -ms-flexbox;
2832
+ display: flex;
2833
+ }
2822
2834
  .e-contextmenu-wrapper ul.e-ul,
2823
2835
  .e-contextmenu-container ul.e-ul {
2824
2836
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -4582,13 +4594,13 @@
4582
4594
  padding: 0 12px;
4583
4595
  }
4584
4596
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
4585
- height: 32px;
4597
+ height: 44px;
4586
4598
  }
4587
4599
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
4588
- height: 32px;
4600
+ height: 44px;
4589
4601
  }
4590
4602
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
4591
- height: 32px;
4603
+ height: 44px;
4592
4604
  }
4593
4605
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
4594
4606
  height: 62px;
@@ -5566,18 +5578,18 @@
5566
5578
  color: #201f1e;
5567
5579
  }
5568
5580
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5569
- background: #f3f2f1;
5581
+ background: #0078d4;
5570
5582
  border-color: unset;
5571
5583
  }
5572
5584
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5573
- color: #3b3a39;
5585
+ color: #fff;
5574
5586
  }
5575
5587
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5576
- color: #201f1e;
5588
+ color: #fff;
5577
5589
  }
5578
5590
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5579
5591
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5580
- color: #3b3a39;
5592
+ color: #fff;
5581
5593
  }
5582
5594
  .e-tab.e-background .e-tab-header {
5583
5595
  background: #0078d4;
package/styles/fluent.css CHANGED
@@ -1870,6 +1870,9 @@
1870
1870
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1871
1871
  margin-right: 8px;
1872
1872
  }
1873
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1874
+ margin-left: 8px;
1875
+ }
1873
1876
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1874
1877
  padding: 4px;
1875
1878
  }
@@ -1900,6 +1903,7 @@
1900
1903
  }
1901
1904
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1902
1905
  margin-left: 0;
1906
+ margin-right: 8px;
1903
1907
  }
1904
1908
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1905
1909
  margin-left: 8px;
@@ -1907,11 +1911,13 @@
1907
1911
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1908
1912
  margin-left: 0;
1909
1913
  }
1910
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1914
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1915
+ margin-right: 0;
1916
+ }
1911
1917
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1912
1918
  margin-right: 0;
1919
+ margin-left: 8px;
1913
1920
  }
1914
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1915
1921
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1916
1922
  margin-right: 8px;
1917
1923
  }
@@ -3441,6 +3447,12 @@
3441
3447
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3442
3448
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3443
3449
  }
3450
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3451
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3452
+ display: -webkit-box;
3453
+ display: -ms-flexbox;
3454
+ display: flex;
3455
+ }
3444
3456
  .e-contextmenu-wrapper ul.e-ul,
3445
3457
  .e-contextmenu-container ul.e-ul {
3446
3458
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -5250,13 +5262,13 @@
5250
5262
  padding: 0 12px;
5251
5263
  }
5252
5264
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
5253
- height: 32px;
5265
+ height: 44px;
5254
5266
  }
5255
5267
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
5256
- height: 32px;
5268
+ height: 44px;
5257
5269
  }
5258
5270
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
5259
- height: 32px;
5271
+ height: 44px;
5260
5272
  }
5261
5273
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
5262
5274
  height: 62px;
@@ -6234,18 +6246,18 @@
6234
6246
  color: #201f1e;
6235
6247
  }
6236
6248
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6237
- background: #f3f2f1;
6249
+ background: #0078d4;
6238
6250
  border-color: unset;
6239
6251
  }
6240
6252
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6241
- color: #3b3a39;
6253
+ color: #fff;
6242
6254
  }
6243
6255
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6244
- color: #201f1e;
6256
+ color: #fff;
6245
6257
  }
6246
6258
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6247
6259
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6248
- color: #3b3a39;
6260
+ color: #fff;
6249
6261
  }
6250
6262
  .e-tab.e-background .e-tab-header {
6251
6263
  background: #0078d4;
@@ -1661,6 +1661,9 @@
1661
1661
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1662
1662
  margin-right: 8px;
1663
1663
  }
1664
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1665
+ margin-left: 8px;
1666
+ }
1664
1667
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1665
1668
  padding: 8px 4px;
1666
1669
  }
@@ -1691,6 +1694,7 @@
1691
1694
  }
1692
1695
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1693
1696
  margin-left: 0;
1697
+ margin-right: 8px;
1694
1698
  }
1695
1699
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1696
1700
  margin-left: 8px;
@@ -1698,11 +1702,13 @@
1698
1702
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1699
1703
  margin-left: 0;
1700
1704
  }
1701
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1705
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1706
+ margin-right: 0;
1707
+ }
1702
1708
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1703
1709
  margin-right: 0;
1710
+ margin-left: 8px;
1704
1711
  }
1705
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1706
1712
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1707
1713
  margin-right: 8px;
1708
1714
  }
@@ -2925,6 +2931,12 @@
2925
2931
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
2926
2932
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
2927
2933
  }
2934
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2935
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2936
+ display: -webkit-box;
2937
+ display: -ms-flexbox;
2938
+ display: flex;
2939
+ }
2928
2940
  .e-contextmenu-wrapper ul.e-ul,
2929
2941
  .e-contextmenu-container ul.e-ul {
2930
2942
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -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: 8px 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
  }
@@ -3565,6 +3571,12 @@
3565
3571
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3566
3572
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
3567
3573
  }
3574
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3575
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3576
+ display: -webkit-box;
3577
+ display: -ms-flexbox;
3578
+ display: flex;
3579
+ }
3568
3580
  .e-contextmenu-wrapper ul.e-ul,
3569
3581
  .e-contextmenu-container ul.e-ul {
3570
3582
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;