@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
package/styles/fabric.css CHANGED
@@ -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
  }
@@ -425,9 +425,9 @@
425
425
  font-size: 11px;
426
426
  }
427
427
  .e-pager .e-mfirst,
428
- .e-pager .e-mprev,
429
- .e-pager .e-mnext,
430
- .e-pager .e-mlast {
428
+ .e-pager .e-mprev,
429
+ .e-pager .e-mnext,
430
+ .e-pager .e-mlast {
431
431
  border: 0;
432
432
  box-sizing: border-box;
433
433
  display: inline-block;
@@ -542,9 +542,9 @@
542
542
  }
543
543
  @media (max-width: 769px) {
544
544
  .e-pager.e-rtl .e-mfirst,
545
- .e-pager.e-rtl .e-mprev,
546
- .e-pager.e-rtl .e-mnext,
547
- .e-pager.e-rtl .e-mlast {
545
+ .e-pager.e-rtl .e-mprev,
546
+ .e-pager.e-rtl .e-mnext,
547
+ .e-pager.e-rtl .e-mlast {
548
548
  border: 0;
549
549
  }
550
550
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
@@ -3336,8 +3336,8 @@
3336
3336
  }
3337
3337
  @media screen and (max-width: 480px) {
3338
3338
  .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,
3339
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3340
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3339
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
3340
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3341
3341
  margin: 0 8px 0 0;
3342
3342
  }
3343
3343
  }
@@ -3347,7 +3347,7 @@
3347
3347
  }
3348
3348
  @media screen and (max-width: 480px) {
3349
3349
  .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
3350
- .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3350
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
3351
3351
  margin: 0;
3352
3352
  }
3353
3353
  }
@@ -3357,7 +3357,7 @@
3357
3357
  }
3358
3358
  @media screen and (max-width: 480px) {
3359
3359
  .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
3360
- .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3360
+ .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
3361
3361
  margin: 0;
3362
3362
  }
3363
3363
  }
@@ -3379,7 +3379,7 @@
3379
3379
  }
3380
3380
  @media screen and (max-width: 480px) {
3381
3381
  .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
3382
- .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3382
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
3383
3383
  margin: 0 8px 0 0;
3384
3384
  }
3385
3385
  }
@@ -3396,7 +3396,7 @@
3396
3396
  }
3397
3397
  @media screen and (max-width: 480px) {
3398
3398
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
3399
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3399
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
3400
3400
  padding: 0 8px;
3401
3401
  }
3402
3402
  }
@@ -3419,7 +3419,7 @@
3419
3419
  }
3420
3420
  @media screen and (max-width: 480px) {
3421
3421
  .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
3422
- .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3422
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
3423
3423
  margin: 0 8px 0 0;
3424
3424
  }
3425
3425
  }
@@ -3447,7 +3447,7 @@
3447
3447
  }
3448
3448
  @media screen and (max-width: 480px) {
3449
3449
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3450
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3450
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
3451
3451
  margin: 0 0 0 8px;
3452
3452
  }
3453
3453
  }
@@ -3459,9 +3459,9 @@
3459
3459
  }
3460
3460
  @media screen and (max-width: 480px) {
3461
3461
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3462
- .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3463
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3464
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3462
+ .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
3463
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
3464
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
3465
3465
  font-size: 12px;
3466
3466
  }
3467
3467
  }
@@ -3487,7 +3487,7 @@
3487
3487
  }
3488
3488
  @media screen and (max-width: 480px) {
3489
3489
  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
3490
- .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3490
+ .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
3491
3491
  margin: 0 0 0 8px;
3492
3492
  }
3493
3493
  }
@@ -3557,7 +3557,7 @@
3557
3557
  }
3558
3558
  @media screen and (max-width: 480px) {
3559
3559
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
3560
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
3560
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
3561
3561
  padding: 0 12px;
3562
3562
  }
3563
3563
  }
@@ -3572,7 +3572,7 @@
3572
3572
  }
3573
3573
  @media screen and (max-width: 480px) {
3574
3574
  .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
3575
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
3575
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
3576
3576
  padding-right: 0;
3577
3577
  }
3578
3578
  }
@@ -3596,8 +3596,8 @@
3596
3596
  }
3597
3597
  @media screen and (max-width: 480px) {
3598
3598
  .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),
3599
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
3600
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
3599
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
3600
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
3601
3601
  min-height: 50px;
3602
3602
  }
3603
3603
  }
@@ -3610,10 +3610,10 @@
3610
3610
  }
3611
3611
  @media screen and (max-width: 480px) {
3612
3612
  .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,
3613
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
3614
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
3615
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
3616
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
3613
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
3614
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
3615
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
3616
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
3617
3617
  height: 50px;
3618
3618
  }
3619
3619
  }
@@ -3626,8 +3626,8 @@
3626
3626
  }
3627
3627
  @media screen and (max-width: 480px) {
3628
3628
  .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,
3629
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
3630
- .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
3629
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
3630
+ .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
3631
3631
  margin: 0;
3632
3632
  padding-left: 0;
3633
3633
  padding-right: 0;
@@ -3641,7 +3641,7 @@
3641
3641
  }
3642
3642
  @media screen and (max-width: 480px) {
3643
3643
  .e-bigger .e-tab .e-tab-header .e-scroll-nav,
3644
- .e-tab.e-bigger .e-tab-header .e-scroll-nav {
3644
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav {
3645
3645
  padding: 0 8px;
3646
3646
  }
3647
3647
  }
@@ -3662,7 +3662,7 @@
3662
3662
  }
3663
3663
  @media screen and (max-width: 480px) {
3664
3664
  .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
3665
- .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
3665
+ .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
3666
3666
  font-size: 14px;
3667
3667
  height: 32px;
3668
3668
  line-height: 32px;
@@ -3686,7 +3686,7 @@
3686
3686
  }
3687
3687
  @media screen and (max-width: 480px) {
3688
3688
  .e-bigger .e-tab .e-tab-header .e-hor-nav,
3689
- .e-tab.e-bigger .e-tab-header .e-hor-nav {
3689
+ .e-tab.e-bigger .e-tab-header .e-hor-nav {
3690
3690
  padding: 0 8px;
3691
3691
  }
3692
3692
  }
@@ -3701,9 +3701,9 @@
3701
3701
  }
3702
3702
  @media screen and (max-width: 480px) {
3703
3703
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
3704
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3705
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
3706
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
3704
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
3705
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
3706
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
3707
3707
  font-size: 14px;
3708
3708
  height: 32px;
3709
3709
  line-height: 32px;
@@ -3721,9 +3721,9 @@
3721
3721
  }
3722
3722
  @media screen and (max-width: 480px) {
3723
3723
  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3724
- .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3725
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3726
- .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3724
+ .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3725
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3726
+ .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3727
3727
  font-size: 16px;
3728
3728
  }
3729
3729
  }
@@ -3770,7 +3770,7 @@
3770
3770
  }
3771
3771
  @media screen and (max-width: 480px) {
3772
3772
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
3773
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3773
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
3774
3774
  margin: 0 8px 0 0;
3775
3775
  }
3776
3776
  }
@@ -3785,7 +3785,7 @@
3785
3785
  }
3786
3786
  @media screen and (max-width: 480px) {
3787
3787
  .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
3788
- .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3788
+ .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
3789
3789
  margin: 0;
3790
3790
  }
3791
3791
  }
@@ -3836,7 +3836,7 @@
3836
3836
  }
3837
3837
  @media screen and (max-width: 480px) {
3838
3838
  .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
3839
- .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
3839
+ .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
3840
3840
  bottom: 0;
3841
3841
  top: 0;
3842
3842
  }
@@ -3901,35 +3901,35 @@
3901
3901
  .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
3902
3902
  height: auto;
3903
3903
  }
3904
- .e-bigger .e-tab.e-vertical-icon .e-tab-header,
3905
- .e-tab.e-bigger.e-vertical-icon .e-tab-header {
3904
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header,
3905
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header {
3906
3906
  height: 72px;
3907
3907
  min-height: 72px;
3908
3908
  }
3909
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
3910
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
3909
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
3910
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
3911
3911
  height: 72px;
3912
3912
  }
3913
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
3914
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
3915
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
3916
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
3913
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
3914
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before,
3915
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
3916
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
3917
3917
  bottom: -10px;
3918
3918
  top: auto;
3919
3919
  }
3920
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
3921
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
3920
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
3921
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
3922
3922
  height: 72px;
3923
3923
  }
3924
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
3925
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
3924
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
3925
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
3926
3926
  height: 72px;
3927
3927
  }
3928
3928
  @media screen and (max-width: 480px) {
3929
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3930
- .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3931
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3932
- .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3929
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3930
+ .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
3931
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
3932
+ .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
3933
3933
  font-size: 12px;
3934
3934
  }
3935
3935
  }
@@ -4060,7 +4060,7 @@
4060
4060
  }
4061
4061
  @media screen and (max-width: 480px) {
4062
4062
  .e-bigger .e-tab.e-fill .e-tab-header,
4063
- .e-tab.e-bigger.e-fill .e-tab-header {
4063
+ .e-tab.e-bigger.e-fill .e-tab-header {
4064
4064
  height: 48px;
4065
4065
  min-height: 48px;
4066
4066
  }
@@ -4072,7 +4072,7 @@
4072
4072
  }
4073
4073
  @media screen and (max-width: 480px) {
4074
4074
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
4075
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4075
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
4076
4076
  min-height: 48px;
4077
4077
  }
4078
4078
  }
@@ -4091,7 +4091,7 @@
4091
4091
  }
4092
4092
  @media screen and (max-width: 480px) {
4093
4093
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
4094
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4094
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
4095
4095
  height: 48px;
4096
4096
  min-height: 48px;
4097
4097
  }
@@ -4109,7 +4109,7 @@
4109
4109
  }
4110
4110
  @media screen and (max-width: 480px) {
4111
4111
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
4112
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4112
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
4113
4113
  height: 48px;
4114
4114
  padding: 0 10px;
4115
4115
  }
@@ -4121,7 +4121,7 @@
4121
4121
  }
4122
4122
  @media screen and (max-width: 480px) {
4123
4123
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
4124
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4124
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
4125
4125
  height: 48px;
4126
4126
  }
4127
4127
  }
@@ -4140,7 +4140,7 @@
4140
4140
  }
4141
4141
  @media screen and (max-width: 480px) {
4142
4142
  .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
4143
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4143
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
4144
4144
  height: 48px;
4145
4145
  }
4146
4146
  }
@@ -4152,8 +4152,8 @@
4152
4152
  }
4153
4153
  @media screen and (max-width: 480px) {
4154
4154
  .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,
4155
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4156
- .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4155
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
4156
+ .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
4157
4157
  height: 48px;
4158
4158
  }
4159
4159
  }
@@ -4218,8 +4218,8 @@
4218
4218
  }
4219
4219
  @media screen and (max-width: 480px) {
4220
4220
  .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,
4221
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4222
- .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4221
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
4222
+ .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
4223
4223
  height: auto;
4224
4224
  }
4225
4225
  }
@@ -4231,8 +4231,8 @@
4231
4231
  .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
4232
4232
  margin: 0;
4233
4233
  }
4234
- .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
4235
- .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
4234
+ .e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
4235
+ .e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
4236
4236
  height: 70px;
4237
4237
  min-height: 70px;
4238
4238
  }
@@ -4253,7 +4253,7 @@
4253
4253
  }
4254
4254
  @media screen and (max-width: 480px) {
4255
4255
  .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
4256
- .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4256
+ .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
4257
4257
  padding: 0 12px;
4258
4258
  }
4259
4259
  }
@@ -4294,7 +4294,7 @@
4294
4294
  }
4295
4295
  @media screen and (max-width: 480px) {
4296
4296
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
4297
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4297
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
4298
4298
  margin: 0 8px 0 0;
4299
4299
  }
4300
4300
  }
@@ -4304,7 +4304,7 @@
4304
4304
  }
4305
4305
  @media screen and (max-width: 480px) {
4306
4306
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
4307
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4307
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
4308
4308
  margin: 0 8px 0 0;
4309
4309
  }
4310
4310
  }
@@ -4332,7 +4332,7 @@
4332
4332
  }
4333
4333
  @media screen and (max-width: 480px) {
4334
4334
  .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
4335
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4335
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4336
4336
  padding-left: 0;
4337
4337
  }
4338
4338
  }
@@ -4355,8 +4355,8 @@
4355
4355
  }
4356
4356
  @media screen and (max-width: 480px) {
4357
4357
  .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,
4358
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4359
- .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4358
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
4359
+ .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
4360
4360
  margin: 0;
4361
4361
  padding-left: 0;
4362
4362
  padding-right: 0;
@@ -4610,7 +4610,7 @@
4610
4610
  }
4611
4611
  @media screen and (max-width: 480px) {
4612
4612
  .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
4613
- .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4613
+ .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
4614
4614
  font-size: 12px;
4615
4615
  }
4616
4616
  }
@@ -4637,7 +4637,7 @@
4637
4637
  }
4638
4638
  @media screen and (max-width: 480px) {
4639
4639
  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
4640
- .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
4640
+ .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
4641
4641
  font-size: 20px;
4642
4642
  }
4643
4643
  }
@@ -4937,7 +4937,7 @@
4937
4937
  }
4938
4938
  @media screen and (max-width: 480px) {
4939
4939
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
4940
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
4940
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
4941
4941
  font-size: 14px;
4942
4942
  height: 32px;
4943
4943
  line-height: 32px;
@@ -4955,7 +4955,7 @@
4955
4955
  }
4956
4956
  @media screen and (max-width: 480px) {
4957
4957
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
4958
- .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4958
+ .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
4959
4959
  font-size: 16px;
4960
4960
  }
4961
4961
  }
@@ -5200,7 +5200,7 @@
5200
5200
  }
5201
5201
  @media screen and (max-width: 480px) {
5202
5202
  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
5203
- .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5203
+ .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
5204
5204
  font-size: 15px;
5205
5205
  }
5206
5206
  }
@@ -5267,27 +5267,27 @@
5267
5267
  .e-tab.e-vertical-tab .e-content .e-item > :first-child {
5268
5268
  width: 100%;
5269
5269
  }
5270
- .e-tab.e-vertical-icon .e-tab-header {
5270
+ .e-tab.e-vertical-icon > .e-tab-header {
5271
5271
  height: 62px;
5272
5272
  min-height: 62px;
5273
5273
  }
5274
- .e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5275
- .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 {
5274
+ .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
5275
+ .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 {
5276
5276
  display: none;
5277
5277
  }
5278
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
5278
+ .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
5279
5279
  height: 62px;
5280
5280
  }
5281
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
5282
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5281
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
5282
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5283
5283
  position: static;
5284
5284
  }
5285
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
5286
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
5285
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
5286
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
5287
5287
  content: none;
5288
5288
  }
5289
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
5290
- .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5289
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
5290
+ .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5291
5291
  content: "";
5292
5292
  display: block;
5293
5293
  position: absolute;
@@ -5295,34 +5295,34 @@
5295
5295
  width: calc(100% - 16px);
5296
5296
  border: 1px solid #0078d6;
5297
5297
  }
5298
- .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
5298
+ .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
5299
5299
  height: 62px;
5300
5300
  }
5301
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
5301
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
5302
5302
  height: 62px;
5303
5303
  }
5304
5304
  @media screen and (max-width: 480px) {
5305
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5306
- .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5305
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
5306
+ .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
5307
5307
  font-size: 12px;
5308
5308
  }
5309
5309
  }
5310
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-indicator {
5310
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator {
5311
5311
  width: 3px;
5312
5312
  }
5313
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5314
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5313
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
5314
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5315
5315
  display: none;
5316
5316
  }
5317
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5318
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5317
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
5318
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
5319
5319
  position: relative;
5320
5320
  }
5321
- .e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
5321
+ .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
5322
5322
  height: 16px;
5323
5323
  }
5324
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
5325
- .e-tab.e-vertical-icon .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5324
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before,
5325
+ .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
5326
5326
  top: 0;
5327
5327
  }
5328
5328
  .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -5661,7 +5661,7 @@
5661
5661
  .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
5662
5662
  margin: 0;
5663
5663
  }
5664
- .e-tab.e-fill.e-vertical-icon .e-tab-header {
5664
+ .e-tab.e-fill.e-vertical-icon > .e-tab-header {
5665
5665
  height: 60px;
5666
5666
  min-height: 60px;
5667
5667
  }
@@ -5858,7 +5858,7 @@
5858
5858
  }
5859
5859
  @media screen and (max-width: 480px) {
5860
5860
  .e-tab-clone-element .e-close-icon,
5861
- .e-tab-clone-element .e-close-icon::before {
5861
+ .e-tab-clone-element .e-close-icon::before {
5862
5862
  font-size: 12px;
5863
5863
  }
5864
5864
  }
@@ -5885,7 +5885,7 @@
5885
5885
  }
5886
5886
  @media screen and (max-width: 480px) {
5887
5887
  .e-tab-clone-element .e-tab-icon,
5888
- .e-tab-clone-element .e-tab-icon::before {
5888
+ .e-tab-clone-element .e-tab-icon::before {
5889
5889
  font-size: 20px;
5890
5890
  }
5891
5891
  }
@@ -6041,7 +6041,7 @@
6041
6041
  }
6042
6042
  @media screen and (max-width: 480px) {
6043
6043
  .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
6044
- .e-bigger .e-tab-clone-element .e-close-icon::before {
6044
+ .e-bigger .e-tab-clone-element .e-close-icon::before {
6045
6045
  font-size: 12px;
6046
6046
  }
6047
6047
  }