@syncfusion/ej2-navigations 32.1.24 → 32.2.6

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 (101) 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 +22 -4
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +22 -4
  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 +7 -7
  12. package/src/treeview/treeview.d.ts +1 -0
  13. package/src/treeview/treeview.js +22 -4
  14. package/styles/accordion/_material3-dark-definition.scss +51 -35
  15. package/styles/accordion/_material3-definition.scss +51 -35
  16. package/styles/bds-lite.css +6 -2
  17. package/styles/bds.css +6 -2
  18. package/styles/bootstrap-dark-lite.css +6 -2
  19. package/styles/bootstrap-dark.css +6 -2
  20. package/styles/bootstrap-lite.css +6 -2
  21. package/styles/bootstrap.css +6 -2
  22. package/styles/bootstrap4-lite.css +6 -2
  23. package/styles/bootstrap4.css +6 -2
  24. package/styles/bootstrap5-dark-lite.css +6 -2
  25. package/styles/bootstrap5-dark.css +6 -2
  26. package/styles/bootstrap5-lite.css +6 -2
  27. package/styles/bootstrap5.3-lite.css +6 -2
  28. package/styles/bootstrap5.3.css +6 -2
  29. package/styles/bootstrap5.css +6 -2
  30. package/styles/context-menu/_layout-mixin.scss +2 -0
  31. package/styles/context-menu/_layout.scss +2 -2
  32. package/styles/context-menu/bds.css +4 -2
  33. package/styles/context-menu/bootstrap-dark.css +4 -2
  34. package/styles/context-menu/bootstrap.css +4 -2
  35. package/styles/context-menu/bootstrap4.css +4 -2
  36. package/styles/context-menu/bootstrap5-dark.css +4 -2
  37. package/styles/context-menu/bootstrap5.3.css +4 -2
  38. package/styles/context-menu/bootstrap5.css +4 -2
  39. package/styles/context-menu/fabric-dark.css +4 -2
  40. package/styles/context-menu/fabric.css +4 -2
  41. package/styles/context-menu/fluent-dark.css +4 -2
  42. package/styles/context-menu/fluent.css +4 -2
  43. package/styles/context-menu/fluent2.css +4 -2
  44. package/styles/context-menu/highcontrast-light.css +4 -2
  45. package/styles/context-menu/highcontrast.css +4 -2
  46. package/styles/context-menu/material-dark.css +4 -2
  47. package/styles/context-menu/material.css +4 -2
  48. package/styles/context-menu/material3-dark.css +4 -2
  49. package/styles/context-menu/material3.css +4 -2
  50. package/styles/context-menu/tailwind-dark.css +4 -2
  51. package/styles/context-menu/tailwind.css +4 -2
  52. package/styles/context-menu/tailwind3.css +4 -2
  53. package/styles/fabric-dark-lite.css +6 -2
  54. package/styles/fabric-dark.css +6 -2
  55. package/styles/fabric-lite.css +6 -2
  56. package/styles/fabric.css +6 -2
  57. package/styles/fluent-dark-lite.css +6 -2
  58. package/styles/fluent-dark.css +6 -2
  59. package/styles/fluent-lite.css +6 -2
  60. package/styles/fluent.css +6 -2
  61. package/styles/fluent2-lite.css +6 -2
  62. package/styles/fluent2.css +6 -2
  63. package/styles/highcontrast-light-lite.css +6 -2
  64. package/styles/highcontrast-light.css +6 -2
  65. package/styles/highcontrast-lite.css +6 -2
  66. package/styles/highcontrast.css +6 -2
  67. package/styles/material-dark-lite.css +6 -2
  68. package/styles/material-dark.css +6 -2
  69. package/styles/material-lite.css +6 -2
  70. package/styles/material.css +6 -2
  71. package/styles/material3-dark-lite.css +6 -2
  72. package/styles/material3-dark.css +6 -2
  73. package/styles/material3-lite.css +6 -2
  74. package/styles/material3.css +6 -2
  75. package/styles/menu/bds.css +2 -0
  76. package/styles/menu/bootstrap-dark.css +2 -0
  77. package/styles/menu/bootstrap.css +2 -0
  78. package/styles/menu/bootstrap4.css +2 -0
  79. package/styles/menu/bootstrap5-dark.css +2 -0
  80. package/styles/menu/bootstrap5.3.css +2 -0
  81. package/styles/menu/bootstrap5.css +2 -0
  82. package/styles/menu/fabric-dark.css +2 -0
  83. package/styles/menu/fabric.css +2 -0
  84. package/styles/menu/fluent-dark.css +2 -0
  85. package/styles/menu/fluent.css +2 -0
  86. package/styles/menu/fluent2.css +2 -0
  87. package/styles/menu/highcontrast-light.css +2 -0
  88. package/styles/menu/highcontrast.css +2 -0
  89. package/styles/menu/material-dark.css +2 -0
  90. package/styles/menu/material.css +2 -0
  91. package/styles/menu/material3-dark.css +2 -0
  92. package/styles/menu/material3.css +2 -0
  93. package/styles/menu/tailwind-dark.css +2 -0
  94. package/styles/menu/tailwind.css +2 -0
  95. package/styles/menu/tailwind3.css +2 -0
  96. package/styles/tailwind-dark-lite.css +6 -2
  97. package/styles/tailwind-dark.css +6 -2
  98. package/styles/tailwind-lite.css +6 -2
  99. package/styles/tailwind.css +6 -2
  100. package/styles/tailwind3-lite.css +6 -2
  101. package/styles/tailwind3.css +6 -2
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -355,6 +355,8 @@
355
355
  .e-menu-container ul .e-menu-item .e-menu-icon {
356
356
  display: inline-block;
357
357
  vertical-align: middle;
358
+ position: relative;
359
+ top: -1px;
358
360
  }
359
361
  .e-menu-wrapper ul .e-menu-item.e-separator,
360
362
  .e-menu-container ul .e-menu-item.e-separator {
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -162,6 +162,8 @@
162
162
  .e-menu-container ul .e-menu-item .e-menu-icon {
163
163
  display: inline-block;
164
164
  vertical-align: middle;
165
+ position: relative;
166
+ top: -1px;
165
167
  }
166
168
  .e-menu-wrapper ul .e-menu-item.e-separator,
167
169
  .e-menu-container ul .e-menu-item.e-separator {
@@ -163,6 +163,8 @@
163
163
  .e-menu-container ul .e-menu-item .e-menu-icon {
164
164
  display: inline-block;
165
165
  vertical-align: middle;
166
+ position: relative;
167
+ top: -1px;
166
168
  }
167
169
  .e-menu-wrapper ul .e-menu-item.e-separator,
168
170
  .e-menu-container ul .e-menu-item.e-separator {
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -363,6 +363,8 @@
363
363
  .e-menu-container ul .e-menu-item .e-menu-icon {
364
364
  display: inline-block;
365
365
  vertical-align: middle;
366
+ position: relative;
367
+ top: -1px;
366
368
  }
367
369
  .e-menu-wrapper ul .e-menu-item.e-separator,
368
370
  .e-menu-container ul .e-menu-item.e-separator {
@@ -162,6 +162,8 @@
162
162
  .e-menu-container ul .e-menu-item .e-menu-icon {
163
163
  display: inline-block;
164
164
  vertical-align: middle;
165
+ position: relative;
166
+ top: -1px;
165
167
  }
166
168
  .e-menu-wrapper ul .e-menu-item.e-separator,
167
169
  .e-menu-container ul .e-menu-item.e-separator {
@@ -163,6 +163,8 @@
163
163
  .e-menu-container ul .e-menu-item .e-menu-icon {
164
164
  display: inline-block;
165
165
  vertical-align: middle;
166
+ position: relative;
167
+ top: -1px;
166
168
  }
167
169
  .e-menu-wrapper ul .e-menu-item.e-separator,
168
170
  .e-menu-container ul .e-menu-item.e-separator {
@@ -206,6 +206,8 @@
206
206
  .e-menu-container ul .e-menu-item .e-menu-icon {
207
207
  display: inline-block;
208
208
  vertical-align: middle;
209
+ position: relative;
210
+ top: -1px;
209
211
  }
210
212
  .e-menu-wrapper ul .e-menu-item.e-separator,
211
213
  .e-menu-container ul .e-menu-item.e-separator {
@@ -208,6 +208,8 @@
208
208
  .e-menu-container ul .e-menu-item .e-menu-icon {
209
209
  display: inline-block;
210
210
  vertical-align: middle;
211
+ position: relative;
212
+ top: -1px;
211
213
  }
212
214
  .e-menu-wrapper ul .e-menu-item.e-separator,
213
215
  .e-menu-container ul .e-menu-item.e-separator {
@@ -351,6 +351,8 @@
351
351
  .e-menu-container ul .e-menu-item .e-menu-icon {
352
352
  display: inline-block;
353
353
  vertical-align: middle;
354
+ position: relative;
355
+ top: -1px;
354
356
  }
355
357
  .e-menu-wrapper ul .e-menu-item.e-separator,
356
358
  .e-menu-container ul .e-menu-item.e-separator {
@@ -355,6 +355,8 @@
355
355
  .e-menu-container ul .e-menu-item .e-menu-icon {
356
356
  display: inline-block;
357
357
  vertical-align: middle;
358
+ position: relative;
359
+ top: -1px;
358
360
  }
359
361
  .e-menu-wrapper ul .e-menu-item.e-separator,
360
362
  .e-menu-container ul .e-menu-item.e-separator {
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -187,6 +187,8 @@
187
187
  .e-menu-container ul .e-menu-item .e-menu-icon {
188
188
  display: inline-block;
189
189
  vertical-align: middle;
190
+ position: relative;
191
+ top: -1px;
190
192
  }
191
193
  .e-menu-wrapper ul .e-menu-item.e-separator,
192
194
  .e-menu-container ul .e-menu-item.e-separator {
@@ -336,6 +336,8 @@
336
336
  .e-menu-container ul .e-menu-item .e-menu-icon {
337
337
  display: inline-block;
338
338
  vertical-align: middle;
339
+ position: relative;
340
+ top: -1px;
339
341
  }
340
342
  .e-menu-wrapper ul .e-menu-item.e-separator,
341
343
  .e-menu-container ul .e-menu-item.e-separator {
@@ -2946,6 +2946,8 @@
2946
2946
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2947
2947
  display: inline-block;
2948
2948
  vertical-align: middle;
2949
+ position: relative;
2950
+ top: -1px;
2949
2951
  }
2950
2952
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2951
2953
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3097,8 +3099,8 @@
3097
3099
  padding-left: 36px;
3098
3100
  }
3099
3101
 
3100
- .e-contextmenu-wrapper .e-menu-item,
3101
- .e-contextmenu-container .e-menu-item {
3102
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3103
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3102
3104
  white-space: nowrap;
3103
3105
  overflow: hidden;
3104
3106
  text-overflow: ellipsis;
@@ -7251,6 +7253,8 @@ ejs-sidebar {
7251
7253
  .e-menu-container ul .e-menu-item .e-menu-icon {
7252
7254
  display: inline-block;
7253
7255
  vertical-align: middle;
7256
+ position: relative;
7257
+ top: -1px;
7254
7258
  }
7255
7259
  .e-menu-wrapper ul .e-menu-item.e-separator,
7256
7260
  .e-menu-container ul .e-menu-item.e-separator {
@@ -3639,6 +3639,8 @@
3639
3639
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3640
3640
  display: inline-block;
3641
3641
  vertical-align: middle;
3642
+ position: relative;
3643
+ top: -1px;
3642
3644
  }
3643
3645
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3644
3646
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3790,8 +3792,8 @@
3790
3792
  padding-left: 36px;
3791
3793
  }
3792
3794
 
3793
- .e-contextmenu-wrapper .e-menu-item,
3794
- .e-contextmenu-container .e-menu-item {
3795
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3796
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3795
3797
  white-space: nowrap;
3796
3798
  overflow: hidden;
3797
3799
  text-overflow: ellipsis;
@@ -9474,6 +9476,8 @@ ejs-sidebar {
9474
9476
  .e-menu-container ul .e-menu-item .e-menu-icon {
9475
9477
  display: inline-block;
9476
9478
  vertical-align: middle;
9479
+ position: relative;
9480
+ top: -1px;
9477
9481
  }
9478
9482
  .e-menu-wrapper ul .e-menu-item.e-separator,
9479
9483
  .e-menu-container ul .e-menu-item.e-separator {
@@ -2946,6 +2946,8 @@
2946
2946
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
2947
2947
  display: inline-block;
2948
2948
  vertical-align: middle;
2949
+ position: relative;
2950
+ top: -1px;
2949
2951
  }
2950
2952
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
2951
2953
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3097,8 +3099,8 @@
3097
3099
  padding-left: 36px;
3098
3100
  }
3099
3101
 
3100
- .e-contextmenu-wrapper .e-menu-item,
3101
- .e-contextmenu-container .e-menu-item {
3102
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3103
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3102
3104
  white-space: nowrap;
3103
3105
  overflow: hidden;
3104
3106
  text-overflow: ellipsis;
@@ -7251,6 +7253,8 @@ ejs-sidebar {
7251
7253
  .e-menu-container ul .e-menu-item .e-menu-icon {
7252
7254
  display: inline-block;
7253
7255
  vertical-align: middle;
7256
+ position: relative;
7257
+ top: -1px;
7254
7258
  }
7255
7259
  .e-menu-wrapper ul .e-menu-item.e-separator,
7256
7260
  .e-menu-container ul .e-menu-item.e-separator {
@@ -3639,6 +3639,8 @@
3639
3639
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3640
3640
  display: inline-block;
3641
3641
  vertical-align: middle;
3642
+ position: relative;
3643
+ top: -1px;
3642
3644
  }
3643
3645
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3644
3646
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3790,8 +3792,8 @@
3790
3792
  padding-left: 36px;
3791
3793
  }
3792
3794
 
3793
- .e-contextmenu-wrapper .e-menu-item,
3794
- .e-contextmenu-container .e-menu-item {
3795
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
3796
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
3795
3797
  white-space: nowrap;
3796
3798
  overflow: hidden;
3797
3799
  text-overflow: ellipsis;
@@ -9474,6 +9476,8 @@ ejs-sidebar {
9474
9476
  .e-menu-container ul .e-menu-item .e-menu-icon {
9475
9477
  display: inline-block;
9476
9478
  vertical-align: middle;
9479
+ position: relative;
9480
+ top: -1px;
9477
9481
  }
9478
9482
  .e-menu-wrapper ul .e-menu-item.e-separator,
9479
9483
  .e-menu-container ul .e-menu-item.e-separator {
@@ -3994,6 +3994,8 @@
3994
3994
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
3995
3995
  display: inline-block;
3996
3996
  vertical-align: middle;
3997
+ position: relative;
3998
+ top: -1px;
3997
3999
  }
3998
4000
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3999
4001
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4152,8 +4154,8 @@
4152
4154
  padding-left: 36px;
4153
4155
  }
4154
4156
 
4155
- .e-contextmenu-wrapper .e-menu-item,
4156
- .e-contextmenu-container .e-menu-item {
4157
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
4158
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
4157
4159
  white-space: nowrap;
4158
4160
  overflow: hidden;
4159
4161
  text-overflow: ellipsis;
@@ -8804,6 +8806,8 @@ ejs-sidebar {
8804
8806
  .e-menu-container ul .e-menu-item .e-menu-icon {
8805
8807
  display: inline-block;
8806
8808
  vertical-align: middle;
8809
+ position: relative;
8810
+ top: -1px;
8807
8811
  }
8808
8812
  .e-menu-wrapper ul .e-menu-item.e-separator,
8809
8813
  .e-menu-container ul .e-menu-item.e-separator {
@@ -5076,6 +5076,8 @@
5076
5076
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
5077
5077
  display: inline-block;
5078
5078
  vertical-align: middle;
5079
+ position: relative;
5080
+ top: -1px;
5079
5081
  }
5080
5082
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
5081
5083
  .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5234,8 +5236,8 @@
5234
5236
  padding-left: 36px;
5235
5237
  }
5236
5238
 
5237
- .e-contextmenu-wrapper .e-menu-item,
5238
- .e-contextmenu-container .e-menu-item {
5239
+ .e-contextmenu-wrapper .e-menu-item:not(.e-control),
5240
+ .e-contextmenu-container .e-menu-item:not(.e-control) {
5239
5241
  white-space: nowrap;
5240
5242
  overflow: hidden;
5241
5243
  text-overflow: ellipsis;
@@ -11553,6 +11555,8 @@ ejs-sidebar {
11553
11555
  .e-menu-container ul .e-menu-item .e-menu-icon {
11554
11556
  display: inline-block;
11555
11557
  vertical-align: middle;
11558
+ position: relative;
11559
+ top: -1px;
11556
11560
  }
11557
11561
  .e-menu-wrapper ul .e-menu-item.e-separator,
11558
11562
  .e-menu-container ul .e-menu-item.e-separator {