@syncfusion/ej2-layouts 25.1.37 → 26.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +215 -140
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +243 -167
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/dashboard-layout/dashboard-layout.d.ts +1 -1
  14. package/src/dashboard-layout/dashboard-layout.js +55 -76
  15. package/src/splitter/splitter.js +81 -41
  16. package/src/timeline/timeline-model.d.ts +5 -5
  17. package/src/timeline/timeline.d.ts +6 -3
  18. package/src/timeline/timeline.js +107 -33
  19. package/styles/avatar/_bootstrap5.3-definition.scss +26 -0
  20. package/styles/avatar/_fluent2-definition.scss +29 -0
  21. package/styles/avatar/_layout.scss +16 -18
  22. package/styles/avatar/_material3-definition.scss +0 -7
  23. package/styles/avatar/bootstrap-dark.css +7 -4
  24. package/styles/avatar/bootstrap.css +7 -4
  25. package/styles/avatar/bootstrap4.css +7 -4
  26. package/styles/avatar/bootstrap5-dark.css +13 -10
  27. package/styles/avatar/bootstrap5.css +13 -10
  28. package/styles/avatar/fabric-dark.css +7 -4
  29. package/styles/avatar/fabric.css +7 -4
  30. package/styles/avatar/fluent-dark.css +11 -8
  31. package/styles/avatar/fluent.css +11 -8
  32. package/styles/avatar/fluent2.css +1094 -0
  33. package/styles/avatar/fluent2.scss +3 -0
  34. package/styles/avatar/highcontrast-light.css +7 -4
  35. package/styles/avatar/highcontrast.css +7 -4
  36. package/styles/avatar/material-dark.css +7 -4
  37. package/styles/avatar/material.css +7 -4
  38. package/styles/avatar/material3-dark.css +12 -9
  39. package/styles/avatar/material3.css +12 -9
  40. package/styles/avatar/tailwind-dark.css +11 -8
  41. package/styles/avatar/tailwind.css +11 -8
  42. package/styles/bootstrap-dark.css +359 -197
  43. package/styles/bootstrap-dark.scss +14 -5
  44. package/styles/bootstrap.css +359 -197
  45. package/styles/bootstrap.scss +14 -5
  46. package/styles/bootstrap4.css +357 -196
  47. package/styles/bootstrap4.scss +14 -5
  48. package/styles/bootstrap5-dark.css +370 -207
  49. package/styles/bootstrap5-dark.scss +14 -5
  50. package/styles/bootstrap5.css +370 -207
  51. package/styles/bootstrap5.scss +14 -5
  52. package/styles/card/_bootstrap5.3-definition.scss +125 -0
  53. package/styles/card/_fluent2-definition.scss +123 -0
  54. package/styles/card/_layout.scss +0 -3
  55. package/styles/card/_material3-definition.scss +0 -13
  56. package/styles/card/_theme.scss +4 -16
  57. package/styles/card/bootstrap-dark.css +95 -52
  58. package/styles/card/bootstrap.css +95 -52
  59. package/styles/card/bootstrap4.css +95 -52
  60. package/styles/card/bootstrap5-dark.css +95 -52
  61. package/styles/card/bootstrap5.css +95 -52
  62. package/styles/card/fabric-dark.css +95 -52
  63. package/styles/card/fabric.css +95 -52
  64. package/styles/card/fluent-dark.css +99 -54
  65. package/styles/card/fluent.css +99 -54
  66. package/styles/card/fluent2.css +1588 -0
  67. package/styles/card/fluent2.scss +3 -0
  68. package/styles/card/highcontrast-light.css +95 -52
  69. package/styles/card/highcontrast.css +95 -52
  70. package/styles/card/material-dark.css +95 -52
  71. package/styles/card/material.css +97 -53
  72. package/styles/card/material3-dark.css +99 -53
  73. package/styles/card/material3.css +99 -53
  74. package/styles/card/tailwind-dark.css +95 -52
  75. package/styles/card/tailwind.css +95 -52
  76. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +108 -0
  77. package/styles/dashboard-layout/_fluent2-definition.scss +111 -0
  78. package/styles/dashboard-layout/_highcontrast-definition.scss +1 -1
  79. package/styles/dashboard-layout/_layout.scss +62 -60
  80. package/styles/dashboard-layout/_material3-definition.scss +0 -47
  81. package/styles/dashboard-layout/_theme.scss +19 -32
  82. package/styles/dashboard-layout/bootstrap-dark.css +41 -42
  83. package/styles/dashboard-layout/bootstrap.css +41 -42
  84. package/styles/dashboard-layout/bootstrap4.css +41 -42
  85. package/styles/dashboard-layout/bootstrap5-dark.css +48 -47
  86. package/styles/dashboard-layout/bootstrap5.css +48 -47
  87. package/styles/dashboard-layout/fabric-dark.css +41 -42
  88. package/styles/dashboard-layout/fabric.css +41 -42
  89. package/styles/dashboard-layout/fluent-dark.css +46 -46
  90. package/styles/dashboard-layout/fluent.css +46 -46
  91. package/styles/dashboard-layout/fluent2.css +1336 -0
  92. package/styles/dashboard-layout/fluent2.scss +4 -0
  93. package/styles/dashboard-layout/highcontrast-light.css +39 -41
  94. package/styles/dashboard-layout/highcontrast.css +43 -42
  95. package/styles/dashboard-layout/icons/_bootstrap5.3.scss +80 -0
  96. package/styles/dashboard-layout/icons/_fluent2.scss +80 -0
  97. package/styles/dashboard-layout/material-dark.css +41 -42
  98. package/styles/dashboard-layout/material.css +41 -42
  99. package/styles/dashboard-layout/material3-dark.css +48 -47
  100. package/styles/dashboard-layout/material3.css +48 -47
  101. package/styles/dashboard-layout/tailwind-dark.css +57 -55
  102. package/styles/dashboard-layout/tailwind.css +57 -55
  103. package/styles/fabric-dark.css +359 -197
  104. package/styles/fabric-dark.scss +14 -5
  105. package/styles/fabric.css +359 -197
  106. package/styles/fabric.scss +14 -5
  107. package/styles/fluent-dark.css +370 -206
  108. package/styles/fluent-dark.scss +14 -5
  109. package/styles/fluent.css +370 -206
  110. package/styles/fluent.scss +14 -5
  111. package/styles/fluent2.css +2795 -0
  112. package/styles/fluent2.scss +14 -0
  113. package/styles/highcontrast-light.css +357 -196
  114. package/styles/highcontrast-light.scss +13 -5
  115. package/styles/highcontrast.css +361 -197
  116. package/styles/highcontrast.scss +14 -5
  117. package/styles/material-dark.css +357 -196
  118. package/styles/material-dark.scss +14 -5
  119. package/styles/material.css +359 -197
  120. package/styles/material.scss +14 -5
  121. package/styles/material3-dark.css +370 -204
  122. package/styles/material3-dark.scss +14 -5
  123. package/styles/material3.css +370 -204
  124. package/styles/material3.scss +14 -5
  125. package/styles/splitter/_bootstrap5.3-definition.scss +31 -0
  126. package/styles/splitter/_fluent2-definition.scss +31 -0
  127. package/styles/splitter/_layout.scss +0 -4
  128. package/styles/splitter/_material3-definition.scss +0 -7
  129. package/styles/splitter/_theme.scss +0 -4
  130. package/styles/splitter/bootstrap-dark.css +115 -59
  131. package/styles/splitter/bootstrap.css +115 -59
  132. package/styles/splitter/bootstrap4.css +113 -58
  133. package/styles/splitter/bootstrap5-dark.css +113 -58
  134. package/styles/splitter/bootstrap5.css +113 -58
  135. package/styles/splitter/fabric-dark.css +115 -59
  136. package/styles/splitter/fabric.css +115 -59
  137. package/styles/splitter/fluent-dark.css +113 -58
  138. package/styles/splitter/fluent.css +113 -58
  139. package/styles/splitter/fluent2.css +1578 -0
  140. package/styles/splitter/fluent2.scss +4 -0
  141. package/styles/splitter/highcontrast-light.css +115 -59
  142. package/styles/splitter/highcontrast.css +115 -59
  143. package/styles/splitter/icons/_bootstrap5.3.scss +39 -0
  144. package/styles/splitter/icons/_fluent2.scss +39 -0
  145. package/styles/splitter/material-dark.css +113 -58
  146. package/styles/splitter/material.css +113 -58
  147. package/styles/splitter/material3-dark.css +114 -59
  148. package/styles/splitter/material3.css +114 -59
  149. package/styles/splitter/tailwind-dark.css +113 -58
  150. package/styles/splitter/tailwind.css +113 -58
  151. package/styles/tailwind-dark.css +377 -213
  152. package/styles/tailwind-dark.scss +14 -5
  153. package/styles/tailwind.css +377 -213
  154. package/styles/tailwind.scss +14 -5
  155. package/styles/timeline/_bootstrap5.3-definition.scss +18 -0
  156. package/styles/timeline/_fluent2-definition.scss +18 -0
  157. package/styles/timeline/_layout.scss +46 -7
  158. package/styles/timeline/bootstrap-dark.css +99 -39
  159. package/styles/timeline/bootstrap.css +99 -39
  160. package/styles/timeline/bootstrap4.css +99 -39
  161. package/styles/timeline/bootstrap5-dark.css +99 -39
  162. package/styles/timeline/bootstrap5.css +99 -39
  163. package/styles/timeline/fabric-dark.css +99 -39
  164. package/styles/timeline/fabric.css +99 -39
  165. package/styles/timeline/fluent-dark.css +99 -39
  166. package/styles/timeline/fluent.css +99 -39
  167. package/styles/timeline/fluent2.css +1332 -0
  168. package/styles/timeline/fluent2.scss +3 -0
  169. package/styles/timeline/highcontrast-light.css +99 -39
  170. package/styles/timeline/highcontrast.css +99 -39
  171. package/styles/timeline/material-dark.css +99 -39
  172. package/styles/timeline/material.css +99 -39
  173. package/styles/timeline/material3-dark.css +100 -40
  174. package/styles/timeline/material3.css +100 -40
  175. package/styles/timeline/tailwind-dark.css +99 -39
  176. package/styles/timeline/tailwind.css +99 -39
  177. package/CHANGELOG.md +0 -599
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 0;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dotted #3A3A3A;
73
74
  position: absolute;
74
75
  }
@@ -77,10 +78,21 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px #414040 solid;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 2px;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel:hover {
@@ -92,10 +104,19 @@
92
104
  .e-dashboardlayout.e-control .e-panel:active {
93
105
  border: 1px #0074cc solid;
94
106
  }
107
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
108
+ height: 100%;
109
+ width: 100%;
110
+ }
111
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
112
+ height: inherit;
113
+ width: inherit;
114
+ }
95
115
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
96
116
  display: none;
97
117
  }
98
118
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
119
+ -webkit-transition: top 0.5s, left 0.5s;
99
120
  transition: top 0.5s, left 0.5s;
100
121
  }
101
122
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -118,22 +139,6 @@
118
139
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
119
140
  float: right;
120
141
  }
121
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
122
- height: 100%;
123
- width: 100%;
124
- }
125
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
126
- height: inherit;
127
- width: inherit;
128
- }
129
- .e-dashboardlayout.e-control .e-panel {
130
- border: 1px #414040 solid;
131
- height: 100%;
132
- -webkit-user-select: none;
133
- -ms-user-select: none;
134
- user-select: none;
135
- width: 100%;
136
- }
137
142
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
138
143
  position: absolute;
139
144
  -ms-touch-action: none;
@@ -170,13 +175,6 @@
170
175
  font-family: "e-icons";
171
176
  position: absolute;
172
177
  }
173
- .e-dashboardlayout.e-control .e-drag:hover {
174
- cursor: move;
175
- }
176
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
177
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
178
- cursor: default;
179
- }
180
178
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
181
179
  cursor: move;
182
180
  z-index: 1111 !important;
@@ -184,6 +182,19 @@
184
182
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
185
183
  float: left;
186
184
  }
185
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
186
+ font-size: 14px;
187
+ font-weight: 500;
188
+ height: 30px;
189
+ padding: 0 12px;
190
+ }
191
+ .e-dashboardlayout.e-control .e-drag:hover {
192
+ cursor: move;
193
+ }
194
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
195
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
196
+ cursor: default;
197
+ }
187
198
  .e-dashboardlayout.e-control .e-holder {
188
199
  background: rgba(0, 116, 204, 0.2);
189
200
  border: 2px #0074cc dotted;
@@ -192,14 +203,9 @@
192
203
  border-radius: 2px;
193
204
  }
194
205
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
206
+ -webkit-transition: top 0.3s, left 0.3s;
195
207
  transition: top 0.3s, left 0.3s;
196
208
  }
197
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
198
- font-size: 14px;
199
- font-weight: 500;
200
- height: 30px;
201
- padding: 0 12px;
202
- }
203
209
 
204
210
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
205
211
  font-size: 14px;
@@ -218,17 +224,10 @@
218
224
  }
219
225
  .e-dashboardlayout.e-control .e-panel {
220
226
  background: #201f1f;
221
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
222
- box-sizing: border-box;
223
- position: absolute;
224
- }
225
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
226
- color: #dadada;
227
- }
228
- .e-dashboardlayout.e-control .e-panel {
229
- background: #201f1f;
230
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
231
- box-sizing: border-box;
227
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
228
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
229
+ -webkit-box-sizing: border-box;
230
+ box-sizing: border-box;
232
231
  position: absolute;
233
232
  }
234
233
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 0;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dotted #a6a6a6;
73
74
  position: absolute;
74
75
  }
@@ -77,10 +78,21 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px #eaeaea solid;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 0;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel:hover {
@@ -92,10 +104,19 @@
92
104
  .e-dashboardlayout.e-control .e-panel:active {
93
105
  border: 1px #0078d6 solid;
94
106
  }
107
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
108
+ height: 100%;
109
+ width: 100%;
110
+ }
111
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
112
+ height: inherit;
113
+ width: inherit;
114
+ }
95
115
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
96
116
  display: none;
97
117
  }
98
118
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
119
+ -webkit-transition: top 0.5s, left 0.5s;
99
120
  transition: top 0.5s, left 0.5s;
100
121
  }
101
122
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -118,22 +139,6 @@
118
139
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
119
140
  float: right;
120
141
  }
121
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
122
- height: 100%;
123
- width: 100%;
124
- }
125
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
126
- height: inherit;
127
- width: inherit;
128
- }
129
- .e-dashboardlayout.e-control .e-panel {
130
- border: 1px #eaeaea solid;
131
- height: 100%;
132
- -webkit-user-select: none;
133
- -ms-user-select: none;
134
- user-select: none;
135
- width: 100%;
136
- }
137
142
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
138
143
  position: absolute;
139
144
  -ms-touch-action: none;
@@ -170,13 +175,6 @@
170
175
  font-family: "e-icons";
171
176
  position: absolute;
172
177
  }
173
- .e-dashboardlayout.e-control .e-drag:hover {
174
- cursor: move;
175
- }
176
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
177
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
178
- cursor: default;
179
- }
180
178
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
181
179
  cursor: move;
182
180
  z-index: 1111 !important;
@@ -184,6 +182,19 @@
184
182
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
185
183
  float: left;
186
184
  }
185
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
186
+ font-size: 14px;
187
+ font-weight: 500;
188
+ height: 30px;
189
+ padding: 0 12px;
190
+ }
191
+ .e-dashboardlayout.e-control .e-drag:hover {
192
+ cursor: move;
193
+ }
194
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
195
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
196
+ cursor: default;
197
+ }
187
198
  .e-dashboardlayout.e-control .e-holder {
188
199
  background: rgba(0, 120, 214, 0.3);
189
200
  border: 1px #0078d6 dotted;
@@ -192,14 +203,9 @@
192
203
  border-radius: 0;
193
204
  }
194
205
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
206
+ -webkit-transition: top 0.3s, left 0.3s;
195
207
  transition: top 0.3s, left 0.3s;
196
208
  }
197
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
198
- font-size: 14px;
199
- font-weight: 500;
200
- height: 30px;
201
- padding: 0 12px;
202
- }
203
209
 
204
210
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
205
211
  font-size: 14px;
@@ -218,17 +224,10 @@
218
224
  }
219
225
  .e-dashboardlayout.e-control .e-panel {
220
226
  background: #fff;
221
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
222
- box-sizing: border-box;
223
- position: absolute;
224
- }
225
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
226
- color: #333;
227
- }
228
- .e-dashboardlayout.e-control .e-panel {
229
- background: #fff;
230
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
231
- box-sizing: border-box;
227
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
228
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
229
+ -webkit-box-sizing: border-box;
230
+ box-sizing: border-box;
232
231
  position: absolute;
233
232
  }
234
233
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 4px;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dotted #797775;
73
74
  position: absolute;
74
75
  }
@@ -77,15 +78,27 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px solid #252423;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 2px;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel:hover {
87
99
  border: 1px solid #797775;
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);
100
+ -webkit-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);
101
+ 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
102
  }
90
103
  .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
91
104
  display: block;
@@ -93,10 +106,19 @@
93
106
  .e-dashboardlayout.e-control .e-panel:active {
94
107
  border: 1px solid #0078d4;
95
108
  }
109
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
110
+ height: 100%;
111
+ width: 100%;
112
+ }
113
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
114
+ height: inherit;
115
+ width: inherit;
116
+ }
96
117
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
97
118
  display: none;
98
119
  }
99
120
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
121
+ -webkit-transition: top 0.5s, left 0.5s;
100
122
  transition: top 0.5s, left 0.5s;
101
123
  }
102
124
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -119,22 +141,6 @@
119
141
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
120
142
  float: right;
121
143
  }
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 #252423;
132
- height: 100%;
133
- -webkit-user-select: none;
134
- -ms-user-select: none;
135
- user-select: none;
136
- width: 100%;
137
- }
138
144
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
139
145
  position: absolute;
140
146
  -ms-touch-action: none;
@@ -171,13 +177,6 @@
171
177
  font-family: "e-icons";
172
178
  position: absolute;
173
179
  }
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
180
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
182
181
  cursor: move;
183
182
  z-index: 1111 !important;
@@ -185,6 +184,19 @@
185
184
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
186
185
  float: left;
187
186
  }
187
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
188
+ font-size: 18px;
189
+ font-weight: 600;
190
+ height: 68px;
191
+ padding: 20px 0 20px 20px;
192
+ }
193
+ .e-dashboardlayout.e-control .e-drag:hover {
194
+ cursor: move;
195
+ }
196
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
197
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
198
+ cursor: default;
199
+ }
188
200
  .e-dashboardlayout.e-control .e-holder {
189
201
  background: #004578;
190
202
  border: 1px #0078d4 dashed;
@@ -193,14 +205,9 @@
193
205
  border-radius: 2px;
194
206
  }
195
207
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
208
+ -webkit-transition: top 0.3s, left 0.3s;
196
209
  transition: top 0.3s, left 0.3s;
197
210
  }
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
211
 
205
212
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
206
213
  font-size: 18px;
@@ -219,25 +226,15 @@
219
226
  }
220
227
  .e-dashboardlayout.e-control .e-panel {
221
228
  background: #252423;
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;
229
+ -webkit-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);
230
+ 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);
231
+ -webkit-box-sizing: border-box;
232
+ box-sizing: border-box;
224
233
  position: absolute;
225
234
  }
226
235
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
227
236
  color: #f3f2f1;
228
237
  }
229
- .e-dashboardlayout.e-control .e-panel {
230
- background: #252423;
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: #201f1e;
237
- }
238
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
239
- color: #f3f2f1;
240
- }
241
238
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
242
239
  background: none;
243
240
  }
@@ -295,6 +292,9 @@
295
292
  bottom: 2px;
296
293
  right: 2px;
297
294
  }
295
+ .e-dashboardlayout.e-control .e-panel:active {
296
+ background: #201f1e;
297
+ }
298
298
  .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
299
299
  color: #f3f2f1;
300
300
  }
@@ -59,7 +59,8 @@
59
59
  font-size: 12px;
60
60
  left: 4px;
61
61
  position: absolute;
62
- transform: rotateY(180deg);
62
+ -webkit-transform: rotateY(180deg);
63
+ transform: rotateY(180deg);
63
64
  }
64
65
 
65
66
  .e-dashboardlayout.e-control .e-dashboard-gridline-table {
@@ -68,7 +69,7 @@
68
69
  height: 100%;
69
70
  width: 100%;
70
71
  }
71
- .e-dashboardlayout.e-control .e-dashboard-gridline-table tbody tr td.e-dashboard-gridline {
72
+ .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
72
73
  border: 1px dotted #c8c6c4;
73
74
  position: absolute;
74
75
  }
@@ -77,15 +78,27 @@
77
78
  }
78
79
  .e-dashboardlayout.e-control.e-prevent {
79
80
  -webkit-user-select: none;
81
+ -moz-user-select: none;
80
82
  -ms-user-select: none;
81
83
  user-select: none;
82
84
  }
85
+ .e-dashboardlayout.e-control .e-panel.e-ssr {
86
+ position: relative;
87
+ }
83
88
  .e-dashboardlayout.e-control .e-panel {
89
+ border: 1px solid #fff;
90
+ height: 100%;
91
+ -webkit-user-select: none;
92
+ -moz-user-select: none;
93
+ -ms-user-select: none;
94
+ user-select: none;
95
+ width: 100%;
84
96
  border-radius: 2px;
85
97
  }
86
98
  .e-dashboardlayout.e-control .e-panel:hover {
87
99
  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);
100
+ -webkit-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);
101
+ 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
102
  }
90
103
  .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
91
104
  display: block;
@@ -93,10 +106,19 @@
93
106
  .e-dashboardlayout.e-control .e-panel:active {
94
107
  border: 1px solid #0078d4;
95
108
  }
109
+ .e-dashboardlayout.e-control .e-panel .e-panel-container {
110
+ height: 100%;
111
+ width: 100%;
112
+ }
113
+ .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
114
+ height: inherit;
115
+ width: inherit;
116
+ }
96
117
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
97
118
  display: none;
98
119
  }
99
120
  .e-dashboardlayout.e-control .e-panel.e-panel-transition {
121
+ -webkit-transition: top 0.5s, left 0.5s;
100
122
  transition: top 0.5s, left 0.5s;
101
123
  }
102
124
  .e-dashboardlayout.e-control .e-panel .e-panel-header {
@@ -119,22 +141,6 @@
119
141
  .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
120
142
  float: right;
121
143
  }
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
144
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
139
145
  position: absolute;
140
146
  -ms-touch-action: none;
@@ -171,13 +177,6 @@
171
177
  font-family: "e-icons";
172
178
  position: absolute;
173
179
  }
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
180
  .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
182
181
  cursor: move;
183
182
  z-index: 1111 !important;
@@ -185,6 +184,19 @@
185
184
  .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
186
185
  float: left;
187
186
  }
187
+ .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
188
+ font-size: 18px;
189
+ font-weight: 600;
190
+ height: 68px;
191
+ padding: 20px 0 20px 20px;
192
+ }
193
+ .e-dashboardlayout.e-control .e-drag:hover {
194
+ cursor: move;
195
+ }
196
+ .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
197
+ .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
198
+ cursor: default;
199
+ }
188
200
  .e-dashboardlayout.e-control .e-holder {
189
201
  background: #deecf9;
190
202
  border: 1px #0078d4 dashed;
@@ -193,14 +205,9 @@
193
205
  border-radius: 2px;
194
206
  }
195
207
  .e-dashboardlayout.e-control .e-holder.e-holder-transition {
208
+ -webkit-transition: top 0.3s, left 0.3s;
196
209
  transition: top 0.3s, left 0.3s;
197
210
  }
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
211
 
205
212
  .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
206
213
  font-size: 18px;
@@ -219,25 +226,15 @@
219
226
  }
220
227
  .e-dashboardlayout.e-control .e-panel {
221
228
  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;
229
+ -webkit-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);
230
+ 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);
231
+ -webkit-box-sizing: border-box;
232
+ box-sizing: border-box;
224
233
  position: absolute;
225
234
  }
226
235
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
227
236
  color: #201f1e;
228
237
  }
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
238
  .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
242
239
  background: none;
243
240
  }
@@ -295,6 +292,9 @@
295
292
  bottom: 2px;
296
293
  right: 2px;
297
294
  }
295
+ .e-dashboardlayout.e-control .e-panel:active {
296
+ background: #faf9f8;
297
+ }
298
298
  .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
299
299
  color: #201f1e;
300
300
  }