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