@syncfusion/ej2-angular-lists 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 (173) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +5 -0
  3. package/esm2020/src/list-view/listview-all.module.mjs +29 -0
  4. package/esm2020/src/list-view/listview.component.mjs +85 -0
  5. package/esm2020/src/list-view/listview.module.mjs +25 -0
  6. package/esm2020/syncfusion-ej2-angular-lists.mjs +5 -0
  7. package/fesm2015/syncfusion-ej2-angular-lists.mjs +139 -0
  8. package/fesm2015/syncfusion-ej2-angular-lists.mjs.map +1 -0
  9. package/fesm2020/syncfusion-ej2-angular-lists.mjs +139 -0
  10. package/fesm2020/syncfusion-ej2-angular-lists.mjs.map +1 -0
  11. package/package.json +26 -12
  12. package/src/list-view/listview-all.module.d.ts +6 -0
  13. package/src/list-view/listview.component.d.ts +3 -0
  14. package/src/list-view/listview.module.d.ts +6 -0
  15. package/styles/bootstrap-dark.css +467 -1
  16. package/styles/bootstrap.css +468 -1
  17. package/styles/bootstrap4.css +511 -1
  18. package/styles/bootstrap5-dark.css +495 -1
  19. package/styles/bootstrap5.css +495 -1
  20. package/styles/fabric-dark.css +467 -1
  21. package/styles/fabric.css +468 -1
  22. package/styles/fluent-dark.css +524 -1
  23. package/styles/fluent.css +524 -1
  24. package/styles/highcontrast-light.css +467 -1
  25. package/styles/highcontrast.css +468 -1
  26. package/styles/list-view/_all.scss +2 -0
  27. package/styles/list-view/_bootstrap-dark-definition.scss +111 -0
  28. package/styles/list-view/_bootstrap-definition.scss +104 -0
  29. package/styles/list-view/_bootstrap4-definition.scss +107 -0
  30. package/styles/list-view/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/list-view/_bootstrap5-definition.scss +132 -0
  32. package/styles/list-view/_fabric-dark-definition.scss +111 -0
  33. package/styles/list-view/_fabric-definition.scss +104 -0
  34. package/styles/list-view/_fluent-dark-definition.scss +1 -0
  35. package/styles/list-view/_fluent-definition.scss +138 -0
  36. package/styles/list-view/_fusionnew-definition.scss +132 -0
  37. package/styles/list-view/_highcontrast-definition.scss +104 -0
  38. package/styles/list-view/_highcontrast-light-definition.scss +111 -0
  39. package/styles/list-view/_layout.scss +615 -0
  40. package/styles/list-view/_material-dark-definition.scss +111 -0
  41. package/styles/list-view/_material-definition.scss +104 -0
  42. package/styles/list-view/_material3-dark-definition.scss +1 -0
  43. package/styles/list-view/_material3-definition.scss +134 -0
  44. package/styles/list-view/_tailwind-dark-definition.scss +1 -0
  45. package/styles/list-view/_tailwind-definition.scss +124 -0
  46. package/styles/list-view/_theme.scss +331 -0
  47. package/styles/list-view/bootstrap-dark.css +439 -1
  48. package/styles/list-view/bootstrap-dark.scss +5 -1
  49. package/styles/list-view/bootstrap.css +440 -1
  50. package/styles/list-view/bootstrap.scss +5 -1
  51. package/styles/list-view/bootstrap4.css +483 -1
  52. package/styles/list-view/bootstrap4.scss +5 -1
  53. package/styles/list-view/bootstrap5-dark.css +467 -1
  54. package/styles/list-view/bootstrap5-dark.scss +5 -1
  55. package/styles/list-view/bootstrap5.css +467 -1
  56. package/styles/list-view/bootstrap5.scss +5 -1
  57. package/styles/list-view/fabric-dark.css +439 -1
  58. package/styles/list-view/fabric-dark.scss +5 -1
  59. package/styles/list-view/fabric.css +440 -1
  60. package/styles/list-view/fabric.scss +5 -1
  61. package/styles/list-view/fluent-dark.css +496 -1
  62. package/styles/list-view/fluent-dark.scss +5 -1
  63. package/styles/list-view/fluent.css +496 -1
  64. package/styles/list-view/fluent.scss +5 -1
  65. package/styles/list-view/highcontrast-light.css +439 -1
  66. package/styles/list-view/highcontrast-light.scss +5 -1
  67. package/styles/list-view/highcontrast.css +440 -1
  68. package/styles/list-view/highcontrast.scss +5 -1
  69. package/styles/list-view/icons/_bootstrap-dark.scss +12 -0
  70. package/styles/list-view/icons/_bootstrap.scss +8 -0
  71. package/styles/list-view/icons/_bootstrap4.scss +8 -0
  72. package/styles/list-view/icons/_bootstrap5-dark.scss +1 -0
  73. package/styles/list-view/icons/_bootstrap5.scss +8 -0
  74. package/styles/list-view/icons/_fabric-dark.scss +12 -0
  75. package/styles/list-view/icons/_fabric.scss +8 -0
  76. package/styles/list-view/icons/_fluent-dark.scss +1 -0
  77. package/styles/list-view/icons/_fluent.scss +8 -0
  78. package/styles/list-view/icons/_fusionnew.scss +8 -0
  79. package/styles/list-view/icons/_highcontrast-light.scss +12 -0
  80. package/styles/list-view/icons/_highcontrast.scss +8 -0
  81. package/styles/list-view/icons/_material-dark.scss +11 -0
  82. package/styles/list-view/icons/_material.scss +7 -0
  83. package/styles/list-view/icons/_material3-dark.scss +1 -0
  84. package/styles/list-view/icons/_material3.scss +8 -0
  85. package/styles/list-view/icons/_tailwind-dark.scss +8 -0
  86. package/styles/list-view/icons/_tailwind.scss +8 -0
  87. package/styles/list-view/material-dark.css +438 -1
  88. package/styles/list-view/material-dark.scss +5 -1
  89. package/styles/list-view/material.css +439 -1
  90. package/styles/list-view/material.scss +5 -1
  91. package/styles/list-view/material3-dark.css +515 -1
  92. package/styles/list-view/material3-dark.scss +5 -1
  93. package/styles/list-view/material3.css +571 -1
  94. package/styles/list-view/material3.scss +5 -1
  95. package/styles/list-view/tailwind-dark.css +576 -1
  96. package/styles/list-view/tailwind-dark.scss +5 -1
  97. package/styles/list-view/tailwind.css +576 -1
  98. package/styles/list-view/tailwind.scss +5 -1
  99. package/styles/material-dark.css +466 -1
  100. package/styles/material.css +467 -1
  101. package/styles/material3-dark.css +543 -1
  102. package/styles/material3-dark.scss +1 -0
  103. package/styles/material3.css +599 -1
  104. package/styles/material3.scss +1 -0
  105. package/styles/sortable/_all.scss +1 -0
  106. package/styles/sortable/_bootstrap-dark-definition.scss +1 -0
  107. package/styles/sortable/_bootstrap-definition.scss +1 -0
  108. package/styles/sortable/_bootstrap4-definition.scss +1 -0
  109. package/styles/sortable/_bootstrap5-dark-definition.scss +1 -0
  110. package/styles/sortable/_bootstrap5-definition.scss +1 -0
  111. package/styles/sortable/_fabric-dark-definition.scss +1 -0
  112. package/styles/sortable/_fabric-definition.scss +1 -0
  113. package/styles/sortable/_fluent-dark-definition.scss +1 -0
  114. package/styles/sortable/_fluent-definition.scss +1 -0
  115. package/styles/sortable/_fusionnew-definition.scss +1 -0
  116. package/styles/sortable/_highcontrast-definition.scss +1 -0
  117. package/styles/sortable/_highcontrast-light-definition.scss +1 -0
  118. package/styles/sortable/_layout.scss +28 -0
  119. package/styles/sortable/_material-dark-definition.scss +1 -0
  120. package/styles/sortable/_material-definition.scss +1 -0
  121. package/styles/sortable/_material3-dark-definition.scss +1 -0
  122. package/styles/sortable/_material3-definition.scss +1 -0
  123. package/styles/sortable/_tailwind-dark-definition.scss +1 -0
  124. package/styles/sortable/_tailwind-definition.scss +1 -0
  125. package/styles/sortable/bootstrap-dark.css +27 -1
  126. package/styles/sortable/bootstrap-dark.scss +3 -1
  127. package/styles/sortable/bootstrap.css +27 -1
  128. package/styles/sortable/bootstrap.scss +3 -1
  129. package/styles/sortable/bootstrap4.css +27 -1
  130. package/styles/sortable/bootstrap4.scss +3 -1
  131. package/styles/sortable/bootstrap5-dark.css +27 -1
  132. package/styles/sortable/bootstrap5-dark.scss +3 -1
  133. package/styles/sortable/bootstrap5.css +27 -1
  134. package/styles/sortable/bootstrap5.scss +3 -1
  135. package/styles/sortable/fabric-dark.css +27 -1
  136. package/styles/sortable/fabric-dark.scss +3 -1
  137. package/styles/sortable/fabric.css +27 -1
  138. package/styles/sortable/fabric.scss +3 -1
  139. package/styles/sortable/fluent-dark.css +27 -1
  140. package/styles/sortable/fluent-dark.scss +3 -1
  141. package/styles/sortable/fluent.css +27 -1
  142. package/styles/sortable/fluent.scss +3 -1
  143. package/styles/sortable/highcontrast-light.css +27 -1
  144. package/styles/sortable/highcontrast-light.scss +3 -1
  145. package/styles/sortable/highcontrast.css +27 -1
  146. package/styles/sortable/highcontrast.scss +3 -1
  147. package/styles/sortable/material-dark.css +27 -1
  148. package/styles/sortable/material-dark.scss +3 -1
  149. package/styles/sortable/material.css +27 -1
  150. package/styles/sortable/material.scss +3 -1
  151. package/styles/sortable/material3-dark.css +82 -1
  152. package/styles/sortable/material3-dark.scss +3 -1
  153. package/styles/sortable/material3.css +138 -1
  154. package/styles/sortable/material3.scss +3 -1
  155. package/styles/sortable/tailwind-dark.css +27 -1
  156. package/styles/sortable/tailwind-dark.scss +3 -1
  157. package/styles/sortable/tailwind.css +27 -1
  158. package/styles/sortable/tailwind.scss +3 -1
  159. package/styles/tailwind-dark.css +604 -1
  160. package/styles/tailwind.css +604 -1
  161. package/syncfusion-ej2-angular-lists.d.ts +5 -0
  162. package/@syncfusion/ej2-angular-lists.es5.js +0 -188
  163. package/@syncfusion/ej2-angular-lists.es5.js.map +0 -1
  164. package/@syncfusion/ej2-angular-lists.js +0 -169
  165. package/@syncfusion/ej2-angular-lists.js.map +0 -1
  166. package/CHANGELOG.md +0 -529
  167. package/dist/ej2-angular-lists.umd.js +0 -213
  168. package/dist/ej2-angular-lists.umd.js.map +0 -1
  169. package/dist/ej2-angular-lists.umd.min.js +0 -11
  170. package/dist/ej2-angular-lists.umd.min.js.map +0 -1
  171. package/ej2-angular-lists.d.ts +0 -5
  172. package/ej2-angular-lists.metadata.json +0 -1
  173. package/postinstall/tagchange.js +0 -18
@@ -1 +1,511 @@
1
- @import '@syncfusion/ej2-lists/styles/bootstrap4.css';
1
+ .e-icon-collapsible::before {
2
+ content: "\e70b";
3
+ }
4
+
5
+ .e-icon-back::before {
6
+ content: "\e728";
7
+ font-size: 14px;
8
+ }
9
+
10
+ /* stylelint-disable property-no-vendor-prefix */
11
+ .e-bigger .e-listview,
12
+ .e-listview.e-bigger {
13
+ font-size: 16px;
14
+ }
15
+ .e-bigger .e-listview .e-list-item,
16
+ .e-listview.e-bigger .e-list-item {
17
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
18
+ border-left: 0 solid rgba(0, 0, 0, 0.13);
19
+ border-right: 0 solid rgba(0, 0, 0, 0.13);
20
+ border-top: 0 solid transparent;
21
+ }
22
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
+ height: 50px;
25
+ line-height: 1.6;
26
+ position: relative;
27
+ padding: 12px 20px;
28
+ }
29
+ .e-bigger .e-listview .e-text-content,
30
+ .e-listview.e-bigger .e-text-content {
31
+ font-size: 16px;
32
+ }
33
+ .e-bigger .e-listview .e-list-group-item,
34
+ .e-listview.e-bigger .e-list-group-item {
35
+ height: 50px;
36
+ line-height: 1.5;
37
+ font-size: 16px;
38
+ padding: 12px 20px;
39
+ }
40
+ .e-bigger .e-listview .e-list-header,
41
+ .e-listview.e-bigger .e-list-header {
42
+ -ms-flex-align: center;
43
+ align-items: center;
44
+ display: -ms-flexbox;
45
+ display: flex;
46
+ font-weight: bold;
47
+ height: 50px;
48
+ font-size: 20px;
49
+ line-height: 1.2;
50
+ padding: 0 0 0 20px;
51
+ }
52
+ .e-bigger .e-listview .e-list-header .e-text.header,
53
+ .e-listview.e-bigger .e-list-header .e-text.header {
54
+ display: none;
55
+ }
56
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
57
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
58
+ display: none;
59
+ }
60
+ .e-bigger .e-listview .e-list-header .e-text,
61
+ .e-listview.e-bigger .e-list-header .e-text {
62
+ font-size: 20px;
63
+ }
64
+ .e-bigger .e-listview .e-back-button,
65
+ .e-listview.e-bigger .e-back-button {
66
+ margin-top: -3px;
67
+ padding-right: 12px;
68
+ }
69
+ .e-bigger .e-listview .e-list-icon,
70
+ .e-listview.e-bigger .e-list-icon {
71
+ margin-right: 12px;
72
+ }
73
+ .e-bigger .e-listview .e-icon-collapsible,
74
+ .e-listview.e-bigger .e-icon-collapsible {
75
+ font-size: 12px;
76
+ }
77
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
78
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
79
+ margin: 0 12px 0 0;
80
+ }
81
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
82
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
83
+ margin: 0 0 0 12px;
84
+ }
85
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
86
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
87
+ margin: 0 12px 0 0;
88
+ }
89
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
90
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
91
+ margin: 0 0 0 12px;
92
+ }
93
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
94
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
95
+ width: calc(100% - 40px);
96
+ }
97
+
98
+ .e-listview {
99
+ -webkit-overflow-scrolling: touch;
100
+ border: 1px solid;
101
+ border-radius: 4px;
102
+ display: block;
103
+ overflow: auto;
104
+ position: relative;
105
+ width: 100%;
106
+ }
107
+ .e-listview:not(.e-list-template) .e-list-item {
108
+ height: 40px;
109
+ line-height: 1.6;
110
+ padding: 8px 16px 8px 16px;
111
+ position: relative;
112
+ }
113
+ .e-listview .e-list-item {
114
+ border-bottom: 1px solid;
115
+ cursor: pointer;
116
+ }
117
+
118
+ .e-listview .e-list-parent {
119
+ margin: 0;
120
+ padding: 0;
121
+ }
122
+
123
+ .e-listview .e-list-header .e-text.header {
124
+ display: none;
125
+ }
126
+
127
+ .e-listview .e-icon-back {
128
+ margin-top: 0;
129
+ }
130
+
131
+ .e-listview .e-list-header .e-headertemplate-text.nested-header {
132
+ display: none;
133
+ }
134
+
135
+ .e-listview .e-list-header {
136
+ -ms-flex-align: center;
137
+ align-items: center;
138
+ display: -ms-flexbox;
139
+ display: flex;
140
+ font-weight: bold;
141
+ height: 40px;
142
+ border-bottom: 1px solid;
143
+ padding: 0 16px;
144
+ }
145
+
146
+ .e-listview .e-has-header > .e-view {
147
+ top: 45px;
148
+ }
149
+
150
+ .e-listview .e-back-button {
151
+ cursor: pointer;
152
+ padding-right: 10px;
153
+ }
154
+
155
+ .e-listview .e-list-group-item:first-child {
156
+ border: 0;
157
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
158
+ }
159
+
160
+ .e-listview .e-list-group-item {
161
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
162
+ border-top: 0 solid;
163
+ height: 40px;
164
+ line-height: 1.5;
165
+ font-weight: 600;
166
+ padding: 8px 16px 8px 16px;
167
+ }
168
+ .e-listview .e-list-group-item .e-list-text {
169
+ cursor: default;
170
+ }
171
+
172
+ .e-listview .e-icon-collapsible {
173
+ cursor: pointer;
174
+ font-size: 10px;
175
+ position: absolute;
176
+ right: 0%;
177
+ top: 50%;
178
+ transform: translateY(-50%);
179
+ }
180
+
181
+ .e-listview .e-text-content {
182
+ height: 100%;
183
+ position: relative;
184
+ vertical-align: middle;
185
+ }
186
+
187
+ .e-listview .e-text-content * {
188
+ display: inline-block;
189
+ vertical-align: middle;
190
+ }
191
+
192
+ .e-listview .e-text-content.e-checkbox .e-list-text {
193
+ width: calc(100% - 40px);
194
+ }
195
+
196
+ .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
197
+ width: calc(100% - 90px);
198
+ }
199
+
200
+ .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
201
+ width: calc(100% - 80px);
202
+ }
203
+
204
+ .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
205
+ width: calc(100% - 92px);
206
+ }
207
+
208
+ .e-listview .e-checkbox .e-checkbox-left {
209
+ margin: 0 10px 0 0;
210
+ }
211
+
212
+ .e-listview .e-checkbox .e-checkbox-right {
213
+ margin: 0 0 0 10px;
214
+ }
215
+
216
+ .e-listview .e-list-text {
217
+ cursor: pointer;
218
+ display: inline-block;
219
+ overflow: hidden;
220
+ text-overflow: ellipsis;
221
+ vertical-align: middle;
222
+ white-space: nowrap;
223
+ width: 100%;
224
+ }
225
+
226
+ .e-listview .e-list-icon + .e-list-text {
227
+ width: calc(100% - 60px);
228
+ }
229
+
230
+ .e-listview .e-icon-wrapper .e-list-text {
231
+ width: calc(100% - 60px);
232
+ }
233
+
234
+ .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
235
+ width: calc(100% - 60px);
236
+ }
237
+
238
+ .e-listview .e-list-icon {
239
+ margin-right: 10px;
240
+ height: 30px;
241
+ width: 30px;
242
+ }
243
+
244
+ .e-listview .e-list-container {
245
+ overflow: hidden;
246
+ position: relative;
247
+ }
248
+
249
+ .e-listview .e-list-header.e-list-navigation .e-text {
250
+ cursor: pointer;
251
+ }
252
+
253
+ .e-listview .e-list-header .e-text {
254
+ cursor: default;
255
+ text-indent: 0;
256
+ }
257
+
258
+ .e-listview .e-text .e-headertext {
259
+ display: inline-block;
260
+ line-height: 1.2;
261
+ }
262
+
263
+ .e-listview.e-rtl {
264
+ direction: rtl;
265
+ }
266
+ .e-listview.e-rtl .e-list-icon {
267
+ margin-left: 16px;
268
+ margin-right: 0;
269
+ }
270
+ .e-listview.e-rtl .e-icon-collapsible {
271
+ left: 0%;
272
+ right: initial;
273
+ top: 50%;
274
+ transform: translateY(-50%) rotate(180deg);
275
+ }
276
+ .e-listview.e-rtl .e-list-header .e-text {
277
+ cursor: pointer;
278
+ }
279
+ .e-listview.e-rtl .e-back-button {
280
+ transform: rotate(180deg);
281
+ }
282
+ .e-listview.e-rtl .e-icon-back {
283
+ margin-top: 0;
284
+ }
285
+ .e-listview.e-rtl .e-checkbox .e-checkbox-left {
286
+ margin: 0 0 0 10px;
287
+ }
288
+ .e-listview.e-rtl .e-checkbox .e-checkbox-right {
289
+ margin: 0 10px 0 0;
290
+ }
291
+
292
+ .e-listview {
293
+ border-color: rgba(0, 0, 0, 0.13);
294
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
295
+ font-size: 14px;
296
+ }
297
+ .e-listview .e-list-header {
298
+ background-color: #fff;
299
+ border-color: rgba(0, 0, 0, 0.13);
300
+ color: #212529;
301
+ font-size: 16px;
302
+ }
303
+
304
+ .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
305
+ color: #212529;
306
+ }
307
+
308
+ .e-listview .e-list-item {
309
+ background-color: #fff;
310
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
311
+ border-left: 0 solid rgba(0, 0, 0, 0.13);
312
+ border-right: 0 solid rgba(0, 0, 0, 0.13);
313
+ border-top: 0 solid transparent;
314
+ color: #212529;
315
+ }
316
+
317
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
318
+ background-color: #e9ecef;
319
+ border-color: transparent;
320
+ color: #212529;
321
+ }
322
+
323
+ .e-listview .e-list-item.e-active {
324
+ background-color: #007bff;
325
+ color: #fff;
326
+ }
327
+
328
+ .e-listview .e-list-item.e-active.e-checklist {
329
+ background-color: #fff;
330
+ color: #212529;
331
+ }
332
+
333
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
334
+ background-color: #007bff;
335
+ color: #fff;
336
+ }
337
+
338
+ .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
339
+ background-color: #fff;
340
+ border-color: #fff;
341
+ color: #007bff;
342
+ }
343
+
344
+ .e-listview .e-list-group-item {
345
+ background-color: #fff;
346
+ border-color: rgba(0, 0, 0, 0.13);
347
+ color: #6c757d;
348
+ font-size: 14px;
349
+ }
350
+
351
+ .e-listview .e-list-item.e-focused .e-icon-wrapper .e-icon-collapsible {
352
+ color: #fff;
353
+ }
354
+
355
+ .e-listview.e-list-template .e-list-wrapper {
356
+ height: inherit;
357
+ position: relative;
358
+ }
359
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
360
+ padding: 0.7142em 1.0714em;
361
+ }
362
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
363
+ padding: 0.7142em 1.0714em;
364
+ }
365
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
366
+ color: #212529;
367
+ display: block;
368
+ font-size: 18px;
369
+ font-weight: 500;
370
+ margin: 0;
371
+ overflow: hidden;
372
+ padding: 0.038em 0;
373
+ text-overflow: ellipsis;
374
+ white-space: nowrap;
375
+ }
376
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
377
+ color: #212529;
378
+ display: block;
379
+ font-size: 14px;
380
+ margin: 0;
381
+ padding: 0.038em 0;
382
+ word-wrap: break-word;
383
+ }
384
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
385
+ overflow: hidden;
386
+ text-overflow: ellipsis;
387
+ white-space: nowrap;
388
+ }
389
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
390
+ height: 2.8571em;
391
+ left: 1.0667em;
392
+ position: absolute;
393
+ top: 0.7142em;
394
+ width: 2.8571em;
395
+ }
396
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
397
+ padding-left: 4.6428em;
398
+ padding-right: 1.0714em;
399
+ }
400
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
401
+ padding-left: 1.0714em;
402
+ padding-right: 4.6428em;
403
+ }
404
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
405
+ height: 2.8571em;
406
+ position: absolute;
407
+ right: 1.0667em;
408
+ top: 0.7142em;
409
+ width: 2.8571em;
410
+ }
411
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
412
+ top: 0.7142em;
413
+ }
414
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
415
+ top: 0.7142em;
416
+ }
417
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
418
+ font-size: 15px;
419
+ height: 1.333em;
420
+ line-height: 1.433em;
421
+ padding: 0;
422
+ position: absolute;
423
+ right: 1em;
424
+ top: 50%;
425
+ transform: translateY(-50%);
426
+ width: 2em;
427
+ }
428
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
429
+ padding-left: 4.6428em;
430
+ padding-right: 3.9285em;
431
+ }
432
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
433
+ padding-left: 1.0714em;
434
+ padding-right: 3.9285em;
435
+ }
436
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
437
+ display: block;
438
+ margin: 0;
439
+ overflow: hidden;
440
+ padding: 0.83em 0;
441
+ text-overflow: ellipsis;
442
+ white-space: nowrap;
443
+ }
444
+ .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
445
+ color: #212529;
446
+ }
447
+ .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
448
+ color: #212529;
449
+ }
450
+ .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
451
+ color: #fff;
452
+ }
453
+ .e-listview.e-list-template .e-list-item.e-active .e-list-content {
454
+ color: #fff;
455
+ }
456
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
457
+ left: inherit;
458
+ right: 1.0667em;
459
+ }
460
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
461
+ padding-left: 1.0714em;
462
+ padding-right: 4.6428em;
463
+ }
464
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
465
+ padding-left: 4.6428em;
466
+ padding-right: 1.0714em;
467
+ }
468
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
469
+ left: 1.0667em;
470
+ right: inherit;
471
+ }
472
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
473
+ left: 1em;
474
+ right: inherit;
475
+ }
476
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
477
+ padding-left: 3.9285em;
478
+ padding-right: 4.6428em;
479
+ }
480
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
481
+ padding-left: 3.9285em;
482
+ padding-right: 1.0714em;
483
+ }
484
+
485
+ /* stylelint-disable-line no-empty-source */
486
+ .e-sortable {
487
+ outline: none;
488
+ position: relative;
489
+ -webkit-user-select: none;
490
+ -ms-user-select: none;
491
+ user-select: none;
492
+ }
493
+ .e-sortable .e-disabled {
494
+ background-image: none;
495
+ cursor: default;
496
+ filter: alpha(Opacity=35);
497
+ opacity: 0.35;
498
+ }
499
+ .e-sortable * {
500
+ box-sizing: border-box;
501
+ }
502
+ .e-sortable *:focus {
503
+ outline: none;
504
+ }
505
+
506
+ /* stylelint-disable */
507
+ .e-sortableclone {
508
+ position: fixed !important;
509
+ }
510
+
511
+ /* stylelint-enable */