@feng3d/reactivity 1.0.6 → 1.0.8

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 (85) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +158 -158
  3. package/dist/index.js +89 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.umd.cjs +91 -5
  6. package/dist/index.umd.cjs.map +1 -1
  7. package/lib/ReactiveObject.d.ts +101 -0
  8. package/lib/ReactiveObject.d.ts.map +1 -0
  9. package/lib/batch.d.ts.map +1 -1
  10. package/lib/index.d.ts +5 -4
  11. package/lib/index.d.ts.map +1 -1
  12. package/package.json +69 -72
  13. package/src/ReactiveObject.ts +131 -0
  14. package/src/Reactivity.ts +168 -168
  15. package/src/arrayInstrumentations.ts +801 -801
  16. package/src/baseHandlers.ts +312 -312
  17. package/src/batch.ts +134 -118
  18. package/src/collectionHandlers.ts +486 -486
  19. package/src/computed.ts +253 -253
  20. package/src/effect.ts +146 -146
  21. package/src/effectScope.ts +294 -294
  22. package/src/index.ts +10 -9
  23. package/src/property.ts +231 -231
  24. package/src/reactive.ts +186 -186
  25. package/src/ref.ts +150 -150
  26. package/src/shared/constants.ts +41 -41
  27. package/src/shared/general.ts +109 -109
  28. package/tsconfig.json +19 -19
  29. package/dist/assets/RobotoMono-Medium-DVgDz_OO.woff2 +0 -0
  30. package/dist/assets/RobotoMono-Regular-BPoF81uy.woff2 +0 -0
  31. package/dist/assets/index-a2qCSG5V.css +0 -629
  32. package/dist/assets/index.html-Dyp3udP2.js +0 -200
  33. package/dist/assets/modulepreload-polyfill-DaKOjhqt.js +0 -37
  34. package/dist/assets/package-9zMEdmDL.js +0 -2540
  35. package/dist/assets/src//345/244/215/346/235/202/346/203/205/345/206/265/345/217/226/345/200/274/index.html-a69uOZEV.js +0 -59
  36. package/dist/assets/src//346/225/260/347/273/204/index.html-CaZ_5kCZ.js +0 -43
  37. package/dist/docs/.nojekyll +0 -1
  38. package/dist/docs/assets/hierarchy.js +0 -1
  39. package/dist/docs/assets/highlight.css +0 -92
  40. package/dist/docs/assets/icons.js +0 -18
  41. package/dist/docs/assets/icons.svg +0 -1
  42. package/dist/docs/assets/main.js +0 -60
  43. package/dist/docs/assets/navigation.js +0 -1
  44. package/dist/docs/assets/search.js +0 -1
  45. package/dist/docs/assets/style.css +0 -1640
  46. package/dist/docs/classes/ComputedReactivity.html +0 -72
  47. package/dist/docs/classes/EffectReactivity.html +0 -62
  48. package/dist/docs/classes/EffectScope.html +0 -40
  49. package/dist/docs/classes/Reactivity.html +0 -35
  50. package/dist/docs/classes/RefReactivity.html +0 -57
  51. package/dist/docs/functions/batchRun.html +0 -15
  52. package/dist/docs/functions/computed.html +0 -5
  53. package/dist/docs/functions/effect.html +0 -11
  54. package/dist/docs/functions/effectScope.html +0 -5
  55. package/dist/docs/functions/forceTrack.html +0 -6
  56. package/dist/docs/functions/getCurrentScope.html +0 -4
  57. package/dist/docs/functions/isProxy.html +0 -5
  58. package/dist/docs/functions/isReactive.html +0 -5
  59. package/dist/docs/functions/isRef.html +0 -5
  60. package/dist/docs/functions/noTrack.html +0 -6
  61. package/dist/docs/functions/onScopeDispose.html +0 -6
  62. package/dist/docs/functions/reactive.html +0 -19
  63. package/dist/docs/functions/ref.html +0 -13
  64. package/dist/docs/functions/toRaw.html +0 -4
  65. package/dist/docs/hierarchy.html +0 -1
  66. package/dist/docs/index.html +0 -129
  67. package/dist/docs/interfaces/Computed.html +0 -9
  68. package/dist/docs/interfaces/Effect.html +0 -8
  69. package/dist/docs/interfaces/Ref.html +0 -9
  70. package/dist/docs/modules.html +0 -1
  71. package/dist/docs/types/Reactive.html +0 -3
  72. package/dist/docs/types/UnReadonly.html +0 -3
  73. package/dist/files/RobotoMono-Medium.woff2 +0 -0
  74. package/dist/files/RobotoMono-Regular.woff2 +0 -0
  75. package/dist/files/ic_code_black_24dp.svg +0 -4
  76. package/dist/files/ic_search_black_24dp.svg +0 -4
  77. package/dist/files/main.css +0 -629
  78. package/dist/files/thumbnails.svg +0 -7
  79. package/dist/files.json +0 -7
  80. package/dist/index.html +0 -84
  81. package/dist/screenshots//345/244/215/346/235/202/346/203/205/345/206/265/345/217/226/345/200/274.jpg +0 -0
  82. package/dist/screenshots//346/225/260/347/273/204.jpg +0 -0
  83. package/dist/src//345/244/215/346/235/202/346/203/205/345/206/265/345/217/226/345/200/274/index.html +0 -70
  84. package/dist/src//346/225/260/347/273/204/index.html +0 -65
  85. package/dist/tags.json +0 -2
@@ -1,1640 +0,0 @@
1
- @layer typedoc {
2
- :root {
3
- --dim-toolbar-contents-height: 2.5rem;
4
- --dim-toolbar-border-bottom-width: 1px;
5
- --dim-header-height: calc(
6
- var(--dim-toolbar-border-bottom-width) +
7
- var(--dim-toolbar-contents-height)
8
- );
9
-
10
- /* 0rem For mobile; unit is required for calculation in `calc` */
11
- --dim-container-main-margin-y: 0rem;
12
-
13
- --dim-footer-height: 3.5rem;
14
-
15
- --modal-animation-duration: 0.2s;
16
- }
17
-
18
- :root {
19
- /* Light */
20
- --light-color-background: #f2f4f8;
21
- --light-color-background-secondary: #eff0f1;
22
- /* Not to be confused with [:active](https://developer.mozilla.org/en-US/docs/Web/CSS/:active) */
23
- --light-color-background-active: #d6d8da;
24
- --light-color-background-warning: #e6e600;
25
- --light-color-warning-text: #222;
26
- --light-color-accent: #c5c7c9;
27
- --light-color-active-menu-item: var(--light-color-background-active);
28
- --light-color-text: #222;
29
- --light-color-contrast-text: #000;
30
- --light-color-text-aside: #5e5e5e;
31
-
32
- --light-color-icon-background: var(--light-color-background);
33
- --light-color-icon-text: var(--light-color-text);
34
-
35
- --light-color-comment-tag-text: var(--light-color-text);
36
- --light-color-comment-tag: var(--light-color-background);
37
-
38
- --light-color-link: #1f70c2;
39
- --light-color-focus-outline: #3584e4;
40
-
41
- --light-color-ts-keyword: #056bd6;
42
- --light-color-ts-project: #b111c9;
43
- --light-color-ts-module: var(--light-color-ts-project);
44
- --light-color-ts-namespace: var(--light-color-ts-project);
45
- --light-color-ts-enum: #7e6f15;
46
- --light-color-ts-enum-member: var(--light-color-ts-enum);
47
- --light-color-ts-variable: #4760ec;
48
- --light-color-ts-function: #572be7;
49
- --light-color-ts-class: #1f70c2;
50
- --light-color-ts-interface: #108024;
51
- --light-color-ts-constructor: var(--light-color-ts-class);
52
- --light-color-ts-property: #9f5f30;
53
- --light-color-ts-method: #be3989;
54
- --light-color-ts-reference: #ff4d82;
55
- --light-color-ts-call-signature: var(--light-color-ts-method);
56
- --light-color-ts-index-signature: var(--light-color-ts-property);
57
- --light-color-ts-constructor-signature: var(
58
- --light-color-ts-constructor
59
- );
60
- --light-color-ts-parameter: var(--light-color-ts-variable);
61
- /* type literal not included as links will never be generated to it */
62
- --light-color-ts-type-parameter: #a55c0e;
63
- --light-color-ts-accessor: #c73c3c;
64
- --light-color-ts-get-signature: var(--light-color-ts-accessor);
65
- --light-color-ts-set-signature: var(--light-color-ts-accessor);
66
- --light-color-ts-type-alias: #d51270;
67
- /* reference not included as links will be colored with the kind that it points to */
68
- --light-color-document: #000000;
69
-
70
- --light-color-alert-note: #0969d9;
71
- --light-color-alert-tip: #1a7f37;
72
- --light-color-alert-important: #8250df;
73
- --light-color-alert-warning: #9a6700;
74
- --light-color-alert-caution: #cf222e;
75
-
76
- --light-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23000' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
77
- --light-color-scheme: light;
78
- }
79
-
80
- :root {
81
- /* Dark */
82
- --dark-color-background: #2b2e33;
83
- --dark-color-background-secondary: #1e2024;
84
- /* Not to be confused with [:active](https://developer.mozilla.org/en-US/docs/Web/CSS/:active) */
85
- --dark-color-background-active: #5d5d6a;
86
- --dark-color-background-warning: #bebe00;
87
- --dark-color-warning-text: #222;
88
- --dark-color-accent: #9096a2;
89
- --dark-color-active-menu-item: var(--dark-color-background-active);
90
- --dark-color-text: #f5f5f5;
91
- --dark-color-contrast-text: #ffffff;
92
- --dark-color-text-aside: #dddddd;
93
-
94
- --dark-color-icon-background: var(--dark-color-background-secondary);
95
- --dark-color-icon-text: var(--dark-color-text);
96
-
97
- --dark-color-comment-tag-text: var(--dark-color-text);
98
- --dark-color-comment-tag: var(--dark-color-background);
99
-
100
- --dark-color-link: #00aff4;
101
- --dark-color-focus-outline: #4c97f2;
102
-
103
- --dark-color-ts-keyword: #3399ff;
104
- --dark-color-ts-project: #e358ff;
105
- --dark-color-ts-module: var(--dark-color-ts-project);
106
- --dark-color-ts-namespace: var(--dark-color-ts-project);
107
- --dark-color-ts-enum: #f4d93e;
108
- --dark-color-ts-enum-member: var(--dark-color-ts-enum);
109
- --dark-color-ts-variable: #798dff;
110
- --dark-color-ts-function: #a280ff;
111
- --dark-color-ts-class: #8ac4ff;
112
- --dark-color-ts-interface: #6cff87;
113
- --dark-color-ts-constructor: var(--dark-color-ts-class);
114
- --dark-color-ts-property: #ff984d;
115
- --dark-color-ts-method: #ff4db8;
116
- --dark-color-ts-reference: #ff4d82;
117
- --dark-color-ts-call-signature: var(--dark-color-ts-method);
118
- --dark-color-ts-index-signature: var(--dark-color-ts-property);
119
- --dark-color-ts-constructor-signature: var(--dark-color-ts-constructor);
120
- --dark-color-ts-parameter: var(--dark-color-ts-variable);
121
- /* type literal not included as links will never be generated to it */
122
- --dark-color-ts-type-parameter: #e07d13;
123
- --dark-color-ts-accessor: #ff6060;
124
- --dark-color-ts-get-signature: var(--dark-color-ts-accessor);
125
- --dark-color-ts-set-signature: var(--dark-color-ts-accessor);
126
- --dark-color-ts-type-alias: #ff6492;
127
- /* reference not included as links will be colored with the kind that it points to */
128
- --dark-color-document: #ffffff;
129
-
130
- --dark-color-alert-note: #0969d9;
131
- --dark-color-alert-tip: #1a7f37;
132
- --dark-color-alert-important: #8250df;
133
- --dark-color-alert-warning: #9a6700;
134
- --dark-color-alert-caution: #cf222e;
135
-
136
- --dark-external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23fff' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
137
- --dark-color-scheme: dark;
138
- }
139
-
140
- @media (prefers-color-scheme: light) {
141
- :root {
142
- --color-background: var(--light-color-background);
143
- --color-background-secondary: var(
144
- --light-color-background-secondary
145
- );
146
- --color-background-active: var(--light-color-background-active);
147
- --color-background-warning: var(--light-color-background-warning);
148
- --color-warning-text: var(--light-color-warning-text);
149
- --color-accent: var(--light-color-accent);
150
- --color-active-menu-item: var(--light-color-active-menu-item);
151
- --color-text: var(--light-color-text);
152
- --color-contrast-text: var(--light-color-contrast-text);
153
- --color-text-aside: var(--light-color-text-aside);
154
-
155
- --color-icon-background: var(--light-color-icon-background);
156
- --color-icon-text: var(--light-color-icon-text);
157
-
158
- --color-comment-tag-text: var(--light-color-text);
159
- --color-comment-tag: var(--light-color-background);
160
-
161
- --color-link: var(--light-color-link);
162
- --color-focus-outline: var(--light-color-focus-outline);
163
-
164
- --color-ts-keyword: var(--light-color-ts-keyword);
165
- --color-ts-project: var(--light-color-ts-project);
166
- --color-ts-module: var(--light-color-ts-module);
167
- --color-ts-namespace: var(--light-color-ts-namespace);
168
- --color-ts-enum: var(--light-color-ts-enum);
169
- --color-ts-enum-member: var(--light-color-ts-enum-member);
170
- --color-ts-variable: var(--light-color-ts-variable);
171
- --color-ts-function: var(--light-color-ts-function);
172
- --color-ts-class: var(--light-color-ts-class);
173
- --color-ts-interface: var(--light-color-ts-interface);
174
- --color-ts-constructor: var(--light-color-ts-constructor);
175
- --color-ts-property: var(--light-color-ts-property);
176
- --color-ts-method: var(--light-color-ts-method);
177
- --color-ts-reference: var(--light-color-ts-reference);
178
- --color-ts-call-signature: var(--light-color-ts-call-signature);
179
- --color-ts-index-signature: var(--light-color-ts-index-signature);
180
- --color-ts-constructor-signature: var(
181
- --light-color-ts-constructor-signature
182
- );
183
- --color-ts-parameter: var(--light-color-ts-parameter);
184
- --color-ts-type-parameter: var(--light-color-ts-type-parameter);
185
- --color-ts-accessor: var(--light-color-ts-accessor);
186
- --color-ts-get-signature: var(--light-color-ts-get-signature);
187
- --color-ts-set-signature: var(--light-color-ts-set-signature);
188
- --color-ts-type-alias: var(--light-color-ts-type-alias);
189
- --color-document: var(--light-color-document);
190
-
191
- --color-alert-note: var(--light-color-alert-note);
192
- --color-alert-tip: var(--light-color-alert-tip);
193
- --color-alert-important: var(--light-color-alert-important);
194
- --color-alert-warning: var(--light-color-alert-warning);
195
- --color-alert-caution: var(--light-color-alert-caution);
196
-
197
- --external-icon: var(--light-external-icon);
198
- --color-scheme: var(--light-color-scheme);
199
- }
200
- }
201
-
202
- @media (prefers-color-scheme: dark) {
203
- :root {
204
- --color-background: var(--dark-color-background);
205
- --color-background-secondary: var(
206
- --dark-color-background-secondary
207
- );
208
- --color-background-active: var(--dark-color-background-active);
209
- --color-background-warning: var(--dark-color-background-warning);
210
- --color-warning-text: var(--dark-color-warning-text);
211
- --color-accent: var(--dark-color-accent);
212
- --color-active-menu-item: var(--dark-color-active-menu-item);
213
- --color-text: var(--dark-color-text);
214
- --color-contrast-text: var(--dark-color-contrast-text);
215
- --color-text-aside: var(--dark-color-text-aside);
216
-
217
- --color-icon-background: var(--dark-color-icon-background);
218
- --color-icon-text: var(--dark-color-icon-text);
219
-
220
- --color-comment-tag-text: var(--dark-color-text);
221
- --color-comment-tag: var(--dark-color-background);
222
-
223
- --color-link: var(--dark-color-link);
224
- --color-focus-outline: var(--dark-color-focus-outline);
225
-
226
- --color-ts-keyword: var(--dark-color-ts-keyword);
227
- --color-ts-project: var(--dark-color-ts-project);
228
- --color-ts-module: var(--dark-color-ts-module);
229
- --color-ts-namespace: var(--dark-color-ts-namespace);
230
- --color-ts-enum: var(--dark-color-ts-enum);
231
- --color-ts-enum-member: var(--dark-color-ts-enum-member);
232
- --color-ts-variable: var(--dark-color-ts-variable);
233
- --color-ts-function: var(--dark-color-ts-function);
234
- --color-ts-class: var(--dark-color-ts-class);
235
- --color-ts-interface: var(--dark-color-ts-interface);
236
- --color-ts-constructor: var(--dark-color-ts-constructor);
237
- --color-ts-property: var(--dark-color-ts-property);
238
- --color-ts-method: var(--dark-color-ts-method);
239
- --color-ts-reference: var(--dark-color-ts-reference);
240
- --color-ts-call-signature: var(--dark-color-ts-call-signature);
241
- --color-ts-index-signature: var(--dark-color-ts-index-signature);
242
- --color-ts-constructor-signature: var(
243
- --dark-color-ts-constructor-signature
244
- );
245
- --color-ts-parameter: var(--dark-color-ts-parameter);
246
- --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
247
- --color-ts-accessor: var(--dark-color-ts-accessor);
248
- --color-ts-get-signature: var(--dark-color-ts-get-signature);
249
- --color-ts-set-signature: var(--dark-color-ts-set-signature);
250
- --color-ts-type-alias: var(--dark-color-ts-type-alias);
251
- --color-document: var(--dark-color-document);
252
-
253
- --color-alert-note: var(--dark-color-alert-note);
254
- --color-alert-tip: var(--dark-color-alert-tip);
255
- --color-alert-important: var(--dark-color-alert-important);
256
- --color-alert-warning: var(--dark-color-alert-warning);
257
- --color-alert-caution: var(--dark-color-alert-caution);
258
-
259
- --external-icon: var(--dark-external-icon);
260
- --color-scheme: var(--dark-color-scheme);
261
- }
262
- }
263
-
264
- :root[data-theme="light"] {
265
- --color-background: var(--light-color-background);
266
- --color-background-secondary: var(--light-color-background-secondary);
267
- --color-background-active: var(--light-color-background-active);
268
- --color-background-warning: var(--light-color-background-warning);
269
- --color-warning-text: var(--light-color-warning-text);
270
- --color-icon-background: var(--light-color-icon-background);
271
- --color-accent: var(--light-color-accent);
272
- --color-active-menu-item: var(--light-color-active-menu-item);
273
- --color-text: var(--light-color-text);
274
- --color-contrast-text: var(--light-color-contrast-text);
275
- --color-text-aside: var(--light-color-text-aside);
276
- --color-icon-text: var(--light-color-icon-text);
277
-
278
- --color-comment-tag-text: var(--light-color-text);
279
- --color-comment-tag: var(--light-color-background);
280
-
281
- --color-link: var(--light-color-link);
282
- --color-focus-outline: var(--light-color-focus-outline);
283
-
284
- --color-ts-keyword: var(--light-color-ts-keyword);
285
- --color-ts-project: var(--light-color-ts-project);
286
- --color-ts-module: var(--light-color-ts-module);
287
- --color-ts-namespace: var(--light-color-ts-namespace);
288
- --color-ts-enum: var(--light-color-ts-enum);
289
- --color-ts-enum-member: var(--light-color-ts-enum-member);
290
- --color-ts-variable: var(--light-color-ts-variable);
291
- --color-ts-function: var(--light-color-ts-function);
292
- --color-ts-class: var(--light-color-ts-class);
293
- --color-ts-interface: var(--light-color-ts-interface);
294
- --color-ts-constructor: var(--light-color-ts-constructor);
295
- --color-ts-property: var(--light-color-ts-property);
296
- --color-ts-method: var(--light-color-ts-method);
297
- --color-ts-reference: var(--light-color-ts-reference);
298
- --color-ts-call-signature: var(--light-color-ts-call-signature);
299
- --color-ts-index-signature: var(--light-color-ts-index-signature);
300
- --color-ts-constructor-signature: var(
301
- --light-color-ts-constructor-signature
302
- );
303
- --color-ts-parameter: var(--light-color-ts-parameter);
304
- --color-ts-type-parameter: var(--light-color-ts-type-parameter);
305
- --color-ts-accessor: var(--light-color-ts-accessor);
306
- --color-ts-get-signature: var(--light-color-ts-get-signature);
307
- --color-ts-set-signature: var(--light-color-ts-set-signature);
308
- --color-ts-type-alias: var(--light-color-ts-type-alias);
309
- --color-document: var(--light-color-document);
310
-
311
- --color-note: var(--light-color-note);
312
- --color-tip: var(--light-color-tip);
313
- --color-important: var(--light-color-important);
314
- --color-warning: var(--light-color-warning);
315
- --color-caution: var(--light-color-caution);
316
-
317
- --external-icon: var(--light-external-icon);
318
- --color-scheme: var(--light-color-scheme);
319
- }
320
-
321
- :root[data-theme="dark"] {
322
- --color-background: var(--dark-color-background);
323
- --color-background-secondary: var(--dark-color-background-secondary);
324
- --color-background-active: var(--dark-color-background-active);
325
- --color-background-warning: var(--dark-color-background-warning);
326
- --color-warning-text: var(--dark-color-warning-text);
327
- --color-icon-background: var(--dark-color-icon-background);
328
- --color-accent: var(--dark-color-accent);
329
- --color-active-menu-item: var(--dark-color-active-menu-item);
330
- --color-text: var(--dark-color-text);
331
- --color-contrast-text: var(--dark-color-contrast-text);
332
- --color-text-aside: var(--dark-color-text-aside);
333
- --color-icon-text: var(--dark-color-icon-text);
334
-
335
- --color-comment-tag-text: var(--dark-color-text);
336
- --color-comment-tag: var(--dark-color-background);
337
-
338
- --color-link: var(--dark-color-link);
339
- --color-focus-outline: var(--dark-color-focus-outline);
340
-
341
- --color-ts-keyword: var(--dark-color-ts-keyword);
342
- --color-ts-project: var(--dark-color-ts-project);
343
- --color-ts-module: var(--dark-color-ts-module);
344
- --color-ts-namespace: var(--dark-color-ts-namespace);
345
- --color-ts-enum: var(--dark-color-ts-enum);
346
- --color-ts-enum-member: var(--dark-color-ts-enum-member);
347
- --color-ts-variable: var(--dark-color-ts-variable);
348
- --color-ts-function: var(--dark-color-ts-function);
349
- --color-ts-class: var(--dark-color-ts-class);
350
- --color-ts-interface: var(--dark-color-ts-interface);
351
- --color-ts-constructor: var(--dark-color-ts-constructor);
352
- --color-ts-property: var(--dark-color-ts-property);
353
- --color-ts-method: var(--dark-color-ts-method);
354
- --color-ts-reference: var(--dark-color-ts-reference);
355
- --color-ts-call-signature: var(--dark-color-ts-call-signature);
356
- --color-ts-index-signature: var(--dark-color-ts-index-signature);
357
- --color-ts-constructor-signature: var(
358
- --dark-color-ts-constructor-signature
359
- );
360
- --color-ts-parameter: var(--dark-color-ts-parameter);
361
- --color-ts-type-parameter: var(--dark-color-ts-type-parameter);
362
- --color-ts-accessor: var(--dark-color-ts-accessor);
363
- --color-ts-get-signature: var(--dark-color-ts-get-signature);
364
- --color-ts-set-signature: var(--dark-color-ts-set-signature);
365
- --color-ts-type-alias: var(--dark-color-ts-type-alias);
366
- --color-document: var(--dark-color-document);
367
-
368
- --color-note: var(--dark-color-note);
369
- --color-tip: var(--dark-color-tip);
370
- --color-important: var(--dark-color-important);
371
- --color-warning: var(--dark-color-warning);
372
- --color-caution: var(--dark-color-caution);
373
-
374
- --external-icon: var(--dark-external-icon);
375
- --color-scheme: var(--dark-color-scheme);
376
- }
377
-
378
- html {
379
- color-scheme: var(--color-scheme);
380
- @media (prefers-reduced-motion: no-preference) {
381
- scroll-behavior: smooth;
382
- }
383
- }
384
-
385
- *:focus-visible,
386
- .tsd-accordion-summary:focus-visible svg {
387
- outline: 2px solid var(--color-focus-outline);
388
- }
389
-
390
- .always-visible,
391
- .always-visible .tsd-signatures {
392
- display: inherit !important;
393
- }
394
-
395
- h1,
396
- h2,
397
- h3,
398
- h4,
399
- h5,
400
- h6 {
401
- line-height: 1.2;
402
- }
403
-
404
- h1 {
405
- font-size: 1.875rem;
406
- margin: 0.67rem 0;
407
- }
408
-
409
- h2 {
410
- font-size: 1.5rem;
411
- margin: 0.83rem 0;
412
- }
413
-
414
- h3 {
415
- font-size: 1.25rem;
416
- margin: 1rem 0;
417
- }
418
-
419
- h4 {
420
- font-size: 1.05rem;
421
- margin: 1.33rem 0;
422
- }
423
-
424
- h5 {
425
- font-size: 1rem;
426
- margin: 1.5rem 0;
427
- }
428
-
429
- h6 {
430
- font-size: 0.875rem;
431
- margin: 2.33rem 0;
432
- }
433
-
434
- dl,
435
- menu,
436
- ol,
437
- ul {
438
- margin: 1em 0;
439
- }
440
-
441
- dd {
442
- margin: 0 0 0 34px;
443
- }
444
-
445
- .container {
446
- max-width: 1700px;
447
- padding: 0 2rem;
448
- }
449
-
450
- /* Footer */
451
- footer {
452
- border-top: 1px solid var(--color-accent);
453
- padding-top: 1rem;
454
- padding-bottom: 1rem;
455
- max-height: var(--dim-footer-height);
456
- }
457
- footer > p {
458
- margin: 0 1em;
459
- }
460
-
461
- .container-main {
462
- margin: var(--dim-container-main-margin-y) auto;
463
- /* toolbar, footer, margin */
464
- min-height: calc(
465
- 100svh - var(--dim-header-height) - var(--dim-footer-height) -
466
- 2 * var(--dim-container-main-margin-y)
467
- );
468
- }
469
-
470
- @keyframes fade-in {
471
- from {
472
- opacity: 0;
473
- }
474
- to {
475
- opacity: 1;
476
- }
477
- }
478
- @keyframes fade-out {
479
- from {
480
- opacity: 1;
481
- visibility: visible;
482
- }
483
- to {
484
- opacity: 0;
485
- }
486
- }
487
- @keyframes pop-in-from-right {
488
- from {
489
- transform: translate(100%, 0);
490
- }
491
- to {
492
- transform: translate(0, 0);
493
- }
494
- }
495
- @keyframes pop-out-to-right {
496
- from {
497
- transform: translate(0, 0);
498
- visibility: visible;
499
- }
500
- to {
501
- transform: translate(100%, 0);
502
- }
503
- }
504
- body {
505
- background: var(--color-background);
506
- font-family:
507
- -apple-system,
508
- BlinkMacSystemFont,
509
- "Segoe UI",
510
- "Noto Sans",
511
- Helvetica,
512
- Arial,
513
- sans-serif,
514
- "Apple Color Emoji",
515
- "Segoe UI Emoji";
516
- font-size: 16px;
517
- color: var(--color-text);
518
- margin: 0;
519
- }
520
-
521
- a {
522
- color: var(--color-link);
523
- text-decoration: none;
524
- }
525
- a:hover {
526
- text-decoration: underline;
527
- }
528
- a.external[target="_blank"] {
529
- background-image: var(--external-icon);
530
- background-position: top 3px right;
531
- background-repeat: no-repeat;
532
- padding-right: 13px;
533
- }
534
- a.tsd-anchor-link {
535
- color: var(--color-text);
536
- }
537
- :target {
538
- scroll-margin-block: calc(var(--dim-header-height) + 0.5rem);
539
- }
540
-
541
- 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
- }
549
-
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;
566
- opacity: 0;
567
- transition: opacity 0.1s;
568
- box-sizing: border-box;
569
- }
570
- pre:hover > button,
571
- pre > button.visible,
572
- pre > button:focus-visible {
573
- opacity: 1;
574
- }
575
-
576
- blockquote {
577
- margin: 1em 0;
578
- padding-left: 1em;
579
- border-left: 4px solid gray;
580
- }
581
-
582
- img {
583
- max-width: 100%;
584
- }
585
-
586
- * {
587
- scrollbar-width: thin;
588
- scrollbar-color: var(--color-accent) var(--color-icon-background);
589
- }
590
-
591
- *::-webkit-scrollbar {
592
- width: 0.75rem;
593
- }
594
-
595
- *::-webkit-scrollbar-track {
596
- background: var(--color-icon-background);
597
- }
598
-
599
- *::-webkit-scrollbar-thumb {
600
- background-color: var(--color-accent);
601
- border-radius: 999rem;
602
- border: 0.25rem solid var(--color-icon-background);
603
- }
604
-
605
- dialog {
606
- border: none;
607
- outline: none;
608
- padding: 0;
609
- background-color: var(--color-background);
610
- }
611
- dialog::backdrop {
612
- display: none;
613
- }
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;
623
- }
624
- #tsd-overlay.closing {
625
- animation-name: fade-out;
626
- }
627
-
628
- .tsd-typography {
629
- line-height: 1.333em;
630
- }
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);
664
- }
665
-
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
- }
683
-
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
- }
699
-
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
- }
719
-
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
- }
748
-
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
- }
760
-
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
- }
769
-
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
- }
827
-
828
- .settings-label {
829
- font-weight: bold;
830
- text-transform: uppercase;
831
- display: inline-block;
832
- }
833
-
834
- .tsd-filter-visibility .settings-label {
835
- margin: 0.75rem 0 0.5rem 0;
836
- }
837
-
838
- .tsd-theme-toggle .settings-label {
839
- margin: 0.75rem 0.75rem 0 0;
840
- }
841
-
842
- .tsd-hierarchy h4 label:hover span {
843
- text-decoration: underline;
844
- }
845
-
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
- }
857
-
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
- }
888
-
889
- .tsd-panel-group.tsd-index-group {
890
- margin-bottom: 0;
891
- }
892
- .tsd-index-panel .tsd-index-list {
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;
919
- }
920
-
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
- }
932
-
933
- .tsd-anchor {
934
- position: relative;
935
- top: -100px;
936
- }
937
-
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
- }
948
-
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
- }
1006
-
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
- }
1019
-
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
- }
1028
-
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
- }
1082
-
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
- }
1099
-
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
- }
1121
-
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
- }
1134
-
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;
1140
- }
1141
-
1142
- /* Avoid setting `display` on closed dialog */
1143
- #tsd-search[open] {
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;
1154
- }
1155
- #tsd-search-input {
1156
- box-sizing: border-box;
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;
1168
- }
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;
1185
- overflow-y: auto;
1186
- }
1187
- #tsd-search-results:not(:empty) {
1188
- margin-top: 0.5rem;
1189
- }
1190
- #tsd-search-results > li {
1191
- background-color: var(--color-background);
1192
- line-height: 1.5;
1193
- box-sizing: border-box;
1194
- border-radius: 4px;
1195
- }
1196
- #tsd-search-results > li:nth-child(even) {
1197
- background-color: var(--color-background-secondary);
1198
- }
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;
1233
- }
1234
-
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;
1242
- }
1243
-
1244
- .tsd-signature-keyword {
1245
- color: var(--color-ts-keyword);
1246
- font-weight: normal;
1247
- }
1248
-
1249
- .tsd-signature-symbol {
1250
- color: var(--color-text-aside);
1251
- font-weight: normal;
1252
- }
1253
-
1254
- .tsd-signature-type {
1255
- font-style: italic;
1256
- font-weight: normal;
1257
- }
1258
-
1259
- .tsd-signatures {
1260
- padding: 0;
1261
- margin: 0 0 1em 0;
1262
- list-style-type: none;
1263
- }
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;
1269
- }
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 {
1325
- display: flex;
1326
- align-items: center;
1327
- height: var(--dim-toolbar-contents-height);
1328
- margin: 0 auto;
1329
- }
1330
- .tsd-toolbar-contents > .title {
1331
- font-weight: bold;
1332
- margin-right: auto;
1333
- }
1334
- #tsd-toolbar-links {
1335
- display: flex;
1336
- align-items: center;
1337
- gap: 1.5rem;
1338
- margin-right: 1rem;
1339
- }
1340
-
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;
1362
- }
1363
-
1364
- .tsd-member-summary-name {
1365
- display: inline-flex;
1366
- align-items: center;
1367
- padding: 0.25rem;
1368
- text-decoration: none;
1369
- }
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;
1377
- }
1378
-
1379
- .tsd-anchor-icon svg {
1380
- width: 1em;
1381
- height: 1em;
1382
- visibility: hidden;
1383
- }
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;
1389
- }
1390
-
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);
1399
- }
1400
-
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);
1466
- }
1467
-
1468
- /* if we have a kind icon, don't color the text by kind */
1469
- .tsd-kind-icon ~ span {
1470
- color: var(--color-text);
1471
- }
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
- }
1560
- }
1561
-
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
- }
1598
- }
1599
-
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
- }
1639
- }
1640
- }