@tabler/core 1.0.0-beta3 → 1.0.0-beta8

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 (114) hide show
  1. package/README.md +11 -0
  2. package/dist/.DS_Store +0 -0
  3. package/dist/css/demo.css +398 -239
  4. package/dist/css/demo.min.css +5 -5
  5. package/dist/css/demo.rtl.css +398 -239
  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 +890 -434
  16. package/dist/css/tabler-vendors.min.css +5 -5
  17. package/dist/css/tabler-vendors.rtl.css +890 -434
  18. package/dist/css/tabler-vendors.rtl.min.css +5 -5
  19. package/dist/css/tabler.css +13220 -7067
  20. package/dist/css/tabler.min.css +10 -5
  21. package/dist/css/tabler.rtl.css +13218 -7066
  22. package/dist/css/tabler.rtl.min.css +10 -5
  23. package/dist/fonts/inter-v7-latin-ext_latin-300.woff +0 -0
  24. package/dist/fonts/inter-v7-latin-ext_latin-300.woff2 +0 -0
  25. package/dist/fonts/inter-v7-latin-ext_latin-500.woff +0 -0
  26. package/dist/fonts/inter-v7-latin-ext_latin-500.woff2 +0 -0
  27. package/dist/fonts/inter-v7-latin-ext_latin-600.woff +0 -0
  28. package/dist/fonts/inter-v7-latin-ext_latin-600.woff2 +0 -0
  29. package/dist/fonts/inter-v7-latin-ext_latin-700.woff +0 -0
  30. package/dist/fonts/inter-v7-latin-ext_latin-700.woff2 +0 -0
  31. package/dist/fonts/inter-v7-latin-ext_latin-regular.woff +0 -0
  32. package/dist/fonts/inter-v7-latin-ext_latin-regular.woff2 +0 -0
  33. package/dist/js/demo.js +151 -0
  34. package/dist/js/demo.min.js +9 -0
  35. package/dist/js/tabler.esm.js +8086 -0
  36. package/dist/js/tabler.esm.min.js +9 -0
  37. package/dist/js/tabler.js +1701 -1634
  38. package/dist/js/tabler.min.js +5 -5
  39. package/dist/libs/apexcharts/dist/apexcharts.min.js +5 -5
  40. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
  41. package/dist/libs/countup.js/dist/countUp.js +3 -3
  42. package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +1 -0
  43. package/dist/libs/jsvectormap/dist/maps/world.js +1 -0
  44. package/dist/libs/litepicker/dist/litepicker.js +3 -3
  45. package/dist/libs/nouislider/dist/nouislider.min.js +1 -0
  46. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +302 -0
  47. package/package.json +87 -29
  48. package/src/js/demo.js +97 -0
  49. package/src/js/src/dropdown.js +0 -31
  50. package/src/js/src/tab.js +2 -0
  51. package/src/js/tabler.esm.js +10 -0
  52. package/src/js/tabler.js +3 -2
  53. package/src/scss/_bootstrap-components.scss +3 -0
  54. package/src/scss/_bootstrap-config.scss +1 -0
  55. package/src/scss/{_tabler-core.scss → _core.scss} +4 -2
  56. package/src/scss/_utilities.scss +12 -23
  57. package/src/scss/_variables.scss +114 -81
  58. package/src/scss/demo/_examples.scss +10 -1
  59. package/src/scss/demo/_highlight.scss +0 -1
  60. package/src/scss/demo.scss +33 -4
  61. package/src/scss/fonts/_webfonts.scss +51 -6
  62. package/src/scss/layout/_core.scss +23 -5
  63. package/src/scss/layout/_dark.scss +177 -0
  64. package/src/scss/layout/_navbar.scss +9 -7
  65. package/src/scss/layout/_page.scss +1 -1
  66. package/src/scss/mixins/_functions.scss +16 -6
  67. package/src/scss/mixins/_mixins.scss +22 -33
  68. package/src/scss/tabler-vendors.scss +3 -1
  69. package/src/scss/tabler.scss +1 -1
  70. package/src/scss/ui/_accordion.scss +1 -0
  71. package/src/scss/ui/_alerts.scss +1 -1
  72. package/src/scss/ui/_avatars.scss +9 -12
  73. package/src/scss/ui/_badges.scss +11 -9
  74. package/src/scss/ui/_breadcrumbs.scss +1 -3
  75. package/src/scss/ui/_buttons.scss +73 -43
  76. package/src/scss/ui/_calendars.scss +3 -3
  77. package/src/scss/ui/_cards.scss +158 -67
  78. package/src/scss/ui/_dropdowns.scss +1 -0
  79. package/src/scss/ui/_flags.scss +1 -1
  80. package/src/scss/ui/_forms.scss +9 -10
  81. package/src/scss/ui/_grid.scss +16 -2
  82. package/src/scss/ui/_icons.scss +1 -1
  83. package/src/scss/ui/_images.scss +1 -1
  84. package/src/scss/ui/_legend.scss +1 -1
  85. package/src/scss/ui/_lists.scss +2 -2
  86. package/src/scss/ui/_markdown.scss +1 -0
  87. package/src/scss/ui/_modals.scss +2 -2
  88. package/src/scss/ui/_nav.scss +3 -7
  89. package/src/scss/ui/_offcanvas.scss +21 -0
  90. package/src/scss/ui/_placeholder.scss +9 -0
  91. package/src/scss/ui/_progress.scss +2 -1
  92. package/src/scss/ui/_ribbons.scss +2 -2
  93. package/src/scss/ui/_status.scss +172 -0
  94. package/src/scss/ui/_steps.scss +2 -2
  95. package/src/scss/ui/_switch-icon.scss +5 -5
  96. package/src/scss/ui/_tables.scss +4 -2
  97. package/src/scss/ui/_type.scss +1 -1
  98. package/src/scss/ui/forms/_form-check.scss +3 -3
  99. package/src/scss/ui/forms/_form-colorinput.scss +1 -1
  100. package/src/scss/ui/forms/_form-imagecheck.scss +5 -5
  101. package/src/scss/ui/forms/_form-selectgroup.scss +9 -3
  102. package/src/scss/ui/forms/_validation.scss +1 -1
  103. package/src/scss/utils/_background.scss +2 -2
  104. package/src/scss/utils/_colors.scss +6 -21
  105. package/src/scss/utils/_opacity.scss +1 -1
  106. package/src/scss/vendor/_apexcharts.scss +2 -0
  107. package/src/scss/vendor/_jsvectormap.scss +48 -0
  108. package/src/scss/vendor/_litepicker.scss +8 -3
  109. package/src/scss/vendor/_nouislider.scss +2 -2
  110. package/src/scss/vendor/_tom-select.scss +12 -0
  111. package/dist/libs/choices.js/public/assets/scripts/choices.js +0 -5603
  112. package/src/scss/_dark.scss +0 -105
  113. package/src/scss/ui/_skeleton.scss +0 -98
  114. package/src/scss/vendor/_choices.scss +0 -61
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta3 (https://tabler.io)
3
- * @version 1.0.0-beta3
2
+ * Tabler v1.0.0-beta8 (https://tabler.io)
3
+ * @version 1.0.0-beta8
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
9
  /* Functional styling;
@@ -19,23 +19,27 @@
19
19
  -ms-user-select: none;
20
20
  -moz-user-select: none;
21
21
  user-select: none;
22
- box-sizing: border-box; }
22
+ box-sizing: border-box;
23
+ }
23
24
 
24
25
  .noUi-target {
25
- position: relative; }
26
+ position: relative;
27
+ }
26
28
 
27
29
  .noUi-base,
28
30
  .noUi-connects {
29
31
  width: 100%;
30
32
  height: 100%;
31
33
  position: relative;
32
- z-index: 1; }
34
+ z-index: 1;
35
+ }
33
36
 
34
37
  /* Wrapper for all connect elements.
35
38
  */
36
39
  .noUi-connects {
37
40
  overflow: hidden;
38
- z-index: 0; }
41
+ z-index: 0;
42
+ }
39
43
 
40
44
  .noUi-connect,
41
45
  .noUi-origin {
@@ -44,74 +48,82 @@
44
48
  z-index: 1;
45
49
  top: 0;
46
50
  left: 0;
51
+ height: 100%;
52
+ width: 100%;
47
53
  -ms-transform-origin: 100% 0;
48
54
  -webkit-transform-origin: 100% 0;
49
55
  -webkit-transform-style: preserve-3d;
50
56
  transform-origin: 100% 0;
51
- transform-style: flat; }
52
-
53
- .noUi-connect {
54
- height: 100%;
55
- width: 100%; }
56
-
57
- .noUi-origin {
58
- height: 10%;
59
- width: 10%; }
57
+ transform-style: flat;
58
+ }
60
59
 
61
60
  /* Offset direction
62
61
  */
63
62
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
64
63
  right: 0;
65
- left: auto; }
64
+ left: auto;
65
+ }
66
66
 
67
67
  /* Give origins 0 height/width so they don't interfere with clicking the
68
68
  * connect elements.
69
69
  */
70
70
  .noUi-vertical .noUi-origin {
71
- width: 0; }
71
+ top: -100%;
72
+ width: 0;
73
+ }
72
74
 
73
75
  .noUi-horizontal .noUi-origin {
74
- height: 0; }
76
+ height: 0;
77
+ }
75
78
 
76
79
  .noUi-handle {
77
80
  -webkit-backface-visibility: hidden;
78
81
  backface-visibility: hidden;
79
- position: absolute; }
82
+ position: absolute;
83
+ }
80
84
 
81
85
  .noUi-touch-area {
82
86
  height: 100%;
83
- width: 100%; }
87
+ width: 100%;
88
+ }
84
89
 
85
90
  .noUi-state-tap .noUi-connect,
86
91
  .noUi-state-tap .noUi-origin {
87
- transition: transform 0.3s; }
92
+ transition: transform 0.3s;
93
+ }
88
94
 
89
95
  .noUi-state-drag * {
90
- cursor: inherit !important; }
96
+ cursor: inherit !important;
97
+ }
91
98
 
92
99
  /* Slider size and handle placement;
93
100
  */
94
101
  .noUi-horizontal {
95
- height: 18px; }
102
+ height: 18px;
103
+ }
96
104
 
97
105
  .noUi-horizontal .noUi-handle {
98
106
  width: 34px;
99
107
  height: 28px;
100
108
  left: -17px;
101
- top: -6px; }
109
+ top: -6px;
110
+ }
102
111
 
103
112
  .noUi-vertical {
104
- width: 18px; }
113
+ width: 18px;
114
+ }
105
115
 
106
116
  .noUi-vertical .noUi-handle {
107
117
  width: 28px;
108
118
  height: 34px;
109
119
  left: -6px;
110
- top: -17px; }
120
+ bottom: -17px;
121
+ }
111
122
 
112
123
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
113
124
  right: -17px;
114
- left: auto; }
125
+ left: auto;
126
+ }
115
127
 
116
128
  /* Styling;
117
129
  * Giving the connect element a border radius causes issues with using transform: scale
@@ -120,31 +132,38 @@
120
132
  background: #FAFAFA;
121
133
  border-radius: 4px;
122
134
  border: 1px solid #D3D3D3;
123
- 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
+ }
124
137
 
125
138
  .noUi-connects {
126
- border-radius: 3px; }
139
+ border-radius: 3px;
140
+ }
127
141
 
128
142
  .noUi-connect {
129
- background: #3FB8AF; }
143
+ background: #3FB8AF;
144
+ }
130
145
 
131
146
  /* Handles and cursors;
132
147
  */
133
148
  .noUi-draggable {
134
- cursor: ew-resize; }
149
+ cursor: ew-resize;
150
+ }
135
151
 
136
152
  .noUi-vertical .noUi-draggable {
137
- cursor: ns-resize; }
153
+ cursor: ns-resize;
154
+ }
138
155
 
139
156
  .noUi-handle {
140
157
  border: 1px solid #D9D9D9;
141
158
  border-radius: 3px;
142
159
  background: #FFF;
143
160
  cursor: default;
144
- 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
+ }
145
163
 
146
164
  .noUi-active {
147
- 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
+ }
148
167
 
149
168
  /* Handle stripes;
150
169
  */
@@ -157,41 +176,49 @@
157
176
  width: 1px;
158
177
  background: #E8E7E6;
159
178
  right: 14px;
160
- top: 6px; }
179
+ top: 6px;
180
+ }
161
181
 
162
182
  .noUi-handle:after {
163
- right: 17px; }
183
+ right: 17px;
184
+ }
164
185
 
165
186
  .noUi-vertical .noUi-handle:before,
166
187
  .noUi-vertical .noUi-handle:after {
167
188
  width: 14px;
168
189
  height: 1px;
169
190
  right: 6px;
170
- top: 14px; }
191
+ top: 14px;
192
+ }
171
193
 
172
194
  .noUi-vertical .noUi-handle:after {
173
- top: 17px; }
195
+ top: 17px;
196
+ }
174
197
 
175
198
  /* Disabled state;
176
199
  */
177
200
  [disabled] .noUi-connect {
178
- background: #B8B8B8; }
201
+ background: #B8B8B8;
202
+ }
179
203
 
180
204
  [disabled].noUi-target,
181
205
  [disabled].noUi-handle,
182
206
  [disabled] .noUi-handle {
183
- cursor: not-allowed; }
207
+ cursor: not-allowed;
208
+ }
184
209
 
185
210
  /* Base;
186
211
  *
187
212
  */
188
213
  .noUi-pips,
189
214
  .noUi-pips * {
190
- box-sizing: border-box; }
215
+ box-sizing: border-box;
216
+ }
191
217
 
192
218
  .noUi-pips {
193
219
  position: absolute;
194
- color: #999; }
220
+ color: #999;
221
+ }
195
222
 
196
223
  /* Values;
197
224
  *
@@ -199,24 +226,29 @@
199
226
  .noUi-value {
200
227
  position: absolute;
201
228
  white-space: nowrap;
202
- text-align: center; }
229
+ text-align: center;
230
+ }
203
231
 
204
232
  .noUi-value-sub {
205
233
  color: #ccc;
206
- font-size: 10px; }
234
+ font-size: 10px;
235
+ }
207
236
 
208
237
  /* Markings;
209
238
  *
210
239
  */
211
240
  .noUi-marker {
212
241
  position: absolute;
213
- background: #CCC; }
242
+ background: #CCC;
243
+ }
214
244
 
215
245
  .noUi-marker-sub {
216
- background: #AAA; }
246
+ background: #AAA;
247
+ }
217
248
 
218
249
  .noUi-marker-large {
219
- background: #AAA; }
250
+ background: #AAA;
251
+ }
220
252
 
221
253
  /* Horizontal layout;
222
254
  *
@@ -226,24 +258,30 @@
226
258
  height: 80px;
227
259
  top: 100%;
228
260
  right: 0;
229
- width: 100%; }
261
+ width: 100%;
262
+ }
230
263
 
231
264
  .noUi-value-horizontal {
232
- transform: translate(50%, 50%); }
265
+ transform: translate(50%, 50%);
266
+ }
233
267
 
234
268
  .noUi-rtl .noUi-value-horizontal {
235
- transform: translate(-50%, 50%); }
269
+ transform: translate(-50%, 50%);
270
+ }
236
271
 
237
272
  .noUi-marker-horizontal.noUi-marker {
238
273
  margin-right: -1px;
239
274
  width: 2px;
240
- height: 5px; }
275
+ height: 5px;
276
+ }
241
277
 
242
278
  .noUi-marker-horizontal.noUi-marker-sub {
243
- height: 10px; }
279
+ height: 10px;
280
+ }
244
281
 
245
282
  .noUi-marker-horizontal.noUi-marker-large {
246
- height: 15px; }
283
+ height: 15px;
284
+ }
247
285
 
248
286
  /* Vertical layout;
249
287
  *
@@ -252,25 +290,31 @@
252
290
  padding: 0 10px;
253
291
  height: 100%;
254
292
  top: 0;
255
- right: 100%; }
293
+ right: 100%;
294
+ }
256
295
 
257
296
  .noUi-value-vertical {
258
297
  transform: translate(0, -50%);
259
- padding-right: 25px; }
298
+ padding-right: 25px;
299
+ }
260
300
 
261
301
  .noUi-rtl .noUi-value-vertical {
262
- transform: translate(0, 50%); }
302
+ transform: translate(0, 50%);
303
+ }
263
304
 
264
305
  .noUi-marker-vertical.noUi-marker {
265
306
  width: 5px;
266
307
  height: 2px;
267
- margin-top: -1px; }
308
+ margin-top: -1px;
309
+ }
268
310
 
269
311
  .noUi-marker-vertical.noUi-marker-sub {
270
- width: 10px; }
312
+ width: 10px;
313
+ }
271
314
 
272
315
  .noUi-marker-vertical.noUi-marker-large {
273
- width: 15px; }
316
+ width: 15px;
317
+ }
274
318
 
275
319
  .noUi-tooltip {
276
320
  display: block;
@@ -281,451 +325,863 @@
281
325
  color: #000;
282
326
  padding: 5px;
283
327
  text-align: center;
284
- white-space: nowrap; }
328
+ white-space: nowrap;
329
+ }
285
330
 
286
331
  .noUi-horizontal .noUi-tooltip {
287
332
  transform: translate(50%, 0);
288
333
  right: 50%;
289
- bottom: 120%; }
334
+ bottom: 120%;
335
+ }
290
336
 
291
337
  .noUi-vertical .noUi-tooltip {
292
338
  transform: translate(0, -50%);
293
339
  top: 50%;
294
- left: 120%; }
340
+ left: 120%;
341
+ }
295
342
 
296
343
  .noUi-horizontal .noUi-origin > .noUi-tooltip {
297
344
  transform: translate(-50%, 0);
298
345
  right: auto;
299
- bottom: 10px; }
346
+ bottom: 10px;
347
+ }
300
348
 
301
349
  .noUi-vertical .noUi-origin > .noUi-tooltip {
302
350
  transform: translate(0, -18px);
303
351
  top: auto;
304
- left: 28px; }
352
+ left: 28px;
353
+ }
305
354
 
306
355
  .noUi-target {
307
356
  border: 0;
308
357
  box-shadow: none;
309
358
  background: none;
310
359
  border-radius: 0;
311
- color: #206bc4; }
360
+ color: #206bc4;
361
+ }
312
362
 
313
363
  .noUi-horizontal {
314
364
  height: 1.25rem;
315
- padding: .5rem 0; }
365
+ padding: 0.5rem 0;
366
+ }
316
367
 
317
368
  .noUi-base {
318
- background: rgba(169, 174, 182, 0.24);
319
- border-radius: 1rem; }
369
+ background: var(--tblr-border-color-light);
370
+ border-radius: 1rem;
371
+ }
320
372
 
321
373
  .noUi-handle {
322
374
  width: 1rem;
323
375
  height: 1rem;
324
- border: 2px solid #ffffff;
376
+ border: 2px solid var(--tblr-border-color-light);
325
377
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
326
378
  border-radius: 1rem;
327
379
  background: currentColor;
328
- outline: 0; }
329
- .noUi-handle:before, .noUi-handle:after {
330
- content: none; }
331
- .noUi-horizontal .noUi-handle {
332
- width: 1rem;
333
- height: 1rem;
334
- top: -0.5rem;
335
- left: -0.5rem;
336
- margin: 1px 0 0 1px; }
337
- .noUi-handle.noUi-active, .noUi-handle:focus {
338
- 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
+ left: -0.5rem;
390
+ margin: 1px 0 0 1px;
391
+ }
392
+ .noUi-handle.noUi-active, .noUi-handle:focus {
393
+ box-shadow: 0 0 0 1px #fafbfc, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
394
+ }
339
395
 
340
396
  .noUi-connect {
341
- background: currentColor; }
397
+ background: currentColor;
398
+ }
342
399
 
343
400
  .litepicker {
344
- --litepicker-month-weekday-color: #656d77;
345
- --litepicker-button-prev-month-color: #656d77;
346
- --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;
347
404
  --litepicker-button-prev-month-color-hover: #206bc4;
348
405
  --litepicker-button-next-month-color-hover: #206bc4;
406
+ --litepicker-day-color: var(--tblr-body-color);
349
407
  --litepicker-day-color-hover: #206bc4;
350
408
  --litepicker-is-end-color-bg: #206bc4;
351
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);
352
412
  font: inherit;
353
413
  -webkit-user-select: none;
354
414
  -moz-user-select: none;
355
415
  -ms-user-select: none;
356
- user-select: none; }
357
- .litepicker svg {
358
- fill: none !important; }
359
- .litepicker .container__months {
360
- border: 1px solid rgba(101, 109, 119, 0.16);
361
- border-radius: 4px;
362
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
363
- .litepicker .container__months .month-item-name,
364
- .litepicker .container__months .month-item-year {
365
- font-weight: 500 !important; }
366
- .litepicker .container__months .button-next-month,
367
- .litepicker .container__months .button-prev-month {
368
- cursor: pointer !important; }
369
- .litepicker .container__months .month-item-weekdays-row > div {
370
- padding: .5rem 0 !important;
371
- 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) {
372
444
  .litepicker .container__days .day-item {
373
- cursor: pointer !important;
374
- padding: .5rem 0 !important;
375
- transition: .3s color, .3s background-color, .3s border-color; }
376
- .datepicker-inline .litepicker .container__months {
377
- box-shadow: none; }
378
-
379
- /*===============================
380
- = Choices =
381
- ===============================*/
382
- .choices {
383
- position: relative;
384
- margin-bottom: 24px;
385
- font-size: 16px; }
386
-
387
- .choices:focus {
388
- outline: none; }
389
-
390
- .choices:last-child {
391
- margin-bottom: 0; }
392
-
393
- .choices.is-disabled .choices__inner,
394
- .choices.is-disabled .choices__input {
395
- background-color: #eaeaea;
396
- cursor: not-allowed;
397
- -webkit-user-select: none;
398
- -ms-user-select: none;
399
- -moz-user-select: none;
400
- user-select: none; }
401
-
402
- .choices.is-disabled .choices__item {
403
- cursor: not-allowed; }
404
-
405
- .choices [hidden] {
406
- display: none !important; }
407
-
408
- .choices[data-type*='select-one'] {
409
- cursor: pointer; }
410
-
411
- .choices[data-type*='select-one'] .choices__inner {
412
- padding-bottom: 7.5px; }
445
+ transition: none;
446
+ }
447
+ }
448
+ .datepicker-inline .litepicker .container__months {
449
+ box-shadow: none;
450
+ }
413
451
 
414
- .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-left: 0.5rem;
486
+ }
487
+
488
+ .plugin-clear_button .ts-control {
489
+ padding-left: calc(1em + (3 * 5px)) !important;
490
+ }
491
+ .plugin-clear_button .clear-button {
492
+ opacity: 0;
493
+ position: absolute;
494
+ top: 0.4375rem;
495
+ left: calc(0.75rem - 5px);
496
+ margin-left: 0 !important;
497
+ background: transparent !important;
498
+ transition: opacity 0.5s;
499
+ cursor: pointer;
500
+ }
501
+ .plugin-clear_button.single .clear-button {
502
+ left: 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
+ left: 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;
415
537
  display: block;
538
+ padding: 0.4375rem 0.75rem;
539
+ box-shadow: none;
416
540
  width: 100%;
417
- padding: 10px;
418
- border-bottom: 1px solid #dddddd;
419
- background-color: #ffffff;
420
- margin: 0; }
421
-
422
- .choices[data-type*='select-one'] .choices__button {
423
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
424
- padding: 0;
425
- 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-left: 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-left: 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-left: 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-right: 1px solid #e6e7e9;
604
+ border-radius: 2px 0 0 2px;
605
+ box-sizing: border-box;
606
+ margin-right: 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-right-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-right-color: white;
619
+ }
620
+ .ts-wrapper.plugin-remove_button .remove-single {
426
621
  position: absolute;
427
- top: 50%;
428
622
  left: 0;
429
- margin-top: -10px;
430
- margin-left: 25px;
431
- height: 20px;
432
- width: 20px;
433
- border-radius: 10em;
434
- opacity: 0.5; }
435
-
436
- .choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
437
- opacity: 1; }
438
-
439
- .choices[data-type*='select-one'] .choices__button:focus {
440
- box-shadow: 0px 0px 0px 2px #00bcd4; }
441
-
442
- .choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
443
- display: none; }
444
-
445
- .choices[data-type*='select-one']:after {
446
- content: '';
447
- height: 0;
448
- width: 0;
449
- border-style: solid;
450
- border-color: #333333 transparent transparent transparent;
451
- border-width: 5px;
452
- position: absolute;
453
- left: 11.5px;
454
- top: 50%;
455
- margin-top: -2.5px;
456
- pointer-events: none; }
457
-
458
- .choices[data-type*='select-one'].is-open:after {
459
- border-color: transparent transparent #333333 transparent;
460
- margin-top: -7.5px; }
461
-
462
- .choices[data-type*='select-one'][dir='rtl']:after {
463
- right: 11.5px;
464
- left: auto; }
465
-
466
- .choices[data-type*='select-one'][dir='rtl'] .choices__button {
467
- left: auto;
468
- right: 0;
469
- margin-right: 25px;
470
- margin-left: 0; }
471
-
472
- .choices[data-type*='select-multiple'] .choices__inner,
473
- .choices[data-type*='text'] .choices__inner {
474
- cursor: text; }
623
+ top: 0;
624
+ font-size: 23px;
625
+ }
475
626
 
476
- .choices[data-type*='select-multiple'] .choices__button,
477
- .choices[data-type*='text'] .choices__button {
627
+ .ts-wrapper {
478
628
  position: relative;
479
- display: inline-block;
480
- margin-top: 0;
481
- margin-left: -4px;
482
- margin-bottom: 0;
483
- margin-right: 8px;
484
- padding-right: 16px;
485
- border-right: 1px solid #008fa1;
486
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
487
- background-size: 8px;
488
- width: 8px;
489
- line-height: 1;
490
- opacity: 0.75;
491
- border-radius: 0; }
492
-
493
- .choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
494
- .choices[data-type*='text'] .choices__button:hover,
495
- .choices[data-type*='text'] .choices__button:focus {
496
- opacity: 1; }
629
+ }
497
630
 
498
- .choices__inner {
499
- display: inline-block;
500
- 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;
501
650
  width: 100%;
502
- background-color: #f9f9f9;
503
- padding: 7.5px 7.5px 3.75px;
504
- border: 1px solid #dddddd;
505
- border-radius: 2.5px;
506
- font-size: 14px;
507
- min-height: 44px;
508
- overflow: hidden; }
509
-
510
- .is-focused .choices__inner,
511
- .is-open .choices__inner {
512
- border-color: #b7b7b7; }
513
-
514
- .is-open .choices__inner {
515
- border-radius: 2.5px 2.5px 0 0; }
516
-
517
- .is-flipped.is-open .choices__inner {
518
- border-radius: 0 0 2.5px 2.5px; }
519
-
520
- .choices__list {
521
- margin: 0;
522
- padding-right: 0;
523
- list-style: none; }
524
-
525
- .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;
526
674
  display: inline-block;
527
- padding: 4px 4px 4px 16px;
528
- width: 100%; }
529
-
530
- [dir='rtl'] .choices__list--single {
531
- padding-left: 4px;
532
- padding-right: 16px; }
533
-
534
- .choices__list--single .choices__item {
535
- width: 100%; }
536
-
537
- .choices__list--multiple {
538
- display: inline; }
675
+ }
676
+ .ts-wrapper.multi .ts-control > div {
677
+ cursor: pointer;
678
+ margin: 0 0 3px 3px;
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: left;
724
+ }
725
+ .ts-control.rtl.single .ts-control:after {
726
+ right: calc(0.75rem + 5px);
727
+ left: auto;
728
+ }
729
+ .ts-control.rtl .ts-control > input {
730
+ margin: 0 -2px 0 4px !important;
731
+ }
732
+ .disabled .ts-control {
733
+ opacity: 0.5;
734
+ background-color: #fafbfc;
735
+ }
736
+ .input-hidden .ts-control > input {
737
+ opacity: 0;
738
+ position: absolute;
739
+ right: -10000px;
740
+ }
539
741
 
540
- .choices__list--multiple .choices__item {
541
- display: inline-block;
542
- vertical-align: middle;
543
- border-radius: 20px;
544
- padding: 4px 10px;
545
- font-size: 12px;
546
- font-weight: 500;
547
- margin-left: 3.75px;
548
- margin-bottom: 3.75px;
549
- background-color: #00bcd4;
550
- border: 1px solid #00a5bb;
551
- color: #ffffff;
552
- word-break: break-all;
553
- box-sizing: border-box; }
554
-
555
- .choices__list--multiple .choices__item[data-deletable] {
556
- padding-left: 5px; }
557
-
558
- [dir='rtl'] .choices__list--multiple .choices__item {
559
- margin-left: 0;
560
- margin-right: 3.75px; }
561
-
562
- .choices__list--multiple .choices__item.is-highlighted {
563
- background-color: #00a5bb;
564
- border: 1px solid #008fa1; }
565
-
566
- .is-disabled .choices__list--multiple .choices__item {
567
- background-color: #aaaaaa;
568
- border: 1px solid #919191; }
569
-
570
- .choices__list--dropdown {
571
- visibility: hidden;
572
- z-index: 1;
742
+ .ts-dropdown {
573
743
  position: absolute;
574
- width: 100%;
575
- background-color: #ffffff;
576
- border: 1px solid #dddddd;
577
744
  top: 100%;
578
- margin-top: -1px;
579
- border-bottom-right-radius: 2.5px;
580
- border-bottom-left-radius: 2.5px;
745
+ right: 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;
581
885
  overflow: hidden;
582
- word-break: break-all;
583
- will-change: visibility; }
886
+ border-top: 1px solid rgba(98, 105, 118, 0.16);
887
+ margin-right: -0.75rem;
888
+ margin-left: -0.75rem;
889
+ }
890
+ .ts-dropdown .create {
891
+ padding-right: 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-right: calc(0.75rem - 5px);
956
+ padding-left: 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='%23a5a9b1' 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: left 0.75rem center;
978
+ background-size: 16px 12px;
979
+ padding-left: 2rem;
980
+ }
584
981
 
585
- .choices__list--dropdown.is-active {
586
- 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-right-radius: 0;
997
+ border-bottom-right-radius: 0;
998
+ }
999
+ .input-group > .ts-wrapper:not(:last-child) > .ts-control {
1000
+ border-top-left-radius: 0;
1001
+ border-bottom-left-radius: 0;
1002
+ }
1003
+
1004
+ .ts-input {
1005
+ color: inherit;
1006
+ }
1007
+
1008
+ .ts-control .dropdown-menu {
1009
+ width: 100%;
1010
+ height: auto;
1011
+ }
587
1012
 
588
- .is-open .choices__list--dropdown {
589
- border-color: #b7b7b7; }
1013
+ svg {
1014
+ touch-action: none;
1015
+ }
590
1016
 
591
- .is-flipped .choices__list--dropdown {
592
- top: auto;
593
- bottom: 100%;
594
- margin-top: 0;
595
- margin-bottom: -1px;
596
- 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
+ }
597
1023
 
598
- .choices__list--dropdown .choices__list {
1024
+ .jvm-container {
1025
+ touch-action: none;
599
1026
  position: relative;
600
- max-height: 300px;
601
- overflow: auto;
602
- -webkit-overflow-scrolling: touch;
603
- will-change: scroll-position; }
1027
+ overflow: hidden;
1028
+ height: 100%;
1029
+ width: 100%;
1030
+ }
604
1031
 
605
- .choices__list--dropdown .choices__item {
606
- position: relative;
607
- padding: 10px;
608
- font-size: 14px; }
609
-
610
- [dir='rtl'] .choices__list--dropdown .choices__item {
611
- text-align: left; }
612
-
613
- @media (min-width: 640px) {
614
- .choices__list--dropdown .choices__item--selectable {
615
- padding-left: 100px; }
616
- .choices__list--dropdown .choices__item--selectable:after {
617
- content: attr(data-select-text);
618
- font-size: 12px;
619
- opacity: 0;
620
- position: absolute;
621
- left: 10px;
622
- top: 50%;
623
- transform: translateY(-50%); }
624
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
625
- text-align: left;
626
- padding-right: 100px;
627
- padding-left: 10px; }
628
- [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
629
- left: auto;
630
- right: 10px; } }
631
-
632
- .choices__list--dropdown .choices__item--selectable.is-highlighted {
633
- background-color: #f2f2f2; }
634
-
635
- .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
636
- opacity: 0.5; }
637
-
638
- .choices__item {
639
- cursor: default; }
640
-
641
- .choices__item--selectable {
642
- cursor: pointer; }
643
-
644
- .choices__item--disabled {
645
- cursor: not-allowed;
646
- -webkit-user-select: none;
647
- -ms-user-select: none;
648
- -moz-user-select: none;
649
- user-select: none;
650
- 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
+ }
651
1044
 
652
- .choices__heading {
653
- font-weight: 600;
654
- font-size: 12px;
655
- padding: 10px;
656
- border-bottom: 1px solid #f7f7f7;
657
- color: gray; }
658
-
659
- .choices__button {
660
- text-indent: -9999px;
661
- -webkit-appearance: none;
662
- -moz-appearance: none;
663
- appearance: none;
664
- border: 0;
665
- background-color: transparent;
666
- background-repeat: no-repeat;
667
- background-position: center;
668
- cursor: pointer; }
1045
+ .jvm-tooltip.active {
1046
+ display: block;
1047
+ }
669
1048
 
670
- .choices__button:focus {
671
- 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
+ right: 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
+ left: 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-right: 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: right;
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: right;
1101
+ }
672
1102
 
673
- .choices__input {
674
- display: inline-block;
675
- vertical-align: baseline;
676
- background-color: #f9f9f9;
677
- font-size: 14px;
678
- margin-bottom: 5px;
679
- border: 0;
680
- border-radius: 0;
681
- max-width: 100%;
682
- padding: 4px 2px 4px 0; }
1103
+ .jvm-series-container .jvm-legend .jvm-legend-inner {
1104
+ overflow: hidden;
1105
+ }
683
1106
 
684
- .choices__input:focus {
685
- outline: 0; }
1107
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1108
+ overflow: hidden;
1109
+ min-width: 40px;
1110
+ }
686
1111
 
687
- [dir='rtl'] .choices__input {
688
- padding-left: 2px;
689
- padding-right: 0; }
1112
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
1113
+ margin-top: 0.575rem;
1114
+ }
690
1115
 
691
- .choices__placeholder {
692
- 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-left: 0.65rem;
1119
+ height: 16px;
1120
+ width: 16px;
1121
+ float: right;
1122
+ }
693
1123
 
694
- /*===== End of Choices ======*/
695
- .choices {
696
- margin: 0;
697
- font-size: inherit;
698
- position: relative;
699
- cursor: pointer; }
700
- .choices:focus {
701
- outline: none; }
702
- .choices:after {
703
- content: none !important; }
704
- .choices.is-focused .form-select {
705
- border-color: #90b5e2;
706
- box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
707
- .choices .dropdown-menu {
708
- width: 100%;
709
- height: auto; }
710
- .choices .dropdown-menu .choices__list {
711
- max-height: 13rem;
712
- overflow-x: hidden; }
713
- .choices .dropdown-menu .dropdown-item {
714
- padding-right: 0.75rem;
715
- padding-left: 0.75rem; }
716
- .choices .dropdown-menu .dropdown-item.active {
717
- background: transparent;
718
- color: inherit; }
719
- .choices .dropdown-menu .dropdown-item.is-highlighted {
720
- color: #206bc4;
721
- background-color: rgba(32, 107, 196, 0.06); }
722
-
723
- .choices__placeholder {
724
- color: #a7abb1;
725
- opacity: 1; }
726
-
727
- .choices__list--single {
728
- padding: 0; }
729
-
730
- .choices__list--dropdown .choices__item--selectable:after {
731
- 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: right;
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-tooltip {
1146
+ background: #1e293b;
1147
+ font-family: inherit;
1148
+ font-size: 0.75rem;
1149
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
1150
+ }
1151
+
1152
+ .jvm-series-container .jvm-legend .jvm-legend-title {
1153
+ border-bottom: 0;
1154
+ font-weight: 500;
1155
+ }
1156
+
1157
+ .jvm-series-container .jvm-legend {
1158
+ background-color: var(--tblr-card-bg);
1159
+ border: 1px solid var(--tblr-border-color);
1160
+ min-width: 8rem;
1161
+ }
1162
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
1163
+ display: flex;
1164
+ align-items: center;
1165
+ }
1166
+ .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
1167
+ width: 0.75rem;
1168
+ height: 0.75rem;
1169
+ }
1170
+
1171
+ .jvm-zoom-btn {
1172
+ border: 1px solid var(--tblr-border-color);
1173
+ background: var(--tblr-card-bg);
1174
+ color: var(--tblr-body-color);
1175
+ padding: 0;
1176
+ display: flex;
1177
+ align-items: center;
1178
+ justify-content: center;
1179
+ line-height: 1;
1180
+ width: 1.5rem;
1181
+ height: 1.5rem;
1182
+ font-size: 1rem;
1183
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0;
1184
+ }
1185
+ .jvm-zoom-btn.jvm-zoomout {
1186
+ top: 2.5rem;
1187
+ }