@syncfusion/ej2-navigations 20.4.48 → 20.4.51

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 (78) hide show
  1. package/CHANGELOG.md +18 -2
  2. package/GitLeaksReport.json +1 -0
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +48 -15
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +49 -15
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/gitleaks-ci/gitleaks +0 -0
  14. package/gitleaks-ci.tar.gz +0 -0
  15. package/package.json +10 -10
  16. package/src/carousel/carousel.js +2 -4
  17. package/src/common/h-scroll.js +3 -0
  18. package/src/common/menu-base.js +4 -5
  19. package/src/toolbar/toolbar.js +1 -1
  20. package/src/treeview/treeview.d.ts +1 -0
  21. package/src/treeview/treeview.js +39 -5
  22. package/styles/accordion/_theme.scss +4 -4
  23. package/styles/accordion/bootstrap-dark.css +3 -3
  24. package/styles/accordion/bootstrap.css +3 -3
  25. package/styles/accordion/bootstrap4.css +3 -3
  26. package/styles/accordion/bootstrap5-dark.css +3 -3
  27. package/styles/accordion/bootstrap5.css +3 -3
  28. package/styles/accordion/fabric-dark.css +3 -3
  29. package/styles/accordion/fabric.css +3 -3
  30. package/styles/accordion/fluent-dark.css +3 -3
  31. package/styles/accordion/fluent.css +3 -3
  32. package/styles/accordion/highcontrast-light.css +3 -3
  33. package/styles/accordion/highcontrast.css +3 -3
  34. package/styles/accordion/material-dark.css +3 -3
  35. package/styles/accordion/material.css +3 -3
  36. package/styles/accordion/tailwind-dark.css +3 -3
  37. package/styles/accordion/tailwind.css +3 -3
  38. package/styles/bootstrap-dark.css +4 -3
  39. package/styles/bootstrap.css +4 -3
  40. package/styles/bootstrap4.css +5 -4
  41. package/styles/bootstrap5-dark.css +4 -3
  42. package/styles/bootstrap5.css +4 -3
  43. package/styles/context-menu/_fluent-definition.scss +1 -1
  44. package/styles/context-menu/_layout-mixin.scss +3 -1
  45. package/styles/context-menu/_layout.scss +3 -1
  46. package/styles/context-menu/fluent-dark.css +2 -16
  47. package/styles/context-menu/fluent.css +2 -16
  48. package/styles/fabric-dark.css +8 -7
  49. package/styles/fabric.css +8 -7
  50. package/styles/fluent-dark.css +12 -26
  51. package/styles/fluent.css +12 -26
  52. package/styles/highcontrast-light.css +4 -3
  53. package/styles/highcontrast.css +4 -3
  54. package/styles/material-dark.css +4 -3
  55. package/styles/material.css +4 -3
  56. package/styles/menu/_layout.scss +1 -0
  57. package/styles/menu/_theme.scss +1 -1
  58. package/styles/menu/bootstrap-dark.css +1 -0
  59. package/styles/menu/bootstrap.css +1 -0
  60. package/styles/menu/bootstrap4.css +1 -0
  61. package/styles/menu/bootstrap5-dark.css +1 -0
  62. package/styles/menu/bootstrap5.css +1 -0
  63. package/styles/menu/fabric-dark.css +5 -4
  64. package/styles/menu/fabric.css +5 -4
  65. package/styles/menu/fluent-dark.css +7 -7
  66. package/styles/menu/fluent.css +7 -7
  67. package/styles/menu/highcontrast-light.css +1 -0
  68. package/styles/menu/highcontrast.css +1 -0
  69. package/styles/menu/icons/_fabric-dark.scss +4 -4
  70. package/styles/menu/icons/_fabric.scss +4 -4
  71. package/styles/menu/material-dark.css +1 -0
  72. package/styles/menu/material.css +1 -0
  73. package/styles/menu/tailwind-dark.css +1 -0
  74. package/styles/menu/tailwind.css +1 -0
  75. package/styles/tailwind-dark.css +4 -3
  76. package/styles/tailwind.css +4 -3
  77. package/styles/treeview/_bootstrap4-definition.scss +1 -1
  78. package/styles/treeview/bootstrap4.css +1 -1
@@ -43,24 +43,24 @@
43
43
 
44
44
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
45
45
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
46
- content: "\e937";
46
+ content: "\e98f";
47
47
  }
48
48
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
49
49
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
50
- content: "\e937";
50
+ content: "\e98f";
51
51
  }
52
52
 
53
53
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
54
54
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
55
55
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
56
56
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
57
- content: "\e937";
57
+ content: "\e98f";
58
58
  }
59
59
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
60
60
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
61
61
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
62
62
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
63
- content: "\e937";
63
+ content: "\e98f";
64
64
  }
65
65
 
66
66
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -183,6 +183,7 @@
183
183
  line-height: 42px;
184
184
  margin-right: 8px;
185
185
  text-align: center;
186
+ margin-bottom: 4px;
186
187
  }
187
188
  .e-menu-wrapper ul .e-menu-item .e-caret,
188
189
  .e-menu-container ul .e-menu-item .e-caret {
@@ -44,24 +44,24 @@
44
44
 
45
45
  .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
46
46
  .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
47
- content: "\e937";
47
+ content: "\e98f";
48
48
  }
49
49
  .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
50
50
  .e-rtl.e-menu-container ul.e-ul .e-caret::before {
51
- content: "\e937";
51
+ content: "\e98f";
52
52
  }
53
53
 
54
54
  .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
55
55
  .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
56
56
  .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
57
57
  .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
58
- content: "\e937";
58
+ content: "\e98f";
59
59
  }
60
60
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
61
61
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
62
62
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
63
63
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
64
- content: "\e937";
64
+ content: "\e98f";
65
65
  }
66
66
 
67
67
  .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -184,6 +184,7 @@
184
184
  line-height: 42px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -194,6 +194,7 @@
194
194
  line-height: 40px;
195
195
  margin-right: 4px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -251,7 +252,7 @@
251
252
  }
252
253
  .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
253
254
  .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
254
- padding-right: 24px;
255
+ padding-right: 36px;
255
256
  }
256
257
  .e-menu-wrapper .e-ul .e-menu-item.e-separator,
257
258
  .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -439,7 +440,6 @@
439
440
  }
440
441
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
441
442
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
442
- padding-left: 24px;
443
443
  padding-right: 12px;
444
444
  }
445
445
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -448,7 +448,7 @@
448
448
  }
449
449
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
450
450
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
451
- padding-left: 24px;
451
+ padding-left: 36px;
452
452
  }
453
453
 
454
454
  .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -559,7 +559,7 @@
559
559
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
560
560
  .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
561
561
  .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
562
- padding-right: 24px;
562
+ padding-right: 36px;
563
563
  }
564
564
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
565
565
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -654,7 +654,7 @@
654
654
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
655
655
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
656
656
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
657
- padding-left: 24px;
657
+ padding-left: 36px;
658
658
  padding-right: 12px;
659
659
  }
660
660
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -667,7 +667,7 @@
667
667
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
668
668
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
669
669
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
670
- padding-left: 24px;
670
+ padding-left: 36px;
671
671
  }
672
672
 
673
673
  .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,
@@ -910,7 +910,7 @@
910
910
  }
911
911
  .e-menu-wrapper .e-menu,
912
912
  .e-menu-container .e-menu {
913
- background-color: #252423;
913
+ background-color: inherit;
914
914
  color: #f3f2f1;
915
915
  }
916
916
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -194,6 +194,7 @@
194
194
  line-height: 40px;
195
195
  margin-right: 4px;
196
196
  text-align: center;
197
+ margin-bottom: 4px;
197
198
  }
198
199
  .e-menu-wrapper ul .e-menu-item .e-caret,
199
200
  .e-menu-container ul .e-menu-item .e-caret {
@@ -251,7 +252,7 @@
251
252
  }
252
253
  .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon,
253
254
  .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon {
254
- padding-right: 24px;
255
+ padding-right: 36px;
255
256
  }
256
257
  .e-menu-wrapper .e-ul .e-menu-item.e-separator,
257
258
  .e-menu-container .e-ul .e-menu-item.e-separator {
@@ -439,7 +440,6 @@
439
440
  }
440
441
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
441
442
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
442
- padding-left: 24px;
443
443
  padding-right: 12px;
444
444
  }
445
445
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -448,7 +448,7 @@
448
448
  }
449
449
  .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
450
450
  .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
451
- padding-left: 24px;
451
+ padding-left: 36px;
452
452
  }
453
453
 
454
454
  .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon {
@@ -559,7 +559,7 @@
559
559
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
560
560
  .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
561
561
  .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
562
- padding-right: 24px;
562
+ padding-right: 36px;
563
563
  }
564
564
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
565
565
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -654,7 +654,7 @@
654
654
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
655
655
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon,
656
656
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
657
- padding-left: 24px;
657
+ padding-left: 36px;
658
658
  padding-right: 12px;
659
659
  }
660
660
  .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -667,7 +667,7 @@
667
667
  .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
668
668
  .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon,
669
669
  .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon {
670
- padding-left: 24px;
670
+ padding-left: 36px;
671
671
  }
672
672
 
673
673
  .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon,
@@ -910,7 +910,7 @@
910
910
  }
911
911
  .e-menu-wrapper .e-menu,
912
912
  .e-menu-container .e-menu {
913
- background-color: #fff;
913
+ background-color: inherit;
914
914
  color: #201f1e;
915
915
  }
916
916
  .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -183,6 +183,7 @@
183
183
  line-height: 36px;
184
184
  margin-right: 10px;
185
185
  text-align: center;
186
+ margin-bottom: 4px;
186
187
  }
187
188
  .e-menu-wrapper ul .e-menu-item .e-caret,
188
189
  .e-menu-container ul .e-menu-item .e-caret {
@@ -184,6 +184,7 @@
184
184
  line-height: 40px;
185
185
  margin-right: 8px;
186
186
  text-align: center;
187
+ margin-bottom: 4px;
187
188
  }
188
189
  .e-menu-wrapper ul .e-menu-item .e-caret,
189
190
  .e-menu-container ul .e-menu-item .e-caret {
@@ -83,7 +83,7 @@
83
83
  &.e-vertical {
84
84
  & .e-caret {
85
85
  &::before {
86
- content: '\e937';
86
+ content: '\e98f';
87
87
  }
88
88
  }
89
89
  }
@@ -91,7 +91,7 @@
91
91
  &.e-ul {
92
92
  & .e-caret {
93
93
  &::before {
94
- content: '\e937';
94
+ content: '\e98f';
95
95
  }
96
96
  }
97
97
  }
@@ -104,7 +104,7 @@
104
104
  &.e-vertical {
105
105
  & .e-caret {
106
106
  &::before {
107
- content: '\e937';
107
+ content: '\e98f';
108
108
  }
109
109
  }
110
110
  }
@@ -112,7 +112,7 @@
112
112
  &.e-ul {
113
113
  & .e-caret {
114
114
  &::before {
115
- content: '\e937';
115
+ content: '\e98f';
116
116
  }
117
117
  }
118
118
  }
@@ -83,7 +83,7 @@
83
83
  &.e-vertical {
84
84
  & .e-caret {
85
85
  &::before {
86
- content: '\e937';
86
+ content: '\e98f';
87
87
  }
88
88
  }
89
89
  }
@@ -91,7 +91,7 @@
91
91
  &.e-ul {
92
92
  & .e-caret {
93
93
  &::before {
94
- content: '\e937';
94
+ content: '\e98f';
95
95
  }
96
96
  }
97
97
  }
@@ -104,7 +104,7 @@
104
104
  &.e-vertical {
105
105
  & .e-caret {
106
106
  &::before {
107
- content: '\e937';
107
+ content: '\e98f';
108
108
  }
109
109
  }
110
110
  }
@@ -112,7 +112,7 @@
112
112
  &.e-ul {
113
113
  & .e-caret {
114
114
  &::before {
115
- content: '\e937';
115
+ content: '\e98f';
116
116
  }
117
117
  }
118
118
  }
@@ -202,6 +202,7 @@
202
202
  line-height: 42px;
203
203
  margin-right: 8px;
204
204
  text-align: center;
205
+ margin-bottom: 4px;
205
206
  }
206
207
  .e-menu-wrapper ul .e-menu-item .e-caret,
207
208
  .e-menu-container ul .e-menu-item .e-caret {
@@ -204,6 +204,7 @@
204
204
  line-height: 42px;
205
205
  margin-right: 8px;
206
206
  text-align: center;
207
+ margin-bottom: 4px;
207
208
  }
208
209
  .e-menu-wrapper ul .e-menu-item .e-caret,
209
210
  .e-menu-container ul .e-menu-item .e-caret {
@@ -195,6 +195,7 @@
195
195
  line-height: 38px;
196
196
  margin-right: 8px;
197
197
  text-align: center;
198
+ margin-bottom: 4px;
198
199
  }
199
200
  .e-menu-wrapper ul .e-menu-item .e-caret,
200
201
  .e-menu-container ul .e-menu-item .e-caret {
@@ -195,6 +195,7 @@
195
195
  line-height: 38px;
196
196
  margin-right: 8px;
197
197
  text-align: center;
198
+ margin-bottom: 4px;
198
199
  }
199
200
  .e-menu-wrapper ul .e-menu-item .e-caret,
200
201
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2947,15 +2947,15 @@
2947
2947
  border: 1px solid #4b5563;
2948
2948
  border-radius: 0;
2949
2949
  }
2950
- .e-accordion .e-active {
2951
- background: #1f2937;
2952
- }
2953
2950
  .e-accordion .e-acrdn-item {
2954
2951
  border-color: #4b5563;
2955
2952
  border-style: solid;
2956
2953
  border-width: 0 0 1px 0;
2957
2954
  border-radius: 4px 4px 0 0;
2958
2955
  }
2956
+ .e-accordion .e-acrdn-item.e-active {
2957
+ background: #1f2937;
2958
+ }
2959
2959
  .e-accordion .e-acrdn-item.e-select:last-child {
2960
2960
  border-bottom: 0;
2961
2961
  border-radius: 0 0 4px 4px;
@@ -9066,6 +9066,7 @@ ejs-sidebar {
9066
9066
  line-height: 38px;
9067
9067
  margin-right: 8px;
9068
9068
  text-align: center;
9069
+ margin-bottom: 4px;
9069
9070
  }
9070
9071
  .e-menu-wrapper ul .e-menu-item .e-caret,
9071
9072
  .e-menu-container ul .e-menu-item .e-caret {
@@ -2947,15 +2947,15 @@
2947
2947
  border: 1px solid #e5e7eb;
2948
2948
  border-radius: 0;
2949
2949
  }
2950
- .e-accordion .e-active {
2951
- background: #fff;
2952
- }
2953
2950
  .e-accordion .e-acrdn-item {
2954
2951
  border-color: #e5e7eb;
2955
2952
  border-style: solid;
2956
2953
  border-width: 0 0 1px 0;
2957
2954
  border-radius: 4px 4px 0 0;
2958
2955
  }
2956
+ .e-accordion .e-acrdn-item.e-active {
2957
+ background: #fff;
2958
+ }
2959
2959
  .e-accordion .e-acrdn-item.e-select:last-child {
2960
2960
  border-bottom: 0;
2961
2961
  border-radius: 0 0 4px 4px;
@@ -9066,6 +9066,7 @@ ejs-sidebar {
9066
9066
  line-height: 38px;
9067
9067
  margin-right: 8px;
9068
9068
  text-align: center;
9069
+ margin-bottom: 4px;
9069
9070
  }
9070
9071
  .e-menu-wrapper ul .e-menu-item .e-caret,
9071
9072
  .e-menu-container ul .e-menu-item .e-caret {
@@ -56,7 +56,7 @@ $treeview-big-icon-size: 24px !default;
56
56
  $treeview-icon-margin: 0 4px 0 -24px !default;
57
57
  $treeview-drag-icon-margin: 0 8px 8px -24px;
58
58
  $treeview-big-icon-margin: 0 0 0 -24px !default;
59
- $treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;
59
+ $treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
60
60
  $treeview-rtl-drag-margin: 10px -13px -1px 0;
61
61
  $treeview-icon-padding: 6px !default;
62
62
  $treeview-text-padding: 0 8px 0 6px !default;
@@ -591,7 +591,7 @@
591
591
  }
592
592
  .e-treeview.e-rtl .e-icon-collapsible,
593
593
  .e-treeview.e-rtl .e-icon-expandable {
594
- margin: -0.5px -24px 0 0;
594
+ margin: -0.5px -20px 0 0;
595
595
  }
596
596
  .e-treeview.e-rtl .e-sibling::before {
597
597
  right: 0;