dyo-tools 0.1.0-rc1 → 0.1.0-rc2

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 (50) hide show
  1. package/README.md +7 -0
  2. package/package.json +2 -1
  3. package/.c8rc.json +0 -4
  4. package/.eslintignore +0 -2
  5. package/.eslintrc.json +0 -41
  6. package/Makefile +0 -34
  7. package/TODO.md +0 -18
  8. package/babel.config.js +0 -1
  9. package/docs/.nojekyll +0 -1
  10. package/docs/assets/highlight.css +0 -22
  11. package/docs/assets/icons.css +0 -1043
  12. package/docs/assets/icons.png +0 -0
  13. package/docs/assets/icons@2x.png +0 -0
  14. package/docs/assets/main.js +0 -52
  15. package/docs/assets/search.js +0 -1
  16. package/docs/assets/style.css +0 -1388
  17. package/docs/assets/widgets.png +0 -0
  18. package/docs/assets/widgets@2x.png +0 -0
  19. package/docs/classes/DTBunch.html +0 -265
  20. package/docs/classes/DTComponent.html +0 -49
  21. package/docs/classes/DTComponentWithMeta.html +0 -73
  22. package/docs/classes/DTElement.html +0 -95
  23. package/docs/classes/DTError.html +0 -32
  24. package/docs/classes/DTPlayer.html +0 -86
  25. package/docs/index.html +0 -1
  26. package/docs/modules.html +0 -1
  27. package/jest.config.js +0 -6
  28. package/src/core/DTBunch.ts +0 -600
  29. package/src/core/DTComponent.ts +0 -135
  30. package/src/core/DTComponentWithMeta.ts +0 -62
  31. package/src/core/DTElement.ts +0 -96
  32. package/src/core/DTError.ts +0 -78
  33. package/src/core/DTPlayer.ts +0 -57
  34. package/src/index.ts +0 -7
  35. package/src/types/index.ts +0 -76
  36. package/src/utils/filters.ts +0 -64
  37. package/test/core/DTBunch.double.ts +0 -150
  38. package/test/core/DTBunch.spec.ts +0 -1374
  39. package/test/core/DTComponent.double.ts +0 -69
  40. package/test/core/DTComponent.spec.ts +0 -182
  41. package/test/core/DTComponentWithMeta.double.ts +0 -88
  42. package/test/core/DTComponentWithMeta.spec.ts +0 -112
  43. package/test/core/DTElement.double.ts +0 -27
  44. package/test/core/DTElement.spec.ts +0 -181
  45. package/test/core/DTError.double.ts +0 -43
  46. package/test/core/DTError.spec.ts +0 -106
  47. package/test/core/DTPlayer.double.ts +0 -49
  48. package/test/core/DTPlayer.spec.ts +0 -102
  49. package/test/utils/filters.spec.ts +0 -109
  50. package/tsconfig.json +0 -21
@@ -1,1388 +0,0 @@
1
- @import url("./icons.css");
2
-
3
- :root {
4
- /* Light */
5
- --light-color-background: #fcfcfc;
6
- --light-color-secondary-background: #fff;
7
- --light-color-text: #222;
8
- --light-color-text-aside: #707070;
9
- --light-color-link: #4da6ff;
10
- --light-color-menu-divider: #eee;
11
- --light-color-menu-divider-focus: #000;
12
- --light-color-menu-label: #707070;
13
- --light-color-panel: var(--light-color-secondary-background);
14
- --light-color-panel-divider: #eee;
15
- --light-color-comment-tag: #707070;
16
- --light-color-comment-tag-text: #fff;
17
- --light-color-ts: #9600ff;
18
- --light-color-ts-interface: #647f1b;
19
- --light-color-ts-enum: #937210;
20
- --light-color-ts-class: #0672de;
21
- --light-color-ts-private: #707070;
22
- --light-color-toolbar: #fff;
23
- --light-color-toolbar-text: #333;
24
- --light-icon-filter: invert(0);
25
- --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
26
-
27
- /* Dark */
28
- --dark-color-background: #36393f;
29
- --dark-color-secondary-background: #2f3136;
30
- --dark-color-text: #ffffff;
31
- --dark-color-text-aside: #e6e4e4;
32
- --dark-color-link: #00aff4;
33
- --dark-color-menu-divider: #eee;
34
- --dark-color-menu-divider-focus: #000;
35
- --dark-color-menu-label: #707070;
36
- --dark-color-panel: var(--dark-color-secondary-background);
37
- --dark-color-panel-divider: #818181;
38
- --dark-color-comment-tag: #dcddde;
39
- --dark-color-comment-tag-text: #2f3136;
40
- --dark-color-ts: #c97dff;
41
- --dark-color-ts-interface: #9cbe3c;
42
- --dark-color-ts-enum: #d6ab29;
43
- --dark-color-ts-class: #3695f3;
44
- --dark-color-ts-private: #e2e2e2;
45
- --dark-color-toolbar: #34373c;
46
- --dark-color-toolbar-text: #ffffff;
47
- --dark-icon-filter: invert(1);
48
- --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
49
- }
50
-
51
- @media (prefers-color-scheme: light) {
52
- :root {
53
- --color-background: var(--light-color-background);
54
- --color-secondary-background: var(--light-color-secondary-background);
55
- --color-text: var(--light-color-text);
56
- --color-text-aside: var(--light-color-text-aside);
57
- --color-link: var(--light-color-link);
58
- --color-menu-divider: var(--light-color-menu-divider);
59
- --color-menu-divider-focus: var(--light-color-menu-divider-focus);
60
- --color-menu-label: var(--light-color-menu-label);
61
- --color-panel: var(--light-color-panel);
62
- --color-panel-divider: var(--light-color-panel-divider);
63
- --color-comment-tag: var(--light-color-comment-tag);
64
- --color-comment-tag-text: var(--light-color-comment-tag-text);
65
- --color-ts: var(--light-color-ts);
66
- --color-ts-interface: var(--light-color-ts-interface);
67
- --color-ts-enum: var(--light-color-ts-enum);
68
- --color-ts-class: var(--light-color-ts-class);
69
- --color-ts-private: var(--light-color-ts-private);
70
- --color-toolbar: var(--light-color-toolbar);
71
- --color-toolbar-text: var(--light-color-toolbar-text);
72
- --icon-filter: var(--light-icon-filter);
73
- --external-icon: var(--light-external-icon);
74
- }
75
- }
76
-
77
- @media (prefers-color-scheme: dark) {
78
- :root {
79
- --color-background: var(--dark-color-background);
80
- --color-secondary-background: var(--dark-color-secondary-background);
81
- --color-text: var(--dark-color-text);
82
- --color-text-aside: var(--dark-color-text-aside);
83
- --color-link: var(--dark-color-link);
84
- --color-menu-divider: var(--dark-color-menu-divider);
85
- --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
86
- --color-menu-label: var(--dark-color-menu-label);
87
- --color-panel: var(--dark-color-panel);
88
- --color-panel-divider: var(--dark-color-panel-divider);
89
- --color-comment-tag: var(--dark-color-comment-tag);
90
- --color-comment-tag-text: var(--dark-color-comment-tag-text);
91
- --color-ts: var(--dark-color-ts);
92
- --color-ts-interface: var(--dark-color-ts-interface);
93
- --color-ts-enum: var(--dark-color-ts-enum);
94
- --color-ts-class: var(--dark-color-ts-class);
95
- --color-ts-private: var(--dark-color-ts-private);
96
- --color-toolbar: var(--dark-color-toolbar);
97
- --color-toolbar-text: var(--dark-color-toolbar-text);
98
- --icon-filter: var(--dark-icon-filter);
99
- --external-icon: var(--dark-external-icon);
100
- }
101
- }
102
-
103
- body {
104
- margin: 0;
105
- }
106
-
107
- body.light {
108
- --color-background: var(--light-color-background);
109
- --color-secondary-background: var(--light-color-secondary-background);
110
- --color-text: var(--light-color-text);
111
- --color-text-aside: var(--light-color-text-aside);
112
- --color-link: var(--light-color-link);
113
- --color-menu-divider: var(--light-color-menu-divider);
114
- --color-menu-divider-focus: var(--light-color-menu-divider-focus);
115
- --color-menu-label: var(--light-color-menu-label);
116
- --color-panel: var(--light-color-panel);
117
- --color-panel-divider: var(--light-color-panel-divider);
118
- --color-comment-tag: var(--light-color-comment-tag);
119
- --color-comment-tag-text: var(--light-color-comment-tag-text);
120
- --color-ts: var(--light-color-ts);
121
- --color-ts-interface: var(--light-color-ts-interface);
122
- --color-ts-enum: var(--light-color-ts-enum);
123
- --color-ts-class: var(--light-color-ts-class);
124
- --color-ts-private: var(--light-color-ts-private);
125
- --color-toolbar: var(--light-color-toolbar);
126
- --color-toolbar-text: var(--light-color-toolbar-text);
127
- --icon-filter: var(--light-icon-filter);
128
- --external-icon: var(--light-external-icon);
129
- }
130
-
131
- body.dark {
132
- --color-background: var(--dark-color-background);
133
- --color-secondary-background: var(--dark-color-secondary-background);
134
- --color-text: var(--dark-color-text);
135
- --color-text-aside: var(--dark-color-text-aside);
136
- --color-link: var(--dark-color-link);
137
- --color-menu-divider: var(--dark-color-menu-divider);
138
- --color-menu-divider-focus: var(--dark-color-menu-divider-focus);
139
- --color-menu-label: var(--dark-color-menu-label);
140
- --color-panel: var(--dark-color-panel);
141
- --color-panel-divider: var(--dark-color-panel-divider);
142
- --color-comment-tag: var(--dark-color-comment-tag);
143
- --color-comment-tag-text: var(--dark-color-comment-tag-text);
144
- --color-ts: var(--dark-color-ts);
145
- --color-ts-interface: var(--dark-color-ts-interface);
146
- --color-ts-enum: var(--dark-color-ts-enum);
147
- --color-ts-class: var(--dark-color-ts-class);
148
- --color-ts-private: var(--dark-color-ts-private);
149
- --color-toolbar: var(--dark-color-toolbar);
150
- --color-toolbar-text: var(--dark-color-toolbar-text);
151
- --icon-filter: var(--dark-icon-filter);
152
- --external-icon: var(--dark-external-icon);
153
- }
154
-
155
- h1 {
156
- font-size: 2em;
157
- margin: 0.67em 0;
158
- }
159
-
160
- h2 {
161
- font-size: 1.5em;
162
- margin: 0.83em 0;
163
- }
164
-
165
- h3 {
166
- font-size: 1.17em;
167
- margin: 1em 0;
168
- }
169
-
170
- h4,
171
- .tsd-index-panel h3 {
172
- font-size: 1em;
173
- margin: 1.33em 0;
174
- }
175
-
176
- h5 {
177
- font-size: 0.83em;
178
- margin: 1.67em 0;
179
- }
180
-
181
- h6 {
182
- font-size: 0.67em;
183
- margin: 2.33em 0;
184
- }
185
-
186
- pre {
187
- white-space: pre;
188
- white-space: pre-wrap;
189
- word-wrap: break-word;
190
- }
191
-
192
- dl,
193
- menu,
194
- ol,
195
- ul {
196
- margin: 1em 0;
197
- }
198
-
199
- dd {
200
- margin: 0 0 0 40px;
201
- }
202
-
203
- .container {
204
- max-width: 1200px;
205
- margin: 0 auto;
206
- padding: 0 40px;
207
- }
208
- @media (max-width: 640px) {
209
- .container {
210
- padding: 0 20px;
211
- }
212
- }
213
-
214
- .container-main {
215
- padding-bottom: 200px;
216
- }
217
-
218
- .row {
219
- display: flex;
220
- position: relative;
221
- margin: 0 -10px;
222
- }
223
- .row:after {
224
- visibility: hidden;
225
- display: block;
226
- content: "";
227
- clear: both;
228
- height: 0;
229
- }
230
-
231
- .col-4,
232
- .col-8 {
233
- box-sizing: border-box;
234
- float: left;
235
- padding: 0 10px;
236
- }
237
-
238
- .col-4 {
239
- width: 33.3333333333%;
240
- }
241
- .col-8 {
242
- width: 66.6666666667%;
243
- }
244
-
245
- ul.tsd-descriptions > li > :first-child,
246
- .tsd-panel > :first-child,
247
- .col-8 > :first-child,
248
- .col-4 > :first-child,
249
- ul.tsd-descriptions > li > :first-child > :first-child,
250
- .tsd-panel > :first-child > :first-child,
251
- .col-8 > :first-child > :first-child,
252
- .col-4 > :first-child > :first-child,
253
- ul.tsd-descriptions > li > :first-child > :first-child > :first-child,
254
- .tsd-panel > :first-child > :first-child > :first-child,
255
- .col-8 > :first-child > :first-child > :first-child,
256
- .col-4 > :first-child > :first-child > :first-child {
257
- margin-top: 0;
258
- }
259
- ul.tsd-descriptions > li > :last-child,
260
- .tsd-panel > :last-child,
261
- .col-8 > :last-child,
262
- .col-4 > :last-child,
263
- ul.tsd-descriptions > li > :last-child > :last-child,
264
- .tsd-panel > :last-child > :last-child,
265
- .col-8 > :last-child > :last-child,
266
- .col-4 > :last-child > :last-child,
267
- ul.tsd-descriptions > li > :last-child > :last-child > :last-child,
268
- .tsd-panel > :last-child > :last-child > :last-child,
269
- .col-8 > :last-child > :last-child > :last-child,
270
- .col-4 > :last-child > :last-child > :last-child {
271
- margin-bottom: 0;
272
- }
273
-
274
- @keyframes fade-in {
275
- from {
276
- opacity: 0;
277
- }
278
- to {
279
- opacity: 1;
280
- }
281
- }
282
- @keyframes fade-out {
283
- from {
284
- opacity: 1;
285
- visibility: visible;
286
- }
287
- to {
288
- opacity: 0;
289
- }
290
- }
291
- @keyframes fade-in-delayed {
292
- 0% {
293
- opacity: 0;
294
- }
295
- 33% {
296
- opacity: 0;
297
- }
298
- 100% {
299
- opacity: 1;
300
- }
301
- }
302
- @keyframes fade-out-delayed {
303
- 0% {
304
- opacity: 1;
305
- visibility: visible;
306
- }
307
- 66% {
308
- opacity: 0;
309
- }
310
- 100% {
311
- opacity: 0;
312
- }
313
- }
314
- @keyframes shift-to-left {
315
- from {
316
- transform: translate(0, 0);
317
- }
318
- to {
319
- transform: translate(-25%, 0);
320
- }
321
- }
322
- @keyframes unshift-to-left {
323
- from {
324
- transform: translate(-25%, 0);
325
- }
326
- to {
327
- transform: translate(0, 0);
328
- }
329
- }
330
- @keyframes pop-in-from-right {
331
- from {
332
- transform: translate(100%, 0);
333
- }
334
- to {
335
- transform: translate(0, 0);
336
- }
337
- }
338
- @keyframes pop-out-to-right {
339
- from {
340
- transform: translate(0, 0);
341
- visibility: visible;
342
- }
343
- to {
344
- transform: translate(100%, 0);
345
- }
346
- }
347
- body {
348
- background: var(--color-background);
349
- font-family: "Segoe UI", sans-serif;
350
- font-size: 16px;
351
- color: var(--color-text);
352
- }
353
-
354
- a {
355
- color: var(--color-link);
356
- text-decoration: none;
357
- }
358
- a:hover {
359
- text-decoration: underline;
360
- }
361
- a.external[target="_blank"] {
362
- background-image: var(--external-icon);
363
- background-position: top 3px right;
364
- background-repeat: no-repeat;
365
- padding-right: 13px;
366
- }
367
-
368
- code,
369
- pre {
370
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
371
- padding: 0.2em;
372
- margin: 0;
373
- font-size: 14px;
374
- }
375
-
376
- pre {
377
- padding: 10px;
378
- }
379
- pre code {
380
- padding: 0;
381
- font-size: 100%;
382
- }
383
-
384
- blockquote {
385
- margin: 1em 0;
386
- padding-left: 1em;
387
- border-left: 4px solid gray;
388
- }
389
-
390
- .tsd-typography {
391
- line-height: 1.333em;
392
- }
393
- .tsd-typography ul {
394
- list-style: square;
395
- padding: 0 0 0 20px;
396
- margin: 0;
397
- }
398
- .tsd-typography h4,
399
- .tsd-typography .tsd-index-panel h3,
400
- .tsd-index-panel .tsd-typography h3,
401
- .tsd-typography h5,
402
- .tsd-typography h6 {
403
- font-size: 1em;
404
- margin: 0;
405
- }
406
- .tsd-typography h5,
407
- .tsd-typography h6 {
408
- font-weight: normal;
409
- }
410
- .tsd-typography p,
411
- .tsd-typography ul,
412
- .tsd-typography ol {
413
- margin: 1em 0;
414
- }
415
-
416
- @media (min-width: 901px) and (max-width: 1024px) {
417
- html .col-content {
418
- width: 72%;
419
- }
420
- html .col-menu {
421
- width: 28%;
422
- }
423
- html .tsd-navigation {
424
- padding-left: 10px;
425
- }
426
- }
427
- @media (max-width: 900px) {
428
- html .col-content {
429
- float: none;
430
- width: 100%;
431
- }
432
- html .col-menu {
433
- position: fixed !important;
434
- overflow: auto;
435
- -webkit-overflow-scrolling: touch;
436
- z-index: 1024;
437
- top: 0 !important;
438
- bottom: 0 !important;
439
- left: auto !important;
440
- right: 0 !important;
441
- width: 100%;
442
- padding: 20px 20px 0 0;
443
- max-width: 450px;
444
- visibility: hidden;
445
- background-color: var(--color-panel);
446
- transform: translate(100%, 0);
447
- }
448
- html .col-menu > *:last-child {
449
- padding-bottom: 20px;
450
- }
451
- html .overlay {
452
- content: "";
453
- display: block;
454
- position: fixed;
455
- z-index: 1023;
456
- top: 0;
457
- left: 0;
458
- right: 0;
459
- bottom: 0;
460
- background-color: rgba(0, 0, 0, 0.75);
461
- visibility: hidden;
462
- }
463
-
464
- .to-has-menu .overlay {
465
- animation: fade-in 0.4s;
466
- }
467
-
468
- .to-has-menu :is(header, footer, .col-content) {
469
- animation: shift-to-left 0.4s;
470
- }
471
-
472
- .to-has-menu .col-menu {
473
- animation: pop-in-from-right 0.4s;
474
- }
475
-
476
- .from-has-menu .overlay {
477
- animation: fade-out 0.4s;
478
- }
479
-
480
- .from-has-menu :is(header, footer, .col-content) {
481
- animation: unshift-to-left 0.4s;
482
- }
483
-
484
- .from-has-menu .col-menu {
485
- animation: pop-out-to-right 0.4s;
486
- }
487
-
488
- .has-menu body {
489
- overflow: hidden;
490
- }
491
- .has-menu .overlay {
492
- visibility: visible;
493
- }
494
- .has-menu :is(header, footer, .col-content) {
495
- transform: translate(-25%, 0);
496
- }
497
- .has-menu .col-menu {
498
- visibility: visible;
499
- transform: translate(0, 0);
500
- display: grid;
501
- grid-template-rows: auto 1fr;
502
- max-height: 100vh;
503
- }
504
- .has-menu .tsd-navigation {
505
- max-height: 100%;
506
- }
507
- }
508
-
509
- .tsd-page-title {
510
- padding: 70px 0 20px 0;
511
- margin: 0 0 40px 0;
512
- background: var(--color-panel);
513
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
514
- }
515
- .tsd-page-title h1 {
516
- margin: 0;
517
- }
518
-
519
- .tsd-breadcrumb {
520
- margin: 0;
521
- padding: 0;
522
- color: var(--color-text-aside);
523
- }
524
- .tsd-breadcrumb a {
525
- color: var(--color-text-aside);
526
- text-decoration: none;
527
- }
528
- .tsd-breadcrumb a:hover {
529
- text-decoration: underline;
530
- }
531
- .tsd-breadcrumb li {
532
- display: inline;
533
- }
534
- .tsd-breadcrumb li:after {
535
- content: " / ";
536
- }
537
-
538
- dl.tsd-comment-tags {
539
- overflow: hidden;
540
- }
541
- dl.tsd-comment-tags dt {
542
- float: left;
543
- padding: 1px 5px;
544
- margin: 0 10px 0 0;
545
- border-radius: 4px;
546
- border: 1px solid var(--color-comment-tag);
547
- color: var(--color-comment-tag);
548
- font-size: 0.8em;
549
- font-weight: normal;
550
- }
551
- dl.tsd-comment-tags dd {
552
- margin: 0 0 10px 0;
553
- }
554
- dl.tsd-comment-tags dd:before,
555
- dl.tsd-comment-tags dd:after {
556
- display: table;
557
- content: " ";
558
- }
559
- dl.tsd-comment-tags dd pre,
560
- dl.tsd-comment-tags dd:after {
561
- clear: both;
562
- }
563
- dl.tsd-comment-tags p {
564
- margin: 0;
565
- }
566
-
567
- .tsd-panel.tsd-comment .lead {
568
- font-size: 1.1em;
569
- line-height: 1.333em;
570
- margin-bottom: 2em;
571
- }
572
- .tsd-panel.tsd-comment .lead:last-child {
573
- margin-bottom: 0;
574
- }
575
-
576
- .toggle-protected .tsd-is-private {
577
- display: none;
578
- }
579
-
580
- .toggle-public .tsd-is-private,
581
- .toggle-public .tsd-is-protected,
582
- .toggle-public .tsd-is-private-protected {
583
- display: none;
584
- }
585
-
586
- .toggle-inherited .tsd-is-inherited {
587
- display: none;
588
- }
589
-
590
- .toggle-externals .tsd-is-external {
591
- display: none;
592
- }
593
-
594
- #tsd-filter {
595
- position: relative;
596
- display: inline-block;
597
- height: 40px;
598
- vertical-align: bottom;
599
- }
600
- .no-filter #tsd-filter {
601
- display: none;
602
- }
603
- #tsd-filter .tsd-filter-group {
604
- display: inline-block;
605
- height: 40px;
606
- vertical-align: bottom;
607
- white-space: nowrap;
608
- }
609
- #tsd-filter input {
610
- display: none;
611
- }
612
- @media (max-width: 900px) {
613
- #tsd-filter .tsd-filter-group {
614
- display: block;
615
- position: absolute;
616
- top: 40px;
617
- right: 20px;
618
- height: auto;
619
- background-color: var(--color-panel);
620
- visibility: hidden;
621
- transform: translate(50%, 0);
622
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
623
- }
624
- .has-options #tsd-filter .tsd-filter-group {
625
- visibility: visible;
626
- }
627
- .to-has-options #tsd-filter .tsd-filter-group {
628
- animation: fade-in 0.2s;
629
- }
630
- .from-has-options #tsd-filter .tsd-filter-group {
631
- animation: fade-out 0.2s;
632
- }
633
- #tsd-filter label,
634
- #tsd-filter .tsd-select {
635
- display: block;
636
- padding-right: 20px;
637
- }
638
- }
639
-
640
- footer {
641
- border-top: 1px solid var(--color-panel-divider);
642
- background-color: var(--color-panel);
643
- }
644
- footer:after {
645
- content: "";
646
- display: table;
647
- }
648
- footer.with-border-bottom {
649
- border-bottom: 1px solid var(--color-panel-divider);
650
- }
651
- footer .tsd-legend-group {
652
- font-size: 0;
653
- }
654
- footer .tsd-legend {
655
- display: inline-block;
656
- width: 25%;
657
- padding: 0;
658
- font-size: 16px;
659
- list-style: none;
660
- line-height: 1.333em;
661
- vertical-align: top;
662
- }
663
- @media (max-width: 900px) {
664
- footer .tsd-legend {
665
- width: 50%;
666
- }
667
- }
668
-
669
- .tsd-hierarchy {
670
- list-style: square;
671
- padding: 0 0 0 20px;
672
- margin: 0;
673
- }
674
- .tsd-hierarchy .target {
675
- font-weight: bold;
676
- }
677
-
678
- .tsd-index-panel .tsd-index-content {
679
- margin-bottom: -30px !important;
680
- }
681
- .tsd-index-panel .tsd-index-section {
682
- margin-bottom: 30px !important;
683
- }
684
- .tsd-index-panel h3 {
685
- margin: 0 -20px 10px -20px;
686
- padding: 0 20px 10px 20px;
687
- border-bottom: 1px solid var(--color-panel-divider);
688
- }
689
- .tsd-index-panel ul.tsd-index-list {
690
- -webkit-column-count: 3;
691
- -moz-column-count: 3;
692
- -ms-column-count: 3;
693
- -o-column-count: 3;
694
- column-count: 3;
695
- -webkit-column-gap: 20px;
696
- -moz-column-gap: 20px;
697
- -ms-column-gap: 20px;
698
- -o-column-gap: 20px;
699
- column-gap: 20px;
700
- padding: 0;
701
- list-style: none;
702
- line-height: 1.333em;
703
- }
704
- @media (max-width: 900px) {
705
- .tsd-index-panel ul.tsd-index-list {
706
- -webkit-column-count: 1;
707
- -moz-column-count: 1;
708
- -ms-column-count: 1;
709
- -o-column-count: 1;
710
- column-count: 1;
711
- }
712
- }
713
- @media (min-width: 901px) and (max-width: 1024px) {
714
- .tsd-index-panel ul.tsd-index-list {
715
- -webkit-column-count: 2;
716
- -moz-column-count: 2;
717
- -ms-column-count: 2;
718
- -o-column-count: 2;
719
- column-count: 2;
720
- }
721
- }
722
- .tsd-index-panel ul.tsd-index-list li {
723
- -webkit-page-break-inside: avoid;
724
- -moz-page-break-inside: avoid;
725
- -ms-page-break-inside: avoid;
726
- -o-page-break-inside: avoid;
727
- page-break-inside: avoid;
728
- }
729
- .tsd-index-panel a,
730
- .tsd-index-panel .tsd-parent-kind-module a {
731
- color: var(--color-ts);
732
- }
733
- .tsd-index-panel .tsd-parent-kind-interface a {
734
- color: var(--color-ts-interface);
735
- }
736
- .tsd-index-panel .tsd-parent-kind-enum a {
737
- color: var(--color-ts-enum);
738
- }
739
- .tsd-index-panel .tsd-parent-kind-class a {
740
- color: var(--color-ts-class);
741
- }
742
- .tsd-index-panel .tsd-kind-module a {
743
- color: var(--color-ts);
744
- }
745
- .tsd-index-panel .tsd-kind-interface a {
746
- color: var(--color-ts-interface);
747
- }
748
- .tsd-index-panel .tsd-kind-enum a {
749
- color: var(--color-ts-enum);
750
- }
751
- .tsd-index-panel .tsd-kind-class a {
752
- color: var(--color-ts-class);
753
- }
754
- .tsd-index-panel .tsd-is-private a {
755
- color: var(--color-ts-private);
756
- }
757
-
758
- .tsd-flag {
759
- display: inline-block;
760
- padding: 1px 5px;
761
- border-radius: 4px;
762
- color: var(--color-comment-tag-text);
763
- background-color: var(--color-comment-tag);
764
- text-indent: 0;
765
- font-size: 14px;
766
- font-weight: normal;
767
- }
768
-
769
- .tsd-anchor {
770
- position: absolute;
771
- top: -100px;
772
- }
773
-
774
- .tsd-member {
775
- position: relative;
776
- }
777
- .tsd-member .tsd-anchor + h3 {
778
- margin-top: 0;
779
- margin-bottom: 0;
780
- border-bottom: none;
781
- }
782
- .tsd-member [data-tsd-kind] {
783
- color: var(--color-ts);
784
- }
785
- .tsd-member [data-tsd-kind="Interface"] {
786
- color: var(--color-ts-interface);
787
- }
788
- .tsd-member [data-tsd-kind="Enum"] {
789
- color: var(--color-ts-enum);
790
- }
791
- .tsd-member [data-tsd-kind="Class"] {
792
- color: var(--color-ts-class);
793
- }
794
- .tsd-member [data-tsd-kind="Private"] {
795
- color: var(--color-ts-private);
796
- }
797
-
798
- .tsd-navigation {
799
- margin: 0 0 0 40px;
800
- }
801
- .tsd-navigation a {
802
- display: block;
803
- padding-top: 2px;
804
- padding-bottom: 2px;
805
- border-left: 2px solid transparent;
806
- color: var(--color-text);
807
- text-decoration: none;
808
- transition: border-left-color 0.1s;
809
- }
810
- .tsd-navigation a:hover {
811
- text-decoration: underline;
812
- }
813
- .tsd-navigation ul {
814
- margin: 0;
815
- padding: 0;
816
- list-style: none;
817
- }
818
- .tsd-navigation li {
819
- padding: 0;
820
- }
821
-
822
- .tsd-navigation.primary {
823
- padding-bottom: 40px;
824
- }
825
- .tsd-navigation.primary a {
826
- display: block;
827
- padding-top: 6px;
828
- padding-bottom: 6px;
829
- }
830
- .tsd-navigation.primary ul li a {
831
- padding-left: 5px;
832
- }
833
- .tsd-navigation.primary ul li li a {
834
- padding-left: 25px;
835
- }
836
- .tsd-navigation.primary ul li li li a {
837
- padding-left: 45px;
838
- }
839
- .tsd-navigation.primary ul li li li li a {
840
- padding-left: 65px;
841
- }
842
- .tsd-navigation.primary ul li li li li li a {
843
- padding-left: 85px;
844
- }
845
- .tsd-navigation.primary ul li li li li li li a {
846
- padding-left: 105px;
847
- }
848
- .tsd-navigation.primary > ul {
849
- border-bottom: 1px solid var(--color-panel-divider);
850
- }
851
- .tsd-navigation.primary li {
852
- border-top: 1px solid var(--color-panel-divider);
853
- }
854
- .tsd-navigation.primary li.current > a {
855
- font-weight: bold;
856
- }
857
- .tsd-navigation.primary li.label span {
858
- display: block;
859
- padding: 20px 0 6px 5px;
860
- color: var(--color-menu-label);
861
- }
862
- .tsd-navigation.primary li.globals + li > span,
863
- .tsd-navigation.primary li.globals + li > a {
864
- padding-top: 20px;
865
- }
866
-
867
- .tsd-navigation.secondary {
868
- max-height: calc(100vh - 1rem - 40px);
869
- overflow: auto;
870
- position: sticky;
871
- top: calc(0.5rem + 40px);
872
- transition: 0.3s;
873
- }
874
- .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
875
- max-height: calc(100vh - 1rem);
876
- top: 0.5rem;
877
- }
878
- .tsd-navigation.secondary ul {
879
- transition: opacity 0.2s;
880
- }
881
- .tsd-navigation.secondary ul li a {
882
- padding-left: 25px;
883
- }
884
- .tsd-navigation.secondary ul li li a {
885
- padding-left: 45px;
886
- }
887
- .tsd-navigation.secondary ul li li li a {
888
- padding-left: 65px;
889
- }
890
- .tsd-navigation.secondary ul li li li li a {
891
- padding-left: 85px;
892
- }
893
- .tsd-navigation.secondary ul li li li li li a {
894
- padding-left: 105px;
895
- }
896
- .tsd-navigation.secondary ul li li li li li li a {
897
- padding-left: 125px;
898
- }
899
- .tsd-navigation.secondary ul.current a {
900
- border-left-color: var(--color-panel-divider);
901
- }
902
- .tsd-navigation.secondary li.focus > a,
903
- .tsd-navigation.secondary ul.current li.focus > a {
904
- border-left-color: var(--color-menu-divider-focus);
905
- }
906
- .tsd-navigation.secondary li.current {
907
- margin-top: 20px;
908
- margin-bottom: 20px;
909
- border-left-color: var(--color-panel-divider);
910
- }
911
- .tsd-navigation.secondary li.current > a {
912
- font-weight: bold;
913
- }
914
-
915
- @media (min-width: 901px) {
916
- .menu-sticky-wrap {
917
- position: static;
918
- }
919
- }
920
-
921
- .tsd-panel {
922
- margin: 20px 0;
923
- padding: 20px;
924
- background-color: var(--color-panel);
925
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
926
- }
927
- .tsd-panel:empty {
928
- display: none;
929
- }
930
- .tsd-panel > h1,
931
- .tsd-panel > h2,
932
- .tsd-panel > h3 {
933
- margin: 1.5em -20px 10px -20px;
934
- padding: 0 20px 10px 20px;
935
- border-bottom: 1px solid var(--color-panel-divider);
936
- }
937
- .tsd-panel > h1.tsd-before-signature,
938
- .tsd-panel > h2.tsd-before-signature,
939
- .tsd-panel > h3.tsd-before-signature {
940
- margin-bottom: 0;
941
- border-bottom: 0;
942
- }
943
- .tsd-panel table {
944
- display: block;
945
- width: 100%;
946
- overflow: auto;
947
- margin-top: 10px;
948
- word-break: normal;
949
- word-break: keep-all;
950
- border-collapse: collapse;
951
- }
952
- .tsd-panel table th {
953
- font-weight: bold;
954
- }
955
- .tsd-panel table th,
956
- .tsd-panel table td {
957
- padding: 6px 13px;
958
- border: 1px solid var(--color-panel-divider);
959
- }
960
- .tsd-panel table tr {
961
- background: var(--color-background);
962
- }
963
- .tsd-panel table tr:nth-child(even) {
964
- background: var(--color-secondary-background);
965
- }
966
-
967
- .tsd-panel-group {
968
- margin: 60px 0;
969
- }
970
- .tsd-panel-group > h1,
971
- .tsd-panel-group > h2,
972
- .tsd-panel-group > h3 {
973
- padding-left: 20px;
974
- padding-right: 20px;
975
- }
976
-
977
- #tsd-search {
978
- transition: background-color 0.2s;
979
- }
980
- #tsd-search .title {
981
- position: relative;
982
- z-index: 2;
983
- }
984
- #tsd-search .field {
985
- position: absolute;
986
- left: 0;
987
- top: 0;
988
- right: 40px;
989
- height: 40px;
990
- }
991
- #tsd-search .field input {
992
- box-sizing: border-box;
993
- position: relative;
994
- top: -50px;
995
- z-index: 1;
996
- width: 100%;
997
- padding: 0 10px;
998
- opacity: 0;
999
- outline: 0;
1000
- border: 0;
1001
- background: transparent;
1002
- color: var(--color-text);
1003
- }
1004
- #tsd-search .field label {
1005
- position: absolute;
1006
- overflow: hidden;
1007
- right: -40px;
1008
- }
1009
- #tsd-search .field input,
1010
- #tsd-search .title {
1011
- transition: opacity 0.2s;
1012
- }
1013
- #tsd-search .results {
1014
- position: absolute;
1015
- visibility: hidden;
1016
- top: 40px;
1017
- width: 100%;
1018
- margin: 0;
1019
- padding: 0;
1020
- list-style: none;
1021
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
1022
- }
1023
- #tsd-search .results li {
1024
- padding: 0 10px;
1025
- background-color: var(--color-background);
1026
- }
1027
- #tsd-search .results li:nth-child(even) {
1028
- background-color: var(--color-panel);
1029
- }
1030
- #tsd-search .results li.state {
1031
- display: none;
1032
- }
1033
- #tsd-search .results li.current,
1034
- #tsd-search .results li:hover {
1035
- background-color: var(--color-panel-divider);
1036
- }
1037
- #tsd-search .results a {
1038
- display: block;
1039
- }
1040
- #tsd-search .results a:before {
1041
- top: 10px;
1042
- }
1043
- #tsd-search .results span.parent {
1044
- color: var(--color-text-aside);
1045
- font-weight: normal;
1046
- }
1047
- #tsd-search.has-focus {
1048
- background-color: var(--color-panel-divider);
1049
- }
1050
- #tsd-search.has-focus .field input {
1051
- top: 0;
1052
- opacity: 1;
1053
- }
1054
- #tsd-search.has-focus .title {
1055
- z-index: 0;
1056
- opacity: 0;
1057
- }
1058
- #tsd-search.has-focus .results {
1059
- visibility: visible;
1060
- }
1061
- #tsd-search.loading .results li.state.loading {
1062
- display: block;
1063
- }
1064
- #tsd-search.failure .results li.state.failure {
1065
- display: block;
1066
- }
1067
-
1068
- .tsd-signature {
1069
- margin: 0 0 1em 0;
1070
- padding: 10px;
1071
- border: 1px solid var(--color-panel-divider);
1072
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1073
- font-size: 14px;
1074
- overflow-x: auto;
1075
- }
1076
- .tsd-signature.tsd-kind-icon {
1077
- padding-left: 30px;
1078
- }
1079
- .tsd-signature.tsd-kind-icon:before {
1080
- top: 10px;
1081
- left: 10px;
1082
- }
1083
- .tsd-panel > .tsd-signature {
1084
- margin-left: -20px;
1085
- margin-right: -20px;
1086
- border-width: 1px 0;
1087
- }
1088
- .tsd-panel > .tsd-signature.tsd-kind-icon {
1089
- padding-left: 40px;
1090
- }
1091
- .tsd-panel > .tsd-signature.tsd-kind-icon:before {
1092
- left: 20px;
1093
- }
1094
-
1095
- .tsd-signature-symbol {
1096
- color: var(--color-text-aside);
1097
- font-weight: normal;
1098
- }
1099
-
1100
- .tsd-signature-type {
1101
- font-style: italic;
1102
- font-weight: normal;
1103
- }
1104
-
1105
- .tsd-signatures {
1106
- padding: 0;
1107
- margin: 0 0 1em 0;
1108
- border: 1px solid var(--color-panel-divider);
1109
- }
1110
- .tsd-signatures .tsd-signature {
1111
- margin: 0;
1112
- border-width: 1px 0 0 0;
1113
- transition: background-color 0.1s;
1114
- }
1115
- .tsd-signatures .tsd-signature:first-child {
1116
- border-top-width: 0;
1117
- }
1118
- .tsd-signatures .tsd-signature.current {
1119
- background-color: var(--color-panel-divider);
1120
- }
1121
- .tsd-signatures.active > .tsd-signature {
1122
- cursor: pointer;
1123
- }
1124
- .tsd-panel > .tsd-signatures {
1125
- margin-left: -20px;
1126
- margin-right: -20px;
1127
- border-width: 1px 0;
1128
- }
1129
- .tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon {
1130
- padding-left: 40px;
1131
- }
1132
- .tsd-panel > .tsd-signatures .tsd-signature.tsd-kind-icon:before {
1133
- left: 20px;
1134
- }
1135
- .tsd-panel > a.anchor + .tsd-signatures {
1136
- border-top-width: 0;
1137
- margin-top: -20px;
1138
- }
1139
-
1140
- ul.tsd-descriptions {
1141
- position: relative;
1142
- overflow: hidden;
1143
- padding: 0;
1144
- list-style: none;
1145
- }
1146
- ul.tsd-descriptions.active > .tsd-description {
1147
- display: none;
1148
- }
1149
- ul.tsd-descriptions.active > .tsd-description.current {
1150
- display: block;
1151
- }
1152
- ul.tsd-descriptions.active > .tsd-description.fade-in {
1153
- animation: fade-in-delayed 0.3s;
1154
- }
1155
- ul.tsd-descriptions.active > .tsd-description.fade-out {
1156
- animation: fade-out-delayed 0.3s;
1157
- position: absolute;
1158
- display: block;
1159
- top: 0;
1160
- left: 0;
1161
- right: 0;
1162
- opacity: 0;
1163
- visibility: hidden;
1164
- }
1165
- ul.tsd-descriptions h4,
1166
- ul.tsd-descriptions .tsd-index-panel h3,
1167
- .tsd-index-panel ul.tsd-descriptions h3 {
1168
- font-size: 16px;
1169
- margin: 1em 0 0.5em 0;
1170
- }
1171
-
1172
- ul.tsd-parameters,
1173
- ul.tsd-type-parameters {
1174
- list-style: square;
1175
- margin: 0;
1176
- padding-left: 20px;
1177
- }
1178
- ul.tsd-parameters > li.tsd-parameter-signature,
1179
- ul.tsd-type-parameters > li.tsd-parameter-signature {
1180
- list-style: none;
1181
- margin-left: -20px;
1182
- }
1183
- ul.tsd-parameters h5,
1184
- ul.tsd-type-parameters h5 {
1185
- font-size: 16px;
1186
- margin: 1em 0 0.5em 0;
1187
- }
1188
- ul.tsd-parameters .tsd-comment,
1189
- ul.tsd-type-parameters .tsd-comment {
1190
- margin-top: -0.5em;
1191
- }
1192
-
1193
- .tsd-sources {
1194
- font-size: 14px;
1195
- color: var(--color-text-aside);
1196
- margin: 0 0 1em 0;
1197
- }
1198
- .tsd-sources a {
1199
- color: var(--color-text-aside);
1200
- text-decoration: underline;
1201
- }
1202
- .tsd-sources ul,
1203
- .tsd-sources p {
1204
- margin: 0 !important;
1205
- }
1206
- .tsd-sources ul {
1207
- list-style: none;
1208
- padding: 0;
1209
- }
1210
-
1211
- .tsd-page-toolbar {
1212
- position: fixed;
1213
- z-index: 1;
1214
- top: 0;
1215
- left: 0;
1216
- width: 100%;
1217
- height: 40px;
1218
- color: var(--color-toolbar-text);
1219
- background: var(--color-toolbar);
1220
- border-bottom: 1px solid var(--color-panel-divider);
1221
- transition: transform 0.3s linear;
1222
- }
1223
- .tsd-page-toolbar a {
1224
- color: var(--color-toolbar-text);
1225
- text-decoration: none;
1226
- }
1227
- .tsd-page-toolbar a.title {
1228
- font-weight: bold;
1229
- }
1230
- .tsd-page-toolbar a.title:hover {
1231
- text-decoration: underline;
1232
- }
1233
- .tsd-page-toolbar .table-wrap {
1234
- display: table;
1235
- width: 100%;
1236
- height: 40px;
1237
- }
1238
- .tsd-page-toolbar .table-cell {
1239
- display: table-cell;
1240
- position: relative;
1241
- white-space: nowrap;
1242
- line-height: 40px;
1243
- }
1244
- .tsd-page-toolbar .table-cell:first-child {
1245
- width: 100%;
1246
- }
1247
-
1248
- .tsd-page-toolbar--hide {
1249
- transform: translateY(-100%);
1250
- }
1251
-
1252
- .tsd-select .tsd-select-list li:before,
1253
- .tsd-select .tsd-select-label:before,
1254
- .tsd-widget:before {
1255
- content: "";
1256
- display: inline-block;
1257
- width: 40px;
1258
- height: 40px;
1259
- margin: 0 -8px 0 0;
1260
- background-image: url(./widgets.png);
1261
- background-repeat: no-repeat;
1262
- text-indent: -1024px;
1263
- vertical-align: bottom;
1264
- filter: var(--icon-filter);
1265
- }
1266
- @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
1267
- .tsd-select .tsd-select-list li:before,
1268
- .tsd-select .tsd-select-label:before,
1269
- .tsd-widget:before {
1270
- background-image: url(./widgets@2x.png);
1271
- background-size: 320px 40px;
1272
- }
1273
- }
1274
-
1275
- .tsd-widget {
1276
- display: inline-block;
1277
- overflow: hidden;
1278
- opacity: 0.8;
1279
- height: 40px;
1280
- transition: opacity 0.1s, background-color 0.2s;
1281
- vertical-align: bottom;
1282
- cursor: pointer;
1283
- }
1284
- .tsd-widget:hover {
1285
- opacity: 0.9;
1286
- }
1287
- .tsd-widget.active {
1288
- opacity: 1;
1289
- background-color: var(--color-panel-divider);
1290
- }
1291
- .tsd-widget.no-caption {
1292
- width: 40px;
1293
- }
1294
- .tsd-widget.no-caption:before {
1295
- margin: 0;
1296
- }
1297
- .tsd-widget.search:before {
1298
- background-position: 0 0;
1299
- }
1300
- .tsd-widget.menu:before {
1301
- background-position: -40px 0;
1302
- }
1303
- .tsd-widget.options:before {
1304
- background-position: -80px 0;
1305
- }
1306
- .tsd-widget.options,
1307
- .tsd-widget.menu {
1308
- display: none;
1309
- }
1310
- @media (max-width: 900px) {
1311
- .tsd-widget.options,
1312
- .tsd-widget.menu {
1313
- display: inline-block;
1314
- }
1315
- }
1316
- input[type="checkbox"] + .tsd-widget:before {
1317
- background-position: -120px 0;
1318
- }
1319
- input[type="checkbox"]:checked + .tsd-widget:before {
1320
- background-position: -160px 0;
1321
- }
1322
-
1323
- .tsd-select {
1324
- position: relative;
1325
- display: inline-block;
1326
- height: 40px;
1327
- transition: opacity 0.1s, background-color 0.2s;
1328
- vertical-align: bottom;
1329
- cursor: pointer;
1330
- }
1331
- .tsd-select .tsd-select-label {
1332
- opacity: 0.6;
1333
- transition: opacity 0.2s;
1334
- }
1335
- .tsd-select .tsd-select-label:before {
1336
- background-position: -240px 0;
1337
- }
1338
- .tsd-select.active .tsd-select-label {
1339
- opacity: 0.8;
1340
- }
1341
- .tsd-select.active .tsd-select-list {
1342
- visibility: visible;
1343
- opacity: 1;
1344
- transition-delay: 0s;
1345
- }
1346
- .tsd-select .tsd-select-list {
1347
- position: absolute;
1348
- visibility: hidden;
1349
- top: 40px;
1350
- left: 0;
1351
- margin: 0;
1352
- padding: 0;
1353
- opacity: 0;
1354
- list-style: none;
1355
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
1356
- transition: visibility 0s 0.2s, opacity 0.2s;
1357
- }
1358
- .tsd-select .tsd-select-list li {
1359
- padding: 0 20px 0 0;
1360
- background-color: var(--color-background);
1361
- }
1362
- .tsd-select .tsd-select-list li:before {
1363
- background-position: 40px 0;
1364
- }
1365
- .tsd-select .tsd-select-list li:nth-child(even) {
1366
- background-color: var(--color-panel);
1367
- }
1368
- .tsd-select .tsd-select-list li:hover {
1369
- background-color: var(--color-panel-divider);
1370
- }
1371
- .tsd-select .tsd-select-list li.selected:before {
1372
- background-position: -200px 0;
1373
- }
1374
- @media (max-width: 900px) {
1375
- .tsd-select .tsd-select-list {
1376
- top: 0;
1377
- left: auto;
1378
- right: 100%;
1379
- margin-right: -5px;
1380
- }
1381
- .tsd-select .tsd-select-label:before {
1382
- background-position: -280px 0;
1383
- }
1384
- }
1385
-
1386
- img {
1387
- max-width: 100%;
1388
- }