@reviewpush/rp-treeselect 0.0.12 → 0.0.14

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,947 +0,0 @@
1
- /**
2
- * Dependencies
3
- */
4
- /**
5
- * Variables
6
- */
7
- /**
8
- * Mixins
9
- */
10
- /**
11
- * Helpers
12
- */
13
- .rp-treeselect-helper-hide {
14
- display: none;
15
- }
16
- .rp-treeselect-helper-zoom-effect-off {
17
- -ms-transform: none !important;
18
- transform: none !important;
19
- }
20
- /**
21
- * Animations
22
- */
23
- @keyframes rp-treeselect-animation-fade-in {
24
- 0% {
25
- opacity: 0;
26
- }
27
- }
28
- @keyframes rp-treeselect-animation-bounce {
29
- 0%,
30
- 100% {
31
- transform: scale(0);
32
- }
33
- 50% {
34
- transform: scale(1);
35
- }
36
- }
37
- @keyframes rp-treeselect-animation-rotate {
38
- 100% {
39
- transform: rotate(360deg);
40
- }
41
- }
42
- /**
43
- * Transitions
44
- */
45
- .rp-treeselect__multi-value-item--transition-enter-active,
46
- .rp-treeselect__multi-value-item--transition-leave-active {
47
- transition-duration: 200ms;
48
- transition-property: transform, opacity;
49
- }
50
- .rp-treeselect__multi-value-item--transition-enter-active {
51
- transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
52
- }
53
- .rp-treeselect__multi-value-item--transition-leave-active {
54
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
55
- position: absolute;
56
- }
57
- .rp-treeselect__multi-value-item--transition-enter,
58
- .rp-treeselect__multi-value-item--transition-leave-to {
59
- -ms-transform: scale(0.7);
60
- transform: scale(0.7);
61
- opacity: 0;
62
- }
63
- .rp-treeselect__multi-value-item--transition-move {
64
- transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
65
- }
66
- /**
67
- * Namespace
68
- */
69
- .rp-treeselect {
70
- position: relative;
71
- text-align: left;
72
- }
73
- [dir="rtl"] .rp-treeselect {
74
- text-align: right;
75
- }
76
- .rp-treeselect div,
77
- .rp-treeselect span {
78
- box-sizing: border-box;
79
- }
80
- .rp-treeselect svg {
81
- fill: currentColor;
82
- }
83
- /**
84
- * Control
85
- */
86
- .rp-treeselect__control {
87
- padding-left: 5px;
88
- padding-right: 5px;
89
- display: table;
90
- table-layout: fixed;
91
- width: 100%;
92
- height: 36px;
93
- border: 1px solid #ddd;
94
- border-radius: 5px;
95
- background: #fff;
96
- transition-duration: 200ms;
97
- transition-property: border-color, box-shadow, width, height, background-color, opacity;
98
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
99
- }
100
- .rp-treeselect:not(.rp-treeselect--disabled):not(.rp-treeselect--focused) .rp-treeselect__control:hover {
101
- border-color: #cfcfcf;
102
- }
103
- .rp-treeselect--focused:not(.rp-treeselect--open) .rp-treeselect__control {
104
- border-color: #039be5;
105
- box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
106
- }
107
- .rp-treeselect--disabled .rp-treeselect__control {
108
- background-color: #f9f9f9;
109
- }
110
- .rp-treeselect--open .rp-treeselect__control {
111
- border-color: #cfcfcf;
112
- }
113
- .rp-treeselect--open.rp-treeselect--open-below .rp-treeselect__control {
114
- border-bottom-left-radius: 0;
115
- border-bottom-right-radius: 0;
116
- }
117
- .rp-treeselect--open.rp-treeselect--open-above .rp-treeselect__control {
118
- border-top-left-radius: 0;
119
- border-top-right-radius: 0;
120
- }
121
- .rp-treeselect__value-container,
122
- .rp-treeselect__multi-value {
123
- width: 100%;
124
- vertical-align: middle;
125
- }
126
- .rp-treeselect__value-container {
127
- display: table-cell;
128
- position: relative;
129
- }
130
- .rp-treeselect--searchable:not(.rp-treeselect--disabled) .rp-treeselect__value-container {
131
- cursor: text;
132
- }
133
- .rp-treeselect__multi-value {
134
- display: inline-block;
135
- }
136
- .rp-treeselect--has-value .rp-treeselect__multi-value {
137
- margin-bottom: 5px;
138
- }
139
- .rp-treeselect__placeholder,
140
- .rp-treeselect__single-value {
141
- overflow: hidden;
142
- text-overflow: ellipsis;
143
- white-space: nowrap;
144
- padding-left: 5px;
145
- padding-right: 5px;
146
- position: absolute;
147
- top: 0;
148
- right: 0;
149
- bottom: 0;
150
- left: 0;
151
- line-height: 34px;
152
- -webkit-user-select: none;
153
- -ms-user-select: none;
154
- user-select: none;
155
- pointer-events: none;
156
- }
157
- .rp-treeselect__placeholder {
158
- color: #bdbdbd;
159
- }
160
- .rp-treeselect__single-value {
161
- color: #333;
162
- }
163
- .rp-treeselect--focused.rp-treeselect--searchable .rp-treeselect__single-value {
164
- color: #bdbdbd;
165
- }
166
- .rp-treeselect--disabled .rp-treeselect__single-value {
167
- position: static;
168
- }
169
- .rp-treeselect__multi-value-item-container {
170
- display: inline-block;
171
- padding-top: 5px;
172
- padding-right: 5px;
173
- vertical-align: top;
174
- }
175
- [dir="rtl"] .rp-treeselect__multi-value-item-container {
176
- padding-right: 0;
177
- padding-left: 5px;
178
- }
179
- .rp-treeselect__multi-value-item {
180
- cursor: pointer;
181
- display: inline-table;
182
- background: #e3f2fd;
183
- padding: 2px 0;
184
- border: 1px solid transparent;
185
- border-radius: 2px;
186
- color: #039be5;
187
- font-size: 12px;
188
- vertical-align: top;
189
- }
190
- .rp-treeselect:not(.rp-treeselect--disabled) .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-disabled):hover .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-new) .rp-treeselect__multi-value-item:not(.rp-treeselect__multi-value-item-new):hover {
191
- cursor: pointer;
192
- background: #e3f2fd;
193
- color: #039be5;
194
- }
195
- .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-disabled {
196
- cursor: default;
197
- background: #f5f5f5;
198
- color: #757575;
199
- }
200
- .rp-treeselect--disabled .rp-treeselect__multi-value-item {
201
- cursor: default;
202
- background: #fff;
203
- border-color: #e5e5e5;
204
- color: #555;
205
- }
206
- .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-new {
207
- background: #e8f5e9;
208
- }
209
- .rp-treeselect__multi-value-item.rp-treeselect__multi-value-item-new:hover {
210
- background: #e8f5e9;
211
- }
212
- .rp-treeselect__value-remove,
213
- .rp-treeselect__multi-value-label {
214
- display: table-cell;
215
- padding: 0 5px;
216
- vertical-align: middle;
217
- }
218
- .rp-treeselect__value-remove {
219
- color: #039be5;
220
- padding-left: 5px;
221
- border-left: 1px solid #fff;
222
- line-height: 0;
223
- }
224
- [dir="rtl"] .rp-treeselect__value-remove {
225
- border-left: 0 none;
226
- border-right: 1px solid #fff;
227
- }
228
- .rp-treeselect__multi-value-item:hover .rp-treeselect__value-remove {
229
- color: #e53935;
230
- }
231
- .rp-treeselect--disabled .rp-treeselect__value-remove,
232
- .rp-treeselect__multi-value-item-disabled .rp-treeselect__value-remove {
233
- display: none;
234
- }
235
- .rp-treeselect__value-remove > svg {
236
- width: 6px;
237
- height: 6px;
238
- }
239
- .rp-treeselect__multi-value-label {
240
- padding-right: 5px;
241
- white-space: pre-line;
242
- -webkit-user-select: none;
243
- -ms-user-select: none;
244
- user-select: none;
245
- }
246
- .rp-treeselect__limit-tip {
247
- display: inline-block;
248
- padding-top: 5px;
249
- padding-right: 5px;
250
- vertical-align: top;
251
- }
252
- [dir="rtl"] .rp-treeselect__limit-tip {
253
- padding-right: 0;
254
- padding-left: 5px;
255
- }
256
- .rp-treeselect__limit-tip-text {
257
- cursor: default;
258
- display: block;
259
- margin: 2px 0;
260
- padding: 1px 0;
261
- color: #bdbdbd;
262
- font-size: 12px;
263
- font-weight: 600;
264
- }
265
- .rp-treeselect__input-container {
266
- display: block;
267
- max-width: 100%;
268
- outline: none;
269
- }
270
- .rp-treeselect--single .rp-treeselect__input-container {
271
- font-size: inherit;
272
- height: 100%;
273
- }
274
- .rp-treeselect--multi .rp-treeselect__input-container {
275
- display: inline-block;
276
- font-size: 12px;
277
- vertical-align: top;
278
- }
279
- .rp-treeselect--searchable .rp-treeselect__input-container {
280
- padding-left: 5px;
281
- padding-right: 5px;
282
- }
283
- .rp-treeselect--searchable.rp-treeselect--multi.rp-treeselect--has-value .rp-treeselect__input-container {
284
- padding-top: 5px;
285
- padding-left: 0;
286
- }
287
- [dir="rtl"] .rp-treeselect--searchable.rp-treeselect--multi.rp-treeselect--has-value .rp-treeselect__input-container {
288
- padding-left: 5px;
289
- padding-right: 0;
290
- }
291
- .rp-treeselect--disabled .rp-treeselect__input-container {
292
- display: none;
293
- }
294
- .rp-treeselect__input,
295
- .rp-treeselect__sizer {
296
- margin: 0;
297
- line-height: inherit;
298
- font-family: inherit;
299
- font-size: inherit;
300
- }
301
- .rp-treeselect__input {
302
- max-width: 100%;
303
- margin: 0;
304
- padding: 0;
305
- border: 0;
306
- outline: none;
307
- box-sizing: content-box;
308
- box-shadow: none;
309
- background: none transparent;
310
- line-height: 1;
311
- vertical-align: middle;
312
- }
313
- .rp-treeselect__input::-ms-clear {
314
- display: none;
315
- }
316
- .rp-treeselect--single .rp-treeselect__input {
317
- width: 100%;
318
- height: 100%;
319
- }
320
- .rp-treeselect--multi .rp-treeselect__input {
321
- padding-top: 3px;
322
- padding-bottom: 3px;
323
- }
324
- .rp-treeselect--has-value .rp-treeselect__input {
325
- line-height: inherit;
326
- vertical-align: top;
327
- }
328
- .rp-treeselect__sizer {
329
- position: absolute;
330
- top: 0;
331
- left: 0;
332
- visibility: hidden;
333
- height: 0;
334
- overflow: scroll;
335
- white-space: pre;
336
- }
337
- .rp-treeselect__x-container {
338
- display: table-cell;
339
- vertical-align: middle;
340
- width: 20px;
341
- text-align: center;
342
- line-height: 0;
343
- cursor: pointer;
344
- color: #ccc;
345
- animation: 200ms rp-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
346
- }
347
- .rp-treeselect__x-container:hover {
348
- color: #e53935;
349
- }
350
- .rp-treeselect__x {
351
- width: 8px;
352
- height: 8px;
353
- }
354
- .rp-treeselect__control-arrow-container {
355
- display: table-cell;
356
- vertical-align: middle;
357
- width: 20px;
358
- text-align: center;
359
- line-height: 0;
360
- cursor: pointer;
361
- }
362
- .rp-treeselect--disabled .rp-treeselect__control-arrow-container {
363
- cursor: default;
364
- }
365
- .rp-treeselect__control-arrow {
366
- width: 9px;
367
- height: 9px;
368
- color: #ccc;
369
- }
370
- .rp-treeselect:not(.rp-treeselect--disabled) .rp-treeselect__control-arrow-container:hover .rp-treeselect__control-arrow {
371
- color: #616161;
372
- }
373
- .rp-treeselect--disabled .rp-treeselect__control-arrow {
374
- opacity: 0.35;
375
- }
376
- .rp-treeselect__control-arrow--rotated {
377
- -ms-transform: rotate(180deg);
378
- transform: rotateZ(180deg);
379
- }
380
- /**
381
- * Menu
382
- */
383
- .rp-treeselect__menu-container {
384
- position: absolute;
385
- left: 0;
386
- width: 100%;
387
- overflow: visible;
388
- transition: 0s;
389
- }
390
- .rp-treeselect--open-below:not(.rp-treeselect--append-to-body) .rp-treeselect__menu-container {
391
- top: 100%;
392
- }
393
- .rp-treeselect--open-above:not(.rp-treeselect--append-to-body) .rp-treeselect__menu-container {
394
- bottom: 100%;
395
- }
396
- .rp-treeselect__menu {
397
- cursor: default;
398
- padding-top: 5px;
399
- padding-bottom: 5px;
400
- display: block;
401
- position: absolute;
402
- overflow-x: hidden;
403
- overflow-y: auto;
404
- width: auto;
405
- border: 1px solid #cfcfcf;
406
- background: #fff;
407
- line-height: 180%;
408
- -webkit-overflow-scrolling: touch;
409
- }
410
- .rp-treeselect--open-below .rp-treeselect__menu {
411
- border-bottom-left-radius: 5px;
412
- border-bottom-right-radius: 5px;
413
- top: 0;
414
- margin-top: -1px;
415
- border-top-color: #f2f2f2;
416
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
417
- }
418
- .rp-treeselect--open-above .rp-treeselect__menu {
419
- border-top-left-radius: 5px;
420
- border-top-right-radius: 5px;
421
- bottom: 0;
422
- margin-bottom: -1px;
423
- border-bottom-color: #f2f2f2;
424
- }
425
- .rp-treeselect__indent-level-0 .rp-treeselect__option {
426
- padding-left: 5px;
427
- }
428
- [dir="rtl"] .rp-treeselect__indent-level-0 .rp-treeselect__option {
429
- padding-left: 5px;
430
- padding-right: 5px;
431
- }
432
- .rp-treeselect__indent-level-0 .rp-treeselect__tip {
433
- padding-left: 25px;
434
- }
435
- [dir="rtl"] .rp-treeselect__indent-level-0 .rp-treeselect__tip {
436
- padding-left: 5px;
437
- padding-right: 25px;
438
- }
439
- .rp-treeselect__indent-level-1 .rp-treeselect__option {
440
- padding-left: 25px;
441
- }
442
- [dir="rtl"] .rp-treeselect__indent-level-1 .rp-treeselect__option {
443
- padding-left: 5px;
444
- padding-right: 25px;
445
- }
446
- .rp-treeselect__indent-level-1 .rp-treeselect__tip {
447
- padding-left: 45px;
448
- }
449
- [dir="rtl"] .rp-treeselect__indent-level-1 .rp-treeselect__tip {
450
- padding-left: 5px;
451
- padding-right: 45px;
452
- }
453
- .rp-treeselect__indent-level-2 .rp-treeselect__option {
454
- padding-left: 45px;
455
- }
456
- [dir="rtl"] .rp-treeselect__indent-level-2 .rp-treeselect__option {
457
- padding-left: 5px;
458
- padding-right: 45px;
459
- }
460
- .rp-treeselect__indent-level-2 .rp-treeselect__tip {
461
- padding-left: 65px;
462
- }
463
- [dir="rtl"] .rp-treeselect__indent-level-2 .rp-treeselect__tip {
464
- padding-left: 5px;
465
- padding-right: 65px;
466
- }
467
- .rp-treeselect__indent-level-3 .rp-treeselect__option {
468
- padding-left: 65px;
469
- }
470
- [dir="rtl"] .rp-treeselect__indent-level-3 .rp-treeselect__option {
471
- padding-left: 5px;
472
- padding-right: 65px;
473
- }
474
- .rp-treeselect__indent-level-3 .rp-treeselect__tip {
475
- padding-left: 85px;
476
- }
477
- [dir="rtl"] .rp-treeselect__indent-level-3 .rp-treeselect__tip {
478
- padding-left: 5px;
479
- padding-right: 85px;
480
- }
481
- .rp-treeselect__indent-level-4 .rp-treeselect__option {
482
- padding-left: 85px;
483
- }
484
- [dir="rtl"] .rp-treeselect__indent-level-4 .rp-treeselect__option {
485
- padding-left: 5px;
486
- padding-right: 85px;
487
- }
488
- .rp-treeselect__indent-level-4 .rp-treeselect__tip {
489
- padding-left: 105px;
490
- }
491
- [dir="rtl"] .rp-treeselect__indent-level-4 .rp-treeselect__tip {
492
- padding-left: 5px;
493
- padding-right: 105px;
494
- }
495
- .rp-treeselect__indent-level-5 .rp-treeselect__option {
496
- padding-left: 105px;
497
- }
498
- [dir="rtl"] .rp-treeselect__indent-level-5 .rp-treeselect__option {
499
- padding-left: 5px;
500
- padding-right: 105px;
501
- }
502
- .rp-treeselect__indent-level-5 .rp-treeselect__tip {
503
- padding-left: 125px;
504
- }
505
- [dir="rtl"] .rp-treeselect__indent-level-5 .rp-treeselect__tip {
506
- padding-left: 5px;
507
- padding-right: 125px;
508
- }
509
- .rp-treeselect__indent-level-6 .rp-treeselect__option {
510
- padding-left: 125px;
511
- }
512
- [dir="rtl"] .rp-treeselect__indent-level-6 .rp-treeselect__option {
513
- padding-left: 5px;
514
- padding-right: 125px;
515
- }
516
- .rp-treeselect__indent-level-6 .rp-treeselect__tip {
517
- padding-left: 145px;
518
- }
519
- [dir="rtl"] .rp-treeselect__indent-level-6 .rp-treeselect__tip {
520
- padding-left: 5px;
521
- padding-right: 145px;
522
- }
523
- .rp-treeselect__indent-level-7 .rp-treeselect__option {
524
- padding-left: 145px;
525
- }
526
- [dir="rtl"] .rp-treeselect__indent-level-7 .rp-treeselect__option {
527
- padding-left: 5px;
528
- padding-right: 145px;
529
- }
530
- .rp-treeselect__indent-level-7 .rp-treeselect__tip {
531
- padding-left: 165px;
532
- }
533
- [dir="rtl"] .rp-treeselect__indent-level-7 .rp-treeselect__tip {
534
- padding-left: 5px;
535
- padding-right: 165px;
536
- }
537
- .rp-treeselect__indent-level-8 .rp-treeselect__option {
538
- padding-left: 165px;
539
- }
540
- [dir="rtl"] .rp-treeselect__indent-level-8 .rp-treeselect__option {
541
- padding-left: 5px;
542
- padding-right: 165px;
543
- }
544
- .rp-treeselect__indent-level-8 .rp-treeselect__tip {
545
- padding-left: 185px;
546
- }
547
- [dir="rtl"] .rp-treeselect__indent-level-8 .rp-treeselect__tip {
548
- padding-left: 5px;
549
- padding-right: 185px;
550
- }
551
- .rp-treeselect__option {
552
- padding-left: 5px;
553
- padding-right: 5px;
554
- display: table;
555
- table-layout: fixed;
556
- width: 100%;
557
- }
558
- .rp-treeselect__option--highlight {
559
- background: #f5f5f5;
560
- }
561
- .rp-treeselect--single .rp-treeselect__option--selected {
562
- background: #e3f2fd;
563
- font-weight: 600;
564
- }
565
- .rp-treeselect--single .rp-treeselect__option--selected:hover {
566
- background: #e3f2fd;
567
- }
568
- .rp-treeselect__option--hide {
569
- display: none;
570
- }
571
- .rp-treeselect__option-arrow-container,
572
- .rp-treeselect__option-arrow-placeholder {
573
- display: table-cell;
574
- vertical-align: middle;
575
- width: 20px;
576
- text-align: center;
577
- line-height: 0;
578
- }
579
- .rp-treeselect__option-arrow-container {
580
- cursor: pointer;
581
- }
582
- .rp-treeselect__option-arrow {
583
- display: inline-block;
584
- width: 9px;
585
- height: 9px;
586
- color: #ccc;
587
- vertical-align: middle;
588
- transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
589
- -ms-transform: rotate(-90deg);
590
- transform: rotateZ(-90deg);
591
- }
592
- [dir="rtl"] .rp-treeselect__option-arrow {
593
- -ms-transform: rotate(90deg);
594
- transform: rotateZ(90deg);
595
- }
596
- .rp-treeselect__option-arrow-container:hover .rp-treeselect__option-arrow,
597
- .rp-treeselect--branch-nodes-disabled .rp-treeselect__option:hover .rp-treeselect__option-arrow {
598
- color: #616161;
599
- }
600
- .rp-treeselect__option-arrow--rotated {
601
- -ms-transform: rotate(0);
602
- transform: rotateZ(0);
603
- }
604
- [dir="rtl"] .rp-treeselect__option-arrow--rotated {
605
- -ms-transform: rotate(0);
606
- transform: rotateZ(0);
607
- }
608
- .rp-treeselect__option-arrow--rotated.rp-treeselect__option-arrow--prepare-enter {
609
- -ms-transform: rotate(-90deg) !important;
610
- transform: rotateZ(-90deg) !important;
611
- }
612
- [dir="rtl"] .rp-treeselect__option-arrow--rotated.rp-treeselect__option-arrow--prepare-enter {
613
- -ms-transform: rotate(90deg) !important;
614
- transform: rotateZ(90deg) !important;
615
- }
616
- .rp-treeselect__label-container {
617
- display: table-cell;
618
- vertical-align: middle;
619
- cursor: pointer;
620
- display: table;
621
- width: 100%;
622
- table-layout: fixed;
623
- color: inherit;
624
- }
625
- .rp-treeselect__option--disabled .rp-treeselect__label-container {
626
- cursor: not-allowed;
627
- color: rgba(0, 0, 0, 0.25);
628
- }
629
- .rp-treeselect__checkbox-container {
630
- display: table-cell;
631
- width: 20px;
632
- min-width: 20px;
633
- height: 100%;
634
- text-align: center;
635
- vertical-align: middle;
636
- }
637
- .rp-treeselect__checkbox {
638
- display: block;
639
- margin: auto;
640
- width: 12px;
641
- height: 12px;
642
- border-width: 1px;
643
- border-style: solid;
644
- border-radius: 2px;
645
- position: relative;
646
- transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
647
- }
648
- .rp-treeselect__check-mark,
649
- .rp-treeselect__minus-mark {
650
- display: block;
651
- position: absolute;
652
- left: 1px;
653
- top: 1px;
654
- background-repeat: no-repeat;
655
- opacity: 0;
656
- transition: 200ms all ease;
657
- }
658
- .rp-treeselect__minus-mark {
659
- width: 8px;
660
- height: 8px;
661
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
662
- background-size: 8px 8px;
663
- }
664
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
665
- .rp-treeselect__minus-mark {
666
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
667
- }
668
- }
669
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
670
- .rp-treeselect__minus-mark {
671
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
672
- }
673
- }
674
- @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
675
- .rp-treeselect__minus-mark {
676
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
677
- }
678
- }
679
- .rp-treeselect__checkbox--indeterminate > .rp-treeselect__minus-mark {
680
- opacity: 1;
681
- }
682
- .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
683
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
684
- }
685
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
686
- .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
687
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
688
- }
689
- }
690
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
691
- .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
692
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
693
- }
694
- }
695
- @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
696
- .rp-treeselect__checkbox--disabled .rp-treeselect__minus-mark {
697
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
698
- }
699
- }
700
- .rp-treeselect__check-mark {
701
- width: 8px;
702
- height: 8px;
703
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
704
- background-size: 8px 8px;
705
- -ms-transform: scaleY(0.125);
706
- transform: scaleY(0.125);
707
- }
708
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
709
- .rp-treeselect__check-mark {
710
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
711
- }
712
- }
713
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
714
- .rp-treeselect__check-mark {
715
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
716
- }
717
- }
718
- @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
719
- .rp-treeselect__check-mark {
720
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
721
- }
722
- }
723
- .rp-treeselect__checkbox--checked > .rp-treeselect__check-mark {
724
- opacity: 1;
725
- -ms-transform: scaleY(1);
726
- transform: scaleY(1);
727
- }
728
- .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
729
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
730
- }
731
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
732
- .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
733
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
734
- }
735
- }
736
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
737
- .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
738
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
739
- }
740
- }
741
- @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
742
- .rp-treeselect__checkbox--disabled .rp-treeselect__check-mark {
743
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
744
- }
745
- }
746
- .rp-treeselect__checkbox--unchecked {
747
- border-color: #e0e0e0;
748
- background: #fff;
749
- }
750
- .rp-treeselect__label-container:hover .rp-treeselect__checkbox--unchecked {
751
- border-color: #039be5;
752
- background: #fff;
753
- }
754
- .rp-treeselect__checkbox--indeterminate {
755
- border-color: #039be5;
756
- background: #039be5;
757
- }
758
- .rp-treeselect__label-container:hover .rp-treeselect__checkbox--indeterminate {
759
- border-color: #039be5;
760
- background: #039be5;
761
- }
762
- .rp-treeselect__checkbox--checked {
763
- border-color: #039be5;
764
- background: #039be5;
765
- }
766
- .rp-treeselect__label-container:hover .rp-treeselect__checkbox--checked {
767
- border-color: #039be5;
768
- background: #039be5;
769
- }
770
- .rp-treeselect__checkbox--disabled {
771
- border-color: #e0e0e0;
772
- background-color: #f7f7f7;
773
- }
774
- .rp-treeselect__label-container:hover .rp-treeselect__checkbox--disabled {
775
- border-color: #e0e0e0;
776
- background-color: #f7f7f7;
777
- }
778
- .rp-treeselect__label {
779
- overflow: hidden;
780
- text-overflow: ellipsis;
781
- white-space: nowrap;
782
- display: table-cell;
783
- padding-left: 5px;
784
- max-width: 100%;
785
- vertical-align: middle;
786
- cursor: inherit;
787
- }
788
- [dir="rtl"] .rp-treeselect__label {
789
- padding-left: 0;
790
- padding-right: 5px;
791
- }
792
- .rp-treeselect__count {
793
- margin-left: 5px;
794
- font-weight: 400;
795
- opacity: 0.6;
796
- }
797
- [dir="rtl"] .rp-treeselect__count {
798
- margin-left: 0;
799
- margin-right: 5px;
800
- }
801
- .rp-treeselect__tip {
802
- padding-left: 5px;
803
- padding-right: 5px;
804
- display: table;
805
- table-layout: fixed;
806
- width: 100%;
807
- color: #757575;
808
- }
809
- .rp-treeselect__tip-text {
810
- display: table-cell;
811
- vertical-align: middle;
812
- padding-left: 5px;
813
- padding-right: 5px;
814
- overflow: hidden;
815
- text-overflow: ellipsis;
816
- white-space: nowrap;
817
- width: 100%;
818
- font-size: 12px;
819
- }
820
- .rp-treeselect__error-tip .rp-treeselect__retry {
821
- cursor: pointer;
822
- margin-left: 5px;
823
- font-style: normal;
824
- font-weight: 600;
825
- text-decoration: none;
826
- color: #039be5;
827
- }
828
- [dir="rtl"] .rp-treeselect__error-tip .rp-treeselect__retry {
829
- margin-left: 0;
830
- margin-right: 5px;
831
- }
832
- .rp-treeselect__icon-container {
833
- display: table-cell;
834
- vertical-align: middle;
835
- width: 20px;
836
- text-align: center;
837
- line-height: 0;
838
- }
839
- .rp-treeselect--single .rp-treeselect__icon-container {
840
- padding-left: 5px;
841
- }
842
- [dir="rtl"] .rp-treeselect--single .rp-treeselect__icon-container {
843
- padding-left: 0;
844
- padding-right: 5px;
845
- }
846
- .rp-treeselect__icon-warning {
847
- display: block;
848
- margin: auto;
849
- border-radius: 50%;
850
- position: relative;
851
- width: 12px;
852
- height: 12px;
853
- background: #fb8c00;
854
- }
855
- .rp-treeselect__icon-warning::after {
856
- display: block;
857
- position: absolute;
858
- content: "";
859
- left: 5px;
860
- top: 2.5px;
861
- width: 2px;
862
- height: 1px;
863
- border: 0 solid #fff;
864
- border-top-width: 5px;
865
- border-bottom-width: 1px;
866
- }
867
- .rp-treeselect__icon-error {
868
- display: block;
869
- margin: auto;
870
- border-radius: 50%;
871
- position: relative;
872
- width: 12px;
873
- height: 12px;
874
- background: #e53935;
875
- }
876
- .rp-treeselect__icon-error::before,
877
- .rp-treeselect__icon-error::after {
878
- display: block;
879
- position: absolute;
880
- content: "";
881
- background: #fff;
882
- -ms-transform: rotate(45deg);
883
- transform: rotate(45deg);
884
- }
885
- .rp-treeselect__icon-error::before {
886
- width: 6px;
887
- height: 2px;
888
- left: 3px;
889
- top: 5px;
890
- }
891
- .rp-treeselect__icon-error::after {
892
- width: 2px;
893
- height: 6px;
894
- left: 5px;
895
- top: 3px;
896
- }
897
- .rp-treeselect__icon-loader {
898
- display: block;
899
- margin: auto;
900
- position: relative;
901
- width: 12px;
902
- height: 12px;
903
- text-align: center;
904
- animation: 1.6s rp-treeselect-animation-rotate linear infinite;
905
- }
906
- .rp-treeselect__icon-loader::before,
907
- .rp-treeselect__icon-loader::after {
908
- border-radius: 50%;
909
- position: absolute;
910
- content: "";
911
- left: 0;
912
- top: 0;
913
- display: block;
914
- width: 100%;
915
- height: 100%;
916
- opacity: 0.6;
917
- animation: 1.6s rp-treeselect-animation-bounce ease-in-out infinite;
918
- }
919
- .rp-treeselect__icon-loader::before {
920
- background: #039be5;
921
- }
922
- .rp-treeselect__icon-loader::after {
923
- background: #b3e5fc;
924
- animation-delay: -0.8s;
925
- }
926
- /**
927
- * Menu Portal
928
- */
929
- .rp-treeselect__menu-placeholder {
930
- display: none;
931
- }
932
- .rp-treeselect__portal-target {
933
- position: absolute;
934
- display: block;
935
- left: 0;
936
- top: 0;
937
- height: 0;
938
- width: 0;
939
- padding: 0;
940
- margin: 0;
941
- border: 0;
942
- overflow: visible;
943
- box-sizing: border-box;
944
- }
945
-
946
-
947
- /*# sourceMappingURL=rp-treeselect.css.map*/