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