@testgorilla/tgo-typing-test 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/fesm2022/testgorilla-tgo-typing-test.mjs +4691 -0
  2. package/fesm2022/testgorilla-tgo-typing-test.mjs.map +1 -0
  3. package/lib/components/tgo-typing-replay-input/tgo-typing-replay-input.component.d.ts +14 -0
  4. package/lib/components/tgo-typing-test/tgo-typing-test.component.d.ts +54 -0
  5. package/lib/helpers/config.d.ts +98 -0
  6. package/lib/helpers/constants/default-config.d.ts +3 -0
  7. package/lib/helpers/controllers/input-controller.d.ts +16 -0
  8. package/lib/helpers/controllers/quotes-controller.d.ts +20 -0
  9. package/lib/helpers/observables/config-event.d.ts +5 -0
  10. package/lib/helpers/observables/timer-event.d.ts +4 -0
  11. package/lib/helpers/states/active-page.d.ts +2 -0
  12. package/lib/helpers/states/composition.d.ts +10 -0
  13. package/lib/helpers/states/page-transition.d.ts +2 -0
  14. package/lib/helpers/states/slow-timer.d.ts +3 -0
  15. package/lib/helpers/states/test-active.d.ts +2 -0
  16. package/lib/helpers/states/time.d.ts +3 -0
  17. package/lib/helpers/test/caps-warning.d.ts +5 -0
  18. package/lib/helpers/test/caret.d.ts +11 -0
  19. package/lib/helpers/test/custom-text.d.ts +16 -0
  20. package/lib/helpers/test/english-punctuation.d.ts +3 -0
  21. package/lib/helpers/test/focus.d.ts +7 -0
  22. package/lib/helpers/test/manual-restart-tracker.d.ts +3 -0
  23. package/lib/helpers/test/out-of-focus.d.ts +4 -0
  24. package/lib/helpers/test/replay.d.ts +20 -0
  25. package/lib/helpers/test/test-input.d.ts +86 -0
  26. package/lib/helpers/test/test-logic.d.ts +25 -0
  27. package/lib/helpers/test/test-state.d.ts +7 -0
  28. package/lib/helpers/test/test-stats.d.ts +92 -0
  29. package/lib/helpers/test/test-timer.d.ts +6 -0
  30. package/lib/helpers/test/test-ui.d.ts +27 -0
  31. package/lib/helpers/test/test-words.d.ts +23 -0
  32. package/lib/helpers/test/timer-progress.d.ts +3 -0
  33. package/lib/helpers/test/weak-spot.d.ts +3 -0
  34. package/lib/helpers/test/wordset.d.ts +7 -0
  35. package/lib/utils/misc.d.ts +80 -0
  36. package/package.json +17 -4
  37. package/.eslintrc.json +0 -46
  38. package/jest.config.ts +0 -21
  39. package/ng-package.json +0 -15
  40. package/project.json +0 -36
  41. package/src/lib/components/tgo-typing-replay-input/tgo-typing-replay-input.component.html +0 -30
  42. package/src/lib/components/tgo-typing-replay-input/tgo-typing-replay-input.component.spec.ts +0 -250
  43. package/src/lib/components/tgo-typing-replay-input/tgo-typing-replay-input.component.ts +0 -47
  44. package/src/lib/components/tgo-typing-test/tgo-typing-test.component.html +0 -72
  45. package/src/lib/components/tgo-typing-test/tgo-typing-test.component.spec.ts +0 -699
  46. package/src/lib/components/tgo-typing-test/tgo-typing-test.component.ts +0 -287
  47. package/src/lib/helpers/config.ts +0 -28
  48. package/src/lib/helpers/constants/default-config.ts +0 -103
  49. package/src/lib/helpers/controllers/input-controller.ts +0 -710
  50. package/src/lib/helpers/controllers/quotes-controller.ts +0 -183
  51. package/src/lib/helpers/observables/banner-event.ts +0 -18
  52. package/src/lib/helpers/observables/config-event.ts +0 -31
  53. package/src/lib/helpers/observables/timer-event.ts +0 -18
  54. package/src/lib/helpers/states/active-page.ts +0 -9
  55. package/src/lib/helpers/states/composition.ts +0 -29
  56. package/src/lib/helpers/states/page-transition.ts +0 -9
  57. package/src/lib/helpers/states/slow-timer.ts +0 -16
  58. package/src/lib/helpers/states/test-active.ts +0 -9
  59. package/src/lib/helpers/states/time.ts +0 -13
  60. package/src/lib/helpers/test/caps-warning.ts +0 -50
  61. package/src/lib/helpers/test/caret.ts +0 -92
  62. package/src/lib/helpers/test/custom-text.ts +0 -73
  63. package/src/lib/helpers/test/english-punctuation.ts +0 -38
  64. package/src/lib/helpers/test/focus.ts +0 -39
  65. package/src/lib/helpers/test/manual-restart-tracker.ts +0 -13
  66. package/src/lib/helpers/test/out-of-focus.ts +0 -19
  67. package/src/lib/helpers/test/replay.ts +0 -265
  68. package/src/lib/helpers/test/test-input.ts +0 -320
  69. package/src/lib/helpers/test/test-logic.ts +0 -1039
  70. package/src/lib/helpers/test/test-state.ts +0 -17
  71. package/src/lib/helpers/test/test-stats.ts +0 -442
  72. package/src/lib/helpers/test/test-timer.ts +0 -209
  73. package/src/lib/helpers/test/test-ui.ts +0 -370
  74. package/src/lib/helpers/test/test-words.ts +0 -72
  75. package/src/lib/helpers/test/timer-progress.ts +0 -16
  76. package/src/lib/helpers/test/tts.ts +0 -42
  77. package/src/lib/helpers/test/weak-spot.ts +0 -74
  78. package/src/lib/helpers/test/wordset.ts +0 -109
  79. package/src/lib/styles/animations.scss +0 -101
  80. package/src/lib/styles/caret.scss +0 -108
  81. package/src/lib/styles/core.scss +0 -498
  82. package/src/lib/styles/index.scss +0 -19
  83. package/src/lib/styles/inputs.scss +0 -290
  84. package/src/lib/styles/popups.scss +0 -1311
  85. package/src/lib/styles/test.scss +0 -1008
  86. package/src/lib/styles/z_media-queries.scss +0 -848
  87. package/src/lib/types/types.d.ts +0 -731
  88. package/src/lib/utils/misc.ts +0 -776
  89. package/src/test-setup.ts +0 -20
  90. package/tsconfig.json +0 -16
  91. package/tsconfig.lib.json +0 -14
  92. package/tsconfig.lib.prod.json +0 -9
  93. package/tsconfig.spec.json +0 -11
  94. /package/{src/assets → assets}/typing-test-languages/english.json +0 -0
  95. /package/{src/assets → assets}/typing-test-languages/english_punctuation.json +0 -0
  96. /package/{src/assets → assets}/typing-test-languages/quotes/english_version_1.json +0 -0
  97. /package/{src/assets → assets}/typing-test-languages/quotes/english_version_2.json +0 -0
  98. /package/{src/assets → assets}/typing-test-languages/quotes/filtered_sources.json +0 -0
  99. /package/{src/index.ts → index.d.ts} +0 -0
package/src/lib/styles/inputs.scss DELETED
@@ -1,290 +0,0 @@
1
- input,
2
- textarea {
3
- outline: none;
4
- border: none;
5
- border-radius: $--roundness;
6
- background: $--sub-alt-color;
7
- color: $--text-color;
8
- padding: 0.5rem;
9
- font-size: 1rem;
10
- font-family: $--font;
11
- caret-color: $--main-color;
12
- }
13
-
14
- textarea {
15
- resize: vertical;
16
- }
17
-
18
- input[type="range"] {
19
- -webkit-appearance: none;
20
- padding: 0;
21
- width: 100%;
22
- height: 1rem;
23
- border-radius: $--roundness;
24
- &::-webkit-slider-thumb {
25
- -webkit-appearance: none;
26
- padding: 0;
27
- border: none;
28
- width: 25%;
29
- height: 1rem;
30
- border-radius: $--roundness;
31
- background-color: $--main-color;
32
- &:hover {
33
- cursor: grab;
34
- }
35
- &:active {
36
- cursor: grabbing;
37
- }
38
- }
39
-
40
- &::-moz-range-thumb {
41
- -webkit-appearance: none;
42
- padding: 0;
43
- border: none;
44
- width: 25%;
45
- height: 1rem;
46
- border-radius: $--roundness;
47
- background-color: $--main-color;
48
- &:hover {
49
- cursor: grab;
50
- }
51
- &:active {
52
- cursor: grabbing;
53
- }
54
- }
55
- }
56
-
57
- input[type="color"] {
58
- height: 3px;
59
- opacity: 0;
60
- padding: 0;
61
- margin: 0;
62
- position: absolute;
63
- pointer-events: none;
64
- }
65
-
66
- input:disabled,
67
- textarea:disabled {
68
- opacity: 0.33;
69
- }
70
-
71
- ::-moz-color-swatch {
72
- border: none;
73
- }
74
-
75
- input[type="number"]::-webkit-inner-spin-button,
76
- input[type="number"]::-webkit-outer-spin-button {
77
- -webkit-appearance: none;
78
- -moz-appearance: none;
79
- appearance: none;
80
- margin: 0;
81
- }
82
-
83
- input[type="number"] {
84
- -moz-appearance: textfield;
85
- }
86
-
87
- /* Change Autocomplete styles in Chrome*/
88
- input:-webkit-autofill,
89
- input:-webkit-autofill:hover,
90
- input:-webkit-autofill:focus,
91
- textarea:-webkit-autofill,
92
- textarea:-webkit-autofill:hover,
93
- textarea:-webkit-autofill:focus,
94
- select:-webkit-autofill,
95
- select:-webkit-autofill:hover,
96
- select:-webkit-autofill:focus {
97
- border: none;
98
- outline: 2px solid $--main-color;
99
- font-family: inherit;
100
- -webkit-text-fill-color: $--text-color;
101
- -webkit-box-shadow: 0 0 0 1000000px $--sub-alt-color inset;
102
- caret-color: $--text-color;
103
- }
104
-
105
- .select2-dropdown {
106
- background-color: $--bg-color;
107
- color: $--text-color;
108
- outline: none;
109
- }
110
- .select2-container--default.select2-container--disabled
111
- .select2-selection--single {
112
- background: $--sub-alt-color !important;
113
- opacity: 0.33;
114
- cursor: default;
115
- pointer-events: none;
116
- }
117
-
118
- .select2-selection {
119
- background: $--sub-alt-color;
120
- height: fit-content;
121
- height: -moz-fit-content;
122
- padding: 5px;
123
- border-radius: $--roundness;
124
- color: $--text-color;
125
- font: $--font;
126
- border: none;
127
- outline: none;
128
- }
129
-
130
- .select2-container--default
131
- .select2-selection--single
132
- .select2-selection__rendered {
133
- color: $--text-color;
134
- outline: none;
135
- }
136
-
137
- .select2-container--default
138
- .select2-results__option--highlighted.select2-results__option--selectable {
139
- background-color: $--text-color;
140
- color: $--bg-color;
141
- }
142
-
143
- .select2-container--default .select2-results__option--selected {
144
- background-color: $--main-color;
145
- color: $--bg-color;
146
- }
147
-
148
- .select2-container--open .select2-dropdown--below,
149
- .select2-container--open .select2-dropdown--above {
150
- border-color: $--sub-alt-color;
151
- background: $--bg-color;
152
- color: $--sub-color;
153
- border-radius: $--roundness;
154
- }
155
-
156
- .select2-container--default .select2-selection--single {
157
- color: $--text-color;
158
- background: $--sub-alt-color;
159
- outline: none;
160
- border: none;
161
- height: auto;
162
- border-radius: $--roundness;
163
- }
164
-
165
- .select2-container--default.select2-container--disabled
166
- .select2-selection--single {
167
- background: #5051517a;
168
- }
169
-
170
- .select2-selection:focus {
171
- height: fit-content;
172
- height: -moz-fit-content;
173
- padding: 5px;
174
- border-radius: $--roundness;
175
- color: $--text-color;
176
- font: $--font;
177
- border: none;
178
- outline: none;
179
- }
180
- .select2-selection:active {
181
- height: fit-content;
182
- height: -moz-fit-content;
183
- padding: 5px;
184
- border-radius: $--roundness;
185
- color: $--text-color;
186
- font: $--font;
187
- border: none;
188
- outline: none;
189
- }
190
-
191
- .select2-container--default
192
- .select2-selection--single
193
- .select2-selection__arrow {
194
- height: 35px;
195
- }
196
-
197
- .select2-container--default
198
- .select2-selection--single
199
- .select2-selection__arrow
200
- b {
201
- border-color: $--text-color transparent transparent transparent;
202
- }
203
-
204
- .select2-container--default.select2-container--open
205
- .select2-selection--single
206
- .select2-selection__arrow
207
- b {
208
- border-color: $--text-color transparent;
209
- }
210
-
211
- .select2-container--default .select2-search--dropdown .select2-search__field {
212
- border-color: $--sub-alt-color;
213
- background: $--bg-color;
214
- color: $--text-color;
215
- border-radius: $--roundness;
216
- }
217
-
218
- .select2-container--default .select2-results__group {
219
- color: $--text-color;
220
- }
221
-
222
- .select2-container--default .select2-selection--multiple {
223
- background: $--sub-alt-color;
224
- border-radius: $--roundness;
225
- color: $--text-color;
226
- outline: none;
227
- border: none;
228
- }
229
-
230
- .select2-selection__choice__display {
231
- color: $--bg-color;
232
- }
233
-
234
- .select2-selection__choice__remove {
235
- color: $--main-color !important;
236
- }
237
-
238
- .select2-container .select2-search--inline .select2-search__field {
239
- margin: 0;
240
- border-radius: 0;
241
- font-family: $--font;
242
- line-height: 1rem;
243
- }
244
-
245
- .select2-container--default.select2-container--focus
246
- .select2-selection--multiple {
247
- border: none;
248
- }
249
-
250
- .select2-container--default .select2-selection--multiple {
251
- border: none;
252
- padding: 0.5rem;
253
- font-family: $--font;
254
- }
255
-
256
- .select2-container--default
257
- .select2-selection--multiple
258
- .select2-selection__choice {
259
- background-color: $--main-color;
260
- border: none;
261
- border-radius: calc($--roundness / 2);
262
- box-sizing: border-box;
263
- display: inline-block;
264
- margin-left: 0;
265
- margin-top: 0;
266
- margin-right: 0.5rem;
267
- padding: 0;
268
- padding-left: 1.25rem;
269
- position: relative;
270
- max-width: 100%;
271
- overflow: hidden;
272
- text-overflow: ellipsis;
273
- vertical-align: bottom;
274
- white-space: nowrap;
275
- }
276
-
277
- .select2-container--default
278
- .select2-selection--multiple
279
- .select2-selection__choice__remove {
280
- line-height: 1.5rem;
281
- border-right: 1px solid $--bg-color;
282
- color: $--bg-color !important;
283
- transition: 0.125s;
284
- }
285
-
286
- .select2-container--default
287
- .select2-selection--multiple
288
- .select2-selection__choice__remove:hover {
289
- background-color: $--text-color;
290
- }