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