@syncfusion/ej2-navigations 24.2.3 → 24.2.8

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 (55) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +23 -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 +14 -11
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +15 -11
  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/package.json +10 -10
  14. package/src/tab/tab.js +6 -0
  15. package/src/treeview/treeview.js +9 -11
  16. package/styles/bootstrap-dark.css +26 -4
  17. package/styles/bootstrap.css +22 -0
  18. package/styles/bootstrap4.css +26 -4
  19. package/styles/bootstrap5-dark.css +22 -0
  20. package/styles/bootstrap5.css +22 -0
  21. package/styles/fabric-dark.css +22 -0
  22. package/styles/fabric.css +22 -0
  23. package/styles/fluent-dark.css +33 -11
  24. package/styles/fluent.css +33 -11
  25. package/styles/highcontrast-light.css +22 -0
  26. package/styles/highcontrast.css +22 -0
  27. package/styles/material-dark.css +22 -0
  28. package/styles/material.css +22 -0
  29. package/styles/material3-dark.css +22 -0
  30. package/styles/material3.css +22 -0
  31. package/styles/tailwind-dark.css +22 -0
  32. package/styles/tailwind.css +22 -0
  33. package/styles/toolbar/_bootstrap-dark-definition.scss +3 -3
  34. package/styles/toolbar/_bootstrap4-definition.scss +3 -3
  35. package/styles/toolbar/_fluent-definition.scss +3 -3
  36. package/styles/toolbar/_layout.scss +35 -0
  37. package/styles/toolbar/bootstrap-dark.css +26 -4
  38. package/styles/toolbar/bootstrap.css +22 -0
  39. package/styles/toolbar/bootstrap4.css +26 -4
  40. package/styles/toolbar/bootstrap5-dark.css +22 -0
  41. package/styles/toolbar/bootstrap5.css +22 -0
  42. package/styles/toolbar/fabric-dark.css +22 -0
  43. package/styles/toolbar/fabric.css +22 -0
  44. package/styles/toolbar/fluent-dark.css +33 -11
  45. package/styles/toolbar/fluent.css +33 -11
  46. package/styles/toolbar/highcontrast-light.css +22 -0
  47. package/styles/toolbar/highcontrast.css +22 -0
  48. package/styles/toolbar/material-dark.css +22 -0
  49. package/styles/toolbar/material.css +22 -0
  50. package/styles/toolbar/material3-dark.css +22 -0
  51. package/styles/toolbar/material3.css +22 -0
  52. package/styles/toolbar/tailwind-dark.css +22 -0
  53. package/styles/toolbar/tailwind.css +22 -0
  54. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  55. package/.github/PULL_REQUEST_TEMPLATE/feature.md +0 -39
@@ -316,6 +316,19 @@
316
316
  white-space: nowrap;
317
317
  overflow: hidden;
318
318
  }
319
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items {
320
+ display: -ms-flexbox;
321
+ display: flex;
322
+ -ms-flex-wrap: nowrap;
323
+ flex-wrap: nowrap;
324
+ width: 100%;
325
+ }
326
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
327
+ position: absolute;
328
+ }
329
+ .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
330
+ width: calc(100% - 32px);
331
+ }
319
332
  .e-toolbar .e-blazor-toolbar-items {
320
333
  position: absolute;
321
334
  top: -9999px;
@@ -420,6 +433,12 @@
420
433
  min-height: 42px;
421
434
  vertical-align: middle;
422
435
  width: auto;
436
+ -ms-flex: 0 0 auto;
437
+ flex: 0 0 auto;
438
+ }
439
+ .e-toolbar .e-toolbar-item.e-spacer {
440
+ -ms-flex-positive: 1;
441
+ flex-grow: 1;
423
442
  }
424
443
  .e-toolbar .e-toolbar-item .e-tbar-btn {
425
444
  display: -ms-flexbox;
@@ -763,6 +782,9 @@
763
782
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
764
783
  display: table;
765
784
  }
785
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
786
+ margin-right: 3px;
787
+ }
766
788
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
767
789
  padding: 0;
768
790
  }
@@ -353,6 +353,19 @@
353
353
  white-space: nowrap;
354
354
  overflow: hidden;
355
355
  }
356
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items {
357
+ display: -ms-flexbox;
358
+ display: flex;
359
+ -ms-flex-wrap: nowrap;
360
+ flex-wrap: nowrap;
361
+ width: 100%;
362
+ }
363
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
364
+ position: absolute;
365
+ }
366
+ .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
367
+ width: calc(100% - 40px);
368
+ }
356
369
  .e-toolbar .e-blazor-toolbar-items {
357
370
  position: absolute;
358
371
  top: -9999px;
@@ -457,6 +470,12 @@
457
470
  min-height: 32px;
458
471
  vertical-align: middle;
459
472
  width: auto;
473
+ -ms-flex: 0 0 auto;
474
+ flex: 0 0 auto;
475
+ }
476
+ .e-toolbar .e-toolbar-item.e-spacer {
477
+ -ms-flex-positive: 1;
478
+ flex-grow: 1;
460
479
  }
461
480
  .e-toolbar .e-toolbar-item .e-tbar-btn {
462
481
  display: -ms-flexbox;
@@ -800,6 +819,9 @@
800
819
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
801
820
  display: table;
802
821
  }
822
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
823
+ margin-right: 8px;
824
+ }
803
825
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
804
826
  padding: 4px;
805
827
  }
@@ -409,6 +409,19 @@
409
409
  white-space: nowrap;
410
410
  overflow: hidden;
411
411
  }
412
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items {
413
+ display: -ms-flexbox;
414
+ display: flex;
415
+ -ms-flex-wrap: nowrap;
416
+ flex-wrap: nowrap;
417
+ width: 100%;
418
+ }
419
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
420
+ position: absolute;
421
+ }
422
+ .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
423
+ width: calc(100% - 40px);
424
+ }
412
425
  .e-toolbar .e-blazor-toolbar-items {
413
426
  position: absolute;
414
427
  top: -9999px;
@@ -513,6 +526,12 @@
513
526
  min-height: 32px;
514
527
  vertical-align: middle;
515
528
  width: auto;
529
+ -ms-flex: 0 0 auto;
530
+ flex: 0 0 auto;
531
+ }
532
+ .e-toolbar .e-toolbar-item.e-spacer {
533
+ -ms-flex-positive: 1;
534
+ flex-grow: 1;
516
535
  }
517
536
  .e-toolbar .e-toolbar-item .e-tbar-btn {
518
537
  display: -ms-flexbox;
@@ -856,6 +875,9 @@
856
875
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
857
876
  display: table;
858
877
  }
878
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
879
+ margin-right: 8px;
880
+ }
859
881
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
860
882
  padding: 4px;
861
883
  }
@@ -297,6 +297,19 @@
297
297
  white-space: nowrap;
298
298
  overflow: hidden;
299
299
  }
300
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items {
301
+ display: -ms-flexbox;
302
+ display: flex;
303
+ -ms-flex-wrap: nowrap;
304
+ flex-wrap: nowrap;
305
+ width: 100%;
306
+ }
307
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
308
+ position: absolute;
309
+ }
310
+ .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
311
+ width: calc(100% - 28px);
312
+ }
300
313
  .e-toolbar .e-blazor-toolbar-items {
301
314
  position: absolute;
302
315
  top: -9999px;
@@ -401,6 +414,12 @@
401
414
  min-height: 38px;
402
415
  vertical-align: middle;
403
416
  width: auto;
417
+ -ms-flex: 0 0 auto;
418
+ flex: 0 0 auto;
419
+ }
420
+ .e-toolbar .e-toolbar-item.e-spacer {
421
+ -ms-flex-positive: 1;
422
+ flex-grow: 1;
404
423
  }
405
424
  .e-toolbar .e-toolbar-item .e-tbar-btn {
406
425
  display: -ms-flexbox;
@@ -744,6 +763,9 @@
744
763
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
745
764
  display: table;
746
765
  }
766
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
767
+ margin-right: 8px;
768
+ }
747
769
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
748
770
  padding: 4px;
749
771
  }
@@ -297,6 +297,19 @@
297
297
  white-space: nowrap;
298
298
  overflow: hidden;
299
299
  }
300
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items {
301
+ display: -ms-flexbox;
302
+ display: flex;
303
+ -ms-flex-wrap: nowrap;
304
+ flex-wrap: nowrap;
305
+ width: 100%;
306
+ }
307
+ .e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
308
+ position: absolute;
309
+ }
310
+ .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
311
+ width: calc(100% - 28px);
312
+ }
300
313
  .e-toolbar .e-blazor-toolbar-items {
301
314
  position: absolute;
302
315
  top: -9999px;
@@ -401,6 +414,12 @@
401
414
  min-height: 38px;
402
415
  vertical-align: middle;
403
416
  width: auto;
417
+ -ms-flex: 0 0 auto;
418
+ flex: 0 0 auto;
419
+ }
420
+ .e-toolbar .e-toolbar-item.e-spacer {
421
+ -ms-flex-positive: 1;
422
+ flex-grow: 1;
404
423
  }
405
424
  .e-toolbar .e-toolbar-item .e-tbar-btn {
406
425
  display: -ms-flexbox;
@@ -744,6 +763,9 @@
744
763
  .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
745
764
  display: table;
746
765
  }
766
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
767
+ margin-right: 8px;
768
+ }
747
769
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
748
770
  padding: 4px;
749
771
  }
@@ -1,63 +0,0 @@
1
- ### Bug description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Root cause
6
-
7
- Briefly describe the root cause and analysis of the problem.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Reason for not identifying earlier
11
-
12
- Find how it was missed in our earlier testing and development by analysing the below checklist. This will help prevent similar mistakes in the future.
13
-
14
- - [ ] Guidelines/documents are not followed
15
-
16
- - Common guidelines / Core team guideline
17
- - Specification document
18
- - Requirement document
19
-
20
- - [ ] Guidelines/documents are not given
21
-
22
-
23
- - Common guidelines / Core team guideline
24
- - Specification document
25
- - Requirement document
26
-
27
-
28
- ### Reason:
29
- Mention any one or more reasons from the above points.
30
-
31
- ### Action taken:
32
-
33
- What action did you take to avoid this in future?
34
-
35
- ### Related areas:
36
-
37
- Is there any other related areas also to be addressed?
38
-
39
-
40
- ### Is it a breaking issue?
41
-
42
- If it is a breaking issue, provide the commit detail which caused this break.
43
-
44
- ### Solution description
45
-
46
- Describe your code changes in detail for reviewers.
47
-
48
- ### Output screenshots
49
-
50
- Post the output screenshots if an UI is affected or added due to this bug.
51
-
52
- ### Areas affected and ensured
53
-
54
- List the areas affected by your code changes.
55
-
56
- ### Additional checklist
57
-
58
- - Did you run the automation against your fix?
59
- - Is there any API name change?
60
- - Is there any existing behavior change of other features due to this code change?
61
- - Does your new code introduce new warnings or binding errors?
62
- - Does your code pass all FxCop and StyleCop rules?
63
- - Did you record this case in the unit test or UI test?
@@ -1,39 +0,0 @@
1
- ### Feature description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Analysis and design
6
-
7
- If there is an external design, link to its project documentation area.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Solution description
11
-
12
- Describe your code changes in detail for reviewers.
13
-
14
- ### Output screenshots
15
-
16
- Post the output screenshots if an UI is affected or added due to this feature.
17
-
18
- ### Areas affected and ensured
19
-
20
- List the areas are affected by your code changes.
21
-
22
- ### Test cases
23
-
24
- Provide the unit testing written file details to understand the use cases considered in this implementation.
25
- If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
26
- Provide the test cases Excel file alone if the feature cannot be automated in any case.
27
-
28
- ### Test bed sample location
29
-
30
- Provide the test bed sample location where code reviewers can review the new feature’s behaviors. This depends on the CI process that your team follows. It can be from NPMCI, HockeyApp, staging site, local server, etc.
31
-
32
- ### Additional checklist
33
-
34
- - Did you run the automation against your fix?
35
- - Is there any API name change?
36
- - Is there any existing behavior change of other features due to this code change?
37
- - Does your new code introduce new warnings or binding errors?
38
- - Does your code pass all FxCop and StyleCop rules?
39
- - Did you record this case in the unit test or UI test?