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