px-react-ui-components 1.1.7 → 1.1.9
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.
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
.container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
display: block;
|
|
3
|
+
/* width: 100%; */
|
|
4
|
+
width: auto;
|
|
5
|
+
font-size: 15px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.container small {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
padding-left: 5px;
|
|
10
|
+
font-size: 11px;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.inputblock {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
display: block;
|
|
15
|
+
position: relative;
|
|
16
|
+
/* width: 100%; */
|
|
17
|
+
width: auto;
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
border: 1px solid #e5e7eb;
|
|
20
|
+
padding-right: 8px;
|
|
21
|
+
padding-left: 15px;
|
|
22
|
+
border-radius: 8px;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.inputblockdisabled{
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
.inputblockdisabled {
|
|
26
|
+
background-color: #f8fafd;
|
|
27
|
+
border-color: #e5e7eb;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.disabledInput {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
width: 100%;
|
|
32
|
+
min-height: 40px;
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
padding: 8px;
|
|
36
|
+
overflow: auto;
|
|
37
|
+
scrollbar-width: thin;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.caretdown {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: 10px;
|
|
43
|
+
top: 50%;
|
|
44
|
+
transform: translateY(-50%);
|
|
45
|
+
font-size: 15px;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.fileinput,
|
|
@@ -50,25 +50,33 @@
|
|
|
50
50
|
.inputblock select,
|
|
51
51
|
.inputblock textarea,
|
|
52
52
|
.inputblock input {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
53
|
+
display: block;
|
|
54
|
+
width: 100%;
|
|
55
|
+
min-height: 41px;
|
|
56
|
+
background: transparent !important;
|
|
57
|
+
border: none;
|
|
58
|
+
padding: 10px 0px;
|
|
59
|
+
color: #0a0b0f;
|
|
60
|
+
font-weight: normal;
|
|
61
|
+
font-size: 14px;
|
|
62
|
+
outline: none;
|
|
63
|
+
z-index: 9;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.inputblock:focus-within {
|
|
67
|
-
|
|
67
|
+
background-color: #ecf8ff;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.inputblock select {
|
|
71
|
-
|
|
71
|
+
padding: 10px 0px 11px 0;
|
|
72
|
+
|
|
73
|
+
-webkit-appearance: none; /* Chrome, Opera, Safari */
|
|
74
|
+
-moz-appearance: none; /* Firefox */
|
|
75
|
+
appearance: none;
|
|
76
|
+
|
|
77
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0.590088L6 5.17009L10.59 0.590088L12 2.00009L6 8.00009L0 2.00009L1.41 0.590088Z' fill='%2373889D'/%3E%3C/svg%3E") !important;
|
|
78
|
+
background-repeat: no-repeat !important;
|
|
79
|
+
background-position: right 10px center !important;
|
|
72
80
|
}
|
|
73
81
|
|
|
74
82
|
.fileinput::placeholder,
|
|
@@ -76,8 +84,8 @@
|
|
|
76
84
|
.inputblock select::placeholder,
|
|
77
85
|
.inputblock textarea::placeholder,
|
|
78
86
|
.inputblock input::placeholder {
|
|
79
|
-
|
|
80
|
-
|
|
87
|
+
color: #73889d;
|
|
88
|
+
opacity: 0.8;
|
|
81
89
|
}
|
|
82
90
|
|
|
83
91
|
.fileinput:-internal-autofill-selected,
|
|
@@ -85,336 +93,335 @@
|
|
|
85
93
|
.inputblock select:-internal-autofill-selected,
|
|
86
94
|
.inputblock textarea:-internal-autofill-selected,
|
|
87
95
|
.inputblock input:-internal-autofill-selected {
|
|
88
|
-
|
|
96
|
+
background-color: rgba(243, 242, 247, 0.1) !important;
|
|
89
97
|
}
|
|
90
98
|
|
|
91
99
|
.inputblock input[type="color"] {
|
|
92
|
-
|
|
93
|
-
|
|
100
|
+
height: 45px;
|
|
101
|
+
padding: 5px 0;
|
|
94
102
|
}
|
|
95
103
|
|
|
96
104
|
.inputblock textarea {
|
|
97
|
-
|
|
105
|
+
line-height: unset;
|
|
98
106
|
}
|
|
99
107
|
|
|
100
108
|
.placeholder {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
position: absolute;
|
|
110
|
+
top: 50%;
|
|
111
|
+
transform: translateY(-50%);
|
|
112
|
+
color: #75899e;
|
|
113
|
+
opacity: 0.8;
|
|
114
|
+
z-index: 0;
|
|
115
|
+
pointer-events: none;
|
|
116
|
+
font-weight: 300;
|
|
117
|
+
font-size: 14px;
|
|
110
118
|
}
|
|
111
119
|
|
|
112
120
|
.inputblock input.filterInput {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
+
position: absolute;
|
|
122
|
+
display: none;
|
|
123
|
+
left: 10px;
|
|
124
|
+
top: 0px;
|
|
125
|
+
width: calc(100% - 75px) !important;
|
|
126
|
+
padding-left: 5px !important;
|
|
127
|
+
z-index: 2 !important;
|
|
128
|
+
background-color: #f3f2f7 !important;
|
|
121
129
|
}
|
|
122
130
|
|
|
123
131
|
.inputblockicon input.filterInput {
|
|
124
|
-
|
|
132
|
+
left: 40px;
|
|
125
133
|
}
|
|
126
134
|
|
|
127
135
|
.filterInputSelected {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
136
|
+
display: block;
|
|
137
|
+
width: 100%;
|
|
138
|
+
height: 41px;
|
|
139
|
+
padding: 10px 0;
|
|
140
|
+
font-size: 14px;
|
|
141
|
+
font-weight: 300;
|
|
134
142
|
}
|
|
135
143
|
|
|
136
144
|
.filterInputSelectedSelected {
|
|
137
|
-
|
|
138
|
-
|
|
145
|
+
position: relative;
|
|
146
|
+
padding-left: 30px;
|
|
139
147
|
}
|
|
140
148
|
|
|
141
149
|
.filterInputSelectedContainer {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
150
|
+
display: flex;
|
|
151
|
+
align-items: center;
|
|
152
|
+
justify-content: space-between;
|
|
153
|
+
padding-left: 10px;
|
|
146
154
|
}
|
|
147
155
|
|
|
148
156
|
.filterInputSelectedContainerSelected {
|
|
149
|
-
|
|
157
|
+
position: relative;
|
|
150
158
|
}
|
|
151
159
|
|
|
152
160
|
.filterInputSelectedX {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
161
|
+
position: absolute;
|
|
162
|
+
right: 35px;
|
|
163
|
+
top: 50%;
|
|
164
|
+
transform: translateY(-50%);
|
|
165
|
+
font-size: 15px;
|
|
166
|
+
cursor: pointer;
|
|
167
|
+
font-family: monospace;
|
|
168
|
+
border-radius: 50%;
|
|
169
|
+
width: 18px;
|
|
170
|
+
height: 18px;
|
|
171
|
+
background: #e4e4e4;
|
|
172
|
+
text-align: center;
|
|
173
|
+
padding: 0px;
|
|
174
|
+
line-height: 15px;
|
|
175
|
+
color: #000000;
|
|
168
176
|
}
|
|
169
177
|
|
|
170
178
|
.filterInputSelectedX:hover {
|
|
171
|
-
|
|
172
|
-
|
|
179
|
+
background: #f0cdcd;
|
|
180
|
+
color: #a34444;
|
|
173
181
|
}
|
|
174
182
|
|
|
175
183
|
.filterInputList {
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
184
|
+
display: none;
|
|
185
|
+
position: absolute;
|
|
186
|
+
left: 5px;
|
|
187
|
+
top: 41px;
|
|
188
|
+
max-height: 300px;
|
|
189
|
+
width: calc(100% - 10px);
|
|
190
|
+
z-index: 99;
|
|
191
|
+
background-color: #fff;
|
|
192
|
+
padding: 0;
|
|
193
|
+
border-radius: 8px;
|
|
194
|
+
overflow: auto;
|
|
195
|
+
scrollbar-width: thin;
|
|
196
|
+
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
|
|
197
|
+
font-size: 13px;
|
|
198
|
+
font-weight: 300;
|
|
191
199
|
}
|
|
192
200
|
|
|
193
201
|
.filterInputList.opened {
|
|
194
|
-
|
|
202
|
+
display: block;
|
|
195
203
|
}
|
|
196
204
|
|
|
197
205
|
.filterInputList li {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
206
|
+
cursor: default;
|
|
207
|
+
padding: 6px 15px;
|
|
208
|
+
display: flex;
|
|
209
|
+
flex-direction: column;
|
|
210
|
+
gap: 0px;
|
|
203
211
|
}
|
|
204
212
|
|
|
205
213
|
.filterInputList .subtextli {
|
|
206
|
-
|
|
214
|
+
padding: 4px 15px;
|
|
207
215
|
}
|
|
208
216
|
.filterInputList li .subtext {
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
217
|
+
font-size: 11px;
|
|
218
|
+
font-style: italic;
|
|
219
|
+
color: #73889d;
|
|
220
|
+
opacity: 0.8;
|
|
221
|
+
font-weight: 300;
|
|
214
222
|
}
|
|
215
223
|
|
|
216
224
|
.filterInputList li:hover {
|
|
217
|
-
|
|
218
|
-
|
|
225
|
+
background-color: #1c61c9;
|
|
226
|
+
color: #fff;
|
|
219
227
|
}
|
|
220
228
|
|
|
221
229
|
.filterInputList li:hover .subtext,
|
|
222
230
|
.filterInputList li:hover i,
|
|
223
231
|
.filterInputList li:hover span,
|
|
224
232
|
.filterInputList li:hover small {
|
|
225
|
-
|
|
233
|
+
color: #fff !important;
|
|
226
234
|
}
|
|
227
235
|
|
|
228
236
|
.inputblockicon {
|
|
229
|
-
|
|
237
|
+
padding-left: 40px;
|
|
230
238
|
}
|
|
231
239
|
|
|
232
240
|
.inputblockicon .eye,
|
|
233
241
|
.inputblockicon .icon {
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
242
|
+
position: absolute;
|
|
243
|
+
left: 5px;
|
|
244
|
+
top: 50%;
|
|
245
|
+
width: 30px;
|
|
246
|
+
transform: translateY(-50%);
|
|
247
|
+
color: #73889d;
|
|
248
|
+
padding: 0px;
|
|
249
|
+
font-size: 22px;
|
|
250
|
+
display: flex;
|
|
251
|
+
align-items: center;
|
|
252
|
+
justify-content: center;
|
|
245
253
|
}
|
|
246
254
|
|
|
247
255
|
.inputblockicon .icontextarea {
|
|
248
|
-
|
|
249
|
-
|
|
256
|
+
top: 13px;
|
|
257
|
+
transform: unset;
|
|
250
258
|
}
|
|
251
259
|
|
|
252
260
|
.inputblockicon .icon {
|
|
253
|
-
|
|
254
|
-
|
|
261
|
+
z-index: 0;
|
|
262
|
+
pointer-events: none;
|
|
255
263
|
}
|
|
256
264
|
|
|
257
265
|
.inputblockicon .eye {
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
266
|
+
left: unset;
|
|
267
|
+
right: 10px;
|
|
268
|
+
background: unset;
|
|
269
|
+
border: none;
|
|
262
270
|
}
|
|
263
271
|
|
|
264
272
|
.inputblockicon .eye:hover {
|
|
265
|
-
|
|
273
|
+
color: #a3a7ac;
|
|
266
274
|
}
|
|
267
275
|
|
|
268
276
|
.inputblockicon .placeholder {
|
|
269
|
-
|
|
277
|
+
left: 45px;
|
|
270
278
|
}
|
|
271
279
|
|
|
272
|
-
.error .inputblock{
|
|
273
|
-
|
|
280
|
+
.error .inputblock {
|
|
281
|
+
border-color: #ff0000 !important;
|
|
274
282
|
}
|
|
275
283
|
|
|
276
284
|
.fileinput {
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
+
position: relative;
|
|
286
|
+
display: flex;
|
|
287
|
+
flex-direction: row;
|
|
288
|
+
align-items: center;
|
|
289
|
+
justify-content: space-between;
|
|
290
|
+
gap: 5px;
|
|
291
|
+
width: 100%;
|
|
292
|
+
padding: 0px;
|
|
285
293
|
}
|
|
286
294
|
|
|
287
295
|
.fileImagePreview {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
position: absolute;
|
|
297
|
+
height: 35px;
|
|
298
|
+
width: 35px;
|
|
299
|
+
object-fit: cover;
|
|
300
|
+
border-radius: 5px;
|
|
301
|
+
left: -40px;
|
|
302
|
+
top: 50%;
|
|
303
|
+
transform: translateY(-50%);
|
|
304
|
+
padding: 2px;
|
|
305
|
+
background: #f3f3f3;
|
|
298
306
|
}
|
|
299
307
|
|
|
300
308
|
.fileImagePreview:hover {
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
+
height: 180px;
|
|
310
|
+
width: 180px;
|
|
311
|
+
z-index: 9999;
|
|
312
|
+
padding: 8px;
|
|
313
|
+
cursor: pointer;
|
|
314
|
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
|
|
315
|
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
|
|
316
|
+
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
|
|
309
317
|
}
|
|
310
318
|
|
|
311
319
|
.filename {
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
320
|
+
display: block;
|
|
321
|
+
position: relative;
|
|
322
|
+
width: calc(100% - 110px);
|
|
323
|
+
color: #b9bbbd;
|
|
324
|
+
padding: 0 0 0 5px;
|
|
317
325
|
}
|
|
318
326
|
|
|
319
327
|
.filename small {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
328
|
+
position: absolute;
|
|
329
|
+
right: 0px;
|
|
330
|
+
top: 0px;
|
|
331
|
+
height: 100%;
|
|
332
|
+
font-weight: normal;
|
|
333
|
+
background: #cdcdcd;
|
|
334
|
+
padding: 5px;
|
|
335
|
+
border-radius: 8px;
|
|
336
|
+
line-height: 1;
|
|
329
337
|
}
|
|
330
338
|
|
|
331
339
|
.filename.selected {
|
|
332
|
-
|
|
340
|
+
color: #000;
|
|
333
341
|
}
|
|
334
342
|
|
|
335
343
|
.filebutton {
|
|
336
|
-
|
|
337
|
-
|
|
344
|
+
margin-left: auto;
|
|
345
|
+
/* position: absolute;
|
|
338
346
|
right: -2px;
|
|
339
347
|
top: 5px; */
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
348
|
+
min-width: 80px;
|
|
349
|
+
/* height: calc(100% - 10px); */
|
|
350
|
+
padding: 8px;
|
|
351
|
+
border: none;
|
|
352
|
+
background: #d0d6de;
|
|
353
|
+
color: #464255;
|
|
354
|
+
border-radius: 8px;
|
|
355
|
+
flex-shrink: 0;
|
|
349
356
|
}
|
|
350
357
|
|
|
351
358
|
.filebutton:hover {
|
|
352
|
-
|
|
359
|
+
background: #c7ced6;
|
|
353
360
|
}
|
|
354
361
|
|
|
355
362
|
.filebuttonremove {
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
363
|
+
width: 20px;
|
|
364
|
+
height: 20px;
|
|
365
|
+
background: #c7ced6;
|
|
366
|
+
color: #fff;
|
|
367
|
+
border: none;
|
|
368
|
+
padding: 0px;
|
|
369
|
+
border-radius: 50%;
|
|
370
|
+
font-size: 12px;
|
|
371
|
+
cursor: pointer;
|
|
372
|
+
margin-left: auto;
|
|
373
|
+
flex-shrink: 0;
|
|
374
|
+
|
|
375
|
+
/* position: absolute; */
|
|
376
|
+
/* right: 10px;
|
|
370
377
|
top: 50%;
|
|
371
378
|
transform: translateY(-50%); */
|
|
372
379
|
}
|
|
373
380
|
|
|
374
381
|
.description {
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
382
|
+
display: block;
|
|
383
|
+
width: 100%;
|
|
384
|
+
font-size: 10px;
|
|
385
|
+
padding-top: 2px;
|
|
386
|
+
color: #737a83;
|
|
380
387
|
}
|
|
381
388
|
|
|
382
389
|
@media screen and (max-width: 768px) {
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
390
|
+
.container {
|
|
391
|
+
font-size: 14px;
|
|
392
|
+
}
|
|
386
393
|
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
394
|
+
.inputblock {
|
|
395
|
+
padding-right: 6px;
|
|
396
|
+
}
|
|
390
397
|
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
398
|
+
.filebutton {
|
|
399
|
+
min-width: 70px;
|
|
400
|
+
padding: 6px;
|
|
401
|
+
}
|
|
395
402
|
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
403
|
+
.inputblockicon .icon,
|
|
404
|
+
.inputblockicon .eye {
|
|
405
|
+
font-size: 22px;
|
|
406
|
+
}
|
|
400
407
|
}
|
|
401
408
|
|
|
402
409
|
@media screen and (max-width: 480px) {
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
410
|
+
.container {
|
|
411
|
+
font-size: 11px;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.inputblock {
|
|
415
|
+
padding-right: 4px;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
.filebutton {
|
|
419
|
+
min-width: 60px;
|
|
420
|
+
padding: 4px;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.inputblockicon .icon,
|
|
424
|
+
.inputblockicon .eye {
|
|
425
|
+
font-size: 20px;
|
|
426
|
+
}
|
|
420
427
|
}
|