@projektemacher/storymapjs 0.10.0 → 0.10.2

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 (36) hide show
  1. package/dist/assets/{demo-DYodj6d7.js → demo-rv3vz65J.js} +1 -1
  2. package/dist/assets/{harness-UkbbPmC4.js → harness-BnQbtq1l.js} +1 -1
  3. package/dist/assets/main-mUk_qlWN.js +17 -0
  4. package/dist/css/storymap.css +11 -2
  5. package/dist/demo.html +3 -3
  6. package/dist/examples/assets/custom-flag.svg +6 -0
  7. package/dist/examples/issue-405-custom-icon.json +63 -0
  8. package/dist/harness.html +3 -3
  9. package/dist/index.html +1 -1
  10. package/dist/js/storymap.d.ts +1431 -0
  11. package/dist/js/storymap.js +4171 -4356
  12. package/dist/js/storymap.js.map +1 -1
  13. package/package.json +15 -9
  14. package/dist/assets/main-BDSRsIiB.js +0 -17
  15. package/dist/assets/main-Bzm6THVj.css +0 -1
  16. package/dist/css/icons/vco-icons.eot +0 -0
  17. package/dist/css/icons/vco-icons.svg +0 -63
  18. package/dist/docs/api/.nojekyll +0 -1
  19. package/dist/docs/api/assets/custom.css +0 -47
  20. package/dist/docs/api/assets/hierarchy.js +0 -1
  21. package/dist/docs/api/assets/highlight.css +0 -22
  22. package/dist/docs/api/assets/icons.js +0 -18
  23. package/dist/docs/api/assets/icons.svg +0 -1
  24. package/dist/docs/api/assets/main.js +0 -60
  25. package/dist/docs/api/assets/navigation.js +0 -1
  26. package/dist/docs/api/assets/search.js +0 -1
  27. package/dist/docs/api/assets/style.css +0 -1648
  28. package/dist/docs/api/classes/StoryMap.html +0 -799
  29. package/dist/docs/api/functions/MediaType.html +0 -51
  30. package/dist/docs/api/functions/loadCSS.html +0 -64
  31. package/dist/docs/api/functions/setLanguage.html +0 -53
  32. package/dist/docs/api/functions/validateStorymap.html +0 -53
  33. package/dist/docs/api/functions/validateStorymapAndReport.html +0 -54
  34. package/dist/docs/api/hierarchy.html +0 -28
  35. package/dist/docs/api/index.html +0 -127
  36. package/dist/docs/api/modules.html +0 -42
@@ -1,1648 +0,0 @@
1
- @layer typedoc {
2
- :root {
3
- --dim-toolbar-contents-height: 2.5rem;
4
- --dim-toolbar-border-bottom-width: 1px;
5
- --dim-header-height: calc(
6
- var(--dim-toolbar-border-bottom-width) +
7
- var(--dim-toolbar-contents-height)
8
- );
9
-
10
- /* 0rem For mobile; unit is required for calculation in `calc` */
11
- --dim-container-main-margin-y: 0rem;
12
-
13
- --dim-footer-height: 3.5rem;
14
-
15
- --modal-animation-duration: 0.2s;
16
- }
17
-
18
- :root {
19
- /* Light */
20
- --light-color-background: #f2f4f8;
21
- --light-color-background-secondary: #eff0f1;
22
- /* Not to be confused with [:active](https://developer.mozilla.org/en-US/docs/Web/CSS/:active) */
23
- --light-color-background-active: #d6d8da;
24
- --light-color-background-warning: #e6e600;
25
- --light-color-warning-text: #222;
26
- --light-color-accent: #c5c7c9;
27
- --light-color-active-menu-item: var(--light-color-background-active);
28
- --light-color-text: #222;
29
- --light-color-contrast-text: #000;
30
- --light-color-text-aside: #5e5e5e;
31
-
32
- --light-color-icon-background: var(--light-color-background);
33
- --light-color-icon-text: var(--light-color-text);
34
-
35
- --light-color-comment-tag-text: var(--light-color-text);
36
- --light-color-comment-tag: var(--light-color-background);
37
-
38
- --light-color-link: #1f70c2;
39
- --light-color-focus-outline: #3584e4;
40
-
41
- --light-color-ts-keyword: #056bd6;
42
- --light-color-ts-project: #b111c9;
43
- --light-color-ts-module: var(--light-color-ts-project);
44
- --light-color-ts-namespace: var(--light-color-ts-project);
45
- --light-color-ts-enum: #7e6f15;
46
- --light-color-ts-enum-member: var(--light-color-ts-enum);
47
- --light-color-ts-variable: #4760ec;
48
- --light-color-ts-function: #572be7;
49
- --light-color-ts-class: #1f70c2;
50
- --light-color-ts-interface: #108024;
51
- --light-color-ts-constructor: var(--light-color-ts-class);
52
- --light-color-ts-property: #9f5f30;
53
- --light-color-ts-method: #be3989;
54
- --light-color-ts-reference: #ff4d82;
55
- --light-color-ts-call-signature: var(--light-color-ts-method);
56
- --light-color-ts-index-signature: var(--light-color-ts-property);
57
- --light-color-ts-constructor-signature: var(
58
- --light-color-ts-constructor
59
- );
60
- --light-color-ts-parameter: var(--light-color-ts-variable);
61
- /* type literal not included as links will never be generated to it */
62
- --light-color-ts-type-parameter: #a55c0e;
63
- --light-color-ts-accessor: #c73c3c;
64
- --light-color-ts-get-signature: var(--light-color-ts-accessor);
65
- --light-color-ts-set-signature: var(--light-color-ts-accessor);
66
- --light-color-ts-type-alias: #d51270;
67
- /* reference not included as links will be colored with the kind that it points to */
68
- --light-color-document: #000000;
69
-
70
- --light-color-alert-note: #0969d9;
71
- --light-color-alert-tip: #1a7f37;
72
- --light-color-alert-important: #8250df;
73
- --light-color-alert-warning: #9a6700;
74
- --light-color-alert-caution: #cf222e;
75
-
76
- --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>");
77
- --light-color-scheme: light;
78
- }
79
-
80
- :root {
81
- /* Dark */
82
- --dark-color-background: #2b2e33;
83
- --dark-color-background-secondary: #1e2024;
84
- /* Not to be confused with [:active](https://developer.mozilla.org/en-US/docs/Web/CSS/:active) */
85
- --dark-color-background-active: #5d5d6a;
86
- --dark-color-background-warning: #bebe00;
87
- --dark-color-warning-text: #222;
88
- --dark-color-accent: #9096a2;
89
- --dark-color-active-menu-item: var(--dark-color-background-active);
90
- --dark-color-text: #f5f5f5;
91
- --dark-color-contrast-text: #ffffff;
92
- --dark-color-text-aside: #dddddd;
93
-
94
- --dark-color-icon-background: var(--dark-color-background-secondary);
95
- --dark-color-icon-text: var(--dark-color-text);
96
-
97
- --dark-color-comment-tag-text: var(--dark-color-text);
98
- --dark-color-comment-tag: var(--dark-color-background);
99
-
100
- --dark-color-link: #00aff4;
101
- --dark-color-focus-outline: #4c97f2;
102
-
103
- --dark-color-ts-keyword: #3399ff;
104
- --dark-color-ts-project: #e358ff;
105
- --dark-color-ts-module: var(--dark-color-ts-project);
106
- --dark-color-ts-namespace: var(--dark-color-ts-project);
107
- --dark-color-ts-enum: #f4d93e;
108
- --dark-color-ts-enum-member: var(--dark-color-ts-enum);
109
- --dark-color-ts-variable: #798dff;
110
- --dark-color-ts-function: #a280ff;
111
- --dark-color-ts-class: #8ac4ff;
112
- --dark-color-ts-interface: #6cff87;
113
- --dark-color-ts-constructor: var(--dark-color-ts-class);
114
- --dark-color-ts-property: #ff984d;
115
- --dark-color-ts-method: #ff4db8;
116
- --dark-color-ts-reference: #ff4d82;
117
- --dark-color-ts-call-signature: var(--dark-color-ts-method);
118
- --dark-color-ts-index-signature: var(--dark-color-ts-property);
119
- --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
120
- --dark-color-ts-parameter: var(--dark-color-ts-variable);
121
- /* type literal not included as links will never be generated to it */
122
- --dark-color-ts-type-parameter: #e07d13;
123
- --dark-color-ts-accessor: #ff6060;
124
- --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
125
- --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
126
- --dark-color-ts-type-alias: #ff6492;
127
- /* reference not included as links will be colored with the kind that it points to */
128
- --dark-color-document: #ffffff;
129
-
130
- --dark-color-alert-note: #0969d9;
131
- --dark-color-alert-tip: #1a7f37;
132
- --dark-color-alert-important: #8250df;
133
- --dark-color-alert-warning: #9a6700;
134
- --dark-color-alert-caution: #cf222e;
135
-
136
- --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>");
137
- --dark-color-scheme: dark;
138
- }
139
-
140
- @media (prefers-color-scheme: light) {
141
- :root {
142
- --color-background: var(--light-color-background);
143
- --color-background-secondary: var(
144
- --light-color-background-secondary
145
- );
146
- --color-background-active: var(--light-color-background-active);
147
- --color-background-warning: var(--light-color-background-warning);
148
- --color-warning-text: var(--light-color-warning-text);
149
- --color-accent: var(--light-color-accent);
150
- --color-active-menu-item: var(--light-color-active-menu-item);
151
- --color-text: var(--light-color-text);
152
- --color-contrast-text: var(--light-color-contrast-text);
153
- --color-text-aside: var(--light-color-text-aside);
154
-
155
- --color-icon-background: var(--light-color-icon-background);
156
- --color-icon-text: var(--light-color-icon-text);
157
-
158
- --color-comment-tag-text: var(--light-color-text);
159
- --color-comment-tag: var(--light-color-background);
160
-
161
- --color-link: var(--light-color-link);
162
- --color-focus-outline: var(--light-color-focus-outline);
163
-
164
- --color-ts-keyword: var(--light-color-ts-keyword);
165
- --color-ts-project: var(--light-color-ts-project);
166
- --color-ts-module: var(--light-color-ts-module);
167
- --color-ts-namespace: var(--light-color-ts-namespace);
168
- --color-ts-enum: var(--light-color-ts-enum);
169
- --color-ts-enum-member: var(--light-color-ts-enum-member);
170
- --color-ts-variable: var(--light-color-ts-variable);
171
- --color-ts-function: var(--light-color-ts-function);
172
- --color-ts-class: var(--light-color-ts-class);
173
- --color-ts-interface: var(--light-color-ts-interface);
174
- --color-ts-constructor: var(--light-color-ts-constructor);
175
- --color-ts-property: var(--light-color-ts-property);
176
- --color-ts-method: var(--light-color-ts-method);
177
- --color-ts-reference: var(--light-color-ts-reference);
178
- --color-ts-call-signature: var(--light-color-ts-call-signature);
179
- --color-ts-index-signature: var(--light-color-ts-index-signature);
180
- --color-ts-constructor-signature: var(
181
- --light-color-ts-constructor-signature
182
- );
183
- --color-ts-parameter: var(--light-color-ts-parameter);
184
- --color-ts-type-parameter: var(--light-color-ts-type-parameter);
185
- --color-ts-accessor: var(--light-color-ts-accessor);
186
- --color-ts-get-signature: var(--light-color-ts-get-signature);
187
- --color-ts-set-signature: var(--light-color-ts-set-signature);
188
- --color-ts-type-alias: var(--light-color-ts-type-alias);
189
- --color-document: var(--light-color-document);
190
-
191
- --color-alert-note: var(--light-color-alert-note);
192
- --color-alert-tip: var(--light-color-alert-tip);
193
- --color-alert-important: var(--light-color-alert-important);
194
- --color-alert-warning: var(--light-color-alert-warning);
195
- --color-alert-caution: var(--light-color-alert-caution);
196
-
197
- --external-icon: var(--light-external-icon);
198
- --color-scheme: var(--light-color-scheme);
199
- }
200
- }
201
-
202
- @media (prefers-color-scheme: dark) {
203
- :root {
204
- --color-background: var(--dark-color-background);
205
- --color-background-secondary: var(
206
- --dark-color-background-secondary
207
- );
208
- --color-background-active: var(--dark-color-background-active);
209
- --color-background-warning: var(--dark-color-background-warning);
210
- --color-warning-text: var(--dark-color-warning-text);
211
- --color-accent: var(--dark-color-accent);
212
- --color-active-menu-item: var(--dark-color-active-menu-item);
213
- --color-text: var(--dark-color-text);
214
- --color-contrast-text: var(--dark-color-contrast-text);
215
- --color-text-aside: var(--dark-color-text-aside);
216
-
217
- --color-icon-background: var(--dark-color-icon-background);
218
- --color-icon-text: var(--dark-color-icon-text);
219
-
220
- --color-comment-tag-text: var(--dark-color-text);
221
- --color-comment-tag: var(--dark-color-background);
222
-
223
- --color-link: var(--dark-color-link);
224
- --color-focus-outline: var(--dark-color-focus-outline);
225
-
226
- --color-ts-keyword: var(--dark-color-ts-keyword);
227
- --color-ts-project: var(--dark-color-ts-project);
228
- --color-ts-module: var(--dark-color-ts-module);
229
- --color-ts-namespace: var(--dark-color-ts-namespace);
230
- --color-ts-enum: var(--dark-color-ts-enum);
231
- --color-ts-enum-member: var(--dark-color-ts-enum-member);
232
- --color-ts-variable: var(--dark-color-ts-variable);
233
- --color-ts-function: var(--dark-color-ts-function);
234
- --color-ts-class: var(--dark-color-ts-class);
235
- --color-ts-interface: var(--dark-color-ts-interface);
236
- --color-ts-constructor: var(--dark-color-ts-constructor);
237
- --color-ts-property: var(--dark-color-ts-property);
238
- --color-ts-method: var(--dark-color-ts-method);
239
- --color-ts-reference: var(--dark-color-ts-reference);
240
- --color-ts-call-signature: var(--dark-color-ts-call-signature);
241
- --color-ts-index-signature: var(--dark-color-ts-index-signature);
242
- --color-ts-constructor-signature: var(
243
- --dark-color-ts-constructor-signature
244
- );
245
- --color-ts-parameter: var(--dark-color-ts-parameter);
246
- --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
247
- --color-ts-accessor: var(--dark-color-ts-accessor);
248
- --color-ts-get-signature: var(--dark-color-ts-get-signature);
249
- --color-ts-set-signature: var(--dark-color-ts-set-signature);
250
- --color-ts-type-alias: var(--dark-color-ts-type-alias);
251
- --color-document: var(--dark-color-document);
252
-
253
- --color-alert-note: var(--dark-color-alert-note);
254
- --color-alert-tip: var(--dark-color-alert-tip);
255
- --color-alert-important: var(--dark-color-alert-important);
256
- --color-alert-warning: var(--dark-color-alert-warning);
257
- --color-alert-caution: var(--dark-color-alert-caution);
258
-
259
- --external-icon: var(--dark-external-icon);
260
- --color-scheme: var(--dark-color-scheme);
261
- }
262
- }
263
-
264
- :root[data-theme="light"] {
265
- --color-background: var(--light-color-background);
266
- --color-background-secondary: var(--light-color-background-secondary);
267
- --color-background-active: var(--light-color-background-active);
268
- --color-background-warning: var(--light-color-background-warning);
269
- --color-warning-text: var(--light-color-warning-text);
270
- --color-icon-background: var(--light-color-icon-background);
271
- --color-accent: var(--light-color-accent);
272
- --color-active-menu-item: var(--light-color-active-menu-item);
273
- --color-text: var(--light-color-text);
274
- --color-contrast-text: var(--light-color-contrast-text);
275
- --color-text-aside: var(--light-color-text-aside);
276
- --color-icon-text: var(--light-color-icon-text);
277
-
278
- --color-comment-tag-text: var(--light-color-text);
279
- --color-comment-tag: var(--light-color-background);
280
-
281
- --color-link: var(--light-color-link);
282
- --color-focus-outline: var(--light-color-focus-outline);
283
-
284
- --color-ts-keyword: var(--light-color-ts-keyword);
285
- --color-ts-project: var(--light-color-ts-project);
286
- --color-ts-module: var(--light-color-ts-module);
287
- --color-ts-namespace: var(--light-color-ts-namespace);
288
- --color-ts-enum: var(--light-color-ts-enum);
289
- --color-ts-enum-member: var(--light-color-ts-enum-member);
290
- --color-ts-variable: var(--light-color-ts-variable);
291
- --color-ts-function: var(--light-color-ts-function);
292
- --color-ts-class: var(--light-color-ts-class);
293
- --color-ts-interface: var(--light-color-ts-interface);
294
- --color-ts-constructor: var(--light-color-ts-constructor);
295
- --color-ts-property: var(--light-color-ts-property);
296
- --color-ts-method: var(--light-color-ts-method);
297
- --color-ts-reference: var(--light-color-ts-reference);
298
- --color-ts-call-signature: var(--light-color-ts-call-signature);
299
- --color-ts-index-signature: var(--light-color-ts-index-signature);
300
- --color-ts-constructor-signature: var(
301
- --light-color-ts-constructor-signature
302
- );
303
- --color-ts-parameter: var(--light-color-ts-parameter);
304
- --color-ts-type-parameter: var(--light-color-ts-type-parameter);
305
- --color-ts-accessor: var(--light-color-ts-accessor);
306
- --color-ts-get-signature: var(--light-color-ts-get-signature);
307
- --color-ts-set-signature: var(--light-color-ts-set-signature);
308
- --color-ts-type-alias: var(--light-color-ts-type-alias);
309
- --color-document: var(--light-color-document);
310
-
311
- --color-note: var(--light-color-note);
312
- --color-tip: var(--light-color-tip);
313
- --color-important: var(--light-color-important);
314
- --color-warning: var(--light-color-warning);
315
- --color-caution: var(--light-color-caution);
316
-
317
- --external-icon: var(--light-external-icon);
318
- --color-scheme: var(--light-color-scheme);
319
- }
320
-
321
- :root[data-theme="dark"] {
322
- --color-background: var(--dark-color-background);
323
- --color-background-secondary: var(--dark-color-background-secondary);
324
- --color-background-active: var(--dark-color-background-active);
325
- --color-background-warning: var(--dark-color-background-warning);
326
- --color-warning-text: var(--dark-color-warning-text);
327
- --color-icon-background: var(--dark-color-icon-background);
328
- --color-accent: var(--dark-color-accent);
329
- --color-active-menu-item: var(--dark-color-active-menu-item);
330
- --color-text: var(--dark-color-text);
331
- --color-contrast-text: var(--dark-color-contrast-text);
332
- --color-text-aside: var(--dark-color-text-aside);
333
- --color-icon-text: var(--dark-color-icon-text);
334
-
335
- --color-comment-tag-text: var(--dark-color-text);
336
- --color-comment-tag: var(--dark-color-background);
337
-
338
- --color-link: var(--dark-color-link);
339
- --color-focus-outline: var(--dark-color-focus-outline);
340
-
341
- --color-ts-keyword: var(--dark-color-ts-keyword);
342
- --color-ts-project: var(--dark-color-ts-project);
343
- --color-ts-module: var(--dark-color-ts-module);
344
- --color-ts-namespace: var(--dark-color-ts-namespace);
345
- --color-ts-enum: var(--dark-color-ts-enum);
346
- --color-ts-enum-member: var(--dark-color-ts-enum-member);
347
- --color-ts-variable: var(--dark-color-ts-variable);
348
- --color-ts-function: var(--dark-color-ts-function);
349
- --color-ts-class: var(--dark-color-ts-class);
350
- --color-ts-interface: var(--dark-color-ts-interface);
351
- --color-ts-constructor: var(--dark-color-ts-constructor);
352
- --color-ts-property: var(--dark-color-ts-property);
353
- --color-ts-method: var(--dark-color-ts-method);
354
- --color-ts-reference: var(--dark-color-ts-reference);
355
- --color-ts-call-signature: var(--dark-color-ts-call-signature);
356
- --color-ts-index-signature: var(--dark-color-ts-index-signature);
357
- --color-ts-constructor-signature: var(
358
- --dark-color-ts-constructor-signature
359
- );
360
- --color-ts-parameter: var(--dark-color-ts-parameter);
361
- --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
362
- --color-ts-accessor: var(--dark-color-ts-accessor);
363
- --color-ts-get-signature: var(--dark-color-ts-get-signature);
364
- --color-ts-set-signature: var(--dark-color-ts-set-signature);
365
- --color-ts-type-alias: var(--dark-color-ts-type-alias);
366
- --color-document: var(--dark-color-document);
367
-
368
- --color-note: var(--dark-color-note);
369
- --color-tip: var(--dark-color-tip);
370
- --color-important: var(--dark-color-important);
371
- --color-warning: var(--dark-color-warning);
372
- --color-caution: var(--dark-color-caution);
373
-
374
- --external-icon: var(--dark-external-icon);
375
- --color-scheme: var(--dark-color-scheme);
376
- }
377
-
378
- html {
379
- color-scheme: var(--color-scheme);
380
- @media (prefers-reduced-motion: no-preference) {
381
- scroll-behavior: smooth;
382
- }
383
- }
384
-
385
- *:focus-visible,
386
- .tsd-accordion-summary:focus-visible svg {
387
- outline: 2px solid var(--color-focus-outline);
388
- }
389
-
390
- .always-visible,
391
- .always-visible .tsd-signatures {
392
- display: inherit !important;
393
- }
394
-
395
- h1,
396
- h2,
397
- h3,
398
- h4,
399
- h5,
400
- h6 {
401
- line-height: 1.2;
402
- }
403
-
404
- h1 {
405
- font-size: 1.875rem;
406
- margin: 0.67rem 0;
407
- }
408
-
409
- h2 {
410
- font-size: 1.5rem;
411
- margin: 0.83rem 0;
412
- }
413
-
414
- h3 {
415
- font-size: 1.25rem;
416
- margin: 1rem 0;
417
- }
418
-
419
- h4 {
420
- font-size: 1.05rem;
421
- margin: 1.33rem 0;
422
- }
423
-
424
- h5 {
425
- font-size: 1rem;
426
- margin: 1.5rem 0;
427
- }
428
-
429
- h6 {
430
- font-size: 0.875rem;
431
- margin: 2.33rem 0;
432
- }
433
-
434
- dl,
435
- menu,
436
- ol,
437
- ul {
438
- margin: 1em 0;
439
- }
440
-
441
- dd {
442
- margin: 0 0 0 34px;
443
- }
444
-
445
- .container {
446
- max-width: 1700px;
447
- padding: 0 2rem;
448
- }
449
-
450
- /* Footer */
451
- footer {
452
- border-top: 1px solid var(--color-accent);
453
- padding-top: 1rem;
454
- padding-bottom: 1rem;
455
- max-height: var(--dim-footer-height);
456
- }
457
- footer > p {
458
- margin: 0 1em;
459
- }
460
-
461
- .container-main {
462
- margin: var(--dim-container-main-margin-y) auto;
463
- /* toolbar, footer, margin */
464
- min-height: calc(
465
- 100svh - var(--dim-header-height) - var(--dim-footer-height) -
466
- 2 * var(--dim-container-main-margin-y)
467
- );
468
- }
469
-
470
- @keyframes fade-in {
471
- from {
472
- opacity: 0;
473
- }
474
- to {
475
- opacity: 1;
476
- }
477
- }
478
- @keyframes fade-out {
479
- from {
480
- opacity: 1;
481
- visibility: visible;
482
- }
483
- to {
484
- opacity: 0;
485
- }
486
- }
487
- @keyframes pop-in-from-right {
488
- from {
489
- transform: translate(100%, 0);
490
- }
491
- to {
492
- transform: translate(0, 0);
493
- }
494
- }
495
- @keyframes pop-out-to-right {
496
- from {
497
- transform: translate(0, 0);
498
- visibility: visible;
499
- }
500
- to {
501
- transform: translate(100%, 0);
502
- }
503
- }
504
- body {
505
- background: var(--color-background);
506
- font-family:
507
- -apple-system,
508
- BlinkMacSystemFont,
509
- "Segoe UI",
510
- "Noto Sans",
511
- Helvetica,
512
- Arial,
513
- sans-serif,
514
- "Apple Color Emoji",
515
- "Segoe UI Emoji";
516
- font-size: 16px;
517
- color: var(--color-text);
518
- margin: 0;
519
- }
520
-
521
- a {
522
- color: var(--color-link);
523
- text-decoration: none;
524
- }
525
- a:hover {
526
- text-decoration: underline;
527
- }
528
- a.external[target="_blank"] {
529
- background-image: var(--external-icon);
530
- background-position: top 3px right;
531
- background-repeat: no-repeat;
532
- padding-right: 13px;
533
- }
534
- a.tsd-anchor-link {
535
- color: var(--color-text);
536
- }
537
- :target {
538
- scroll-margin-block: calc(var(--dim-header-height) + 0.5rem);
539
- }
540
-
541
- math[display="block"] {
542
- position: relative;
543
- padding: 10px;
544
- border: 1px solid var(--color-accent);
545
- border-radius: 0.8em;
546
- margin-bottom: 8px;
547
- }
548
-
549
- code,
550
- pre {
551
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
552
- padding: 0.2em;
553
- margin: 0;
554
- font-size: 0.875rem;
555
- border-radius: 0.8em;
556
- }
557
-
558
- pre {
559
- position: relative;
560
- white-space: pre-wrap;
561
- word-wrap: break-word;
562
- padding: 10px;
563
- border: 1px solid var(--color-accent);
564
- margin-bottom: 8px;
565
- }
566
- pre code {
567
- padding: 0;
568
- font-size: 100%;
569
- }
570
- pre > button {
571
- position: absolute;
572
- top: 10px;
573
- right: 10px;
574
- opacity: 0;
575
- transition: opacity 0.1s;
576
- box-sizing: border-box;
577
- }
578
- pre:hover > button,
579
- pre > button.visible,
580
- pre > button:focus-visible {
581
- opacity: 1;
582
- }
583
-
584
- blockquote {
585
- margin: 1em 0;
586
- padding-left: 1em;
587
- border-left: 4px solid gray;
588
- }
589
-
590
- img {
591
- max-width: 100%;
592
- }
593
-
594
- * {
595
- scrollbar-width: thin;
596
- scrollbar-color: var(--color-accent) var(--color-icon-background);
597
- }
598
-
599
- *::-webkit-scrollbar {
600
- width: 0.75rem;
601
- }
602
-
603
- *::-webkit-scrollbar-track {
604
- background: var(--color-icon-background);
605
- }
606
-
607
- *::-webkit-scrollbar-thumb {
608
- background-color: var(--color-accent);
609
- border-radius: 999rem;
610
- border: 0.25rem solid var(--color-icon-background);
611
- }
612
-
613
- dialog {
614
- border: none;
615
- outline: none;
616
- padding: 0;
617
- background-color: var(--color-background);
618
- }
619
- dialog::backdrop {
620
- display: none;
621
- }
622
- #tsd-overlay {
623
- background-color: rgba(0, 0, 0, 0.5);
624
- position: fixed;
625
- z-index: 9999;
626
- top: 0;
627
- left: 0;
628
- right: 0;
629
- bottom: 0;
630
- animation: fade-in var(--modal-animation-duration) forwards;
631
- }
632
- #tsd-overlay.closing {
633
- animation-name: fade-out;
634
- }
635
-
636
- .tsd-typography {
637
- line-height: 1.333em;
638
- }
639
- .tsd-typography ul {
640
- list-style: square;
641
- padding: 0 0 0 20px;
642
- margin: 0;
643
- }
644
- .tsd-typography .tsd-index-panel h3,
645
- .tsd-index-panel .tsd-typography h3,
646
- .tsd-typography h4,
647
- .tsd-typography h5,
648
- .tsd-typography h6 {
649
- font-size: 1em;
650
- }
651
- .tsd-typography h5,
652
- .tsd-typography h6 {
653
- font-weight: normal;
654
- }
655
- .tsd-typography p,
656
- .tsd-typography ul,
657
- .tsd-typography ol {
658
- margin: 1em 0;
659
- }
660
- .tsd-typography table {
661
- border-collapse: collapse;
662
- border: none;
663
- }
664
- .tsd-typography td,
665
- .tsd-typography th {
666
- padding: 6px 13px;
667
- border: 1px solid var(--color-accent);
668
- }
669
- .tsd-typography thead,
670
- .tsd-typography tr:nth-child(even) {
671
- background-color: var(--color-background-secondary);
672
- }
673
-
674
- .tsd-alert {
675
- padding: 8px 16px;
676
- margin-bottom: 16px;
677
- border-left: 0.25em solid var(--alert-color);
678
- }
679
- .tsd-alert blockquote > :last-child,
680
- .tsd-alert > :last-child {
681
- margin-bottom: 0;
682
- }
683
- .tsd-alert-title {
684
- color: var(--alert-color);
685
- display: inline-flex;
686
- align-items: center;
687
- }
688
- .tsd-alert-title span {
689
- margin-left: 4px;
690
- }
691
-
692
- .tsd-alert-note {
693
- --alert-color: var(--color-alert-note);
694
- }
695
- .tsd-alert-tip {
696
- --alert-color: var(--color-alert-tip);
697
- }
698
- .tsd-alert-important {
699
- --alert-color: var(--color-alert-important);
700
- }
701
- .tsd-alert-warning {
702
- --alert-color: var(--color-alert-warning);
703
- }
704
- .tsd-alert-caution {
705
- --alert-color: var(--color-alert-caution);
706
- }
707
-
708
- .tsd-breadcrumb {
709
- margin: 0;
710
- margin-top: 1rem;
711
- padding: 0;
712
- color: var(--color-text-aside);
713
- }
714
- .tsd-breadcrumb a {
715
- color: var(--color-text-aside);
716
- text-decoration: none;
717
- }
718
- .tsd-breadcrumb a:hover {
719
- text-decoration: underline;
720
- }
721
- .tsd-breadcrumb li {
722
- display: inline;
723
- }
724
- .tsd-breadcrumb li:after {
725
- content: " / ";
726
- }
727
-
728
- .tsd-comment-tags {
729
- display: flex;
730
- flex-direction: column;
731
- }
732
- dl.tsd-comment-tag-group {
733
- display: flex;
734
- align-items: center;
735
- overflow: hidden;
736
- margin: 0.5em 0;
737
- }
738
- dl.tsd-comment-tag-group dt {
739
- display: flex;
740
- margin-right: 0.5em;
741
- font-size: 0.875em;
742
- font-weight: normal;
743
- }
744
- dl.tsd-comment-tag-group dd {
745
- margin: 0;
746
- }
747
- code.tsd-tag {
748
- padding: 0.25em 0.4em;
749
- border: 0.1em solid var(--color-accent);
750
- margin-right: 0.25em;
751
- font-size: 70%;
752
- }
753
- h1 code.tsd-tag:first-of-type {
754
- margin-left: 0.25em;
755
- }
756
-
757
- dl.tsd-comment-tag-group dd:before,
758
- dl.tsd-comment-tag-group dd:after {
759
- content: " ";
760
- }
761
- dl.tsd-comment-tag-group dd pre,
762
- dl.tsd-comment-tag-group dd:after {
763
- clear: both;
764
- }
765
- dl.tsd-comment-tag-group p {
766
- margin: 0;
767
- }
768
-
769
- .tsd-panel.tsd-comment .lead {
770
- font-size: 1.1em;
771
- line-height: 1.333em;
772
- margin-bottom: 2em;
773
- }
774
- .tsd-panel.tsd-comment .lead:last-child {
775
- margin-bottom: 0;
776
- }
777
-
778
- .tsd-filter-visibility h4 {
779
- font-size: 1rem;
780
- padding-top: 0.75rem;
781
- padding-bottom: 0.5rem;
782
- margin: 0;
783
- }
784
- .tsd-filter-item:not(:last-child) {
785
- margin-bottom: 0.5rem;
786
- }
787
- .tsd-filter-input {
788
- display: flex;
789
- width: -moz-fit-content;
790
- width: fit-content;
791
- align-items: center;
792
- -webkit-user-select: none;
793
- -moz-user-select: none;
794
- -ms-user-select: none;
795
- user-select: none;
796
- cursor: pointer;
797
- }
798
- .tsd-filter-input input[type="checkbox"] {
799
- cursor: pointer;
800
- position: absolute;
801
- width: 1.5em;
802
- height: 1.5em;
803
- opacity: 0;
804
- }
805
- .tsd-filter-input input[type="checkbox"]:disabled {
806
- pointer-events: none;
807
- }
808
- .tsd-filter-input svg {
809
- cursor: pointer;
810
- width: 1.5em;
811
- height: 1.5em;
812
- margin-right: 0.5em;
813
- border-radius: 0.33em;
814
- /* Leaving this at full opacity breaks event listeners on Firefox.
815
- Don't remove unless you know what you're doing. */
816
- opacity: 0.99;
817
- }
818
- .tsd-filter-input input[type="checkbox"]:focus-visible + svg {
819
- outline: 2px solid var(--color-focus-outline);
820
- }
821
- .tsd-checkbox-background {
822
- fill: var(--color-accent);
823
- }
824
- input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark {
825
- stroke: var(--color-text);
826
- }
827
- .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
828
- fill: var(--color-background);
829
- stroke: var(--color-accent);
830
- stroke-width: 0.25rem;
831
- }
832
- .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
833
- stroke: var(--color-accent);
834
- }
835
-
836
- .settings-label {
837
- font-weight: bold;
838
- text-transform: uppercase;
839
- display: inline-block;
840
- }
841
-
842
- .tsd-filter-visibility .settings-label {
843
- margin: 0.75rem 0 0.5rem 0;
844
- }
845
-
846
- .tsd-theme-toggle .settings-label {
847
- margin: 0.75rem 0.75rem 0 0;
848
- }
849
-
850
- .tsd-hierarchy h4 label:hover span {
851
- text-decoration: underline;
852
- }
853
-
854
- .tsd-hierarchy {
855
- list-style: square;
856
- margin: 0;
857
- }
858
- .tsd-hierarchy-target {
859
- font-weight: bold;
860
- }
861
- .tsd-hierarchy-toggle {
862
- color: var(--color-link);
863
- cursor: pointer;
864
- }
865
-
866
- .tsd-full-hierarchy:not(:last-child) {
867
- margin-bottom: 1em;
868
- padding-bottom: 1em;
869
- border-bottom: 1px solid var(--color-accent);
870
- }
871
- .tsd-full-hierarchy,
872
- .tsd-full-hierarchy ul {
873
- list-style: none;
874
- margin: 0;
875
- padding: 0;
876
- }
877
- .tsd-full-hierarchy ul {
878
- padding-left: 1.5rem;
879
- }
880
- .tsd-full-hierarchy a {
881
- padding: 0.25rem 0 !important;
882
- font-size: 1rem;
883
- display: inline-flex;
884
- align-items: center;
885
- color: var(--color-text);
886
- }
887
- .tsd-full-hierarchy svg[data-dropdown] {
888
- cursor: pointer;
889
- }
890
- .tsd-full-hierarchy svg[data-dropdown="false"] {
891
- transform: rotate(-90deg);
892
- }
893
- .tsd-full-hierarchy svg[data-dropdown="false"] ~ ul {
894
- display: none;
895
- }
896
-
897
- .tsd-panel-group.tsd-index-group {
898
- margin-bottom: 0;
899
- }
900
- .tsd-index-panel .tsd-index-list {
901
- list-style: none;
902
- line-height: 1.333em;
903
- margin: 0;
904
- padding: 0.25rem 0 0 0;
905
- overflow: hidden;
906
- display: grid;
907
- grid-template-columns: repeat(3, 1fr);
908
- column-gap: 1rem;
909
- grid-template-rows: auto;
910
- }
911
- @media (max-width: 1024px) {
912
- .tsd-index-panel .tsd-index-list {
913
- grid-template-columns: repeat(2, 1fr);
914
- }
915
- }
916
- @media (max-width: 768px) {
917
- .tsd-index-panel .tsd-index-list {
918
- grid-template-columns: repeat(1, 1fr);
919
- }
920
- }
921
- .tsd-index-panel .tsd-index-list li {
922
- -webkit-page-break-inside: avoid;
923
- -moz-page-break-inside: avoid;
924
- -ms-page-break-inside: avoid;
925
- -o-page-break-inside: avoid;
926
- page-break-inside: avoid;
927
- }
928
-
929
- .tsd-flag {
930
- display: inline-block;
931
- padding: 0.25em 0.4em;
932
- border-radius: 4px;
933
- color: var(--color-comment-tag-text);
934
- background-color: var(--color-comment-tag);
935
- text-indent: 0;
936
- font-size: 75%;
937
- line-height: 1;
938
- font-weight: normal;
939
- }
940
-
941
- .tsd-anchor {
942
- position: relative;
943
- top: -100px;
944
- }
945
-
946
- .tsd-member {
947
- position: relative;
948
- }
949
- .tsd-member .tsd-anchor + h3 {
950
- display: flex;
951
- align-items: center;
952
- margin-top: 0;
953
- margin-bottom: 0;
954
- border-bottom: none;
955
- }
956
-
957
- .tsd-navigation.settings {
958
- margin: 0;
959
- margin-bottom: 1rem;
960
- }
961
- .tsd-navigation > a,
962
- .tsd-navigation .tsd-accordion-summary {
963
- width: calc(100% - 0.25rem);
964
- display: flex;
965
- align-items: center;
966
- }
967
- .tsd-navigation a,
968
- .tsd-navigation summary > span,
969
- .tsd-page-navigation a {
970
- display: flex;
971
- width: calc(100% - 0.25rem);
972
- align-items: center;
973
- padding: 0.25rem;
974
- color: var(--color-text);
975
- text-decoration: none;
976
- box-sizing: border-box;
977
- }
978
- .tsd-navigation a.current,
979
- .tsd-page-navigation a.current {
980
- background: var(--color-active-menu-item);
981
- color: var(--color-contrast-text);
982
- }
983
- .tsd-navigation a:hover,
984
- .tsd-page-navigation a:hover {
985
- text-decoration: underline;
986
- }
987
- .tsd-navigation ul,
988
- .tsd-page-navigation ul {
989
- margin-top: 0;
990
- margin-bottom: 0;
991
- padding: 0;
992
- list-style: none;
993
- }
994
- .tsd-navigation li,
995
- .tsd-page-navigation li {
996
- padding: 0;
997
- max-width: 100%;
998
- }
999
- .tsd-navigation .tsd-nav-link {
1000
- display: none;
1001
- }
1002
- .tsd-nested-navigation {
1003
- margin-left: 3rem;
1004
- }
1005
- .tsd-nested-navigation > li > details {
1006
- margin-left: -1.5rem;
1007
- }
1008
- .tsd-small-nested-navigation {
1009
- margin-left: 1.5rem;
1010
- }
1011
- .tsd-small-nested-navigation > li > details {
1012
- margin-left: -1.5rem;
1013
- }
1014
-
1015
- .tsd-page-navigation-section > summary {
1016
- padding: 0.25rem;
1017
- }
1018
- .tsd-page-navigation-section > summary > svg {
1019
- margin-right: 0.25rem;
1020
- }
1021
- .tsd-page-navigation-section > div {
1022
- margin-left: 30px;
1023
- }
1024
- .tsd-page-navigation ul {
1025
- padding-left: 1.75rem;
1026
- }
1027
-
1028
- #tsd-sidebar-links a {
1029
- margin-top: 0;
1030
- margin-bottom: 0.5rem;
1031
- line-height: 1.25rem;
1032
- }
1033
- #tsd-sidebar-links a:last-of-type {
1034
- margin-bottom: 0;
1035
- }
1036
-
1037
- a.tsd-index-link {
1038
- padding: 0.25rem 0 !important;
1039
- font-size: 1rem;
1040
- line-height: 1.25rem;
1041
- display: inline-flex;
1042
- align-items: center;
1043
- color: var(--color-text);
1044
- }
1045
- .tsd-accordion-summary {
1046
- list-style-type: none; /* hide marker on non-safari */
1047
- outline: none; /* broken on safari, so just hide it */
1048
- display: flex;
1049
- align-items: center;
1050
- gap: 0.25rem;
1051
- box-sizing: border-box;
1052
- }
1053
- .tsd-accordion-summary::-webkit-details-marker {
1054
- display: none; /* hide marker on safari */
1055
- }
1056
- .tsd-accordion-summary,
1057
- .tsd-accordion-summary a {
1058
- -moz-user-select: none;
1059
- -webkit-user-select: none;
1060
- -ms-user-select: none;
1061
- user-select: none;
1062
-
1063
- cursor: pointer;
1064
- }
1065
- .tsd-accordion-summary > a {
1066
- width: calc(100% - 1.5rem);
1067
- }
1068
- .tsd-accordion-summary > * {
1069
- margin-top: 0;
1070
- margin-bottom: 0;
1071
- padding-top: 0;
1072
- padding-bottom: 0;
1073
- }
1074
- /*
1075
- * We need to be careful to target the arrow indicating whether the accordion
1076
- * is open, but not any other SVGs included in the details element.
1077
- */
1078
- .tsd-accordion:not([open]) > .tsd-accordion-summary > svg:first-child {
1079
- transform: rotate(-90deg);
1080
- }
1081
- .tsd-index-content > :not(:first-child) {
1082
- margin-top: 0.75rem;
1083
- }
1084
- .tsd-index-summary {
1085
- margin-top: 1.5rem;
1086
- margin-bottom: 0.75rem;
1087
- display: flex;
1088
- align-content: center;
1089
- }
1090
-
1091
- .tsd-no-select {
1092
- -webkit-user-select: none;
1093
- -moz-user-select: none;
1094
- -ms-user-select: none;
1095
- user-select: none;
1096
- }
1097
- .tsd-kind-icon {
1098
- margin-right: 0.5rem;
1099
- width: 1.25rem;
1100
- height: 1.25rem;
1101
- min-width: 1.25rem;
1102
- min-height: 1.25rem;
1103
- }
1104
- .tsd-signature > .tsd-kind-icon {
1105
- margin-right: 0.8rem;
1106
- }
1107
-
1108
- .tsd-panel {
1109
- margin-bottom: 2.5rem;
1110
- }
1111
- .tsd-panel.tsd-member {
1112
- margin-bottom: 4rem;
1113
- }
1114
- .tsd-panel:empty {
1115
- display: none;
1116
- }
1117
- .tsd-panel > h1,
1118
- .tsd-panel > h2,
1119
- .tsd-panel > h3 {
1120
- margin: 1.5rem -1.5rem 0.75rem -1.5rem;
1121
- padding: 0 1.5rem 0.75rem 1.5rem;
1122
- }
1123
- .tsd-panel > h1.tsd-before-signature,
1124
- .tsd-panel > h2.tsd-before-signature,
1125
- .tsd-panel > h3.tsd-before-signature {
1126
- margin-bottom: 0;
1127
- border-bottom: none;
1128
- }
1129
-
1130
- .tsd-panel-group {
1131
- margin: 2rem 0;
1132
- }
1133
- .tsd-panel-group.tsd-index-group {
1134
- margin: 2rem 0;
1135
- }
1136
- .tsd-panel-group.tsd-index-group details {
1137
- margin: 2rem 0;
1138
- }
1139
- .tsd-panel-group > .tsd-accordion-summary {
1140
- margin-bottom: 1rem;
1141
- }
1142
-
1143
- #tsd-search[open] {
1144
- animation: fade-in var(--modal-animation-duration) ease-out forwards;
1145
- }
1146
- #tsd-search[open].closing {
1147
- animation-name: fade-out;
1148
- }
1149
-
1150
- /* Avoid setting `display` on closed dialog */
1151
- #tsd-search[open] {
1152
- display: flex;
1153
- flex-direction: column;
1154
- padding: 1rem;
1155
- width: 32rem;
1156
- max-width: 90vw;
1157
- max-height: calc(100vh - env(keyboard-inset-height, 0px) - 25vh);
1158
- /* Anchor dialog to top */
1159
- margin-top: 10vh;
1160
- border-radius: 6px;
1161
- will-change: max-height;
1162
- }
1163
- #tsd-search-input {
1164
- box-sizing: border-box;
1165
- width: 100%;
1166
- padding: 0 0.625rem; /* 10px */
1167
- outline: 0;
1168
- border: 2px solid var(--color-accent);
1169
- background-color: transparent;
1170
- color: var(--color-text);
1171
- border-radius: 4px;
1172
- height: 2.5rem;
1173
- flex: 0 0 auto;
1174
- font-size: 0.875rem;
1175
- transition: border-color 0.2s, background-color 0.2s;
1176
- }
1177
- #tsd-search-input:focus-visible {
1178
- background-color: var(--color-background-active);
1179
- border-color: transparent;
1180
- color: var(--color-contrast-text);
1181
- }
1182
- #tsd-search-input::placeholder {
1183
- color: inherit;
1184
- opacity: 0.8;
1185
- }
1186
- #tsd-search-results {
1187
- margin: 0;
1188
- padding: 0;
1189
- list-style: none;
1190
- flex: 1 1 auto;
1191
- display: flex;
1192
- flex-direction: column;
1193
- overflow-y: auto;
1194
- }
1195
- #tsd-search-results:not(:empty) {
1196
- margin-top: 0.5rem;
1197
- }
1198
- #tsd-search-results > li {
1199
- background-color: var(--color-background);
1200
- line-height: 1.5;
1201
- box-sizing: border-box;
1202
- border-radius: 4px;
1203
- }
1204
- #tsd-search-results > li:nth-child(even) {
1205
- background-color: var(--color-background-secondary);
1206
- }
1207
- #tsd-search-results > li:is(:hover, [aria-selected="true"]) {
1208
- background-color: var(--color-background-active);
1209
- color: var(--color-contrast-text);
1210
- }
1211
- /* It's important that this takes full size of parent `li`, to capture a click on `li` */
1212
- #tsd-search-results > li > a {
1213
- display: flex;
1214
- align-items: center;
1215
- padding: 0.5rem 0.25rem;
1216
- box-sizing: border-box;
1217
- width: 100%;
1218
- }
1219
- #tsd-search-results > li > a > .text {
1220
- flex: 1 1 auto;
1221
- min-width: 0;
1222
- overflow-wrap: anywhere;
1223
- }
1224
- #tsd-search-results > li > a .parent {
1225
- color: var(--color-text-aside);
1226
- }
1227
- #tsd-search-results > li > a mark {
1228
- color: inherit;
1229
- background-color: inherit;
1230
- font-weight: bold;
1231
- }
1232
- #tsd-search-status {
1233
- flex: 1;
1234
- display: grid;
1235
- place-content: center;
1236
- text-align: center;
1237
- overflow-wrap: anywhere;
1238
- }
1239
- #tsd-search-status:not(:empty) {
1240
- min-height: 6rem;
1241
- }
1242
-
1243
- .tsd-signature {
1244
- margin: 0 0 1rem 0;
1245
- padding: 1rem 0.5rem;
1246
- border: 1px solid var(--color-accent);
1247
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1248
- font-size: 14px;
1249
- overflow-x: auto;
1250
- }
1251
-
1252
- .tsd-signature-keyword {
1253
- color: var(--color-ts-keyword);
1254
- font-weight: normal;
1255
- }
1256
-
1257
- .tsd-signature-symbol {
1258
- color: var(--color-text-aside);
1259
- font-weight: normal;
1260
- }
1261
-
1262
- .tsd-signature-type {
1263
- font-style: italic;
1264
- font-weight: normal;
1265
- }
1266
-
1267
- .tsd-signatures {
1268
- padding: 0;
1269
- margin: 0 0 1em 0;
1270
- list-style-type: none;
1271
- }
1272
- .tsd-signatures .tsd-signature {
1273
- margin: 0;
1274
- border-color: var(--color-accent);
1275
- border-width: 1px 0;
1276
- transition: background-color 0.1s;
1277
- }
1278
- .tsd-signatures .tsd-index-signature:not(:last-child) {
1279
- margin-bottom: 1em;
1280
- }
1281
- .tsd-signatures .tsd-index-signature .tsd-signature {
1282
- border-width: 1px;
1283
- }
1284
- .tsd-description .tsd-signatures .tsd-signature {
1285
- border-width: 1px;
1286
- }
1287
-
1288
- ul.tsd-parameter-list,
1289
- ul.tsd-type-parameter-list {
1290
- list-style: square;
1291
- margin: 0;
1292
- padding-left: 20px;
1293
- }
1294
- ul.tsd-parameter-list > li.tsd-parameter-signature,
1295
- ul.tsd-type-parameter-list > li.tsd-parameter-signature {
1296
- list-style: none;
1297
- margin-left: -20px;
1298
- }
1299
- ul.tsd-parameter-list h5,
1300
- ul.tsd-type-parameter-list h5 {
1301
- font-size: 16px;
1302
- margin: 1em 0 0.5em 0;
1303
- }
1304
- .tsd-sources {
1305
- margin-top: 1rem;
1306
- font-size: 0.875em;
1307
- }
1308
- .tsd-sources a {
1309
- color: var(--color-text-aside);
1310
- text-decoration: underline;
1311
- }
1312
- .tsd-sources ul {
1313
- list-style: none;
1314
- padding: 0;
1315
- }
1316
-
1317
- .tsd-page-toolbar {
1318
- position: sticky;
1319
- z-index: 1;
1320
- top: 0;
1321
- left: 0;
1322
- width: 100%;
1323
- color: var(--color-text);
1324
- background: var(--color-background-secondary);
1325
- border-bottom: var(--dim-toolbar-border-bottom-width)
1326
- var(--color-accent) solid;
1327
- transition: transform 0.3s ease-in-out;
1328
- }
1329
- .tsd-page-toolbar a {
1330
- color: var(--color-text);
1331
- }
1332
- .tsd-toolbar-contents {
1333
- display: flex;
1334
- align-items: center;
1335
- height: var(--dim-toolbar-contents-height);
1336
- margin: 0 auto;
1337
- }
1338
- .tsd-toolbar-contents > .title {
1339
- font-weight: bold;
1340
- margin-right: auto;
1341
- }
1342
- #tsd-toolbar-links {
1343
- display: flex;
1344
- align-items: center;
1345
- gap: 1.5rem;
1346
- margin-right: 1rem;
1347
- }
1348
-
1349
- .tsd-widget {
1350
- box-sizing: border-box;
1351
- display: inline-block;
1352
- opacity: 0.8;
1353
- height: 2.5rem;
1354
- width: 2.5rem;
1355
- transition: opacity 0.1s, background-color 0.1s;
1356
- text-align: center;
1357
- cursor: pointer;
1358
- border: none;
1359
- background-color: transparent;
1360
- }
1361
- .tsd-widget:hover {
1362
- opacity: 0.9;
1363
- }
1364
- .tsd-widget:active {
1365
- opacity: 1;
1366
- background-color: var(--color-accent);
1367
- }
1368
- #tsd-toolbar-menu-trigger {
1369
- display: none;
1370
- }
1371
-
1372
- .tsd-member-summary-name {
1373
- display: inline-flex;
1374
- align-items: center;
1375
- padding: 0.25rem;
1376
- text-decoration: none;
1377
- }
1378
-
1379
- .tsd-anchor-icon {
1380
- display: inline-flex;
1381
- align-items: center;
1382
- margin-left: 0.5rem;
1383
- color: var(--color-text);
1384
- vertical-align: middle;
1385
- }
1386
-
1387
- .tsd-anchor-icon svg {
1388
- width: 1em;
1389
- height: 1em;
1390
- visibility: hidden;
1391
- }
1392
-
1393
- .tsd-member-summary-name:hover > .tsd-anchor-icon svg,
1394
- .tsd-anchor-link:hover > .tsd-anchor-icon svg,
1395
- .tsd-anchor-icon:focus-visible svg {
1396
- visibility: visible;
1397
- }
1398
-
1399
- .deprecated {
1400
- text-decoration: line-through !important;
1401
- }
1402
-
1403
- .warning {
1404
- padding: 1rem;
1405
- color: var(--color-warning-text);
1406
- background: var(--color-background-warning);
1407
- }
1408
-
1409
- .tsd-kind-project {
1410
- color: var(--color-ts-project);
1411
- }
1412
- .tsd-kind-module {
1413
- color: var(--color-ts-module);
1414
- }
1415
- .tsd-kind-namespace {
1416
- color: var(--color-ts-namespace);
1417
- }
1418
- .tsd-kind-enum {
1419
- color: var(--color-ts-enum);
1420
- }
1421
- .tsd-kind-enum-member {
1422
- color: var(--color-ts-enum-member);
1423
- }
1424
- .tsd-kind-variable {
1425
- color: var(--color-ts-variable);
1426
- }
1427
- .tsd-kind-function {
1428
- color: var(--color-ts-function);
1429
- }
1430
- .tsd-kind-class {
1431
- color: var(--color-ts-class);
1432
- }
1433
- .tsd-kind-interface {
1434
- color: var(--color-ts-interface);
1435
- }
1436
- .tsd-kind-constructor {
1437
- color: var(--color-ts-constructor);
1438
- }
1439
- .tsd-kind-property {
1440
- color: var(--color-ts-property);
1441
- }
1442
- .tsd-kind-method {
1443
- color: var(--color-ts-method);
1444
- }
1445
- .tsd-kind-reference {
1446
- color: var(--color-ts-reference);
1447
- }
1448
- .tsd-kind-call-signature {
1449
- color: var(--color-ts-call-signature);
1450
- }
1451
- .tsd-kind-index-signature {
1452
- color: var(--color-ts-index-signature);
1453
- }
1454
- .tsd-kind-constructor-signature {
1455
- color: var(--color-ts-constructor-signature);
1456
- }
1457
- .tsd-kind-parameter {
1458
- color: var(--color-ts-parameter);
1459
- }
1460
- .tsd-kind-type-parameter {
1461
- color: var(--color-ts-type-parameter);
1462
- }
1463
- .tsd-kind-accessor {
1464
- color: var(--color-ts-accessor);
1465
- }
1466
- .tsd-kind-get-signature {
1467
- color: var(--color-ts-get-signature);
1468
- }
1469
- .tsd-kind-set-signature {
1470
- color: var(--color-ts-set-signature);
1471
- }
1472
- .tsd-kind-type-alias {
1473
- color: var(--color-ts-type-alias);
1474
- }
1475
-
1476
- /* if we have a kind icon, don't color the text by kind */
1477
- .tsd-kind-icon ~ span {
1478
- color: var(--color-text);
1479
- }
1480
-
1481
- /* mobile */
1482
- @media (max-width: 769px) {
1483
- #tsd-toolbar-menu-trigger {
1484
- display: inline-block;
1485
- /* temporary fix to vertically align, for compatibility */
1486
- line-height: 2.5;
1487
- }
1488
- #tsd-toolbar-links {
1489
- display: none;
1490
- }
1491
-
1492
- .container-main {
1493
- display: flex;
1494
- }
1495
- .col-content {
1496
- float: none;
1497
- max-width: 100%;
1498
- width: 100%;
1499
- }
1500
- .col-sidebar {
1501
- position: fixed !important;
1502
- overflow-y: auto;
1503
- -webkit-overflow-scrolling: touch;
1504
- z-index: 1024;
1505
- top: 0 !important;
1506
- bottom: 0 !important;
1507
- left: auto !important;
1508
- right: 0 !important;
1509
- padding: 1.5rem 1.5rem 0 0;
1510
- width: 75vw;
1511
- visibility: hidden;
1512
- background-color: var(--color-background);
1513
- transform: translate(100%, 0);
1514
- }
1515
- .col-sidebar > *:last-child {
1516
- padding-bottom: 20px;
1517
- }
1518
- .overlay {
1519
- content: "";
1520
- display: block;
1521
- position: fixed;
1522
- z-index: 1023;
1523
- top: 0;
1524
- left: 0;
1525
- right: 0;
1526
- bottom: 0;
1527
- background-color: rgba(0, 0, 0, 0.75);
1528
- visibility: hidden;
1529
- }
1530
-
1531
- .to-has-menu .overlay {
1532
- animation: fade-in 0.4s;
1533
- }
1534
-
1535
- .to-has-menu .col-sidebar {
1536
- animation: pop-in-from-right 0.4s;
1537
- }
1538
-
1539
- .from-has-menu .overlay {
1540
- animation: fade-out 0.4s;
1541
- }
1542
-
1543
- .from-has-menu .col-sidebar {
1544
- animation: pop-out-to-right 0.4s;
1545
- }
1546
-
1547
- .has-menu body {
1548
- overflow: hidden;
1549
- }
1550
- .has-menu .overlay {
1551
- visibility: visible;
1552
- }
1553
- .has-menu .col-sidebar {
1554
- visibility: visible;
1555
- transform: translate(0, 0);
1556
- display: flex;
1557
- flex-direction: column;
1558
- gap: 1.5rem;
1559
- max-height: 100vh;
1560
- padding: 1rem 2rem;
1561
- }
1562
- .has-menu .tsd-navigation {
1563
- max-height: 100%;
1564
- }
1565
- .tsd-navigation .tsd-nav-link {
1566
- display: flex;
1567
- }
1568
- }
1569
-
1570
- /* one sidebar */
1571
- @media (min-width: 770px) {
1572
- .container-main {
1573
- display: grid;
1574
- grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
1575
- grid-template-areas: "sidebar content";
1576
- --dim-container-main-margin-y: 2rem;
1577
- }
1578
-
1579
- .tsd-breadcrumb {
1580
- margin-top: 0;
1581
- }
1582
-
1583
- .col-sidebar {
1584
- grid-area: sidebar;
1585
- }
1586
- .col-content {
1587
- grid-area: content;
1588
- padding: 0 1rem;
1589
- }
1590
- }
1591
- @media (min-width: 770px) and (max-width: 1399px) {
1592
- .col-sidebar {
1593
- max-height: calc(
1594
- 100vh - var(--dim-header-height) - var(--dim-footer-height) -
1595
- 2 * var(--dim-container-main-margin-y)
1596
- );
1597
- overflow: auto;
1598
- position: sticky;
1599
- top: calc(
1600
- var(--dim-header-height) + var(--dim-container-main-margin-y)
1601
- );
1602
- }
1603
- .site-menu {
1604
- margin-top: 1rem;
1605
- }
1606
- }
1607
-
1608
- /* two sidebars */
1609
- @media (min-width: 1200px) {
1610
- .container-main {
1611
- grid-template-columns:
1612
- minmax(0, 1fr) minmax(0, 2.5fr) minmax(
1613
- 0,
1614
- 20rem
1615
- );
1616
- grid-template-areas: "sidebar content toc";
1617
- }
1618
-
1619
- .col-sidebar {
1620
- display: contents;
1621
- }
1622
-
1623
- .page-menu {
1624
- grid-area: toc;
1625
- padding-left: 1rem;
1626
- }
1627
- .site-menu {
1628
- grid-area: sidebar;
1629
- }
1630
-
1631
- .site-menu {
1632
- margin-top: 0rem;
1633
- }
1634
-
1635
- .page-menu,
1636
- .site-menu {
1637
- max-height: calc(
1638
- 100vh - var(--dim-header-height) - var(--dim-footer-height) -
1639
- 2 * var(--dim-container-main-margin-y)
1640
- );
1641
- overflow: auto;
1642
- position: sticky;
1643
- top: calc(
1644
- var(--dim-header-height) + var(--dim-container-main-margin-y)
1645
- );
1646
- }
1647
- }
1648
- }