ol-wfst 1.0.8 → 3.0.1

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 (41) hide show
  1. package/CHANGELOG.md +24 -1
  2. package/README.md +125 -48
  3. package/dist/@enums.d.ts +12 -0
  4. package/dist/@enums.d.ts.map +1 -0
  5. package/dist/assets/i18n/en.d.ts +3 -0
  6. package/dist/assets/i18n/en.d.ts.map +1 -0
  7. package/dist/assets/i18n/es.d.ts +3 -0
  8. package/dist/assets/i18n/es.d.ts.map +1 -0
  9. package/dist/assets/i18n/index.d.ts +3 -0
  10. package/dist/assets/i18n/index.d.ts.map +1 -0
  11. package/dist/css/ol-wfst.bootstrap5.css +863 -0
  12. package/dist/css/ol-wfst.bootstrap5.min.css +1 -0
  13. package/dist/css/ol-wfst.css +172 -128
  14. package/dist/css/ol-wfst.min.css +1 -1
  15. package/dist/ol-wfst.d.ts +142 -86
  16. package/dist/ol-wfst.d.ts.map +1 -0
  17. package/dist/ol-wfst.js +5327 -4595
  18. package/dist/ol-wfst.js.map +1 -0
  19. package/dist/ol-wfst.min.js +16 -1
  20. package/dist/ol-wfst.min.js.map +1 -0
  21. package/dist/tsconfig.tsbuildinfo +1 -0
  22. package/lib/@enums.d.ts +12 -0
  23. package/lib/@enums.d.ts.map +1 -0
  24. package/lib/assets/i18n/en.d.ts +3 -0
  25. package/lib/assets/i18n/en.d.ts.map +1 -0
  26. package/lib/assets/i18n/es.d.ts +3 -0
  27. package/lib/assets/i18n/es.d.ts.map +1 -0
  28. package/lib/assets/i18n/index.d.ts +3 -0
  29. package/lib/assets/i18n/index.d.ts.map +1 -0
  30. package/lib/ol-wfst.d.ts +142 -86
  31. package/lib/ol-wfst.d.ts.map +1 -0
  32. package/lib/ol-wfst.js +2123 -2200
  33. package/lib/ol-wfst.js.map +1 -0
  34. package/lib/style/css/ol-gisify.css +267 -0
  35. package/lib/style/css/ol-wfst.bootstrap5.css +863 -0
  36. package/lib/style/scss/-ol-wfst.bootstrap5.scss +10 -0
  37. package/lib/{css/ol-wfst.css → style/scss/ol-wfst.scss} +7 -3
  38. package/lib/tsconfig.tsbuildinfo +1 -0
  39. package/package.json +70 -66
  40. package/dist/css/bootstrap-modal.min.css +0 -7
  41. package/lib/css/bootstrap-modal.min.css +0 -7
@@ -0,0 +1,863 @@
1
+ .modal {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ z-index: 1055;
6
+ display: none;
7
+ width: 100%;
8
+ height: 100%;
9
+ overflow-x: hidden;
10
+ overflow-y: auto;
11
+ outline: 0;
12
+ }
13
+
14
+ .modal-dialog {
15
+ position: relative;
16
+ width: auto;
17
+ margin: 0.5rem;
18
+ pointer-events: none;
19
+ }
20
+ .modal.fade .modal-dialog {
21
+ transition: transform 0.3s ease-out;
22
+ transform: translate(0, -50px);
23
+ }
24
+ @media (prefers-reduced-motion: reduce) {
25
+ .modal.fade .modal-dialog {
26
+ transition: none;
27
+ }
28
+ }
29
+ .modal.show .modal-dialog {
30
+ transform: none;
31
+ }
32
+ .modal.modal-static .modal-dialog {
33
+ transform: scale(1.02);
34
+ }
35
+
36
+ .modal-dialog-scrollable {
37
+ height: calc(100% - 1rem);
38
+ }
39
+ .modal-dialog-scrollable .modal-content {
40
+ max-height: 100%;
41
+ overflow: hidden;
42
+ }
43
+ .modal-dialog-scrollable .modal-body {
44
+ overflow-y: auto;
45
+ }
46
+
47
+ .modal-dialog-centered {
48
+ display: -webkit-flex;
49
+ display: flex;
50
+ align-items: center;
51
+ min-height: calc(100% - 1rem);
52
+ }
53
+
54
+ .modal-content {
55
+ position: relative;
56
+ display: -webkit-flex;
57
+ display: flex;
58
+ flex-direction: column;
59
+ width: 100%;
60
+ pointer-events: auto;
61
+ background-color: #fff;
62
+ background-clip: padding-box;
63
+ border: 1px solid rgba(0, 0, 0, 0.2);
64
+ border-radius: 0.3rem;
65
+ outline: 0;
66
+ }
67
+
68
+ .modal-backdrop {
69
+ position: fixed;
70
+ top: 0;
71
+ left: 0;
72
+ z-index: 1050;
73
+ width: 100vw;
74
+ height: 100vh;
75
+ background-color: #000;
76
+ }
77
+ .modal-backdrop.fade {
78
+ opacity: 0;
79
+ }
80
+ .modal-backdrop.show {
81
+ opacity: 0.5;
82
+ }
83
+
84
+ .modal-header {
85
+ display: -webkit-flex;
86
+ display: flex;
87
+ flex-shrink: 0;
88
+ align-items: center;
89
+ justify-content: space-between;
90
+ padding: 1rem 1rem;
91
+ border-bottom: 1px solid #dee2e6;
92
+ border-top-left-radius: calc(0.3rem - 1px);
93
+ border-top-right-radius: calc(0.3rem - 1px);
94
+ }
95
+ .modal-header .btn-close {
96
+ padding: 0.5rem 0.5rem;
97
+ margin: -0.5rem -0.5rem -0.5rem auto;
98
+ }
99
+
100
+ .modal-title {
101
+ margin-bottom: 0;
102
+ line-height: 1.5;
103
+ }
104
+
105
+ .modal-body {
106
+ position: relative;
107
+ flex: 1 1 auto;
108
+ padding: 1rem;
109
+ }
110
+
111
+ .modal-footer {
112
+ display: -webkit-flex;
113
+ display: flex;
114
+ flex-wrap: wrap;
115
+ flex-shrink: 0;
116
+ align-items: center;
117
+ justify-content: flex-end;
118
+ padding: 0.75rem;
119
+ border-top: 1px solid #dee2e6;
120
+ border-bottom-right-radius: calc(0.3rem - 1px);
121
+ border-bottom-left-radius: calc(0.3rem - 1px);
122
+ }
123
+ .modal-footer > * {
124
+ margin: 0.25rem;
125
+ }
126
+
127
+ @media (min-width: 576px) {
128
+ .modal-dialog {
129
+ max-width: 500px;
130
+ margin: 1.75rem auto;
131
+ }
132
+
133
+ .modal-dialog-scrollable {
134
+ height: calc(100% - 3.5rem);
135
+ }
136
+
137
+ .modal-dialog-centered {
138
+ min-height: calc(100% - 3.5rem);
139
+ }
140
+
141
+ .modal-sm {
142
+ max-width: 300px;
143
+ }
144
+ }
145
+ @media (min-width: 992px) {
146
+ .modal-lg,
147
+ .modal-xl {
148
+ max-width: 800px;
149
+ }
150
+ }
151
+ @media (min-width: 1200px) {
152
+ .modal-xl {
153
+ max-width: 1140px;
154
+ }
155
+ }
156
+ .modal-fullscreen {
157
+ width: 100vw;
158
+ max-width: none;
159
+ height: 100%;
160
+ margin: 0;
161
+ }
162
+ .modal-fullscreen .modal-content {
163
+ height: 100%;
164
+ border: 0;
165
+ border-radius: 0;
166
+ }
167
+ .modal-fullscreen .modal-header {
168
+ border-radius: 0;
169
+ }
170
+ .modal-fullscreen .modal-body {
171
+ overflow-y: auto;
172
+ }
173
+ .modal-fullscreen .modal-footer {
174
+ border-radius: 0;
175
+ }
176
+
177
+ @media (max-width: 575.98px) {
178
+ .modal-fullscreen-sm-down {
179
+ width: 100vw;
180
+ max-width: none;
181
+ height: 100%;
182
+ margin: 0;
183
+ }
184
+ .modal-fullscreen-sm-down .modal-content {
185
+ height: 100%;
186
+ border: 0;
187
+ border-radius: 0;
188
+ }
189
+ .modal-fullscreen-sm-down .modal-header {
190
+ border-radius: 0;
191
+ }
192
+ .modal-fullscreen-sm-down .modal-body {
193
+ overflow-y: auto;
194
+ }
195
+ .modal-fullscreen-sm-down .modal-footer {
196
+ border-radius: 0;
197
+ }
198
+ }
199
+ @media (max-width: 767.98px) {
200
+ .modal-fullscreen-md-down {
201
+ width: 100vw;
202
+ max-width: none;
203
+ height: 100%;
204
+ margin: 0;
205
+ }
206
+ .modal-fullscreen-md-down .modal-content {
207
+ height: 100%;
208
+ border: 0;
209
+ border-radius: 0;
210
+ }
211
+ .modal-fullscreen-md-down .modal-header {
212
+ border-radius: 0;
213
+ }
214
+ .modal-fullscreen-md-down .modal-body {
215
+ overflow-y: auto;
216
+ }
217
+ .modal-fullscreen-md-down .modal-footer {
218
+ border-radius: 0;
219
+ }
220
+ }
221
+ @media (max-width: 991.98px) {
222
+ .modal-fullscreen-lg-down {
223
+ width: 100vw;
224
+ max-width: none;
225
+ height: 100%;
226
+ margin: 0;
227
+ }
228
+ .modal-fullscreen-lg-down .modal-content {
229
+ height: 100%;
230
+ border: 0;
231
+ border-radius: 0;
232
+ }
233
+ .modal-fullscreen-lg-down .modal-header {
234
+ border-radius: 0;
235
+ }
236
+ .modal-fullscreen-lg-down .modal-body {
237
+ overflow-y: auto;
238
+ }
239
+ .modal-fullscreen-lg-down .modal-footer {
240
+ border-radius: 0;
241
+ }
242
+ }
243
+ @media (max-width: 1199.98px) {
244
+ .modal-fullscreen-xl-down {
245
+ width: 100vw;
246
+ max-width: none;
247
+ height: 100%;
248
+ margin: 0;
249
+ }
250
+ .modal-fullscreen-xl-down .modal-content {
251
+ height: 100%;
252
+ border: 0;
253
+ border-radius: 0;
254
+ }
255
+ .modal-fullscreen-xl-down .modal-header {
256
+ border-radius: 0;
257
+ }
258
+ .modal-fullscreen-xl-down .modal-body {
259
+ overflow-y: auto;
260
+ }
261
+ .modal-fullscreen-xl-down .modal-footer {
262
+ border-radius: 0;
263
+ }
264
+ }
265
+ @media (max-width: 1399.98px) {
266
+ .modal-fullscreen-xxl-down {
267
+ width: 100vw;
268
+ max-width: none;
269
+ height: 100%;
270
+ margin: 0;
271
+ }
272
+ .modal-fullscreen-xxl-down .modal-content {
273
+ height: 100%;
274
+ border: 0;
275
+ border-radius: 0;
276
+ }
277
+ .modal-fullscreen-xxl-down .modal-header {
278
+ border-radius: 0;
279
+ }
280
+ .modal-fullscreen-xxl-down .modal-body {
281
+ overflow-y: auto;
282
+ }
283
+ .modal-fullscreen-xxl-down .modal-footer {
284
+ border-radius: 0;
285
+ }
286
+ }
287
+ .btn {
288
+ display: inline-block;
289
+ font-weight: 400;
290
+ line-height: 1.5;
291
+ color: #212529;
292
+ text-align: center;
293
+ text-decoration: none;
294
+ vertical-align: middle;
295
+ cursor: pointer;
296
+ -webkit-user-select: none;
297
+ -moz-user-select: none;
298
+ -ms-user-select: none;
299
+ user-select: none;
300
+ background-color: transparent;
301
+ border: 1px solid transparent;
302
+ padding: 0.375rem 0.75rem;
303
+ font-size: 1rem;
304
+ border-radius: 0.25rem;
305
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
306
+ }
307
+ @media (prefers-reduced-motion: reduce) {
308
+ .btn {
309
+ transition: none;
310
+ }
311
+ }
312
+ .btn:hover {
313
+ color: #212529;
314
+ }
315
+ .btn-check:focus + .btn, .btn:focus {
316
+ outline: 0;
317
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
318
+ }
319
+ .btn:disabled, .btn.disabled, fieldset:disabled .btn {
320
+ pointer-events: none;
321
+ opacity: 0.65;
322
+ }
323
+
324
+ .btn-primary {
325
+ color: #fff;
326
+ background-color: #0d6efd;
327
+ border-color: #0d6efd;
328
+ }
329
+ .btn-primary:hover {
330
+ color: #fff;
331
+ background-color: #0b5ed7;
332
+ border-color: #0a58ca;
333
+ }
334
+ .btn-check:focus + .btn-primary, .btn-primary:focus {
335
+ color: #fff;
336
+ background-color: #0b5ed7;
337
+ border-color: #0a58ca;
338
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
339
+ }
340
+ .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
341
+ color: #fff;
342
+ background-color: #0a58ca;
343
+ border-color: #0a53be;
344
+ }
345
+ .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
346
+ box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
347
+ }
348
+ .btn-primary:disabled, .btn-primary.disabled {
349
+ color: #fff;
350
+ background-color: #0d6efd;
351
+ border-color: #0d6efd;
352
+ }
353
+
354
+ .btn-secondary {
355
+ color: #fff;
356
+ background-color: #6c757d;
357
+ border-color: #6c757d;
358
+ }
359
+ .btn-secondary:hover {
360
+ color: #fff;
361
+ background-color: #5c636a;
362
+ border-color: #565e64;
363
+ }
364
+ .btn-check:focus + .btn-secondary, .btn-secondary:focus {
365
+ color: #fff;
366
+ background-color: #5c636a;
367
+ border-color: #565e64;
368
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
369
+ }
370
+ .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
371
+ color: #fff;
372
+ background-color: #565e64;
373
+ border-color: #51585e;
374
+ }
375
+ .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
376
+ box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
377
+ }
378
+ .btn-secondary:disabled, .btn-secondary.disabled {
379
+ color: #fff;
380
+ background-color: #6c757d;
381
+ border-color: #6c757d;
382
+ }
383
+
384
+ .btn-success {
385
+ color: #fff;
386
+ background-color: #198754;
387
+ border-color: #198754;
388
+ }
389
+ .btn-success:hover {
390
+ color: #fff;
391
+ background-color: #157347;
392
+ border-color: #146c43;
393
+ }
394
+ .btn-check:focus + .btn-success, .btn-success:focus {
395
+ color: #fff;
396
+ background-color: #157347;
397
+ border-color: #146c43;
398
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
399
+ }
400
+ .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
401
+ color: #fff;
402
+ background-color: #146c43;
403
+ border-color: #13653f;
404
+ }
405
+ .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
406
+ box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
407
+ }
408
+ .btn-success:disabled, .btn-success.disabled {
409
+ color: #fff;
410
+ background-color: #198754;
411
+ border-color: #198754;
412
+ }
413
+
414
+ .btn-info {
415
+ color: #000;
416
+ background-color: #0dcaf0;
417
+ border-color: #0dcaf0;
418
+ }
419
+ .btn-info:hover {
420
+ color: #000;
421
+ background-color: #31d2f2;
422
+ border-color: #25cff2;
423
+ }
424
+ .btn-check:focus + .btn-info, .btn-info:focus {
425
+ color: #000;
426
+ background-color: #31d2f2;
427
+ border-color: #25cff2;
428
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
429
+ }
430
+ .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
431
+ color: #000;
432
+ background-color: #3dd5f3;
433
+ border-color: #25cff2;
434
+ }
435
+ .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
436
+ box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
437
+ }
438
+ .btn-info:disabled, .btn-info.disabled {
439
+ color: #000;
440
+ background-color: #0dcaf0;
441
+ border-color: #0dcaf0;
442
+ }
443
+
444
+ .btn-warning {
445
+ color: #000;
446
+ background-color: #ffc107;
447
+ border-color: #ffc107;
448
+ }
449
+ .btn-warning:hover {
450
+ color: #000;
451
+ background-color: #ffca2c;
452
+ border-color: #ffc720;
453
+ }
454
+ .btn-check:focus + .btn-warning, .btn-warning:focus {
455
+ color: #000;
456
+ background-color: #ffca2c;
457
+ border-color: #ffc720;
458
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
459
+ }
460
+ .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
461
+ color: #000;
462
+ background-color: #ffcd39;
463
+ border-color: #ffc720;
464
+ }
465
+ .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
466
+ box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
467
+ }
468
+ .btn-warning:disabled, .btn-warning.disabled {
469
+ color: #000;
470
+ background-color: #ffc107;
471
+ border-color: #ffc107;
472
+ }
473
+
474
+ .btn-danger {
475
+ color: #fff;
476
+ background-color: #dc3545;
477
+ border-color: #dc3545;
478
+ }
479
+ .btn-danger:hover {
480
+ color: #fff;
481
+ background-color: #bb2d3b;
482
+ border-color: #b02a37;
483
+ }
484
+ .btn-check:focus + .btn-danger, .btn-danger:focus {
485
+ color: #fff;
486
+ background-color: #bb2d3b;
487
+ border-color: #b02a37;
488
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
489
+ }
490
+ .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
491
+ color: #fff;
492
+ background-color: #b02a37;
493
+ border-color: #a52834;
494
+ }
495
+ .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
496
+ box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
497
+ }
498
+ .btn-danger:disabled, .btn-danger.disabled {
499
+ color: #fff;
500
+ background-color: #dc3545;
501
+ border-color: #dc3545;
502
+ }
503
+
504
+ .btn-light {
505
+ color: #000;
506
+ background-color: #f8f9fa;
507
+ border-color: #f8f9fa;
508
+ }
509
+ .btn-light:hover {
510
+ color: #000;
511
+ background-color: #f9fafb;
512
+ border-color: #f9fafb;
513
+ }
514
+ .btn-check:focus + .btn-light, .btn-light:focus {
515
+ color: #000;
516
+ background-color: #f9fafb;
517
+ border-color: #f9fafb;
518
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
519
+ }
520
+ .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
521
+ color: #000;
522
+ background-color: #f9fafb;
523
+ border-color: #f9fafb;
524
+ }
525
+ .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
526
+ box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
527
+ }
528
+ .btn-light:disabled, .btn-light.disabled {
529
+ color: #000;
530
+ background-color: #f8f9fa;
531
+ border-color: #f8f9fa;
532
+ }
533
+
534
+ .btn-dark {
535
+ color: #fff;
536
+ background-color: #212529;
537
+ border-color: #212529;
538
+ }
539
+ .btn-dark:hover {
540
+ color: #fff;
541
+ background-color: #1c1f23;
542
+ border-color: #1a1e21;
543
+ }
544
+ .btn-check:focus + .btn-dark, .btn-dark:focus {
545
+ color: #fff;
546
+ background-color: #1c1f23;
547
+ border-color: #1a1e21;
548
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
549
+ }
550
+ .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
551
+ color: #fff;
552
+ background-color: #1a1e21;
553
+ border-color: #191c1f;
554
+ }
555
+ .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
556
+ box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
557
+ }
558
+ .btn-dark:disabled, .btn-dark.disabled {
559
+ color: #fff;
560
+ background-color: #212529;
561
+ border-color: #212529;
562
+ }
563
+
564
+ .btn-outline-primary {
565
+ color: #0d6efd;
566
+ border-color: #0d6efd;
567
+ }
568
+ .btn-outline-primary:hover {
569
+ color: #fff;
570
+ background-color: #0d6efd;
571
+ border-color: #0d6efd;
572
+ }
573
+ .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
574
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
575
+ }
576
+ .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
577
+ color: #fff;
578
+ background-color: #0d6efd;
579
+ border-color: #0d6efd;
580
+ }
581
+ .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
582
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
583
+ }
584
+ .btn-outline-primary:disabled, .btn-outline-primary.disabled {
585
+ color: #0d6efd;
586
+ background-color: transparent;
587
+ }
588
+
589
+ .btn-outline-secondary {
590
+ color: #6c757d;
591
+ border-color: #6c757d;
592
+ }
593
+ .btn-outline-secondary:hover {
594
+ color: #fff;
595
+ background-color: #6c757d;
596
+ border-color: #6c757d;
597
+ }
598
+ .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
599
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
600
+ }
601
+ .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
602
+ color: #fff;
603
+ background-color: #6c757d;
604
+ border-color: #6c757d;
605
+ }
606
+ .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
607
+ box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
608
+ }
609
+ .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
610
+ color: #6c757d;
611
+ background-color: transparent;
612
+ }
613
+
614
+ .btn-outline-success {
615
+ color: #198754;
616
+ border-color: #198754;
617
+ }
618
+ .btn-outline-success:hover {
619
+ color: #fff;
620
+ background-color: #198754;
621
+ border-color: #198754;
622
+ }
623
+ .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
624
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
625
+ }
626
+ .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
627
+ color: #fff;
628
+ background-color: #198754;
629
+ border-color: #198754;
630
+ }
631
+ .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
632
+ box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
633
+ }
634
+ .btn-outline-success:disabled, .btn-outline-success.disabled {
635
+ color: #198754;
636
+ background-color: transparent;
637
+ }
638
+
639
+ .btn-outline-info {
640
+ color: #0dcaf0;
641
+ border-color: #0dcaf0;
642
+ }
643
+ .btn-outline-info:hover {
644
+ color: #000;
645
+ background-color: #0dcaf0;
646
+ border-color: #0dcaf0;
647
+ }
648
+ .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
649
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
650
+ }
651
+ .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
652
+ color: #000;
653
+ background-color: #0dcaf0;
654
+ border-color: #0dcaf0;
655
+ }
656
+ .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
657
+ box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
658
+ }
659
+ .btn-outline-info:disabled, .btn-outline-info.disabled {
660
+ color: #0dcaf0;
661
+ background-color: transparent;
662
+ }
663
+
664
+ .btn-outline-warning {
665
+ color: #ffc107;
666
+ border-color: #ffc107;
667
+ }
668
+ .btn-outline-warning:hover {
669
+ color: #000;
670
+ background-color: #ffc107;
671
+ border-color: #ffc107;
672
+ }
673
+ .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
674
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
675
+ }
676
+ .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
677
+ color: #000;
678
+ background-color: #ffc107;
679
+ border-color: #ffc107;
680
+ }
681
+ .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
682
+ box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
683
+ }
684
+ .btn-outline-warning:disabled, .btn-outline-warning.disabled {
685
+ color: #ffc107;
686
+ background-color: transparent;
687
+ }
688
+
689
+ .btn-outline-danger {
690
+ color: #dc3545;
691
+ border-color: #dc3545;
692
+ }
693
+ .btn-outline-danger:hover {
694
+ color: #fff;
695
+ background-color: #dc3545;
696
+ border-color: #dc3545;
697
+ }
698
+ .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
699
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
700
+ }
701
+ .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
702
+ color: #fff;
703
+ background-color: #dc3545;
704
+ border-color: #dc3545;
705
+ }
706
+ .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
707
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
708
+ }
709
+ .btn-outline-danger:disabled, .btn-outline-danger.disabled {
710
+ color: #dc3545;
711
+ background-color: transparent;
712
+ }
713
+
714
+ .btn-outline-light {
715
+ color: #f8f9fa;
716
+ border-color: #f8f9fa;
717
+ }
718
+ .btn-outline-light:hover {
719
+ color: #000;
720
+ background-color: #f8f9fa;
721
+ border-color: #f8f9fa;
722
+ }
723
+ .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
724
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
725
+ }
726
+ .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
727
+ color: #000;
728
+ background-color: #f8f9fa;
729
+ border-color: #f8f9fa;
730
+ }
731
+ .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
732
+ box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
733
+ }
734
+ .btn-outline-light:disabled, .btn-outline-light.disabled {
735
+ color: #f8f9fa;
736
+ background-color: transparent;
737
+ }
738
+
739
+ .btn-outline-dark {
740
+ color: #212529;
741
+ border-color: #212529;
742
+ }
743
+ .btn-outline-dark:hover {
744
+ color: #fff;
745
+ background-color: #212529;
746
+ border-color: #212529;
747
+ }
748
+ .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
749
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
750
+ }
751
+ .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
752
+ color: #fff;
753
+ background-color: #212529;
754
+ border-color: #212529;
755
+ }
756
+ .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
757
+ box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
758
+ }
759
+ .btn-outline-dark:disabled, .btn-outline-dark.disabled {
760
+ color: #212529;
761
+ background-color: transparent;
762
+ }
763
+
764
+ .btn-link {
765
+ font-weight: 400;
766
+ color: #0d6efd;
767
+ text-decoration: underline;
768
+ }
769
+ .btn-link:hover {
770
+ color: #0a58ca;
771
+ }
772
+ .btn-link:disabled, .btn-link.disabled {
773
+ color: #6c757d;
774
+ }
775
+
776
+ .btn-lg {
777
+ padding: 0.5rem 1rem;
778
+ font-size: 1.25rem;
779
+ border-radius: 0.3rem;
780
+ }
781
+
782
+ .btn-sm {
783
+ padding: 0.25rem 0.5rem;
784
+ font-size: 0.875rem;
785
+ border-radius: 0.2rem;
786
+ }
787
+
788
+ .btn-close {
789
+ box-sizing: content-box;
790
+ width: 1em;
791
+ height: 1em;
792
+ padding: 0.25em 0.25em;
793
+ color: #000;
794
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
795
+ border: 0;
796
+ border-radius: 0.25rem;
797
+ opacity: 0.5;
798
+ }
799
+ .btn-close:hover {
800
+ color: #000;
801
+ text-decoration: none;
802
+ opacity: 0.75;
803
+ }
804
+ .btn-close:focus {
805
+ outline: 0;
806
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
807
+ opacity: 1;
808
+ }
809
+ .btn-close:disabled, .btn-close.disabled {
810
+ pointer-events: none;
811
+ -webkit-user-select: none;
812
+ -moz-user-select: none;
813
+ -ms-user-select: none;
814
+ user-select: none;
815
+ opacity: 0.25;
816
+ }
817
+
818
+ .btn-close-white {
819
+ filter: invert(1) grayscale(100%) brightness(200%);
820
+ }
821
+
822
+ .fade {
823
+ transition: opacity 0.15s linear;
824
+ }
825
+ @media (prefers-reduced-motion: reduce) {
826
+ .fade {
827
+ transition: none;
828
+ }
829
+ }
830
+ .fade:not(.show) {
831
+ opacity: 0;
832
+ }
833
+
834
+ .collapse:not(.show) {
835
+ display: none;
836
+ }
837
+
838
+ .collapsing {
839
+ height: 0;
840
+ overflow: hidden;
841
+ transition: height 0.35s ease;
842
+ }
843
+ @media (prefers-reduced-motion: reduce) {
844
+ .collapsing {
845
+ transition: none;
846
+ }
847
+ }
848
+ .collapsing.collapse-horizontal {
849
+ width: 0;
850
+ height: auto;
851
+ transition: width 0.35s ease;
852
+ }
853
+ @media (prefers-reduced-motion: reduce) {
854
+ .collapsing.collapse-horizontal {
855
+ transition: none;
856
+ }
857
+ }
858
+
859
+ .clearfix::after {
860
+ display: block;
861
+ clear: both;
862
+ content: "";
863
+ }