@tabler/core 1.0.0-beta2 → 1.0.0-beta6

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 (100) hide show
  1. package/README.md +11 -0
  2. package/dist/.DS_Store +0 -0
  3. package/dist/css/demo.css +398 -238
  4. package/dist/css/demo.min.css +5 -5
  5. package/dist/css/demo.rtl.css +398 -238
  6. package/dist/css/demo.rtl.min.css +5 -5
  7. package/dist/css/tabler-flags.css +531 -268
  8. package/dist/css/tabler-flags.min.css +5 -5
  9. package/dist/css/tabler-flags.rtl.css +531 -268
  10. package/dist/css/tabler-flags.rtl.min.css +5 -5
  11. package/dist/css/tabler-payments.css +254 -129
  12. package/dist/css/tabler-payments.min.css +4 -4
  13. package/dist/css/tabler-payments.rtl.css +254 -129
  14. package/dist/css/tabler-payments.rtl.min.css +4 -4
  15. package/dist/css/tabler-vendors.css +883 -435
  16. package/dist/css/tabler-vendors.min.css +5 -5
  17. package/dist/css/tabler-vendors.rtl.css +883 -435
  18. package/dist/css/tabler-vendors.rtl.min.css +5 -5
  19. package/dist/css/tabler.css +12969 -7006
  20. package/dist/css/tabler.min.css +10 -5
  21. package/dist/css/tabler.rtl.css +12969 -7007
  22. package/dist/js/demo.js +151 -0
  23. package/dist/js/demo.min.js +9 -0
  24. package/dist/js/tabler.esm.js +7843 -0
  25. package/dist/js/tabler.esm.min.js +9 -0
  26. package/dist/js/tabler.js +2426 -2685
  27. package/dist/js/tabler.min.js +5 -5
  28. package/dist/libs/apexcharts/dist/apexcharts.min.js +5 -5
  29. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
  30. package/dist/libs/countup.js/dist/countUp.js +3 -3
  31. package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +1 -0
  32. package/dist/libs/jsvectormap/dist/maps/world.js +1 -0
  33. package/dist/libs/litepicker/dist/litepicker.js +3 -3
  34. package/dist/libs/nouislider/dist/nouislider.min.js +1 -0
  35. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +302 -0
  36. package/package.json +88 -31
  37. package/src/js/demo.js +98 -0
  38. package/src/js/src/dropdown.js +0 -31
  39. package/src/js/src/tab.js +16 -0
  40. package/src/js/tabler.esm.js +10 -0
  41. package/src/js/tabler.js +3 -0
  42. package/src/scss/_bootstrap-components.scss +3 -0
  43. package/src/scss/_bootstrap-config.scss +1 -0
  44. package/src/scss/{_tabler-core.scss → _core.scss} +4 -2
  45. package/src/scss/_utilities.scss +12 -23
  46. package/src/scss/_variables.scss +102 -70
  47. package/src/scss/demo/_examples.scss +10 -1
  48. package/src/scss/demo.scss +31 -2
  49. package/src/scss/layout/_core.scss +23 -5
  50. package/src/scss/layout/_dark.scss +168 -0
  51. package/src/scss/layout/_navbar.scss +6 -6
  52. package/src/scss/layout/_page.scss +1 -1
  53. package/src/scss/mixins/_functions.scss +14 -4
  54. package/src/scss/mixins/_mixins.scss +22 -33
  55. package/src/scss/tabler-vendors.scss +3 -1
  56. package/src/scss/tabler.scss +1 -1
  57. package/src/scss/ui/_accordion.scss +1 -0
  58. package/src/scss/ui/_alerts.scss +1 -1
  59. package/src/scss/ui/_avatars.scss +8 -7
  60. package/src/scss/ui/_badges.scss +4 -9
  61. package/src/scss/ui/_breadcrumbs.scss +1 -3
  62. package/src/scss/ui/_buttons.scss +27 -43
  63. package/src/scss/ui/_calendars.scss +3 -3
  64. package/src/scss/ui/_cards.scss +8 -9
  65. package/src/scss/ui/_flags.scss +1 -1
  66. package/src/scss/ui/_forms.scss +9 -10
  67. package/src/scss/ui/_grid.scss +2 -2
  68. package/src/scss/ui/_icons.scss +1 -1
  69. package/src/scss/ui/_images.scss +1 -1
  70. package/src/scss/ui/_legend.scss +1 -1
  71. package/src/scss/ui/_lists.scss +2 -2
  72. package/src/scss/ui/_modals.scss +2 -2
  73. package/src/scss/ui/_nav.scss +3 -3
  74. package/src/scss/ui/_offcanvas.scss +21 -0
  75. package/src/scss/ui/_placeholder.scss +9 -0
  76. package/src/scss/ui/_progress.scss +2 -1
  77. package/src/scss/ui/_ribbons.scss +2 -2
  78. package/src/scss/ui/_status.scss +172 -0
  79. package/src/scss/ui/_steps.scss +2 -2
  80. package/src/scss/ui/_switch-icon.scss +5 -5
  81. package/src/scss/ui/_tables.scss +4 -2
  82. package/src/scss/ui/forms/_form-check.scss +3 -3
  83. package/src/scss/ui/forms/_form-colorinput.scss +1 -1
  84. package/src/scss/ui/forms/_form-imagecheck.scss +5 -5
  85. package/src/scss/ui/forms/_form-selectgroup.scss +9 -3
  86. package/src/scss/ui/forms/_validation.scss +1 -1
  87. package/src/scss/utils/_background.scss +2 -2
  88. package/src/scss/utils/_colors.scss +8 -23
  89. package/src/scss/utils/_opacity.scss +1 -1
  90. package/src/scss/vendor/_apexcharts.scss +2 -0
  91. package/src/scss/vendor/_jsvectormap.scss +47 -0
  92. package/src/scss/vendor/_litepicker.scss +8 -3
  93. package/src/scss/vendor/_nouislider.scss +3 -3
  94. package/src/scss/vendor/_tom-select.scss +12 -0
  95. package/dist/css/tabler.rtl.min.css +0 -9
  96. package/dist/libs/choices.js/public/assets/scripts/choices.js +0 -5603
  97. package/dist/libs/nouislider/distribute/nouislider.min.js +0 -2
  98. package/src/scss/_dark.scss +0 -105
  99. package/src/scss/ui/_skeleton.scss +0 -98
  100. package/src/scss/vendor/_choices.scss +0 -61
@@ -1,12 +1,11 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta2 (https://tabler.io)
3
- * @version 1.0.0-beta2
2
+ * Tabler v1.0.0-beta6 (https://tabler.io)
3
+ * @version 1.0.0-beta6
4
4
  * @link https://tabler.io
5
- * Copyright 2018-2021 The Tabler Authors
6
- * Copyright 2018-2021 codecalm.net Paweł Kuna
5
+ * Copyright 2018-2022 The Tabler Authors
6
+ * Copyright 2018-2022 codecalm.net Paweł Kuna
7
7
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
8
8
  */
9
- /*! nouislider - 14.6.3 - 11/19/2020 */
10
9
  /* Functional styling;
11
10
  * These styles are required for noUiSlider to function.
12
11
  * You don't need to change these rules to apply your design.
@@ -20,23 +19,27 @@
20
19
  -ms-user-select: none;
21
20
  -moz-user-select: none;
22
21
  user-select: none;
23
- box-sizing: border-box; }
22
+ box-sizing: border-box;
23
+ }
24
24
 
25
25
  .noUi-target {
26
- position: relative; }
26
+ position: relative;
27
+ }
27
28
 
28
29
  .noUi-base,
29
30
  .noUi-connects {
30
31
  width: 100%;
31
32
  height: 100%;
32
33
  position: relative;
33
- z-index: 1; }
34
+ z-index: 1;
35
+ }
34
36
 
35
37
  /* Wrapper for all connect elements.
36
38
  */
37
39
  .noUi-connects {
38
40
  overflow: hidden;
39
- z-index: 0; }
41
+ z-index: 0;
42
+ }
40
43
 
41
44
  .noUi-connect,
42
45
  .noUi-origin {
@@ -45,74 +48,82 @@
45
48
  z-index: 1;
46
49
  top: 0;
47
50
  right: 0;
51
+ height: 100%;
52
+ width: 100%;
48
53
  -ms-transform-origin: 0 0;
49
54
  -webkit-transform-origin: 0 0;
50
55
  -webkit-transform-style: preserve-3d;
51
56
  transform-origin: 0 0;
52
- transform-style: flat; }
53
-
54
- .noUi-connect {
55
- height: 100%;
56
- width: 100%; }
57
-
58
- .noUi-origin {
59
- height: 10%;
60
- width: 10%; }
57
+ transform-style: flat;
58
+ }
61
59
 
62
60
  /* Offset direction
63
61
  */
64
62
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
65
63
  left: 0;
66
- right: auto; }
64
+ right: auto;
65
+ }
67
66
 
68
67
  /* Give origins 0 height/width so they don't interfere with clicking the
69
68
  * connect elements.
70
69
  */
71
70
  .noUi-vertical .noUi-origin {
72
- width: 0; }
71
+ top: -100%;
72
+ width: 0;
73
+ }
73
74
 
74
75
  .noUi-horizontal .noUi-origin {
75
- height: 0; }
76
+ height: 0;
77
+ }
76
78
 
77
79
  .noUi-handle {
78
80
  -webkit-backface-visibility: hidden;
79
81
  backface-visibility: hidden;
80
- position: absolute; }
82
+ position: absolute;
83
+ }
81
84
 
82
85
  .noUi-touch-area {
83
86
  height: 100%;
84
- width: 100%; }
87
+ width: 100%;
88
+ }
85
89
 
86
90
  .noUi-state-tap .noUi-connect,
87
91
  .noUi-state-tap .noUi-origin {
88
- transition: transform 0.3s; }
92
+ transition: transform 0.3s;
93
+ }
89
94
 
90
95
  .noUi-state-drag * {
91
- cursor: inherit !important; }
96
+ cursor: inherit !important;
97
+ }
92
98
 
93
99
  /* Slider size and handle placement;
94
100
  */
95
101
  .noUi-horizontal {
96
- height: 18px; }
102
+ height: 18px;
103
+ }
97
104
 
98
105
  .noUi-horizontal .noUi-handle {
99
106
  width: 34px;
100
107
  height: 28px;
101
108
  right: -17px;
102
- top: -6px; }
109
+ top: -6px;
110
+ }
103
111
 
104
112
  .noUi-vertical {
105
- width: 18px; }
113
+ width: 18px;
114
+ }
106
115
 
107
116
  .noUi-vertical .noUi-handle {
108
117
  width: 28px;
109
118
  height: 34px;
110
119
  right: -6px;
111
- top: -17px; }
120
+ bottom: -17px;
121
+ }
112
122
 
113
123
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
114
124
  left: -17px;
115
- right: auto; }
125
+ right: auto;
126
+ }
116
127
 
117
128
  /* Styling;
118
129
  * Giving the connect element a border radius causes issues with using transform: scale
@@ -121,31 +132,38 @@
121
132
  background: #FAFAFA;
122
133
  border-radius: 4px;
123
134
  border: 1px solid #D3D3D3;
124
- box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
135
+ box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
136
+ }
125
137
 
126
138
  .noUi-connects {
127
- border-radius: 3px; }
139
+ border-radius: 3px;
140
+ }
128
141
 
129
142
  .noUi-connect {
130
- background: #3FB8AF; }
143
+ background: #3FB8AF;
144
+ }
131
145
 
132
146
  /* Handles and cursors;
133
147
  */
134
148
  .noUi-draggable {
135
- cursor: ew-resize; }
149
+ cursor: ew-resize;
150
+ }
136
151
 
137
152
  .noUi-vertical .noUi-draggable {
138
- cursor: ns-resize; }
153
+ cursor: ns-resize;
154
+ }
139
155
 
140
156
  .noUi-handle {
141
157
  border: 1px solid #D9D9D9;
142
158
  border-radius: 3px;
143
159
  background: #FFF;
144
160
  cursor: default;
145
- box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
161
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
162
+ }
146
163
 
147
164
  .noUi-active {
148
- box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
165
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
166
+ }
149
167
 
150
168
  /* Handle stripes;
151
169
  */
@@ -158,41 +176,49 @@
158
176
  width: 1px;
159
177
  background: #E8E7E6;
160
178
  left: 14px;
161
- top: 6px; }
179
+ top: 6px;
180
+ }
162
181
 
163
182
  .noUi-handle:after {
164
- left: 17px; }
183
+ left: 17px;
184
+ }
165
185
 
166
186
  .noUi-vertical .noUi-handle:before,
167
187
  .noUi-vertical .noUi-handle:after {
168
188
  width: 14px;
169
189
  height: 1px;
170
190
  left: 6px;
171
- top: 14px; }
191
+ top: 14px;
192
+ }
172
193
 
173
194
  .noUi-vertical .noUi-handle:after {
174
- top: 17px; }
195
+ top: 17px;
196
+ }
175
197
 
176
198
  /* Disabled state;
177
199
  */
178
200
  [disabled] .noUi-connect {
179
- background: #B8B8B8; }
201
+ background: #B8B8B8;
202
+ }
180
203
 
181
204
  [disabled].noUi-target,
182
205
  [disabled].noUi-handle,
183
206
  [disabled] .noUi-handle {
184
- cursor: not-allowed; }
207
+ cursor: not-allowed;
208
+ }
185
209
 
186
210
  /* Base;
187
211
  *
188
212
  */
189
213
  .noUi-pips,
190
214
  .noUi-pips * {
191
- box-sizing: border-box; }
215
+ box-sizing: border-box;
216
+ }
192
217
 
193
218
  .noUi-pips {
194
219
  position: absolute;
195
- color: #999; }
220
+ color: #999;
221
+ }
196
222
 
197
223
  /* Values;
198
224
  *
@@ -200,24 +226,29 @@
200
226
  .noUi-value {
201
227
  position: absolute;
202
228
  white-space: nowrap;
203
- text-align: center; }
229
+ text-align: center;
230
+ }
204
231
 
205
232
  .noUi-value-sub {
206
233
  color: #ccc;
207
- font-size: 10px; }
234
+ font-size: 10px;
235
+ }
208
236
 
209
237
  /* Markings;
210
238
  *
211
239
  */
212
240
  .noUi-marker {
213
241
  position: absolute;
214
- background: #CCC; }
242
+ background: #CCC;
243
+ }
215
244
 
216
245
  .noUi-marker-sub {
217
- background: #AAA; }
246
+ background: #AAA;
247
+ }
218
248
 
219
249
  .noUi-marker-large {
220
- background: #AAA; }
250
+ background: #AAA;
251
+ }
221
252
 
222
253
  /* Horizontal layout;
223
254
  *
@@ -227,24 +258,30 @@
227
258
  height: 80px;
228
259
  top: 100%;
229
260
  left: 0;
230
- width: 100%; }
261
+ width: 100%;
262
+ }
231
263
 
232
264
  .noUi-value-horizontal {
233
- transform: translate(-50%, 50%); }
265
+ transform: translate(-50%, 50%);
266
+ }
234
267
 
235
268
  .noUi-rtl .noUi-value-horizontal {
236
- transform: translate(50%, 50%); }
269
+ transform: translate(50%, 50%);
270
+ }
237
271
 
238
272
  .noUi-marker-horizontal.noUi-marker {
239
273
  margin-left: -1px;
240
274
  width: 2px;
241
- height: 5px; }
275
+ height: 5px;
276
+ }
242
277
 
243
278
  .noUi-marker-horizontal.noUi-marker-sub {
244
- height: 10px; }
279
+ height: 10px;
280
+ }
245
281
 
246
282
  .noUi-marker-horizontal.noUi-marker-large {
247
- height: 15px; }
283
+ height: 15px;
284
+ }
248
285
 
249
286
  /* Vertical layout;
250
287
  *
@@ -253,25 +290,31 @@
253
290
  padding: 0 10px;
254
291
  height: 100%;
255
292
  top: 0;
256
- left: 100%; }
293
+ left: 100%;
294
+ }
257
295
 
258
296
  .noUi-value-vertical {
259
297
  transform: translate(0, -50%);
260
- padding-left: 25px; }
298
+ padding-left: 25px;
299
+ }
261
300
 
262
301
  .noUi-rtl .noUi-value-vertical {
263
- transform: translate(0, 50%); }
302
+ transform: translate(0, 50%);
303
+ }
264
304
 
265
305
  .noUi-marker-vertical.noUi-marker {
266
306
  width: 5px;
267
307
  height: 2px;
268
- margin-top: -1px; }
308
+ margin-top: -1px;
309
+ }
269
310
 
270
311
  .noUi-marker-vertical.noUi-marker-sub {
271
- width: 10px; }
312
+ width: 10px;
313
+ }
272
314
 
273
315
  .noUi-marker-vertical.noUi-marker-large {
274
- width: 15px; }
316
+ width: 15px;
317
+ }
275
318
 
276
319
  .noUi-tooltip {
277
320
  display: block;
@@ -282,451 +325,856 @@
282
325
  color: #000;
283
326
  padding: 5px;
284
327
  text-align: center;
285
- white-space: nowrap; }
328
+ white-space: nowrap;
329
+ }
286
330
 
287
331
  .noUi-horizontal .noUi-tooltip {
288
332
  transform: translate(-50%, 0);
289
333
  left: 50%;
290
- bottom: 120%; }
334
+ bottom: 120%;
335
+ }
291
336
 
292
337
  .noUi-vertical .noUi-tooltip {
293
338
  transform: translate(0, -50%);
294
339
  top: 50%;
295
- right: 120%; }
340
+ right: 120%;
341
+ }
296
342
 
297
343
  .noUi-horizontal .noUi-origin > .noUi-tooltip {
298
344
  transform: translate(50%, 0);
299
345
  left: auto;
300
- bottom: 10px; }
346
+ bottom: 10px;
347
+ }
301
348
 
302
349
  .noUi-vertical .noUi-origin > .noUi-tooltip {
303
350
  transform: translate(0, -18px);
304
351
  top: auto;
305
- right: 28px; }
352
+ right: 28px;
353
+ }
306
354
 
307
355
  .noUi-target {
308
356
  border: 0;
309
357
  box-shadow: none;
310
358
  background: none;
311
359
  border-radius: 0;
312
- color: #206bc4; }
360
+ color: #206bc4;
361
+ }
313
362
 
314
363
  .noUi-horizontal {
315
364
  height: 1.25rem;
316
- padding: .5rem 0; }
365
+ padding: 0.5rem 0;
366
+ }
317
367
 
318
368
  .noUi-base {
319
- background: rgba(169, 174, 182, 0.24);
320
- border-radius: 1rem; }
369
+ background: var(--tblr-border-color-light);
370
+ border-radius: 1rem;
371
+ }
321
372
 
322
373
  .noUi-handle {
323
374
  width: 1rem;
324
375
  height: 1rem;
325
- border: 2px solid #ffffff;
376
+ border: 2px solid var(--tblr-border-color-light);
326
377
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
327
378
  border-radius: 1rem;
328
379
  background: currentColor;
329
- outline: 0; }
330
- .noUi-handle:before, .noUi-handle:after {
331
- content: none; }
332
- .noUi-horizontal .noUi-handle {
333
- width: 1rem;
334
- height: 1rem;
335
- top: -0.5rem;
336
- right: -0.5rem;
337
- margin: 1px 1px 0 0; }
338
- .noUi-handle.noUi-active, .noUi-handle:focus {
339
- box-shadow: 0 0 0 1px #f4f6fa, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
380
+ outline: 0;
381
+ }
382
+ .noUi-handle:before, .noUi-handle:after {
383
+ content: none;
384
+ }
385
+ .noUi-horizontal .noUi-handle {
386
+ width: 1rem;
387
+ height: 1rem;
388
+ top: -0.5rem;
389
+ right: -0.5rem;
390
+ margin: 1px 1px 0 0;
391
+ }
392
+ .noUi-handle.noUi-active, .noUi-handle:focus {
393
+ box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
394
+ }
340
395
 
341
396
  .noUi-connect {
342
- background: currentColor; }
397
+ background: currentColor;
398
+ }
343
399
 
344
400
  .litepicker {
345
- --litepicker-month-weekday-color: #656d77;
346
- --litepicker-button-prev-month-color: #656d77;
347
- --litepicker-button-next-month-color: #656d77;
401
+ --litepicker-month-weekday-color: #626976;
402
+ --litepicker-button-prev-month-color: #626976;
403
+ --litepicker-button-next-month-color: #626976;
348
404
  --litepicker-button-prev-month-color-hover: #206bc4;
349
405
  --litepicker-button-next-month-color-hover: #206bc4;
406
+ --litepicker-day-color: var(--tblr-body-color);
350
407
  --litepicker-day-color-hover: #206bc4;
351
408
  --litepicker-is-end-color-bg: #206bc4;
352
409
  --litepicker-is-today-color: #206bc4;
410
+ --litepicker-month-header-color: var(--tblr-body-color);
411
+ --litepicker-container-months-color-bg: var(--tblr-card-bg);
353
412
  font: inherit;
354
413
  -webkit-user-select: none;
355
414
  -moz-user-select: none;
356
415
  -ms-user-select: none;
357
- user-select: none; }
358
- .litepicker svg {
359
- fill: none !important; }
360
- .litepicker .container__months {
361
- border: 1px solid rgba(101, 109, 119, 0.16);
362
- border-radius: 4px;
363
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
364
- .litepicker .container__months .month-item-name,
365
- .litepicker .container__months .month-item-year {
366
- font-weight: 500 !important; }
367
- .litepicker .container__months .button-next-month,
368
- .litepicker .container__months .button-prev-month {
369
- cursor: pointer !important; }
370
- .litepicker .container__months .month-item-weekdays-row > div {
371
- padding: .5rem 0 !important;
372
- font-size: 0.75rem; }
416
+ user-select: none;
417
+ }
418
+ .litepicker svg {
419
+ fill: none !important;
420
+ }
421
+ .litepicker .container__main {
422
+ border: 1px solid var(--tblr-border-color);
423
+ border-radius: 4px;
424
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
425
+ }
426
+ .litepicker .container__months .month-item-name,
427
+ .litepicker .container__months .month-item-year {
428
+ font-weight: 500 !important;
429
+ }
430
+ .litepicker .container__months .button-next-month,
431
+ .litepicker .container__months .button-prev-month {
432
+ cursor: pointer !important;
433
+ }
434
+ .litepicker .container__months .month-item-weekdays-row > div {
435
+ padding: 0.5rem 0 !important;
436
+ font-size: 0.75rem;
437
+ }
438
+ .litepicker .container__days .day-item {
439
+ cursor: pointer !important;
440
+ padding: 0.5rem 0 !important;
441
+ transition: color 0.3s, background-color 0.3s, border-color 0.3s;
442
+ }
443
+ @media (prefers-reduced-motion: reduce) {
373
444
  .litepicker .container__days .day-item {
374
- cursor: pointer !important;
375
- padding: .5rem 0 !important;
376
- transition: .3s color, .3s background-color, .3s border-color; }
377
- .datepicker-inline .litepicker .container__months {
378
- box-shadow: none; }
379
-
380
- /*===============================
381
- = Choices =
382
- ===============================*/
383
- .choices {
384
- position: relative;
385
- margin-bottom: 24px;
386
- font-size: 16px; }
387
-
388
- .choices:focus {
389
- outline: none; }
390
-
391
- .choices:last-child {
392
- margin-bottom: 0; }
393
-
394
- .choices.is-disabled .choices__inner,
395
- .choices.is-disabled .choices__input {
396
- background-color: #eaeaea;
397
- cursor: not-allowed;
398
- -webkit-user-select: none;
399
- -ms-user-select: none;
400
- -moz-user-select: none;
401
- user-select: none; }
402
-
403
- .choices.is-disabled .choices__item {
404
- cursor: not-allowed; }
405
-
406
- .choices [hidden] {
407
- display: none !important; }
408
-
409
- .choices[data-type*='select-one'] {
410
- cursor: pointer; }
411
-
412
- .choices[data-type*='select-one'] .choices__inner {
413
- padding-bottom: 7.5px; }
445
+ transition: none;
446
+ }
447
+ }
448
+ .datepicker-inline .litepicker .container__months {
449
+ box-shadow: none;
450
+ }
414
451
 
415
- .choices[data-type*='select-one'] .choices__input {
452
+ /**
453
+ * Tom Select bootstrap 5
454
+ */
455
+ /**
456
+ * tom-select.css (v//@@version)
457
+ * Copyright (c) contributors
458
+ *
459
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
460
+ * file except in compliance with the License. You may obtain a copy of the License at:
461
+ * http://www.apache.org/licenses/LICENSE-2.0
462
+ *
463
+ * Unless required by applicable law or agreed to in writing, software distributed under
464
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
465
+ * ANY KIND, either express or implied. See the License for the specific language
466
+ * governing permissions and limitations under the License.
467
+ *
468
+ */
469
+ .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
470
+ visibility: visible !important;
471
+ background: #f2f2f2 !important;
472
+ background: rgba(0, 0, 0, 0.06) !important;
473
+ border: 0 none !important;
474
+ box-shadow: inset 0 0 12px 4px #fff;
475
+ }
476
+ .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
477
+ content: "!";
478
+ visibility: hidden;
479
+ }
480
+ .ts-wrapper.plugin-drag_drop .ui-sortable-helper {
481
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
482
+ }
483
+
484
+ .plugin-checkbox_options .option input {
485
+ margin-right: 0.5rem;
486
+ }
487
+
488
+ .plugin-clear_button .ts-control {
489
+ padding-right: calc(1em + (3 * 5px)) !important;
490
+ }
491
+ .plugin-clear_button .clear-button {
492
+ opacity: 0;
493
+ position: absolute;
494
+ top: 0.4375rem;
495
+ right: calc(0.75rem - 5px);
496
+ margin-right: 0 !important;
497
+ background: transparent !important;
498
+ transition: opacity 0.5s;
499
+ cursor: pointer;
500
+ }
501
+ .plugin-clear_button.single .clear-button {
502
+ right: calc(0.75rem - 5px + 2rem);
503
+ }
504
+ .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:hover.has-items .clear-button {
505
+ opacity: 1;
506
+ }
507
+
508
+ .ts-wrapper .dropdown-header {
509
+ position: relative;
510
+ padding: 6px 0.75rem;
511
+ border-bottom: 1px solid #d0d0d0;
512
+ background: #f8f8f8;
513
+ border-radius: 4px 4px 0 0;
514
+ }
515
+ .ts-wrapper .dropdown-header-close {
516
+ position: absolute;
517
+ right: 0.75rem;
518
+ top: 50%;
519
+ color: #1e293b;
520
+ opacity: 0.4;
521
+ margin-top: -12px;
522
+ line-height: 20px;
523
+ font-size: 20px !important;
524
+ }
525
+ .ts-wrapper .dropdown-header-close:hover {
526
+ color: black;
527
+ }
528
+
529
+ .plugin-dropdown_input.focus.dropdown-active .ts-control {
530
+ box-shadow: none;
531
+ border: 1px solid #d9dbde;
532
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
533
+ }
534
+ .plugin-dropdown_input .dropdown-input {
535
+ border: 1px solid #d0d0d0;
536
+ border-width: 0 0 1px 0;
416
537
  display: block;
538
+ padding: 0.4375rem 0.75rem;
539
+ box-shadow: none;
417
540
  width: 100%;
418
- padding: 10px;
419
- border-bottom: 1px solid #dddddd;
420
- background-color: #ffffff;
421
- margin: 0; }
422
-
423
- .choices[data-type*='select-one'] .choices__button {
424
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
425
- padding: 0;
426
- background-size: 8px;
541
+ background: transparent;
542
+ }
543
+ .plugin-dropdown_input.focus ~ .ts-dropdown .dropdown-input {
544
+ border-color: #90b5e2;
545
+ outline: 0;
546
+ box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
547
+ }
548
+
549
+ .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
550
+ min-width: 0;
551
+ }
552
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
553
+ flex: none;
554
+ min-width: 4px;
555
+ }
556
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
557
+ color: transparent;
558
+ }
559
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
560
+ color: transparent;
561
+ }
562
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
563
+ color: transparent;
564
+ }
565
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
566
+ color: transparent;
567
+ }
568
+ .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
569
+ color: transparent;
570
+ }
571
+
572
+ .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
573
+ display: flex;
574
+ }
575
+ .ts-dropdown.plugin-optgroup_columns .optgroup {
576
+ border-right: 1px solid #f2f2f2;
577
+ border-top: 0 none;
578
+ flex-grow: 1;
579
+ flex-basis: 0;
580
+ min-width: 0;
581
+ }
582
+ .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
583
+ border-right: 0 none;
584
+ }
585
+ .ts-dropdown.plugin-optgroup_columns .optgroup:before {
586
+ display: none;
587
+ }
588
+ .ts-dropdown.plugin-optgroup_columns .optgroup-header {
589
+ border-top: 0 none;
590
+ }
591
+
592
+ .ts-wrapper.plugin-remove_button .item {
593
+ display: inline-flex;
594
+ align-items: center;
595
+ padding-right: 0 !important;
596
+ }
597
+ .ts-wrapper.plugin-remove_button .item .remove {
598
+ color: inherit;
599
+ text-decoration: none;
600
+ vertical-align: middle;
601
+ display: inline-block;
602
+ padding: 0 5px;
603
+ border-left: 1px solid #e6e7e9;
604
+ border-radius: 0 2px 2px 0;
605
+ box-sizing: border-box;
606
+ margin-left: 5px;
607
+ }
608
+ .ts-wrapper.plugin-remove_button .item .remove:hover {
609
+ background: rgba(0, 0, 0, 0.05);
610
+ }
611
+ .ts-wrapper.plugin-remove_button .item.active .remove {
612
+ border-left-color: rgba(0, 0, 0, 0);
613
+ }
614
+ .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
615
+ background: none;
616
+ }
617
+ .ts-wrapper.plugin-remove_button.disabled .item .remove {
618
+ border-left-color: white;
619
+ }
620
+ .ts-wrapper.plugin-remove_button .remove-single {
427
621
  position: absolute;
428
- top: 50%;
429
622
  right: 0;
430
- margin-top: -10px;
431
- margin-right: 25px;
432
- height: 20px;
433
- width: 20px;
434
- border-radius: 10em;
435
- opacity: 0.5; }
436
-
437
- .choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
438
- opacity: 1; }
439
-
440
- .choices[data-type*='select-one'] .choices__button:focus {
441
- box-shadow: 0px 0px 0px 2px #00bcd4; }
442
-
443
- .choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
444
- display: none; }
445
-
446
- .choices[data-type*='select-one']:after {
447
- content: '';
448
- height: 0;
449
- width: 0;
450
- border-style: solid;
451
- border-color: #333333 transparent transparent transparent;
452
- border-width: 5px;
453
- position: absolute;
454
- right: 11.5px;
455
- top: 50%;
456
- margin-top: -2.5px;
457
- pointer-events: none; }
458
-
459
- .choices[data-type*='select-one'].is-open:after {
460
- border-color: transparent transparent #333333 transparent;
461
- margin-top: -7.5px; }
462
-
463
- .choices[data-type*='select-one'][dir='rtl']:after {
464
- left: 11.5px;
465
- right: auto; }
466
-
467
- .choices[data-type*='select-one'][dir='rtl'] .choices__button {
468
- right: auto;
469
- left: 0;
470
- margin-left: 25px;
471
- margin-right: 0; }
472
-
473
- .choices[data-type*='select-multiple'] .choices__inner,
474
- .choices[data-type*='text'] .choices__inner {
475
- cursor: text; }
623
+ top: 0;
624
+ font-size: 23px;
625
+ }
476
626
 
477
- .choices[data-type*='select-multiple'] .choices__button,
478
- .choices[data-type*='text'] .choices__button {
627
+ .ts-wrapper {
479
628
  position: relative;
480
- display: inline-block;
481
- margin-top: 0;
482
- margin-right: -4px;
483
- margin-bottom: 0;
484
- margin-left: 8px;
485
- padding-left: 16px;
486
- border-left: 1px solid #008fa1;
487
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
488
- background-size: 8px;
489
- width: 8px;
490
- line-height: 1;
491
- opacity: 0.75;
492
- border-radius: 0; }
493
-
494
- .choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
495
- .choices[data-type*='text'] .choices__button:hover,
496
- .choices[data-type*='text'] .choices__button:focus {
497
- opacity: 1; }
629
+ }
498
630
 
499
- .choices__inner {
500
- display: inline-block;
501
- vertical-align: top;
631
+ .ts-dropdown,
632
+ .ts-control,
633
+ .ts-control input {
634
+ color: #1e293b;
635
+ font-family: inherit;
636
+ font-size: inherit;
637
+ line-height: 1.4285714286;
638
+ font-smoothing: inherit;
639
+ }
640
+
641
+ .ts-control,
642
+ .ts-wrapper.single.input-active .ts-control {
643
+ background: #ffffff;
644
+ cursor: text;
645
+ }
646
+
647
+ .ts-control {
648
+ border: 1px solid #d9dbde;
649
+ padding: 0.4375rem 0.75rem;
502
650
  width: 100%;
503
- background-color: #f9f9f9;
504
- padding: 7.5px 7.5px 3.75px;
505
- border: 1px solid #dddddd;
506
- border-radius: 2.5px;
507
- font-size: 14px;
508
- min-height: 44px;
509
- overflow: hidden; }
510
-
511
- .is-focused .choices__inner,
512
- .is-open .choices__inner {
513
- border-color: #b7b7b7; }
514
-
515
- .is-open .choices__inner {
516
- border-radius: 2.5px 2.5px 0 0; }
517
-
518
- .is-flipped.is-open .choices__inner {
519
- border-radius: 0 0 2.5px 2.5px; }
520
-
521
- .choices__list {
522
- margin: 0;
523
- padding-left: 0;
524
- list-style: none; }
525
-
526
- .choices__list--single {
651
+ overflow: hidden;
652
+ position: relative;
653
+ z-index: 1;
654
+ box-sizing: border-box;
655
+ box-shadow: none;
656
+ border-radius: 4px;
657
+ display: flex;
658
+ flex-wrap: wrap;
659
+ }
660
+ .ts-wrapper.multi.has-items .ts-control {
661
+ padding: calc( 0.4375rem - 1px - 0px) 0.75rem calc( 0.4375rem - 1px - 3px - 0px);
662
+ }
663
+ .full .ts-control {
664
+ background-color: #ffffff;
665
+ }
666
+ .disabled .ts-control, .disabled .ts-control * {
667
+ cursor: default !important;
668
+ }
669
+ .focus .ts-control {
670
+ box-shadow: none;
671
+ }
672
+ .ts-control > * {
673
+ vertical-align: baseline;
527
674
  display: inline-block;
528
- padding: 4px 16px 4px 4px;
529
- width: 100%; }
530
-
531
- [dir='rtl'] .choices__list--single {
532
- padding-right: 4px;
533
- padding-left: 16px; }
534
-
535
- .choices__list--single .choices__item {
536
- width: 100%; }
537
-
538
- .choices__list--multiple {
539
- display: inline; }
675
+ }
676
+ .ts-wrapper.multi .ts-control > div {
677
+ cursor: pointer;
678
+ margin: 0 3px 3px 0;
679
+ padding: 1px 5px;
680
+ background: #efefef;
681
+ color: #1e293b;
682
+ border: 0px solid #e6e7e9;
683
+ }
684
+ .ts-wrapper.multi .ts-control > div.active {
685
+ background: #206bc4;
686
+ color: #fff;
687
+ border: 0px solid rgba(0, 0, 0, 0);
688
+ }
689
+ .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
690
+ color: #797979;
691
+ background: white;
692
+ border: 0px solid white;
693
+ }
694
+ .ts-control > input {
695
+ flex: 1 1 auto;
696
+ min-width: 7rem;
697
+ display: inline-block !important;
698
+ padding: 0 !important;
699
+ min-height: 0 !important;
700
+ max-height: none !important;
701
+ max-width: 100% !important;
702
+ margin: 0 !important;
703
+ text-indent: 0 !important;
704
+ border: 0 none !important;
705
+ background: none !important;
706
+ line-height: inherit !important;
707
+ -webkit-user-select: auto !important;
708
+ -moz-user-select: auto !important;
709
+ -ms-user-select: auto !important;
710
+ user-select: auto !important;
711
+ box-shadow: none !important;
712
+ }
713
+ .ts-control > input::-ms-clear {
714
+ display: none;
715
+ }
716
+ .ts-control > input:focus {
717
+ outline: none !important;
718
+ }
719
+ .has-items .ts-control > input {
720
+ margin: 0 4px !important;
721
+ }
722
+ .ts-control.rtl {
723
+ text-align: right;
724
+ }
725
+ .ts-control.rtl.single .ts-control:after {
726
+ left: calc(0.75rem + 5px);
727
+ right: auto;
728
+ }
729
+ .ts-control.rtl .ts-control > input {
730
+ margin: 0 4px 0 -2px !important;
731
+ }
732
+ .disabled .ts-control {
733
+ opacity: 0.5;
734
+ background-color: #f1f5f9;
735
+ }
736
+ .input-hidden .ts-control > input {
737
+ opacity: 0;
738
+ position: absolute;
739
+ left: -10000px;
740
+ }
540
741
 
541
- .choices__list--multiple .choices__item {
542
- display: inline-block;
543
- vertical-align: middle;
544
- border-radius: 20px;
545
- padding: 4px 10px;
546
- font-size: 12px;
547
- font-weight: 500;
548
- margin-right: 3.75px;
549
- margin-bottom: 3.75px;
550
- background-color: #00bcd4;
551
- border: 1px solid #00a5bb;
552
- color: #ffffff;
553
- word-break: break-all;
554
- box-sizing: border-box; }
555
-
556
- .choices__list--multiple .choices__item[data-deletable] {
557
- padding-right: 5px; }
558
-
559
- [dir='rtl'] .choices__list--multiple .choices__item {
560
- margin-right: 0;
561
- margin-left: 3.75px; }
562
-
563
- .choices__list--multiple .choices__item.is-highlighted {
564
- background-color: #00a5bb;
565
- border: 1px solid #008fa1; }
566
-
567
- .is-disabled .choices__list--multiple .choices__item {
568
- background-color: #aaaaaa;
569
- border: 1px solid #919191; }
570
-
571
- .choices__list--dropdown {
572
- visibility: hidden;
573
- z-index: 1;
742
+ .ts-dropdown {
574
743
  position: absolute;
575
- width: 100%;
576
- background-color: #ffffff;
577
- border: 1px solid #dddddd;
578
744
  top: 100%;
579
- margin-top: -1px;
580
- border-bottom-left-radius: 2.5px;
581
- border-bottom-right-radius: 2.5px;
745
+ left: 0;
746
+ width: 100%;
747
+ z-index: 10;
748
+ border: 1px solid #d0d0d0;
749
+ background: #ffffff;
750
+ margin: 0.25rem 0 0 0;
751
+ border-top: 0 none;
752
+ box-sizing: border-box;
753
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
754
+ border-radius: 0 0 4px 4px;
755
+ }
756
+ .ts-dropdown [data-selectable] {
757
+ cursor: pointer;
758
+ overflow: hidden;
759
+ }
760
+ .ts-dropdown [data-selectable] .highlight {
761
+ background: rgba(255, 237, 40, 0.4);
762
+ border-radius: 1px;
763
+ }
764
+ .ts-dropdown .option,
765
+ .ts-dropdown .optgroup-header,
766
+ .ts-dropdown .no-results,
767
+ .ts-dropdown .create {
768
+ padding: 3px 0.75rem;
769
+ }
770
+ .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
771
+ cursor: inherit;
772
+ opacity: 0.5;
773
+ }
774
+ .ts-dropdown [data-selectable].option {
775
+ opacity: 1;
776
+ cursor: pointer;
777
+ }
778
+ .ts-dropdown .optgroup:first-child .optgroup-header {
779
+ border-top: 0 none;
780
+ }
781
+ .ts-dropdown .optgroup-header {
782
+ color: #475569;
783
+ background: #ffffff;
784
+ cursor: default;
785
+ }
786
+ .ts-dropdown .create:hover,
787
+ .ts-dropdown .option:hover,
788
+ .ts-dropdown .active {
789
+ background-color: rgba(98, 105, 118, 0.06);
790
+ color: inherit;
791
+ }
792
+ .ts-dropdown .create:hover.create,
793
+ .ts-dropdown .option:hover.create,
794
+ .ts-dropdown .active.create {
795
+ color: inherit;
796
+ }
797
+ .ts-dropdown .create {
798
+ color: rgba(30, 41, 59, 0.5);
799
+ }
800
+ .ts-dropdown .spinner {
801
+ display: inline-block;
802
+ width: 30px;
803
+ height: 30px;
804
+ margin: 3px 0.75rem;
805
+ }
806
+ .ts-dropdown .spinner:after {
807
+ content: " ";
808
+ display: block;
809
+ width: 24px;
810
+ height: 24px;
811
+ margin: 3px;
812
+ border-radius: 50%;
813
+ border: 5px solid #d0d0d0;
814
+ border-color: #d0d0d0 transparent #d0d0d0 transparent;
815
+ -webkit-animation: lds-dual-ring 1.2s linear infinite;
816
+ animation: lds-dual-ring 1.2s linear infinite;
817
+ }
818
+ @-webkit-keyframes lds-dual-ring {
819
+ 0% {
820
+ transform: rotate(0deg);
821
+ }
822
+ 100% {
823
+ transform: rotate(360deg);
824
+ }
825
+ }
826
+ @keyframes lds-dual-ring {
827
+ 0% {
828
+ transform: rotate(0deg);
829
+ }
830
+ 100% {
831
+ transform: rotate(360deg);
832
+ }
833
+ }
834
+
835
+ .ts-dropdown-content {
836
+ overflow-y: auto;
837
+ overflow-x: hidden;
838
+ max-height: 200px;
839
+ overflow-scrolling: touch;
840
+ scroll-behavior: smooth;
841
+ }
842
+
843
+ .ts-hidden-accessible {
844
+ border: 0 !important;
845
+ clip: rect(0 0 0 0) !important;
846
+ -webkit-clip-path: inset(50%) !important;
847
+ clip-path: inset(50%) !important;
848
+ height: 1px !important;
849
+ overflow: hidden !important;
850
+ padding: 0 !important;
851
+ position: absolute !important;
852
+ width: 1px !important;
853
+ white-space: nowrap !important;
854
+ }
855
+
856
+ .ts-wrapper.form-control,
857
+ .ts-wrapper.form-select {
858
+ padding: 0 !important;
859
+ }
860
+
861
+ .ts-dropdown,
862
+ .ts-dropdown.form-control,
863
+ .ts-dropdown.form-select {
864
+ height: auto;
865
+ padding: 0;
866
+ z-index: 1000;
867
+ background: #ffffff;
868
+ border: 1px solid rgba(98, 105, 118, 0.16);
869
+ border-radius: 4px;
870
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
871
+ }
872
+
873
+ .ts-dropdown .optgroup-header {
874
+ font-size: 0.765625rem;
875
+ line-height: 1.4285714286;
876
+ }
877
+ .ts-dropdown .optgroup:first-child:before {
878
+ display: none;
879
+ }
880
+ .ts-dropdown .optgroup:before {
881
+ content: " ";
882
+ display: block;
883
+ height: 0;
884
+ margin: 0.5rem 0;
582
885
  overflow: hidden;
583
- word-break: break-all;
584
- will-change: visibility; }
886
+ border-top: 1px solid rgba(98, 105, 118, 0.16);
887
+ margin-left: -0.75rem;
888
+ margin-right: -0.75rem;
889
+ }
890
+ .ts-dropdown .create {
891
+ padding-left: 0.75rem;
892
+ }
893
+
894
+ .ts-dropdown-content {
895
+ padding: 5px 0;
896
+ }
897
+
898
+ .ts-control {
899
+ min-height: calc(1.4285714286em + 0.875rem + 2px);
900
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
901
+ display: flex;
902
+ align-items: center;
903
+ }
904
+ @media (prefers-reduced-motion: reduce) {
905
+ .ts-control {
906
+ transition: none;
907
+ }
908
+ }
909
+ .ts-control.dropdown -active {
910
+ border-radius: 4px;
911
+ }
912
+ .focus .ts-control {
913
+ border-color: #90b5e2;
914
+ outline: 0;
915
+ box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
916
+ }
917
+ .ts-control .item {
918
+ display: flex;
919
+ align-items: center;
920
+ }
921
+
922
+ .is-invalid .ts-control,
923
+ .was-validated .invalid .ts-control {
924
+ border-color: #d63939;
925
+ }
926
+ .focus .is-invalid .ts-control,
927
+ .focus .was-validated .invalid .ts-control {
928
+ border-color: #b62626;
929
+ box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
930
+ }
931
+
932
+ .is-valid .ts-control {
933
+ border-color: #2fb344;
934
+ }
935
+ .focus .is-valid .ts-control {
936
+ border-color: #2fb344;
937
+ box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
938
+ }
939
+
940
+ .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
941
+ min-height: calc(1.4285714286em + 0.25rem + 2px);
942
+ padding: 0 0.75rem;
943
+ border-radius: 2px;
944
+ font-size: 0.75rem;
945
+ }
946
+ .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
947
+ min-height: calc(1.4285714286em + 0.25rem + 2px) !important;
948
+ font-size: 0.75rem;
949
+ padding-bottom: 0;
950
+ }
951
+ .input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
952
+ padding-top: calc((calc(1.4285714286em + 0.25rem + 2px) - (1.4285714286 * 0.75rem) - 4px) / 2) !important;
953
+ }
954
+ .ts-wrapper.multi.has-items .ts-control {
955
+ padding-left: calc(0.75rem - 5px);
956
+ padding-right: calc(0.75rem - 5px);
957
+ }
958
+ .ts-wrapper.multi .ts-control > div {
959
+ border-radius: calc(4px - 1px);
960
+ }
961
+ .input-group-lg > .ts-wrapper > .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
962
+ min-height: calc(1.4285714286em + 1rem + 2px);
963
+ border-radius: 8px;
964
+ font-size: 1.25rem;
965
+ }
966
+
967
+ .ts-wrapper:not(.form-select) {
968
+ padding: 0;
969
+ border: none;
970
+ height: auto;
971
+ box-shadow: none;
972
+ background: none;
973
+ }
974
+ .ts-wrapper:not(.form-select).single .ts-control {
975
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d9dbde' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
976
+ background-repeat: no-repeat;
977
+ background-position: right 0.75rem center;
978
+ background-size: 16px 12px;
979
+ padding-right: 2rem;
980
+ }
585
981
 
586
- .choices__list--dropdown.is-active {
587
- visibility: visible; }
982
+ .ts-wrapper.form-select {
983
+ padding: 0;
984
+ height: auto;
985
+ box-shadow: none;
986
+ }
987
+ .ts-wrapper.form-select .ts-control, .ts-wrapper.form-select.single.input-active .ts-control {
988
+ border: none !important;
989
+ background: transparent !important;
990
+ }
991
+
992
+ .input-group > .ts-wrapper {
993
+ flex-grow: 1;
994
+ }
995
+ .input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
996
+ border-top-left-radius: 0;
997
+ border-bottom-left-radius: 0;
998
+ }
999
+ .input-group > .ts-wrapper:not(:last-child) > .ts-control {
1000
+ border-top-right-radius: 0;
1001
+ border-bottom-right-radius: 0;
1002
+ }
1003
+
1004
+ .ts-input {
1005
+ color: inherit;
1006
+ }
1007
+
1008
+ .ts-control .dropdown-menu {
1009
+ width: 100%;
1010
+ height: auto;
1011
+ }
588
1012
 
589
- .is-open .choices__list--dropdown {
590
- border-color: #b7b7b7; }
1013
+ svg {
1014
+ touch-action: none;
1015
+ }
591
1016
 
592
- .is-flipped .choices__list--dropdown {
593
- top: auto;
594
- bottom: 100%;
595
- margin-top: 0;
596
- margin-bottom: -1px;
597
- border-radius: 0.25rem 0.25rem 0 0; }
1017
+ image, text, .jvm-zoomin, .jvm-zoomout {
1018
+ -webkit-user-select: none;
1019
+ -moz-user-select: none;
1020
+ -ms-user-select: none;
1021
+ user-select: none;
1022
+ }
598
1023
 
599
- .choices__list--dropdown .choices__list {
1024
+ .jvm-container {
1025
+ touch-action: none;
600
1026
  position: relative;
601
- max-height: 300px;
602
- overflow: auto;
603
- -webkit-overflow-scrolling: touch;
604
- will-change: scroll-position; }
1027
+ overflow: hidden;
1028
+ height: 100%;
1029
+ width: 100%;
1030
+ }
605
1031
 
606
- .choices__list--dropdown .choices__item {
607
- position: relative;
608
- padding: 10px;
609
- font-size: 14px; }
610
-
611
- [dir='rtl'] .choices__list--dropdown .choices__item {
612
- text-align: right; }
613
-
614
- @media (min-width: 640px) {
615
- .choices__list--dropdown .choices__item--selectable {
616
- padding-right: 100px; }
617
- .choices__list--dropdown .choices__item--selectable:after {
618
- content: attr(data-select-text);
619
- font-size: 12px;
620
- opacity: 0;
621
- position: absolute;
622
- right: 10px;
623
- top: 50%;
624
- transform: translateY(-50%); }
625
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
626
- text-align: right;
627
- padding-left: 100px;
628
- padding-right: 10px; }
629
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
630
- right: auto;
631
- left: 10px; } }
632
-
633
- .choices__list--dropdown .choices__item--selectable.is-highlighted {
634
- background-color: #f2f2f2; }
635
-
636
- .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
637
- opacity: 0.5; }
638
-
639
- .choices__item {
640
- cursor: default; }
641
-
642
- .choices__item--selectable {
643
- cursor: pointer; }
644
-
645
- .choices__item--disabled {
646
- cursor: not-allowed;
647
- -webkit-user-select: none;
648
- -ms-user-select: none;
649
- -moz-user-select: none;
650
- user-select: none;
651
- opacity: 0.5; }
1032
+ .jvm-tooltip {
1033
+ border-radius: 3px;
1034
+ background-color: #5c5cff;
1035
+ font-family: sans-serif, Verdana;
1036
+ font-size: smaller;
1037
+ box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
1038
+ padding: 3px 5px;
1039
+ white-space: nowrap;
1040
+ position: absolute;
1041
+ display: none;
1042
+ color: #FFF;
1043
+ }
652
1044
 
653
- .choices__heading {
654
- font-weight: 600;
655
- font-size: 12px;
656
- padding: 10px;
657
- border-bottom: 1px solid #f7f7f7;
658
- color: gray; }
659
-
660
- .choices__button {
661
- text-indent: -9999px;
662
- -webkit-appearance: none;
663
- -moz-appearance: none;
664
- appearance: none;
665
- border: 0;
666
- background-color: transparent;
667
- background-repeat: no-repeat;
668
- background-position: center;
669
- cursor: pointer; }
1045
+ .jvm-tooltip.active {
1046
+ display: block;
1047
+ }
670
1048
 
671
- .choices__button:focus {
672
- outline: none; }
1049
+ .jvm-zoom-btn {
1050
+ border-radius: 3px;
1051
+ background-color: #292929;
1052
+ padding: 3px;
1053
+ box-sizing: border-box;
1054
+ position: absolute;
1055
+ line-height: 10px;
1056
+ cursor: pointer;
1057
+ color: #FFF;
1058
+ height: 15px;
1059
+ width: 15px;
1060
+ left: 10px;
1061
+ }
1062
+
1063
+ .jvm-zoom-btn.jvm-zoomout {
1064
+ top: 30px;
1065
+ }
1066
+
1067
+ .jvm-zoom-btn.jvm-zoomin {
1068
+ top: 10px;
1069
+ }
1070
+
1071
+ .jvm-series-container {
1072
+ right: 15px;
1073
+ position: absolute;
1074
+ }
1075
+
1076
+ .jvm-series-container.jvm-series-h {
1077
+ bottom: 15px;
1078
+ }
1079
+
1080
+ .jvm-series-container.jvm-series-v {
1081
+ top: 15px;
1082
+ }
1083
+
1084
+ .jvm-series-container .jvm-legend {
1085
+ background-color: #FFF;
1086
+ border: 1px solid #e5e7eb;
1087
+ margin-left: 0.75rem;
1088
+ border-radius: 0.25rem;
1089
+ border-color: #e5e7eb;
1090
+ padding: 0.6rem;
1091
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1092
+ float: left;
1093
+ }
1094
+
1095
+ .jvm-series-container .jvm-legend .jvm-legend-title {
1096
+ line-height: 1;
1097
+ border-bottom: 1px solid #e5e7eb;
1098
+ padding-bottom: 0.5rem;
1099
+ margin-bottom: 0.575rem;
1100
+ text-align: left;
1101
+ }
673
1102
 
674
- .choices__input {
675
- display: inline-block;
676
- vertical-align: baseline;
677
- background-color: #f9f9f9;
678
- font-size: 14px;
679
- margin-bottom: 5px;
680
- border: 0;
681
- border-radius: 0;
682
- max-width: 100%;
683
- padding: 4px 0 4px 2px; }
1103
+ .jvm-series-container .jvm-legend .jvm-legend-inner {
1104
+ overflow: hidden;
1105
+ }
684
1106
 
685
- .choices__input:focus {
686
- outline: 0; }
1107
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1108
+ overflow: hidden;
1109
+ min-width: 40px;
1110
+ }
687
1111
 
688
- [dir='rtl'] .choices__input {
689
- padding-right: 2px;
690
- padding-left: 0; }
1112
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
1113
+ margin-top: 0.575rem;
1114
+ }
691
1115
 
692
- .choices__placeholder {
693
- opacity: 0.5; }
1116
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1117
+ border-radius: 4px;
1118
+ margin-right: 0.65rem;
1119
+ height: 16px;
1120
+ width: 16px;
1121
+ float: left;
1122
+ }
694
1123
 
695
- /*===== End of Choices ======*/
696
- .choices {
697
- margin: 0;
698
- font-size: inherit;
699
- position: relative;
700
- cursor: pointer; }
701
- .choices:focus {
702
- outline: none; }
703
- .choices:after {
704
- content: none !important; }
705
- .choices.is-focused .form-select {
706
- border-color: #90b5e2;
707
- box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
708
- .choices .dropdown-menu {
709
- width: 100%;
710
- height: auto; }
711
- .choices .dropdown-menu .choices__list {
712
- max-height: 13rem;
713
- overflow-x: hidden; }
714
- .choices .dropdown-menu .dropdown-item {
715
- padding-left: 0.75rem;
716
- padding-right: 0.75rem; }
717
- .choices .dropdown-menu .dropdown-item.active {
718
- background: transparent;
719
- color: inherit; }
720
- .choices .dropdown-menu .dropdown-item.is-highlighted {
721
- color: #206bc4;
722
- background-color: rgba(32, 107, 196, 0.06); }
723
-
724
- .choices__placeholder {
725
- color: #a7abb1;
726
- opacity: 1; }
727
-
728
- .choices__list--single {
729
- padding: 0; }
730
-
731
- .choices__list--dropdown .choices__item--selectable:after {
732
- content: none; }
1124
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
1125
+ font-size: 12px;
1126
+ text-align: center;
1127
+ float: left;
1128
+ }
1129
+
1130
+ .jvm-line[animation=true] {
1131
+ -webkit-animation: jvm-line-animation 10s linear forwards infinite;
1132
+ animation: jvm-line-animation 10s linear forwards infinite;
1133
+ }
1134
+
1135
+ @-webkit-keyframes jvm-line-animation {
1136
+ from {
1137
+ stroke-dashoffset: 250;
1138
+ }
1139
+ }
1140
+ @keyframes jvm-line-animation {
1141
+ from {
1142
+ stroke-dashoffset: 250;
1143
+ }
1144
+ }
1145
+ .jvm-series-container .jvm-legend .jvm-legend-title {
1146
+ border-bottom: 0;
1147
+ font-weight: 500;
1148
+ }
1149
+
1150
+ .jvm-series-container .jvm-legend {
1151
+ background-color: var(--tblr-card-bg);
1152
+ border: 1px solid var(--tblr-border-color);
1153
+ min-width: 8rem;
1154
+ }
1155
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1156
+ display: flex;
1157
+ align-items: center;
1158
+ }
1159
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1160
+ width: 0.75rem;
1161
+ height: 0.75rem;
1162
+ }
1163
+
1164
+ .jvm-zoom-btn {
1165
+ border: 1px solid var(--tblr-border-color);
1166
+ background: var(--tblr-card-bg);
1167
+ color: var(--tblr-body-color);
1168
+ padding: 0;
1169
+ display: flex;
1170
+ align-items: center;
1171
+ justify-content: center;
1172
+ line-height: 1;
1173
+ width: 1.5rem;
1174
+ height: 1.5rem;
1175
+ font-size: 1rem;
1176
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
1177
+ }
1178
+ .jvm-zoom-btn.jvm-zoomout {
1179
+ top: 2.5rem;
1180
+ }