@wailsio/runtime 3.0.0-alpha.64 → 3.0.0-alpha.66

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