@syncfusion/ej2-angular-navigations 21.2.9-ngcc → 22.1.34-ngcc

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 (214) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +2 -2
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +9 -0
  6. package/dist/ej2-angular-navigations.umd.js +3 -2
  7. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  8. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  9. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  10. package/ej2-angular-navigations.metadata.json +1 -1
  11. package/license +10 -0
  12. package/package.json +8 -8
  13. package/schematics/utils/lib-details.d.ts +2 -2
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/accordion/accordion.component.d.ts +2 -0
  17. package/src/breadcrumb/breadcrumb.component.d.ts +2 -0
  18. package/src/carousel/carousel.component.d.ts +5 -0
  19. package/src/carousel/items.directive.d.ts +1 -0
  20. package/src/menu/menu.component.d.ts +1 -0
  21. package/src/tab/items.directive.d.ts +1 -0
  22. package/src/toolbar/items.directive.d.ts +2 -0
  23. package/src/treeview/treeview.component.d.ts +3 -0
  24. package/styles/accordion/bootstrap-dark.css +11 -1
  25. package/styles/accordion/bootstrap.css +11 -1
  26. package/styles/accordion/bootstrap4.css +10 -0
  27. package/styles/accordion/bootstrap5-dark.css +11 -1
  28. package/styles/accordion/bootstrap5.css +11 -1
  29. package/styles/accordion/fabric-dark.css +10 -0
  30. package/styles/accordion/fabric.css +10 -0
  31. package/styles/accordion/fluent-dark.css +10 -0
  32. package/styles/accordion/fluent.css +10 -0
  33. package/styles/accordion/highcontrast-light.css +10 -0
  34. package/styles/accordion/highcontrast.css +10 -0
  35. package/styles/accordion/material-dark.css +10 -0
  36. package/styles/accordion/material.css +10 -0
  37. package/styles/accordion/material3-dark.css +596 -0
  38. package/styles/accordion/material3-dark.scss +2 -0
  39. package/styles/accordion/material3.css +652 -0
  40. package/styles/accordion/material3.scss +2 -0
  41. package/styles/accordion/tailwind-dark.css +10 -0
  42. package/styles/accordion/tailwind.css +10 -0
  43. package/styles/appbar/bootstrap-dark.css +7 -3
  44. package/styles/appbar/bootstrap.css +7 -3
  45. package/styles/appbar/bootstrap4.css +7 -3
  46. package/styles/appbar/bootstrap5-dark.css +7 -3
  47. package/styles/appbar/bootstrap5.css +7 -3
  48. package/styles/appbar/fabric-dark.css +7 -3
  49. package/styles/appbar/fabric.css +7 -3
  50. package/styles/appbar/fluent-dark.css +7 -3
  51. package/styles/appbar/fluent.css +7 -3
  52. package/styles/appbar/highcontrast-light.css +7 -3
  53. package/styles/appbar/highcontrast.css +7 -3
  54. package/styles/appbar/material-dark.css +7 -3
  55. package/styles/appbar/material.css +7 -3
  56. package/styles/appbar/material3-dark.css +307 -0
  57. package/styles/appbar/material3-dark.scss +2 -0
  58. package/styles/appbar/material3.css +363 -0
  59. package/styles/appbar/material3.scss +2 -0
  60. package/styles/appbar/tailwind-dark.css +7 -3
  61. package/styles/appbar/tailwind.css +7 -3
  62. package/styles/bootstrap-dark.css +185 -126
  63. package/styles/bootstrap.css +185 -126
  64. package/styles/bootstrap4.css +183 -124
  65. package/styles/bootstrap5-dark.css +179 -120
  66. package/styles/bootstrap5.css +179 -120
  67. package/styles/breadcrumb/bootstrap-dark.css +9 -9
  68. package/styles/breadcrumb/bootstrap.css +9 -9
  69. package/styles/breadcrumb/bootstrap4.css +9 -9
  70. package/styles/breadcrumb/bootstrap5-dark.css +8 -8
  71. package/styles/breadcrumb/bootstrap5.css +8 -8
  72. package/styles/breadcrumb/fabric-dark.css +7 -7
  73. package/styles/breadcrumb/fabric.css +7 -7
  74. package/styles/breadcrumb/fluent-dark.css +5 -5
  75. package/styles/breadcrumb/fluent.css +5 -5
  76. package/styles/breadcrumb/highcontrast-light.css +7 -7
  77. package/styles/breadcrumb/highcontrast.css +7 -7
  78. package/styles/breadcrumb/material-dark.css +9 -9
  79. package/styles/breadcrumb/material.css +9 -9
  80. package/styles/breadcrumb/material3-dark.css +424 -0
  81. package/styles/breadcrumb/material3-dark.scss +2 -0
  82. package/styles/breadcrumb/material3.css +480 -0
  83. package/styles/breadcrumb/material3.scss +2 -0
  84. package/styles/breadcrumb/tailwind-dark.css +8 -8
  85. package/styles/breadcrumb/tailwind.css +8 -8
  86. package/styles/carousel/bootstrap-dark.css +101 -62
  87. package/styles/carousel/bootstrap.css +101 -62
  88. package/styles/carousel/bootstrap4.css +101 -62
  89. package/styles/carousel/bootstrap5-dark.css +101 -62
  90. package/styles/carousel/bootstrap5.css +101 -62
  91. package/styles/carousel/fabric-dark.css +101 -62
  92. package/styles/carousel/fabric.css +101 -62
  93. package/styles/carousel/fluent-dark.css +101 -62
  94. package/styles/carousel/fluent.css +101 -62
  95. package/styles/carousel/highcontrast-light.css +101 -62
  96. package/styles/carousel/highcontrast.css +101 -62
  97. package/styles/carousel/material-dark.css +101 -62
  98. package/styles/carousel/material.css +101 -62
  99. package/styles/carousel/material3-dark.css +359 -0
  100. package/styles/carousel/material3-dark.scss +2 -0
  101. package/styles/carousel/material3.css +415 -0
  102. package/styles/carousel/material3.scss +2 -0
  103. package/styles/carousel/tailwind-dark.css +101 -62
  104. package/styles/carousel/tailwind.css +101 -62
  105. package/styles/context-menu/material3-dark.css +435 -0
  106. package/styles/context-menu/material3-dark.scss +2 -0
  107. package/styles/context-menu/material3.css +491 -0
  108. package/styles/context-menu/material3.scss +2 -0
  109. package/styles/fabric-dark.css +186 -127
  110. package/styles/fabric.css +185 -126
  111. package/styles/fluent-dark.css +179 -120
  112. package/styles/fluent.css +179 -120
  113. package/styles/h-scroll/material3-dark.css +336 -0
  114. package/styles/h-scroll/material3-dark.scss +2 -0
  115. package/styles/h-scroll/material3.css +392 -0
  116. package/styles/h-scroll/material3.scss +2 -0
  117. package/styles/highcontrast-light.css +178 -119
  118. package/styles/highcontrast.css +182 -123
  119. package/styles/material-dark.css +189 -130
  120. package/styles/material.css +188 -129
  121. package/styles/material3-dark.css +11015 -0
  122. package/styles/material3-dark.scss +14 -0
  123. package/styles/material3.css +11731 -0
  124. package/styles/material3.scss +14 -0
  125. package/styles/menu/bootstrap-dark.css +4 -0
  126. package/styles/menu/bootstrap.css +4 -0
  127. package/styles/menu/bootstrap4.css +4 -0
  128. package/styles/menu/bootstrap5-dark.css +4 -0
  129. package/styles/menu/bootstrap5.css +4 -0
  130. package/styles/menu/fabric-dark.css +4 -0
  131. package/styles/menu/fabric.css +4 -0
  132. package/styles/menu/fluent-dark.css +4 -0
  133. package/styles/menu/fluent.css +4 -0
  134. package/styles/menu/highcontrast-light.css +4 -0
  135. package/styles/menu/highcontrast.css +4 -0
  136. package/styles/menu/material-dark.css +4 -0
  137. package/styles/menu/material.css +4 -0
  138. package/styles/menu/material3-dark.css +1162 -0
  139. package/styles/menu/material3-dark.scss +2 -0
  140. package/styles/menu/material3.css +1218 -0
  141. package/styles/menu/material3.scss +2 -0
  142. package/styles/menu/tailwind-dark.css +4 -0
  143. package/styles/menu/tailwind.css +4 -0
  144. package/styles/pager/bootstrap-dark.css +15 -43
  145. package/styles/pager/bootstrap.css +15 -43
  146. package/styles/pager/bootstrap4.css +14 -42
  147. package/styles/pager/bootstrap5-dark.css +10 -38
  148. package/styles/pager/bootstrap5.css +10 -38
  149. package/styles/pager/fabric-dark.css +17 -45
  150. package/styles/pager/fabric.css +16 -44
  151. package/styles/pager/fluent-dark.css +14 -42
  152. package/styles/pager/fluent.css +14 -42
  153. package/styles/pager/highcontrast-light.css +10 -38
  154. package/styles/pager/highcontrast.css +14 -42
  155. package/styles/pager/material-dark.css +18 -46
  156. package/styles/pager/material.css +17 -45
  157. package/styles/pager/material3-dark.css +765 -0
  158. package/styles/pager/material3-dark.scss +2 -0
  159. package/styles/pager/material3.css +821 -0
  160. package/styles/pager/material3.scss +2 -0
  161. package/styles/pager/tailwind-dark.css +15 -43
  162. package/styles/pager/tailwind.css +15 -43
  163. package/styles/sidebar/material3-dark.css +204 -0
  164. package/styles/sidebar/material3-dark.scss +2 -0
  165. package/styles/sidebar/material3.css +260 -0
  166. package/styles/sidebar/material3.scss +2 -0
  167. package/styles/tab/bootstrap-dark.css +30 -7
  168. package/styles/tab/bootstrap.css +30 -7
  169. package/styles/tab/bootstrap4.css +30 -7
  170. package/styles/tab/bootstrap5-dark.css +30 -7
  171. package/styles/tab/bootstrap5.css +30 -7
  172. package/styles/tab/fabric-dark.css +30 -7
  173. package/styles/tab/fabric.css +30 -7
  174. package/styles/tab/fluent-dark.css +30 -7
  175. package/styles/tab/fluent.css +30 -7
  176. package/styles/tab/highcontrast-light.css +30 -7
  177. package/styles/tab/highcontrast.css +30 -7
  178. package/styles/tab/material-dark.css +30 -7
  179. package/styles/tab/material.css +30 -7
  180. package/styles/tab/material3-dark.css +4109 -0
  181. package/styles/tab/material3-dark.scss +2 -0
  182. package/styles/tab/material3.css +4165 -0
  183. package/styles/tab/material3.scss +2 -0
  184. package/styles/tab/tailwind-dark.css +29 -6
  185. package/styles/tab/tailwind.css +29 -6
  186. package/styles/tailwind-dark.css +185 -126
  187. package/styles/tailwind.css +185 -126
  188. package/styles/toolbar/bootstrap-dark.css +8 -1
  189. package/styles/toolbar/bootstrap.css +8 -1
  190. package/styles/toolbar/bootstrap4.css +8 -1
  191. package/styles/toolbar/bootstrap5-dark.css +8 -1
  192. package/styles/toolbar/bootstrap5.css +8 -1
  193. package/styles/toolbar/fabric-dark.css +10 -3
  194. package/styles/toolbar/fabric.css +10 -3
  195. package/styles/toolbar/fluent-dark.css +8 -1
  196. package/styles/toolbar/fluent.css +8 -1
  197. package/styles/toolbar/highcontrast-light.css +9 -2
  198. package/styles/toolbar/highcontrast.css +9 -2
  199. package/styles/toolbar/material-dark.css +10 -3
  200. package/styles/toolbar/material.css +10 -3
  201. package/styles/toolbar/material3-dark.css +1145 -0
  202. package/styles/toolbar/material3-dark.scss +2 -0
  203. package/styles/toolbar/material3.css +1201 -0
  204. package/styles/toolbar/material3.scss +2 -0
  205. package/styles/toolbar/tailwind-dark.css +11 -4
  206. package/styles/toolbar/tailwind.css +11 -4
  207. package/styles/treeview/material3-dark.css +903 -0
  208. package/styles/treeview/material3-dark.scss +2 -0
  209. package/styles/treeview/material3.css +959 -0
  210. package/styles/treeview/material3.scss +2 -0
  211. package/styles/v-scroll/material3-dark.css +258 -0
  212. package/styles/v-scroll/material3-dark.scss +2 -0
  213. package/styles/v-scroll/material3.css +314 -0
  214. package/styles/v-scroll/material3.scss +2 -0
@@ -0,0 +1,2 @@
1
+ @import 'ej2-base/styles/material3-definition.scss';
2
+ @import 'ej2-navigations/styles/toolbar/material3.scss';
@@ -33,6 +33,12 @@
33
33
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
34
34
  margin-left: 10px;
35
35
  }
36
+ .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
37
+ .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child,
38
+ .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
39
+ .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
40
+ margin-right: 10px;
41
+ }
36
42
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
37
43
  .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
38
44
  margin-right: 10px;
@@ -948,7 +954,7 @@
948
954
  }
949
955
  .e-toolbar .e-hor-nav:hover {
950
956
  background: #4b5563;
951
- border-left: 0;
957
+ border-left: 1px solid #4b5563;
952
958
  color: #9ca3af;
953
959
  }
954
960
  .e-toolbar .e-hor-nav:hover .e-icons {
@@ -957,7 +963,7 @@
957
963
  .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
958
964
  border-color: #4b5563;
959
965
  border-style: solid;
960
- border-width: 0;
966
+ border-width: 0 0 0 1px;
961
967
  }
962
968
  .e-toolbar .e-hor-nav:hover:active {
963
969
  background: #4b5563;
@@ -1073,10 +1079,11 @@
1073
1079
  .e-toolbar.e-rtl .e-hor-nav {
1074
1080
  background: #374151;
1075
1081
  border: solid #4b5563;
1076
- border-left: 0;
1077
- border-width: 0 0 0 0;
1082
+ border-width: 0 1px 0 0;
1078
1083
  }
1079
1084
  .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
1080
1085
  background: #4b5563;
1081
1086
  color: #9ca3af;
1087
+ border: solid #4b5563;
1088
+ border-width: 0 1px 0 0;
1082
1089
  }
@@ -33,6 +33,12 @@
33
33
  .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
34
34
  margin-left: 10px;
35
35
  }
36
+ .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
37
+ .e-bigger .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child,
38
+ .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-item:last-child,
39
+ .e-toolbar.e-bigger .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
40
+ margin-right: 10px;
41
+ }
36
42
  .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
37
43
  .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
38
44
  margin-right: 10px;
@@ -948,7 +954,7 @@
948
954
  }
949
955
  .e-toolbar .e-hor-nav:hover {
950
956
  background: #e5e7eb;
951
- border-left: 0;
957
+ border-left: 1px solid #e5e7eb;
952
958
  color: #6b7280;
953
959
  }
954
960
  .e-toolbar .e-hor-nav:hover .e-icons {
@@ -957,7 +963,7 @@
957
963
  .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
958
964
  border-color: #e5e7eb;
959
965
  border-style: solid;
960
- border-width: 0;
966
+ border-width: 0 0 0 1px;
961
967
  }
962
968
  .e-toolbar .e-hor-nav:hover:active {
963
969
  background: #e5e7eb;
@@ -1073,10 +1079,11 @@
1073
1079
  .e-toolbar.e-rtl .e-hor-nav {
1074
1080
  background: #f3f4f6;
1075
1081
  border: solid #e5e7eb;
1076
- border-left: 0;
1077
- border-width: 0 0 0 0;
1082
+ border-width: 0 1px 0 0;
1078
1083
  }
1079
1084
  .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
1080
1085
  background: #e5e7eb;
1081
1086
  color: #6b7280;
1087
+ border: solid #e5e7eb;
1088
+ border-width: 0 1px 0 0;
1082
1089
  }