@cobaltio/cobalt-js 8.5.2 → 8.7.0

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