testio-tailwind 3.4.0 → 3.5.0

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 (12) hide show
  1. package/package.json +1 -1
  2. package/src/assets/stylesheets/app.css +48 -59
  3. package/src/assets/stylesheets/components/uploads.css +0 -107
  4. package/src/assets/stylesheets/plugin_themes/dropzone.css +107 -0
  5. package/src/assets/stylesheets/{components → plugin_themes}/tom_select.css +49 -15
  6. package/src/assets/stylesheets/{components → plugin_themes}/trix_editor.css +1 -1
  7. package/src/assets/stylesheets/tailwind_config.css +1 -2
  8. package/src/assets/stylesheets/tailwind_custom_utilities.css +25 -1
  9. package/src/assets/stylesheets/tailwind_theme_dark.css +2 -1
  10. package/src/static/app.bundled.js +1 -1
  11. /package/src/assets/stylesheets/{components → plugin_themes}/markdown_trix_styles.css +0 -0
  12. /package/src/assets/stylesheets/{components → plugin_themes}/select2.css +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "testio-tailwind",
3
- "version": "3.4.0",
3
+ "version": "3.5.0",
4
4
  "description": "Tailwind based design system for Test IO",
5
5
  "scripts": {
6
6
  "clean": "del dist --force",
package/src/assets/stylesheets/app.css CHANGED
@@ -9,93 +9,82 @@
9
9
 
10
10
  @import './components/reset.css' layer(base);
11
11
 
12
+
13
+ /*//// Plugin themes ////*/
12
14
  @import 'tom-select/dist/css/tom-select.css' layer(components);
13
15
  @import 'select2/dist/css/select2.css' layer(components);
14
16
  @import 'trix/dist/trix.css' layer(components);
17
+ @import './plugin_themes/tom_select.css' layer(components);
18
+ @import './plugin_themes/trix_editor.css' layer(components);
19
+ @import './plugin_themes/select2.css' layer(components);
20
+ @import './plugin_themes/markdown_trix_styles.css' layer(components);
15
21
 
16
-
22
+ /*//// Components ////*/
17
23
  @import './components/actionbar.css' layer(components);
18
- @import './components/buttons.css' layer(components);
24
+ @import './components/alerts.css' layer(components);
19
25
  @import './components/badges.css' layer(components);
20
- @import './components/cards.css' layer(components);
21
- @import './components/header.css' layer(components);
22
- @import './components/layout.css' layer(components);
23
- @import './components/sidebar.css' layer(components);
24
- @import './components/icons.css' layer(components);
25
- @import './components/iconfont.css' layer(components);
26
- @import './components/popover.css' layer(components);
27
- @import './components/typography.css' layer(components);
28
- @import './components/lists.css' layer(components);
29
- @import './components/sections.css' layer(components);
30
- @import './components/dropdown.css' layer(components);
31
- @import './components/list_item.css' layer(components);
32
- @import './components/task_issue_item.css' layer(components);
33
- @import './components/devices.css' layer(components);
34
- @import './components/images.css' layer(components);
35
26
  @import './components/banner_card.css' layer(components);
36
- @import './components/toggleswitch.css' layer(components);
37
- @import './components/selectable_token.css' layer(components);
27
+ @import './components/buttons.css' layer(components);
28
+ @import './components/cards.css' layer(components);
29
+ @import './components/chat.css' layer(components);
38
30
  @import './components/checkboxes_radiobuttons.css' layer(components);
39
- @import './components/form_grid.css' layer(components);
31
+ @import './components/devices.css' layer(components);
32
+ @import './components/drawer.css' layer(components);
33
+ @import './components/dropdown.css' layer(components);
34
+ @import './components/emptystate_message.css' layer(components);
40
35
  @import './components/form_card.css' layer(components);
36
+ @import './components/form_grid.css' layer(components);
41
37
  @import './components/forms.css' layer(components);
42
38
  @import './components/gallery.css' layer(components);
43
- @import './components/search.css' layer(components);
44
- @import './components/tom_select.css' layer(components);
45
- @import './components/trix_editor.css' layer(components);
46
- @import './components/uploads.css' layer(components);
47
- @import './components/radio_tabs.css' layer(components);
48
- @import './components/user_item.css' layer(components);
49
- @import './components/alerts.css' layer(components);
50
- @import './components/tags.css' layer(components);
51
- @import './components/markdown_trix_styles.css' layer(components);
52
- @import './components/tabs.css' layer(components);
53
- @import './components/drawer.css' layer(components);
54
- @import './components/modals.css' layer(components);
55
- @import './components/progress.css' layer(components);
39
+ @import './components/header.css' layer(components);
40
+ @import './components/iconfont.css' layer(components);
41
+ @import './components/icons.css' layer(components);
42
+ @import './components/images.css' layer(components);
43
+ @import './components/layout.css' layer(components);
44
+ @import './components/list_item.css' layer(components);
45
+ @import './components/lists.css' layer(components);
56
46
  @import './components/loading_spinner.css' layer(components);
57
- @import './components/test_item.css' layer(components);
47
+ @import './components/metasidebar.css' layer(components);
58
48
  @import './components/metrics.css' layer(components);
49
+ @import './components/modals.css' layer(components);
50
+ @import './components/notifications.css' layer(components);
51
+ @import './components/popover.css' layer(components);
52
+ @import './components/progress.css' layer(components);
53
+ @import './components/radio_tabs.css' layer(components);
54
+ @import './components/ratingscale.css' layer(components);
59
55
  @import './components/resultmodule.css' layer(components);
60
- @import './components/chat.css' layer(components);
61
- @import './components/emptystate_message.css' layer(components);
56
+ @import './components/scrollbars.css' layer(components);
57
+ @import './components/search.css' layer(components);
58
+ @import './components/sections.css' layer(components);
59
+ @import './components/select.css' layer(components);
60
+ @import './components/selectable_token.css' layer(components);
61
+ @import './components/sidebar.css' layer(components);
62
62
  @import './components/splitview.css' layer(components);
63
63
  @import './components/tables.css' layer(components);
64
- @import './components/metasidebar.css' layer(components);
65
- @import './components/notifications.css' layer(components);
66
- @import './components/select2.css' layer(components);
67
- @import './components/select.css' layer(components);
64
+ @import './components/tabs.css' layer(components);
65
+ @import './components/tags.css' layer(components);
66
+ @import './components/task_issue_item.css' layer(components);
68
67
  @import './components/test_header.css' layer(components);
69
- @import './components/ratingscale.css' layer(components);
70
- @import './components/scrollbars.css' layer(components);
68
+ @import './components/test_item.css' layer(components);
69
+ @import './components/toggleswitch.css' layer(components);
70
+ @import './components/typography.css' layer(components);
71
+ @import './components/uploads.css' layer(components);
72
+ @import './components/user_item.css' layer(components);
71
73
 
74
+ /*//// Customer components ////*/
72
75
  @import './components/customer/customer_header.css' layer(components);
73
76
  @import './components/customer/customer_sidebar.css' layer(components);
74
77
  @import './components/customer/customer_productcards.css' layer(components);
75
78
 
79
+ /*//// Tester components ////*/
76
80
  @import './components/tester/tester_header.css' layer(components);
77
81
  @import './components/tester/tester_sidebar.css' layer(components);
78
82
  @import './components/tester/tester_cards.css' layer(components);
79
83
 
84
+ /*//// Manager components ////*/
80
85
  @import './components/manager/manager_header.css' layer(components);
81
86
  @import './components/manager/manager_sidebar.css' layer(components);
82
87
 
88
+ /*//// Design system styles ////*/
83
89
  @import './components/designsystem/designsystem-styles.css' layer(components);
84
90
 
85
- /*
86
- The default border color has changed to `currentcolor` in Tailwind CSS v4,
87
- so we've added these compatibility styles to make sure everything still
88
- looks the same as it did with Tailwind CSS v3.
89
-
90
- If we ever want to remove these styles, we need to add an explicit border
91
- color utility to any element that depends on these defaults.
92
- */
93
- @layer base {
94
- *,
95
- ::after,
96
- ::before,
97
- ::backdrop,
98
- ::file-selector-button {
99
- border-color: var(--color-gray-200, currentcolor);
100
- }
101
- }
package/src/assets/stylesheets/components/uploads.css CHANGED
@@ -86,110 +86,3 @@
86
86
  .attachment.selectable input:checked + label .attachment-thumb {
87
87
  @apply text-white bg-info border border-info hover:border-link-hover hover:bg-link-hover;
88
88
  }
89
-
90
- /* Dropzone plugin */
91
-
92
- .dropzone {
93
- @apply relative flex justify-center items-start flex-wrap min-h-xxl p-md border border-dashed border-primary rounded text-black hover:border-link-hover hover:text-link-hover cursor-pointer;
94
- }
95
-
96
- .dz-preview {
97
- @apply relative inline-flex flex-col h-auto w-xxl mr-0 border-0 bg-transparent overflow-hidden shadow-none;
98
-
99
- & .dz-details {
100
- @apply mt-xxs text-center text-xs text-black;
101
- font-weight: normal;
102
- white-space: normal;
103
- word-break: break-all;
104
- }
105
-
106
- & .dz-remove {
107
- @apply absolute flex justify-center items-center top-0 right-0 w-btn-sm h-btn-sm bg-danger rounded-tr hover:bg-link-hover;
108
- z-index: 2;
109
- }
110
-
111
- & .dz-remove::after {
112
- @apply inline-block h-icon-sm bg-white;
113
- content: "";
114
- width: 14px;
115
- mask-image: url("/assets/images/icons/remove.svg");
116
- mask-repeat: no-repeat;
117
- }
118
- }
119
-
120
- .dz-preview .dz-image {
121
- @apply relative flex justify-center items-center w-xxl h-xxl text-white bg-primary rounded overflow-hidden;
122
- border-image-width: 0;
123
- }
124
-
125
-
126
- /*/// Fallback image ///*/
127
-
128
- .dz-image::after {
129
- @apply absolute block top-0 left-0 w-full h-full;
130
- content: "";
131
- background-image: url("/assets/images/icons/attachment-fallbackimage.svg");
132
- background-size: cover;
133
- }
134
-
135
- .dz-preview .dz-image .icon {
136
- @apply text-icon-lg;
137
- }
138
-
139
- .dz-preview .dz-image img {
140
- @apply h-xxl min-w-full;
141
- z-index: 1;
142
- }
143
-
144
- .dz-filename {
145
- line-height: 1.1;
146
- }
147
-
148
- .dz-success-mark {
149
- display: none;
150
- }
151
-
152
- .dz-error-mark {
153
- display: none;
154
- }
155
-
156
- .dz-started {
157
- justify-content: start;
158
- }
159
-
160
- .dz-message {
161
- align-self: center;
162
- }
163
-
164
- .dz-started .dz-message {
165
- display: none;
166
- }
167
-
168
- .dz-error-message {
169
- @apply mt-xxs text-danger text-xs;
170
- }
171
-
172
- .dropzone-msg-title {
173
- @apply text-center;
174
- }
175
-
176
- .dropzone-msg-desc {
177
- @apply text-xs text-center;
178
- }
179
-
180
- .dz-size, .dz-size strong {
181
- @apply text-xs;
182
- }
183
-
184
- .dropzone.inverted {
185
- @apply text-white hover:text-link-hover;
186
- }
187
-
188
- .dropzone.inverted .dz-preview,
189
- .dropzone.inverted .dz-preview .dz-image {
190
- @apply text-white;
191
- }
192
-
193
- .dropzone.inverted .dz-details {
194
- @apply text-white;
195
- }
package/src/assets/stylesheets/plugin_themes/dropzone.css ADDED
@@ -0,0 +1,107 @@
1
+
2
+ /* Dropzone plugin */
3
+
4
+ .dropzone {
5
+ @apply relative flex justify-center items-start flex-wrap min-h-xxl p-md border border-dashed border-primary rounded text-black hover:border-link-hover hover:text-link-hover cursor-pointer;
6
+ }
7
+
8
+ .dz-preview {
9
+ @apply relative inline-flex flex-col h-auto w-xxl mr-0 border-0 bg-transparent overflow-hidden shadow-none;
10
+
11
+ & .dz-details {
12
+ @apply mt-xxs text-center text-xs text-black;
13
+ font-weight: normal;
14
+ white-space: normal;
15
+ word-break: break-all;
16
+ }
17
+
18
+ & .dz-remove {
19
+ @apply absolute flex justify-center items-center top-0 right-0 w-btn-sm h-btn-sm bg-danger rounded-tr hover:bg-link-hover;
20
+ z-index: 2;
21
+ }
22
+
23
+ & .dz-remove::after {
24
+ @apply inline-block h-icon-sm bg-white;
25
+ content: "";
26
+ width: 14px;
27
+ mask-image: url("/assets/images/icons/remove.svg");
28
+ mask-repeat: no-repeat;
29
+ }
30
+ }
31
+
32
+ .dz-preview .dz-image {
33
+ @apply relative flex justify-center items-center w-xxl h-xxl text-white bg-primary rounded overflow-hidden;
34
+ border-image-width: 0;
35
+ }
36
+
37
+
38
+ /*/// Fallback image ///*/
39
+
40
+ .dz-image::after {
41
+ @apply absolute block top-0 left-0 w-full h-full;
42
+ content: "";
43
+ background-image: url("/assets/images/icons/attachment-fallbackimage.svg");
44
+ background-size: cover;
45
+ }
46
+
47
+ .dz-preview .dz-image .icon {
48
+ @apply text-icon-lg;
49
+ }
50
+
51
+ .dz-preview .dz-image img {
52
+ @apply h-xxl min-w-full;
53
+ z-index: 1;
54
+ }
55
+
56
+ .dz-filename {
57
+ line-height: 1.1;
58
+ }
59
+
60
+ .dz-success-mark {
61
+ display: none;
62
+ }
63
+
64
+ .dz-error-mark {
65
+ display: none;
66
+ }
67
+
68
+ .dz-started {
69
+ justify-content: start;
70
+ }
71
+
72
+ .dz-message {
73
+ align-self: center;
74
+ }
75
+
76
+ .dz-started .dz-message {
77
+ display: none;
78
+ }
79
+
80
+ .dz-error-message {
81
+ @apply mt-xxs text-danger text-xs;
82
+ }
83
+
84
+ .dropzone-msg-title {
85
+ @apply text-center;
86
+ }
87
+
88
+ .dropzone-msg-desc {
89
+ @apply text-xs text-center;
90
+ }
91
+
92
+ .dz-size, .dz-size strong {
93
+ @apply text-xs;
94
+ }
95
+
96
+ .dropzone.inverted {
97
+ @apply text-white hover:text-link-hover;
98
+ }
99
+
100
+ .dropzone.inverted .dz-preview,
101
+ .dropzone.inverted .dz-preview .dz-image {
102
+ @apply text-white;
103
+ }
104
+
105
+ .dropzone.inverted .dz-details {
106
+ @apply text-white;
107
+ }
package/src/assets/stylesheets/{components → plugin_themes}/tom_select.css RENAMED
@@ -2,7 +2,7 @@
2
2
  /*///// Tom-Select theme https://tom-select.js.org /////*/
3
3
 
4
4
  .ts-control {
5
- @apply relative overflow-hidden flex w-full justify-start items-stretch min-h-btn py-xs pl-sm text-base rounded;
5
+ @apply relative overflow-hidden flex w-full justify-start items-stretch min-h-btn py-xs pl-sm text-base rounded text-white dark:text-white;
6
6
  padding-right: 40px !important;
7
7
  }
8
8
 
@@ -13,7 +13,7 @@
13
13
  .ts-control,
14
14
  .full .ts-control,
15
15
  .ts-wrapper.single.input-active .ts-control {
16
- @apply bg-primary dark:bg-card border-bordercolor cursor-pointer;
16
+ @apply bg-primary border-bordercolor cursor-pointer dark:text-white dark:bg-gray-700;
17
17
  &:hover {
18
18
  @apply bg-link-hover text-white;
19
19
  }
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  .ts-control input::placeholder {
26
- @apply text-placeholder italic text-base;
26
+ @apply text-placeholder dark:text-label-color italic text-base;
27
27
  }
28
28
 
29
29
  .ts-control::before {
@@ -48,7 +48,7 @@
48
48
  .form-select.inverted .ts-control:hover,
49
49
  .form-group.inverted .ts-control:hover,
50
50
  .multi-select.inverted .ts-control:hover {
51
- @apply bg-link-hover text-white cursor-pointer;
51
+ @apply bg-link-hover text-white dark:text-white cursor-pointer;
52
52
 
53
53
  &::before {
54
54
  @apply bg-link-hover;
@@ -64,7 +64,7 @@
64
64
  }
65
65
 
66
66
  .ts-wrapper .ts-dropdown {
67
- @apply m-0 bg-petrol-500 text-white border-0 overflow-hidden rounded-b;
67
+ @apply m-0 bg-petrol-500 dark:bg-gray-700 text-white border-0 overflow-hidden rounded-b;
68
68
  }
69
69
 
70
70
  .ts-dropdown-content {
@@ -79,10 +79,10 @@
79
79
  }
80
80
 
81
81
  .ts-dropdown .option.selected {
82
- @apply text-white bg-primary;
82
+ @apply text-white bg-primary dark:bg-gray-700;
83
83
 
84
84
  &::before {
85
- @apply inline-block w-icon h-icon mr-icon-spacing bg-white;
85
+ @apply inline-block w-icon h-icon mr-icon-spacing bg-white dark:bg-primary;
86
86
  content: "";
87
87
  mask-image: url("/assets/images/icons/check-circle-filled.svg");
88
88
  }
@@ -96,7 +96,9 @@
96
96
  /* Multi select item */
97
97
 
98
98
  .ts-wrapper.multi .ts-control div.item {
99
- @apply relative flex-row flex-grow-0 items-stretch mr-xxs mb-xxs pl-xxs pr-0 text-sm text-black bg-white rounded;
99
+ @apply relative flex-row flex-grow-0 items-stretch mr-xs pl-xs pr-0 text-sm text-black bg-white dark:text-white dark:bg-gray-600 rounded;
100
+ margin-top: 2px;
101
+ margin-bottom: 2px;
100
102
  line-height: 25px;
101
103
 
102
104
  a {
@@ -120,6 +122,11 @@
120
122
  }
121
123
  }
122
124
 
125
+ .ts-wrapper.multi.plugin-remove_button:not(.rtl) .item.active .remove,
126
+ .ts-wrapper.multi.plugin-remove_button:not(.rtl) .item .remove {
127
+ @apply dark:border-gray-700
128
+ }
129
+
123
130
  .ts-wrapper.multi .ts-control {
124
131
  padding-right: 40px !important;
125
132
  }
@@ -128,19 +135,40 @@
128
135
  @apply bg-link-hover;
129
136
  }
130
137
 
131
-
132
138
  .ts-wrapper .optgroup-header {
133
139
  @apply pt-xs px-sm pb-xxs text-sm text-gray-light bg-transparent;
134
140
  }
135
141
 
142
+ .ts-wrapper.multi .ts-control div.item.active {
143
+ @apply bg-gray-500;
144
+ }
145
+
136
146
 
137
147
  /*///// Validation errors /////*/
138
148
 
139
149
  .field_with_errors .ts-control,
140
150
  .field_with_errors .ts-wrapper.focus .ts-control,
141
151
  .form-select.inverted .field_with_errors .ts-control,
142
- .form-group.inverted .field_with_errors .ts-control {
143
- @apply bg-danger;
152
+ .form-group.inverted .field_with_errors .ts-control,
153
+ .field_with_errors .ts-control,
154
+ .field_with_errors .full .ts-control,
155
+ .field_with_errors .ts-wrapper.single.input-active .ts-control {
156
+ @apply bg-danger dark:bg-danger text-white;
157
+ }
158
+
159
+ .field_with_errors .ts-control:hover,
160
+ .field_with_errors .ts-wrapper.focus .ts-control:hover,
161
+ .form-select.inverted .field_with_errors .ts-control:hover,
162
+ .form-group.inverted .field_with_errors .ts-control:hover,
163
+ .field_with_errors .ts-control:hover,
164
+ .field_with_errors .full .ts-control:hover,
165
+ .field_with_errors .ts-wrapper.single.input-active .ts-control:hover {
166
+ @apply bg-link-hover dark:bg-link-hover text-white;
167
+ }
168
+
169
+
170
+ .field_with_errors input::placeholder {
171
+ @apply text-white;
144
172
  }
145
173
 
146
174
  .field_with_errors .ts-wrapper .ts-dropdown,
@@ -166,12 +194,15 @@
166
194
  /*///// Disabled /////*/
167
195
 
168
196
  .ts-wrapper.disabled .ts-control,
169
- .ts-wrapper.locked .ts-control {
170
- @apply text-disabled-dark border border-disabled cursor-not-allowed bg-transparent;
171
- background-image: url("/assets/images/pattern-striped-bright.png");
197
+ .ts-wrapper.locked .ts-control,
198
+ .ts-wrapper.disabled .ts-control,
199
+ .ts-wrapper.disabled .full .ts-control,
200
+ .ts-wrapper.single.input-active.disabled .ts-control,
201
+ .ts-wrapper.tom-select.single.disabled.locked .ts-control {
202
+ @apply text-disabled-dark border border-disabled cursor-not-allowed bg-transparent bg-pattern-disabled-bright dark:bg-pattern-disabled-dark;
172
203
  background-repeat: repeat;
173
204
  &:hover{
174
- @apply text-disabled;
205
+ @apply text-disabled bg-transparent cursor-not-allowed;
175
206
  }
176
207
  &::before {
177
208
  @apply bg-transparent;
@@ -179,6 +210,9 @@
179
210
  &::after {
180
211
  @apply bg-disabled-dark;
181
212
  }
213
+ & input {
214
+ @apply bg-transparent;
215
+ }
182
216
  & input::placeholder {
183
217
  @apply text-disabled-dark;
184
218
  }
package/src/assets/stylesheets/{components → plugin_themes}/trix_editor.css RENAMED
@@ -46,7 +46,7 @@ trix-toolbar .trix-button-row {
46
46
  }
47
47
 
48
48
  trix-toolbar .trix-button {
49
- @apply inline-flex justify-center items-center flex-shrink-0 w-btn-sm h-btn-sm min-w-btn-sm border-0 rounded bg-transparent;
49
+ @apply inline-flex justify-center items-center flex-shrink-0 w-btn-sm h-btn-sm min-w-btn-sm border-0 rounded-xs bg-transparent;
50
50
  font-size: 0; /* Fix for safari bug, we don't need to show any text in those buttons */
51
51
  &:hover,
52
52
  &:focus {
package/src/assets/stylesheets/tailwind_config.css CHANGED
@@ -278,8 +278,6 @@
278
278
  --max-w-card-xs: 5rem;
279
279
  --max-w-capped: 43.75rem;
280
280
  --shadow-DEFAULT: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.05);
281
- --background-image-pattern-disabled-bright: url('/assets/images/pattern-striped-bright.png');
282
- --background-image-pattern-disabled-dark: url('/assets/images/pattern-striped-dark.png');
283
281
 
284
282
  /*//// Grid ////*/
285
283
  --grid-cols-3-1: 3fr 1fr;
@@ -304,3 +302,4 @@
304
302
  --breakpoint-2xl: 1600px;
305
303
  --breakpoint-3xl: 1930px;
306
304
  }
305
+
package/src/assets/stylesheets/tailwind_custom_utilities.css CHANGED
@@ -265,4 +265,28 @@
265
265
  @utility grid-cols-auto { grid-template-columns: var(--grid-cols-auto); }
266
266
  @utility grid-cols-14 { grid-template-columns: var(--grid-cols-14); }
267
267
  @utility grid-rows-auto { grid-template-rows: var(--grid-rows-auto); }
268
- @utility grid-rows-auto-auto { grid-template-rows: var(--grid-rows-auto-auto); }
268
+ @utility grid-rows-auto-auto { grid-template-rows: var(--grid-rows-auto-auto); }
269
+
270
+
271
+ /* Background image */
272
+ @utility bg-pattern-disabled-bright { background-image: url('/assets/images/pattern-striped-bright.png'); }
273
+ @utility bg-pattern-disabled-dark { background-image: url('/assets/images/pattern-striped-dark.png'); }
274
+
275
+
276
+ /*
277
+ The default border color has changed to `currentcolor` in Tailwind CSS v4,
278
+ so we've added these compatibility styles to make sure everything still
279
+ looks the same as it did with Tailwind CSS v3.
280
+
281
+ If we ever want to remove these styles, we need to add an explicit border
282
+ color utility to any element that depends on these defaults.
283
+ */
284
+ @layer base {
285
+ *,
286
+ ::after,
287
+ ::before,
288
+ ::backdrop,
289
+ ::file-selector-button {
290
+ border-color: var(--color-gray-200, currentcolor);
291
+ }
292
+ }
package/src/assets/stylesheets/tailwind_theme_dark.css CHANGED
@@ -11,10 +11,11 @@
11
11
  --color-link-hover: #7954ff;
12
12
  --color-bordercolor: #343A40;
13
13
  --color-card: #262626;
14
- --color-disabled: #343A40;
14
+ --color-disabled: #5f656d;
15
15
  --color-listitem: #343A40;
16
16
  --color-placeholder: #5f656d;
17
17
  --color-tag: #5f656d;
18
+ --color-label-color: #bfc1c5;
18
19
 
19
20
  /*//// Border radius ////*/
20
21
  --radius: 12px;
package/src/static/app.bundled.js CHANGED
@@ -6471,7 +6471,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
6471
6471
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6472
6472
 
6473
6473
  "use strict";
6474
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var autosize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! autosize */ \"./node_modules/autosize/dist/autosize.esm.js\");\n/* harmony import */ var dropzone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dropzone */ \"./node_modules/dropzone/dist/dropzone.mjs\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var trix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! trix */ \"./node_modules/trix/dist/trix.esm.min.js\");\n/* harmony import */ var tom_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tom-select */ \"./node_modules/tom-select/dist/esm/tom-select.complete.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! select2 */ \"./node_modules/select2/dist/js/select2.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(select2__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _modules_colors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/colors */ \"./src/assets/scripts/modules/colors.js\");\n/* harmony import */ var _modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modules/echarts_horizontal */ \"./src/assets/scripts/modules/echarts_horizontal.js\");\n/* harmony import */ var _modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/echarts_donut */ \"./src/assets/scripts/modules/echarts_donut.js\");\n/* harmony import */ var _modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/echarts_gauge */ \"./src/assets/scripts/modules/echarts_gauge.js\");\n/* harmony import */ var _modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/echarts_area */ \"./src/assets/scripts/modules/echarts_area.js\");\n/* harmony import */ var _modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/echarts_vertical */ \"./src/assets/scripts/modules/echarts_vertical.js\");\n/* harmony import */ var _modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/echarts_line */ \"./src/assets/scripts/modules/echarts_line.js\");\n/* harmony import */ var _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/echarts_exampleseries */ \"./src/assets/scripts/modules/echarts_exampleseries.js\");\n/* harmony import */ var _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./modules/echarts_exampledata */ \"./src/assets/scripts/modules/echarts_exampledata.js\");\n\n\n\n\ntrix__WEBPACK_IMPORTED_MODULE_3__[\"default\"].config.lang.italic = \"Highlight\";\n\n// Close details/summary element by click\n\ndocument.querySelectorAll('.close-btn').forEach(el => {\n el.addEventListener(\"click\", function closeDetails() {\n this.closest(\"details\").removeAttribute(\"open\");\n });\n});\n\n////// Tom-Select https://tom-select.js.org //////\n\n\ndocument.querySelectorAll('.tom-select').forEach(el => {\n let settings = {};\n new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\ndocument.querySelectorAll('.tom-select-multi').forEach(el => {\n let settings = {\n plugins: {\n remove_button: {\n label: \"\",\n title: 'Remove this item'\n }\n },\n persist: false\n };\n new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\n\n////// Select2 https://select2.org //////\n\n\njquery__WEBPACK_IMPORTED_MODULE_2___default()(\".select2\").select2({\n theme: \"testio\",\n placeholder: \"Please select\"\n});\n\n// Autosize textareas according to content https://www.jacklmoore.com/autosize/\n\n(0,autosize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(document.querySelectorAll('textarea'));\n\n// Dropzone\n\ndocument.querySelectorAll('.dropzone').forEach(el => {\n let dropzone = new dropzone__WEBPACK_IMPORTED_MODULE_1__[\"default\"](el, {\n addRemoveLinks: true,\n uploadMultiple: true,\n autoQueue: false,\n dictCancelUpload: \"\",\n dictRemoveFile: \"\"\n });\n});\n\n// Animation examples\n\ndocument.querySelectorAll('.anim-example-button-fadeout').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-fadeout\");\n });\n});\ndocument.querySelectorAll('.anim-example-button-slideup').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-slideup\");\n });\n});\ndocument.querySelectorAll('.anim-example-button-slidedown').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-slidedown\");\n });\n});\n\n// Splitview demo\n\ndocument.querySelectorAll('#ds-splitview-demo-item').forEach(el => {\n el.addEventListener(\"click\", function selectSplitviewItem() {\n this.classList.toggle(\"selected\");\n document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n });\n});\ndocument.querySelectorAll('#ds-demo-close-splitview').forEach(el => {\n el.addEventListener(\"click\", function selectSplitviewItem() {\n document.getElementById(\"ds-splitview-demo-item\").classList.toggle(\"selected\");\n document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n });\n});\n\n// Initialize Trixeditor\n\ndocument.addEventListener(\"trix-before-initialize\", () => {\n // Change Trix.config if you need\n});\n\n////// ECharts //////\n\n\n\n\n\n\n\n\n\n\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesFew, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesFew, false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"340\", \"Bugs\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-testcases\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataTestCases, \"100\", \"Test Cases\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralDark);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeDanger, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeInfo, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/app.js?");
6474
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var autosize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! autosize */ \"./node_modules/autosize/dist/autosize.esm.js\");\n/* harmony import */ var dropzone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dropzone */ \"./node_modules/dropzone/dist/dropzone.mjs\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var trix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! trix */ \"./node_modules/trix/dist/trix.esm.min.js\");\n/* harmony import */ var tom_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tom-select */ \"./node_modules/tom-select/dist/esm/tom-select.complete.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! select2 */ \"./node_modules/select2/dist/js/select2.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(select2__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _modules_colors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/colors */ \"./src/assets/scripts/modules/colors.js\");\n/* harmony import */ var _modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modules/echarts_horizontal */ \"./src/assets/scripts/modules/echarts_horizontal.js\");\n/* harmony import */ var _modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/echarts_donut */ \"./src/assets/scripts/modules/echarts_donut.js\");\n/* harmony import */ var _modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/echarts_gauge */ \"./src/assets/scripts/modules/echarts_gauge.js\");\n/* harmony import */ var _modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/echarts_area */ \"./src/assets/scripts/modules/echarts_area.js\");\n/* harmony import */ var _modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/echarts_vertical */ \"./src/assets/scripts/modules/echarts_vertical.js\");\n/* harmony import */ var _modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/echarts_line */ \"./src/assets/scripts/modules/echarts_line.js\");\n/* harmony import */ var _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/echarts_exampleseries */ \"./src/assets/scripts/modules/echarts_exampleseries.js\");\n/* harmony import */ var _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./modules/echarts_exampledata */ \"./src/assets/scripts/modules/echarts_exampledata.js\");\n\n\n\n\ntrix__WEBPACK_IMPORTED_MODULE_3__[\"default\"].config.lang.italic = \"Highlight\";\n\n// Close details/summary element by click\n\ndocument.querySelectorAll('.close-btn').forEach(el => {\n el.addEventListener(\"click\", function closeDetails() {\n this.closest(\"details\").removeAttribute(\"open\");\n });\n});\n\n////// Tom-Select https://tom-select.js.org //////\n\n\ndocument.querySelectorAll('.tom-select').forEach(el => {\n let settings = {};\n new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\ndocument.querySelectorAll('.tom-select-multi').forEach(el => {\n let settings = {\n plugins: {\n remove_button: {\n label: \"\",\n title: 'Remove this item'\n }\n },\n persist: false\n };\n new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\n\n////// Select2 https://select2.org //////\n\n\njquery__WEBPACK_IMPORTED_MODULE_2___default()(\".select2\").select2({\n theme: \"testio\",\n placeholder: \"Please select\"\n});\n\n// Autosize textareas according to content https://www.jacklmoore.com/autosize/\n\n(0,autosize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(document.querySelectorAll('textarea'));\n\n// Dropzone\n\ndocument.querySelectorAll('.dropzone').forEach(el => {\n let dropzone = new dropzone__WEBPACK_IMPORTED_MODULE_1__[\"default\"](el, {\n addRemoveLinks: true,\n uploadMultiple: true,\n autoQueue: false,\n dictCancelUpload: \"\",\n dictRemoveFile: \"\"\n });\n});\n\n// Animation examples\n\ndocument.querySelectorAll('.anim-example-button-fadeout').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-fadeout\");\n });\n});\ndocument.querySelectorAll('.anim-example-button-slideup').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-slideup\");\n });\n});\ndocument.querySelectorAll('.anim-example-button-slidedown').forEach(el => {\n el.addEventListener(\"click\", function startAnimation() {\n this.closest(\"button\").classList.toggle(\"anim-slidedown\");\n });\n});\n\n// Splitview demo\n\ndocument.querySelectorAll('#ds-splitview-demo-item').forEach(el => {\n el.addEventListener(\"click\", function selectSplitviewItem() {\n this.classList.toggle(\"selected\");\n document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n });\n});\ndocument.querySelectorAll('#ds-demo-close-splitview').forEach(el => {\n el.addEventListener(\"click\", function selectSplitviewItem() {\n document.getElementById(\"ds-splitview-demo-item\").classList.toggle(\"selected\");\n document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n });\n});\n\n// Initialize Trixeditor\n\ndocument.addEventListener(\"trix-before-initialize\", () => {\n // Change Trix.config if you need\n});\n\n////// ECharts //////\n\n\n\n\n\n\n\n\n\n\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesFew, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesFew, false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"340\", \"Bugs\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-testcases\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataTestCases, \"100\", \"Test Cases\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralDark);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeDanger, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeInfo, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/app.js?");
6475
6475
 
6476
6476
  /***/ }),
6477
6477