@syncfusion/ej2-angular-layouts 24.1.41-ngcc → 24.1.41

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 (313) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +23 -0
  3. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +64 -0
  4. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +34 -0
  5. package/esm2020/src/dashboard-layout/panels.directive.mjs +72 -0
  6. package/esm2020/src/index.mjs +10 -0
  7. package/esm2020/src/splitter/panesettings.directive.mjs +66 -0
  8. package/esm2020/src/splitter/splitter-all.module.mjs +23 -0
  9. package/esm2020/src/splitter/splitter.component.mjs +64 -0
  10. package/esm2020/src/splitter/splitter.module.mjs +34 -0
  11. package/esm2020/syncfusion-ej2-angular-layouts.mjs +5 -0
  12. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +354 -0
  13. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  14. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +354 -0
  15. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +1 -0
  16. package/package.json +26 -12
  17. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +6 -0
  18. package/src/dashboard-layout/dashboardlayout.component.d.ts +3 -0
  19. package/src/dashboard-layout/dashboardlayout.module.d.ts +7 -0
  20. package/src/dashboard-layout/panels.directive.d.ts +5 -0
  21. package/src/splitter/panesettings.directive.d.ts +5 -0
  22. package/src/splitter/splitter-all.module.d.ts +6 -0
  23. package/src/splitter/splitter.component.d.ts +3 -0
  24. package/src/splitter/splitter.module.d.ts +7 -0
  25. package/styles/avatar/_all.scss +1 -0
  26. package/styles/avatar/_bootstrap-dark-definition.scss +18 -0
  27. package/styles/avatar/_bootstrap-definition.scss +18 -0
  28. package/styles/avatar/_bootstrap4-definition.scss +18 -0
  29. package/styles/avatar/_bootstrap5-dark-definition.scss +1 -0
  30. package/styles/avatar/_bootstrap5-definition.scss +26 -0
  31. package/styles/avatar/_fabric-dark-definition.scss +18 -0
  32. package/styles/avatar/_fabric-definition.scss +18 -0
  33. package/styles/avatar/_fluent-dark-definition.scss +1 -0
  34. package/styles/avatar/_fluent-definition.scss +25 -0
  35. package/styles/avatar/_fusionnew-definition.scss +26 -0
  36. package/styles/avatar/_highcontrast-definition.scss +18 -0
  37. package/styles/avatar/_highcontrast-light-definition.scss +18 -0
  38. package/styles/avatar/_layout.scss +79 -0
  39. package/styles/avatar/_material-dark-definition.scss +18 -0
  40. package/styles/avatar/_material-definition.scss +18 -0
  41. package/styles/avatar/_material3-dark-definition.scss +1 -0
  42. package/styles/avatar/_material3-definition.scss +26 -0
  43. package/styles/avatar/_tailwind-dark-definition.scss +1 -0
  44. package/styles/avatar/_tailwind-definition.scss +25 -0
  45. package/styles/avatar/_theme.scss +1 -0
  46. package/styles/avatar/bootstrap-dark.css +45 -1
  47. package/styles/avatar/bootstrap-dark.scss +3 -1
  48. package/styles/avatar/bootstrap.css +45 -1
  49. package/styles/avatar/bootstrap.scss +3 -1
  50. package/styles/avatar/bootstrap4.css +45 -1
  51. package/styles/avatar/bootstrap4.scss +3 -1
  52. package/styles/avatar/bootstrap5-dark.css +60 -1
  53. package/styles/avatar/bootstrap5-dark.scss +3 -1
  54. package/styles/avatar/bootstrap5.css +60 -1
  55. package/styles/avatar/bootstrap5.scss +3 -1
  56. package/styles/avatar/fabric-dark.css +45 -1
  57. package/styles/avatar/fabric-dark.scss +3 -1
  58. package/styles/avatar/fabric.css +45 -1
  59. package/styles/avatar/fabric.scss +3 -1
  60. package/styles/avatar/fluent-dark.css +58 -1
  61. package/styles/avatar/fluent-dark.scss +3 -1
  62. package/styles/avatar/fluent.css +58 -1
  63. package/styles/avatar/fluent.scss +3 -1
  64. package/styles/avatar/highcontrast-light.css +45 -1
  65. package/styles/avatar/highcontrast-light.scss +3 -1
  66. package/styles/avatar/highcontrast.css +45 -1
  67. package/styles/avatar/highcontrast.scss +3 -1
  68. package/styles/avatar/material-dark.css +45 -1
  69. package/styles/avatar/material-dark.scss +3 -1
  70. package/styles/avatar/material.css +45 -1
  71. package/styles/avatar/material.scss +3 -1
  72. package/styles/avatar/material3-dark.css +113 -1
  73. package/styles/avatar/material3-dark.scss +3 -1
  74. package/styles/avatar/material3.css +169 -1
  75. package/styles/avatar/material3.scss +3 -1
  76. package/styles/avatar/tailwind-dark.css +58 -1
  77. package/styles/avatar/tailwind-dark.scss +3 -1
  78. package/styles/avatar/tailwind.css +58 -1
  79. package/styles/avatar/tailwind.scss +3 -1
  80. package/styles/bootstrap-dark.css +1351 -1
  81. package/styles/bootstrap.css +1352 -1
  82. package/styles/bootstrap4.css +1357 -1
  83. package/styles/bootstrap5-dark.css +1368 -1
  84. package/styles/bootstrap5.css +1368 -1
  85. package/styles/card/_all.scss +2 -0
  86. package/styles/card/_bootstrap-dark-definition.scss +245 -0
  87. package/styles/card/_bootstrap-definition.scss +125 -0
  88. package/styles/card/_bootstrap4-definition.scss +127 -0
  89. package/styles/card/_bootstrap5-dark-definition.scss +1 -0
  90. package/styles/card/_bootstrap5-definition.scss +125 -0
  91. package/styles/card/_fabric-dark-definition.scss +233 -0
  92. package/styles/card/_fabric-definition.scss +124 -0
  93. package/styles/card/_fluent-dark-definition.scss +1 -0
  94. package/styles/card/_fluent-definition.scss +130 -0
  95. package/styles/card/_fusionnew-definition.scss +125 -0
  96. package/styles/card/_highcontrast-definition.scss +125 -0
  97. package/styles/card/_highcontrast-light-definition.scss +246 -0
  98. package/styles/card/_layout.scss +528 -0
  99. package/styles/card/_material-dark-definition.scss +240 -0
  100. package/styles/card/_material-definition.scss +124 -0
  101. package/styles/card/_material3-dark-definition.scss +1 -0
  102. package/styles/card/_material3-definition.scss +125 -0
  103. package/styles/card/_tailwind-dark-definition.scss +1 -0
  104. package/styles/card/_tailwind-definition.scss +123 -0
  105. package/styles/card/_theme.scss +104 -0
  106. package/styles/card/bootstrap-dark.css +513 -1
  107. package/styles/card/bootstrap-dark.scss +3 -1
  108. package/styles/card/bootstrap.css +514 -1
  109. package/styles/card/bootstrap.scss +3 -1
  110. package/styles/card/bootstrap4.css +520 -1
  111. package/styles/card/bootstrap4.scss +3 -1
  112. package/styles/card/bootstrap5-dark.css +513 -1
  113. package/styles/card/bootstrap5-dark.scss +3 -1
  114. package/styles/card/bootstrap5.css +513 -1
  115. package/styles/card/bootstrap5.scss +3 -1
  116. package/styles/card/fabric-dark.css +513 -1
  117. package/styles/card/fabric-dark.scss +3 -1
  118. package/styles/card/fabric.css +524 -1
  119. package/styles/card/fabric.scss +3 -1
  120. package/styles/card/fluent-dark.css +534 -1
  121. package/styles/card/fluent-dark.scss +3 -1
  122. package/styles/card/fluent.css +534 -1
  123. package/styles/card/fluent.scss +3 -1
  124. package/styles/card/highcontrast-light.css +513 -1
  125. package/styles/card/highcontrast-light.scss +3 -1
  126. package/styles/card/highcontrast.css +525 -1
  127. package/styles/card/highcontrast.scss +3 -1
  128. package/styles/card/material-dark.css +513 -1
  129. package/styles/card/material-dark.scss +3 -1
  130. package/styles/card/material.css +513 -1
  131. package/styles/card/material.scss +3 -1
  132. package/styles/card/material3-dark.css +566 -1
  133. package/styles/card/material3-dark.scss +3 -1
  134. package/styles/card/material3.css +622 -1
  135. package/styles/card/material3.scss +3 -1
  136. package/styles/card/tailwind-dark.css +514 -1
  137. package/styles/card/tailwind-dark.scss +3 -1
  138. package/styles/card/tailwind.css +514 -1
  139. package/styles/card/tailwind.scss +3 -1
  140. package/styles/dashboard-layout/_all.scss +2 -0
  141. package/styles/dashboard-layout/_bootstrap-dark-definition.scss +102 -0
  142. package/styles/dashboard-layout/_bootstrap-definition.scss +102 -0
  143. package/styles/dashboard-layout/_bootstrap4-definition.scss +102 -0
  144. package/styles/dashboard-layout/_bootstrap5-dark-definition.scss +1 -0
  145. package/styles/dashboard-layout/_bootstrap5-definition.scss +108 -0
  146. package/styles/dashboard-layout/_fabric-dark-definition.scss +103 -0
  147. package/styles/dashboard-layout/_fabric-definition.scss +102 -0
  148. package/styles/dashboard-layout/_fluent-dark-definition.scss +1 -0
  149. package/styles/dashboard-layout/_fluent-definition.scss +111 -0
  150. package/styles/dashboard-layout/_fusionnew-definition.scss +108 -0
  151. package/styles/dashboard-layout/_highcontrast-definition.scss +100 -0
  152. package/styles/dashboard-layout/_highcontrast-light-definition.scss +100 -0
  153. package/styles/dashboard-layout/_layout.scss +263 -0
  154. package/styles/dashboard-layout/_material-dark-definition.scss +103 -0
  155. package/styles/dashboard-layout/_material-definition.scss +102 -0
  156. package/styles/dashboard-layout/_material3-dark-definition.scss +1 -0
  157. package/styles/dashboard-layout/_material3-definition.scss +108 -0
  158. package/styles/dashboard-layout/_tailwind-dark-definition.scss +1 -0
  159. package/styles/dashboard-layout/_tailwind-definition.scss +109 -0
  160. package/styles/dashboard-layout/_theme.scss +128 -0
  161. package/styles/dashboard-layout/bootstrap-dark.css +296 -1
  162. package/styles/dashboard-layout/bootstrap-dark.scss +4 -1
  163. package/styles/dashboard-layout/bootstrap.css +296 -1
  164. package/styles/dashboard-layout/bootstrap.scss +4 -1
  165. package/styles/dashboard-layout/bootstrap4.css +296 -1
  166. package/styles/dashboard-layout/bootstrap4.scss +4 -1
  167. package/styles/dashboard-layout/bootstrap5-dark.css +305 -1
  168. package/styles/dashboard-layout/bootstrap5-dark.scss +4 -1
  169. package/styles/dashboard-layout/bootstrap5.css +305 -1
  170. package/styles/dashboard-layout/bootstrap5.scss +4 -1
  171. package/styles/dashboard-layout/fabric-dark.css +296 -1
  172. package/styles/dashboard-layout/fabric-dark.scss +4 -1
  173. package/styles/dashboard-layout/fabric.css +296 -1
  174. package/styles/dashboard-layout/fabric.scss +4 -1
  175. package/styles/dashboard-layout/fluent-dark.css +300 -1
  176. package/styles/dashboard-layout/fluent-dark.scss +4 -1
  177. package/styles/dashboard-layout/fluent.css +300 -1
  178. package/styles/dashboard-layout/fluent.scss +4 -1
  179. package/styles/dashboard-layout/highcontrast-light.css +234 -1
  180. package/styles/dashboard-layout/highcontrast-light.scss +3 -1
  181. package/styles/dashboard-layout/highcontrast.css +292 -1
  182. package/styles/dashboard-layout/highcontrast.scss +4 -1
  183. package/styles/dashboard-layout/icons/_bootstrap-dark.scss +80 -0
  184. package/styles/dashboard-layout/icons/_bootstrap.scss +80 -0
  185. package/styles/dashboard-layout/icons/_bootstrap4.scss +80 -0
  186. package/styles/dashboard-layout/icons/_bootstrap5-dark.scss +1 -0
  187. package/styles/dashboard-layout/icons/_bootstrap5.scss +80 -0
  188. package/styles/dashboard-layout/icons/_fabric-dark.scss +80 -0
  189. package/styles/dashboard-layout/icons/_fabric.scss +80 -0
  190. package/styles/dashboard-layout/icons/_fluent-dark.scss +1 -0
  191. package/styles/dashboard-layout/icons/_fluent.scss +80 -0
  192. package/styles/dashboard-layout/icons/_fusionnew.scss +80 -0
  193. package/styles/dashboard-layout/icons/_highcontrast.scss +80 -0
  194. package/styles/dashboard-layout/icons/_material-dark.scss +80 -0
  195. package/styles/dashboard-layout/icons/_material.scss +80 -0
  196. package/styles/dashboard-layout/icons/_material3-dark.scss +1 -0
  197. package/styles/dashboard-layout/icons/_material3.scss +80 -0
  198. package/styles/dashboard-layout/icons/_tailwind-dark.scss +80 -0
  199. package/styles/dashboard-layout/icons/_tailwind.scss +80 -0
  200. package/styles/dashboard-layout/material-dark.css +296 -1
  201. package/styles/dashboard-layout/material-dark.scss +4 -1
  202. package/styles/dashboard-layout/material.css +296 -1
  203. package/styles/dashboard-layout/material.scss +4 -1
  204. package/styles/dashboard-layout/material3-dark.css +356 -1
  205. package/styles/dashboard-layout/material3-dark.scss +4 -1
  206. package/styles/dashboard-layout/material3.css +412 -1
  207. package/styles/dashboard-layout/material3.scss +4 -1
  208. package/styles/dashboard-layout/tailwind-dark.css +317 -1
  209. package/styles/dashboard-layout/tailwind-dark.scss +4 -1
  210. package/styles/dashboard-layout/tailwind.css +317 -1
  211. package/styles/dashboard-layout/tailwind.scss +4 -1
  212. package/styles/fabric-dark.css +1351 -1
  213. package/styles/fabric.css +1362 -1
  214. package/styles/fluent-dark.css +1382 -1
  215. package/styles/fluent.css +1382 -1
  216. package/styles/highcontrast-light.css +1289 -1
  217. package/styles/highcontrast.css +1359 -1
  218. package/styles/material-dark.css +1350 -1
  219. package/styles/material.css +1351 -1
  220. package/styles/material3-dark.css +1415 -1
  221. package/styles/material3-dark.scss +1 -0
  222. package/styles/material3.css +1471 -1
  223. package/styles/material3.scss +1 -0
  224. package/styles/splitter/_all.scss +3 -0
  225. package/styles/splitter/_bootstrap-dark-definition.scss +26 -0
  226. package/styles/splitter/_bootstrap-definition.scss +26 -0
  227. package/styles/splitter/_bootstrap4-definition.scss +26 -0
  228. package/styles/splitter/_bootstrap5-dark-definition.scss +1 -0
  229. package/styles/splitter/_bootstrap5-definition.scss +31 -0
  230. package/styles/splitter/_definition.scss +1 -0
  231. package/styles/splitter/_fabric-dark-definition.scss +26 -0
  232. package/styles/splitter/_fabric-definition.scss +26 -0
  233. package/styles/splitter/_fluent-dark-definition.scss +1 -0
  234. package/styles/splitter/_fluent-definition.scss +31 -0
  235. package/styles/splitter/_fusionnew-definition.scss +31 -0
  236. package/styles/splitter/_highcontrast-definition.scss +26 -0
  237. package/styles/splitter/_highcontrast-light-definition.scss +26 -0
  238. package/styles/splitter/_layout.scss +416 -0
  239. package/styles/splitter/_material-dark-definition.scss +26 -0
  240. package/styles/splitter/_material-definition.scss +27 -0
  241. package/styles/splitter/_material3-dark-definition.scss +1 -0
  242. package/styles/splitter/_material3-definition.scss +31 -0
  243. package/styles/splitter/_responsive.scss +1 -0
  244. package/styles/splitter/_tailwind-dark-definition.scss +1 -0
  245. package/styles/splitter/_tailwind-definition.scss +31 -0
  246. package/styles/splitter/_theme.scss +207 -0
  247. package/styles/splitter/bootstrap-dark.css +496 -1
  248. package/styles/splitter/bootstrap-dark.scss +4 -1
  249. package/styles/splitter/bootstrap.css +496 -1
  250. package/styles/splitter/bootstrap.scss +4 -1
  251. package/styles/splitter/bootstrap4.css +495 -1
  252. package/styles/splitter/bootstrap4.scss +4 -1
  253. package/styles/splitter/bootstrap5-dark.css +489 -1
  254. package/styles/splitter/bootstrap5-dark.scss +4 -1
  255. package/styles/splitter/bootstrap5.css +489 -1
  256. package/styles/splitter/bootstrap5.scss +4 -1
  257. package/styles/splitter/fabric-dark.css +496 -1
  258. package/styles/splitter/fabric-dark.scss +4 -1
  259. package/styles/splitter/fabric.css +496 -1
  260. package/styles/splitter/fabric.scss +4 -1
  261. package/styles/splitter/fluent-dark.css +489 -1
  262. package/styles/splitter/fluent-dark.scss +4 -1
  263. package/styles/splitter/fluent.css +489 -1
  264. package/styles/splitter/fluent.scss +4 -1
  265. package/styles/splitter/highcontrast-light.css +496 -1
  266. package/styles/splitter/highcontrast-light.scss +4 -1
  267. package/styles/splitter/highcontrast.css +496 -1
  268. package/styles/splitter/highcontrast.scss +4 -1
  269. package/styles/splitter/icons/_bootstrap-dark.scss +52 -0
  270. package/styles/splitter/icons/_bootstrap.scss +52 -0
  271. package/styles/splitter/icons/_bootstrap4.scss +51 -0
  272. package/styles/splitter/icons/_bootstrap5-dark.scss +1 -0
  273. package/styles/splitter/icons/_bootstrap5.scss +39 -0
  274. package/styles/splitter/icons/_fabric-dark.scss +52 -0
  275. package/styles/splitter/icons/_fabric.scss +52 -0
  276. package/styles/splitter/icons/_fluent-dark.scss +1 -0
  277. package/styles/splitter/icons/_fluent.scss +39 -0
  278. package/styles/splitter/icons/_fusionnew.scss +39 -0
  279. package/styles/splitter/icons/_highcontrast-light.scss +52 -0
  280. package/styles/splitter/icons/_highcontrast.scss +52 -0
  281. package/styles/splitter/icons/_material-dark.scss +51 -0
  282. package/styles/splitter/icons/_material.scss +51 -0
  283. package/styles/splitter/icons/_material3-dark.scss +1 -0
  284. package/styles/splitter/icons/_material3.scss +39 -0
  285. package/styles/splitter/icons/_tailwind-dark.scss +1 -0
  286. package/styles/splitter/icons/_tailwind.scss +39 -0
  287. package/styles/splitter/material-dark.css +495 -1
  288. package/styles/splitter/material-dark.scss +4 -1
  289. package/styles/splitter/material.css +496 -1
  290. package/styles/splitter/material.scss +4 -1
  291. package/styles/splitter/material3-dark.css +544 -1
  292. package/styles/splitter/material3-dark.scss +4 -1
  293. package/styles/splitter/material3.css +600 -1
  294. package/styles/splitter/material3.scss +4 -1
  295. package/styles/splitter/tailwind-dark.css +489 -1
  296. package/styles/splitter/tailwind-dark.scss +4 -1
  297. package/styles/splitter/tailwind.css +489 -1
  298. package/styles/splitter/tailwind.scss +4 -1
  299. package/styles/tailwind-dark.css +1379 -1
  300. package/styles/tailwind.css +1379 -1
  301. package/syncfusion-ej2-angular-layouts.d.ts +5 -0
  302. package/@syncfusion/ej2-angular-layouts.es5.js +0 -495
  303. package/@syncfusion/ej2-angular-layouts.es5.js.map +0 -1
  304. package/@syncfusion/ej2-angular-layouts.js +0 -447
  305. package/@syncfusion/ej2-angular-layouts.js.map +0 -1
  306. package/CHANGELOG.md +0 -575
  307. package/dist/ej2-angular-layouts.umd.js +0 -522
  308. package/dist/ej2-angular-layouts.umd.js.map +0 -1
  309. package/dist/ej2-angular-layouts.umd.min.js +0 -11
  310. package/dist/ej2-angular-layouts.umd.min.js.map +0 -1
  311. package/ej2-angular-layouts.d.ts +0 -6
  312. package/ej2-angular-layouts.metadata.json +0 -1
  313. package/postinstall/tagchange.js +0 -18
@@ -1 +1,300 @@
1
- @import '@syncfusion/ej2-layouts/styles/dashboard-layout/fluent.css';
1
+ /*! component's theme wise override tailwind-definitions and variables */
2
+ /* stylelint-disable */
3
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
4
+ height: 100%;
5
+ padding: 20px 0;
6
+ right: 1px;
7
+ top: 0;
8
+ width: 12px;
9
+ }
10
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
11
+ height: 100%;
12
+ left: 0;
13
+ padding: 20px 0;
14
+ top: 0;
15
+ width: 12px;
16
+ }
17
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
18
+ height: 12px;
19
+ padding: 0 20px;
20
+ top: 1px;
21
+ width: 100%;
22
+ }
23
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
24
+ bottom: 1px;
25
+ height: 12px;
26
+ padding: 0 20px;
27
+ width: 100%;
28
+ }
29
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
30
+ bottom: 0;
31
+ right: 1px;
32
+ z-index: 10;
33
+ }
34
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
35
+ left: 2px;
36
+ top: 2px;
37
+ z-index: 10;
38
+ }
39
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
40
+ right: 2px;
41
+ top: 2px;
42
+ z-index: 10;
43
+ }
44
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
45
+ bottom: 1px;
46
+ left: 1px;
47
+ z-index: 10;
48
+ }
49
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
50
+ bottom: 4px;
51
+ content: "\e761";
52
+ font-size: 12px;
53
+ position: absolute;
54
+ right: 4px;
55
+ }
56
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
57
+ bottom: 4px;
58
+ content: "\e761";
59
+ font-size: 12px;
60
+ left: 4px;
61
+ position: absolute;
62
+ transform: rotateY(180deg);
63
+ }
64
+
65
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table {
66
+ background: #f3f2f1;
67
+ border-collapse: collapse;
68
+ height: 100%;
69
+ width: 100%;
70
+ }
71
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ border: 1px dotted #c8c6c4;
73
+ position: absolute;
74
+ }
75
+ .e-dashboardlayout.e-control.e-responsive {
76
+ width: 100% !important;
77
+ }
78
+ .e-dashboardlayout.e-control.e-prevent {
79
+ -webkit-user-select: none;
80
+ -ms-user-select: none;
81
+ user-select: none;
82
+ }
83
+ .e-dashboardlayout.e-control .e-panel {
84
+ border-radius: 2px;
85
+ }
86
+ .e-dashboardlayout.e-control .e-panel:hover {
87
+ border: 1px solid #c8c6c4;
88
+ box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
89
+ }
90
+ .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
91
+ display: block;
92
+ }
93
+ .e-dashboardlayout.e-control .e-panel:active {
94
+ border: 1px solid #0078d4;
95
+ }
96
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
97
+ display: none;
98
+ }
99
+ .e-dashboardlayout.e-control .e-panel.e-panel-transition {
100
+ transition: top 0.5s, left 0.5s;
101
+ }
102
+ .e-dashboardlayout.e-control .e-panel .e-panel-header {
103
+ border-bottom: 1px solid #edebe9;
104
+ color: #201f1e;
105
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
106
+ font-size: 16px;
107
+ font-weight: 600;
108
+ height: 56px;
109
+ padding: 16px 0 16px 16px;
110
+ }
111
+ .e-dashboardlayout.e-control .e-panel .e-panel-header div {
112
+ overflow: hidden;
113
+ text-overflow: ellipsis;
114
+ white-space: nowrap;
115
+ }
116
+ .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
117
+ display: inline-block;
118
+ }
119
+ .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
120
+ float: right;
121
+ }
122
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
123
+ height: 100%;
124
+ width: 100%;
125
+ }
126
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
127
+ height: inherit;
128
+ width: inherit;
129
+ }
130
+ .e-dashboardlayout.e-control .e-panel {
131
+ border: 1px solid #fff;
132
+ height: 100%;
133
+ -webkit-user-select: none;
134
+ -ms-user-select: none;
135
+ user-select: none;
136
+ width: 100%;
137
+ }
138
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
139
+ position: absolute;
140
+ -ms-touch-action: none;
141
+ touch-action: none;
142
+ }
143
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
144
+ border: none;
145
+ }
146
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
147
+ cursor: e-resize;
148
+ }
149
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
150
+ cursor: w-resize;
151
+ }
152
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
153
+ cursor: n-resize;
154
+ }
155
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
156
+ cursor: s-resize;
157
+ }
158
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
159
+ cursor: nw-resize;
160
+ }
161
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
162
+ cursor: ne-resize;
163
+ }
164
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
165
+ cursor: sw-resize;
166
+ }
167
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
168
+ cursor: se-resize;
169
+ }
170
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
171
+ font-family: "e-icons";
172
+ position: absolute;
173
+ }
174
+ .e-dashboardlayout.e-control .e-drag:hover {
175
+ cursor: move;
176
+ }
177
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
178
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
179
+ cursor: default;
180
+ }
181
+ .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
182
+ cursor: move;
183
+ z-index: 1111 !important;
184
+ }
185
+ .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
186
+ float: left;
187
+ }
188
+ .e-dashboardlayout.e-control .e-holder {
189
+ background: #deecf9;
190
+ border: 1px #0078d4 dashed;
191
+ border-radius: 2px;
192
+ position: absolute;
193
+ border-radius: 2px;
194
+ }
195
+ .e-dashboardlayout.e-control .e-holder.e-holder-transition {
196
+ transition: top 0.3s, left 0.3s;
197
+ }
198
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
199
+ font-size: 18px;
200
+ font-weight: 600;
201
+ height: 68px;
202
+ padding: 20px 0 20px 20px;
203
+ }
204
+
205
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
206
+ font-size: 18px;
207
+ font-weight: 600;
208
+ height: 68px;
209
+ padding: 20px 0 20px 20px;
210
+ }
211
+ .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
212
+ height: 100%;
213
+ width: 100%;
214
+ }
215
+
216
+ .e-dashboardlayout.e-control {
217
+ display: block;
218
+ position: relative;
219
+ }
220
+ .e-dashboardlayout.e-control .e-panel {
221
+ background: #fff;
222
+ 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);
223
+ box-sizing: border-box;
224
+ position: absolute;
225
+ }
226
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
227
+ color: #201f1e;
228
+ }
229
+ .e-dashboardlayout.e-control .e-panel {
230
+ background: #fff;
231
+ 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);
232
+ box-sizing: border-box;
233
+ position: absolute;
234
+ }
235
+ .e-dashboardlayout.e-control .e-panel:active {
236
+ background: #faf9f8;
237
+ }
238
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
239
+ color: #201f1e;
240
+ }
241
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
242
+ background: none;
243
+ }
244
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
245
+ color: #a19f9d;
246
+ font-size: 7px;
247
+ height: 7px;
248
+ width: 7px;
249
+ }
250
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
251
+ bottom: 2px;
252
+ right: 2px;
253
+ }
254
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
255
+ bottom: 2px;
256
+ left: 2px;
257
+ }
258
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
259
+ left: 2px;
260
+ top: 2px;
261
+ }
262
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
263
+ right: 2px;
264
+ top: 2px;
265
+ }
266
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
267
+ right: 2px;
268
+ top: 2px;
269
+ }
270
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
271
+ left: 2px;
272
+ top: 2px;
273
+ }
274
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
275
+ bottom: 2px;
276
+ left: 2px;
277
+ }
278
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
279
+ bottom: 2px;
280
+ right: 2px;
281
+ }
282
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
283
+ right: 2px;
284
+ top: 2px;
285
+ }
286
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
287
+ left: 2px;
288
+ top: 2px;
289
+ }
290
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
291
+ bottom: 2px;
292
+ left: 2px;
293
+ }
294
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
295
+ bottom: 2px;
296
+ right: 2px;
297
+ }
298
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
299
+ color: #201f1e;
300
+ }
@@ -1 +1,4 @@
1
- @import 'ej2-layouts/styles/dashboard-layout/fluent.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
+ @import 'fluent-definition.scss';
3
+ @import 'icons/fluent.scss';
4
+ @import 'all.scss';
@@ -1 +1,234 @@
1
- @import '@syncfusion/ej2-layouts/styles/dashboard-layout/highcontrast-light.css';
1
+ /*! component's theme wise override highcontrast-definitions and variables */
2
+ /* stylelint-disable */
3
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table {
4
+ background: #e4e4e4;
5
+ border-collapse: collapse;
6
+ height: 100%;
7
+ width: 100%;
8
+ }
9
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
10
+ border: 1px dotted #757575;
11
+ position: absolute;
12
+ }
13
+ .e-dashboardlayout.e-control.e-responsive {
14
+ width: 100% !important;
15
+ }
16
+ .e-dashboardlayout.e-control.e-prevent {
17
+ -webkit-user-select: none;
18
+ -ms-user-select: none;
19
+ user-select: none;
20
+ }
21
+ .e-dashboardlayout.e-control .e-panel {
22
+ border-radius: 2px;
23
+ }
24
+ .e-dashboardlayout.e-control .e-panel:hover {
25
+ border: 1px #000 solid;
26
+ }
27
+ .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
28
+ display: block;
29
+ }
30
+ .e-dashboardlayout.e-control .e-panel:active {
31
+ border: 1px #400074 solid;
32
+ }
33
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
34
+ display: none;
35
+ }
36
+ .e-dashboardlayout.e-control .e-panel.e-panel-transition {
37
+ transition: top 0.5s, left 0.5s;
38
+ }
39
+ .e-dashboardlayout.e-control .e-panel .e-panel-header {
40
+ border-bottom: none;
41
+ color: #000;
42
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
43
+ font-size: 15px;
44
+ font-weight: 300;
45
+ height: 28px;
46
+ padding: 2px 10px;
47
+ }
48
+ .e-dashboardlayout.e-control .e-panel .e-panel-header div {
49
+ overflow: hidden;
50
+ text-overflow: ellipsis;
51
+ white-space: nowrap;
52
+ }
53
+ .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
54
+ display: inline-block;
55
+ }
56
+ .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
57
+ float: right;
58
+ }
59
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
60
+ height: 100%;
61
+ width: 100%;
62
+ }
63
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
64
+ height: inherit;
65
+ width: inherit;
66
+ }
67
+ .e-dashboardlayout.e-control .e-panel {
68
+ border: 1px #757575 solid;
69
+ height: 100%;
70
+ -webkit-user-select: none;
71
+ -ms-user-select: none;
72
+ user-select: none;
73
+ width: 100%;
74
+ }
75
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
76
+ position: absolute;
77
+ -ms-touch-action: none;
78
+ touch-action: none;
79
+ }
80
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
81
+ border: none;
82
+ }
83
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
84
+ cursor: e-resize;
85
+ }
86
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
87
+ cursor: w-resize;
88
+ }
89
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
90
+ cursor: n-resize;
91
+ }
92
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
93
+ cursor: s-resize;
94
+ }
95
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
96
+ cursor: nw-resize;
97
+ }
98
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
99
+ cursor: ne-resize;
100
+ }
101
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
102
+ cursor: sw-resize;
103
+ }
104
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
105
+ cursor: se-resize;
106
+ }
107
+ .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
108
+ font-family: "e-icons";
109
+ position: absolute;
110
+ }
111
+ .e-dashboardlayout.e-control .e-drag:hover {
112
+ cursor: move;
113
+ }
114
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
115
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
116
+ cursor: default;
117
+ }
118
+ .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
119
+ cursor: move;
120
+ z-index: 1111 !important;
121
+ }
122
+ .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
123
+ float: left;
124
+ }
125
+ .e-dashboardlayout.e-control .e-holder {
126
+ background: #400074;
127
+ border: 2px #400074 dotted;
128
+ border-radius: 0;
129
+ position: absolute;
130
+ border-radius: 2px;
131
+ }
132
+ .e-dashboardlayout.e-control .e-holder.e-holder-transition {
133
+ transition: top 0.3s, left 0.3s;
134
+ }
135
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
136
+ font-size: 14px;
137
+ font-weight: 500;
138
+ height: 30px;
139
+ padding: 0 12px;
140
+ }
141
+
142
+ .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
143
+ font-size: 14px;
144
+ font-weight: 500;
145
+ height: 30px;
146
+ padding: 0 12px;
147
+ }
148
+ .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
149
+ height: 100%;
150
+ width: 100%;
151
+ }
152
+
153
+ .e-dashboardlayout.e-control {
154
+ display: block;
155
+ position: relative;
156
+ }
157
+ .e-dashboardlayout.e-control .e-panel {
158
+ background: #fff;
159
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
160
+ box-sizing: border-box;
161
+ position: absolute;
162
+ }
163
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
164
+ color: #000;
165
+ }
166
+ .e-dashboardlayout.e-control .e-panel {
167
+ background: #fff;
168
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
169
+ box-sizing: border-box;
170
+ position: absolute;
171
+ }
172
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
173
+ color: #000;
174
+ }
175
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
176
+ background: none;
177
+ }
178
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
179
+ color: #fff;
180
+ font-size: 8px;
181
+ height: 16px;
182
+ width: 16px;
183
+ }
184
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
185
+ bottom: -5px;
186
+ right: -6px;
187
+ }
188
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
189
+ bottom: -5px;
190
+ left: -6px;
191
+ }
192
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
193
+ left: -6px;
194
+ top: -5px;
195
+ }
196
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
197
+ right: -6px;
198
+ top: -5px;
199
+ }
200
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
201
+ right: -6px;
202
+ top: -5px;
203
+ }
204
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
205
+ left: -6px;
206
+ top: -5px;
207
+ }
208
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
209
+ bottom: -5px;
210
+ left: -6px;
211
+ }
212
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
213
+ bottom: -5px;
214
+ right: -6px;
215
+ }
216
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
217
+ right: -6px;
218
+ top: -5px;
219
+ }
220
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
221
+ left: -6px;
222
+ top: -5px;
223
+ }
224
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
225
+ bottom: -5px;
226
+ left: -6px;
227
+ }
228
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
229
+ bottom: -5px;
230
+ right: -6px;
231
+ }
232
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
233
+ color: rgba(0, 0, 0, 0.54);
234
+ }
@@ -1 +1,3 @@
1
- @import 'ej2-layouts/styles/dashboard-layout/highcontrast-light.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
+ @import 'highcontrast-light-definition.scss';
3
+ @import 'all.scss';