@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
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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;
@@ -825,7 +825,7 @@
825
825
  .e-bigger .e-treeview .e-icon-expandable::before,
826
826
  .e-treeview.e-bigger .e-icon-collapsible::before,
827
827
  .e-treeview.e-bigger .e-icon-expandable::before {
828
- padding: 0;
828
+ padding: 0 6px;
829
829
  }
830
830
  .e-bigger .e-treeview.e-rtl .e-ul,
831
831
  .e-treeview.e-bigger.e-rtl .e-ul {
@@ -827,7 +827,7 @@
827
827
  .e-bigger .e-treeview .e-icon-expandable::before,
828
828
  .e-treeview.e-bigger .e-icon-collapsible::before,
829
829
  .e-treeview.e-bigger .e-icon-expandable::before {
830
- padding: 0;
830
+ padding: 0 6px;
831
831
  }
832
832
  .e-bigger .e-treeview.e-rtl .e-ul,
833
833
  .e-treeview.e-bigger.e-rtl .e-ul {