@syncfusion/ej2-react-navigations 20.4.53 → 21.1.35

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 (149) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +213 -144
  3. package/diConfig.json +3 -0
  4. package/dist/ej2-react-navigations.min.js +2 -2
  5. package/dist/ej2-react-navigations.umd.min.js +2 -2
  6. package/dist/ej2-react-navigations.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-react-navigations.es2015.js +10 -0
  8. package/dist/es6/ej2-react-navigations.es2015.js.map +1 -1
  9. package/package.json +9 -9
  10. package/src/accordion/accordion.component.d.ts +1 -0
  11. package/src/accordion/accordion.component.js +1 -0
  12. package/src/appbar/appbar.component.d.ts +1 -0
  13. package/src/appbar/appbar.component.js +1 -0
  14. package/src/breadcrumb/breadcrumb.component.d.ts +1 -0
  15. package/src/breadcrumb/breadcrumb.component.js +1 -0
  16. package/src/carousel/carousel.component.d.ts +1 -0
  17. package/src/carousel/carousel.component.js +1 -0
  18. package/src/context-menu/contextmenu.component.d.ts +1 -0
  19. package/src/context-menu/contextmenu.component.js +1 -0
  20. package/src/menu/menu.component.d.ts +1 -0
  21. package/src/menu/menu.component.js +1 -0
  22. package/src/sidebar/sidebar.component.d.ts +1 -0
  23. package/src/sidebar/sidebar.component.js +1 -0
  24. package/src/tab/tab.component.d.ts +1 -0
  25. package/src/tab/tab.component.js +1 -0
  26. package/src/toolbar/toolbar.component.d.ts +1 -0
  27. package/src/toolbar/toolbar.component.js +1 -0
  28. package/src/treeview/treeview.component.d.ts +1 -0
  29. package/src/treeview/treeview.component.js +1 -0
  30. package/styles/accordion/bootstrap-dark.css +0 -1
  31. package/styles/accordion/bootstrap.css +0 -1
  32. package/styles/accordion/bootstrap4.css +0 -1
  33. package/styles/accordion/bootstrap5-dark.css +3 -4
  34. package/styles/accordion/bootstrap5.css +3 -4
  35. package/styles/accordion/fabric-dark.css +0 -1
  36. package/styles/accordion/fabric.css +0 -1
  37. package/styles/accordion/fluent-dark.css +3 -4
  38. package/styles/accordion/fluent.css +3 -4
  39. package/styles/accordion/highcontrast-light.css +0 -1
  40. package/styles/accordion/highcontrast.css +0 -1
  41. package/styles/accordion/material-dark.css +0 -1
  42. package/styles/accordion/material.css +0 -1
  43. package/styles/accordion/tailwind-dark.css +3 -4
  44. package/styles/accordion/tailwind.css +3 -4
  45. package/styles/appbar/bootstrap-dark.css +3 -0
  46. package/styles/appbar/bootstrap.css +3 -0
  47. package/styles/appbar/bootstrap4.css +3 -0
  48. package/styles/appbar/bootstrap5-dark.css +3 -0
  49. package/styles/appbar/bootstrap5.css +3 -0
  50. package/styles/appbar/fabric-dark.css +3 -0
  51. package/styles/appbar/fabric.css +3 -0
  52. package/styles/appbar/fluent-dark.css +3 -0
  53. package/styles/appbar/fluent.css +3 -0
  54. package/styles/appbar/highcontrast-light.css +3 -0
  55. package/styles/appbar/highcontrast.css +3 -0
  56. package/styles/appbar/material-dark.css +3 -0
  57. package/styles/appbar/material.css +3 -0
  58. package/styles/appbar/tailwind-dark.css +3 -0
  59. package/styles/appbar/tailwind.css +3 -0
  60. package/styles/bootstrap-dark.css +669 -938
  61. package/styles/bootstrap.css +658 -927
  62. package/styles/bootstrap4.css +724 -993
  63. package/styles/bootstrap5-dark.css +685 -954
  64. package/styles/bootstrap5.css +686 -955
  65. package/styles/carousel/bootstrap-dark.css +4 -0
  66. package/styles/carousel/bootstrap.css +4 -0
  67. package/styles/carousel/bootstrap4.css +4 -0
  68. package/styles/carousel/bootstrap5-dark.css +4 -0
  69. package/styles/carousel/bootstrap5.css +4 -0
  70. package/styles/carousel/fabric-dark.css +4 -0
  71. package/styles/carousel/fabric.css +4 -0
  72. package/styles/carousel/fluent-dark.css +4 -0
  73. package/styles/carousel/fluent.css +4 -0
  74. package/styles/carousel/highcontrast-light.css +4 -0
  75. package/styles/carousel/highcontrast.css +4 -0
  76. package/styles/carousel/material-dark.css +4 -0
  77. package/styles/carousel/material.css +4 -0
  78. package/styles/carousel/tailwind-dark.css +4 -0
  79. package/styles/carousel/tailwind.css +4 -0
  80. package/styles/fabric-dark.css +669 -938
  81. package/styles/fabric.css +669 -938
  82. package/styles/fluent-dark.css +677 -946
  83. package/styles/fluent.css +677 -946
  84. package/styles/h-scroll/bootstrap-dark.css +1 -1
  85. package/styles/h-scroll/bootstrap.css +1 -1
  86. package/styles/h-scroll/bootstrap4.css +1 -1
  87. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  88. package/styles/h-scroll/bootstrap5.css +1 -1
  89. package/styles/h-scroll/fabric-dark.css +1 -1
  90. package/styles/h-scroll/fabric.css +1 -1
  91. package/styles/h-scroll/fluent-dark.css +1 -1
  92. package/styles/h-scroll/fluent.css +1 -1
  93. package/styles/h-scroll/highcontrast-light.css +1 -1
  94. package/styles/h-scroll/highcontrast.css +1 -1
  95. package/styles/h-scroll/material-dark.css +1 -1
  96. package/styles/h-scroll/material.css +1 -1
  97. package/styles/h-scroll/tailwind-dark.css +1 -1
  98. package/styles/h-scroll/tailwind.css +1 -1
  99. package/styles/highcontrast-light.css +668 -937
  100. package/styles/highcontrast.css +675 -944
  101. package/styles/material-dark.css +669 -938
  102. package/styles/material.css +661 -930
  103. package/styles/menu/bootstrap-dark.css +7 -7
  104. package/styles/menu/bootstrap.css +7 -7
  105. package/styles/menu/bootstrap4.css +10 -10
  106. package/styles/menu/bootstrap5-dark.css +7 -7
  107. package/styles/menu/bootstrap5.css +7 -7
  108. package/styles/menu/fabric-dark.css +7 -7
  109. package/styles/menu/fabric.css +7 -7
  110. package/styles/menu/fluent-dark.css +7 -7
  111. package/styles/menu/fluent.css +7 -7
  112. package/styles/menu/highcontrast-light.css +7 -7
  113. package/styles/menu/highcontrast.css +7 -7
  114. package/styles/menu/material-dark.css +7 -7
  115. package/styles/menu/material.css +7 -7
  116. package/styles/menu/tailwind-dark.css +7 -7
  117. package/styles/menu/tailwind.css +7 -7
  118. package/styles/tab/bootstrap-dark.css +5 -2
  119. package/styles/tab/bootstrap.css +5 -2
  120. package/styles/tab/bootstrap4.css +12 -9
  121. package/styles/tab/bootstrap5-dark.css +11 -8
  122. package/styles/tab/bootstrap5.css +11 -8
  123. package/styles/tab/fabric-dark.css +7 -4
  124. package/styles/tab/fabric.css +7 -4
  125. package/styles/tab/fluent-dark.css +8 -5
  126. package/styles/tab/fluent.css +8 -5
  127. package/styles/tab/highcontrast-light.css +10 -7
  128. package/styles/tab/highcontrast.css +10 -7
  129. package/styles/tab/material-dark.css +4 -1
  130. package/styles/tab/material.css +4 -1
  131. package/styles/tab/tailwind-dark.css +8 -5
  132. package/styles/tab/tailwind.css +8 -5
  133. package/styles/tailwind-dark.css +668 -937
  134. package/styles/tailwind.css +668 -937
  135. package/styles/toolbar/bootstrap-dark.css +647 -925
  136. package/styles/toolbar/bootstrap.css +638 -916
  137. package/styles/toolbar/bootstrap4.css +657 -935
  138. package/styles/toolbar/bootstrap5-dark.css +658 -936
  139. package/styles/toolbar/bootstrap5.css +658 -936
  140. package/styles/toolbar/fabric-dark.css +645 -923
  141. package/styles/toolbar/fabric.css +651 -929
  142. package/styles/toolbar/fluent-dark.css +650 -928
  143. package/styles/toolbar/fluent.css +650 -928
  144. package/styles/toolbar/highcontrast-light.css +642 -920
  145. package/styles/toolbar/highcontrast.css +647 -925
  146. package/styles/toolbar/material-dark.css +649 -927
  147. package/styles/toolbar/material.css +646 -924
  148. package/styles/toolbar/tailwind-dark.css +647 -925
  149. package/styles/toolbar/tailwind.css +645 -923
package/styles/carousel/bootstrap-dark.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/bootstrap.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/bootstrap4.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/bootstrap5-dark.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/bootstrap5.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/fabric-dark.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/fabric.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/fluent-dark.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/fluent.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/highcontrast-light.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/highcontrast.css CHANGED
@@ -68,6 +68,10 @@
68
68
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
69
69
  transition: transform 0.6s ease-in-out;
70
70
  }
71
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
72
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
73
+ transition: transform 0.6s ease-in-out;
74
+ }
71
75
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
72
76
  backface-visibility: hidden;
73
77
  display: none;
package/styles/carousel/material-dark.css CHANGED
@@ -69,6 +69,10 @@
69
69
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
70
70
  transition: transform 0.6s ease-in-out;
71
71
  }
72
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
73
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
74
+ transition: transform 0.6s ease-in-out;
75
+ }
72
76
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
73
77
  backface-visibility: hidden;
74
78
  display: none;
package/styles/carousel/material.css CHANGED
@@ -69,6 +69,10 @@
69
69
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
70
70
  transition: transform 0.6s ease-in-out;
71
71
  }
72
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
73
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
74
+ transition: transform 0.6s ease-in-out;
75
+ }
72
76
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
73
77
  backface-visibility: hidden;
74
78
  display: none;
package/styles/carousel/tailwind-dark.css CHANGED
@@ -69,6 +69,10 @@
69
69
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
70
70
  transition: transform 0.6s ease-in-out;
71
71
  }
72
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
73
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
74
+ transition: transform 0.6s ease-in-out;
75
+ }
72
76
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
73
77
  backface-visibility: hidden;
74
78
  display: none;
package/styles/carousel/tailwind.css CHANGED
@@ -69,6 +69,10 @@
69
69
  transform: translateX(calc(-100% / var(--carousel-items-count) * (var(--carousel-items-current))));
70
70
  transition: transform 0.6s ease-in-out;
71
71
  }
72
+ .e-carousel.e-blazor-carousel.e-partial.e-rtl .e-carousel-items {
73
+ transform: translateX(calc(100% / var(--carousel-items-count) * (var(--carousel-items-current))));
74
+ transition: transform 0.6s ease-in-out;
75
+ }
72
76
  .e-carousel.e-carousel-slide-animation:not(.e-partial) .e-carousel-item {
73
77
  backface-visibility: hidden;
74
78
  display: none;