iframe-coordinator-cli 6.5.0 → 6.5.1

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