@syncfusion/ej2-navigations 20.3.56 → 20.3.58

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 (60) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +46 -22
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +46 -22
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/carousel/carousel.js +8 -3
  14. package/src/treeview/treeview.js +38 -19
  15. package/styles/bootstrap-dark.css +97 -102
  16. package/styles/bootstrap.css +97 -102
  17. package/styles/bootstrap4.css +97 -102
  18. package/styles/bootstrap5-dark.css +97 -102
  19. package/styles/bootstrap5.css +97 -102
  20. package/styles/fabric-dark.css +108 -108
  21. package/styles/fabric.css +108 -108
  22. package/styles/fluent-dark.css +97 -101
  23. package/styles/fluent.css +97 -101
  24. package/styles/highcontrast-light.css +108 -108
  25. package/styles/highcontrast.css +108 -108
  26. package/styles/material-dark.css +95 -95
  27. package/styles/material.css +95 -95
  28. package/styles/pager/bootstrap-dark.css +9 -9
  29. package/styles/pager/bootstrap.css +9 -9
  30. package/styles/pager/bootstrap4.css +9 -9
  31. package/styles/pager/bootstrap5-dark.css +9 -9
  32. package/styles/pager/bootstrap5.css +9 -9
  33. package/styles/pager/fabric-dark.css +9 -9
  34. package/styles/pager/fabric.css +9 -9
  35. package/styles/pager/fluent-dark.css +9 -9
  36. package/styles/pager/fluent.css +9 -9
  37. package/styles/pager/highcontrast-light.css +9 -9
  38. package/styles/pager/highcontrast.css +9 -9
  39. package/styles/pager/material-dark.css +9 -9
  40. package/styles/pager/material.css +9 -9
  41. package/styles/pager/tailwind-dark.css +9 -9
  42. package/styles/pager/tailwind.css +9 -9
  43. package/styles/tab/_layout.scss +6 -19
  44. package/styles/tab/bootstrap-dark.css +88 -93
  45. package/styles/tab/bootstrap.css +88 -93
  46. package/styles/tab/bootstrap4.css +88 -93
  47. package/styles/tab/bootstrap5-dark.css +88 -93
  48. package/styles/tab/bootstrap5.css +88 -93
  49. package/styles/tab/fabric-dark.css +99 -99
  50. package/styles/tab/fabric.css +99 -99
  51. package/styles/tab/fluent-dark.css +88 -92
  52. package/styles/tab/fluent.css +88 -92
  53. package/styles/tab/highcontrast-light.css +99 -99
  54. package/styles/tab/highcontrast.css +99 -99
  55. package/styles/tab/material-dark.css +86 -86
  56. package/styles/tab/material.css +86 -86
  57. package/styles/tab/tailwind-dark.css +86 -86
  58. package/styles/tab/tailwind.css +86 -86
  59. package/styles/tailwind-dark.css +95 -95
  60. package/styles/tailwind.css +95 -95
@@ -96,15 +96,15 @@
96
96
  }
97
97
  @media (max-width: 769px) {
98
98
  .e-bigger .e-pager,
99
- .e-pager.e-bigger {
99
+ .e-pager.e-bigger {
100
100
  padding: 19px 0;
101
101
  }
102
102
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
103
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
103
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
104
104
  margin-right: 0;
105
105
  }
106
106
  .e-bigger .e-pager div.e-parentmsgbar,
107
- .e-pager.e-bigger div.e-parentmsgbar {
107
+ .e-pager.e-bigger div.e-parentmsgbar {
108
108
  padding: 0;
109
109
  }
110
110
  }
@@ -458,9 +458,9 @@
458
458
  font-size: 11px;
459
459
  }
460
460
  .e-pager .e-mfirst,
461
- .e-pager .e-mprev,
462
- .e-pager .e-mnext,
463
- .e-pager .e-mlast {
461
+ .e-pager .e-mprev,
462
+ .e-pager .e-mnext,
463
+ .e-pager .e-mlast {
464
464
  border: 0;
465
465
  box-sizing: border-box;
466
466
  display: inline-block;
@@ -576,9 +576,9 @@
576
576
  }
577
577
  @media (max-width: 769px) {
578
578
  .e-pager.e-rtl .e-mfirst,
579
- .e-pager.e-rtl .e-mprev,
580
- .e-pager.e-rtl .e-mnext,
581
- .e-pager.e-rtl .e-mlast {
579
+ .e-pager.e-rtl .e-mprev,
580
+ .e-pager.e-rtl .e-mnext,
581
+ .e-pager.e-rtl .e-mlast {
582
582
  border: 0;
583
583
  }
584
584
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
@@ -3450,8 +3450,6 @@
3450
3450
  .e-tab.e-bigger .e-tab-header .e-toolbar-items {
3451
3451
  height: auto;
3452
3452
  min-height: auto;
3453
- height: 42px;
3454
- min-height: 42px;
3455
3453
  }
3456
3454
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
3457
3455
  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -3460,8 +3458,8 @@
3460
3458
  }
3461
3459
  @media screen and (max-width: 480px) {
3462
3460
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
3463
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3464
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3461
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3462
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3465
3463
  margin: 0;
3466
3464
  }
3467
3465
  }
@@ -3471,7 +3469,7 @@
3471
3469
  }
3472
3470
  @media screen and (max-width: 480px) {
3473
3471
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
3474
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3472
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3475
3473
  margin: 0 2px 0 0;
3476
3474
  }
3477
3475
  }
@@ -3485,7 +3483,7 @@
3485
3483
  }
3486
3484
  @media screen and (max-width: 480px) {
3487
3485
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
3488
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3486
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3489
3487
  margin: 0 2px 0 0;
3490
3488
  }
3491
3489
  }
@@ -3509,7 +3507,7 @@
3509
3507
  }
3510
3508
  @media screen and (max-width: 480px) {
3511
3509
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
3512
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3510
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3513
3511
  margin: 0;
3514
3512
  }
3515
3513
  }
@@ -3526,7 +3524,7 @@
3526
3524
  }
3527
3525
  @media screen and (max-width: 480px) {
3528
3526
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
3529
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3527
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3530
3528
  padding: 0 15px;
3531
3529
  }
3532
3530
  }
@@ -3545,7 +3543,7 @@
3545
3543
  }
3546
3544
  @media screen and (max-width: 480px) {
3547
3545
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
3548
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3546
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3549
3547
  margin: 0 2px 0 0;
3550
3548
  }
3551
3549
  }
@@ -3575,7 +3573,7 @@
3575
3573
  }
3576
3574
  @media screen and (max-width: 480px) {
3577
3575
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3578
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3576
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3579
3577
  margin: 0 0 0 8px;
3580
3578
  }
3581
3579
  }
@@ -3587,9 +3585,9 @@
3587
3585
  }
3588
3586
  @media screen and (max-width: 480px) {
3589
3587
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3590
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3591
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3592
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3588
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3589
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3590
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3593
3591
  font-size: 12px;
3594
3592
  }
3595
3593
  }
@@ -3616,7 +3614,7 @@
3616
3614
  }
3617
3615
  @media screen and (max-width: 480px) {
3618
3616
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
3619
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3617
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3620
3618
  margin: 0 0 0 10px;
3621
3619
  }
3622
3620
  }
@@ -3676,7 +3674,7 @@
3676
3674
  }
3677
3675
  @media screen and (max-width: 480px) {
3678
3676
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
3679
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
3677
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
3680
3678
  padding: 0 24px;
3681
3679
  }
3682
3680
  }
@@ -3690,7 +3688,7 @@
3690
3688
  }
3691
3689
  @media screen and (max-width: 480px) {
3692
3690
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
3693
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
3691
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
3694
3692
  padding-right: 0;
3695
3693
  }
3696
3694
  }
@@ -3714,8 +3712,8 @@
3714
3712
  }
3715
3713
  @media screen and (max-width: 480px) {
3716
3714
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
3717
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
3718
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
3715
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
3716
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
3719
3717
  min-height: 50px;
3720
3718
  }
3721
3719
  }
@@ -3728,10 +3726,10 @@
3728
3726
  }
3729
3727
  @media screen and (max-width: 480px) {
3730
3728
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
3731
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
3732
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
3733
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
3734
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
3729
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
3730
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
3731
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
3732
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
3735
3733
  height: 50px;
3736
3734
  }
3737
3735
  }
@@ -3744,8 +3742,8 @@
3744
3742
  }
3745
3743
  @media screen and (max-width: 480px) {
3746
3744
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
3747
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
3748
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
3745
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
3746
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
3749
3747
  margin: 0;
3750
3748
  padding-left: 0;
3751
3749
  padding-right: 0;
@@ -3759,7 +3757,7 @@
3759
3757
  }
3760
3758
  @media screen and (max-width: 480px) {
3761
3759
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
3762
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
3760
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
3763
3761
  padding: 0;
3764
3762
  }
3765
3763
  }
@@ -3780,7 +3778,7 @@
3780
3778
  }
3781
3779
  @media screen and (max-width: 480px) {
3782
3780
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
3783
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
3781
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
3784
3782
  font-size: 12px;
3785
3783
  height: 38px;
3786
3784
  line-height: 38px;
@@ -3804,7 +3802,7 @@
3804
3802
  }
3805
3803
  @media screen and (max-width: 480px) {
3806
3804
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
3807
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
3805
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
3808
3806
  padding: 0;
3809
3807
  }
3810
3808
  }
@@ -3819,9 +3817,9 @@
3819
3817
  }
3820
3818
  @media screen and (max-width: 480px) {
3821
3819
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
3822
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3823
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
3824
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
3820
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3821
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
3822
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
3825
3823
  font-size: 12px;
3826
3824
  height: 38px;
3827
3825
  line-height: 38px;
@@ -3839,9 +3837,9 @@
3839
3837
  }
3840
3838
  @media screen and (max-width: 480px) {
3841
3839
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3842
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3843
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3844
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3840
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3841
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3842
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3845
3843
  font-size: 16px;
3846
3844
  }
3847
3845
  }
@@ -3910,7 +3908,7 @@
3910
3908
  }
3911
3909
  @media screen and (max-width: 480px) {
3912
3910
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
3913
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3911
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3914
3912
  margin: 0 2px 0 0;
3915
3913
  }
3916
3914
  }
@@ -3939,7 +3937,7 @@
3939
3937
  }
3940
3938
  @media screen and (max-width: 480px) {
3941
3939
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
3942
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3940
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3943
3941
  margin: 0 2px 0 0;
3944
3942
  }
3945
3943
  }
@@ -3987,7 +3985,7 @@
3987
3985
  }
3988
3986
  @media screen and (max-width: 480px) {
3989
3987
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
3990
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
3988
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
3991
3989
  bottom: 0;
3992
3990
  top: 0;
3993
3991
  }
@@ -4047,28 +4045,28 @@
4047
4045
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
4048
4046
  height: auto;
4049
4047
  }
4050
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
4051
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
4048
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
4049
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
4052
4050
  height: 72px;
4053
4051
  min-height: 72px;
4054
4052
  }
4055
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
4056
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
4053
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
4054
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
4057
4055
  height: 72px;
4058
4056
  }
4059
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
4060
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
4057
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
4058
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
4061
4059
  height: 72px;
4062
4060
  }
4063
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
4064
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
4061
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
4062
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
4065
4063
  height: 72px;
4066
4064
  }
4067
4065
  @media screen and (max-width: 480px) {
4068
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4069
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
4070
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4071
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4066
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4067
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
4068
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4069
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4072
4070
  font-size: 12px;
4073
4071
  }
4074
4072
  }
@@ -4208,7 +4206,7 @@
4208
4206
  }
4209
4207
  @media screen and (max-width: 480px) {
4210
4208
  .e-bigger .e-tab.e-fill .e-tab-header,
4211
- .e-tab.e-bigger.e-fill .e-tab-header {
4209
+ .e-tab.e-bigger.e-fill .e-tab-header {
4212
4210
  height: 42px;
4213
4211
  min-height: 42px;
4214
4212
  }
@@ -4220,7 +4218,7 @@
4220
4218
  }
4221
4219
  @media screen and (max-width: 480px) {
4222
4220
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
4223
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4221
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4224
4222
  min-height: 42px;
4225
4223
  }
4226
4224
  }
@@ -4239,7 +4237,7 @@
4239
4237
  }
4240
4238
  @media screen and (max-width: 480px) {
4241
4239
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
4242
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4240
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4243
4241
  height: 42px;
4244
4242
  min-height: 42px;
4245
4243
  }
@@ -4257,7 +4255,7 @@
4257
4255
  }
4258
4256
  @media screen and (max-width: 480px) {
4259
4257
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
4260
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4258
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4261
4259
  height: 42px;
4262
4260
  padding: 0 20px;
4263
4261
  }
@@ -4268,7 +4266,7 @@
4268
4266
  }
4269
4267
  @media screen and (max-width: 480px) {
4270
4268
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
4271
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4269
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4272
4270
  height: 42px;
4273
4271
  }
4274
4272
  }
@@ -4286,7 +4284,7 @@
4286
4284
  }
4287
4285
  @media screen and (max-width: 480px) {
4288
4286
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
4289
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4287
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4290
4288
  height: 42px;
4291
4289
  }
4292
4290
  }
@@ -4297,8 +4295,8 @@
4297
4295
  }
4298
4296
  @media screen and (max-width: 480px) {
4299
4297
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
4300
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4301
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4298
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4299
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4302
4300
  height: 42px;
4303
4301
  }
4304
4302
  }
@@ -4353,8 +4351,8 @@
4353
4351
  }
4354
4352
  @media screen and (max-width: 480px) {
4355
4353
  .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
4356
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4357
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4354
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4355
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4358
4356
  height: auto;
4359
4357
  }
4360
4358
  }
@@ -4362,8 +4360,8 @@
4362
4360
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
4363
4361
  margin: 0 0 0 2px;
4364
4362
  }
4365
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
4366
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
4363
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
4364
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
4367
4365
  height: 70px;
4368
4366
  min-height: 70px;
4369
4367
  }
@@ -4380,7 +4378,7 @@
4380
4378
  }
4381
4379
  @media screen and (max-width: 480px) {
4382
4380
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
4383
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4381
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4384
4382
  padding: 0 20px;
4385
4383
  }
4386
4384
  }
@@ -4420,7 +4418,7 @@
4420
4418
  }
4421
4419
  @media screen and (max-width: 480px) {
4422
4420
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
4423
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4421
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4424
4422
  margin: 0 10px 0 0;
4425
4423
  }
4426
4424
  }
@@ -4430,7 +4428,7 @@
4430
4428
  }
4431
4429
  @media screen and (max-width: 480px) {
4432
4430
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
4433
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4431
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4434
4432
  margin: 0 8px 0 0;
4435
4433
  }
4436
4434
  }
@@ -4458,7 +4456,7 @@
4458
4456
  }
4459
4457
  @media screen and (max-width: 480px) {
4460
4458
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
4461
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4459
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4462
4460
  padding-left: 0;
4463
4461
  }
4464
4462
  }
@@ -4481,8 +4479,8 @@
4481
4479
  }
4482
4480
  @media screen and (max-width: 480px) {
4483
4481
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
4484
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4485
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4482
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4483
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4486
4484
  margin: 0;
4487
4485
  padding-left: 0;
4488
4486
  padding-right: 0;
@@ -4553,13 +4551,10 @@
4553
4551
  margin: 0;
4554
4552
  min-height: 32px;
4555
4553
  position: relative;
4556
- height: 32px;
4557
- min-height: 32px;
4558
4554
  }
4559
4555
  @media screen and (max-width: 480px) {
4560
4556
  .e-tab .e-tab-header .e-toolbar-items {
4561
4557
  min-height: 42px;
4562
- height: 42px;
4563
4558
  }
4564
4559
  }
4565
4560
  .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
@@ -4724,7 +4719,7 @@
4724
4719
  }
4725
4720
  @media screen and (max-width: 480px) {
4726
4721
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
4727
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4722
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4728
4723
  font-size: 12px;
4729
4724
  }
4730
4725
  }
@@ -4751,7 +4746,7 @@
4751
4746
  }
4752
4747
  @media screen and (max-width: 480px) {
4753
4748
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
4754
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
4749
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
4755
4750
  font-size: 20px;
4756
4751
  }
4757
4752
  }
@@ -5046,7 +5041,7 @@
5046
5041
  }
5047
5042
  @media screen and (max-width: 480px) {
5048
5043
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
5049
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5044
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
5050
5045
  font-size: 12px;
5051
5046
  height: 38px;
5052
5047
  line-height: 38px;
@@ -5063,7 +5058,7 @@
5063
5058
  }
5064
5059
  @media screen and (max-width: 480px) {
5065
5060
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5066
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5061
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5067
5062
  font-size: 16px;
5068
5063
  }
5069
5064
  }
@@ -5079,7 +5074,7 @@
5079
5074
  }
5080
5075
  @media screen and (max-width: 480px) {
5081
5076
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
5082
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5077
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
5083
5078
  line-height: 43px;
5084
5079
  }
5085
5080
  }
@@ -5115,7 +5110,7 @@
5115
5110
  }
5116
5111
  @media screen and (max-width: 480px) {
5117
5112
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
5118
- .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5113
+ .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
5119
5114
  line-height: 43px;
5120
5115
  }
5121
5116
  }
@@ -5309,7 +5304,7 @@
5309
5304
  }
5310
5305
  @media screen and (max-width: 480px) {
5311
5306
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
5312
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5307
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5313
5308
  font-size: 16px;
5314
5309
  }
5315
5310
  }
@@ -5376,38 +5371,38 @@
5376
5371
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
5377
5372
  width: 100%;
5378
5373
  }
5379
- .e-tab.e-vertical-icon .e-tab-header {
5374
+ .e-tab.e-vertical-icon > .e-tab-header {
5380
5375
  height: 62px;
5381
5376
  min-height: 62px;
5382
5377
  }
5383
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5384
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5378
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5379
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5385
5380
  display: none;
5386
5381
  }
5387
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
5382
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
5388
5383
  height: 62px;
5389
5384
  }
5390
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
5385
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
5391
5386
  height: 62px;
5392
5387
  }
5393
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
5388
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
5394
5389
  height: 62px;
5395
5390
  }
5396
5391
  @media screen and (max-width: 480px) {
5397
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5398
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5392
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5393
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5399
5394
  font-size: 12px;
5400
5395
  }
5401
5396
  }
5402
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5403
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5397
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5398
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5404
5399
  display: none;
5405
5400
  }
5406
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5407
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5401
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5402
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5408
5403
  position: relative;
5409
5404
  }
5410
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
5405
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
5411
5406
  height: 16px;
5412
5407
  }
5413
5408
  .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
@@ -5733,7 +5728,7 @@
5733
5728
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
5734
5729
  margin: 0 0 0 2px;
5735
5730
  }
5736
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
5731
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
5737
5732
  height: 60px;
5738
5733
  min-height: 60px;
5739
5734
  }
@@ -5934,7 +5929,7 @@
5934
5929
  }
5935
5930
  @media screen and (max-width: 480px) {
5936
5931
  .e-tab-clone-element .e-close-icon,
5937
- .e-tab-clone-element .e-close-icon::before {
5932
+ .e-tab-clone-element .e-close-icon::before {
5938
5933
  font-size: 12px;
5939
5934
  }
5940
5935
  }
@@ -5961,7 +5956,7 @@
5961
5956
  }
5962
5957
  @media screen and (max-width: 480px) {
5963
5958
  .e-tab-clone-element .e-tab-icon,
5964
- .e-tab-clone-element .e-tab-icon::before {
5959
+ .e-tab-clone-element .e-tab-icon::before {
5965
5960
  font-size: 20px;
5966
5961
  }
5967
5962
  }
@@ -6113,7 +6108,7 @@
6113
6108
  }
6114
6109
  @media screen and (max-width: 480px) {
6115
6110
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
6116
- .e-bigger .e-tab-clone-element .e-close-icon::before {
6111
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
6117
6112
  font-size: 12px;
6118
6113
  }
6119
6114
  }