@syncfusion/ej2-navigations 20.4.43 → 20.4.48

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 (34) hide show
  1. package/CHANGELOG.md +35 -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 +72 -23
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +81 -32
  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 +11 -11
  13. package/src/common/index.d.ts +1 -1
  14. package/src/common/index.js +1 -1
  15. package/src/common/menu-base.js +11 -2
  16. package/src/menu/menu.js +1 -0
  17. package/src/sidebar/sidebar.js +1 -1
  18. package/src/tab/tab.js +8 -4
  19. package/src/toolbar/toolbar.js +15 -3
  20. package/src/treeview/treeview.d.ts +13 -0
  21. package/src/treeview/treeview.js +44 -21
  22. package/styles/bootstrap4.css +1 -1
  23. package/styles/bootstrap5-dark.css +1 -41
  24. package/styles/bootstrap5.css +1 -41
  25. package/styles/context-menu/_theme-mixin.scss +16 -12
  26. package/styles/context-menu/bootstrap5-dark.css +0 -24
  27. package/styles/context-menu/bootstrap5.css +0 -24
  28. package/styles/menu/bootstrap5-dark.css +0 -16
  29. package/styles/menu/bootstrap5.css +0 -16
  30. package/styles/treeview/_bootstrap4-definition.scss +1 -1
  31. package/styles/treeview/_bootstrap5-definition.scss +1 -1
  32. package/styles/treeview/bootstrap4.css +1 -1
  33. package/styles/treeview/bootstrap5-dark.css +1 -1
  34. package/styles/treeview/bootstrap5.css +1 -1
package/styles/context-menu/bootstrap5-dark.css CHANGED
@@ -304,14 +304,6 @@
304
304
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
305
305
  border-bottom-color: #444c54;
306
306
  }
307
- .e-contextmenu-wrapper ul .e-menu-item .e-caret,
308
- .e-contextmenu-container ul .e-menu-item .e-caret {
309
- color: #adb5bd;
310
- }
311
- .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
312
- .e-contextmenu-container ul .e-menu-item .e-menu-icon {
313
- color: #adb5bd;
314
- }
315
307
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
316
308
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
317
309
  color: #fff;
@@ -323,14 +315,6 @@
323
315
  outline: 0 solid #444c54;
324
316
  outline-offset: 0;
325
317
  }
326
- .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
327
- .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
328
- color: #adb5bd;
329
- }
330
- .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
331
- .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
332
- color: #adb5bd;
333
- }
334
318
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
335
319
  .e-contextmenu-container ul .e-menu-item.e-selected {
336
320
  background-color: #0d6efd;
@@ -338,14 +322,6 @@
338
322
  outline: 0 solid #0d6efd;
339
323
  outline-offset: 0;
340
324
  }
341
- .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
342
- .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
343
- color: #adb5bd;
344
- }
345
- .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
346
- .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
347
- color: #adb5bd;
348
- }
349
325
  .e-contextmenu-wrapper ul .e-disabled,
350
326
  .e-contextmenu-container ul .e-disabled {
351
327
  color: rgba(255, 255, 255, 0.65);
package/styles/context-menu/bootstrap5.css CHANGED
@@ -304,14 +304,6 @@
304
304
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
305
305
  border-bottom-color: #dee2e6;
306
306
  }
307
- .e-contextmenu-wrapper ul .e-menu-item .e-caret,
308
- .e-contextmenu-container ul .e-menu-item .e-caret {
309
- color: #6c757d;
310
- }
311
- .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
312
- .e-contextmenu-container ul .e-menu-item .e-menu-icon {
313
- color: #6c757d;
314
- }
315
307
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
316
308
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
317
309
  color: #212529;
@@ -323,14 +315,6 @@
323
315
  outline: 0 solid #dee2e6;
324
316
  outline-offset: 0;
325
317
  }
326
- .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
327
- .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
328
- color: #6c757d;
329
- }
330
- .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
331
- .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
332
- color: #6c757d;
333
- }
334
318
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
335
319
  .e-contextmenu-container ul .e-menu-item.e-selected {
336
320
  background-color: #0d6efd;
@@ -338,14 +322,6 @@
338
322
  outline: 0 solid #0d6efd;
339
323
  outline-offset: 0;
340
324
  }
341
- .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
342
- .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
343
- color: #6c757d;
344
- }
345
- .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
346
- .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
347
- color: #6c757d;
348
- }
349
325
  .e-contextmenu-wrapper ul .e-disabled,
350
326
  .e-contextmenu-container ul .e-disabled {
351
327
  color: rgba(33, 37, 41, 0.65);
package/styles/menu/bootstrap5-dark.css CHANGED
@@ -921,14 +921,6 @@
921
921
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
922
922
  border-bottom-color: #444c54;
923
923
  }
924
- .e-menu-wrapper .e-menu .e-menu-item .e-caret,
925
- .e-menu-container .e-menu .e-menu-item .e-caret {
926
- color: #adb5bd;
927
- }
928
- .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
929
- .e-menu-container .e-menu .e-menu-item .e-menu-icon {
930
- color: #adb5bd;
931
- }
932
924
  .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
933
925
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
934
926
  border-bottom-color: #444c54;
@@ -944,14 +936,6 @@
944
936
  outline-offset: 0;
945
937
  background-color: #495057;
946
938
  }
947
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
948
- .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
949
- color: #adb5bd;
950
- }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
952
- .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
953
- color: #adb5bd;
954
- }
955
939
  .e-menu-wrapper .e-menu .e-menu-item.e-selected,
956
940
  .e-menu-container .e-menu .e-menu-item.e-selected {
957
941
  color: #fff;
package/styles/menu/bootstrap5.css CHANGED
@@ -921,14 +921,6 @@
921
921
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
922
922
  border-bottom-color: #dee2e6;
923
923
  }
924
- .e-menu-wrapper .e-menu .e-menu-item .e-caret,
925
- .e-menu-container .e-menu .e-menu-item .e-caret {
926
- color: #6c757d;
927
- }
928
- .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
929
- .e-menu-container .e-menu .e-menu-item .e-menu-icon {
930
- color: #6c757d;
931
- }
932
924
  .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
933
925
  .e-menu-container .e-menu .e-menu-item.e-menu-header {
934
926
  border-bottom-color: #dee2e6;
@@ -944,14 +936,6 @@
944
936
  outline-offset: 0;
945
937
  background-color: #dee2e6;
946
938
  }
947
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
948
- .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
949
- color: #6c757d;
950
- }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
952
- .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
953
- color: #6c757d;
954
- }
955
939
  .e-menu-wrapper .e-menu .e-menu-item.e-selected,
956
940
  .e-menu-container .e-menu .e-menu-item.e-selected {
957
941
  color: #212529;
package/styles/treeview/_bootstrap4-definition.scss CHANGED
@@ -53,7 +53,7 @@ $treeview-text-wrap-padding: 0 0 0 24px !default;
53
53
  $treeview-rtl-text-wrap-padding: 0 24px 0 0 !default;
54
54
  $treeview-icon-size: 20px !default;
55
55
  $treeview-big-icon-size: 24px !default;
56
- $treeview-icon-margin: 0 2px 0 -24px !default;
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
59
  $treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;
package/styles/treeview/_bootstrap5-definition.scss CHANGED
@@ -13,7 +13,7 @@ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
13
13
  $treeview-text-wrap-padding: 0 0 0 20px !default;
14
14
  $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
15
15
  $treeview-icon-size: 20px !default;
16
- $treeview-icon-margin: 0 2px 0 -25px !default;
16
+ $treeview-icon-margin: 0 4px 0 -25px !default;
17
17
  $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
18
18
  $treeview-icon-padding: 0px !default;
19
19
  $treeview-text-padding: 0 8px !default;
package/styles/treeview/bootstrap4.css CHANGED
@@ -410,7 +410,7 @@
410
410
  .e-treeview .e-icon-expandable {
411
411
  display: inline-block;
412
412
  height: 20px;
413
- margin: 0 2px 0 -24px;
413
+ margin: 0 4px 0 -24px;
414
414
  vertical-align: middle;
415
415
  width: 20px;
416
416
  }
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -446,7 +446,7 @@
446
446
  .e-treeview .e-icon-expandable {
447
447
  display: inline-block;
448
448
  height: 20px;
449
- margin: 0 2px 0 -25px;
449
+ margin: 0 4px 0 -25px;
450
450
  vertical-align: middle;
451
451
  width: 20px;
452
452
  }
package/styles/treeview/bootstrap5.css CHANGED
@@ -446,7 +446,7 @@
446
446
  .e-treeview .e-icon-expandable {
447
447
  display: inline-block;
448
448
  height: 20px;
449
- margin: 0 2px 0 -25px;
449
+ margin: 0 4px 0 -25px;
450
450
  vertical-align: middle;
451
451
  width: 20px;
452
452
  }