@syncfusion/ej2-vue-navigations 20.4.53 → 21.1.37

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 (162) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +211 -142
  3. package/dist/ej2-vue-navigations.umd.min.js +2 -2
  4. package/dist/ej2-vue-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-navigations.es2015.js +1195 -1613
  6. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-navigations.es5.js +1337 -1877
  8. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-navigations.min.js +2 -2
  10. package/package.json +11 -10
  11. package/src/accordion/accordion.component.d.ts +3 -31
  12. package/src/accordion/accordion.component.js +137 -168
  13. package/src/accordion/items.directive.d.ts +2 -12
  14. package/src/accordion/items.directive.js +22 -71
  15. package/src/appbar/appbar.component.d.ts +3 -22
  16. package/src/appbar/appbar.component.js +83 -112
  17. package/src/breadcrumb/breadcrumb.component.d.ts +3 -25
  18. package/src/breadcrumb/breadcrumb.component.js +119 -150
  19. package/src/breadcrumb/items.directive.d.ts +2 -12
  20. package/src/breadcrumb/items.directive.js +22 -71
  21. package/src/carousel/carousel.component.d.ts +3 -29
  22. package/src/carousel/carousel.component.js +131 -162
  23. package/src/carousel/items.directive.d.ts +2 -12
  24. package/src/carousel/items.directive.js +22 -71
  25. package/src/context-menu/contextmenu.component.d.ts +3 -32
  26. package/src/context-menu/contextmenu.component.js +113 -142
  27. package/src/menu/items.directive.d.ts +2 -12
  28. package/src/menu/items.directive.js +22 -71
  29. package/src/menu/menu.component.d.ts +3 -32
  30. package/src/menu/menu.component.js +113 -142
  31. package/src/sidebar/sidebar.component.d.ts +3 -28
  32. package/src/sidebar/sidebar.component.js +128 -159
  33. package/src/tab/items.directive.d.ts +2 -12
  34. package/src/tab/items.directive.js +22 -71
  35. package/src/tab/tab.component.d.ts +3 -32
  36. package/src/tab/tab.component.js +113 -142
  37. package/src/toolbar/items.directive.d.ts +2 -12
  38. package/src/toolbar/items.directive.js +22 -71
  39. package/src/toolbar/toolbar.component.d.ts +3 -28
  40. package/src/toolbar/toolbar.component.js +101 -130
  41. package/src/treeview/treeview.component.d.ts +3 -39
  42. package/src/treeview/treeview.component.js +134 -163
  43. package/styles/accordion/bootstrap-dark.css +0 -1
  44. package/styles/accordion/bootstrap.css +0 -1
  45. package/styles/accordion/bootstrap4.css +0 -1
  46. package/styles/accordion/bootstrap5-dark.css +3 -4
  47. package/styles/accordion/bootstrap5.css +3 -4
  48. package/styles/accordion/fabric-dark.css +0 -1
  49. package/styles/accordion/fabric.css +0 -1
  50. package/styles/accordion/fluent-dark.css +3 -4
  51. package/styles/accordion/fluent.css +3 -4
  52. package/styles/accordion/highcontrast-light.css +0 -1
  53. package/styles/accordion/highcontrast.css +0 -1
  54. package/styles/accordion/material-dark.css +0 -1
  55. package/styles/accordion/material.css +0 -1
  56. package/styles/accordion/tailwind-dark.css +3 -4
  57. package/styles/accordion/tailwind.css +3 -4
  58. package/styles/appbar/bootstrap-dark.css +3 -0
  59. package/styles/appbar/bootstrap.css +3 -0
  60. package/styles/appbar/bootstrap4.css +3 -0
  61. package/styles/appbar/bootstrap5-dark.css +3 -0
  62. package/styles/appbar/bootstrap5.css +3 -0
  63. package/styles/appbar/fabric-dark.css +3 -0
  64. package/styles/appbar/fabric.css +3 -0
  65. package/styles/appbar/fluent-dark.css +3 -0
  66. package/styles/appbar/fluent.css +3 -0
  67. package/styles/appbar/highcontrast-light.css +3 -0
  68. package/styles/appbar/highcontrast.css +3 -0
  69. package/styles/appbar/material-dark.css +3 -0
  70. package/styles/appbar/material.css +3 -0
  71. package/styles/appbar/tailwind-dark.css +3 -0
  72. package/styles/appbar/tailwind.css +3 -0
  73. package/styles/bootstrap-dark.css +669 -938
  74. package/styles/bootstrap.css +658 -927
  75. package/styles/bootstrap4.css +724 -993
  76. package/styles/bootstrap5-dark.css +685 -954
  77. package/styles/bootstrap5.css +686 -955
  78. package/styles/carousel/bootstrap-dark.css +4 -0
  79. package/styles/carousel/bootstrap.css +4 -0
  80. package/styles/carousel/bootstrap4.css +4 -0
  81. package/styles/carousel/bootstrap5-dark.css +4 -0
  82. package/styles/carousel/bootstrap5.css +4 -0
  83. package/styles/carousel/fabric-dark.css +4 -0
  84. package/styles/carousel/fabric.css +4 -0
  85. package/styles/carousel/fluent-dark.css +4 -0
  86. package/styles/carousel/fluent.css +4 -0
  87. package/styles/carousel/highcontrast-light.css +4 -0
  88. package/styles/carousel/highcontrast.css +4 -0
  89. package/styles/carousel/material-dark.css +4 -0
  90. package/styles/carousel/material.css +4 -0
  91. package/styles/carousel/tailwind-dark.css +4 -0
  92. package/styles/carousel/tailwind.css +4 -0
  93. package/styles/fabric-dark.css +669 -938
  94. package/styles/fabric.css +669 -938
  95. package/styles/fluent-dark.css +677 -946
  96. package/styles/fluent.css +677 -946
  97. package/styles/h-scroll/bootstrap-dark.css +1 -1
  98. package/styles/h-scroll/bootstrap.css +1 -1
  99. package/styles/h-scroll/bootstrap4.css +1 -1
  100. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  101. package/styles/h-scroll/bootstrap5.css +1 -1
  102. package/styles/h-scroll/fabric-dark.css +1 -1
  103. package/styles/h-scroll/fabric.css +1 -1
  104. package/styles/h-scroll/fluent-dark.css +1 -1
  105. package/styles/h-scroll/fluent.css +1 -1
  106. package/styles/h-scroll/highcontrast-light.css +1 -1
  107. package/styles/h-scroll/highcontrast.css +1 -1
  108. package/styles/h-scroll/material-dark.css +1 -1
  109. package/styles/h-scroll/material.css +1 -1
  110. package/styles/h-scroll/tailwind-dark.css +1 -1
  111. package/styles/h-scroll/tailwind.css +1 -1
  112. package/styles/highcontrast-light.css +668 -937
  113. package/styles/highcontrast.css +675 -944
  114. package/styles/material-dark.css +669 -938
  115. package/styles/material.css +661 -930
  116. package/styles/menu/bootstrap-dark.css +7 -7
  117. package/styles/menu/bootstrap.css +7 -7
  118. package/styles/menu/bootstrap4.css +10 -10
  119. package/styles/menu/bootstrap5-dark.css +7 -7
  120. package/styles/menu/bootstrap5.css +7 -7
  121. package/styles/menu/fabric-dark.css +7 -7
  122. package/styles/menu/fabric.css +7 -7
  123. package/styles/menu/fluent-dark.css +7 -7
  124. package/styles/menu/fluent.css +7 -7
  125. package/styles/menu/highcontrast-light.css +7 -7
  126. package/styles/menu/highcontrast.css +7 -7
  127. package/styles/menu/material-dark.css +7 -7
  128. package/styles/menu/material.css +7 -7
  129. package/styles/menu/tailwind-dark.css +7 -7
  130. package/styles/menu/tailwind.css +7 -7
  131. package/styles/tab/bootstrap-dark.css +5 -2
  132. package/styles/tab/bootstrap.css +5 -2
  133. package/styles/tab/bootstrap4.css +12 -9
  134. package/styles/tab/bootstrap5-dark.css +11 -8
  135. package/styles/tab/bootstrap5.css +11 -8
  136. package/styles/tab/fabric-dark.css +7 -4
  137. package/styles/tab/fabric.css +7 -4
  138. package/styles/tab/fluent-dark.css +8 -5
  139. package/styles/tab/fluent.css +8 -5
  140. package/styles/tab/highcontrast-light.css +10 -7
  141. package/styles/tab/highcontrast.css +10 -7
  142. package/styles/tab/material-dark.css +4 -1
  143. package/styles/tab/material.css +4 -1
  144. package/styles/tab/tailwind-dark.css +8 -5
  145. package/styles/tab/tailwind.css +8 -5
  146. package/styles/tailwind-dark.css +668 -937
  147. package/styles/tailwind.css +668 -937
  148. package/styles/toolbar/bootstrap-dark.css +647 -925
  149. package/styles/toolbar/bootstrap.css +638 -916
  150. package/styles/toolbar/bootstrap4.css +657 -935
  151. package/styles/toolbar/bootstrap5-dark.css +658 -936
  152. package/styles/toolbar/bootstrap5.css +658 -936
  153. package/styles/toolbar/fabric-dark.css +645 -923
  154. package/styles/toolbar/fabric.css +651 -929
  155. package/styles/toolbar/fluent-dark.css +650 -928
  156. package/styles/toolbar/fluent.css +650 -928
  157. package/styles/toolbar/highcontrast-light.css +642 -920
  158. package/styles/toolbar/highcontrast.css +647 -925
  159. package/styles/toolbar/material-dark.css +649 -927
  160. package/styles/toolbar/material.css +646 -924
  161. package/styles/toolbar/tailwind-dark.css +647 -925
  162. package/styles/toolbar/tailwind.css +645 -923
package/styles/h-scroll/bootstrap-dark.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #393939;
222
- border: 0;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap.css CHANGED
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #e6e6e6;
223
- border: 0;
224
224
  color: #333;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap4.css CHANGED
@@ -119,6 +119,7 @@
119
119
  }
120
120
  .e-hscroll > * {
121
121
  height: inherit;
122
+ line-height: normal;
122
123
  }
123
124
  .e-hscroll .e-hscroll-content {
124
125
  display: inline-block;
@@ -220,7 +221,6 @@
220
221
  }
221
222
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
222
223
  background: #5a6268;
223
- border: 1px #545b62;
224
224
  color: #fff;
225
225
  }
226
226
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap5-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #495057;
232
- border: 0;
233
233
  color: #adb5bd;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/bootstrap5.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #dee2e6;
232
- border: 0;
233
233
  color: #6c757d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fabric-dark.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #414040;
222
- border: 0;
223
223
  color: #dadada;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fabric.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #f4f4f4;
222
- border: 0;
223
223
  color: #333;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fluent-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #292827;
232
- border: 0;
233
233
  color: #a19f9d;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/fluent.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: #edebe9;
232
- border: 0;
233
233
  color: #605e5c;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/highcontrast-light.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #ecf;
222
- border: 2px solid #000;
223
223
  color: #000;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/highcontrast.css CHANGED
@@ -118,6 +118,7 @@
118
118
  }
119
119
  .e-hscroll > * {
120
120
  height: inherit;
121
+ line-height: normal;
121
122
  }
122
123
  .e-hscroll .e-hscroll-content {
123
124
  display: inline-block;
@@ -219,7 +220,6 @@
219
220
  }
220
221
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
221
222
  background: #685708;
222
- border: 2px solid #fff;
223
223
  color: #fff;
224
224
  }
225
225
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/material-dark.css CHANGED
@@ -128,6 +128,7 @@
128
128
  }
129
129
  .e-hscroll > * {
130
130
  height: inherit;
131
+ line-height: normal;
131
132
  }
132
133
  .e-hscroll .e-hscroll-content {
133
134
  display: inline-block;
@@ -229,7 +230,6 @@
229
230
  }
230
231
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
231
232
  background: rgba(255, 255, 255, 0.1);
232
- border: 0;
233
233
  color: #000;
234
234
  }
235
235
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/material.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: rgba(0, 0, 0, 0.12);
233
- border: 0;
234
234
  color: #000;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/tailwind-dark.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #4b5563;
233
- border: 0;
234
234
  color: #9ca3af;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
package/styles/h-scroll/tailwind.css CHANGED
@@ -129,6 +129,7 @@
129
129
  }
130
130
  .e-hscroll > * {
131
131
  height: inherit;
132
+ line-height: normal;
132
133
  }
133
134
  .e-hscroll .e-hscroll-content {
134
135
  display: inline-block;
@@ -230,7 +231,6 @@
230
231
  }
231
232
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
232
233
  background: #e5e7eb;
233
- border: 0;
234
234
  color: #6b7280;
235
235
  }
236
236
  .e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {