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-text: #222;
10 --light-color-text-aside: #707070;
11 --light-color-link: #4da6ff;
12 --light-color-ts: #db1373;
13 --light-color-ts-interface: #139d2c;
14 --light-color-ts-enum: #9c891a;
15 --light-color-ts-class: #2484e5;
16 --light-color-ts-function: #572be7;
17 --light-color-ts-namespace: #b111c9;
18 --light-color-ts-private: #707070;
19 --light-color-ts-variable: #4d68ff;
20 --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>");
21 --light-color-scheme: light
;
24 --dark-color-background: #2b2e33;
25 --dark-color-background-secondary: #1e2024;
26 --dark-color-background-warning: #bebe00;
27 --dark-color-warning-text: #222;
28 --dark-color-icon-background: var
(--dark-color-background-secondary
);
29 --dark-color-accent: #9096a2;
30 --dark-color-text: #f5f5f5;
31 --dark-color-text-aside: #dddddd;
32 --dark-color-link: #00aff4;
33 --dark-color-ts: #ff6492;
34 --dark-color-ts-interface: #6cff87;
35 --dark-color-ts-enum: #f4d93e;
36 --dark-color-ts-class: #61b0ff;
37 --dark-color-ts-function: #9772ff;
38 --dark-color-ts-namespace: #e14dff;
39 --dark-color-ts-private: #e2e2e2;
40 --dark-color-ts-variable: #4d68ff;
41 --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>");
42 --dark-color-scheme: dark
;
45 @media (prefers-color-scheme: light
) {
47 --color-background: var
(--light-color-background
);
48 --color-background-secondary: var
(--light-color-background-secondary
);
49 --color-background-warning: var
(--light-color-background-warning
);
50 --color-warning-text: var
(--light-color-warning-text
);
51 --color-icon-background: var
(--light-color-icon-background
);
52 --color-accent: var
(--light-color-accent
);
53 --color-text: var
(--light-color-text
);
54 --color-text-aside: var
(--light-color-text-aside
);
55 --color-link: var
(--light-color-link
);
56 --color-ts: var
(--light-color-ts
);
57 --color-ts-interface: var
(--light-color-ts-interface
);
58 --color-ts-enum: var
(--light-color-ts-enum
);
59 --color-ts-class: var
(--light-color-ts-class
);
60 --color-ts-function: var
(--light-color-ts-function
);
61 --color-ts-namespace: var
(--light-color-ts-namespace
);
62 --color-ts-private: var
(--light-color-ts-private
);
63 --color-ts-variable: var
(--light-color-ts-variable
);
64 --external-icon: var
(--light-external-icon
);
65 --color-scheme: var
(--light-color-scheme
);
69 @media (prefers-color-scheme: dark
) {
71 --color-background: var
(--dark-color-background
);
72 --color-background-secondary: var
(--dark-color-background-secondary
);
73 --color-background-warning: var
(--dark-color-background-warning
);
74 --color-warning-text: var
(--dark-color-warning-text
);
75 --color-icon-background: var
(--dark-color-icon-background
);
76 --color-accent: var
(--dark-color-accent
);
77 --color-text: var
(--dark-color-text
);
78 --color-text-aside: var
(--dark-color-text-aside
);
79 --color-link: var
(--dark-color-link
);
80 --color-ts: var
(--dark-color-ts
);
81 --color-ts-interface: var
(--dark-color-ts-interface
);
82 --color-ts-enum: var
(--dark-color-ts-enum
);
83 --color-ts-class: var
(--dark-color-ts-class
);
84 --color-ts-function: var
(--dark-color-ts-function
);
85 --color-ts-namespace: var
(--dark-color-ts-namespace
);
86 --color-ts-private: var
(--dark-color-ts-private
);
87 --color-ts-variable: var
(--dark-color-ts-variable
);
88 --external-icon: var
(--dark-external-icon
);
89 --color-scheme: var
(--dark-color-scheme
);
94 color-scheme: var
(--color-scheme
);
101 :root
[data-theme
="light"] {
102 --color-background: var
(--light-color-background
);
103 --color-background-secondary: var
(--light-color-background-secondary
);
104 --color-background-warning: var
(--light-color-background-warning
);
105 --color-warning-text: var
(--light-color-warning-text
);
106 --color-icon-background: var
(--light-color-icon-background
);
107 --color-accent: var
(--light-color-accent
);
108 --color-text: var
(--light-color-text
);
109 --color-text-aside: var
(--light-color-text-aside
);
110 --color-link: var
(--light-color-link
);
111 --color-ts: var
(--light-color-ts
);
112 --color-ts-interface: var
(--light-color-ts-interface
);
113 --color-ts-enum: var
(--light-color-ts-enum
);
114 --color-ts-class: var
(--light-color-ts-class
);
115 --color-ts-function: var
(--light-color-ts-function
);
116 --color-ts-namespace: var
(--light-color-ts-namespace
);
117 --color-ts-private: var
(--light-color-ts-private
);
118 --color-ts-variable: var
(--light-color-ts-variable
);
119 --external-icon: var
(--light-external-icon
);
120 --color-scheme: var
(--light-color-scheme
);
123 :root
[data-theme
="dark"] {
124 --color-background: var
(--dark-color-background
);
125 --color-background-secondary: var
(--dark-color-background-secondary
);
126 --color-background-warning: var
(--dark-color-background-warning
);
127 --color-warning-text: var
(--dark-color-warning-text
);
128 --color-icon-background: var
(--dark-color-icon-background
);
129 --color-accent: var
(--dark-color-accent
);
130 --color-text: var
(--dark-color-text
);
131 --color-text-aside: var
(--dark-color-text-aside
);
132 --color-link: var
(--dark-color-link
);
133 --color-ts: var
(--dark-color-ts
);
134 --color-ts-interface: var
(--dark-color-ts-interface
);
135 --color-ts-enum: var
(--dark-color-ts-enum
);
136 --color-ts-class: var
(--dark-color-ts-class
);
137 --color-ts-function: var
(--dark-color-ts-function
);
138 --color-ts-namespace: var
(--dark-color-ts-namespace
);
139 --color-ts-private: var
(--dark-color-ts-private
);
140 --color-ts-variable: var
(--dark-color-ts-variable
);
141 --external-icon: var
(--dark-external-icon
);
142 --color-scheme: var
(--dark-color-scheme
);
146 .always-visible .tsd-signatures {
147 display: inherit
!important
;
190 text-transform: uppercase
;
195 white-space: pre-wrap
;
196 word-wrap: break-word
;
215 @media (min-width: 640px) {
220 @media (min-width: 1200px) {
225 @media (min-width: 1600px) {
233 border-top: 1px solid var
(--color-accent
);
235 padding-bottom: 1rem;
247 justify-content: space-between
;
254 box-sizing: border-box
;
276 @keyframes fade-out
{
285 @keyframes fade-in-delayed
{
296 @keyframes fade-out-delayed
{
308 @keyframes shift-to-left
{
310 transform: translate
(0, 0);
313 transform: translate
(-25%, 0);
316 @keyframes unshift-to-left
{
318 transform: translate
(-25%, 0);
321 transform: translate
(0, 0);
324 @keyframes pop-in-from-right
{
326 transform: translate
(100%, 0);
329 transform: translate
(0, 0);
332 @keyframes pop-out-to-right
{
334 transform: translate
(0, 0);
338 transform: translate
(100%, 0);
342 background: var
(--color-background
);
343 font-family: "Segoe UI", sans-serif
;
345 color: var
(--color-text
);
349 color: var
(--color-link
);
350 text-decoration: none
;
353 text-decoration: underline
;
355 a
.external
[target
="_blank"] {
356 background-image: var
(--external-icon
);
357 background-position: top
3px right
;
358 background-repeat: no-repeat
;
364 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
368 border-radius: 0.8em;
373 border: 0.1em solid var
(--color-accent
);
383 border-left: 4px solid gray
;
387 line-height: 1.333em;
395 .tsd-typography
.tsd-index-panel h3
,
396 .tsd-index-panel
.tsd-typography h3
,
412 @media (max-width: 1024px) {
420 position: fixed
!important
;
422 -webkit-overflow-scrolling: touch
;
425 bottom: 0 !important
;
426 left: auto
!important
;
428 padding: 1.5rem 1.5rem 0 0;
431 background-color: var
(--color-background
);
432 transform: translate
(100%, 0);
434 html
.col-menu
> *:last-child
{
435 padding-bottom: 20px;
446 background-color: rgba
(0, 0, 0, 0.75);
450 .to-has-menu .overlay {
451 animation: fade-in
0.4s;
454 .to-has-menu :is(header, footer, .col-content) {
455 animation: shift-to-left
0.4s;
458 .to-has-menu .col-menu {
459 animation: pop-in-from-right
0.4s;
462 .from-has-menu .overlay {
463 animation: fade-out
0.4s;
466 .from-has-menu :is(header, footer, .col-content) {
467 animation: unshift-to-left
0.4s;
470 .from-has-menu .col-menu {
471 animation: pop-out-to-right
0.4s;
480 .has-menu :is(header, footer, .col-content) {
481 transform: translate
(-25%, 0);
483 .has-menu .col-menu {
485 transform: translate
(0, 0);
487 flex-direction: column
;
492 .has-menu .tsd-navigation {
500 color: var
(--color-text-aside
);
503 color: var
(--color-text-aside
);
504 text-decoration: none
;
506 .tsd-breadcrumb a:hover {
507 text-decoration: underline
;
512 .tsd-breadcrumb li:after {
518 flex-direction: column
;
520 dl
.tsd-comment-tag-group
{
526 dl
.tsd-comment-tag-group dt
{
532 dl
.tsd-comment-tag-group dd
{
536 padding: 0.25em 0.4em;
537 border: 0.1em solid var
(--color-accent
);
538 margin-right: 0.25em;
541 h1 code
.tsd-tag:first-of-type
{
545 dl
.tsd-comment-tag-group
dd:before
,
546 dl
.tsd-comment-tag-group
dd:after
{
549 dl
.tsd-comment-tag-group dd pre
,
550 dl
.tsd-comment-tag-group
dd:after
{
553 dl
.tsd-comment-tag-group p
{
557 .tsd-panel.tsd-comment .lead {
559 line-height: 1.333em;
562 .tsd-panel.tsd-comment .lead:last-child {
566 .tsd-filter-visibility h4 {
568 padding-top: 0.75rem;
569 padding-bottom: 0.5rem;
572 .tsd-filter-item:not(:last-child) {
573 margin-bottom: 0.5rem;
578 width: -moz-fit-content
;
581 -webkit-user-select: none
;
582 -moz-user-select: none
;
583 -ms-user-select: none
;
586 .tsd-filter-input input[type="checkbox"] {
593 .tsd-filter-input input[type="checkbox"]:disabled {
594 pointer-events: none
;
596 .tsd-filter-input svg {
601 border-radius: 0.33em;
602 /* Leaving this at full opacity breaks event listeners on Firefox.
603 Don't remove unless you know what you're doing. */
606 .tsd-filter-input input[type="checkbox"]:focus + svg {
607 transform: scale
(0.95);
609 .tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg {
612 .tsd-checkbox-background {
613 fill: var
(--color-accent
);
615 input
[type
="checkbox"]:checked
~ svg
.tsd-checkbox-checkmark
{
616 stroke: var
(--color-text
);
618 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background {
619 fill: var
(--color-background
);
620 stroke: var
(--color-accent
);
621 stroke-width: 0.25rem;
623 .tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark {
624 stroke: var
(--color-accent
);
628 padding-top: 0.75rem;
630 .tsd-theme-toggle > h4 {
632 vertical-align: middle
;
633 margin-right: 0.75rem;
640 .tsd-hierarchy .target {
644 .tsd-panel-group.tsd-index-group {
647 .tsd-index-panel .tsd-index-list {
649 line-height: 1.333em;
651 padding: 0.25rem 0 0 0;
654 grid-template-columns: repeat
(3, 1fr);
656 grid-template-rows: auto
;
658 @media (max-width: 1024px) {
659 .tsd-index-panel .tsd-index-list {
660 grid-template-columns: repeat
(2, 1fr);
663 @media (max-width: 768px) {
664 .tsd-index-panel .tsd-index-list {
665 grid-template-columns: repeat
(1, 1fr);
668 .tsd-index-panel .tsd-index-list li {
669 -webkit-page-break-inside: avoid
;
670 -moz-page-break-inside: avoid
;
671 -ms-page-break-inside: avoid
;
672 -o-page-break-inside: avoid
;
673 page-break-inside: avoid
;
676 .tsd-index-panel a.tsd-parent-kind-module {
677 color: var
(--color-ts
);
679 .tsd-index-panel a.tsd-parent-kind-interface {
680 color: var
(--color-ts-interface
);
682 .tsd-index-panel a.tsd-parent-kind-enum {
683 color: var
(--color-ts-enum
);
685 .tsd-index-panel a.tsd-parent-kind-class {
686 color: var
(--color-ts-class
);
688 .tsd-index-panel a.tsd-kind-module {
689 color: var
(--color-ts-namespace
);
691 .tsd-index-panel a.tsd-kind-interface {
692 color: var
(--color-ts-interface
);
694 .tsd-index-panel a.tsd-kind-enum {
695 color: var
(--color-ts-enum
);
697 .tsd-index-panel a.tsd-kind-class {
698 color: var
(--color-ts-class
);
700 .tsd-index-panel a.tsd-kind-function {
701 color: var
(--color-ts-function
);
703 .tsd-index-panel a.tsd-kind-namespace {
704 color: var
(--color-ts-namespace
);
706 .tsd-index-panel a.tsd-kind-variable {
707 color: var
(--color-ts-variable
);
709 .tsd-index-panel a.tsd-is-private {
710 color: var
(--color-ts-private
);
714 display: inline-block
;
715 padding: 0.25em 0.4em;
717 color: var
(--color-comment-tag-text
);
718 background-color: var
(--color-comment-tag
);
733 .tsd-member .tsd-anchor + h3 {
740 .tsd-member [data-tsd-kind] {
741 color: var
(--color-ts
);
743 .tsd-member [data-tsd-kind="Interface"] {
744 color: var
(--color-ts-interface
);
746 .tsd-member [data-tsd-kind="Enum"] {
747 color: var
(--color-ts-enum
);
749 .tsd-member [data-tsd-kind="Class"] {
750 color: var
(--color-ts-class
);
752 .tsd-member [data-tsd-kind="Private"] {
753 color: var
(--color-ts-private
);
759 border-left: 2px solid transparent
;
760 color: var
(--color-text
);
761 text-decoration: none
;
762 transition: border-left-color
0.1s;
764 .tsd-navigation a:hover {
765 text-decoration: underline
;
776 .tsd-navigation.primary .tsd-accordion-details > ul {
779 .tsd-navigation.primary a {
780 padding: 0.75rem 0.5rem;
783 .tsd-navigation.primary ul li a {
786 .tsd-navigation.primary ul li li a {
789 .tsd-navigation.primary ul li li li a {
792 .tsd-navigation.primary ul li li li li a {
795 .tsd-navigation.primary ul li li li li li a {
798 .tsd-navigation.primary ul li li li li li li a {
801 .tsd-navigation.primary li.current > a {
802 border-left: 0.15rem var
(--color-text
) solid
;
804 .tsd-navigation.primary li.selected > a {
806 border-left: 0.2rem var
(--color-text
) solid
;
808 .tsd-navigation.primary ul li a:hover {
809 border-left: 0.2rem var
(--color-text-aside
) solid
;
811 .tsd-navigation
.primary li
.globals
+ li
> span
,
812 .tsd-navigation.primary li.globals + li > a {
816 .tsd-navigation.secondary.tsd-navigation--toolbar-hide {
817 max-height: calc
(100vh - 1rem);
820 .tsd-navigation.secondary > ul {
822 padding-right: 0.5rem;
823 transition: opacity
0.2s;
825 .tsd-navigation.secondary ul li a {
828 .tsd-navigation.secondary ul li li a {
829 padding-left: 1.1rem;
831 .tsd-navigation.secondary ul li li li a {
832 padding-left: 2.2rem;
834 .tsd-navigation.secondary ul li li li li a {
835 padding-left: 3.3rem;
837 .tsd-navigation.secondary ul li li li li li a {
838 padding-left: 4.4rem;
840 .tsd-navigation.secondary ul li li li li li li a {
841 padding-left: 5.5rem;
844 #tsd-sidebar-links a
{
846 margin-bottom: 0.5rem;
847 line-height: 1.25rem;
849 #tsd-sidebar-links a:last-of-type
{
856 line-height: 1.25rem;
857 display: inline-flex
;
860 .tsd-accordion-summary
> h1
,
861 .tsd-accordion-summary
> h2
,
862 .tsd-accordion-summary
> h3
,
863 .tsd-accordion-summary
> h4
,
864 .tsd-accordion-summary > h5 {
865 display: inline-flex
;
867 vertical-align: middle
;
870 -moz-user-select: none
;
871 -webkit-user-select: none
;
872 -ms-user-select: none
;
874 .tsd-accordion-summary {
878 .tsd-accordion-summary > * {
884 .tsd-accordion-summary::-webkit-details-marker {
887 .tsd-index-accordion .tsd-accordion-summary svg {
888 margin-right: 0.25rem;
890 .tsd-index-content > :not(:first-child) {
895 margin-bottom: 0.75rem;
899 margin-right: 0.5rem;
905 .tsd-kind-icon path {
906 transform-origin: center
;
907 transform: scale
(1.1);
909 .tsd-signature > .tsd-kind-icon {
910 margin-right: 0.8rem;
913 @media (min-width: 1025px) {
920 height: calc
(100vh - 2rem);
926 transition: 0.3s ease-in-out
;
927 transition-property: top
, padding-top
, padding
, height
;
931 border-left: 1px solid var
(--color-accent
);
936 .col-menu .tsd-navigation:not(:last-child) {
937 padding-bottom: 1.75rem;
942 margin-bottom: 2.5rem;
944 .tsd-panel.tsd-member {
953 margin: 1.5rem -1.5rem 0.75rem -1.5rem;
954 padding: 0 1.5rem 0.75rem 1.5rem;
956 .tsd-panel
> h1
.tsd-before-signature
,
957 .tsd-panel
> h2
.tsd-before-signature
,
958 .tsd-panel > h3.tsd-before-signature {
966 .tsd-panel-group.tsd-index-group {
969 .tsd-panel-group.tsd-index-group details {
974 transition: background-color
0.2s;
987 #tsd-search .field input
{
988 box-sizing: border-box
;
997 background: transparent
;
998 color: var
(--color-text
);
1000 #tsd-search .field label
{
1005 #tsd-search .field input
,
1007 #tsd-toolbar-links a
{
1008 transition: opacity
0.2s;
1010 #tsd-search .results
{
1018 box-shadow: 0 0 4px rgba
(0, 0, 0, 0.25);
1020 #tsd-search .results li
{
1022 background-color: var
(--color-background
);
1024 #tsd-search .results
li:nth-child
(even
) {
1025 background-color: var
(--color-background-secondary
);
1027 #tsd-search .results li
.state
{
1030 #tsd-search .results li
.current
,
1031 #tsd-search .results
li:hover
{
1032 background-color: var
(--color-accent
);
1034 #tsd-search .results a
{
1037 #tsd-search .results
a:before
{
1040 #tsd-search .results span
.parent
{
1041 color: var
(--color-text-aside
);
1042 font-weight: normal
;
1044 #tsd-search.has-focus
{
1045 background-color: var
(--color-accent
);
1047 #tsd-search.has-focus
.field input
{
1051 #tsd-search.has-focus
.title
,
1052 #tsd-search.has-focus #tsd-toolbar-links a
{
1056 #tsd-search.has-focus
.results
{
1057 visibility: visible
;
1059 #tsd-search.loading
.results li
.state
.loading
{
1062 #tsd-search.failure
.results li
.state
.failure
{
1066 #tsd-toolbar-links {
1072 align-items: center
;
1073 justify-content: flex-end
;
1075 #tsd-toolbar-links a
{
1076 margin-left: 1.5rem;
1078 #tsd-toolbar-links a:hover
{
1079 text-decoration: underline
;
1084 padding: 1rem 0.5rem;
1085 border: 1px solid var
(--color-accent
);
1086 font-family: Menlo
, Monaco
, Consolas
, "Courier New", monospace
;
1091 .tsd-signature-symbol {
1092 color: var
(--color-text-aside
);
1093 font-weight: normal
;
1096 .tsd-signature-type {
1098 font-weight: normal
;
1104 list-style-type: none
;
1106 .tsd-signatures .tsd-signature {
1108 border-color: var
(--color-accent
);
1109 border-width: 1px 0;
1110 transition: background-color
0.1s;
1112 .tsd-description .tsd-signatures .tsd-signature {
1116 ul
.tsd-parameter-list
,
1117 ul
.tsd-type-parameter-list
{
1122 ul
.tsd-parameter-list
> li
.tsd-parameter-signature
,
1123 ul
.tsd-type-parameter-list
> li
.tsd-parameter-signature
{
1127 ul
.tsd-parameter-list h5
,
1128 ul
.tsd-type-parameter-list h5
{
1130 margin: 1em 0 0.5em 0;
1137 color: var
(--color-text-aside
);
1138 text-decoration: underline
;
1151 color: var
(--color-text
);
1152 background: var
(--color-background-secondary
);
1153 border-bottom: 1px var
(--color-accent
) solid
;
1154 transition: transform
0.3s ease-in-out
;
1156 .tsd-page-toolbar a {
1157 color: var
(--color-text
);
1158 text-decoration: none
;
1160 .tsd-page-toolbar a.title {
1163 .tsd-page-toolbar a.title:hover {
1164 text-decoration: underline
;
1166 .tsd-page-toolbar .tsd-toolbar-contents {
1168 justify-content: space-between
;
1172 .tsd-page-toolbar .table-cell {
1174 white-space: nowrap
;
1177 .tsd-page-toolbar .table-cell:first-child {
1180 .tsd-page-toolbar .tsd-toolbar-icon {
1181 box-sizing: border-box
;
1186 .tsd-page-toolbar--hide {
1187 transform: translateY
(-100%);
1191 display: inline-block
;
1195 transition: opacity
0.1s, background-color
0.2s;
1196 vertical-align: bottom
;
1202 .tsd-widget.active {
1204 background-color: var
(--color-accent
);
1206 .tsd-widget.no-caption {
1209 .tsd-widget.no-caption:before {
1213 .tsd-widget
.options
,
1217 @media (max-width: 1024px) {
1218 .tsd-widget
.options
,
1220 display: inline-block
;
1223 input
[type
="checkbox"] + .tsd-widget:before
{
1224 background-position: -120px 0;
1226 input
[type
="checkbox"]:checked
+ .tsd-widget:before
{
1227 background-position: -160px 0;
1235 display: inline-flex
;
1236 align-items: center
;
1237 margin-left: 0.5rem;
1238 vertical-align: middle
;
1239 color: var
(--color-text
);
1242 .tsd-anchor-icon svg {
1248 .tsd-anchor-link:hover > .tsd-anchor-icon svg {
1249 visibility: visible
;
1253 text-decoration: line-through
;
1258 color: var
(--color-warning-text
);
1259 background: var
(--color-background-warning
);
1263 scrollbar-width: thin
;
1264 scrollbar-color: var
(--color-accent
) var
(--color-icon-background
);
1267 *::-webkit-scrollbar
{
1271 *::-webkit-scrollbar-track
{
1272 background: var
(--color-icon-background
);
1275 *::-webkit-scrollbar-thumb
{
1276 background-color: var
(--color-accent
);
1277 border-radius: 999rem;
1278 border: 0.25rem solid var
(--color-icon-background
);