@syncfusion/ej2-angular-layouts 20.4.53 → 21.1.35-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 (260) hide show
  1. package/@syncfusion/ej2-angular-layouts.es5.js +495 -0
  2. package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-layouts.js +447 -0
  4. package/@syncfusion/ej2-angular-layouts.js.map +1 -0
  5. package/CHANGELOG.md +575 -0
  6. package/dist/ej2-angular-layouts.umd.js +522 -0
  7. package/dist/ej2-angular-layouts.umd.js.map +1 -0
  8. package/dist/ej2-angular-layouts.umd.min.js +11 -0
  9. package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
  10. package/ej2-angular-layouts.d.ts +6 -0
  11. package/ej2-angular-layouts.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
  18. package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
  19. package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
  20. package/src/dashboard-layout/panels.directive.d.ts +0 -5
  21. package/src/splitter/panesettings.directive.d.ts +0 -5
  22. package/src/splitter/splitter-all.module.d.ts +0 -6
  23. package/src/splitter/splitter.component.d.ts +0 -3
  24. package/src/splitter/splitter.module.d.ts +0 -7
  25. package/styles/avatar/bootstrap-dark.css +3 -0
  26. package/styles/avatar/bootstrap-dark.scss +1 -3
  27. package/styles/avatar/bootstrap.css +3 -0
  28. package/styles/avatar/bootstrap.scss +1 -3
  29. package/styles/avatar/bootstrap4.css +3 -0
  30. package/styles/avatar/bootstrap4.scss +1 -3
  31. package/styles/avatar/bootstrap5-dark.css +3 -0
  32. package/styles/avatar/bootstrap5-dark.scss +1 -3
  33. package/styles/avatar/bootstrap5.css +3 -0
  34. package/styles/avatar/bootstrap5.scss +1 -3
  35. package/styles/avatar/fabric-dark.css +3 -0
  36. package/styles/avatar/fabric-dark.scss +1 -3
  37. package/styles/avatar/fabric.css +3 -0
  38. package/styles/avatar/fabric.scss +1 -3
  39. package/styles/avatar/fluent-dark.css +3 -0
  40. package/styles/avatar/fluent-dark.scss +1 -3
  41. package/styles/avatar/fluent.css +3 -0
  42. package/styles/avatar/fluent.scss +1 -3
  43. package/styles/avatar/highcontrast-light.css +3 -0
  44. package/styles/avatar/highcontrast-light.scss +1 -3
  45. package/styles/avatar/highcontrast.css +3 -0
  46. package/styles/avatar/highcontrast.scss +1 -3
  47. package/styles/avatar/material-dark.css +3 -0
  48. package/styles/avatar/material-dark.scss +1 -3
  49. package/styles/avatar/material.css +3 -0
  50. package/styles/avatar/material.scss +1 -3
  51. package/styles/avatar/tailwind-dark.css +3 -0
  52. package/styles/avatar/tailwind-dark.scss +1 -3
  53. package/styles/avatar/tailwind.css +3 -0
  54. package/styles/avatar/tailwind.scss +1 -3
  55. package/styles/bootstrap-dark.css +5 -1
  56. package/styles/bootstrap.css +5 -1
  57. package/styles/bootstrap4.css +5 -1
  58. package/styles/bootstrap5-dark.css +5 -1
  59. package/styles/bootstrap5.css +5 -1
  60. package/styles/card/bootstrap-dark.css +2 -1
  61. package/styles/card/bootstrap-dark.scss +1 -3
  62. package/styles/card/bootstrap.css +2 -1
  63. package/styles/card/bootstrap.scss +1 -3
  64. package/styles/card/bootstrap4.css +2 -1
  65. package/styles/card/bootstrap4.scss +1 -3
  66. package/styles/card/bootstrap5-dark.css +2 -1
  67. package/styles/card/bootstrap5-dark.scss +1 -3
  68. package/styles/card/bootstrap5.css +2 -1
  69. package/styles/card/bootstrap5.scss +1 -3
  70. package/styles/card/fabric-dark.css +2 -1
  71. package/styles/card/fabric-dark.scss +1 -3
  72. package/styles/card/fabric.css +2 -1
  73. package/styles/card/fabric.scss +1 -3
  74. package/styles/card/fluent-dark.css +2 -1
  75. package/styles/card/fluent-dark.scss +1 -3
  76. package/styles/card/fluent.css +2 -1
  77. package/styles/card/fluent.scss +1 -3
  78. package/styles/card/highcontrast-light.css +2 -1
  79. package/styles/card/highcontrast-light.scss +1 -3
  80. package/styles/card/highcontrast.css +2 -1
  81. package/styles/card/highcontrast.scss +1 -3
  82. package/styles/card/material-dark.css +2 -1
  83. package/styles/card/material-dark.scss +1 -3
  84. package/styles/card/material.css +2 -1
  85. package/styles/card/material.scss +1 -3
  86. package/styles/card/tailwind-dark.css +2 -1
  87. package/styles/card/tailwind-dark.scss +1 -3
  88. package/styles/card/tailwind.css +2 -1
  89. package/styles/card/tailwind.scss +1 -3
  90. package/styles/dashboard-layout/bootstrap-dark.scss +1 -4
  91. package/styles/dashboard-layout/bootstrap.scss +1 -4
  92. package/styles/dashboard-layout/bootstrap4.scss +1 -4
  93. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -4
  94. package/styles/dashboard-layout/bootstrap5.scss +1 -4
  95. package/styles/dashboard-layout/fabric-dark.scss +1 -4
  96. package/styles/dashboard-layout/fabric.scss +1 -4
  97. package/styles/dashboard-layout/fluent-dark.scss +1 -4
  98. package/styles/dashboard-layout/fluent.scss +1 -4
  99. package/styles/dashboard-layout/highcontrast-light.scss +1 -3
  100. package/styles/dashboard-layout/highcontrast.scss +1 -4
  101. package/styles/dashboard-layout/material-dark.scss +1 -4
  102. package/styles/dashboard-layout/material.scss +1 -4
  103. package/styles/dashboard-layout/tailwind-dark.scss +1 -4
  104. package/styles/dashboard-layout/tailwind.scss +1 -4
  105. package/styles/fabric-dark.css +5 -1
  106. package/styles/fabric.css +5 -1
  107. package/styles/fluent-dark.css +5 -1
  108. package/styles/fluent.css +5 -1
  109. package/styles/highcontrast-light.css +5 -1
  110. package/styles/highcontrast.css +5 -1
  111. package/styles/material-dark.css +5 -1
  112. package/styles/material.css +5 -1
  113. package/styles/splitter/bootstrap-dark.scss +1 -4
  114. package/styles/splitter/bootstrap.scss +1 -4
  115. package/styles/splitter/bootstrap4.scss +1 -4
  116. package/styles/splitter/bootstrap5-dark.scss +1 -4
  117. package/styles/splitter/bootstrap5.scss +1 -4
  118. package/styles/splitter/fabric-dark.scss +1 -4
  119. package/styles/splitter/fabric.scss +1 -4
  120. package/styles/splitter/fluent-dark.scss +1 -4
  121. package/styles/splitter/fluent.scss +1 -4
  122. package/styles/splitter/highcontrast-light.scss +1 -4
  123. package/styles/splitter/highcontrast.scss +1 -4
  124. package/styles/splitter/material-dark.scss +1 -4
  125. package/styles/splitter/material.scss +1 -4
  126. package/styles/splitter/tailwind-dark.scss +1 -4
  127. package/styles/splitter/tailwind.scss +1 -4
  128. package/styles/tailwind-dark.css +5 -1
  129. package/styles/tailwind.css +5 -1
  130. package/esm2020/public_api.mjs +0 -3
  131. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
  132. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
  133. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
  134. package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
  135. package/esm2020/src/index.mjs +0 -10
  136. package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
  137. package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
  138. package/esm2020/src/splitter/splitter.component.mjs +0 -64
  139. package/esm2020/src/splitter/splitter.module.mjs +0 -34
  140. package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
  141. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -354
  142. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  143. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -354
  144. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  145. package/styles/avatar/_all.scss +0 -1
  146. package/styles/avatar/_bootstrap-dark-definition.scss +0 -18
  147. package/styles/avatar/_bootstrap-definition.scss +0 -18
  148. package/styles/avatar/_bootstrap4-definition.scss +0 -18
  149. package/styles/avatar/_bootstrap5-dark-definition.scss +0 -1
  150. package/styles/avatar/_bootstrap5-definition.scss +0 -26
  151. package/styles/avatar/_fabric-dark-definition.scss +0 -18
  152. package/styles/avatar/_fabric-definition.scss +0 -18
  153. package/styles/avatar/_fluent-dark-definition.scss +0 -1
  154. package/styles/avatar/_fluent-definition.scss +0 -25
  155. package/styles/avatar/_fusionnew-definition.scss +0 -26
  156. package/styles/avatar/_highcontrast-definition.scss +0 -18
  157. package/styles/avatar/_highcontrast-light-definition.scss +0 -18
  158. package/styles/avatar/_layout.scss +0 -75
  159. package/styles/avatar/_material-dark-definition.scss +0 -18
  160. package/styles/avatar/_material-definition.scss +0 -18
  161. package/styles/avatar/_material3-definition.scss +0 -26
  162. package/styles/avatar/_tailwind-dark-definition.scss +0 -1
  163. package/styles/avatar/_tailwind-definition.scss +0 -25
  164. package/styles/avatar/_theme.scss +0 -1
  165. package/styles/card/_all.scss +0 -2
  166. package/styles/card/_bootstrap-dark-definition.scss +0 -246
  167. package/styles/card/_bootstrap-definition.scss +0 -126
  168. package/styles/card/_bootstrap4-definition.scss +0 -127
  169. package/styles/card/_bootstrap5-dark-definition.scss +0 -1
  170. package/styles/card/_bootstrap5-definition.scss +0 -127
  171. package/styles/card/_fabric-dark-definition.scss +0 -234
  172. package/styles/card/_fabric-definition.scss +0 -125
  173. package/styles/card/_fluent-dark-definition.scss +0 -1
  174. package/styles/card/_fluent-definition.scss +0 -132
  175. package/styles/card/_fusionnew-definition.scss +0 -127
  176. package/styles/card/_highcontrast-definition.scss +0 -126
  177. package/styles/card/_highcontrast-light-definition.scss +0 -247
  178. package/styles/card/_layout.scss +0 -527
  179. package/styles/card/_material-dark-definition.scss +0 -241
  180. package/styles/card/_material-definition.scss +0 -125
  181. package/styles/card/_material3-definition.scss +0 -127
  182. package/styles/card/_tailwind-dark-definition.scss +0 -1
  183. package/styles/card/_tailwind-definition.scss +0 -125
  184. package/styles/card/_theme.scss +0 -104
  185. package/styles/dashboard-layout/_all.scss +0 -2
  186. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +0 -102
  187. package/styles/dashboard-layout/_bootstrap-definition.scss +0 -102
  188. package/styles/dashboard-layout/_bootstrap4-definition.scss +0 -102
  189. package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +0 -1
  190. package/styles/dashboard-layout/_bootstrap5-definition.scss +0 -108
  191. package/styles/dashboard-layout/_fabric-dark-definition.scss +0 -103
  192. package/styles/dashboard-layout/_fabric-definition.scss +0 -102
  193. package/styles/dashboard-layout/_fluent-dark-definition.scss +0 -1
  194. package/styles/dashboard-layout/_fluent-definition.scss +0 -111
  195. package/styles/dashboard-layout/_fusionnew-definition.scss +0 -108
  196. package/styles/dashboard-layout/_highcontrast-definition.scss +0 -100
  197. package/styles/dashboard-layout/_highcontrast-light-definition.scss +0 -100
  198. package/styles/dashboard-layout/_layout.scss +0 -263
  199. package/styles/dashboard-layout/_material-dark-definition.scss +0 -103
  200. package/styles/dashboard-layout/_material-definition.scss +0 -102
  201. package/styles/dashboard-layout/_material3-definition.scss +0 -108
  202. package/styles/dashboard-layout/_tailwind-dark-definition.scss +0 -1
  203. package/styles/dashboard-layout/_tailwind-definition.scss +0 -109
  204. package/styles/dashboard-layout/_theme.scss +0 -128
  205. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +0 -80
  206. package/styles/dashboard-layout/icons/_bootstrap.scss +0 -80
  207. package/styles/dashboard-layout/icons/_bootstrap4.scss +0 -80
  208. package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +0 -1
  209. package/styles/dashboard-layout/icons/_bootstrap5.scss +0 -80
  210. package/styles/dashboard-layout/icons/_fabric-dark.scss +0 -80
  211. package/styles/dashboard-layout/icons/_fabric.scss +0 -80
  212. package/styles/dashboard-layout/icons/_fluent-dark.scss +0 -1
  213. package/styles/dashboard-layout/icons/_fluent.scss +0 -80
  214. package/styles/dashboard-layout/icons/_fusionnew.scss +0 -80
  215. package/styles/dashboard-layout/icons/_highcontrast.scss +0 -80
  216. package/styles/dashboard-layout/icons/_material-dark.scss +0 -80
  217. package/styles/dashboard-layout/icons/_material.scss +0 -80
  218. package/styles/dashboard-layout/icons/_material3.scss +0 -80
  219. package/styles/dashboard-layout/icons/_tailwind-dark.scss +0 -80
  220. package/styles/dashboard-layout/icons/_tailwind.scss +0 -80
  221. package/styles/splitter/_all.scss +0 -3
  222. package/styles/splitter/_bootstrap-dark-definition.scss +0 -27
  223. package/styles/splitter/_bootstrap-definition.scss +0 -27
  224. package/styles/splitter/_bootstrap4-definition.scss +0 -27
  225. package/styles/splitter/_bootstrap5-dark-definition.scss +0 -1
  226. package/styles/splitter/_bootstrap5-definition.scss +0 -33
  227. package/styles/splitter/_definition.scss +0 -1
  228. package/styles/splitter/_fabric-dark-definition.scss +0 -27
  229. package/styles/splitter/_fabric-definition.scss +0 -27
  230. package/styles/splitter/_fluent-dark-definition.scss +0 -1
  231. package/styles/splitter/_fluent-definition.scss +0 -31
  232. package/styles/splitter/_fusionnew-definition.scss +0 -33
  233. package/styles/splitter/_highcontrast-definition.scss +0 -27
  234. package/styles/splitter/_highcontrast-light-definition.scss +0 -27
  235. package/styles/splitter/_layout.scss +0 -416
  236. package/styles/splitter/_material-dark-definition.scss +0 -27
  237. package/styles/splitter/_material-definition.scss +0 -28
  238. package/styles/splitter/_material3-definition.scss +0 -33
  239. package/styles/splitter/_responsive.scss +0 -1
  240. package/styles/splitter/_tailwind-dark-definition.scss +0 -1
  241. package/styles/splitter/_tailwind-definition.scss +0 -33
  242. package/styles/splitter/_theme.scss +0 -205
  243. package/styles/splitter/icons/_bootstrap-dark.scss +0 -52
  244. package/styles/splitter/icons/_bootstrap.scss +0 -52
  245. package/styles/splitter/icons/_bootstrap4.scss +0 -51
  246. package/styles/splitter/icons/_bootstrap5-dark.scss +0 -1
  247. package/styles/splitter/icons/_bootstrap5.scss +0 -39
  248. package/styles/splitter/icons/_fabric-dark.scss +0 -52
  249. package/styles/splitter/icons/_fabric.scss +0 -52
  250. package/styles/splitter/icons/_fluent-dark.scss +0 -1
  251. package/styles/splitter/icons/_fluent.scss +0 -39
  252. package/styles/splitter/icons/_fusionnew.scss +0 -39
  253. package/styles/splitter/icons/_highcontrast-light.scss +0 -52
  254. package/styles/splitter/icons/_highcontrast.scss +0 -52
  255. package/styles/splitter/icons/_material-dark.scss +0 -51
  256. package/styles/splitter/icons/_material.scss +0 -51
  257. package/styles/splitter/icons/_material3.scss +0 -39
  258. package/styles/splitter/icons/_tailwind-dark.scss +0 -1
  259. package/styles/splitter/icons/_tailwind.scss +0 -39
  260. package/syncfusion-ej2-angular-layouts.d.ts +0 -5
package/styles/avatar/material.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 0.6em;
34
37
  }
package/styles/avatar/material.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/material-definition.scss';
2
- @import 'material-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/avatar/material.scss';
package/styles/avatar/tailwind-dark.css CHANGED
@@ -30,6 +30,9 @@
30
30
  .e-avatar.e-avatar-circle {
31
31
  border-radius: 50%;
32
32
  }
33
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
34
+ border-radius: 50%;
35
+ }
33
36
  .e-avatar.e-avatar-xsmall {
34
37
  font-size: 10px;
35
38
  height: 24px;
package/styles/avatar/tailwind-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
- @import 'tailwind-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/avatar/tailwind-dark.scss';
package/styles/avatar/tailwind.css CHANGED
@@ -30,6 +30,9 @@
30
30
  .e-avatar.e-avatar-circle {
31
31
  border-radius: 50%;
32
32
  }
33
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
34
+ border-radius: 50%;
35
+ }
33
36
  .e-avatar.e-avatar-xsmall {
34
37
  font-size: 10px;
35
38
  height: 24px;
package/styles/avatar/tailwind.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
2
- @import 'tailwind-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/avatar/tailwind.scss';
package/styles/bootstrap-dark.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -473,6 +476,7 @@
473
476
  font-size: 14px;
474
477
  line-height: normal;
475
478
  padding: 16px;
479
+ word-wrap: break-word;
476
480
  }
477
481
  .e-card .e-card-content + :not(.e-card-content),
478
482
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
490
494
  /* stylelint-disable property-no-vendor-prefix */
491
495
  .e-card {
492
496
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
- background-color: #6e6e6e;
497
+ background: #6e6e6e;
494
498
  border: 1px solid #1a1a1a;
495
499
  box-shadow: none;
496
500
  color: #fff;
package/styles/bootstrap.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.6em;
33
36
  }
@@ -474,6 +477,7 @@
474
477
  font-size: 14px;
475
478
  line-height: normal;
476
479
  padding: 12px;
480
+ word-wrap: break-word;
477
481
  }
478
482
  .e-card .e-card-content + :not(.e-card-content),
479
483
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -491,7 +495,7 @@
491
495
  /* stylelint-disable property-no-vendor-prefix */
492
496
  .e-card {
493
497
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
494
- background-color: #fff;
498
+ background: #fff;
495
499
  border: 1px solid #ddd;
496
500
  box-shadow: none;
497
501
  color: #333;
package/styles/bootstrap4.css CHANGED
@@ -28,6 +28,9 @@
28
28
  .e-avatar.e-avatar-circle {
29
29
  border-radius: 50%;
30
30
  }
31
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
32
+ border-radius: 50%;
33
+ }
31
34
  .e-avatar.e-avatar-xsmall {
32
35
  font-size: 0.65em;
33
36
  }
@@ -479,6 +482,7 @@
479
482
  font-size: 14px;
480
483
  line-height: normal;
481
484
  padding: 16px;
485
+ word-wrap: break-word;
482
486
  }
483
487
  .e-card .e-card-content + :not(.e-card-content),
484
488
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -496,7 +500,7 @@
496
500
  /* stylelint-disable property-no-vendor-prefix */
497
501
  .e-card {
498
502
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
499
- background-color: #fff;
503
+ background: #fff;
500
504
  border: 1px solid rgba(0, 0, 0, 0.12);
501
505
  box-shadow: none;
502
506
  color: #212529;
package/styles/bootstrap5-dark.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 10px;
34
37
  height: 24px;
@@ -488,6 +491,7 @@
488
491
  font-size: 14px;
489
492
  line-height: 1.5;
490
493
  padding: 12px;
494
+ word-wrap: break-word;
491
495
  }
492
496
  .e-card .e-card-content + :not(.e-card-content),
493
497
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -505,7 +509,7 @@
505
509
  /* stylelint-disable property-no-vendor-prefix */
506
510
  .e-card {
507
511
  -webkit-tap-highlight-color: #0d6efd;
508
- background-color: #212529;
512
+ background: #212529;
509
513
  border: 1px solid #444c54;
510
514
  box-shadow: none;
511
515
  color: #fff;
package/styles/bootstrap5.css CHANGED
@@ -29,6 +29,9 @@
29
29
  .e-avatar.e-avatar-circle {
30
30
  border-radius: 50%;
31
31
  }
32
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
33
+ border-radius: 50%;
34
+ }
32
35
  .e-avatar.e-avatar-xsmall {
33
36
  font-size: 10px;
34
37
  height: 24px;
@@ -488,6 +491,7 @@
488
491
  font-size: 14px;
489
492
  line-height: 1.5;
490
493
  padding: 12px;
494
+ word-wrap: break-word;
491
495
  }
492
496
  .e-card .e-card-content + :not(.e-card-content),
493
497
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -505,7 +509,7 @@
505
509
  /* stylelint-disable property-no-vendor-prefix */
506
510
  .e-card {
507
511
  -webkit-tap-highlight-color: #0d6efd;
508
- background-color: #fff;
512
+ background: #fff;
509
513
  border: 1px solid #dee2e6;
510
514
  box-shadow: none;
511
515
  color: #212529;
package/styles/card/bootstrap-dark.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 16px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #6e6e6e;
451
+ background: #6e6e6e;
451
452
  border: 1px solid #1a1a1a;
452
453
  box-shadow: none;
453
454
  color: #fff;
package/styles/card/bootstrap-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
2
- @import 'bootstrap-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/bootstrap-dark.scss';
package/styles/card/bootstrap.css CHANGED
@@ -431,6 +431,7 @@
431
431
  font-size: 14px;
432
432
  line-height: normal;
433
433
  padding: 12px;
434
+ word-wrap: break-word;
434
435
  }
435
436
  .e-card .e-card-content + :not(.e-card-content),
436
437
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -448,7 +449,7 @@
448
449
  /* stylelint-disable property-no-vendor-prefix */
449
450
  .e-card {
450
451
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
451
- background-color: #fff;
452
+ background: #fff;
452
453
  border: 1px solid #ddd;
453
454
  box-shadow: none;
454
455
  color: #333;
package/styles/card/bootstrap.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
2
- @import 'bootstrap-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/bootstrap.scss';
package/styles/card/bootstrap4.css CHANGED
@@ -436,6 +436,7 @@
436
436
  font-size: 14px;
437
437
  line-height: normal;
438
438
  padding: 16px;
439
+ word-wrap: break-word;
439
440
  }
440
441
  .e-card .e-card-content + :not(.e-card-content),
441
442
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -453,7 +454,7 @@
453
454
  /* stylelint-disable property-no-vendor-prefix */
454
455
  .e-card {
455
456
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
456
- background-color: #fff;
457
+ background: #fff;
457
458
  border: 1px solid rgba(0, 0, 0, 0.12);
458
459
  box-shadow: none;
459
460
  color: #212529;
package/styles/card/bootstrap4.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
2
- @import 'bootstrap4-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/bootstrap4.scss';
package/styles/card/bootstrap5-dark.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: 1.5;
432
432
  padding: 12px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: #0d6efd;
450
- background-color: #212529;
451
+ background: #212529;
451
452
  border: 1px solid #444c54;
452
453
  box-shadow: none;
453
454
  color: #fff;
package/styles/card/bootstrap5-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
2
- @import 'bootstrap5-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/bootstrap5-dark.scss';
package/styles/card/bootstrap5.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: 1.5;
432
432
  padding: 12px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: #0d6efd;
450
- background-color: #fff;
451
+ background: #fff;
451
452
  border: 1px solid #dee2e6;
452
453
  box-shadow: none;
453
454
  color: #212529;
package/styles/card/bootstrap5.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
2
- @import 'bootstrap5-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/bootstrap5.scss';
package/styles/card/fabric-dark.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 16px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #201f1f;
451
+ background: #201f1f;
451
452
  border: 1px solid #dadada;
452
453
  box-shadow: none;
453
454
  color: #dadada;
package/styles/card/fabric-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
2
- @import 'fabric-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/fabric-dark.scss';
package/styles/card/fabric.css CHANGED
@@ -441,6 +441,7 @@
441
441
  font-size: 14px;
442
442
  line-height: normal;
443
443
  padding: 12px;
444
+ word-wrap: break-word;
444
445
  }
445
446
  .e-card .e-card-content + :not(.e-card-content),
446
447
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -458,7 +459,7 @@
458
459
  /* stylelint-disable property-no-vendor-prefix */
459
460
  .e-card {
460
461
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
461
- background-color: #fff;
462
+ background: #fff;
462
463
  border: 1px solid #eaeaea;
463
464
  box-shadow: none;
464
465
  color: #333;
package/styles/card/fabric.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
2
- @import 'fabric-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/fabric.scss';
package/styles/card/fluent-dark.css CHANGED
@@ -439,6 +439,7 @@
439
439
  font-size: 14px;
440
440
  line-height: 1.5;
441
441
  padding: 16px;
442
+ word-wrap: break-word;
442
443
  }
443
444
  .e-card .e-card-content + :not(.e-card-content),
444
445
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: #0078d4;
462
- background-color: #252423;
463
+ background: #252423;
463
464
  border: 0 solid #292827;
464
465
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
465
466
  color: #f3f2f1;
package/styles/card/fluent-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
2
- @import 'fluent-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/fluent-dark.scss';
package/styles/card/fluent.css CHANGED
@@ -439,6 +439,7 @@
439
439
  font-size: 14px;
440
440
  line-height: 1.5;
441
441
  padding: 16px;
442
+ word-wrap: break-word;
442
443
  }
443
444
  .e-card .e-card-content + :not(.e-card-content),
444
445
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: #0078d4;
462
- background-color: #fff;
463
+ background: #fff;
463
464
  border: 0 solid #edebe9;
464
465
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
465
466
  color: #201f1e;
package/styles/card/fluent.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
2
- @import 'fluent-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/fluent.scss';
package/styles/card/highcontrast-light.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 16px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #ccc;
451
+ background: #ccc;
451
452
  border: 1px solid #757575;
452
453
  box-shadow: none;
453
454
  color: #000;
package/styles/card/highcontrast-light.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
2
- @import 'highcontrast-light-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/highcontrast-light.scss';
package/styles/card/highcontrast.css CHANGED
@@ -442,6 +442,7 @@
442
442
  font-size: 14px;
443
443
  line-height: normal;
444
444
  padding: 12px;
445
+ word-wrap: break-word;
445
446
  }
446
447
  .e-card .e-card-content + :not(.e-card-content),
447
448
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
459
460
  /* stylelint-disable property-no-vendor-prefix */
460
461
  .e-card {
461
462
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
462
- background-color: #000;
463
+ background: #000;
463
464
  border: 1px solid #969696;
464
465
  box-shadow: none;
465
466
  color: #fff;
package/styles/card/highcontrast.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
2
- @import 'highcontrast-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/highcontrast.scss';
package/styles/card/material-dark.css CHANGED
@@ -431,6 +431,7 @@
431
431
  font-size: 14px;
432
432
  line-height: normal;
433
433
  padding: 16px;
434
+ word-wrap: break-word;
434
435
  }
435
436
  .e-card .e-card-content + :not(.e-card-content),
436
437
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -448,7 +449,7 @@
448
449
  /* stylelint-disable property-no-vendor-prefix */
449
450
  .e-card {
450
451
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
451
- background-color: #303030;
452
+ background: #303030;
452
453
  border: 1px solid #000;
453
454
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
454
455
  color: #000;
package/styles/card/material-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
2
- @import 'material-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/material-dark.scss';
package/styles/card/material.css CHANGED
@@ -430,6 +430,7 @@
430
430
  font-size: 14px;
431
431
  line-height: normal;
432
432
  padding: 12px;
433
+ word-wrap: break-word;
433
434
  }
434
435
  .e-card .e-card-content + :not(.e-card-content),
435
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
447
448
  /* stylelint-disable property-no-vendor-prefix */
448
449
  .e-card {
449
450
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
450
- background-color: #fff;
451
+ background: #fff;
451
452
  border: 1px none #000;
452
453
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
453
454
  color: rgba(0, 0, 0, 0.87);
package/styles/card/material.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/material-definition.scss';
2
- @import 'material-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/material.scss';
package/styles/card/tailwind-dark.css CHANGED
@@ -429,6 +429,7 @@
429
429
  font-size: 14px;
430
430
  line-height: 1.5;
431
431
  padding: 0 18px 12px 18px;
432
+ word-wrap: break-word;
432
433
  }
433
434
  .e-card .e-card-content + :not(.e-card-content),
434
435
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
449
450
  /* stylelint-disable property-no-vendor-prefix */
450
451
  .e-card {
451
452
  -webkit-tap-highlight-color: #22d3ee;
452
- background-color: #1f2937;
453
+ background: #1f2937;
453
454
  border: 1px solid #4b5563;
454
455
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
455
456
  color: #fff;
package/styles/card/tailwind-dark.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
- @import 'tailwind-dark-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/tailwind-dark.scss';
package/styles/card/tailwind.css CHANGED
@@ -429,6 +429,7 @@
429
429
  font-size: 14px;
430
430
  line-height: 1.5;
431
431
  padding: 0 18px 12px 18px;
432
+ word-wrap: break-word;
432
433
  }
433
434
  .e-card .e-card-content + :not(.e-card-content),
434
435
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
449
450
  /* stylelint-disable property-no-vendor-prefix */
450
451
  .e-card {
451
452
  -webkit-tap-highlight-color: #4f46e5;
452
- background-color: #fff;
453
+ background: #fff;
453
454
  border: 1px solid #e5e7eb;
454
455
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
455
456
  color: #111827;
package/styles/card/tailwind.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
2
- @import 'tailwind-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/card/tailwind.scss';
package/styles/dashboard-layout/bootstrap-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
2
- @import 'bootstrap-dark-definition.scss';
3
- @import 'icons/bootstrap-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/bootstrap-dark.scss';
package/styles/dashboard-layout/bootstrap.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
2
- @import 'bootstrap-definition.scss';
3
- @import 'icons/bootstrap.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/bootstrap.scss';
package/styles/dashboard-layout/bootstrap4.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
2
- @import 'bootstrap4-definition.scss';
3
- @import 'icons/bootstrap4.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/bootstrap4.scss';
package/styles/dashboard-layout/bootstrap5-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
2
- @import 'bootstrap5-dark-definition.scss';
3
- @import 'icons/bootstrap5-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/bootstrap5-dark.scss';
package/styles/dashboard-layout/bootstrap5.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
2
- @import 'bootstrap5-definition.scss';
3
- @import 'icons/bootstrap5.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/bootstrap5.scss';
package/styles/dashboard-layout/fabric-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
2
- @import 'fabric-dark-definition.scss';
3
- @import 'icons/fabric-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/fabric-dark.scss';
package/styles/dashboard-layout/fabric.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
2
- @import 'fabric-definition.scss';
3
- @import 'icons/fabric.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/fabric.scss';
package/styles/dashboard-layout/fluent-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
2
- @import 'fluent-dark-definition.scss';
3
- @import 'icons/fluent-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/fluent-dark.scss';
package/styles/dashboard-layout/fluent.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
2
- @import 'fluent-definition.scss';
3
- @import 'icons/fluent.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/fluent.scss';
package/styles/dashboard-layout/highcontrast-light.scss CHANGED
@@ -1,3 +1 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
2
- @import 'highcontrast-light-definition.scss';
3
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/highcontrast-light.scss';
package/styles/dashboard-layout/highcontrast.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
2
- @import 'highcontrast-definition.scss';
3
- @import 'icons/highcontrast.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/highcontrast.scss';
package/styles/dashboard-layout/material-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
2
- @import 'material-dark-definition.scss';
3
- @import 'icons/material-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/material-dark.scss';
package/styles/dashboard-layout/material.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/material-definition.scss';
2
- @import 'material-definition.scss';
3
- @import 'icons/material.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/material.scss';
package/styles/dashboard-layout/tailwind-dark.scss CHANGED
@@ -1,4 +1 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
- @import 'tailwind-dark-definition.scss';
3
- @import 'icons/tailwind-dark.scss';
4
- @import 'all.scss';
1
+ @import 'ej2-layouts/styles/dashboard-layout/tailwind-dark.scss';