diff --git a/.babelrc b/.babelrc deleted file mode 100644 index 1dbc87b57a7..00000000000 --- a/.babelrc +++ /dev/null @@ -1,13 +0,0 @@ -{ - "presets": [ - "@babel/preset-react", - "@babel/preset-env" - ], - "plugins": ["@babel/plugin-proposal-object-rest-spread", - ["@babel/plugin-transform-runtime", - { - "regenerator": true - } - ] - ] -} diff --git a/.eslintignore b/.eslintignore index 803c5f1d9fe..8b33685684d 100644 --- a/.eslintignore +++ b/.eslintignore @@ -4,6 +4,7 @@ vendor/* # compiled js ignored since it is run on the jsx directory modules/*/js/* modules/*/js/*/* +modules/electrophysiology_browser/jsx/react-series-data-viewer/src/protocol-buffers/chunk_pb.js htdocs/js/components/* # Ignore external libs diff --git a/.flowconfig b/.flowconfig new file mode 100644 index 00000000000..6cc84824a76 --- /dev/null +++ b/.flowconfig @@ -0,0 +1,15 @@ +[ignore] +/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/npm/test/fixtures/config/package.json +/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/npm/node_modules/config-chain/test/broken.json + +[include] +/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/src + +[libs] + +[lints] + +[options] +react.runtime=automatic + +[strict] diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 00000000000..3df220b14a5 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,20 @@ +module.exports = function(api) { + api.cache(true); + const presets = [ + "@babel/preset-flow", + "@babel/preset-react", + "@babel/preset-env" + ]; + const plugins = [ + "@babel/plugin-proposal-object-rest-spread", + ["@babel/plugin-transform-runtime", + { + "regenerator": true + } + ] + ]; + return { + presets, + plugins + }; +} diff --git a/modules/electrophysiology_browser/css/electrophysiology_browser.css b/modules/electrophysiology_browser/css/electrophysiology_browser.css new file mode 100644 index 00000000000..2df99d06291 --- /dev/null +++ b/modules/electrophysiology_browser/css/electrophysiology_browser.css @@ -0,0 +1,80 @@ +.react-series-data-viewer-scoped .dropdown-menu { + width: calc(100% - 5px); +} + +.react-series-data-viewer-scoped .dropdown-menu li { + margin-top: 0; + padding: 0 10px; +} + +.react-series-data-viewer-scoped .dropdown-menu li:hover { + background: #eee; + cursor: pointer; + margin-top: 0; + width: 100%; +} + +.btn.btn-xs { + font-size: 12px; +} + +.btn-group .btn { + margin: 0; +} + +.btn-group { + margin-right: 10px; +} + +.btn-primary:focus:not(.active), +.btn-primary:active:not(.active) { + color: #246EB6; + background-color: white; + border-color: #246EB6; + outline: 0; +} + +.no-gutters > div { + padding:0; +} + +svg { + user-select: none; +} + +.annotation.list-group-item { + background: #fffae6; + border-left: 5px solid #ff6600; +} + +.event-list .btn.btn-primary { + color: #555; + border: 1px solid #555; +} + +.event-list .btn.btn-primary.active { + color: #000; + background-color: #ddd; + border: 1px solid #000; +} + +.event-list .btn.btn-primary:hover { + color: #333; + background-color: #eee; + border: 1px solid #333; +} + +#electrode-montage .list-group { + border: 1px solid #ddd; +} + +#electrode-montage .list-group-item:first-child { + border-top: none; +} + +#electrode-montage .list-group-item { + margin-bottom: 0; + border-left: none; + border-right: none; + border-bottom: none; +} \ No newline at end of file diff --git a/modules/electrophysiology_browser/css/react-series-data-viewer-scoped-styles.css b/modules/electrophysiology_browser/css/react-series-data-viewer-scoped-styles.css new file mode 100644 index 00000000000..820bb51c65b --- /dev/null +++ b/modules/electrophysiology_browser/css/react-series-data-viewer-scoped-styles.css @@ -0,0 +1,7955 @@ +@charset "UTF-8"; +.react-series-data-viewer-scoped { + /*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + /*# sourceMappingURL=bootstrap.css.map */ +} +.react-series-data-viewer-scoped :root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #6c757d; + --gray-dark: #343a40; + --primary: #007bff; + --secondary: #6c757d; + --success: #28a745; + --info: #17a2b8; + --warning: #ffc107; + --danger: #dc3545; + --light: #f8f9fa; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} +.react-series-data-viewer-scoped *, +.react-series-data-viewer-scoped *::before, +.react-series-data-viewer-scoped *::after { + box-sizing: border-box; +} +.react-series-data-viewer-scoped html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +@-ms-viewport { + .react-series-data-viewer-scoped { + width: device-width; + } +} +.react-series-data-viewer-scoped article, .react-series-data-viewer-scoped aside, .react-series-data-viewer-scoped figcaption, .react-series-data-viewer-scoped figure, .react-series-data-viewer-scoped footer, .react-series-data-viewer-scoped header, .react-series-data-viewer-scoped hgroup, .react-series-data-viewer-scoped main, .react-series-data-viewer-scoped nav, .react-series-data-viewer-scoped section { + display: block; +} +.react-series-data-viewer-scoped body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fff; +} +.react-series-data-viewer-scoped [tabindex="-1"]:focus { + outline: 0 !important; +} +.react-series-data-viewer-scoped hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +.react-series-data-viewer-scoped h1, .react-series-data-viewer-scoped h2, .react-series-data-viewer-scoped h3, .react-series-data-viewer-scoped h4, .react-series-data-viewer-scoped h5, .react-series-data-viewer-scoped h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} +.react-series-data-viewer-scoped p { + margin-top: 0; + margin-bottom: 1rem; +} +.react-series-data-viewer-scoped abbr[title], +.react-series-data-viewer-scoped abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; +} +.react-series-data-viewer-scoped address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} +.react-series-data-viewer-scoped ol, +.react-series-data-viewer-scoped ul, +.react-series-data-viewer-scoped dl { + margin-top: 0; + margin-bottom: 1rem; +} +.react-series-data-viewer-scoped ol ol, +.react-series-data-viewer-scoped ul ul, +.react-series-data-viewer-scoped ol ul, +.react-series-data-viewer-scoped ul ol { + margin-bottom: 0; +} +.react-series-data-viewer-scoped dt { + font-weight: 700; +} +.react-series-data-viewer-scoped dd { + margin-bottom: 0.5rem; + margin-left: 0; +} +.react-series-data-viewer-scoped blockquote { + margin: 0 0 1rem; +} +.react-series-data-viewer-scoped dfn { + font-style: italic; +} +.react-series-data-viewer-scoped b, +.react-series-data-viewer-scoped strong { + font-weight: bolder; +} +.react-series-data-viewer-scoped small { + font-size: 80%; +} +.react-series-data-viewer-scoped sub, +.react-series-data-viewer-scoped sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +.react-series-data-viewer-scoped sub { + bottom: -0.25em; +} +.react-series-data-viewer-scoped sup { + top: -0.5em; +} +.react-series-data-viewer-scoped a { + color: #007bff; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} +.react-series-data-viewer-scoped a:hover { + color: #0056b3; + text-decoration: underline; +} +.react-series-data-viewer-scoped a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; +} +.react-series-data-viewer-scoped a:not([href]):not([tabindex]):hover, .react-series-data-viewer-scoped a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; +} +.react-series-data-viewer-scoped a:not([href]):not([tabindex]):focus { + outline: 0; +} +.react-series-data-viewer-scoped pre, +.react-series-data-viewer-scoped code, +.react-series-data-viewer-scoped kbd, +.react-series-data-viewer-scoped samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} +.react-series-data-viewer-scoped pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + -ms-overflow-style: scrollbar; +} +.react-series-data-viewer-scoped figure { + margin: 0 0 1rem; +} +.react-series-data-viewer-scoped img { + vertical-align: middle; + border-style: none; +} +.react-series-data-viewer-scoped svg { + overflow: visible; + vertical-align: middle; +} +.react-series-data-viewer-scoped table { + border-collapse: collapse; +} +.react-series-data-viewer-scoped caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} +.react-series-data-viewer-scoped th { + text-align: inherit; +} +.react-series-data-viewer-scoped label { + display: inline-block; + margin-bottom: 0.5rem; +} +.react-series-data-viewer-scoped button { + border-radius: 0; +} +.react-series-data-viewer-scoped button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} +.react-series-data-viewer-scoped input, +.react-series-data-viewer-scoped button, +.react-series-data-viewer-scoped select, +.react-series-data-viewer-scoped optgroup, +.react-series-data-viewer-scoped textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +.react-series-data-viewer-scoped button, +.react-series-data-viewer-scoped input { + overflow: visible; +} +.react-series-data-viewer-scoped button, +.react-series-data-viewer-scoped select { + text-transform: none; +} +.react-series-data-viewer-scoped button, +.react-series-data-viewer-scoped html [type=button], +.react-series-data-viewer-scoped [type=reset], +.react-series-data-viewer-scoped [type=submit] { + -webkit-appearance: button; +} +.react-series-data-viewer-scoped button::-moz-focus-inner, +.react-series-data-viewer-scoped [type=button]::-moz-focus-inner, +.react-series-data-viewer-scoped [type=reset]::-moz-focus-inner, +.react-series-data-viewer-scoped [type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} +.react-series-data-viewer-scoped input[type=radio], +.react-series-data-viewer-scoped input[type=checkbox] { + box-sizing: border-box; + padding: 0; +} +.react-series-data-viewer-scoped input[type=date], +.react-series-data-viewer-scoped input[type=time], +.react-series-data-viewer-scoped input[type=datetime-local], +.react-series-data-viewer-scoped input[type=month] { + -webkit-appearance: listbox; +} +.react-series-data-viewer-scoped textarea { + overflow: auto; + resize: vertical; +} +.react-series-data-viewer-scoped fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +.react-series-data-viewer-scoped legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} +.react-series-data-viewer-scoped progress { + vertical-align: baseline; +} +.react-series-data-viewer-scoped [type=number]::-webkit-inner-spin-button, +.react-series-data-viewer-scoped [type=number]::-webkit-outer-spin-button { + height: auto; +} +.react-series-data-viewer-scoped [type=search] { + outline-offset: -2px; + -webkit-appearance: none; +} +.react-series-data-viewer-scoped [type=search]::-webkit-search-cancel-button, +.react-series-data-viewer-scoped [type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} +.react-series-data-viewer-scoped ::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +.react-series-data-viewer-scoped output { + display: inline-block; +} +.react-series-data-viewer-scoped summary { + display: list-item; + cursor: pointer; +} +.react-series-data-viewer-scoped template { + display: none; +} +.react-series-data-viewer-scoped [hidden] { + display: none !important; +} +.react-series-data-viewer-scoped h1, .react-series-data-viewer-scoped h2, .react-series-data-viewer-scoped h3, .react-series-data-viewer-scoped h4, .react-series-data-viewer-scoped h5, .react-series-data-viewer-scoped h6, +.react-series-data-viewer-scoped .h1, .react-series-data-viewer-scoped .h2, .react-series-data-viewer-scoped .h3, .react-series-data-viewer-scoped .h4, .react-series-data-viewer-scoped .h5, .react-series-data-viewer-scoped .h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.2; + color: inherit; +} +.react-series-data-viewer-scoped h1, .react-series-data-viewer-scoped .h1 { + font-size: 2.5rem; +} +.react-series-data-viewer-scoped h2, .react-series-data-viewer-scoped .h2 { + font-size: 2rem; +} +.react-series-data-viewer-scoped h3, .react-series-data-viewer-scoped .h3 { + font-size: 1.75rem; +} +.react-series-data-viewer-scoped h4, .react-series-data-viewer-scoped .h4 { + font-size: 1.5rem; +} +.react-series-data-viewer-scoped h5, .react-series-data-viewer-scoped .h5 { + font-size: 1.25rem; +} +.react-series-data-viewer-scoped h6, .react-series-data-viewer-scoped .h6 { + font-size: 1rem; +} +.react-series-data-viewer-scoped .lead { + font-size: 1.25rem; + font-weight: 300; +} +.react-series-data-viewer-scoped .display-1 { + font-size: 6rem; + font-weight: 300; + line-height: 1.2; +} +.react-series-data-viewer-scoped .display-2 { + font-size: 5.5rem; + font-weight: 300; + line-height: 1.2; +} +.react-series-data-viewer-scoped .display-3 { + font-size: 4.5rem; + font-weight: 300; + line-height: 1.2; +} +.react-series-data-viewer-scoped .display-4 { + font-size: 3.5rem; + font-weight: 300; + line-height: 1.2; +} +.react-series-data-viewer-scoped hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} +.react-series-data-viewer-scoped small, +.react-series-data-viewer-scoped .small { + font-size: 80%; + font-weight: 400; +} +.react-series-data-viewer-scoped mark, +.react-series-data-viewer-scoped .mark { + padding: 0.2em; + background-color: #fcf8e3; +} +.react-series-data-viewer-scoped .list-unstyled { + padding-left: 0; + list-style: none; +} +.react-series-data-viewer-scoped .list-inline { + padding-left: 0; + list-style: none; +} +.react-series-data-viewer-scoped .list-inline-item { + display: inline-block; +} +.react-series-data-viewer-scoped .list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} +.react-series-data-viewer-scoped .initialism { + font-size: 90%; + text-transform: uppercase; +} +.react-series-data-viewer-scoped .blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.react-series-data-viewer-scoped .blockquote-footer { + display: block; + font-size: 80%; + color: #6c757d; +} +.react-series-data-viewer-scoped .blockquote-footer::before { + content: "— "; +} +.react-series-data-viewer-scoped .img-fluid { + max-width: 100%; + height: auto; +} +.react-series-data-viewer-scoped .img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} +.react-series-data-viewer-scoped .figure { + display: inline-block; +} +.react-series-data-viewer-scoped .figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} +.react-series-data-viewer-scoped .figure-caption { + font-size: 90%; + color: #6c757d; +} +.react-series-data-viewer-scoped code { + font-size: 87.5%; + color: #e83e8c; + word-break: break-word; +} +.react-series-data-viewer-scoped a > code { + color: inherit; +} +.react-series-data-viewer-scoped kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} +.react-series-data-viewer-scoped kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; +} +.react-series-data-viewer-scoped pre { + display: block; + font-size: 87.5%; + color: #212529; +} +.react-series-data-viewer-scoped pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} +.react-series-data-viewer-scoped .pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.react-series-data-viewer-scoped .container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .container { + max-width: 1140px; + } +} +.react-series-data-viewer-scoped .container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.react-series-data-viewer-scoped .row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} +.react-series-data-viewer-scoped .no-gutters { + margin-right: 0; + margin-left: 0; +} +.react-series-data-viewer-scoped .no-gutters > .col, +.react-series-data-viewer-scoped .no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; +} +.react-series-data-viewer-scoped .col-1, .react-series-data-viewer-scoped .col-2, .react-series-data-viewer-scoped .col-3, .react-series-data-viewer-scoped .col-4, .react-series-data-viewer-scoped .col-5, .react-series-data-viewer-scoped .col-6, .react-series-data-viewer-scoped .col-7, .react-series-data-viewer-scoped .col-8, .react-series-data-viewer-scoped .col-9, .react-series-data-viewer-scoped .col-10, .react-series-data-viewer-scoped .col-11, .react-series-data-viewer-scoped .col-12, .react-series-data-viewer-scoped .col, +.react-series-data-viewer-scoped .col-auto, .react-series-data-viewer-scoped .col-sm-1, .react-series-data-viewer-scoped .col-sm-2, .react-series-data-viewer-scoped .col-sm-3, .react-series-data-viewer-scoped .col-sm-4, .react-series-data-viewer-scoped .col-sm-5, .react-series-data-viewer-scoped .col-sm-6, .react-series-data-viewer-scoped .col-sm-7, .react-series-data-viewer-scoped .col-sm-8, .react-series-data-viewer-scoped .col-sm-9, .react-series-data-viewer-scoped .col-sm-10, .react-series-data-viewer-scoped .col-sm-11, .react-series-data-viewer-scoped .col-sm-12, .react-series-data-viewer-scoped .col-sm, +.react-series-data-viewer-scoped .col-sm-auto, .react-series-data-viewer-scoped .col-md-1, .react-series-data-viewer-scoped .col-md-2, .react-series-data-viewer-scoped .col-md-3, .react-series-data-viewer-scoped .col-md-4, .react-series-data-viewer-scoped .col-md-5, .react-series-data-viewer-scoped .col-md-6, .react-series-data-viewer-scoped .col-md-7, .react-series-data-viewer-scoped .col-md-8, .react-series-data-viewer-scoped .col-md-9, .react-series-data-viewer-scoped .col-md-10, .react-series-data-viewer-scoped .col-md-11, .react-series-data-viewer-scoped .col-md-12, .react-series-data-viewer-scoped .col-md, +.react-series-data-viewer-scoped .col-md-auto, .react-series-data-viewer-scoped .col-lg-1, .react-series-data-viewer-scoped .col-lg-2, .react-series-data-viewer-scoped .col-lg-3, .react-series-data-viewer-scoped .col-lg-4, .react-series-data-viewer-scoped .col-lg-5, .react-series-data-viewer-scoped .col-lg-6, .react-series-data-viewer-scoped .col-lg-7, .react-series-data-viewer-scoped .col-lg-8, .react-series-data-viewer-scoped .col-lg-9, .react-series-data-viewer-scoped .col-lg-10, .react-series-data-viewer-scoped .col-lg-11, .react-series-data-viewer-scoped .col-lg-12, .react-series-data-viewer-scoped .col-lg, +.react-series-data-viewer-scoped .col-lg-auto, .react-series-data-viewer-scoped .col-xl-1, .react-series-data-viewer-scoped .col-xl-2, .react-series-data-viewer-scoped .col-xl-3, .react-series-data-viewer-scoped .col-xl-4, .react-series-data-viewer-scoped .col-xl-5, .react-series-data-viewer-scoped .col-xl-6, .react-series-data-viewer-scoped .col-xl-7, .react-series-data-viewer-scoped .col-xl-8, .react-series-data-viewer-scoped .col-xl-9, .react-series-data-viewer-scoped .col-xl-10, .react-series-data-viewer-scoped .col-xl-11, .react-series-data-viewer-scoped .col-xl-12, .react-series-data-viewer-scoped .col-xl, +.react-series-data-viewer-scoped .col-xl-auto { + position: relative; + width: 100%; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} +.react-series-data-viewer-scoped .col { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; +} +.react-series-data-viewer-scoped .col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; +} +.react-series-data-viewer-scoped .col-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; +} +.react-series-data-viewer-scoped .col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} +.react-series-data-viewer-scoped .col-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; +} +.react-series-data-viewer-scoped .col-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} +.react-series-data-viewer-scoped .col-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; +} +.react-series-data-viewer-scoped .col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} +.react-series-data-viewer-scoped .col-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} +.react-series-data-viewer-scoped .col-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} +.react-series-data-viewer-scoped .col-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; +} +.react-series-data-viewer-scoped .col-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} +.react-series-data-viewer-scoped .col-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} +.react-series-data-viewer-scoped .col-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} +.react-series-data-viewer-scoped .order-first { + -ms-flex-order: -1; + order: -1; +} +.react-series-data-viewer-scoped .order-last { + -ms-flex-order: 13; + order: 13; +} +.react-series-data-viewer-scoped .order-0 { + -ms-flex-order: 0; + order: 0; +} +.react-series-data-viewer-scoped .order-1 { + -ms-flex-order: 1; + order: 1; +} +.react-series-data-viewer-scoped .order-2 { + -ms-flex-order: 2; + order: 2; +} +.react-series-data-viewer-scoped .order-3 { + -ms-flex-order: 3; + order: 3; +} +.react-series-data-viewer-scoped .order-4 { + -ms-flex-order: 4; + order: 4; +} +.react-series-data-viewer-scoped .order-5 { + -ms-flex-order: 5; + order: 5; +} +.react-series-data-viewer-scoped .order-6 { + -ms-flex-order: 6; + order: 6; +} +.react-series-data-viewer-scoped .order-7 { + -ms-flex-order: 7; + order: 7; +} +.react-series-data-viewer-scoped .order-8 { + -ms-flex-order: 8; + order: 8; +} +.react-series-data-viewer-scoped .order-9 { + -ms-flex-order: 9; + order: 9; +} +.react-series-data-viewer-scoped .order-10 { + -ms-flex-order: 10; + order: 10; +} +.react-series-data-viewer-scoped .order-11 { + -ms-flex-order: 11; + order: 11; +} +.react-series-data-viewer-scoped .order-12 { + -ms-flex-order: 12; + order: 12; +} +.react-series-data-viewer-scoped .offset-1 { + margin-left: 8.333333%; +} +.react-series-data-viewer-scoped .offset-2 { + margin-left: 16.666667%; +} +.react-series-data-viewer-scoped .offset-3 { + margin-left: 25%; +} +.react-series-data-viewer-scoped .offset-4 { + margin-left: 33.333333%; +} +.react-series-data-viewer-scoped .offset-5 { + margin-left: 41.666667%; +} +.react-series-data-viewer-scoped .offset-6 { + margin-left: 50%; +} +.react-series-data-viewer-scoped .offset-7 { + margin-left: 58.333333%; +} +.react-series-data-viewer-scoped .offset-8 { + margin-left: 66.666667%; +} +.react-series-data-viewer-scoped .offset-9 { + margin-left: 75%; +} +.react-series-data-viewer-scoped .offset-10 { + margin-left: 83.333333%; +} +.react-series-data-viewer-scoped .offset-11 { + margin-left: 91.666667%; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .col-sm { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .react-series-data-viewer-scoped .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + .react-series-data-viewer-scoped .col-sm-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .react-series-data-viewer-scoped .col-sm-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .react-series-data-viewer-scoped .col-sm-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .react-series-data-viewer-scoped .col-sm-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .react-series-data-viewer-scoped .col-sm-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .react-series-data-viewer-scoped .col-sm-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .react-series-data-viewer-scoped .col-sm-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .react-series-data-viewer-scoped .col-sm-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .react-series-data-viewer-scoped .col-sm-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .react-series-data-viewer-scoped .col-sm-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .react-series-data-viewer-scoped .col-sm-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .react-series-data-viewer-scoped .col-sm-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .react-series-data-viewer-scoped .order-sm-first { + -ms-flex-order: -1; + order: -1; + } + .react-series-data-viewer-scoped .order-sm-last { + -ms-flex-order: 13; + order: 13; + } + .react-series-data-viewer-scoped .order-sm-0 { + -ms-flex-order: 0; + order: 0; + } + .react-series-data-viewer-scoped .order-sm-1 { + -ms-flex-order: 1; + order: 1; + } + .react-series-data-viewer-scoped .order-sm-2 { + -ms-flex-order: 2; + order: 2; + } + .react-series-data-viewer-scoped .order-sm-3 { + -ms-flex-order: 3; + order: 3; + } + .react-series-data-viewer-scoped .order-sm-4 { + -ms-flex-order: 4; + order: 4; + } + .react-series-data-viewer-scoped .order-sm-5 { + -ms-flex-order: 5; + order: 5; + } + .react-series-data-viewer-scoped .order-sm-6 { + -ms-flex-order: 6; + order: 6; + } + .react-series-data-viewer-scoped .order-sm-7 { + -ms-flex-order: 7; + order: 7; + } + .react-series-data-viewer-scoped .order-sm-8 { + -ms-flex-order: 8; + order: 8; + } + .react-series-data-viewer-scoped .order-sm-9 { + -ms-flex-order: 9; + order: 9; + } + .react-series-data-viewer-scoped .order-sm-10 { + -ms-flex-order: 10; + order: 10; + } + .react-series-data-viewer-scoped .order-sm-11 { + -ms-flex-order: 11; + order: 11; + } + .react-series-data-viewer-scoped .order-sm-12 { + -ms-flex-order: 12; + order: 12; + } + .react-series-data-viewer-scoped .offset-sm-0 { + margin-left: 0; + } + .react-series-data-viewer-scoped .offset-sm-1 { + margin-left: 8.333333%; + } + .react-series-data-viewer-scoped .offset-sm-2 { + margin-left: 16.666667%; + } + .react-series-data-viewer-scoped .offset-sm-3 { + margin-left: 25%; + } + .react-series-data-viewer-scoped .offset-sm-4 { + margin-left: 33.333333%; + } + .react-series-data-viewer-scoped .offset-sm-5 { + margin-left: 41.666667%; + } + .react-series-data-viewer-scoped .offset-sm-6 { + margin-left: 50%; + } + .react-series-data-viewer-scoped .offset-sm-7 { + margin-left: 58.333333%; + } + .react-series-data-viewer-scoped .offset-sm-8 { + margin-left: 66.666667%; + } + .react-series-data-viewer-scoped .offset-sm-9 { + margin-left: 75%; + } + .react-series-data-viewer-scoped .offset-sm-10 { + margin-left: 83.333333%; + } + .react-series-data-viewer-scoped .offset-sm-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .col-md { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .react-series-data-viewer-scoped .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + .react-series-data-viewer-scoped .col-md-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .react-series-data-viewer-scoped .col-md-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .react-series-data-viewer-scoped .col-md-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .react-series-data-viewer-scoped .col-md-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .react-series-data-viewer-scoped .col-md-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .react-series-data-viewer-scoped .col-md-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .react-series-data-viewer-scoped .col-md-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .react-series-data-viewer-scoped .col-md-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .react-series-data-viewer-scoped .col-md-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .react-series-data-viewer-scoped .col-md-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .react-series-data-viewer-scoped .col-md-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .react-series-data-viewer-scoped .col-md-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .react-series-data-viewer-scoped .order-md-first { + -ms-flex-order: -1; + order: -1; + } + .react-series-data-viewer-scoped .order-md-last { + -ms-flex-order: 13; + order: 13; + } + .react-series-data-viewer-scoped .order-md-0 { + -ms-flex-order: 0; + order: 0; + } + .react-series-data-viewer-scoped .order-md-1 { + -ms-flex-order: 1; + order: 1; + } + .react-series-data-viewer-scoped .order-md-2 { + -ms-flex-order: 2; + order: 2; + } + .react-series-data-viewer-scoped .order-md-3 { + -ms-flex-order: 3; + order: 3; + } + .react-series-data-viewer-scoped .order-md-4 { + -ms-flex-order: 4; + order: 4; + } + .react-series-data-viewer-scoped .order-md-5 { + -ms-flex-order: 5; + order: 5; + } + .react-series-data-viewer-scoped .order-md-6 { + -ms-flex-order: 6; + order: 6; + } + .react-series-data-viewer-scoped .order-md-7 { + -ms-flex-order: 7; + order: 7; + } + .react-series-data-viewer-scoped .order-md-8 { + -ms-flex-order: 8; + order: 8; + } + .react-series-data-viewer-scoped .order-md-9 { + -ms-flex-order: 9; + order: 9; + } + .react-series-data-viewer-scoped .order-md-10 { + -ms-flex-order: 10; + order: 10; + } + .react-series-data-viewer-scoped .order-md-11 { + -ms-flex-order: 11; + order: 11; + } + .react-series-data-viewer-scoped .order-md-12 { + -ms-flex-order: 12; + order: 12; + } + .react-series-data-viewer-scoped .offset-md-0 { + margin-left: 0; + } + .react-series-data-viewer-scoped .offset-md-1 { + margin-left: 8.333333%; + } + .react-series-data-viewer-scoped .offset-md-2 { + margin-left: 16.666667%; + } + .react-series-data-viewer-scoped .offset-md-3 { + margin-left: 25%; + } + .react-series-data-viewer-scoped .offset-md-4 { + margin-left: 33.333333%; + } + .react-series-data-viewer-scoped .offset-md-5 { + margin-left: 41.666667%; + } + .react-series-data-viewer-scoped .offset-md-6 { + margin-left: 50%; + } + .react-series-data-viewer-scoped .offset-md-7 { + margin-left: 58.333333%; + } + .react-series-data-viewer-scoped .offset-md-8 { + margin-left: 66.666667%; + } + .react-series-data-viewer-scoped .offset-md-9 { + margin-left: 75%; + } + .react-series-data-viewer-scoped .offset-md-10 { + margin-left: 83.333333%; + } + .react-series-data-viewer-scoped .offset-md-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .col-lg { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .react-series-data-viewer-scoped .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + .react-series-data-viewer-scoped .col-lg-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .react-series-data-viewer-scoped .col-lg-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .react-series-data-viewer-scoped .col-lg-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .react-series-data-viewer-scoped .col-lg-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .react-series-data-viewer-scoped .col-lg-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .react-series-data-viewer-scoped .col-lg-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .react-series-data-viewer-scoped .col-lg-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .react-series-data-viewer-scoped .col-lg-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .react-series-data-viewer-scoped .col-lg-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .react-series-data-viewer-scoped .col-lg-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .react-series-data-viewer-scoped .col-lg-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .react-series-data-viewer-scoped .col-lg-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .react-series-data-viewer-scoped .order-lg-first { + -ms-flex-order: -1; + order: -1; + } + .react-series-data-viewer-scoped .order-lg-last { + -ms-flex-order: 13; + order: 13; + } + .react-series-data-viewer-scoped .order-lg-0 { + -ms-flex-order: 0; + order: 0; + } + .react-series-data-viewer-scoped .order-lg-1 { + -ms-flex-order: 1; + order: 1; + } + .react-series-data-viewer-scoped .order-lg-2 { + -ms-flex-order: 2; + order: 2; + } + .react-series-data-viewer-scoped .order-lg-3 { + -ms-flex-order: 3; + order: 3; + } + .react-series-data-viewer-scoped .order-lg-4 { + -ms-flex-order: 4; + order: 4; + } + .react-series-data-viewer-scoped .order-lg-5 { + -ms-flex-order: 5; + order: 5; + } + .react-series-data-viewer-scoped .order-lg-6 { + -ms-flex-order: 6; + order: 6; + } + .react-series-data-viewer-scoped .order-lg-7 { + -ms-flex-order: 7; + order: 7; + } + .react-series-data-viewer-scoped .order-lg-8 { + -ms-flex-order: 8; + order: 8; + } + .react-series-data-viewer-scoped .order-lg-9 { + -ms-flex-order: 9; + order: 9; + } + .react-series-data-viewer-scoped .order-lg-10 { + -ms-flex-order: 10; + order: 10; + } + .react-series-data-viewer-scoped .order-lg-11 { + -ms-flex-order: 11; + order: 11; + } + .react-series-data-viewer-scoped .order-lg-12 { + -ms-flex-order: 12; + order: 12; + } + .react-series-data-viewer-scoped .offset-lg-0 { + margin-left: 0; + } + .react-series-data-viewer-scoped .offset-lg-1 { + margin-left: 8.333333%; + } + .react-series-data-viewer-scoped .offset-lg-2 { + margin-left: 16.666667%; + } + .react-series-data-viewer-scoped .offset-lg-3 { + margin-left: 25%; + } + .react-series-data-viewer-scoped .offset-lg-4 { + margin-left: 33.333333%; + } + .react-series-data-viewer-scoped .offset-lg-5 { + margin-left: 41.666667%; + } + .react-series-data-viewer-scoped .offset-lg-6 { + margin-left: 50%; + } + .react-series-data-viewer-scoped .offset-lg-7 { + margin-left: 58.333333%; + } + .react-series-data-viewer-scoped .offset-lg-8 { + margin-left: 66.666667%; + } + .react-series-data-viewer-scoped .offset-lg-9 { + margin-left: 75%; + } + .react-series-data-viewer-scoped .offset-lg-10 { + margin-left: 83.333333%; + } + .react-series-data-viewer-scoped .offset-lg-11 { + margin-left: 91.666667%; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .col-xl { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 100%; + } + .react-series-data-viewer-scoped .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + max-width: none; + } + .react-series-data-viewer-scoped .col-xl-1 { + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .react-series-data-viewer-scoped .col-xl-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .react-series-data-viewer-scoped .col-xl-3 { + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + .react-series-data-viewer-scoped .col-xl-4 { + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .react-series-data-viewer-scoped .col-xl-5 { + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .react-series-data-viewer-scoped .col-xl-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + .react-series-data-viewer-scoped .col-xl-7 { + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .react-series-data-viewer-scoped .col-xl-8 { + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .react-series-data-viewer-scoped .col-xl-9 { + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + .react-series-data-viewer-scoped .col-xl-10 { + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .react-series-data-viewer-scoped .col-xl-11 { + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .react-series-data-viewer-scoped .col-xl-12 { + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } + .react-series-data-viewer-scoped .order-xl-first { + -ms-flex-order: -1; + order: -1; + } + .react-series-data-viewer-scoped .order-xl-last { + -ms-flex-order: 13; + order: 13; + } + .react-series-data-viewer-scoped .order-xl-0 { + -ms-flex-order: 0; + order: 0; + } + .react-series-data-viewer-scoped .order-xl-1 { + -ms-flex-order: 1; + order: 1; + } + .react-series-data-viewer-scoped .order-xl-2 { + -ms-flex-order: 2; + order: 2; + } + .react-series-data-viewer-scoped .order-xl-3 { + -ms-flex-order: 3; + order: 3; + } + .react-series-data-viewer-scoped .order-xl-4 { + -ms-flex-order: 4; + order: 4; + } + .react-series-data-viewer-scoped .order-xl-5 { + -ms-flex-order: 5; + order: 5; + } + .react-series-data-viewer-scoped .order-xl-6 { + -ms-flex-order: 6; + order: 6; + } + .react-series-data-viewer-scoped .order-xl-7 { + -ms-flex-order: 7; + order: 7; + } + .react-series-data-viewer-scoped .order-xl-8 { + -ms-flex-order: 8; + order: 8; + } + .react-series-data-viewer-scoped .order-xl-9 { + -ms-flex-order: 9; + order: 9; + } + .react-series-data-viewer-scoped .order-xl-10 { + -ms-flex-order: 10; + order: 10; + } + .react-series-data-viewer-scoped .order-xl-11 { + -ms-flex-order: 11; + order: 11; + } + .react-series-data-viewer-scoped .order-xl-12 { + -ms-flex-order: 12; + order: 12; + } + .react-series-data-viewer-scoped .offset-xl-0 { + margin-left: 0; + } + .react-series-data-viewer-scoped .offset-xl-1 { + margin-left: 8.333333%; + } + .react-series-data-viewer-scoped .offset-xl-2 { + margin-left: 16.666667%; + } + .react-series-data-viewer-scoped .offset-xl-3 { + margin-left: 25%; + } + .react-series-data-viewer-scoped .offset-xl-4 { + margin-left: 33.333333%; + } + .react-series-data-viewer-scoped .offset-xl-5 { + margin-left: 41.666667%; + } + .react-series-data-viewer-scoped .offset-xl-6 { + margin-left: 50%; + } + .react-series-data-viewer-scoped .offset-xl-7 { + margin-left: 58.333333%; + } + .react-series-data-viewer-scoped .offset-xl-8 { + margin-left: 66.666667%; + } + .react-series-data-viewer-scoped .offset-xl-9 { + margin-left: 75%; + } + .react-series-data-viewer-scoped .offset-xl-10 { + margin-left: 83.333333%; + } + .react-series-data-viewer-scoped .offset-xl-11 { + margin-left: 91.666667%; + } +} +.react-series-data-viewer-scoped .table { + width: 100%; + margin-bottom: 1rem; + background-color: transparent; +} +.react-series-data-viewer-scoped .table th, +.react-series-data-viewer-scoped .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #dee2e6; +} +.react-series-data-viewer-scoped .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} +.react-series-data-viewer-scoped .table tbody + tbody { + border-top: 2px solid #dee2e6; +} +.react-series-data-viewer-scoped .table .table { + background-color: #fff; +} +.react-series-data-viewer-scoped .table-sm th, +.react-series-data-viewer-scoped .table-sm td { + padding: 0.3rem; +} +.react-series-data-viewer-scoped .table-bordered { + border: 1px solid #dee2e6; +} +.react-series-data-viewer-scoped .table-bordered th, +.react-series-data-viewer-scoped .table-bordered td { + border: 1px solid #dee2e6; +} +.react-series-data-viewer-scoped .table-bordered thead th, +.react-series-data-viewer-scoped .table-bordered thead td { + border-bottom-width: 2px; +} +.react-series-data-viewer-scoped .table-borderless th, +.react-series-data-viewer-scoped .table-borderless td, +.react-series-data-viewer-scoped .table-borderless thead th, +.react-series-data-viewer-scoped .table-borderless tbody + tbody { + border: 0; +} +.react-series-data-viewer-scoped .table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} +.react-series-data-viewer-scoped .table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); +} +.react-series-data-viewer-scoped .table-primary, +.react-series-data-viewer-scoped .table-primary > th, +.react-series-data-viewer-scoped .table-primary > td { + background-color: #b8daff; +} +.react-series-data-viewer-scoped .table-hover .table-primary:hover { + background-color: #9fcdff; +} +.react-series-data-viewer-scoped .table-hover .table-primary:hover > td, +.react-series-data-viewer-scoped .table-hover .table-primary:hover > th { + background-color: #9fcdff; +} +.react-series-data-viewer-scoped .table-secondary, +.react-series-data-viewer-scoped .table-secondary > th, +.react-series-data-viewer-scoped .table-secondary > td { + background-color: #d6d8db; +} +.react-series-data-viewer-scoped .table-hover .table-secondary:hover { + background-color: #c8cbcf; +} +.react-series-data-viewer-scoped .table-hover .table-secondary:hover > td, +.react-series-data-viewer-scoped .table-hover .table-secondary:hover > th { + background-color: #c8cbcf; +} +.react-series-data-viewer-scoped .table-success, +.react-series-data-viewer-scoped .table-success > th, +.react-series-data-viewer-scoped .table-success > td { + background-color: #c3e6cb; +} +.react-series-data-viewer-scoped .table-hover .table-success:hover { + background-color: #b1dfbb; +} +.react-series-data-viewer-scoped .table-hover .table-success:hover > td, +.react-series-data-viewer-scoped .table-hover .table-success:hover > th { + background-color: #b1dfbb; +} +.react-series-data-viewer-scoped .table-info, +.react-series-data-viewer-scoped .table-info > th, +.react-series-data-viewer-scoped .table-info > td { + background-color: #bee5eb; +} +.react-series-data-viewer-scoped .table-hover .table-info:hover { + background-color: #abdde5; +} +.react-series-data-viewer-scoped .table-hover .table-info:hover > td, +.react-series-data-viewer-scoped .table-hover .table-info:hover > th { + background-color: #abdde5; +} +.react-series-data-viewer-scoped .table-warning, +.react-series-data-viewer-scoped .table-warning > th, +.react-series-data-viewer-scoped .table-warning > td { + background-color: #ffeeba; +} +.react-series-data-viewer-scoped .table-hover .table-warning:hover { + background-color: #ffe8a1; +} +.react-series-data-viewer-scoped .table-hover .table-warning:hover > td, +.react-series-data-viewer-scoped .table-hover .table-warning:hover > th { + background-color: #ffe8a1; +} +.react-series-data-viewer-scoped .table-danger, +.react-series-data-viewer-scoped .table-danger > th, +.react-series-data-viewer-scoped .table-danger > td { + background-color: #f5c6cb; +} +.react-series-data-viewer-scoped .table-hover .table-danger:hover { + background-color: #f1b0b7; +} +.react-series-data-viewer-scoped .table-hover .table-danger:hover > td, +.react-series-data-viewer-scoped .table-hover .table-danger:hover > th { + background-color: #f1b0b7; +} +.react-series-data-viewer-scoped .table-light, +.react-series-data-viewer-scoped .table-light > th, +.react-series-data-viewer-scoped .table-light > td { + background-color: #fdfdfe; +} +.react-series-data-viewer-scoped .table-hover .table-light:hover { + background-color: #ececf6; +} +.react-series-data-viewer-scoped .table-hover .table-light:hover > td, +.react-series-data-viewer-scoped .table-hover .table-light:hover > th { + background-color: #ececf6; +} +.react-series-data-viewer-scoped .table-dark, +.react-series-data-viewer-scoped .table-dark > th, +.react-series-data-viewer-scoped .table-dark > td { + background-color: #c6c8ca; +} +.react-series-data-viewer-scoped .table-hover .table-dark:hover { + background-color: #b9bbbe; +} +.react-series-data-viewer-scoped .table-hover .table-dark:hover > td, +.react-series-data-viewer-scoped .table-hover .table-dark:hover > th { + background-color: #b9bbbe; +} +.react-series-data-viewer-scoped .table-active, +.react-series-data-viewer-scoped .table-active > th, +.react-series-data-viewer-scoped .table-active > td { + background-color: rgba(0, 0, 0, 0.075); +} +.react-series-data-viewer-scoped .table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} +.react-series-data-viewer-scoped .table-hover .table-active:hover > td, +.react-series-data-viewer-scoped .table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); +} +.react-series-data-viewer-scoped .table .thead-dark th { + color: #fff; + background-color: #212529; + border-color: #32383e; +} +.react-series-data-viewer-scoped .table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; +} +.react-series-data-viewer-scoped .table-dark { + color: #fff; + background-color: #212529; +} +.react-series-data-viewer-scoped .table-dark th, +.react-series-data-viewer-scoped .table-dark td, +.react-series-data-viewer-scoped .table-dark thead th { + border-color: #32383e; +} +.react-series-data-viewer-scoped .table-dark.table-bordered { + border: 0; +} +.react-series-data-viewer-scoped .table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +.react-series-data-viewer-scoped .table-dark.table-hover tbody tr:hover { + background-color: rgba(255, 255, 255, 0.075); +} +@media (max-width: 575.98px) { + .react-series-data-viewer-scoped .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .react-series-data-viewer-scoped .table-responsive-sm > .table-bordered { + border: 0; + } +} +@media (max-width: 767.98px) { + .react-series-data-viewer-scoped .table-responsive-md { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .react-series-data-viewer-scoped .table-responsive-md > .table-bordered { + border: 0; + } +} +@media (max-width: 991.98px) { + .react-series-data-viewer-scoped .table-responsive-lg { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .react-series-data-viewer-scoped .table-responsive-lg > .table-bordered { + border: 0; + } +} +@media (max-width: 1199.98px) { + .react-series-data-viewer-scoped .table-responsive-xl { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .react-series-data-viewer-scoped .table-responsive-xl > .table-bordered { + border: 0; + } +} +.react-series-data-viewer-scoped .table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} +.react-series-data-viewer-scoped .table-responsive > .table-bordered { + border: 0; +} +.react-series-data-viewer-scoped .form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .form-control { + transition: none; + } +} +.react-series-data-viewer-scoped .form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.react-series-data-viewer-scoped .form-control:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .form-control::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; +} +.react-series-data-viewer-scoped .form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} +.react-series-data-viewer-scoped .form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} +.react-series-data-viewer-scoped .form-control::-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} +.react-series-data-viewer-scoped .form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.react-series-data-viewer-scoped .form-control:disabled, .react-series-data-viewer-scoped .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} +.react-series-data-viewer-scoped select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} +.react-series-data-viewer-scoped .form-control-file, +.react-series-data-viewer-scoped .form-control-range { + display: block; + width: 100%; +} +.react-series-data-viewer-scoped .col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} +.react-series-data-viewer-scoped .col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} +.react-series-data-viewer-scoped .col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} +.react-series-data-viewer-scoped .form-control-plaintext { + display: block; + width: 100%; + padding-top: 0.375rem; + padding-bottom: 0.375rem; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} +.react-series-data-viewer-scoped .form-control-plaintext.form-control-sm, .react-series-data-viewer-scoped .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} +.react-series-data-viewer-scoped .form-control-sm { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} +.react-series-data-viewer-scoped .form-control-lg { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} +.react-series-data-viewer-scoped select.form-control[size], .react-series-data-viewer-scoped select.form-control[multiple] { + height: auto; +} +.react-series-data-viewer-scoped textarea.form-control { + height: auto; +} +.react-series-data-viewer-scoped .form-group { + margin-bottom: 1rem; +} +.react-series-data-viewer-scoped .form-text { + display: block; + margin-top: 0.25rem; +} +.react-series-data-viewer-scoped .form-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -5px; + margin-left: -5px; +} +.react-series-data-viewer-scoped .form-row > .col, +.react-series-data-viewer-scoped .form-row > [class*=col-] { + padding-right: 5px; + padding-left: 5px; +} +.react-series-data-viewer-scoped .form-check { + position: relative; + display: block; + padding-left: 1.25rem; +} +.react-series-data-viewer-scoped .form-check-input { + position: absolute; + margin-top: 0.3rem; + margin-left: -1.25rem; +} +.react-series-data-viewer-scoped .form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} +.react-series-data-viewer-scoped .form-check-label { + margin-bottom: 0; +} +.react-series-data-viewer-scoped .form-check-inline { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} +.react-series-data-viewer-scoped .form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} +.react-series-data-viewer-scoped .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #28a745; +} +.react-series-data-viewer-scoped .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(40, 167, 69, 0.9); + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .was-validated .form-control:valid, .react-series-data-viewer-scoped .form-control.is-valid, .react-series-data-viewer-scoped .was-validated .custom-select:valid, +.react-series-data-viewer-scoped .custom-select.is-valid { + border-color: #28a745; +} +.react-series-data-viewer-scoped .was-validated .form-control:valid:focus, .react-series-data-viewer-scoped .form-control.is-valid:focus, .react-series-data-viewer-scoped .was-validated .custom-select:valid:focus, +.react-series-data-viewer-scoped .custom-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} +.react-series-data-viewer-scoped .was-validated .form-control:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .form-control:valid ~ .valid-tooltip, .react-series-data-viewer-scoped .form-control.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .form-control.is-valid ~ .valid-tooltip, .react-series-data-viewer-scoped .was-validated .custom-select:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-select:valid ~ .valid-tooltip, +.react-series-data-viewer-scoped .custom-select.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .custom-select.is-valid ~ .valid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .form-control-file:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .form-control-file:valid ~ .valid-tooltip, .react-series-data-viewer-scoped .form-control-file.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .form-control-file.is-valid ~ .valid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .form-check-input:valid ~ .form-check-label, .react-series-data-viewer-scoped .form-check-input.is-valid ~ .form-check-label { + color: #28a745; +} +.react-series-data-viewer-scoped .was-validated .form-check-input:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .form-check-input:valid ~ .valid-tooltip, .react-series-data-viewer-scoped .form-check-input.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .form-check-input.is-valid ~ .valid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid ~ .custom-control-label, .react-series-data-viewer-scoped .custom-control-input.is-valid ~ .custom-control-label { + color: #28a745; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #71dd8a; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid ~ .valid-tooltip, .react-series-data-viewer-scoped .custom-control-input.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .custom-control-input.is-valid ~ .valid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #34ce57; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:valid ~ .custom-file-label, .react-series-data-viewer-scoped .custom-file-input.is-valid ~ .custom-file-label { + border-color: #28a745; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:valid ~ .custom-file-label::after, .react-series-data-viewer-scoped .custom-file-input.is-valid ~ .custom-file-label::after { + border-color: inherit; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:valid ~ .valid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-file-input:valid ~ .valid-tooltip, .react-series-data-viewer-scoped .custom-file-input.is-valid ~ .valid-feedback, +.react-series-data-viewer-scoped .custom-file-input.is-valid ~ .valid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .react-series-data-viewer-scoped .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); +} +.react-series-data-viewer-scoped .invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #dc3545; +} +.react-series-data-viewer-scoped .invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .was-validated .form-control:invalid, .react-series-data-viewer-scoped .form-control.is-invalid, .react-series-data-viewer-scoped .was-validated .custom-select:invalid, +.react-series-data-viewer-scoped .custom-select.is-invalid { + border-color: #dc3545; +} +.react-series-data-viewer-scoped .was-validated .form-control:invalid:focus, .react-series-data-viewer-scoped .form-control.is-invalid:focus, .react-series-data-viewer-scoped .was-validated .custom-select:invalid:focus, +.react-series-data-viewer-scoped .custom-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} +.react-series-data-viewer-scoped .was-validated .form-control:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .form-control:invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .form-control.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .form-control.is-invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .was-validated .custom-select:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-select:invalid ~ .invalid-tooltip, +.react-series-data-viewer-scoped .custom-select.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .custom-select.is-invalid ~ .invalid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .form-control-file:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .form-control-file:invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .form-control-file.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .form-control-file.is-invalid ~ .invalid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .form-check-input:invalid ~ .form-check-label, .react-series-data-viewer-scoped .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; +} +.react-series-data-viewer-scoped .was-validated .form-check-input:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .form-check-input:invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .form-check-input.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid ~ .custom-control-label, .react-series-data-viewer-scoped .custom-control-input.is-invalid ~ .custom-control-label { + color: #dc3545; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-invalid ~ .custom-control-label::before { + background-color: #efa2a9; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .custom-control-input.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .custom-control-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + background-color: #e4606d; +} +.react-series-data-viewer-scoped .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .react-series-data-viewer-scoped .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:invalid ~ .custom-file-label, .react-series-data-viewer-scoped .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #dc3545; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .react-series-data-viewer-scoped .custom-file-input.is-invalid ~ .custom-file-label::after { + border-color: inherit; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .react-series-data-viewer-scoped .custom-file-input.is-invalid ~ .invalid-feedback, +.react-series-data-viewer-scoped .custom-file-input.is-invalid ~ .invalid-tooltip { + display: block; +} +.react-series-data-viewer-scoped .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .react-series-data-viewer-scoped .custom-file-input.is-invalid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); +} +.react-series-data-viewer-scoped .form-inline { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; +} +.react-series-data-viewer-scoped .form-inline .form-check { + width: 100%; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .form-inline label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; + } + .react-series-data-viewer-scoped .form-inline .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-align: center; + align-items: center; + margin-bottom: 0; + } + .react-series-data-viewer-scoped .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .react-series-data-viewer-scoped .form-inline .form-control-plaintext { + display: inline-block; + } + .react-series-data-viewer-scoped .form-inline .input-group, +.react-series-data-viewer-scoped .form-inline .custom-select { + width: auto; + } + .react-series-data-viewer-scoped .form-inline .form-check { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .react-series-data-viewer-scoped .form-inline .form-check-input { + position: relative; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .react-series-data-viewer-scoped .form-inline .custom-control { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + } + .react-series-data-viewer-scoped .form-inline .custom-control-label { + margin-bottom: 0; + } +} +.react-series-data-viewer-scoped .btn { + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .btn { + transition: none; + } +} +.react-series-data-viewer-scoped .btn:hover, .react-series-data-viewer-scoped .btn:focus { + text-decoration: none; +} +.react-series-data-viewer-scoped .btn:focus, .react-series-data-viewer-scoped .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .btn.disabled, .react-series-data-viewer-scoped .btn:disabled { + opacity: 0.65; +} +.react-series-data-viewer-scoped .btn:not(:disabled):not(.disabled) { + cursor: pointer; +} +.react-series-data-viewer-scoped a.btn.disabled, +.react-series-data-viewer-scoped fieldset:disabled a.btn { + pointer-events: none; +} +.react-series-data-viewer-scoped .btn-primary { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.react-series-data-viewer-scoped .btn-primary:hover { + color: #fff; + background-color: #0069d9; + border-color: #0062cc; +} +.react-series-data-viewer-scoped .btn-primary:focus, .react-series-data-viewer-scoped .btn-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .btn-primary.disabled, .react-series-data-viewer-scoped .btn-primary:disabled { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.react-series-data-viewer-scoped .btn-primary:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-primary:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #0062cc; + border-color: #005cbf; +} +.react-series-data-viewer-scoped .btn-primary:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-primary:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.react-series-data-viewer-scoped .btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} +.react-series-data-viewer-scoped .btn-secondary:focus, .react-series-data-viewer-scoped .btn-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} +.react-series-data-viewer-scoped .btn-secondary.disabled, .react-series-data-viewer-scoped .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.react-series-data-viewer-scoped .btn-secondary:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-secondary:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} +.react-series-data-viewer-scoped .btn-secondary:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-secondary:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} +.react-series-data-viewer-scoped .btn-success { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.react-series-data-viewer-scoped .btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} +.react-series-data-viewer-scoped .btn-success:focus, .react-series-data-viewer-scoped .btn-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-success.disabled, .react-series-data-viewer-scoped .btn-success:disabled { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.react-series-data-viewer-scoped .btn-success:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-success:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} +.react-series-data-viewer-scoped .btn-success:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-success:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-info { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.react-series-data-viewer-scoped .btn-info:hover { + color: #fff; + background-color: #138496; + border-color: #117a8b; +} +.react-series-data-viewer-scoped .btn-info:focus, .react-series-data-viewer-scoped .btn-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} +.react-series-data-viewer-scoped .btn-info.disabled, .react-series-data-viewer-scoped .btn-info:disabled { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.react-series-data-viewer-scoped .btn-info:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-info:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #117a8b; + border-color: #10707f; +} +.react-series-data-viewer-scoped .btn-info:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-info:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} +.react-series-data-viewer-scoped .btn-warning { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.react-series-data-viewer-scoped .btn-warning:hover { + color: #212529; + background-color: #e0a800; + border-color: #d39e00; +} +.react-series-data-viewer-scoped .btn-warning:focus, .react-series-data-viewer-scoped .btn-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.react-series-data-viewer-scoped .btn-warning.disabled, .react-series-data-viewer-scoped .btn-warning:disabled { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.react-series-data-viewer-scoped .btn-warning:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-warning:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-warning.dropdown-toggle { + color: #212529; + background-color: #d39e00; + border-color: #c69500; +} +.react-series-data-viewer-scoped .btn-warning:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-warning:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.react-series-data-viewer-scoped .btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.react-series-data-viewer-scoped .btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; +} +.react-series-data-viewer-scoped .btn-danger:focus, .react-series-data-viewer-scoped .btn-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-danger.disabled, .react-series-data-viewer-scoped .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.react-series-data-viewer-scoped .btn-danger:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-danger:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; +} +.react-series-data-viewer-scoped .btn-danger:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-danger:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-light { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.react-series-data-viewer-scoped .btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; +} +.react-series-data-viewer-scoped .btn-light:focus, .react-series-data-viewer-scoped .btn-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} +.react-series-data-viewer-scoped .btn-light.disabled, .react-series-data-viewer-scoped .btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.react-series-data-viewer-scoped .btn-light:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-light:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; +} +.react-series-data-viewer-scoped .btn-light:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-light:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} +.react-series-data-viewer-scoped .btn-dark { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.react-series-data-viewer-scoped .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; +} +.react-series-data-viewer-scoped .btn-dark:focus, .react-series-data-viewer-scoped .btn-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} +.react-series-data-viewer-scoped .btn-dark.disabled, .react-series-data-viewer-scoped .btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.react-series-data-viewer-scoped .btn-dark:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-dark:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; +} +.react-series-data-viewer-scoped .btn-dark:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-dark:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-primary { + color: #007bff; + background-color: transparent; + background-image: none; + border-color: #007bff; +} +.react-series-data-viewer-scoped .btn-outline-primary:hover { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.react-series-data-viewer-scoped .btn-outline-primary:focus, .react-series-data-viewer-scoped .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-primary.disabled, .react-series-data-viewer-scoped .btn-outline-primary:disabled { + color: #007bff; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-primary:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-primary:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.react-series-data-viewer-scoped .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-secondary { + color: #6c757d; + background-color: transparent; + background-image: none; + border-color: #6c757d; +} +.react-series-data-viewer-scoped .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.react-series-data-viewer-scoped .btn-outline-secondary:focus, .react-series-data-viewer-scoped .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-secondary.disabled, .react-series-data-viewer-scoped .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-secondary:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-secondary:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.react-series-data-viewer-scoped .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-success { + color: #28a745; + background-color: transparent; + background-image: none; + border-color: #28a745; +} +.react-series-data-viewer-scoped .btn-outline-success:hover { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.react-series-data-viewer-scoped .btn-outline-success:focus, .react-series-data-viewer-scoped .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-success.disabled, .react-series-data-viewer-scoped .btn-outline-success:disabled { + color: #28a745; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-success:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-success:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} +.react-series-data-viewer-scoped .btn-outline-success:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-success:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-info { + color: #17a2b8; + background-color: transparent; + background-image: none; + border-color: #17a2b8; +} +.react-series-data-viewer-scoped .btn-outline-info:hover { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.react-series-data-viewer-scoped .btn-outline-info:focus, .react-series-data-viewer-scoped .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-info.disabled, .react-series-data-viewer-scoped .btn-outline-info:disabled { + color: #17a2b8; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-info:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-info:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #17a2b8; + border-color: #17a2b8; +} +.react-series-data-viewer-scoped .btn-outline-info:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-info:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-warning { + color: #ffc107; + background-color: transparent; + background-image: none; + border-color: #ffc107; +} +.react-series-data-viewer-scoped .btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.react-series-data-viewer-scoped .btn-outline-warning:focus, .react-series-data-viewer-scoped .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-warning.disabled, .react-series-data-viewer-scoped .btn-outline-warning:disabled { + color: #ffc107; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-warning:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-warning:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.react-series-data-viewer-scoped .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-danger { + color: #dc3545; + background-color: transparent; + background-image: none; + border-color: #dc3545; +} +.react-series-data-viewer-scoped .btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.react-series-data-viewer-scoped .btn-outline-danger:focus, .react-series-data-viewer-scoped .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-danger.disabled, .react-series-data-viewer-scoped .btn-outline-danger:disabled { + color: #dc3545; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-danger:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-danger:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.react-series-data-viewer-scoped .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-light { + color: #f8f9fa; + background-color: transparent; + background-image: none; + border-color: #f8f9fa; +} +.react-series-data-viewer-scoped .btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.react-series-data-viewer-scoped .btn-outline-light:focus, .react-series-data-viewer-scoped .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-light.disabled, .react-series-data-viewer-scoped .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-light:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-light:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; +} +.react-series-data-viewer-scoped .btn-outline-light:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-light:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-dark { + color: #343a40; + background-color: transparent; + background-image: none; + border-color: #343a40; +} +.react-series-data-viewer-scoped .btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.react-series-data-viewer-scoped .btn-outline-dark:focus, .react-series-data-viewer-scoped .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} +.react-series-data-viewer-scoped .btn-outline-dark.disabled, .react-series-data-viewer-scoped .btn-outline-dark:disabled { + color: #343a40; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-outline-dark:not(:disabled):not(.disabled):active, .react-series-data-viewer-scoped .btn-outline-dark:not(:disabled):not(.disabled).active, +.react-series-data-viewer-scoped .show > .btn-outline-dark.dropdown-toggle { + color: #fff; + background-color: #343a40; + border-color: #343a40; +} +.react-series-data-viewer-scoped .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .react-series-data-viewer-scoped .btn-outline-dark:not(:disabled):not(.disabled).active:focus, +.react-series-data-viewer-scoped .show > .btn-outline-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} +.react-series-data-viewer-scoped .btn-link { + font-weight: 400; + color: #007bff; + background-color: transparent; +} +.react-series-data-viewer-scoped .btn-link:hover { + color: #0056b3; + text-decoration: underline; + background-color: transparent; + border-color: transparent; +} +.react-series-data-viewer-scoped .btn-link:focus, .react-series-data-viewer-scoped .btn-link.focus { + text-decoration: underline; + border-color: transparent; + box-shadow: none; +} +.react-series-data-viewer-scoped .btn-link:disabled, .react-series-data-viewer-scoped .btn-link.disabled { + color: #6c757d; + pointer-events: none; +} +.react-series-data-viewer-scoped .btn-lg, .react-series-data-viewer-scoped .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} +.react-series-data-viewer-scoped .btn-sm, .react-series-data-viewer-scoped .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} +.react-series-data-viewer-scoped .btn-block { + display: block; + width: 100%; +} +.react-series-data-viewer-scoped .btn-block + .btn-block { + margin-top: 0.5rem; +} +.react-series-data-viewer-scoped input[type=submit].btn-block, +.react-series-data-viewer-scoped input[type=reset].btn-block, +.react-series-data-viewer-scoped input[type=button].btn-block { + width: 100%; +} +.react-series-data-viewer-scoped .fade { + transition: opacity 0.15s linear; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .fade { + transition: none; + } +} +.react-series-data-viewer-scoped .fade:not(.show) { + opacity: 0; +} +.react-series-data-viewer-scoped .collapse:not(.show):not(.in) { + display: none; +} +.react-series-data-viewer-scoped .collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .collapsing { + transition: none; + } +} +.react-series-data-viewer-scoped .dropup, +.react-series-data-viewer-scoped .dropright, +.react-series-data-viewer-scoped .dropdown, +.react-series-data-viewer-scoped .dropleft { + position: relative; +} +.react-series-data-viewer-scoped .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.react-series-data-viewer-scoped .dropdown-toggle:empty::after { + margin-left: 0; +} +.react-series-data-viewer-scoped .dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .dropdown-menu-right { + right: 0; + left: auto; +} +.react-series-data-viewer-scoped .dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.react-series-data-viewer-scoped .dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.react-series-data-viewer-scoped .dropup .dropdown-toggle:empty::after { + margin-left: 0; +} +.react-series-data-viewer-scoped .dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} +.react-series-data-viewer-scoped .dropright .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.react-series-data-viewer-scoped .dropright .dropdown-toggle:empty::after { + margin-left: 0; +} +.react-series-data-viewer-scoped .dropright .dropdown-toggle::after { + vertical-align: 0; +} +.react-series-data-viewer-scoped .dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle::after { + display: none; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle::before { + display: inline-block; + width: 0; + height: 0; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle::before { + vertical-align: 0; +} +.react-series-data-viewer-scoped .dropdown-menu[x-placement^=top], .react-series-data-viewer-scoped .dropdown-menu[x-placement^=right], .react-series-data-viewer-scoped .dropdown-menu[x-placement^=bottom], .react-series-data-viewer-scoped .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} +.react-series-data-viewer-scoped .dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} +.react-series-data-viewer-scoped .dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.react-series-data-viewer-scoped .dropdown-item:hover, .react-series-data-viewer-scoped .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} +.react-series-data-viewer-scoped .dropdown-item.active, .react-series-data-viewer-scoped .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #007bff; +} +.react-series-data-viewer-scoped .dropdown-item.disabled, .react-series-data-viewer-scoped .dropdown-item:disabled { + color: #6c757d; + background-color: transparent; +} +.react-series-data-viewer-scoped .dropdown-menu.show { + display: block; +} +.react-series-data-viewer-scoped .dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} +.react-series-data-viewer-scoped .dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} +.react-series-data-viewer-scoped .btn-group, +.react-series-data-viewer-scoped .btn-group-vertical { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} +.react-series-data-viewer-scoped .btn-group > .btn, +.react-series-data-viewer-scoped .btn-group-vertical > .btn { + position: relative; + -ms-flex: 0 1 auto; + flex: 0 1 auto; +} +.react-series-data-viewer-scoped .btn-group > .btn:hover, +.react-series-data-viewer-scoped .btn-group-vertical > .btn:hover { + z-index: 1; +} +.react-series-data-viewer-scoped .btn-group > .btn:focus, .react-series-data-viewer-scoped .btn-group > .btn:active, .react-series-data-viewer-scoped .btn-group > .btn.active, +.react-series-data-viewer-scoped .btn-group-vertical > .btn:focus, +.react-series-data-viewer-scoped .btn-group-vertical > .btn:active, +.react-series-data-viewer-scoped .btn-group-vertical > .btn.active { + z-index: 1; +} +.react-series-data-viewer-scoped .btn-group .btn + .btn, +.react-series-data-viewer-scoped .btn-group .btn + .btn-group, +.react-series-data-viewer-scoped .btn-group .btn-group + .btn, +.react-series-data-viewer-scoped .btn-group .btn-group + .btn-group, +.react-series-data-viewer-scoped .btn-group-vertical .btn + .btn, +.react-series-data-viewer-scoped .btn-group-vertical .btn + .btn-group, +.react-series-data-viewer-scoped .btn-group-vertical .btn-group + .btn, +.react-series-data-viewer-scoped .btn-group-vertical .btn-group + .btn-group { + margin-left: -1px; +} +.react-series-data-viewer-scoped .btn-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; +} +.react-series-data-viewer-scoped .btn-toolbar .input-group { + width: auto; +} +.react-series-data-viewer-scoped .btn-group > .btn:first-child { + margin-left: 0; +} +.react-series-data-viewer-scoped .btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.react-series-data-viewer-scoped .btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react-series-data-viewer-scoped .btn-group > .btn:not(:first-child), +.react-series-data-viewer-scoped .btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.react-series-data-viewer-scoped .dropdown-toggle-split::after, +.react-series-data-viewer-scoped .dropup .dropdown-toggle-split::after, +.react-series-data-viewer-scoped .dropright .dropdown-toggle-split::after { + margin-left: 0; +} +.react-series-data-viewer-scoped .dropleft .dropdown-toggle-split::before { + margin-right: 0; +} +.react-series-data-viewer-scoped .btn-sm + .dropdown-toggle-split, .react-series-data-viewer-scoped .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} +.react-series-data-viewer-scoped .btn-lg + .dropdown-toggle-split, .react-series-data-viewer-scoped .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} +.react-series-data-viewer-scoped .btn-group-vertical { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: center; + justify-content: center; +} +.react-series-data-viewer-scoped .btn-group-vertical .btn, +.react-series-data-viewer-scoped .btn-group-vertical .btn-group { + width: 100%; +} +.react-series-data-viewer-scoped .btn-group-vertical > .btn + .btn, +.react-series-data-viewer-scoped .btn-group-vertical > .btn + .btn-group, +.react-series-data-viewer-scoped .btn-group-vertical > .btn-group + .btn, +.react-series-data-viewer-scoped .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.react-series-data-viewer-scoped .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.react-series-data-viewer-scoped .btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .btn-group-vertical > .btn:not(:first-child), +.react-series-data-viewer-scoped .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.react-series-data-viewer-scoped .btn-group-toggle > .btn, +.react-series-data-viewer-scoped .btn-group-toggle > .btn-group > .btn { + margin-bottom: 0; +} +.react-series-data-viewer-scoped .btn-group-toggle > .btn input[type=radio], +.react-series-data-viewer-scoped .btn-group-toggle > .btn input[type=checkbox], +.react-series-data-viewer-scoped .btn-group-toggle > .btn-group > .btn input[type=radio], +.react-series-data-viewer-scoped .btn-group-toggle > .btn-group > .btn input[type=checkbox] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.react-series-data-viewer-scoped .input-group { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100%; +} +.react-series-data-viewer-scoped .input-group > .form-control, +.react-series-data-viewer-scoped .input-group > .custom-select, +.react-series-data-viewer-scoped .input-group > .custom-file { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; +} +.react-series-data-viewer-scoped .input-group > .form-control + .form-control, +.react-series-data-viewer-scoped .input-group > .form-control + .custom-select, +.react-series-data-viewer-scoped .input-group > .form-control + .custom-file, +.react-series-data-viewer-scoped .input-group > .custom-select + .form-control, +.react-series-data-viewer-scoped .input-group > .custom-select + .custom-select, +.react-series-data-viewer-scoped .input-group > .custom-select + .custom-file, +.react-series-data-viewer-scoped .input-group > .custom-file + .form-control, +.react-series-data-viewer-scoped .input-group > .custom-file + .custom-select, +.react-series-data-viewer-scoped .input-group > .custom-file + .custom-file { + margin-left: -1px; +} +.react-series-data-viewer-scoped .input-group > .form-control:focus, +.react-series-data-viewer-scoped .input-group > .custom-select:focus, +.react-series-data-viewer-scoped .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} +.react-series-data-viewer-scoped .input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} +.react-series-data-viewer-scoped .input-group > .form-control:not(:last-child), +.react-series-data-viewer-scoped .input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react-series-data-viewer-scoped .input-group > .form-control:not(:first-child), +.react-series-data-viewer-scoped .input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .input-group > .custom-file { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.react-series-data-viewer-scoped .input-group > .custom-file:not(:last-child) .custom-file-label, +.react-series-data-viewer-scoped .input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react-series-data-viewer-scoped .input-group > .custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .input-group-prepend, +.react-series-data-viewer-scoped .input-group-append { + display: -ms-flexbox; + display: flex; +} +.react-series-data-viewer-scoped .input-group-prepend .btn, +.react-series-data-viewer-scoped .input-group-append .btn { + position: relative; + z-index: 2; +} +.react-series-data-viewer-scoped .input-group-prepend .btn + .btn, +.react-series-data-viewer-scoped .input-group-prepend .btn + .input-group-text, +.react-series-data-viewer-scoped .input-group-prepend .input-group-text + .input-group-text, +.react-series-data-viewer-scoped .input-group-prepend .input-group-text + .btn, +.react-series-data-viewer-scoped .input-group-append .btn + .btn, +.react-series-data-viewer-scoped .input-group-append .btn + .input-group-text, +.react-series-data-viewer-scoped .input-group-append .input-group-text + .input-group-text, +.react-series-data-viewer-scoped .input-group-append .input-group-text + .btn { + margin-left: -1px; +} +.react-series-data-viewer-scoped .input-group-prepend { + margin-right: -1px; +} +.react-series-data-viewer-scoped .input-group-append { + margin-left: -1px; +} +.react-series-data-viewer-scoped .input-group-text { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .input-group-text input[type=radio], +.react-series-data-viewer-scoped .input-group-text input[type=checkbox] { + margin-top: 0; +} +.react-series-data-viewer-scoped .input-group-lg > .form-control, +.react-series-data-viewer-scoped .input-group-lg > .input-group-prepend > .input-group-text, +.react-series-data-viewer-scoped .input-group-lg > .input-group-append > .input-group-text, +.react-series-data-viewer-scoped .input-group-lg > .input-group-prepend > .btn, +.react-series-data-viewer-scoped .input-group-lg > .input-group-append > .btn { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} +.react-series-data-viewer-scoped .input-group-sm > .form-control, +.react-series-data-viewer-scoped .input-group-sm > .input-group-prepend > .input-group-text, +.react-series-data-viewer-scoped .input-group-sm > .input-group-append > .input-group-text, +.react-series-data-viewer-scoped .input-group-sm > .input-group-prepend > .btn, +.react-series-data-viewer-scoped .input-group-sm > .input-group-append > .btn { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} +.react-series-data-viewer-scoped .input-group > .input-group-prepend > .btn, +.react-series-data-viewer-scoped .input-group > .input-group-prepend > .input-group-text, +.react-series-data-viewer-scoped .input-group > .input-group-append:not(:last-child) > .btn, +.react-series-data-viewer-scoped .input-group > .input-group-append:not(:last-child) > .input-group-text, +.react-series-data-viewer-scoped .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.react-series-data-viewer-scoped .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react-series-data-viewer-scoped .input-group > .input-group-append > .btn, +.react-series-data-viewer-scoped .input-group > .input-group-append > .input-group-text, +.react-series-data-viewer-scoped .input-group > .input-group-prepend:not(:first-child) > .btn, +.react-series-data-viewer-scoped .input-group > .input-group-prepend:not(:first-child) > .input-group-text, +.react-series-data-viewer-scoped .input-group > .input-group-prepend:first-child > .btn:not(:first-child), +.react-series-data-viewer-scoped .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} +.react-series-data-viewer-scoped .custom-control-inline { + display: -ms-inline-flexbox; + display: inline-flex; + margin-right: 1rem; +} +.react-series-data-viewer-scoped .custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; +} +.react-series-data-viewer-scoped .custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + background-color: #007bff; +} +.react-series-data-viewer-scoped .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .custom-control-input:active ~ .custom-control-label::before { + color: #fff; + background-color: #b3d7ff; +} +.react-series-data-viewer-scoped .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} +.react-series-data-viewer-scoped .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; +} +.react-series-data-viewer-scoped .custom-control-label { + position: relative; + margin-bottom: 0; +} +.react-series-data-viewer-scoped .custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #dee2e6; +} +.react-series-data-viewer-scoped .custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + background-color: #007bff; +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .custom-radio .custom-control-label::before { + border-radius: 50%; +} +.react-series-data-viewer-scoped .custom-radio .custom-control-input:checked ~ .custom-control-label::before { + background-color: #007bff; +} +.react-series-data-viewer-scoped .custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.react-series-data-viewer-scoped .custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-size: 8px 10px; + border: 1px solid #ced4da; + border-radius: 0.25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.react-series-data-viewer-scoped .custom-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); +} +.react-series-data-viewer-scoped .custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; +} +.react-series-data-viewer-scoped .custom-select[multiple], .react-series-data-viewer-scoped .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} +.react-series-data-viewer-scoped .custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} +.react-series-data-viewer-scoped .custom-select::-ms-expand { + opacity: 0; +} +.react-series-data-viewer-scoped .custom-select-sm { + height: calc(1.8125rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; +} +.react-series-data-viewer-scoped .custom-select-lg { + height: calc(2.875rem + 2px); + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 125%; +} +.react-series-data-viewer-scoped .custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + margin-bottom: 0; +} +.react-series-data-viewer-scoped .custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(2.25rem + 2px); + margin: 0; + opacity: 0; +} +.react-series-data-viewer-scoped .custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .custom-file-input:focus ~ .custom-file-label::after { + border-color: #80bdff; +} +.react-series-data-viewer-scoped .custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} +.react-series-data-viewer-scoped .custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} +.react-series-data-viewer-scoped .custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: 1px solid #ced4da; + border-radius: 0 0.25rem 0.25rem 0; +} +.react-series-data-viewer-scoped .custom-range { + width: 100%; + padding-left: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.react-series-data-viewer-scoped .custom-range:focus { + outline: none; +} +.react-series-data-viewer-scoped .custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .custom-range::-moz-focus-outer { + border: 0; +} +.react-series-data-viewer-scoped .custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .custom-range::-webkit-slider-thumb { + transition: none; + } +} +.react-series-data-viewer-scoped .custom-range::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} +.react-series-data-viewer-scoped .custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.react-series-data-viewer-scoped .custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .custom-range::-moz-range-thumb { + transition: none; + } +} +.react-series-data-viewer-scoped .custom-range::-moz-range-thumb:active { + background-color: #b3d7ff; +} +.react-series-data-viewer-scoped .custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} +.react-series-data-viewer-scoped .custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .custom-range::-ms-thumb { + transition: none; + } +} +.react-series-data-viewer-scoped .custom-range::-ms-thumb:active { + background-color: #b3d7ff; +} +.react-series-data-viewer-scoped .custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} +.react-series-data-viewer-scoped .custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} +.react-series-data-viewer-scoped .custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} +.react-series-data-viewer-scoped .custom-control-label::before, +.react-series-data-viewer-scoped .custom-file-label, +.react-series-data-viewer-scoped .custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .custom-control-label::before, +.react-series-data-viewer-scoped .custom-file-label, +.react-series-data-viewer-scoped .custom-select { + transition: none; + } +} +.react-series-data-viewer-scoped .nav { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.react-series-data-viewer-scoped .nav-link { + display: block; + padding: 0.5rem 1rem; +} +.react-series-data-viewer-scoped .nav-link:hover, .react-series-data-viewer-scoped .nav-link:focus { + text-decoration: none; +} +.react-series-data-viewer-scoped .nav-link.disabled { + color: #6c757d; +} +.react-series-data-viewer-scoped .nav-tabs { + border-bottom: 1px solid #dee2e6; +} +.react-series-data-viewer-scoped .nav-tabs .nav-item { + margin-bottom: -1px; +} +.react-series-data-viewer-scoped .nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.react-series-data-viewer-scoped .nav-tabs .nav-link:hover, .react-series-data-viewer-scoped .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} +.react-series-data-viewer-scoped .nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} +.react-series-data-viewer-scoped .nav-tabs .nav-link.active, +.react-series-data-viewer-scoped .nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} +.react-series-data-viewer-scoped .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.react-series-data-viewer-scoped .nav-pills .nav-link { + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .nav-pills .nav-link.active, +.react-series-data-viewer-scoped .nav-pills .show > .nav-link { + color: #fff; + background-color: #007bff; +} +.react-series-data-viewer-scoped .nav-fill .nav-item { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} +.react-series-data-viewer-scoped .nav-justified .nav-item { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} +.react-series-data-viewer-scoped .tab-content > .tab-pane { + display: none; +} +.react-series-data-viewer-scoped .tab-content > .active { + display: block; +} +.react-series-data-viewer-scoped .navbar { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.react-series-data-viewer-scoped .navbar > .container, +.react-series-data-viewer-scoped .navbar > .container-fluid { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.react-series-data-viewer-scoped .navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.react-series-data-viewer-scoped .navbar-brand:hover, .react-series-data-viewer-scoped .navbar-brand:focus { + text-decoration: none; +} +.react-series-data-viewer-scoped .navbar-nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.react-series-data-viewer-scoped .navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} +.react-series-data-viewer-scoped .navbar-nav .dropdown-menu { + position: static; + float: none; +} +.react-series-data-viewer-scoped .navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.react-series-data-viewer-scoped .navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-align: center; + align-items: center; +} +.react-series-data-viewer-scoped .navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .navbar-toggler:hover, .react-series-data-viewer-scoped .navbar-toggler:focus { + text-decoration: none; +} +.react-series-data-viewer-scoped .navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; +} +.react-series-data-viewer-scoped .navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} +@media (max-width: 575.98px) { + .react-series-data-viewer-scoped .navbar-expand-sm > .container, +.react-series-data-viewer-scoped .navbar-expand-sm > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .navbar-expand-sm { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .react-series-data-viewer-scoped .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .react-series-data-viewer-scoped .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .react-series-data-viewer-scoped .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .react-series-data-viewer-scoped .navbar-expand-sm > .container, +.react-series-data-viewer-scoped .navbar-expand-sm > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .react-series-data-viewer-scoped .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .react-series-data-viewer-scoped .navbar-expand-sm .navbar-toggler { + display: none; + } +} +@media (max-width: 767.98px) { + .react-series-data-viewer-scoped .navbar-expand-md > .container, +.react-series-data-viewer-scoped .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .navbar-expand-md { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .react-series-data-viewer-scoped .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .react-series-data-viewer-scoped .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .react-series-data-viewer-scoped .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .react-series-data-viewer-scoped .navbar-expand-md > .container, +.react-series-data-viewer-scoped .navbar-expand-md > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .react-series-data-viewer-scoped .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .react-series-data-viewer-scoped .navbar-expand-md .navbar-toggler { + display: none; + } +} +@media (max-width: 991.98px) { + .react-series-data-viewer-scoped .navbar-expand-lg > .container, +.react-series-data-viewer-scoped .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .navbar-expand-lg { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .react-series-data-viewer-scoped .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .react-series-data-viewer-scoped .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .react-series-data-viewer-scoped .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .react-series-data-viewer-scoped .navbar-expand-lg > .container, +.react-series-data-viewer-scoped .navbar-expand-lg > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .react-series-data-viewer-scoped .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .react-series-data-viewer-scoped .navbar-expand-lg .navbar-toggler { + display: none; + } +} +@media (max-width: 1199.98px) { + .react-series-data-viewer-scoped .navbar-expand-xl > .container, +.react-series-data-viewer-scoped .navbar-expand-xl > .container-fluid { + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .navbar-expand-xl { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .react-series-data-viewer-scoped .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .react-series-data-viewer-scoped .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .react-series-data-viewer-scoped .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .react-series-data-viewer-scoped .navbar-expand-xl > .container, +.react-series-data-viewer-scoped .navbar-expand-xl > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .react-series-data-viewer-scoped .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .react-series-data-viewer-scoped .navbar-expand-xl .navbar-toggler { + display: none; + } +} +.react-series-data-viewer-scoped .navbar-expand { + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: start; + justify-content: flex-start; +} +.react-series-data-viewer-scoped .navbar-expand > .container, +.react-series-data-viewer-scoped .navbar-expand > .container-fluid { + padding-right: 0; + padding-left: 0; +} +.react-series-data-viewer-scoped .navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; +} +.react-series-data-viewer-scoped .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.react-series-data-viewer-scoped .navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} +.react-series-data-viewer-scoped .navbar-expand > .container, +.react-series-data-viewer-scoped .navbar-expand > .container-fluid { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.react-series-data-viewer-scoped .navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.react-series-data-viewer-scoped .navbar-expand .navbar-toggler { + display: none; +} +.react-series-data-viewer-scoped .navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} +.react-series-data-viewer-scoped .navbar-light .navbar-brand:hover, .react-series-data-viewer-scoped .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} +.react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} +.react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link:hover, .react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} +.react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} +.react-series-data-viewer-scoped .navbar-light .navbar-nav .show > .nav-link, +.react-series-data-viewer-scoped .navbar-light .navbar-nav .active > .nav-link, +.react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link.show, +.react-series-data-viewer-scoped .navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} +.react-series-data-viewer-scoped .navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} +.react-series-data-viewer-scoped .navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} +.react-series-data-viewer-scoped .navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} +.react-series-data-viewer-scoped .navbar-light .navbar-text a:hover, .react-series-data-viewer-scoped .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-brand { + color: #fff; +} +.react-series-data-viewer-scoped .navbar-dark .navbar-brand:hover, .react-series-data-viewer-scoped .navbar-dark .navbar-brand:focus { + color: #fff; +} +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link:hover, .react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .show > .nav-link, +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .active > .nav-link, +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link.show, +.react-series-data-viewer-scoped .navbar-dark .navbar-nav .nav-link.active { + color: #fff; +} +.react-series-data-viewer-scoped .navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} +.react-series-data-viewer-scoped .navbar-dark .navbar-text a { + color: #fff; +} +.react-series-data-viewer-scoped .navbar-dark .navbar-text a:hover, .react-series-data-viewer-scoped .navbar-dark .navbar-text a:focus { + color: #fff; +} +.react-series-data-viewer-scoped .card { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .card > hr { + margin-right: 0; + margin-left: 0; +} +.react-series-data-viewer-scoped .card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.react-series-data-viewer-scoped .card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.react-series-data-viewer-scoped .card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1.25rem; +} +.react-series-data-viewer-scoped .card-title { + margin-bottom: 0.75rem; +} +.react-series-data-viewer-scoped .card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} +.react-series-data-viewer-scoped .card-text:last-child { + margin-bottom: 0; +} +.react-series-data-viewer-scoped .card-link:hover { + text-decoration: none; +} +.react-series-data-viewer-scoped .card-link + .card-link { + margin-left: 1.25rem; +} +.react-series-data-viewer-scoped .card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} +.react-series-data-viewer-scoped .card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} +.react-series-data-viewer-scoped .card-header + .list-group .list-group-item:first-child { + border-top: 0; +} +.react-series-data-viewer-scoped .card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} +.react-series-data-viewer-scoped .card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} +.react-series-data-viewer-scoped .card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} +.react-series-data-viewer-scoped .card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +.react-series-data-viewer-scoped .card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} +.react-series-data-viewer-scoped .card-img { + width: 100%; + border-radius: calc(0.25rem - 1px); +} +.react-series-data-viewer-scoped .card-img-top { + width: 100%; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} +.react-series-data-viewer-scoped .card-img-bottom { + width: 100%; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} +.react-series-data-viewer-scoped .card-deck { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.react-series-data-viewer-scoped .card-deck .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .card-deck { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } + .react-series-data-viewer-scoped .card-deck .card { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + -ms-flex-direction: column; + flex-direction: column; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} +.react-series-data-viewer-scoped .card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.react-series-data-viewer-scoped .card-group > .card { + margin-bottom: 15px; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .card-group { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + .react-series-data-viewer-scoped .card-group > .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + .react-series-data-viewer-scoped .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .react-series-data-viewer-scoped .card-group > .card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:first-child .card-img-top, +.react-series-data-viewer-scoped .card-group > .card:first-child .card-header { + border-top-right-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:first-child .card-img-bottom, +.react-series-data-viewer-scoped .card-group > .card:first-child .card-footer { + border-bottom-right-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:last-child .card-img-top, +.react-series-data-viewer-scoped .card-group > .card:last-child .card-header { + border-top-left-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:last-child .card-img-bottom, +.react-series-data-viewer-scoped .card-group > .card:last-child .card-footer { + border-bottom-left-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:only-child { + border-radius: 0.25rem; + } + .react-series-data-viewer-scoped .card-group > .card:only-child .card-img-top, +.react-series-data-viewer-scoped .card-group > .card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + .react-series-data-viewer-scoped .card-group > .card:only-child .card-img-bottom, +.react-series-data-viewer-scoped .card-group > .card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + .react-series-data-viewer-scoped .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; + } + .react-series-data-viewer-scoped .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, +.react-series-data-viewer-scoped .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, +.react-series-data-viewer-scoped .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, +.react-series-data-viewer-scoped .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; + } +} +.react-series-data-viewer-scoped .card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .card-columns { + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; + -webkit-column-gap: 1.25rem; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .react-series-data-viewer-scoped .card-columns .card { + display: inline-block; + width: 100%; + } +} +.react-series-data-viewer-scoped .accordion .card:not(:first-of-type):not(:last-of-type) { + border-bottom: 0; + border-radius: 0; +} +.react-series-data-viewer-scoped .accordion .card:not(:first-of-type) .card-header:first-child { + border-radius: 0; +} +.react-series-data-viewer-scoped .accordion .card:first-of-type { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.react-series-data-viewer-scoped .accordion .card:last-of-type { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.react-series-data-viewer-scoped .breadcrumb { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} +.react-series-data-viewer-scoped .breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} +.react-series-data-viewer-scoped .breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; +} +.react-series-data-viewer-scoped .breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; +} +.react-series-data-viewer-scoped .breadcrumb-item.active { + color: #6c757d; +} +.react-series-data-viewer-scoped .pagination { + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #007bff; + background-color: #fff; + border: 1px solid #dee2e6; +} +.react-series-data-viewer-scoped .page-link:hover { + z-index: 2; + color: #0056b3; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} +.react-series-data-viewer-scoped .page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.react-series-data-viewer-scoped .page-link:not(:disabled):not(.disabled) { + cursor: pointer; +} +.react-series-data-viewer-scoped .page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.react-series-data-viewer-scoped .page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.react-series-data-viewer-scoped .page-item.active .page-link { + z-index: 1; + color: #fff; + background-color: #007bff; + border-color: #007bff; +} +.react-series-data-viewer-scoped .page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} +.react-series-data-viewer-scoped .pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} +.react-series-data-viewer-scoped .pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} +.react-series-data-viewer-scoped .pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} +.react-series-data-viewer-scoped .pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.react-series-data-viewer-scoped .pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.react-series-data-viewer-scoped .pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} +.react-series-data-viewer-scoped .badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .badge:empty { + display: none; +} +.react-series-data-viewer-scoped .btn .badge { + position: relative; + top: -1px; +} +.react-series-data-viewer-scoped .badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} +.react-series-data-viewer-scoped .badge-primary { + color: #fff; + background-color: #007bff; +} +.react-series-data-viewer-scoped .badge-primary[href]:hover, .react-series-data-viewer-scoped .badge-primary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #0062cc; +} +.react-series-data-viewer-scoped .badge-secondary { + color: #fff; + background-color: #6c757d; +} +.react-series-data-viewer-scoped .badge-secondary[href]:hover, .react-series-data-viewer-scoped .badge-secondary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #545b62; +} +.react-series-data-viewer-scoped .badge-success { + color: #fff; + background-color: #28a745; +} +.react-series-data-viewer-scoped .badge-success[href]:hover, .react-series-data-viewer-scoped .badge-success[href]:focus { + color: #fff; + text-decoration: none; + background-color: #1e7e34; +} +.react-series-data-viewer-scoped .badge-info { + color: #fff; + background-color: #17a2b8; +} +.react-series-data-viewer-scoped .badge-info[href]:hover, .react-series-data-viewer-scoped .badge-info[href]:focus { + color: #fff; + text-decoration: none; + background-color: #117a8b; +} +.react-series-data-viewer-scoped .badge-warning { + color: #212529; + background-color: #ffc107; +} +.react-series-data-viewer-scoped .badge-warning[href]:hover, .react-series-data-viewer-scoped .badge-warning[href]:focus { + color: #212529; + text-decoration: none; + background-color: #d39e00; +} +.react-series-data-viewer-scoped .badge-danger { + color: #fff; + background-color: #dc3545; +} +.react-series-data-viewer-scoped .badge-danger[href]:hover, .react-series-data-viewer-scoped .badge-danger[href]:focus { + color: #fff; + text-decoration: none; + background-color: #bd2130; +} +.react-series-data-viewer-scoped .badge-light { + color: #212529; + background-color: #f8f9fa; +} +.react-series-data-viewer-scoped .badge-light[href]:hover, .react-series-data-viewer-scoped .badge-light[href]:focus { + color: #212529; + text-decoration: none; + background-color: #dae0e5; +} +.react-series-data-viewer-scoped .badge-dark { + color: #fff; + background-color: #343a40; +} +.react-series-data-viewer-scoped .badge-dark[href]:hover, .react-series-data-viewer-scoped .badge-dark[href]:focus { + color: #fff; + text-decoration: none; + background-color: #1d2124; +} +.react-series-data-viewer-scoped .jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .jumbotron { + padding: 4rem 2rem; + } +} +.react-series-data-viewer-scoped .jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} +.react-series-data-viewer-scoped .alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .alert-heading { + color: inherit; +} +.react-series-data-viewer-scoped .alert-link { + font-weight: 700; +} +.react-series-data-viewer-scoped .alert-dismissible { + padding-right: 4rem; +} +.react-series-data-viewer-scoped .alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} +.react-series-data-viewer-scoped .alert-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; +} +.react-series-data-viewer-scoped .alert-primary hr { + border-top-color: #9fcdff; +} +.react-series-data-viewer-scoped .alert-primary .alert-link { + color: #002752; +} +.react-series-data-viewer-scoped .alert-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} +.react-series-data-viewer-scoped .alert-secondary hr { + border-top-color: #c8cbcf; +} +.react-series-data-viewer-scoped .alert-secondary .alert-link { + color: #202326; +} +.react-series-data-viewer-scoped .alert-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} +.react-series-data-viewer-scoped .alert-success hr { + border-top-color: #b1dfbb; +} +.react-series-data-viewer-scoped .alert-success .alert-link { + color: #0b2e13; +} +.react-series-data-viewer-scoped .alert-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; +} +.react-series-data-viewer-scoped .alert-info hr { + border-top-color: #abdde5; +} +.react-series-data-viewer-scoped .alert-info .alert-link { + color: #062c33; +} +.react-series-data-viewer-scoped .alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; +} +.react-series-data-viewer-scoped .alert-warning hr { + border-top-color: #ffe8a1; +} +.react-series-data-viewer-scoped .alert-warning .alert-link { + color: #533f03; +} +.react-series-data-viewer-scoped .alert-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} +.react-series-data-viewer-scoped .alert-danger hr { + border-top-color: #f1b0b7; +} +.react-series-data-viewer-scoped .alert-danger .alert-link { + color: #491217; +} +.react-series-data-viewer-scoped .alert-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} +.react-series-data-viewer-scoped .alert-light hr { + border-top-color: #ececf6; +} +.react-series-data-viewer-scoped .alert-light .alert-link { + color: #686868; +} +.react-series-data-viewer-scoped .alert-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} +.react-series-data-viewer-scoped .alert-dark hr { + border-top-color: #b9bbbe; +} +.react-series-data-viewer-scoped .alert-dark .alert-link { + color: #040505; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} +.react-series-data-viewer-scoped .progress { + display: -ms-flexbox; + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #007bff; + transition: width 0.6s ease; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .progress-bar { + transition: none; + } +} +.react-series-data-viewer-scoped .progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} +.react-series-data-viewer-scoped .progress-bar-animated { + -webkit-animation: progress-bar-stripes 1s linear infinite; + animation: progress-bar-stripes 1s linear infinite; +} +.react-series-data-viewer-scoped .media { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; +} +.react-series-data-viewer-scoped .media-body { + -ms-flex: 1; + flex: 1; +} +.react-series-data-viewer-scoped .list-group { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} +.react-series-data-viewer-scoped .list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} +.react-series-data-viewer-scoped .list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} +.react-series-data-viewer-scoped .list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} +.react-series-data-viewer-scoped .list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0; + box-shadow: none; +} +.react-series-data-viewer-scoped .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.react-series-data-viewer-scoped .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.react-series-data-viewer-scoped .list-group-item:hover, .react-series-data-viewer-scoped .list-group-item:focus { + z-index: 1; + text-decoration: none; + box-shadow: none; +} +.react-series-data-viewer-scoped .list-group-item.disabled, .react-series-data-viewer-scoped .list-group-item:disabled { + color: #6c757d; + background-color: #fff; +} +.react-series-data-viewer-scoped .list-group-item.active { + z-index: 2; + color: #212529; + background-color: #eee; + border-color: #d3d9df;; +} +.react-series-data-viewer-scoped .event-list .list-group-item.active { + z-index: 2; + color: #212529; + background-color: #fff; + border-color: #d3d9df;; +} +.react-series-data-viewer-scoped .event-list .list-group-item { + z-index: 2; + color: #212529; + background-color: #eee; + border-color: #d3d9df;; +} +.react-series-data-viewer-scoped .list-group-flush .list-group-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.react-series-data-viewer-scoped .list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} +.react-series-data-viewer-scoped .list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} +.react-series-data-viewer-scoped .list-group-item-primary { + color: #004085; + background-color: #b8daff; +} +.react-series-data-viewer-scoped .list-group-item-primary.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-primary.list-group-item-action:focus { + color: #004085; + background-color: #9fcdff; +} +.react-series-data-viewer-scoped .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #004085; + border-color: #004085; +} +.react-series-data-viewer-scoped .list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} +.react-series-data-viewer-scoped .list-group-item-secondary.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; +} +.react-series-data-viewer-scoped .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; +} +.react-series-data-viewer-scoped .list-group-item-success { + color: #155724; + background-color: #c3e6cb; +} +.react-series-data-viewer-scoped .list-group-item-success.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-success.list-group-item-action:focus { + color: #155724; + background-color: #b1dfbb; +} +.react-series-data-viewer-scoped .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #155724; + border-color: #155724; +} +.react-series-data-viewer-scoped .list-group-item-info { + color: #0c5460; + background-color: #bee5eb; +} +.react-series-data-viewer-scoped .list-group-item-info.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-info.list-group-item-action:focus { + color: #0c5460; + background-color: #abdde5; +} +.react-series-data-viewer-scoped .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #0c5460; + border-color: #0c5460; +} +.react-series-data-viewer-scoped .list-group-item-warning { + color: #856404; + background-color: #ffeeba; +} +.react-series-data-viewer-scoped .list-group-item-warning.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-warning.list-group-item-action:focus { + color: #856404; + background-color: #ffe8a1; +} +.react-series-data-viewer-scoped .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #856404; + border-color: #856404; +} +.react-series-data-viewer-scoped .list-group-item-danger { + color: #721c24; + background-color: #f5c6cb; +} +.react-series-data-viewer-scoped .list-group-item-danger.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-danger.list-group-item-action:focus { + color: #721c24; + background-color: #f1b0b7; +} +.react-series-data-viewer-scoped .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #721c24; + border-color: #721c24; +} +.react-series-data-viewer-scoped .list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} +.react-series-data-viewer-scoped .list-group-item-light.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} +.react-series-data-viewer-scoped .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; +} +.react-series-data-viewer-scoped .list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} +.react-series-data-viewer-scoped .list-group-item-dark.list-group-item-action:hover, .react-series-data-viewer-scoped .list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} +.react-series-data-viewer-scoped .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; +} +.react-series-data-viewer-scoped .close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.5; +} +.react-series-data-viewer-scoped .close:not(:disabled):not(.disabled) { + cursor: pointer; +} +.react-series-data-viewer-scoped .close:not(:disabled):not(.disabled):hover, .react-series-data-viewer-scoped .close:not(:disabled):not(.disabled):focus { + color: #000; + text-decoration: none; + opacity: 0.75; +} +.react-series-data-viewer-scoped button.close { + padding: 0; + background-color: transparent; + border: 0; + -webkit-appearance: none; +} +.react-series-data-viewer-scoped .modal-open { + overflow: hidden; +} +.react-series-data-viewer-scoped .modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.react-series-data-viewer-scoped .modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; +} +.react-series-data-viewer-scoped .modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.react-series-data-viewer-scoped .modal.fade .modal-dialog { + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; + -webkit-transform: translate(0, -25%); + transform: translate(0, -25%); +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .modal.fade .modal-dialog { + transition: none; + } +} +.react-series-data-viewer-scoped .modal.show .modal-dialog { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +.react-series-data-viewer-scoped .modal-dialog-centered { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - (0.5rem * 2)); +} +.react-series-data-viewer-scoped .modal-dialog-centered::before { + display: block; + height: calc(100vh - (0.5rem * 2)); + content: ""; +} +.react-series-data-viewer-scoped .modal-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} +.react-series-data-viewer-scoped .modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.react-series-data-viewer-scoped .modal-backdrop.fade { + opacity: 0; +} +.react-series-data-viewer-scoped .modal-backdrop.show { + opacity: 0.5; +} +.react-series-data-viewer-scoped .modal-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; +} +.react-series-data-viewer-scoped .modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} +.react-series-data-viewer-scoped .modal-title { + margin-bottom: 0; + line-height: 1.5; +} +.react-series-data-viewer-scoped .modal-body { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 1rem; +} +.react-series-data-viewer-scoped .modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 1rem; + border-top: 1px solid #e9ecef; +} +.react-series-data-viewer-scoped .modal-footer > :not(:first-child) { + margin-left: 0.25rem; +} +.react-series-data-viewer-scoped .modal-footer > :not(:last-child) { + margin-right: 0.25rem; +} +.react-series-data-viewer-scoped .modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .react-series-data-viewer-scoped .modal-dialog-centered { + min-height: calc(100% - (1.75rem * 2)); + } + .react-series-data-viewer-scoped .modal-dialog-centered::before { + height: calc(100vh - (1.75rem * 2)); + } + .react-series-data-viewer-scoped .modal-sm { + max-width: 300px; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .modal-lg { + max-width: 800px; + } +} +.react-series-data-viewer-scoped .tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.react-series-data-viewer-scoped .tooltip.show { + opacity: 0.9; +} +.react-series-data-viewer-scoped .tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.react-series-data-viewer-scoped .tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} +.react-series-data-viewer-scoped .bs-tooltip-top, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=top] { + padding: 0.4rem 0; +} +.react-series-data-viewer-scoped .bs-tooltip-top .arrow, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=top] .arrow { + bottom: 0; +} +.react-series-data-viewer-scoped .bs-tooltip-top .arrow::before, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=top] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} +.react-series-data-viewer-scoped .bs-tooltip-right, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=right] { + padding: 0 0.4rem; +} +.react-series-data-viewer-scoped .bs-tooltip-right .arrow, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=right] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} +.react-series-data-viewer-scoped .bs-tooltip-right .arrow::before, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=right] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} +.react-series-data-viewer-scoped .bs-tooltip-bottom, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=bottom] { + padding: 0.4rem 0; +} +.react-series-data-viewer-scoped .bs-tooltip-bottom .arrow, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=bottom] .arrow { + top: 0; +} +.react-series-data-viewer-scoped .bs-tooltip-bottom .arrow::before, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=bottom] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} +.react-series-data-viewer-scoped .bs-tooltip-left, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=left] { + padding: 0 0.4rem; +} +.react-series-data-viewer-scoped .bs-tooltip-left .arrow, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=left] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} +.react-series-data-viewer-scoped .bs-tooltip-left .arrow::before, .react-series-data-viewer-scoped .bs-tooltip-auto[x-placement^=left] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} +.react-series-data-viewer-scoped .tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} +.react-series-data-viewer-scoped .popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} +.react-series-data-viewer-scoped .popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.react-series-data-viewer-scoped .popover .arrow::before, .react-series-data-viewer-scoped .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} +.react-series-data-viewer-scoped .bs-popover-top, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] { + margin-bottom: 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-top .arrow, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] .arrow { + bottom: calc((0.5rem + 1px) * -1); +} +.react-series-data-viewer-scoped .bs-popover-top .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] .arrow::before, +.react-series-data-viewer-scoped .bs-popover-top .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] .arrow::after { + border-width: 0.5rem 0.5rem 0; +} +.react-series-data-viewer-scoped .bs-popover-top .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] .arrow::before { + bottom: 0; + border-top-color: rgba(0, 0, 0, 0.25); +} +.react-series-data-viewer-scoped .bs-popover-top .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=top] .arrow::after { + bottom: 1px; + border-top-color: #fff; +} +.react-series-data-viewer-scoped .bs-popover-right, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] { + margin-left: 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-right .arrow, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] .arrow { + left: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.react-series-data-viewer-scoped .bs-popover-right .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] .arrow::before, +.react-series-data-viewer-scoped .bs-popover-right .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; +} +.react-series-data-viewer-scoped .bs-popover-right .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] .arrow::before { + left: 0; + border-right-color: rgba(0, 0, 0, 0.25); +} +.react-series-data-viewer-scoped .bs-popover-right .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=right] .arrow::after { + left: 1px; + border-right-color: #fff; +} +.react-series-data-viewer-scoped .bs-popover-bottom, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] { + margin-top: 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-bottom .arrow, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .arrow { + top: calc((0.5rem + 1px) * -1); +} +.react-series-data-viewer-scoped .bs-popover-bottom .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .arrow::before, +.react-series-data-viewer-scoped .bs-popover-bottom .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-bottom .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .arrow::before { + top: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); +} +.react-series-data-viewer-scoped .bs-popover-bottom .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .arrow::after { + top: 1px; + border-bottom-color: #fff; +} +.react-series-data-viewer-scoped .bs-popover-bottom .popover-header::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} +.react-series-data-viewer-scoped .bs-popover-left, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] { + margin-right: 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-left .arrow, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] .arrow { + right: calc((0.5rem + 1px) * -1); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} +.react-series-data-viewer-scoped .bs-popover-left .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] .arrow::before, +.react-series-data-viewer-scoped .bs-popover-left .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; +} +.react-series-data-viewer-scoped .bs-popover-left .arrow::before, .react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] .arrow::before { + right: 0; + border-left-color: rgba(0, 0, 0, 0.25); +} +.react-series-data-viewer-scoped .bs-popover-left .arrow::after, +.react-series-data-viewer-scoped .bs-popover-auto[x-placement^=left] .arrow::after { + right: 1px; + border-left-color: #fff; +} +.react-series-data-viewer-scoped .popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.react-series-data-viewer-scoped .popover-header:empty { + display: none; +} +.react-series-data-viewer-scoped .popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} +.react-series-data-viewer-scoped .carousel { + position: relative; +} +.react-series-data-viewer-scoped .carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.react-series-data-viewer-scoped .carousel-item { + position: relative; + display: none; + -ms-flex-align: center; + align-items: center; + width: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; +} +.react-series-data-viewer-scoped .carousel-item.active, +.react-series-data-viewer-scoped .carousel-item-next, +.react-series-data-viewer-scoped .carousel-item-prev { + display: block; + transition: -webkit-transform 0.6s ease; + transition: transform 0.6s ease; + transition: transform 0.6s ease, -webkit-transform 0.6s ease; +} +@media screen and (prefers-reduced-motion: reduce) { + .react-series-data-viewer-scoped .carousel-item.active, +.react-series-data-viewer-scoped .carousel-item-next, +.react-series-data-viewer-scoped .carousel-item-prev { + transition: none; + } +} +.react-series-data-viewer-scoped .carousel-item-next, +.react-series-data-viewer-scoped .carousel-item-prev { + position: absolute; + top: 0; +} +.react-series-data-viewer-scoped .carousel-item-next.carousel-item-left, +.react-series-data-viewer-scoped .carousel-item-prev.carousel-item-right { + -webkit-transform: translateX(0); + transform: translateX(0); +} +@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { + .react-series-data-viewer-scoped .carousel-item-next.carousel-item-left, +.react-series-data-viewer-scoped .carousel-item-prev.carousel-item-right { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.react-series-data-viewer-scoped .carousel-item-next, +.react-series-data-viewer-scoped .active.carousel-item-right { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { + .react-series-data-viewer-scoped .carousel-item-next, +.react-series-data-viewer-scoped .active.carousel-item-right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +.react-series-data-viewer-scoped .carousel-item-prev, +.react-series-data-viewer-scoped .active.carousel-item-left { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { + .react-series-data-viewer-scoped .carousel-item-prev, +.react-series-data-viewer-scoped .active.carousel-item-left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +.react-series-data-viewer-scoped .carousel-fade .carousel-item { + opacity: 0; + transition-duration: 0.6s; + transition-property: opacity; +} +.react-series-data-viewer-scoped .carousel-fade .carousel-item.active, +.react-series-data-viewer-scoped .carousel-fade .carousel-item-next.carousel-item-left, +.react-series-data-viewer-scoped .carousel-fade .carousel-item-prev.carousel-item-right { + opacity: 1; +} +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-left, +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-right { + opacity: 0; +} +.react-series-data-viewer-scoped .carousel-fade .carousel-item-next, +.react-series-data-viewer-scoped .carousel-fade .carousel-item-prev, +.react-series-data-viewer-scoped .carousel-fade .carousel-item.active, +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-left, +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-prev { + -webkit-transform: translateX(0); + transform: translateX(0); +} +@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) { + .react-series-data-viewer-scoped .carousel-fade .carousel-item-next, +.react-series-data-viewer-scoped .carousel-fade .carousel-item-prev, +.react-series-data-viewer-scoped .carousel-fade .carousel-item.active, +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-left, +.react-series-data-viewer-scoped .carousel-fade .active.carousel-item-prev { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.react-series-data-viewer-scoped .carousel-control-prev, +.react-series-data-viewer-scoped .carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; +} +.react-series-data-viewer-scoped .carousel-control-prev:hover, .react-series-data-viewer-scoped .carousel-control-prev:focus, +.react-series-data-viewer-scoped .carousel-control-next:hover, +.react-series-data-viewer-scoped .carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} +.react-series-data-viewer-scoped .carousel-control-prev { + left: 0; +} +.react-series-data-viewer-scoped .carousel-control-next { + right: 0; +} +.react-series-data-viewer-scoped .carousel-control-prev-icon, +.react-series-data-viewer-scoped .carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: transparent no-repeat center center; + background-size: 100% 100%; +} +.react-series-data-viewer-scoped .carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} +.react-series-data-viewer-scoped .carousel-indicators { + position: absolute; + right: 0; + bottom: 10px; + left: 0; + z-index: 15; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.react-series-data-viewer-scoped .carousel-indicators li { + position: relative; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: rgba(255, 255, 255, 0.5); +} +.react-series-data-viewer-scoped .carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} +.react-series-data-viewer-scoped .carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; +} +.react-series-data-viewer-scoped .carousel-indicators .active { + background-color: #fff; +} +.react-series-data-viewer-scoped .carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} +.react-series-data-viewer-scoped .align-baseline { + vertical-align: baseline !important; +} +.react-series-data-viewer-scoped .align-top { + vertical-align: top !important; +} +.react-series-data-viewer-scoped .align-middle { + vertical-align: middle !important; +} +.react-series-data-viewer-scoped .align-bottom { + vertical-align: bottom !important; +} +.react-series-data-viewer-scoped .align-text-bottom { + vertical-align: text-bottom !important; +} +.react-series-data-viewer-scoped .align-text-top { + vertical-align: text-top !important; +} +.react-series-data-viewer-scoped .bg-primary { + background-color: #007bff !important; +} +.react-series-data-viewer-scoped a.bg-primary:hover, .react-series-data-viewer-scoped a.bg-primary:focus, +.react-series-data-viewer-scoped button.bg-primary:hover, +.react-series-data-viewer-scoped button.bg-primary:focus { + background-color: #0062cc !important; +} +.react-series-data-viewer-scoped .bg-secondary { + background-color: #6c757d !important; +} +.react-series-data-viewer-scoped a.bg-secondary:hover, .react-series-data-viewer-scoped a.bg-secondary:focus, +.react-series-data-viewer-scoped button.bg-secondary:hover, +.react-series-data-viewer-scoped button.bg-secondary:focus { + background-color: #545b62 !important; +} +.react-series-data-viewer-scoped .bg-success { + background-color: #28a745 !important; +} +.react-series-data-viewer-scoped a.bg-success:hover, .react-series-data-viewer-scoped a.bg-success:focus, +.react-series-data-viewer-scoped button.bg-success:hover, +.react-series-data-viewer-scoped button.bg-success:focus { + background-color: #1e7e34 !important; +} +.react-series-data-viewer-scoped .bg-info { + background-color: #17a2b8 !important; +} +.react-series-data-viewer-scoped a.bg-info:hover, .react-series-data-viewer-scoped a.bg-info:focus, +.react-series-data-viewer-scoped button.bg-info:hover, +.react-series-data-viewer-scoped button.bg-info:focus { + background-color: #117a8b !important; +} +.react-series-data-viewer-scoped .bg-warning { + background-color: #ffc107 !important; +} +.react-series-data-viewer-scoped a.bg-warning:hover, .react-series-data-viewer-scoped a.bg-warning:focus, +.react-series-data-viewer-scoped button.bg-warning:hover, +.react-series-data-viewer-scoped button.bg-warning:focus { + background-color: #d39e00 !important; +} +.react-series-data-viewer-scoped .bg-danger { + background-color: #dc3545 !important; +} +.react-series-data-viewer-scoped a.bg-danger:hover, .react-series-data-viewer-scoped a.bg-danger:focus, +.react-series-data-viewer-scoped button.bg-danger:hover, +.react-series-data-viewer-scoped button.bg-danger:focus { + background-color: #bd2130 !important; +} +.react-series-data-viewer-scoped .bg-light { + background-color: #f8f9fa !important; +} +.react-series-data-viewer-scoped a.bg-light:hover, .react-series-data-viewer-scoped a.bg-light:focus, +.react-series-data-viewer-scoped button.bg-light:hover, +.react-series-data-viewer-scoped button.bg-light:focus { + background-color: #dae0e5 !important; +} +.react-series-data-viewer-scoped .bg-dark { + background-color: #343a40 !important; +} +.react-series-data-viewer-scoped a.bg-dark:hover, .react-series-data-viewer-scoped a.bg-dark:focus, +.react-series-data-viewer-scoped button.bg-dark:hover, +.react-series-data-viewer-scoped button.bg-dark:focus { + background-color: #1d2124 !important; +} +.react-series-data-viewer-scoped .bg-white { + background-color: #fff !important; +} +.react-series-data-viewer-scoped .bg-transparent { + background-color: transparent !important; +} +.react-series-data-viewer-scoped .border { + border: 1px solid #dee2e6 !important; +} +.react-series-data-viewer-scoped .border-top { + border-top: 1px solid #dee2e6 !important; +} +.react-series-data-viewer-scoped .border-right { + border-right: 1px solid #dee2e6 !important; +} +.react-series-data-viewer-scoped .border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} +.react-series-data-viewer-scoped .border-left { + border-left: 1px solid #dee2e6 !important; +} +.react-series-data-viewer-scoped .border-0 { + border: 0 !important; +} +.react-series-data-viewer-scoped .border-top-0 { + border-top: 0 !important; +} +.react-series-data-viewer-scoped .border-right-0 { + border-right: 0 !important; +} +.react-series-data-viewer-scoped .border-bottom-0 { + border-bottom: 0 !important; +} +.react-series-data-viewer-scoped .border-left-0 { + border-left: 0 !important; +} +.react-series-data-viewer-scoped .border-primary { + border-color: #007bff !important; +} +.react-series-data-viewer-scoped .border-secondary { + border-color: #6c757d !important; +} +.react-series-data-viewer-scoped .border-success { + border-color: #28a745 !important; +} +.react-series-data-viewer-scoped .border-info { + border-color: #17a2b8 !important; +} +.react-series-data-viewer-scoped .border-warning { + border-color: #ffc107 !important; +} +.react-series-data-viewer-scoped .border-danger { + border-color: #dc3545 !important; +} +.react-series-data-viewer-scoped .border-light { + border-color: #f8f9fa !important; +} +.react-series-data-viewer-scoped .border-dark { + border-color: #343a40 !important; +} +.react-series-data-viewer-scoped .border-white { + border-color: #fff !important; +} +.react-series-data-viewer-scoped .rounded { + border-radius: 0.25rem !important; +} +.react-series-data-viewer-scoped .rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} +.react-series-data-viewer-scoped .rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} +.react-series-data-viewer-scoped .rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} +.react-series-data-viewer-scoped .rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} +.react-series-data-viewer-scoped .rounded-circle { + border-radius: 50% !important; +} +.react-series-data-viewer-scoped .rounded-0 { + border-radius: 0 !important; +} +.react-series-data-viewer-scoped .clearfix::after { + display: block; + clear: both; + content: ""; +} +.react-series-data-viewer-scoped .d-none { + display: none !important; +} +.react-series-data-viewer-scoped .d-inline { + display: inline !important; +} +.react-series-data-viewer-scoped .d-inline-block { + display: inline-block !important; +} +.react-series-data-viewer-scoped .d-block { + display: block !important; +} +.react-series-data-viewer-scoped .d-table { + display: table !important; +} +.react-series-data-viewer-scoped .d-table-row { + display: table-row !important; +} +.react-series-data-viewer-scoped .d-table-cell { + display: table-cell !important; +} +.react-series-data-viewer-scoped .d-flex { + display: -ms-flexbox !important; + display: flex !important; +} +.react-series-data-viewer-scoped .d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .d-sm-none { + display: none !important; + } + .react-series-data-viewer-scoped .d-sm-inline { + display: inline !important; + } + .react-series-data-viewer-scoped .d-sm-inline-block { + display: inline-block !important; + } + .react-series-data-viewer-scoped .d-sm-block { + display: block !important; + } + .react-series-data-viewer-scoped .d-sm-table { + display: table !important; + } + .react-series-data-viewer-scoped .d-sm-table-row { + display: table-row !important; + } + .react-series-data-viewer-scoped .d-sm-table-cell { + display: table-cell !important; + } + .react-series-data-viewer-scoped .d-sm-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .react-series-data-viewer-scoped .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .d-md-none { + display: none !important; + } + .react-series-data-viewer-scoped .d-md-inline { + display: inline !important; + } + .react-series-data-viewer-scoped .d-md-inline-block { + display: inline-block !important; + } + .react-series-data-viewer-scoped .d-md-block { + display: block !important; + } + .react-series-data-viewer-scoped .d-md-table { + display: table !important; + } + .react-series-data-viewer-scoped .d-md-table-row { + display: table-row !important; + } + .react-series-data-viewer-scoped .d-md-table-cell { + display: table-cell !important; + } + .react-series-data-viewer-scoped .d-md-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .react-series-data-viewer-scoped .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .d-lg-none { + display: none !important; + } + .react-series-data-viewer-scoped .d-lg-inline { + display: inline !important; + } + .react-series-data-viewer-scoped .d-lg-inline-block { + display: inline-block !important; + } + .react-series-data-viewer-scoped .d-lg-block { + display: block !important; + } + .react-series-data-viewer-scoped .d-lg-table { + display: table !important; + } + .react-series-data-viewer-scoped .d-lg-table-row { + display: table-row !important; + } + .react-series-data-viewer-scoped .d-lg-table-cell { + display: table-cell !important; + } + .react-series-data-viewer-scoped .d-lg-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .react-series-data-viewer-scoped .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .d-xl-none { + display: none !important; + } + .react-series-data-viewer-scoped .d-xl-inline { + display: inline !important; + } + .react-series-data-viewer-scoped .d-xl-inline-block { + display: inline-block !important; + } + .react-series-data-viewer-scoped .d-xl-block { + display: block !important; + } + .react-series-data-viewer-scoped .d-xl-table { + display: table !important; + } + .react-series-data-viewer-scoped .d-xl-table-row { + display: table-row !important; + } + .react-series-data-viewer-scoped .d-xl-table-cell { + display: table-cell !important; + } + .react-series-data-viewer-scoped .d-xl-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .react-series-data-viewer-scoped .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} +@media print { + .react-series-data-viewer-scoped .d-print-none { + display: none !important; + } + .react-series-data-viewer-scoped .d-print-inline { + display: inline !important; + } + .react-series-data-viewer-scoped .d-print-inline-block { + display: inline-block !important; + } + .react-series-data-viewer-scoped .d-print-block { + display: block !important; + } + .react-series-data-viewer-scoped .d-print-table { + display: table !important; + } + .react-series-data-viewer-scoped .d-print-table-row { + display: table-row !important; + } + .react-series-data-viewer-scoped .d-print-table-cell { + display: table-cell !important; + } + .react-series-data-viewer-scoped .d-print-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .react-series-data-viewer-scoped .d-print-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} +.react-series-data-viewer-scoped .embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.react-series-data-viewer-scoped .embed-responsive::before { + display: block; + content: ""; +} +.react-series-data-viewer-scoped .embed-responsive .embed-responsive-item, +.react-series-data-viewer-scoped .embed-responsive iframe, +.react-series-data-viewer-scoped .embed-responsive embed, +.react-series-data-viewer-scoped .embed-responsive object, +.react-series-data-viewer-scoped .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} +.react-series-data-viewer-scoped .embed-responsive-21by9::before { + padding-top: 42.857143%; +} +.react-series-data-viewer-scoped .embed-responsive-16by9::before { + padding-top: 56.25%; +} +.react-series-data-viewer-scoped .embed-responsive-4by3::before { + padding-top: 75%; +} +.react-series-data-viewer-scoped .embed-responsive-1by1::before { + padding-top: 100%; +} +.react-series-data-viewer-scoped .flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.react-series-data-viewer-scoped .flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.react-series-data-viewer-scoped .flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.react-series-data-viewer-scoped .flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.react-series-data-viewer-scoped .flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.react-series-data-viewer-scoped .flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.react-series-data-viewer-scoped .flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.react-series-data-viewer-scoped .flex-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.react-series-data-viewer-scoped .flex-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.react-series-data-viewer-scoped .flex-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.react-series-data-viewer-scoped .flex-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.react-series-data-viewer-scoped .flex-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.react-series-data-viewer-scoped .justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.react-series-data-viewer-scoped .justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.react-series-data-viewer-scoped .justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; +} +.react-series-data-viewer-scoped .justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.react-series-data-viewer-scoped .justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.react-series-data-viewer-scoped .align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.react-series-data-viewer-scoped .align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.react-series-data-viewer-scoped .align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} +.react-series-data-viewer-scoped .align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.react-series-data-viewer-scoped .align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.react-series-data-viewer-scoped .align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.react-series-data-viewer-scoped .align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.react-series-data-viewer-scoped .align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.react-series-data-viewer-scoped .align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.react-series-data-viewer-scoped .align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.react-series-data-viewer-scoped .align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.react-series-data-viewer-scoped .align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.react-series-data-viewer-scoped .align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.react-series-data-viewer-scoped .align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.react-series-data-viewer-scoped .align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; +} +.react-series-data-viewer-scoped .align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.react-series-data-viewer-scoped .align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .react-series-data-viewer-scoped .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .react-series-data-viewer-scoped .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .react-series-data-viewer-scoped .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .react-series-data-viewer-scoped .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .react-series-data-viewer-scoped .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .react-series-data-viewer-scoped .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .react-series-data-viewer-scoped .flex-sm-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .react-series-data-viewer-scoped .flex-sm-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .react-series-data-viewer-scoped .flex-sm-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .react-series-data-viewer-scoped .flex-sm-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .react-series-data-viewer-scoped .flex-sm-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .react-series-data-viewer-scoped .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .react-series-data-viewer-scoped .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .react-series-data-viewer-scoped .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .react-series-data-viewer-scoped .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .react-series-data-viewer-scoped .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .react-series-data-viewer-scoped .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .react-series-data-viewer-scoped .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .react-series-data-viewer-scoped .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .react-series-data-viewer-scoped .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .react-series-data-viewer-scoped .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .react-series-data-viewer-scoped .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .react-series-data-viewer-scoped .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .react-series-data-viewer-scoped .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .react-series-data-viewer-scoped .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .react-series-data-viewer-scoped .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .react-series-data-viewer-scoped .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .react-series-data-viewer-scoped .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .react-series-data-viewer-scoped .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .react-series-data-viewer-scoped .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .react-series-data-viewer-scoped .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .react-series-data-viewer-scoped .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .react-series-data-viewer-scoped .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .react-series-data-viewer-scoped .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .react-series-data-viewer-scoped .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .react-series-data-viewer-scoped .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .react-series-data-viewer-scoped .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .react-series-data-viewer-scoped .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .react-series-data-viewer-scoped .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .react-series-data-viewer-scoped .flex-md-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .react-series-data-viewer-scoped .flex-md-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .react-series-data-viewer-scoped .flex-md-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .react-series-data-viewer-scoped .flex-md-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .react-series-data-viewer-scoped .flex-md-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .react-series-data-viewer-scoped .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .react-series-data-viewer-scoped .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .react-series-data-viewer-scoped .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .react-series-data-viewer-scoped .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .react-series-data-viewer-scoped .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .react-series-data-viewer-scoped .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .react-series-data-viewer-scoped .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .react-series-data-viewer-scoped .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .react-series-data-viewer-scoped .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .react-series-data-viewer-scoped .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .react-series-data-viewer-scoped .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .react-series-data-viewer-scoped .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .react-series-data-viewer-scoped .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .react-series-data-viewer-scoped .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .react-series-data-viewer-scoped .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .react-series-data-viewer-scoped .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .react-series-data-viewer-scoped .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .react-series-data-viewer-scoped .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .react-series-data-viewer-scoped .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .react-series-data-viewer-scoped .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .react-series-data-viewer-scoped .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .react-series-data-viewer-scoped .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .react-series-data-viewer-scoped .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .react-series-data-viewer-scoped .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .react-series-data-viewer-scoped .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .react-series-data-viewer-scoped .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .react-series-data-viewer-scoped .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .react-series-data-viewer-scoped .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .react-series-data-viewer-scoped .flex-lg-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .react-series-data-viewer-scoped .flex-lg-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .react-series-data-viewer-scoped .flex-lg-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .react-series-data-viewer-scoped .flex-lg-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .react-series-data-viewer-scoped .flex-lg-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .react-series-data-viewer-scoped .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .react-series-data-viewer-scoped .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .react-series-data-viewer-scoped .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .react-series-data-viewer-scoped .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .react-series-data-viewer-scoped .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .react-series-data-viewer-scoped .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .react-series-data-viewer-scoped .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .react-series-data-viewer-scoped .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .react-series-data-viewer-scoped .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .react-series-data-viewer-scoped .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .react-series-data-viewer-scoped .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .react-series-data-viewer-scoped .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .react-series-data-viewer-scoped .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .react-series-data-viewer-scoped .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .react-series-data-viewer-scoped .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .react-series-data-viewer-scoped .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .react-series-data-viewer-scoped .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .react-series-data-viewer-scoped .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .react-series-data-viewer-scoped .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .react-series-data-viewer-scoped .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .react-series-data-viewer-scoped .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .react-series-data-viewer-scoped .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .react-series-data-viewer-scoped .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .react-series-data-viewer-scoped .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .react-series-data-viewer-scoped .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .react-series-data-viewer-scoped .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .react-series-data-viewer-scoped .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .react-series-data-viewer-scoped .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .react-series-data-viewer-scoped .flex-xl-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .react-series-data-viewer-scoped .flex-xl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .react-series-data-viewer-scoped .flex-xl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .react-series-data-viewer-scoped .flex-xl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .react-series-data-viewer-scoped .flex-xl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .react-series-data-viewer-scoped .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .react-series-data-viewer-scoped .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .react-series-data-viewer-scoped .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .react-series-data-viewer-scoped .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .react-series-data-viewer-scoped .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .react-series-data-viewer-scoped .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .react-series-data-viewer-scoped .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .react-series-data-viewer-scoped .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .react-series-data-viewer-scoped .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .react-series-data-viewer-scoped .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .react-series-data-viewer-scoped .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .react-series-data-viewer-scoped .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .react-series-data-viewer-scoped .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .react-series-data-viewer-scoped .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .react-series-data-viewer-scoped .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .react-series-data-viewer-scoped .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .react-series-data-viewer-scoped .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .react-series-data-viewer-scoped .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .react-series-data-viewer-scoped .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .react-series-data-viewer-scoped .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .react-series-data-viewer-scoped .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .react-series-data-viewer-scoped .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } +} +.react-series-data-viewer-scoped .float-left { + float: left !important; +} +.react-series-data-viewer-scoped .float-right { + float: right !important; +} +.react-series-data-viewer-scoped .float-none { + float: none !important; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .float-sm-left { + float: left !important; + } + .react-series-data-viewer-scoped .float-sm-right { + float: right !important; + } + .react-series-data-viewer-scoped .float-sm-none { + float: none !important; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .float-md-left { + float: left !important; + } + .react-series-data-viewer-scoped .float-md-right { + float: right !important; + } + .react-series-data-viewer-scoped .float-md-none { + float: none !important; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .float-lg-left { + float: left !important; + } + .react-series-data-viewer-scoped .float-lg-right { + float: right !important; + } + .react-series-data-viewer-scoped .float-lg-none { + float: none !important; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .float-xl-left { + float: left !important; + } + .react-series-data-viewer-scoped .float-xl-right { + float: right !important; + } + .react-series-data-viewer-scoped .float-xl-none { + float: none !important; + } +} +.react-series-data-viewer-scoped .position-static { + position: static !important; +} +.react-series-data-viewer-scoped .position-relative { + position: relative !important; +} +.react-series-data-viewer-scoped .position-absolute { + position: absolute !important; +} +.react-series-data-viewer-scoped .position-fixed { + position: fixed !important; +} +.react-series-data-viewer-scoped .position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} +.react-series-data-viewer-scoped .fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} +.react-series-data-viewer-scoped .fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} +@supports (position: -webkit-sticky) or (position: sticky) { + .react-series-data-viewer-scoped .sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} +.react-series-data-viewer-scoped .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} +.react-series-data-viewer-scoped .sr-only-focusable:active, .react-series-data-viewer-scoped .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} +.react-series-data-viewer-scoped .shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} +.react-series-data-viewer-scoped .shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} +.react-series-data-viewer-scoped .shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} +.react-series-data-viewer-scoped .shadow-none { + box-shadow: none !important; +} +.react-series-data-viewer-scoped .w-25 { + width: 25% !important; +} +.react-series-data-viewer-scoped .w-50 { + width: 50% !important; +} +.react-series-data-viewer-scoped .w-75 { + width: 75% !important; +} +.react-series-data-viewer-scoped .w-100 { + width: 100% !important; +} +.react-series-data-viewer-scoped .w-auto { + width: auto !important; +} +.react-series-data-viewer-scoped .h-25 { + height: 25% !important; +} +.react-series-data-viewer-scoped .h-50 { + height: 50% !important; +} +.react-series-data-viewer-scoped .h-75 { + height: 75% !important; +} +.react-series-data-viewer-scoped .h-100 { + height: 100% !important; +} +.react-series-data-viewer-scoped .h-auto { + height: auto !important; +} +.react-series-data-viewer-scoped .mw-100 { + max-width: 100% !important; +} +.react-series-data-viewer-scoped .mh-100 { + max-height: 100% !important; +} +.react-series-data-viewer-scoped .m-0 { + margin: 0 !important; +} +.react-series-data-viewer-scoped .mt-0, +.react-series-data-viewer-scoped .my-0 { + margin-top: 0 !important; +} +.react-series-data-viewer-scoped .mr-0, +.react-series-data-viewer-scoped .mx-0 { + margin-right: 0 !important; +} +.react-series-data-viewer-scoped .mb-0, +.react-series-data-viewer-scoped .my-0 { + margin-bottom: 0 !important; +} +.react-series-data-viewer-scoped .ml-0, +.react-series-data-viewer-scoped .mx-0 { + margin-left: 0 !important; +} +.react-series-data-viewer-scoped .m-1 { + margin: 0.25rem !important; +} +.react-series-data-viewer-scoped .mt-1, +.react-series-data-viewer-scoped .my-1 { + margin-top: 0.25rem !important; +} +.react-series-data-viewer-scoped .mr-1, +.react-series-data-viewer-scoped .mx-1 { + margin-right: 0.25rem !important; +} +.react-series-data-viewer-scoped .mb-1, +.react-series-data-viewer-scoped .my-1 { + margin-bottom: 0.25rem !important; +} +.react-series-data-viewer-scoped .ml-1, +.react-series-data-viewer-scoped .mx-1 { + margin-left: 0.25rem !important; +} +.react-series-data-viewer-scoped .m-2 { + margin: 0.5rem !important; +} +.react-series-data-viewer-scoped .mt-2, +.react-series-data-viewer-scoped .my-2 { + margin-top: 0.5rem !important; +} +.react-series-data-viewer-scoped .mr-2, +.react-series-data-viewer-scoped .mx-2 { + margin-right: 0.5rem !important; +} +.react-series-data-viewer-scoped .mb-2, +.react-series-data-viewer-scoped .my-2 { + margin-bottom: 0.5rem !important; +} +.react-series-data-viewer-scoped .ml-2, +.react-series-data-viewer-scoped .mx-2 { + margin-left: 0.5rem !important; +} +.react-series-data-viewer-scoped .m-3 { + margin: 1rem !important; +} +.react-series-data-viewer-scoped .mt-3, +.react-series-data-viewer-scoped .my-3 { + margin-top: 1rem !important; +} +.react-series-data-viewer-scoped .mr-3, +.react-series-data-viewer-scoped .mx-3 { + margin-right: 1rem !important; +} +.react-series-data-viewer-scoped .mb-3, +.react-series-data-viewer-scoped .my-3 { + margin-bottom: 1rem !important; +} +.react-series-data-viewer-scoped .ml-3, +.react-series-data-viewer-scoped .mx-3 { + margin-left: 1rem !important; +} +.react-series-data-viewer-scoped .m-4 { + margin: 1.5rem !important; +} +.react-series-data-viewer-scoped .mt-4, +.react-series-data-viewer-scoped .my-4 { + margin-top: 1.5rem !important; +} +.react-series-data-viewer-scoped .mr-4, +.react-series-data-viewer-scoped .mx-4 { + margin-right: 1.5rem !important; +} +.react-series-data-viewer-scoped .mb-4, +.react-series-data-viewer-scoped .my-4 { + margin-bottom: 1.5rem !important; +} +.react-series-data-viewer-scoped .ml-4, +.react-series-data-viewer-scoped .mx-4 { + margin-left: 1.5rem !important; +} +.react-series-data-viewer-scoped .m-5 { + margin: 3rem !important; +} +.react-series-data-viewer-scoped .mt-5, +.react-series-data-viewer-scoped .my-5 { + margin-top: 3rem !important; +} +.react-series-data-viewer-scoped .mr-5, +.react-series-data-viewer-scoped .mx-5 { + margin-right: 3rem !important; +} +.react-series-data-viewer-scoped .mb-5, +.react-series-data-viewer-scoped .my-5 { + margin-bottom: 3rem !important; +} +.react-series-data-viewer-scoped .ml-5, +.react-series-data-viewer-scoped .mx-5 { + margin-left: 3rem !important; +} +.react-series-data-viewer-scoped .p-0 { + padding: 0 !important; +} +.react-series-data-viewer-scoped .pt-0, +.react-series-data-viewer-scoped .py-0 { + padding-top: 0 !important; +} +.react-series-data-viewer-scoped .pr-0, +.react-series-data-viewer-scoped .px-0 { + padding-right: 0 !important; +} +.react-series-data-viewer-scoped .pb-0, +.react-series-data-viewer-scoped .py-0 { + padding-bottom: 0 !important; +} +.react-series-data-viewer-scoped .pl-0, +.react-series-data-viewer-scoped .px-0 { + padding-left: 0 !important; +} +.react-series-data-viewer-scoped .p-1 { + padding: 0.25rem !important; +} +.react-series-data-viewer-scoped .pt-1, +.react-series-data-viewer-scoped .py-1 { + padding-top: 0.25rem !important; +} +.react-series-data-viewer-scoped .pr-1, +.react-series-data-viewer-scoped .px-1 { + padding-right: 0.25rem !important; +} +.react-series-data-viewer-scoped .pb-1, +.react-series-data-viewer-scoped .py-1 { + padding-bottom: 0.25rem !important; +} +.react-series-data-viewer-scoped .pl-1, +.react-series-data-viewer-scoped .px-1 { + padding-left: 0.25rem !important; +} +.react-series-data-viewer-scoped .p-2 { + padding: 0.5rem !important; +} +.react-series-data-viewer-scoped .pt-2, +.react-series-data-viewer-scoped .py-2 { + padding-top: 0.5rem !important; +} +.react-series-data-viewer-scoped .pr-2, +.react-series-data-viewer-scoped .px-2 { + padding-right: 0.5rem !important; +} +.react-series-data-viewer-scoped .pb-2, +.react-series-data-viewer-scoped .py-2 { + padding-bottom: 0.5rem !important; +} +.react-series-data-viewer-scoped .pl-2, +.react-series-data-viewer-scoped .px-2 { + padding-left: 0.5rem !important; +} +.react-series-data-viewer-scoped .p-3 { + padding: 1rem !important; +} +.react-series-data-viewer-scoped .pt-3, +.react-series-data-viewer-scoped .py-3 { + padding-top: 1rem !important; +} +.react-series-data-viewer-scoped .pr-3, +.react-series-data-viewer-scoped .px-3 { + padding-right: 1rem !important; +} +.react-series-data-viewer-scoped .pb-3, +.react-series-data-viewer-scoped .py-3 { + padding-bottom: 1rem !important; +} +.react-series-data-viewer-scoped .pl-3, +.react-series-data-viewer-scoped .px-3 { + padding-left: 1rem !important; +} +.react-series-data-viewer-scoped .p-4 { + padding: 1.5rem !important; +} +.react-series-data-viewer-scoped .pt-4, +.react-series-data-viewer-scoped .py-4 { + padding-top: 1.5rem !important; +} +.react-series-data-viewer-scoped .pr-4, +.react-series-data-viewer-scoped .px-4 { + padding-right: 1.5rem !important; +} +.react-series-data-viewer-scoped .pb-4, +.react-series-data-viewer-scoped .py-4 { + padding-bottom: 1.5rem !important; +} +.react-series-data-viewer-scoped .pl-4, +.react-series-data-viewer-scoped .px-4 { + padding-left: 1.5rem !important; +} +.react-series-data-viewer-scoped .p-5 { + padding: 3rem !important; +} +.react-series-data-viewer-scoped .pt-5, +.react-series-data-viewer-scoped .py-5 { + padding-top: 3rem !important; +} +.react-series-data-viewer-scoped .pr-5, +.react-series-data-viewer-scoped .px-5 { + padding-right: 3rem !important; +} +.react-series-data-viewer-scoped .pb-5, +.react-series-data-viewer-scoped .py-5 { + padding-bottom: 3rem !important; +} +.react-series-data-viewer-scoped .pl-5, +.react-series-data-viewer-scoped .px-5 { + padding-left: 3rem !important; +} +.react-series-data-viewer-scoped .m-auto { + margin: auto !important; +} +.react-series-data-viewer-scoped .mt-auto, +.react-series-data-viewer-scoped .my-auto { + margin-top: auto !important; +} +.react-series-data-viewer-scoped .mr-auto, +.react-series-data-viewer-scoped .mx-auto { + margin-right: auto !important; +} +.react-series-data-viewer-scoped .mb-auto, +.react-series-data-viewer-scoped .my-auto { + margin-bottom: auto !important; +} +.react-series-data-viewer-scoped .ml-auto, +.react-series-data-viewer-scoped .mx-auto { + margin-left: auto !important; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .m-sm-0 { + margin: 0 !important; + } + .react-series-data-viewer-scoped .mt-sm-0, +.react-series-data-viewer-scoped .my-sm-0 { + margin-top: 0 !important; + } + .react-series-data-viewer-scoped .mr-sm-0, +.react-series-data-viewer-scoped .mx-sm-0 { + margin-right: 0 !important; + } + .react-series-data-viewer-scoped .mb-sm-0, +.react-series-data-viewer-scoped .my-sm-0 { + margin-bottom: 0 !important; + } + .react-series-data-viewer-scoped .ml-sm-0, +.react-series-data-viewer-scoped .mx-sm-0 { + margin-left: 0 !important; + } + .react-series-data-viewer-scoped .m-sm-1 { + margin: 0.25rem !important; + } + .react-series-data-viewer-scoped .mt-sm-1, +.react-series-data-viewer-scoped .my-sm-1 { + margin-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .mr-sm-1, +.react-series-data-viewer-scoped .mx-sm-1 { + margin-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .mb-sm-1, +.react-series-data-viewer-scoped .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .ml-sm-1, +.react-series-data-viewer-scoped .mx-sm-1 { + margin-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .m-sm-2 { + margin: 0.5rem !important; + } + .react-series-data-viewer-scoped .mt-sm-2, +.react-series-data-viewer-scoped .my-sm-2 { + margin-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .mr-sm-2, +.react-series-data-viewer-scoped .mx-sm-2 { + margin-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .mb-sm-2, +.react-series-data-viewer-scoped .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .ml-sm-2, +.react-series-data-viewer-scoped .mx-sm-2 { + margin-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .m-sm-3 { + margin: 1rem !important; + } + .react-series-data-viewer-scoped .mt-sm-3, +.react-series-data-viewer-scoped .my-sm-3 { + margin-top: 1rem !important; + } + .react-series-data-viewer-scoped .mr-sm-3, +.react-series-data-viewer-scoped .mx-sm-3 { + margin-right: 1rem !important; + } + .react-series-data-viewer-scoped .mb-sm-3, +.react-series-data-viewer-scoped .my-sm-3 { + margin-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .ml-sm-3, +.react-series-data-viewer-scoped .mx-sm-3 { + margin-left: 1rem !important; + } + .react-series-data-viewer-scoped .m-sm-4 { + margin: 1.5rem !important; + } + .react-series-data-viewer-scoped .mt-sm-4, +.react-series-data-viewer-scoped .my-sm-4 { + margin-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .mr-sm-4, +.react-series-data-viewer-scoped .mx-sm-4 { + margin-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .mb-sm-4, +.react-series-data-viewer-scoped .my-sm-4 { + margin-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .ml-sm-4, +.react-series-data-viewer-scoped .mx-sm-4 { + margin-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .m-sm-5 { + margin: 3rem !important; + } + .react-series-data-viewer-scoped .mt-sm-5, +.react-series-data-viewer-scoped .my-sm-5 { + margin-top: 3rem !important; + } + .react-series-data-viewer-scoped .mr-sm-5, +.react-series-data-viewer-scoped .mx-sm-5 { + margin-right: 3rem !important; + } + .react-series-data-viewer-scoped .mb-sm-5, +.react-series-data-viewer-scoped .my-sm-5 { + margin-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .ml-sm-5, +.react-series-data-viewer-scoped .mx-sm-5 { + margin-left: 3rem !important; + } + .react-series-data-viewer-scoped .p-sm-0 { + padding: 0 !important; + } + .react-series-data-viewer-scoped .pt-sm-0, +.react-series-data-viewer-scoped .py-sm-0 { + padding-top: 0 !important; + } + .react-series-data-viewer-scoped .pr-sm-0, +.react-series-data-viewer-scoped .px-sm-0 { + padding-right: 0 !important; + } + .react-series-data-viewer-scoped .pb-sm-0, +.react-series-data-viewer-scoped .py-sm-0 { + padding-bottom: 0 !important; + } + .react-series-data-viewer-scoped .pl-sm-0, +.react-series-data-viewer-scoped .px-sm-0 { + padding-left: 0 !important; + } + .react-series-data-viewer-scoped .p-sm-1 { + padding: 0.25rem !important; + } + .react-series-data-viewer-scoped .pt-sm-1, +.react-series-data-viewer-scoped .py-sm-1 { + padding-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .pr-sm-1, +.react-series-data-viewer-scoped .px-sm-1 { + padding-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .pb-sm-1, +.react-series-data-viewer-scoped .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .pl-sm-1, +.react-series-data-viewer-scoped .px-sm-1 { + padding-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .p-sm-2 { + padding: 0.5rem !important; + } + .react-series-data-viewer-scoped .pt-sm-2, +.react-series-data-viewer-scoped .py-sm-2 { + padding-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .pr-sm-2, +.react-series-data-viewer-scoped .px-sm-2 { + padding-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .pb-sm-2, +.react-series-data-viewer-scoped .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .pl-sm-2, +.react-series-data-viewer-scoped .px-sm-2 { + padding-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .p-sm-3 { + padding: 1rem !important; + } + .react-series-data-viewer-scoped .pt-sm-3, +.react-series-data-viewer-scoped .py-sm-3 { + padding-top: 1rem !important; + } + .react-series-data-viewer-scoped .pr-sm-3, +.react-series-data-viewer-scoped .px-sm-3 { + padding-right: 1rem !important; + } + .react-series-data-viewer-scoped .pb-sm-3, +.react-series-data-viewer-scoped .py-sm-3 { + padding-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .pl-sm-3, +.react-series-data-viewer-scoped .px-sm-3 { + padding-left: 1rem !important; + } + .react-series-data-viewer-scoped .p-sm-4 { + padding: 1.5rem !important; + } + .react-series-data-viewer-scoped .pt-sm-4, +.react-series-data-viewer-scoped .py-sm-4 { + padding-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .pr-sm-4, +.react-series-data-viewer-scoped .px-sm-4 { + padding-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .pb-sm-4, +.react-series-data-viewer-scoped .py-sm-4 { + padding-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .pl-sm-4, +.react-series-data-viewer-scoped .px-sm-4 { + padding-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .p-sm-5 { + padding: 3rem !important; + } + .react-series-data-viewer-scoped .pt-sm-5, +.react-series-data-viewer-scoped .py-sm-5 { + padding-top: 3rem !important; + } + .react-series-data-viewer-scoped .pr-sm-5, +.react-series-data-viewer-scoped .px-sm-5 { + padding-right: 3rem !important; + } + .react-series-data-viewer-scoped .pb-sm-5, +.react-series-data-viewer-scoped .py-sm-5 { + padding-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .pl-sm-5, +.react-series-data-viewer-scoped .px-sm-5 { + padding-left: 3rem !important; + } + .react-series-data-viewer-scoped .m-sm-auto { + margin: auto !important; + } + .react-series-data-viewer-scoped .mt-sm-auto, +.react-series-data-viewer-scoped .my-sm-auto { + margin-top: auto !important; + } + .react-series-data-viewer-scoped .mr-sm-auto, +.react-series-data-viewer-scoped .mx-sm-auto { + margin-right: auto !important; + } + .react-series-data-viewer-scoped .mb-sm-auto, +.react-series-data-viewer-scoped .my-sm-auto { + margin-bottom: auto !important; + } + .react-series-data-viewer-scoped .ml-sm-auto, +.react-series-data-viewer-scoped .mx-sm-auto { + margin-left: auto !important; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .m-md-0 { + margin: 0 !important; + } + .react-series-data-viewer-scoped .mt-md-0, +.react-series-data-viewer-scoped .my-md-0 { + margin-top: 0 !important; + } + .react-series-data-viewer-scoped .mr-md-0, +.react-series-data-viewer-scoped .mx-md-0 { + margin-right: 0 !important; + } + .react-series-data-viewer-scoped .mb-md-0, +.react-series-data-viewer-scoped .my-md-0 { + margin-bottom: 0 !important; + } + .react-series-data-viewer-scoped .ml-md-0, +.react-series-data-viewer-scoped .mx-md-0 { + margin-left: 0 !important; + } + .react-series-data-viewer-scoped .m-md-1 { + margin: 0.25rem !important; + } + .react-series-data-viewer-scoped .mt-md-1, +.react-series-data-viewer-scoped .my-md-1 { + margin-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .mr-md-1, +.react-series-data-viewer-scoped .mx-md-1 { + margin-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .mb-md-1, +.react-series-data-viewer-scoped .my-md-1 { + margin-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .ml-md-1, +.react-series-data-viewer-scoped .mx-md-1 { + margin-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .m-md-2 { + margin: 0.5rem !important; + } + .react-series-data-viewer-scoped .mt-md-2, +.react-series-data-viewer-scoped .my-md-2 { + margin-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .mr-md-2, +.react-series-data-viewer-scoped .mx-md-2 { + margin-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .mb-md-2, +.react-series-data-viewer-scoped .my-md-2 { + margin-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .ml-md-2, +.react-series-data-viewer-scoped .mx-md-2 { + margin-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .m-md-3 { + margin: 1rem !important; + } + .react-series-data-viewer-scoped .mt-md-3, +.react-series-data-viewer-scoped .my-md-3 { + margin-top: 1rem !important; + } + .react-series-data-viewer-scoped .mr-md-3, +.react-series-data-viewer-scoped .mx-md-3 { + margin-right: 1rem !important; + } + .react-series-data-viewer-scoped .mb-md-3, +.react-series-data-viewer-scoped .my-md-3 { + margin-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .ml-md-3, +.react-series-data-viewer-scoped .mx-md-3 { + margin-left: 1rem !important; + } + .react-series-data-viewer-scoped .m-md-4 { + margin: 1.5rem !important; + } + .react-series-data-viewer-scoped .mt-md-4, +.react-series-data-viewer-scoped .my-md-4 { + margin-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .mr-md-4, +.react-series-data-viewer-scoped .mx-md-4 { + margin-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .mb-md-4, +.react-series-data-viewer-scoped .my-md-4 { + margin-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .ml-md-4, +.react-series-data-viewer-scoped .mx-md-4 { + margin-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .m-md-5 { + margin: 3rem !important; + } + .react-series-data-viewer-scoped .mt-md-5, +.react-series-data-viewer-scoped .my-md-5 { + margin-top: 3rem !important; + } + .react-series-data-viewer-scoped .mr-md-5, +.react-series-data-viewer-scoped .mx-md-5 { + margin-right: 3rem !important; + } + .react-series-data-viewer-scoped .mb-md-5, +.react-series-data-viewer-scoped .my-md-5 { + margin-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .ml-md-5, +.react-series-data-viewer-scoped .mx-md-5 { + margin-left: 3rem !important; + } + .react-series-data-viewer-scoped .p-md-0 { + padding: 0 !important; + } + .react-series-data-viewer-scoped .pt-md-0, +.react-series-data-viewer-scoped .py-md-0 { + padding-top: 0 !important; + } + .react-series-data-viewer-scoped .pr-md-0, +.react-series-data-viewer-scoped .px-md-0 { + padding-right: 0 !important; + } + .react-series-data-viewer-scoped .pb-md-0, +.react-series-data-viewer-scoped .py-md-0 { + padding-bottom: 0 !important; + } + .react-series-data-viewer-scoped .pl-md-0, +.react-series-data-viewer-scoped .px-md-0 { + padding-left: 0 !important; + } + .react-series-data-viewer-scoped .p-md-1 { + padding: 0.25rem !important; + } + .react-series-data-viewer-scoped .pt-md-1, +.react-series-data-viewer-scoped .py-md-1 { + padding-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .pr-md-1, +.react-series-data-viewer-scoped .px-md-1 { + padding-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .pb-md-1, +.react-series-data-viewer-scoped .py-md-1 { + padding-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .pl-md-1, +.react-series-data-viewer-scoped .px-md-1 { + padding-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .p-md-2 { + padding: 0.5rem !important; + } + .react-series-data-viewer-scoped .pt-md-2, +.react-series-data-viewer-scoped .py-md-2 { + padding-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .pr-md-2, +.react-series-data-viewer-scoped .px-md-2 { + padding-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .pb-md-2, +.react-series-data-viewer-scoped .py-md-2 { + padding-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .pl-md-2, +.react-series-data-viewer-scoped .px-md-2 { + padding-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .p-md-3 { + padding: 1rem !important; + } + .react-series-data-viewer-scoped .pt-md-3, +.react-series-data-viewer-scoped .py-md-3 { + padding-top: 1rem !important; + } + .react-series-data-viewer-scoped .pr-md-3, +.react-series-data-viewer-scoped .px-md-3 { + padding-right: 1rem !important; + } + .react-series-data-viewer-scoped .pb-md-3, +.react-series-data-viewer-scoped .py-md-3 { + padding-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .pl-md-3, +.react-series-data-viewer-scoped .px-md-3 { + padding-left: 1rem !important; + } + .react-series-data-viewer-scoped .p-md-4 { + padding: 1.5rem !important; + } + .react-series-data-viewer-scoped .pt-md-4, +.react-series-data-viewer-scoped .py-md-4 { + padding-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .pr-md-4, +.react-series-data-viewer-scoped .px-md-4 { + padding-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .pb-md-4, +.react-series-data-viewer-scoped .py-md-4 { + padding-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .pl-md-4, +.react-series-data-viewer-scoped .px-md-4 { + padding-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .p-md-5 { + padding: 3rem !important; + } + .react-series-data-viewer-scoped .pt-md-5, +.react-series-data-viewer-scoped .py-md-5 { + padding-top: 3rem !important; + } + .react-series-data-viewer-scoped .pr-md-5, +.react-series-data-viewer-scoped .px-md-5 { + padding-right: 3rem !important; + } + .react-series-data-viewer-scoped .pb-md-5, +.react-series-data-viewer-scoped .py-md-5 { + padding-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .pl-md-5, +.react-series-data-viewer-scoped .px-md-5 { + padding-left: 3rem !important; + } + .react-series-data-viewer-scoped .m-md-auto { + margin: auto !important; + } + .react-series-data-viewer-scoped .mt-md-auto, +.react-series-data-viewer-scoped .my-md-auto { + margin-top: auto !important; + } + .react-series-data-viewer-scoped .mr-md-auto, +.react-series-data-viewer-scoped .mx-md-auto { + margin-right: auto !important; + } + .react-series-data-viewer-scoped .mb-md-auto, +.react-series-data-viewer-scoped .my-md-auto { + margin-bottom: auto !important; + } + .react-series-data-viewer-scoped .ml-md-auto, +.react-series-data-viewer-scoped .mx-md-auto { + margin-left: auto !important; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .m-lg-0 { + margin: 0 !important; + } + .react-series-data-viewer-scoped .mt-lg-0, +.react-series-data-viewer-scoped .my-lg-0 { + margin-top: 0 !important; + } + .react-series-data-viewer-scoped .mr-lg-0, +.react-series-data-viewer-scoped .mx-lg-0 { + margin-right: 0 !important; + } + .react-series-data-viewer-scoped .mb-lg-0, +.react-series-data-viewer-scoped .my-lg-0 { + margin-bottom: 0 !important; + } + .react-series-data-viewer-scoped .ml-lg-0, +.react-series-data-viewer-scoped .mx-lg-0 { + margin-left: 0 !important; + } + .react-series-data-viewer-scoped .m-lg-1 { + margin: 0.25rem !important; + } + .react-series-data-viewer-scoped .mt-lg-1, +.react-series-data-viewer-scoped .my-lg-1 { + margin-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .mr-lg-1, +.react-series-data-viewer-scoped .mx-lg-1 { + margin-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .mb-lg-1, +.react-series-data-viewer-scoped .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .ml-lg-1, +.react-series-data-viewer-scoped .mx-lg-1 { + margin-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .m-lg-2 { + margin: 0.5rem !important; + } + .react-series-data-viewer-scoped .mt-lg-2, +.react-series-data-viewer-scoped .my-lg-2 { + margin-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .mr-lg-2, +.react-series-data-viewer-scoped .mx-lg-2 { + margin-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .mb-lg-2, +.react-series-data-viewer-scoped .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .ml-lg-2, +.react-series-data-viewer-scoped .mx-lg-2 { + margin-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .m-lg-3 { + margin: 1rem !important; + } + .react-series-data-viewer-scoped .mt-lg-3, +.react-series-data-viewer-scoped .my-lg-3 { + margin-top: 1rem !important; + } + .react-series-data-viewer-scoped .mr-lg-3, +.react-series-data-viewer-scoped .mx-lg-3 { + margin-right: 1rem !important; + } + .react-series-data-viewer-scoped .mb-lg-3, +.react-series-data-viewer-scoped .my-lg-3 { + margin-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .ml-lg-3, +.react-series-data-viewer-scoped .mx-lg-3 { + margin-left: 1rem !important; + } + .react-series-data-viewer-scoped .m-lg-4 { + margin: 1.5rem !important; + } + .react-series-data-viewer-scoped .mt-lg-4, +.react-series-data-viewer-scoped .my-lg-4 { + margin-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .mr-lg-4, +.react-series-data-viewer-scoped .mx-lg-4 { + margin-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .mb-lg-4, +.react-series-data-viewer-scoped .my-lg-4 { + margin-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .ml-lg-4, +.react-series-data-viewer-scoped .mx-lg-4 { + margin-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .m-lg-5 { + margin: 3rem !important; + } + .react-series-data-viewer-scoped .mt-lg-5, +.react-series-data-viewer-scoped .my-lg-5 { + margin-top: 3rem !important; + } + .react-series-data-viewer-scoped .mr-lg-5, +.react-series-data-viewer-scoped .mx-lg-5 { + margin-right: 3rem !important; + } + .react-series-data-viewer-scoped .mb-lg-5, +.react-series-data-viewer-scoped .my-lg-5 { + margin-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .ml-lg-5, +.react-series-data-viewer-scoped .mx-lg-5 { + margin-left: 3rem !important; + } + .react-series-data-viewer-scoped .p-lg-0 { + padding: 0 !important; + } + .react-series-data-viewer-scoped .pt-lg-0, +.react-series-data-viewer-scoped .py-lg-0 { + padding-top: 0 !important; + } + .react-series-data-viewer-scoped .pr-lg-0, +.react-series-data-viewer-scoped .px-lg-0 { + padding-right: 0 !important; + } + .react-series-data-viewer-scoped .pb-lg-0, +.react-series-data-viewer-scoped .py-lg-0 { + padding-bottom: 0 !important; + } + .react-series-data-viewer-scoped .pl-lg-0, +.react-series-data-viewer-scoped .px-lg-0 { + padding-left: 0 !important; + } + .react-series-data-viewer-scoped .p-lg-1 { + padding: 0.25rem !important; + } + .react-series-data-viewer-scoped .pt-lg-1, +.react-series-data-viewer-scoped .py-lg-1 { + padding-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .pr-lg-1, +.react-series-data-viewer-scoped .px-lg-1 { + padding-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .pb-lg-1, +.react-series-data-viewer-scoped .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .pl-lg-1, +.react-series-data-viewer-scoped .px-lg-1 { + padding-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .p-lg-2 { + padding: 0.5rem !important; + } + .react-series-data-viewer-scoped .pt-lg-2, +.react-series-data-viewer-scoped .py-lg-2 { + padding-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .pr-lg-2, +.react-series-data-viewer-scoped .px-lg-2 { + padding-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .pb-lg-2, +.react-series-data-viewer-scoped .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .pl-lg-2, +.react-series-data-viewer-scoped .px-lg-2 { + padding-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .p-lg-3 { + padding: 1rem !important; + } + .react-series-data-viewer-scoped .pt-lg-3, +.react-series-data-viewer-scoped .py-lg-3 { + padding-top: 1rem !important; + } + .react-series-data-viewer-scoped .pr-lg-3, +.react-series-data-viewer-scoped .px-lg-3 { + padding-right: 1rem !important; + } + .react-series-data-viewer-scoped .pb-lg-3, +.react-series-data-viewer-scoped .py-lg-3 { + padding-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .pl-lg-3, +.react-series-data-viewer-scoped .px-lg-3 { + padding-left: 1rem !important; + } + .react-series-data-viewer-scoped .p-lg-4 { + padding: 1.5rem !important; + } + .react-series-data-viewer-scoped .pt-lg-4, +.react-series-data-viewer-scoped .py-lg-4 { + padding-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .pr-lg-4, +.react-series-data-viewer-scoped .px-lg-4 { + padding-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .pb-lg-4, +.react-series-data-viewer-scoped .py-lg-4 { + padding-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .pl-lg-4, +.react-series-data-viewer-scoped .px-lg-4 { + padding-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .p-lg-5 { + padding: 3rem !important; + } + .react-series-data-viewer-scoped .pt-lg-5, +.react-series-data-viewer-scoped .py-lg-5 { + padding-top: 3rem !important; + } + .react-series-data-viewer-scoped .pr-lg-5, +.react-series-data-viewer-scoped .px-lg-5 { + padding-right: 3rem !important; + } + .react-series-data-viewer-scoped .pb-lg-5, +.react-series-data-viewer-scoped .py-lg-5 { + padding-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .pl-lg-5, +.react-series-data-viewer-scoped .px-lg-5 { + padding-left: 3rem !important; + } + .react-series-data-viewer-scoped .m-lg-auto { + margin: auto !important; + } + .react-series-data-viewer-scoped .mt-lg-auto, +.react-series-data-viewer-scoped .my-lg-auto { + margin-top: auto !important; + } + .react-series-data-viewer-scoped .mr-lg-auto, +.react-series-data-viewer-scoped .mx-lg-auto { + margin-right: auto !important; + } + .react-series-data-viewer-scoped .mb-lg-auto, +.react-series-data-viewer-scoped .my-lg-auto { + margin-bottom: auto !important; + } + .react-series-data-viewer-scoped .ml-lg-auto, +.react-series-data-viewer-scoped .mx-lg-auto { + margin-left: auto !important; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .m-xl-0 { + margin: 0 !important; + } + .react-series-data-viewer-scoped .mt-xl-0, +.react-series-data-viewer-scoped .my-xl-0 { + margin-top: 0 !important; + } + .react-series-data-viewer-scoped .mr-xl-0, +.react-series-data-viewer-scoped .mx-xl-0 { + margin-right: 0 !important; + } + .react-series-data-viewer-scoped .mb-xl-0, +.react-series-data-viewer-scoped .my-xl-0 { + margin-bottom: 0 !important; + } + .react-series-data-viewer-scoped .ml-xl-0, +.react-series-data-viewer-scoped .mx-xl-0 { + margin-left: 0 !important; + } + .react-series-data-viewer-scoped .m-xl-1 { + margin: 0.25rem !important; + } + .react-series-data-viewer-scoped .mt-xl-1, +.react-series-data-viewer-scoped .my-xl-1 { + margin-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .mr-xl-1, +.react-series-data-viewer-scoped .mx-xl-1 { + margin-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .mb-xl-1, +.react-series-data-viewer-scoped .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .ml-xl-1, +.react-series-data-viewer-scoped .mx-xl-1 { + margin-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .m-xl-2 { + margin: 0.5rem !important; + } + .react-series-data-viewer-scoped .mt-xl-2, +.react-series-data-viewer-scoped .my-xl-2 { + margin-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .mr-xl-2, +.react-series-data-viewer-scoped .mx-xl-2 { + margin-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .mb-xl-2, +.react-series-data-viewer-scoped .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .ml-xl-2, +.react-series-data-viewer-scoped .mx-xl-2 { + margin-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .m-xl-3 { + margin: 1rem !important; + } + .react-series-data-viewer-scoped .mt-xl-3, +.react-series-data-viewer-scoped .my-xl-3 { + margin-top: 1rem !important; + } + .react-series-data-viewer-scoped .mr-xl-3, +.react-series-data-viewer-scoped .mx-xl-3 { + margin-right: 1rem !important; + } + .react-series-data-viewer-scoped .mb-xl-3, +.react-series-data-viewer-scoped .my-xl-3 { + margin-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .ml-xl-3, +.react-series-data-viewer-scoped .mx-xl-3 { + margin-left: 1rem !important; + } + .react-series-data-viewer-scoped .m-xl-4 { + margin: 1.5rem !important; + } + .react-series-data-viewer-scoped .mt-xl-4, +.react-series-data-viewer-scoped .my-xl-4 { + margin-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .mr-xl-4, +.react-series-data-viewer-scoped .mx-xl-4 { + margin-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .mb-xl-4, +.react-series-data-viewer-scoped .my-xl-4 { + margin-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .ml-xl-4, +.react-series-data-viewer-scoped .mx-xl-4 { + margin-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .m-xl-5 { + margin: 3rem !important; + } + .react-series-data-viewer-scoped .mt-xl-5, +.react-series-data-viewer-scoped .my-xl-5 { + margin-top: 3rem !important; + } + .react-series-data-viewer-scoped .mr-xl-5, +.react-series-data-viewer-scoped .mx-xl-5 { + margin-right: 3rem !important; + } + .react-series-data-viewer-scoped .mb-xl-5, +.react-series-data-viewer-scoped .my-xl-5 { + margin-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .ml-xl-5, +.react-series-data-viewer-scoped .mx-xl-5 { + margin-left: 3rem !important; + } + .react-series-data-viewer-scoped .p-xl-0 { + padding: 0 !important; + } + .react-series-data-viewer-scoped .pt-xl-0, +.react-series-data-viewer-scoped .py-xl-0 { + padding-top: 0 !important; + } + .react-series-data-viewer-scoped .pr-xl-0, +.react-series-data-viewer-scoped .px-xl-0 { + padding-right: 0 !important; + } + .react-series-data-viewer-scoped .pb-xl-0, +.react-series-data-viewer-scoped .py-xl-0 { + padding-bottom: 0 !important; + } + .react-series-data-viewer-scoped .pl-xl-0, +.react-series-data-viewer-scoped .px-xl-0 { + padding-left: 0 !important; + } + .react-series-data-viewer-scoped .p-xl-1 { + padding: 0.25rem !important; + } + .react-series-data-viewer-scoped .pt-xl-1, +.react-series-data-viewer-scoped .py-xl-1 { + padding-top: 0.25rem !important; + } + .react-series-data-viewer-scoped .pr-xl-1, +.react-series-data-viewer-scoped .px-xl-1 { + padding-right: 0.25rem !important; + } + .react-series-data-viewer-scoped .pb-xl-1, +.react-series-data-viewer-scoped .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .react-series-data-viewer-scoped .pl-xl-1, +.react-series-data-viewer-scoped .px-xl-1 { + padding-left: 0.25rem !important; + } + .react-series-data-viewer-scoped .p-xl-2 { + padding: 0.5rem !important; + } + .react-series-data-viewer-scoped .pt-xl-2, +.react-series-data-viewer-scoped .py-xl-2 { + padding-top: 0.5rem !important; + } + .react-series-data-viewer-scoped .pr-xl-2, +.react-series-data-viewer-scoped .px-xl-2 { + padding-right: 0.5rem !important; + } + .react-series-data-viewer-scoped .pb-xl-2, +.react-series-data-viewer-scoped .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .react-series-data-viewer-scoped .pl-xl-2, +.react-series-data-viewer-scoped .px-xl-2 { + padding-left: 0.5rem !important; + } + .react-series-data-viewer-scoped .p-xl-3 { + padding: 1rem !important; + } + .react-series-data-viewer-scoped .pt-xl-3, +.react-series-data-viewer-scoped .py-xl-3 { + padding-top: 1rem !important; + } + .react-series-data-viewer-scoped .pr-xl-3, +.react-series-data-viewer-scoped .px-xl-3 { + padding-right: 1rem !important; + } + .react-series-data-viewer-scoped .pb-xl-3, +.react-series-data-viewer-scoped .py-xl-3 { + padding-bottom: 1rem !important; + } + .react-series-data-viewer-scoped .pl-xl-3, +.react-series-data-viewer-scoped .px-xl-3 { + padding-left: 1rem !important; + } + .react-series-data-viewer-scoped .p-xl-4 { + padding: 1.5rem !important; + } + .react-series-data-viewer-scoped .pt-xl-4, +.react-series-data-viewer-scoped .py-xl-4 { + padding-top: 1.5rem !important; + } + .react-series-data-viewer-scoped .pr-xl-4, +.react-series-data-viewer-scoped .px-xl-4 { + padding-right: 1.5rem !important; + } + .react-series-data-viewer-scoped .pb-xl-4, +.react-series-data-viewer-scoped .py-xl-4 { + padding-bottom: 1.5rem !important; + } + .react-series-data-viewer-scoped .pl-xl-4, +.react-series-data-viewer-scoped .px-xl-4 { + padding-left: 1.5rem !important; + } + .react-series-data-viewer-scoped .p-xl-5 { + padding: 3rem !important; + } + .react-series-data-viewer-scoped .pt-xl-5, +.react-series-data-viewer-scoped .py-xl-5 { + padding-top: 3rem !important; + } + .react-series-data-viewer-scoped .pr-xl-5, +.react-series-data-viewer-scoped .px-xl-5 { + padding-right: 3rem !important; + } + .react-series-data-viewer-scoped .pb-xl-5, +.react-series-data-viewer-scoped .py-xl-5 { + padding-bottom: 3rem !important; + } + .react-series-data-viewer-scoped .pl-xl-5, +.react-series-data-viewer-scoped .px-xl-5 { + padding-left: 3rem !important; + } + .react-series-data-viewer-scoped .m-xl-auto { + margin: auto !important; + } + .react-series-data-viewer-scoped .mt-xl-auto, +.react-series-data-viewer-scoped .my-xl-auto { + margin-top: auto !important; + } + .react-series-data-viewer-scoped .mr-xl-auto, +.react-series-data-viewer-scoped .mx-xl-auto { + margin-right: auto !important; + } + .react-series-data-viewer-scoped .mb-xl-auto, +.react-series-data-viewer-scoped .my-xl-auto { + margin-bottom: auto !important; + } + .react-series-data-viewer-scoped .ml-xl-auto, +.react-series-data-viewer-scoped .mx-xl-auto { + margin-left: auto !important; + } +} +.react-series-data-viewer-scoped .text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} +.react-series-data-viewer-scoped .text-justify { + text-align: justify !important; +} +.react-series-data-viewer-scoped .text-nowrap { + white-space: nowrap !important; +} +.react-series-data-viewer-scoped .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.react-series-data-viewer-scoped .text-left { + text-align: left !important; +} +.react-series-data-viewer-scoped .text-right { + text-align: right !important; +} +.react-series-data-viewer-scoped .text-center { + text-align: center !important; +} +@media (min-width: 576px) { + .react-series-data-viewer-scoped .text-sm-left { + text-align: left !important; + } + .react-series-data-viewer-scoped .text-sm-right { + text-align: right !important; + } + .react-series-data-viewer-scoped .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .react-series-data-viewer-scoped .text-md-left { + text-align: left !important; + } + .react-series-data-viewer-scoped .text-md-right { + text-align: right !important; + } + .react-series-data-viewer-scoped .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .react-series-data-viewer-scoped .text-lg-left { + text-align: left !important; + } + .react-series-data-viewer-scoped .text-lg-right { + text-align: right !important; + } + .react-series-data-viewer-scoped .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .react-series-data-viewer-scoped .text-xl-left { + text-align: left !important; + } + .react-series-data-viewer-scoped .text-xl-right { + text-align: right !important; + } + .react-series-data-viewer-scoped .text-xl-center { + text-align: center !important; + } +} +.react-series-data-viewer-scoped .text-lowercase { + text-transform: lowercase !important; +} +.react-series-data-viewer-scoped .text-uppercase { + text-transform: uppercase !important; +} +.react-series-data-viewer-scoped .text-capitalize { + text-transform: capitalize !important; +} +.react-series-data-viewer-scoped .font-weight-light { + font-weight: 300 !important; +} +.react-series-data-viewer-scoped .font-weight-normal { + font-weight: 400 !important; +} +.react-series-data-viewer-scoped .font-weight-bold { + font-weight: 700 !important; +} +.react-series-data-viewer-scoped .font-italic { + font-style: italic !important; +} +.react-series-data-viewer-scoped .text-white { + color: #fff !important; +} +.react-series-data-viewer-scoped .text-primary { + color: #007bff !important; +} +.react-series-data-viewer-scoped a.text-primary:hover, .react-series-data-viewer-scoped a.text-primary:focus { + color: #0062cc !important; +} +.react-series-data-viewer-scoped .text-secondary { + color: #6c757d !important; +} +.react-series-data-viewer-scoped a.text-secondary:hover, .react-series-data-viewer-scoped a.text-secondary:focus { + color: #545b62 !important; +} +.react-series-data-viewer-scoped .text-success { + color: #28a745 !important; +} +.react-series-data-viewer-scoped a.text-success:hover, .react-series-data-viewer-scoped a.text-success:focus { + color: #1e7e34 !important; +} +.react-series-data-viewer-scoped .text-info { + color: #17a2b8 !important; +} +.react-series-data-viewer-scoped a.text-info:hover, .react-series-data-viewer-scoped a.text-info:focus { + color: #117a8b !important; +} +.react-series-data-viewer-scoped .text-warning { + color: #ffc107 !important; +} +.react-series-data-viewer-scoped a.text-warning:hover, .react-series-data-viewer-scoped a.text-warning:focus { + color: #d39e00 !important; +} +.react-series-data-viewer-scoped .text-danger { + color: #dc3545 !important; +} +.react-series-data-viewer-scoped a.text-danger:hover, .react-series-data-viewer-scoped a.text-danger:focus { + color: #bd2130 !important; +} +.react-series-data-viewer-scoped .text-light { + color: #f8f9fa !important; +} +.react-series-data-viewer-scoped a.text-light:hover, .react-series-data-viewer-scoped a.text-light:focus { + color: #dae0e5 !important; +} +.react-series-data-viewer-scoped .text-dark { + color: #343a40 !important; +} +.react-series-data-viewer-scoped a.text-dark:hover, .react-series-data-viewer-scoped a.text-dark:focus { + color: #1d2124 !important; +} +.react-series-data-viewer-scoped .text-body { + color: #212529 !important; +} +.react-series-data-viewer-scoped .text-muted { + color: #6c757d !important; +} +.react-series-data-viewer-scoped .text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} +.react-series-data-viewer-scoped .text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} +.react-series-data-viewer-scoped .text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.react-series-data-viewer-scoped .visible { + visibility: visible !important; +} +.react-series-data-viewer-scoped .invisible { + visibility: hidden !important; +} +svg { + user-select: none; +} +@media print { + .react-series-data-viewer-scoped *, + .react-series-data-viewer-scoped *::before, + .react-series-data-viewer-scoped *::after { + text-shadow: none !important; + box-shadow: none !important; + } + .react-series-data-viewer-scoped a:not(.btn) { + text-decoration: underline; + } + .react-series-data-viewer-scoped abbr[title]::after { + content: " (" attr(title) ")"; + } + .react-series-data-viewer-scoped pre { + white-space: pre-wrap !important; + } + .react-series-data-viewer-scoped pre, + .react-series-data-viewer-scoped blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + .react-series-data-viewer-scoped thead { + display: table-header-group; + } + .react-series-data-viewer-scoped tr, + .react-series-data-viewer-scoped img { + page-break-inside: avoid; + } + .react-series-data-viewer-scoped p, + .react-series-data-viewer-scoped h2, + .react-series-data-viewer-scoped h3 { + orphans: 3; + widows: 3; + } + .react-series-data-viewer-scoped h2, + .react-series-data-viewer-scoped h3 { + page-break-after: avoid; + } + @page { + .react-series-data-viewer-scoped { + size: a3; + } + } + .react-series-data-viewer-scoped body { + min-width: 992px !important; + } + .react-series-data-viewer-scoped .container { + min-width: 992px !important; + } + .react-series-data-viewer-scoped .navbar { + display: none; + } + .react-series-data-viewer-scoped .badge { + border: 1px solid #000; + } + .react-series-data-viewer-scoped .table { + border-collapse: collapse !important; + } + .react-series-data-viewer-scoped .table td, + .react-series-data-viewer-scoped .table th { + background-color: #fff !important; + } + .react-series-data-viewer-scoped .table-bordered th, + .react-series-data-viewer-scoped .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .react-series-data-viewer-scoped .table-dark { + color: inherit; + } + .react-series-data-viewer-scoped .table-dark th, + .react-series-data-viewer-scoped .table-dark td, + .react-series-data-viewer-scoped .table-dark thead th, + .react-series-data-viewer-scoped .table-dark tbody + tbody { + border-color: #dee2e6; + } + .react-series-data-viewer-scoped .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} + +/*# sourceMappingURL=react-series-data-viewer-scoped-styles.css.map */ + diff --git a/modules/electrophysiology_browser/jsx/components/DownloadPanel.js b/modules/electrophysiology_browser/jsx/components/DownloadPanel.js new file mode 100644 index 00000000000..3cc2a397e81 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/components/DownloadPanel.js @@ -0,0 +1,93 @@ +/** + * This file contains React component for Electrophysiology module. + */ +import React, {Component} from 'react'; +import Panel from 'Panel'; + +class DownloadPanel extends Component { + constructor(props) { + super(props); + this.state = { + data: this.props.data, + labels: { + physiological_file: 'EEG File', + physiological_electrode_file: 'Electrode Info', + physiological_channel_file: 'Channels Info', + physiological_task_event_file: 'Events', + all_files: 'All Files', + physiological_fdt_file: '', + }, + }; + } + + render() { + return ( +
+ +
+ {this.state.data.downloads + .filter((download) => + download.type != 'physiological_fdt_file' + ) + .map((download, i) => { + const disabled = (download.file === '') ? true : false; + return ( +
+
{this.state.labels[download.type]}
+ {disabled + ? Not Available + :
Download
+ } +
+ ); + }) + } +
+ +
+ ); + } +} + +export {DownloadPanel}; diff --git a/modules/electrophysiology_browser/jsx/components/Sidebar.js b/modules/electrophysiology_browser/jsx/components/Sidebar.js index 45789e64540..298385f6263 100644 --- a/modules/electrophysiology_browser/jsx/components/Sidebar.js +++ b/modules/electrophysiology_browser/jsx/components/Sidebar.js @@ -1,3 +1,7 @@ +/** + * Created by Alizée Wickenheiser on 6/25/18. + */ + import React, {Component} from 'react'; import PropTypes from 'prop-types'; @@ -22,17 +26,7 @@ const style = { }, }; -/** - * This file contains React component for the Electrophysiology module sidebar. - * - * @author Alizée Wickenheiser. - * - */ class Sidebar extends Component { - /** - * @constructor - * @param {object} props - React Component properties - */ constructor(props) { super(props); @@ -44,9 +38,6 @@ class Sidebar extends Component { this.saveSidebarRef = this.saveSidebarRef.bind(this); } - /** - * Called by React when the component has been rendered on the page. - */ componentDidMount() { this.setState({ @@ -54,17 +45,10 @@ class Sidebar extends Component { this.saveSidebarWidth(); } - /** - * Save the sidebar reference - * @param {object} node - DOM node - */ saveSidebarRef(node) { this.sidebar = node; } - /** - * Save the sidebar width - */ saveSidebarWidth() { const width = this.sidebar.offsetWidth; @@ -75,11 +59,6 @@ class Sidebar extends Component { } } - /** - * Renders the React component. - * - * @return {JSX} - React markup for the component - */ render() { const styleSidebar = {...style.sidebar, ...this.props.styles.sidebar}; const rootProps = { diff --git a/modules/electrophysiology_browser/jsx/components/SidebarContent.js b/modules/electrophysiology_browser/jsx/components/SidebarContent.js index c7c144f7912..cd022fb7648 100644 --- a/modules/electrophysiology_browser/jsx/components/SidebarContent.js +++ b/modules/electrophysiology_browser/jsx/components/SidebarContent.js @@ -8,12 +8,13 @@ const styles = { sidebar: { width: 150, height: 'calc(100vh)', - backgroundColor: '#1a487e', + background: '#E4EBF2', + border: '1px solid #C3D5DB', fontWeight: 200, fontFamily: 'Helvetica, Arial, sans-serif', }, sidebarLink: { - color: '#fff', + color: '#064785', fontSize: '16px', display: 'none', padding: '10px 0 0 30px', @@ -36,11 +37,10 @@ const SidebarContent = (props) => {
Navigation @@ -48,7 +48,7 @@ const SidebarContent = (props) => { diff --git a/modules/electrophysiology_browser/jsx/components/electrophysiology_session_panels.js b/modules/electrophysiology_browser/jsx/components/electrophysiology_session_panels.js index a8eb5337eba..3e40c225fc8 100644 --- a/modules/electrophysiology_browser/jsx/components/electrophysiology_session_panels.js +++ b/modules/electrophysiology_browser/jsx/components/electrophysiology_session_panels.js @@ -1,7 +1,3 @@ -import React, {Component} from 'react'; -import PropTypes from 'prop-types'; -import Panel from 'jsx/Panel'; - /** * This file contains React component for Electrophysiology module. * @@ -9,11 +5,12 @@ import Panel from 'jsx/Panel'; * @version 0.0.1 * */ +import React, {Component} from 'react'; +import PropTypes from 'prop-types'; +import Panel from 'jsx/Panel'; + + class FilePanel extends Component { - /** - * @constructor - * @param {object} props - React Component properties - */ constructor(props) { super(props); this.state = { @@ -21,51 +18,16 @@ class FilePanel extends Component { }; } - /** - * Called by React when the component has been rendered on the page. - */ - componentDidMount() { - let downloads = [ - 'download_eeg_file', - 'download_electrode_info', - 'download_channels_info', - 'download_events', - 'download_all_files', - 'download_fdt_file', - ]; - for (let i=0; i
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Acquisition Summary -
Sampling Frequency - {this.state.data.task.frequency.sampling} -
{this.state.data.task.channel[0].name} - {this.state.data.task.channel[0].value} -
{this.state.data.task.channel[1].name} - {this.state.data.task.channel[1].value} -
{this.state.data.task.channel[2].name} - {this.state.data.task.channel[2].value} -
{this.state.data.task.channel[3].name} - {this.state.data.task.channel[3].value} -
EEG Reference - {this.state.data.task.reference} -
Powerline Frequency - {this.state.data.task.frequency.powerline} -
-
-
-
-
All Files
- -
-
-
EEG File
- -
-
-
Electrode Info
- -
-
-
Channels Info
- -
-
-
Events
- -
-
-
FDT File
- -
-
+ {this.props.children}
-
- - -
-
-
-
- - - - - - - - - - - - + +
+
+
+
Task Description - {this.state.data.details.task.description} -
Instructions - {this.state.data.details.instructions} -
EEG Ground - {this.state.data.details.eeg.ground} -
+ + + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - + + + - - - - - - - + + + +
Summary
Sampling Frequency{this.state.data.task.frequency.sampling}
Trigger Count - {this.state.data.details.trigger_count} -
{this.state.data.task.channel[0].name}{this.state.data.task.channel[0].value}
EEG Placement Scheme - {this.state.data.details.eeg.placement_scheme} -
{this.state.data.task.channel[1].name}{this.state.data.task.channel[1].value}
Record Type - {this.state.data.details.record_type} -
{this.state.data.task.channel[2].name}{this.state.data.task.channel[2].value}
CogAtlas ID - {this.state.data.details.cog.atlas_id} -
{this.state.data.task.channel[3].name}{this.state.data.task.channel[3].value}
CogPOID - {this.state.data.details.cog.poid} -
EEG Reference{this.state.data.task.reference}
Institution Name - {this.state.data.details.institution.name} -
Institution Address - {this.state.data.details.institution.address} -
Powerline Frequency{this.state.data.task.frequency.powerline}
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Device Serial Number - {this.state.data.details.device.serial_number} -
Misc Channel Count - {this.state.data.details.misc.channel_count} -
Manufacturer - {this.state.data.details.manufacturer.name} -
Manufacturer Model Name - {this.state.data.details.manufacturer.model_name} -
Cap Manufacturer - {this.state.data.details.cap.manufacturer} -
Cap Model Name - {this.state.data.details.cap.model_name} -
Hardware Filters - {this.state.data.details.hardware_filters} -
Recording Duration - {this.state.data.details.recording_duration} -
Epoch Length - {this.state.data.details.epoch_length} -
Device Version - {this.state.data.details.device.version} -
Subject Artifact Description - {this.state.data.details.subject_artifact_description} -
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Task Description{this.state.data.details.task.description}
Instructions{this.state.data.details.instructions}
EEG Ground{this.state.data.details.eeg.ground}
Trigger Count{this.state.data.details.trigger_count}
EEG Placement Scheme{this.state.data.details.eeg.placement_scheme}
Record Type{this.state.data.details.record_type}
CogAtlas ID{this.state.data.details.cog.atlas_id}
CogPOID{this.state.data.details.cog.poid}
Institution Name{this.state.data.details.institution.name}
Institution Address{this.state.data.details.institution.address}
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Device Serial Number{this.state.data.details.device.serial_number}
Misc Channel Count{this.state.data.details.misc.channel_count}
Manufacturer{this.state.data.details.manufacturer.name}
Manufacturer Model Name{this.state.data.details.manufacturer.model_name}
Cap Manufacturer{this.state.data.details.cap.manufacturer}
Cap Model Name{this.state.data.details.cap.model_name}
Hardware Filters{this.state.data.details.hardware_filters}
Recording Duration{this.state.data.details.recording_duration}
Epoch Length{this.state.data.details.epoch_length}
Device Version{this.state.data.details.device.version}
Subject Artifact Description{this.state.data.details.subject_artifact_description}
+
+
-
-
- + +
); } @@ -543,6 +251,7 @@ FilePanel.propTypes = { title: PropTypes.string, data: PropTypes.object, }; + FilePanel.defaultProps = { id: 'file_panel', title: 'FILENAME', diff --git a/modules/electrophysiology_browser/jsx/electrophysiologyBrowserIndex.js b/modules/electrophysiology_browser/jsx/electrophysiologyBrowserIndex.js index 505b88fe0f6..105a3c9471b 100644 --- a/modules/electrophysiology_browser/jsx/electrophysiologyBrowserIndex.js +++ b/modules/electrophysiology_browser/jsx/electrophysiologyBrowserIndex.js @@ -17,10 +17,6 @@ import FilterableDataTable from 'FilterableDataTable'; * */ class ElectrophysiologyBrowserIndex extends Component { - /** - * @constructor - * @param {object} props - React Component properties - */ constructor(props) { super(props); @@ -34,9 +30,6 @@ class ElectrophysiologyBrowserIndex extends Component { this.fetchData = this.fetchData.bind(this); } - /** - * Called by React when the component has been rendered on the page. - */ componentDidMount() { this.fetchData() .then(() => this.setState({isLoaded: true})); @@ -95,11 +88,6 @@ class ElectrophysiologyBrowserIndex extends Component { return result; } - /** - * Renders the React component. - * - * @return {JSX} - React markup for the component - */ render() { // If error occurs, return a message if (this.state.error) { diff --git a/modules/electrophysiology_browser/jsx/electrophysiologySessionView.js b/modules/electrophysiology_browser/jsx/electrophysiologySessionView.js index 8a5e74971a9..591f63c55d1 100644 --- a/modules/electrophysiology_browser/jsx/electrophysiologySessionView.js +++ b/modules/electrophysiology_browser/jsx/electrophysiologySessionView.js @@ -10,9 +10,13 @@ import React, {Component} from 'react'; import PropTypes from 'prop-types'; import StaticDataTable from 'jsx/StaticDataTable'; +import Panel from 'Panel'; import {FilePanel} from './components/electrophysiology_session_panels'; +import {DownloadPanel} from './components/DownloadPanel'; import Sidebar from './components/Sidebar'; import SidebarContent from './components/SidebarContent'; +import {EEGLabSeriesProvider} from './react-series-data-viewer/src/eeglab'; +import {SeriesRenderer, EEGMontage} from './react-series-data-viewer/src/series'; /** * Electrophysiology Session View page @@ -22,10 +26,6 @@ import SidebarContent from './components/SidebarContent'; * @author Alizée Wickenheiser */ class ElectrophysiologySessionView extends Component { - /** - * @constructor - * @param {object} props - React Component properties - */ constructor(props) { super(props); @@ -146,6 +146,9 @@ class ElectrophysiologySessionView extends Component { }, ], }, + chunkDirectoryURL: null, + epochsTableURL: null, + electrodesTableUrls: null, }, ], }; @@ -183,38 +186,40 @@ class ElectrophysiologySessionView extends Component { const dataURL = loris.BaseURL + '/electrophysiology_browser/sessions/'; const sessionID = this.props.sessionid; const outputTypeArg = '?outputType=' + this.state.url.params['outputType']; - return fetch( - dataURL + sessionID + outputTypeArg, - {credentials: 'same-origin'} - ).then((resp) => { + return fetch(dataURL + sessionID + outputTypeArg, {credentials: 'same-origin'}) + .then((resp) => { if (!resp.ok) { throw Error(resp.statusText); } return resp.json(); }) - .then((data) => this.getState((appState) => { - appState.setup = {data}; - appState.isLoaded = true; - appState.patient.info = data.patient; - let database = []; - for (let i = 0; i < data.database.length; i++) { - database.push(data.database[i]); - } - appState.database = database; - this.setState(appState); - document.getElementById( - 'nav_next' - ).href = dataURL + data.nextSession + outputTypeArg; - document.getElementById( - 'nav_previous' - ).href = dataURL + data.prevSession + outputTypeArg; + .then((data) => { + const database = data.database.map((dbEntry) => ({ + ...dbEntry, + // EEG Visualisation urls + chunkDirectoryURL: dbEntry && dbEntry.file.chunks_url && `${window.location.origin}/mri/jiv/get_file.php?file=${dbEntry.file.chunks_url}`, + epochsTableURL: dbEntry && dbEntry.file.downloads[3].file && `${window.location.origin}/mri/jiv/get_file.php?file=${dbEntry.file.downloads[3].file}`, + electrodesTableUrls: dbEntry && dbEntry.file.downloads[1].file && `${window.location.origin}/mri/jiv/get_file.php?file=${dbEntry.file.downloads[1].file}`, + })); + + this.setState({ + setup: {data}, + isLoaded: true, + database: database, + patient: { + info: data.patient, + }, + }); + + document.getElementById('nav_next').href = dataURL + data.nextSession + outputTypeArg; + document.getElementById('nav_previous').href = dataURL + data.prevSession + outputTypeArg; if (data.prevSession !== '') { document.getElementById('nav_previous').style.display = 'block'; } if (data.nextSession !== '') { document.getElementById('nav_next').style.display = 'block'; } - })) + }) .catch((error) => { this.setState({error: true}); console.error(error); @@ -232,11 +237,6 @@ class ElectrophysiologySessionView extends Component { }); } - /** - * Renders the React component. - * - * @return {JSX} - React markup for the component - */ render() { if (!this.state.isLoaded) { return ( @@ -252,19 +252,48 @@ class ElectrophysiologySessionView extends Component { if (this.state.isLoaded) { let database = []; for (let i = 0; i < this.state.database.length; i++) { + const {chunkDirectoryURL, epochsTableURL, electrodesTableUrls} = this.state.database[i]; database.push( -
+
+ > +
+ + + + +
+ +
+ + + +
+
+ +
+
); } return ( -
+
- {database} -
); } diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/.gitignore b/modules/electrophysiology_browser/jsx/react-series-data-viewer/.gitignore new file mode 100644 index 00000000000..cd26d8c7355 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/.gitignore @@ -0,0 +1,11 @@ +/coverage +/demo/dist +/demo/data +/es +/lib +/node_modules +/flow-typed +/umd +npm-debug.log* +__pycache__/ +*.py[cod] diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/CONTRIBUTING.md b/modules/electrophysiology_browser/jsx/react-series-data-viewer/CONTRIBUTING.md new file mode 100644 index 00000000000..a9b8b42a0f5 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/CONTRIBUTING.md @@ -0,0 +1,25 @@ +## Prerequisites + +[Node.js](http://nodejs.org/) >= 6 must be installed. + +## Installation + +- Running `npm install` in the component's root directory will install everything you need for development. + +## Demo Development Server + +- `npm start` will run a development server with the component's demo app at [http://localhost:3000](http://localhost:3000) with hot module reloading. + +## Running Tests + +- `npm test` will run the tests once. + +- `npm run test:coverage` will run the tests and produce a coverage report in `coverage/`. + +- `npm run test:watch` will run the tests on every change. + +## Building + +- `npm run build` will build the component for publishing to npm and also bundle the demo app. + +- `npm run clean` will delete built resources. diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/README.md b/modules/electrophysiology_browser/jsx/react-series-data-viewer/README.md new file mode 100644 index 00000000000..015d0a64e07 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/README.md @@ -0,0 +1,22 @@ +# React series data viewer + +Previous versions were implemented with a combination of svg (D3) and WebGL renderer (Three.js). +Since #5c00801, the Series data viewer strictly uses svg (Visx|D3), to use features like clipPath (significantly simpler to use than Three.js masks) and css styling. + +## Main dependencies + +### Ramda (https://ramdajs.com) +A practical functional library for JavaScript programmers. + +### Redux (https://redux.js.org) +A Predictable State Container for JS Apps + +### Visx (https://airbnb.io/visx) +A collection of expressive, low-level visualization primitives for React. + +### RxJS (https://rxjs-dev.firebaseapp.com/guide/overview) +RxJS is a library for composing asynchronous and event-based programs by using observable sequences. +It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators to allow handling asynchronous events as collections. + +### flow (https://flow.org) +A static type checker for javascript. diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/package.json b/modules/electrophysiology_browser/jsx/react-series-data-viewer/package.json new file mode 100644 index 00000000000..a9a8379537c --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/package.json @@ -0,0 +1,66 @@ +{ + "name": "react-series-data-viewer", + "homepage": "https://github.com/aces/react-series-data-viewer/", + "version": "1.0.0", + "description": "react-series-data-viewer React component", + "main": "lib/index.js", + "module": "es/index.js", + "files": [ + "css", + "es", + "lib", + "umd" + ], + "dependencies": { + "@visx/axis": "^1.4.0", + "@visx/group": "^1.0.0", + "@visx/responsive": "^1.3.0", + "@visx/shape": "^1.4.0", + "axios": "^0.18.0", + "d3-3d": "0.0.10", + "d3-array": "^1.2.4", + "d3-dsv": "^1.0.10", + "d3-scale": "^2.1.2", + "d3-scale-chromatic": "^1.3.3", + "differenceequationsignal1d": "^0.1.1", + "gl-matrix": "^2.8.1", + "google-protobuf": "^3.6.1", + "prop-types": "^15.6.2", + "ramda": "^0.25.0", + "react-redux": "^7.2.1", + "redux": "^4.0.0", + "redux-actions": "^2.6.1", + "redux-logger": "^3.0.6", + "redux-observable": "^1.0.0", + "redux-thunk": "^2.3.0", + "resize-observer-polyfill": "^1.5.0", + "rxjs": "^6.6.3" + }, + "devDependencies": { + "@babel/preset-flow": "^7.12.1", + "@visx/marker": "^1.4.0", + "babel-eslint": "^10.0.1", + "babel-plugin-flow-react-proptypes": "^24.1.2", + "babel-plugin-module-resolver": "^3.1.1", + "eslint": "^5.7.0", + "eslint-config-prettier": "^2.9.0", + "eslint-config-react-app": "^3.0.4", + "eslint-import-resolver-babel-module": "^4.0.0", + "eslint-plugin-import": "^2.14.0", + "eslint-plugin-jsx-a11y": "^6.1.2", + "eslint-plugin-prettier": "^2.6.0", + "eslint-plugin-react": "^7.11.1", + "flow-bin": "^0.123.0", + "flow-typed": "^2.5.1", + "prettier": "^1.12.1", + "prop-types": "^15.7.2", + "react": "^16.12.0", + "react-dom": "^16.13.1" + }, + "author": "", + "license": "MIT", + "repository": "https://github.com/aces/react-series-data-viewer", + "keywords": [ + "react-component" + ] +} diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/protocol-buffers/chunk.proto b/modules/electrophysiology_browser/jsx/react-series-data-viewer/protocol-buffers/chunk.proto new file mode 100644 index 00000000000..c3a069e172a --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/protocol-buffers/chunk.proto @@ -0,0 +1,8 @@ +syntax = "proto3"; + +message FloatChunk { + int64 index = 1; + int64 downsampling = 2; + int64 cutoff = 3; + repeated float samples = 4; +} diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/chunking.py b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/chunking.py new file mode 100644 index 00000000000..840c6053d87 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/chunking.py @@ -0,0 +1,196 @@ +import errno +import json +import math +import os +import shutil +from collections import OrderedDict + +import mne.io +import numpy as np +from scipy import signal + +try: + from .protocol_buffers import chunk_pb2 as chunk_pb +except: + from protocol_buffers import chunk_pb2 as chunk_pb + +# Generic code + + +def pad_channels(channels, chunk_size): + num_chunks = math.ceil(channels.shape[-1] / chunk_size) + total_chunked_points = num_chunks * chunk_size + padding = total_chunked_points - channels.shape[-1] + padding_seq = [(0, 0) for _ in channels.shape] + padding_seq[-1] = (0, padding) + padded_channels = np.pad(channels, padding_seq, 'edge') + return padded_channels + + +def channels_to_chunks(channels, chunk_size): + padded_channels = pad_channels(channels, chunk_size) + padded_channels = np.expand_dims(padded_channels, axis=-2) + shape = list(padded_channels.shape) + shape[-2] = int(shape[-1] / chunk_size) + shape[-1] = chunk_size + shape = tuple(shape) + padded_channels = padded_channels.reshape(shape) + return padded_channels + + +def create_chunks_from_channels_list(channels_list, chunk_size): + channel_chunks_list = [ + channels_to_chunks(channels, chunk_size) + for channels in channels_list + ] + return channel_chunks_list + + +def downsample_channels(channels, chunk_size, downsampling): + if downsampling == 0: + return channels + down = chunk_size**downsampling + downsampled_size = channels.shape[-1] / down + if downsampled_size <= chunk_size * 2: + downsampled_size = chunk_size * 2 + down = math.floor(channels.shape[-1] / (chunk_size * 2)) + return signal.resample(channels, downsampled_size, axis=-1) + + +def create_downsampled_channels_list(channels, chunk_size): + downsamplings = math.ceil( + math.log(channels.shape[-1]) / math.log(chunk_size)) + downsamplings = range(downsamplings-1, -1, -1) + downsampled_channels = [ + downsample_channels(channels, chunk_size, downsampling) + for downsampling in downsamplings + ] + sizes = set() + unique_sized = [] + for channel in downsampled_channels: + if channel.shape[-1] in sizes: + continue + unique_sized.append(channel) + sizes.add(channel.shape[-1]) + return unique_sized + + +def chunk_dir_path(input_path, prefix=None, destination=None): + base_path, _ = os.path.splitext(input_path) + root, chunk_dir_name = os.path.split(base_path) + root = root if destination is None else destination + prefix = '' if prefix is None else prefix + chunk_dir = os.path.join(root, prefix, chunk_dir_name) + return chunk_dir + '.chunks' + + +def create_path_dirs(path): + try: + os.makedirs(path) + except OSError as e: + if e.errno != errno.EEXIST: + raise + + +def write_index_json( + chunk_dir, + time_interval, + series_range, + channel_names, + channel_ranges, + chunk_size, + downsamplings, + channel_chunks_list, + trace_types={} +): + json_dict = OrderedDict([ + ('timeInterval', list(time_interval)), + ('seriesRange', series_range), + ('chunkSize', chunk_size), + ('downsamplings', list(downsamplings)), + ('shapes', [ + list(downsampled.shape) + for downsampled in channel_chunks_list + ]), + ('traceTypes', trace_types), + ('channelMetadata', [ + { + 'name': channel_names[i], + 'seriesRange': channel_ranges[i] + } + for i in range(0, len(channel_names)) + ]) + ]) + create_path_dirs(chunk_dir) + with open(os.path.join(chunk_dir, 'index.json'), 'w+') as index_json: + json.dump(json_dict, index_json, indent=2, separators=(',', ': ')) + + +def encode_chunk(chunk, index, downsampling): + encoded = chunk_pb.FloatChunk( + index=index, downsampling=downsampling, cutoff=len(chunk), samples=chunk) + return encoded.SerializeToString() + + +def write_chunks(chunk_dir, channel_chunks_list): + try: + shutil.rmtree(os.path.join(chunk_dir, 'raw')) + except FileNotFoundError as e: + pass + except e: + raise e + for downsampling, channels in enumerate(channel_chunks_list): + for channel_index, channel in enumerate(channels): + for trace_index, trace in enumerate(channel): + trace_path = os.path.join( + chunk_dir, + 'raw', + str(downsampling), + str(channel_index), + str(trace_index) + ) + create_path_dirs(trace_path) + for chunk_index, chunk in enumerate(trace): + chunk_path = os.path.join( + trace_path, str(chunk_index)) + '.buf' + encoded_chunk = encode_chunk( + chunk, chunk_index, downsampling) + with open(chunk_path, 'w+b') as chunk_file: + chunk_file.write(encoded_chunk) + +def mne_file_to_chunks(path, chunk_size, loader): + parsed = loader(path) + channels = parsed.get_data() + channels = channels + time_interval = (parsed.times[0], parsed.times[-1]) + channel_names = parsed.info["ch_names"] + channel_ranges = [ + (np.amin(channel, axis=-1), np.amax(channel, axis=-1)) + for channel in channels + ] + channels = np.expand_dims(channels, axis=-2) + downsampled_channels = create_downsampled_channels_list( + channels, chunk_size) + channel_chunks_list = create_chunks_from_channels_list( + downsampled_channels, chunk_size) + signal_range = [np.amin(channels), np.amax(channels)] + return channel_chunks_list, time_interval, signal_range, channel_names, channel_ranges + + +def write_chunk_directory(path, chunk_size, loader, downsamplings=None, prefix=None, destination=None): + chunk_dir = chunk_dir_path(path, prefix=prefix, destination=destination) + channel_chunks_list, time_interval, signal_range, channel_names, channel_ranges = mne_file_to_chunks( + path, chunk_size, loader) + if downsamplings is not None: + channel_chunks_list = channel_chunks_list[:downsamplings] + write_index_json( + chunk_dir, + time_interval, + signal_range, + channel_names, + channel_ranges, + chunk_size, + range(len(channel_chunks_list)), + channel_chunks_list + ) + write_chunks(chunk_dir, channel_chunks_list) diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/edf_to_chunks.py b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/edf_to_chunks.py new file mode 100644 index 00000000000..e0b9c10200d --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/edf_to_chunks.py @@ -0,0 +1,33 @@ +import argparse + +import mne.io +import numpy as np + +from chunking import * + +def load_channels(path): + return mne.io.read_raw_edf(path, preload=False) + +if __name__ == '__main__': + parser = argparse.ArgumentParser( + description='Convert .edf files to chunks for browser based visualisation.') + parser.add_argument('files', metavar='FILE', type=str, nargs='+', + help='one or more .edf files to convert to a directory of chunks next to the input file') + parser.add_argument('--chunk-size', '-s', dest='chunk_size', type=int, default=5000, + help='1 dimensional chunk size') + parser.add_argument('--downsamplings', '-r', dest='downsamplings', type=int, + help='How many downsampling levels to write to disk starting from the coarsest level.') + parser.add_argument('--destination', '-d', dest='destination', type=str, + help='optional destination for all the chunk directories') + parser.add_argument('--prefix', '-p', dest="prefix", type=str, + help='optional prefixing parent folder name each directory of chunks gets placed under') + + args = parser.parse_args() + for path in args.files: + write_chunk_directory( + path=path, + loader=load_channels, + chunk_size=args.chunk_size, + destination=args.destination, + prefix=args.prefix + ) diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/eeglab_to_chunks.py b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/eeglab_to_chunks.py new file mode 100644 index 00000000000..73ed9a390dd --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/eeglab_to_chunks.py @@ -0,0 +1,33 @@ +import argparse + +import mne.io +import numpy as np + +import chunking + +def load_channels(path): + return mne.io.read_raw_eeglab(path, preload=False) + +if __name__ == '__main__': + parser = argparse.ArgumentParser( + description='Convert .set files to chunks for browser based visualisation.') + parser.add_argument('files', metavar='FILE', type=str, nargs='+', + help='one or more .set files to convert to a directory of chunks next to the input file') + parser.add_argument('--chunk-size', '-s', dest='chunk_size', type=int, default=5000, + help='1 dimensional chunk size') + parser.add_argument('--downsamplings', '-r', dest='downsamplings', type=int, + help='How many downsampling levels to write to disk starting from the coarsest level.') + parser.add_argument('--destination', '-d', dest='destination', type=str, + help='optional destination for all the chunk directories') + parser.add_argument('--prefix', '-p', dest="prefix", type=str, + help='optional prefixing parent folder name each directory of chunks gets placed under') + + args = parser.parse_args() + for path in args.files: + chunking.write_chunk_directory( + path=path, + loader=load_channels, + chunk_size=args.chunk_size, + destination=args.destination, + prefix=args.prefix + ) diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/protocol_buffers/chunk_pb2.py b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/protocol_buffers/chunk_pb2.py new file mode 100644 index 00000000000..95d061a4f6d --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/python/protocol_buffers/chunk_pb2.py @@ -0,0 +1,90 @@ +# Generated by the protocol buffer compiler. DO NOT EDIT! +# source: protocol-buffers/chunk.proto + +import sys +_b=sys.version_info[0]<3 and (lambda x:x) or (lambda x:x.encode('latin1')) +from google.protobuf import descriptor as _descriptor +from google.protobuf import message as _message +from google.protobuf import reflection as _reflection +from google.protobuf import symbol_database as _symbol_database +# @@protoc_insertion_point(imports) + +_sym_db = _symbol_database.Default() + + + + +DESCRIPTOR = _descriptor.FileDescriptor( + name='protocol-buffers/chunk.proto', + package='', + syntax='proto3', + serialized_options=None, + serialized_pb=_b('\n\x1cprotocol-buffers/chunk.proto\"R\n\nFloatChunk\x12\r\n\x05index\x18\x01 \x01(\x03\x12\x14\n\x0c\x64ownsampling\x18\x02 \x01(\x03\x12\x0e\n\x06\x63utoff\x18\x03 \x01(\x03\x12\x0f\n\x07samples\x18\x04 \x03(\x02\x62\x06proto3') +) + + + + +_FLOATCHUNK = _descriptor.Descriptor( + name='FloatChunk', + full_name='FloatChunk', + filename=None, + file=DESCRIPTOR, + containing_type=None, + fields=[ + _descriptor.FieldDescriptor( + name='index', full_name='FloatChunk.index', index=0, + number=1, type=3, cpp_type=2, label=1, + has_default_value=False, default_value=0, + message_type=None, enum_type=None, containing_type=None, + is_extension=False, extension_scope=None, + serialized_options=None, file=DESCRIPTOR), + _descriptor.FieldDescriptor( + name='downsampling', full_name='FloatChunk.downsampling', index=1, + number=2, type=3, cpp_type=2, label=1, + has_default_value=False, default_value=0, + message_type=None, enum_type=None, containing_type=None, + is_extension=False, extension_scope=None, + serialized_options=None, file=DESCRIPTOR), + _descriptor.FieldDescriptor( + name='cutoff', full_name='FloatChunk.cutoff', index=2, + number=3, type=3, cpp_type=2, label=1, + has_default_value=False, default_value=0, + message_type=None, enum_type=None, containing_type=None, + is_extension=False, extension_scope=None, + serialized_options=None, file=DESCRIPTOR), + _descriptor.FieldDescriptor( + name='samples', full_name='FloatChunk.samples', index=3, + number=4, type=2, cpp_type=6, label=3, + has_default_value=False, default_value=[], + message_type=None, enum_type=None, containing_type=None, + is_extension=False, extension_scope=None, + serialized_options=None, file=DESCRIPTOR), + ], + extensions=[ + ], + nested_types=[], + enum_types=[ + ], + serialized_options=None, + is_extendable=False, + syntax='proto3', + extension_ranges=[], + oneofs=[ + ], + serialized_start=32, + serialized_end=114, +) + +DESCRIPTOR.message_types_by_name['FloatChunk'] = _FLOATCHUNK +_sym_db.RegisterFileDescriptor(DESCRIPTOR) + +FloatChunk = _reflection.GeneratedProtocolMessageType('FloatChunk', (_message.Message,), dict( + DESCRIPTOR = _FLOATCHUNK, + __module__ = 'protocol_buffers.chunk_pb2' + # @@protoc_insertion_point(class_scope:FloatChunk) + )) +_sym_db.RegisterMessage(FloatChunk) + + +# @@protoc_insertion_point(module_scope) diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/ajax/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/ajax/index.js new file mode 100644 index 00000000000..ad5565d479f --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/ajax/index.js @@ -0,0 +1,10 @@ +import axios from 'axios'; + +export const fetchBlob = (...args) => + axios(...args, {responseType: 'blob'}).then(({data}) => data); + +export const fetchJSON = (...args) => + axios(...args, {responseType: 'json'}).then(({data}) => data); + +export const fetchText = (...args) => + axios(...args, {responseType: 'text'}).then(({data}) => data); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/chunks/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/chunks/index.js new file mode 100644 index 00000000000..9005ebd88e2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/chunks/index.js @@ -0,0 +1,22 @@ +// @flow +import {FloatChunk} from '../protocol-buffers/chunk_pb'; +import {fetchBlob} from '../ajax'; + +export const fetchChunk = (url: string): Promise => { + return fetchBlob(url).then((blob) => { + const reader = new FileReader(); + reader.readAsArrayBuffer(blob); + return new Promise((resolve) => { + reader.addEventListener('loadend', () => { + const parsed = FloatChunk.deserializeBinary(reader.result); + resolve({ + index: parsed.getIndex(), + cutoff: parsed.getCutoff(), + downsampling: parsed.getDownsampling(), + originalValues: parsed.getSamplesList(), + values: parsed.getSamplesList(), + }); + }); + }); + }); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/color/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/color/index.js new file mode 100644 index 00000000000..c0d7ee7f4c3 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/color/index.js @@ -0,0 +1,18 @@ +// @flow + +import {scaleOrdinal} from 'd3-scale'; +// import * as R from 'ramda'; +// import {schemeCategory10, schemeSet3} from 'd3-scale-chromatic'; +// export const colorOrder = scaleOrdinal(R.concat(schemeCategory10, schemeSet3)); +export const colorOrder = scaleOrdinal(); + +export const hex2rgba = ({color = '#000000', alpha = 1} : { + color: string, + alpha: number, +}) => { + const r = parseInt(color.slice(1, 3), 16); + const g = parseInt(color.slice(3, 5), 16); + const b = parseInt(color.slice(5, 7), 16); + + return `rgba(${r}, ${g}, ${b}, ${alpha})`; +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.js new file mode 100644 index 00000000000..14cddd454b2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.js @@ -0,0 +1,137 @@ +import {tsvParse} from 'd3-dsv'; +import {Component} from 'react'; +import {createStore, applyMiddleware} from 'redux'; +import {Provider} from 'react-redux'; +import {createEpicMiddleware} from 'redux-observable'; +import thunk from 'redux-thunk'; +import {fetchJSON, fetchText} from '../ajax'; +import {rootReducer, rootEpic} from '../series/store'; +import { + setChannels, + setEpochs, + setDatasetMetadata, + emptyChannels, +} from '../series/store/state/dataset'; +import {setDomain, setInterval} from '../series/store/state/bounds'; +import {updateFilteredEpochs} from '../series/store/logic/filterEpochs'; +import {setElectrodes} from '../series/store/state/montage'; + +/** + * EEGLabSeriesProvider component + */ +class EEGLabSeriesProvider extends Component { + /** + * @constructor + * @param {object} props - React Component properties + */ + constructor(props: Props) { + super(props); + const epicMiddleware = createEpicMiddleware(); + + this.store = createStore( + rootReducer, + applyMiddleware(thunk, epicMiddleware) + ); + + epicMiddleware.run(rootEpic); + + window.EEGLabSeriesProviderStore = this.store; + + const { + chunkDirectoryURLs, + epochsTableURLs, + electrodesTableUrls, + limit, + } = props; + + const chunkUrls = + chunkDirectoryURLs instanceof Array + ? chunkDirectoryURLs + : [chunkDirectoryURLs]; + + const epochUrls = + epochsTableURLs instanceof Array ? epochsTableURLs : [epochsTableURLs]; + + const electrodesUrls = + electrodesTableUrls instanceof Array + ? electrodesTableUrls + : [electrodesTableUrls]; + + const racers = (fetcher, urls, route = '') => + urls.map((url) => + fetcher(`${url}${route}`) + .then((json) => ({json, url})) + // if request fails don't resolve + .catch((error) => { + console.error(error); + return new Promise((resolve) => {}); + }) + ); + + Promise.race(racers(fetchJSON, chunkUrls, '/index.json')).then( + ({json, url}) => { + const {channelMetadata, shapes, timeInterval, seriesRange} = json; + this.store.dispatch( + setDatasetMetadata({ + chunkDirectoryURL: url, + channelMetadata, + shapes, + timeInterval, + seriesRange, + limit, + }) + ); + this.store.dispatch(setChannels(emptyChannels(this.props.limit, 1))); + this.store.dispatch(setDomain(timeInterval)); + this.store.dispatch(setInterval(timeInterval)); + } + ).then(() => Promise.race(racers(fetchText, epochUrls)).then((text) => { + if (!(typeof text.json === 'string' + || text.json instanceof String)) return; + this.store.dispatch( + setEpochs(tsvParse( + text.json.replace('trial_type', 'label')) + .map(({onset, duration, label}, i) => ({ + onset: parseFloat(onset), + duration: parseFloat(duration), + type: i%5 == 0 ? 'Annotation' : 'Event', + label: label, + comment: null, + channels: 'all', + })) + ) + ); + this.store.dispatch(updateFilteredEpochs()); + }) + ); + + Promise.race(racers(fetchText, electrodesUrls)).then((text) => { + if (!(typeof text.json === 'string' + || text.json instanceof String)) return; + this.store.dispatch( + setElectrodes( + tsvParse(text.json).map(({name, x, y, z}) => ({ + name: name, + channelIndex: null, + position: [parseFloat(x), parseFloat(y), parseFloat(z)], + })) + ) + ); + }); + } + + /** + * Renders the React component. + * + * @return {JSX} - React markup for the component + */ + render() { + return {this.props.children}; + } +} + +EEGLabSeriesProvider.defaultProps = { + limit: 6, +}; + +export default EEGLabSeriesProvider; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/index.js new file mode 100644 index 00000000000..2ab562789f2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/index.js @@ -0,0 +1 @@ +export {default as EEGLabSeriesProvider} from './EEGLabSeriesProvider'; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/fonts/helvetiker_regular.typeface.json b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/fonts/helvetiker_regular.typeface.json new file mode 100644 index 00000000000..d19293b47e8 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/fonts/helvetiker_regular.typeface.json @@ -0,0 +1 @@ +{"glyphs":{"ο":{"x_min":0,"x_max":712,"ha":815,"o":"m 356 -25 q 96 88 192 -25 q 0 368 0 201 q 92 642 0 533 q 356 761 192 761 q 617 644 517 761 q 712 368 712 533 q 619 91 712 201 q 356 -25 520 -25 m 356 85 q 527 175 465 85 q 583 369 583 255 q 528 562 583 484 q 356 651 466 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 356 85 250 85 "},"S":{"x_min":0,"x_max":788,"ha":890,"o":"m 788 291 q 662 54 788 144 q 397 -26 550 -26 q 116 68 226 -26 q 0 337 0 168 l 131 337 q 200 152 131 220 q 384 85 269 85 q 557 129 479 85 q 650 270 650 183 q 490 429 650 379 q 194 513 341 470 q 33 739 33 584 q 142 964 33 881 q 388 1041 242 1041 q 644 957 543 1041 q 756 716 756 867 l 625 716 q 561 874 625 816 q 395 933 497 933 q 243 891 309 933 q 164 759 164 841 q 325 609 164 656 q 625 526 475 568 q 788 291 788 454 "},"¦":{"x_min":343,"x_max":449,"ha":792,"o":"m 449 462 l 343 462 l 343 986 l 449 986 l 449 462 m 449 -242 l 343 -242 l 343 280 l 449 280 l 449 -242 "},"/":{"x_min":183.25,"x_max":608.328125,"ha":792,"o":"m 608 1041 l 266 -129 l 183 -129 l 520 1041 l 608 1041 "},"Τ":{"x_min":-0.4375,"x_max":777.453125,"ha":839,"o":"m 777 893 l 458 893 l 458 0 l 319 0 l 319 892 l 0 892 l 0 1013 l 777 1013 l 777 893 "},"y":{"x_min":0,"x_max":684.78125,"ha":771,"o":"m 684 738 l 388 -83 q 311 -216 356 -167 q 173 -279 252 -279 q 97 -266 133 -279 l 97 -149 q 132 -155 109 -151 q 168 -160 155 -160 q 240 -114 213 -160 q 274 -26 248 -98 l 0 738 l 137 737 l 341 139 l 548 737 l 684 738 "},"Π":{"x_min":0,"x_max":803,"ha":917,"o":"m 803 0 l 667 0 l 667 886 l 140 886 l 140 0 l 0 0 l 0 1012 l 803 1012 l 803 0 "},"ΐ":{"x_min":-111,"x_max":339,"ha":361,"o":"m 339 800 l 229 800 l 229 925 l 339 925 l 339 800 m -1 800 l -111 800 l -111 925 l -1 925 l -1 800 m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 737 l 167 737 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 103 239 101 q 284 112 257 104 l 284 3 m 302 1040 l 113 819 l 30 819 l 165 1040 l 302 1040 "},"g":{"x_min":0,"x_max":686,"ha":838,"o":"m 686 34 q 586 -213 686 -121 q 331 -306 487 -306 q 131 -252 216 -306 q 31 -84 31 -190 l 155 -84 q 228 -174 166 -138 q 345 -207 284 -207 q 514 -109 454 -207 q 564 89 564 -27 q 461 6 521 36 q 335 -23 401 -23 q 88 100 184 -23 q 0 370 0 215 q 87 634 0 522 q 330 758 183 758 q 457 728 398 758 q 564 644 515 699 l 564 737 l 686 737 l 686 34 m 582 367 q 529 560 582 481 q 358 652 468 652 q 189 561 250 652 q 135 369 135 482 q 189 176 135 255 q 361 85 251 85 q 529 176 468 85 q 582 367 582 255 "},"²":{"x_min":0,"x_max":442,"ha":539,"o":"m 442 383 l 0 383 q 91 566 0 492 q 260 668 176 617 q 354 798 354 727 q 315 875 354 845 q 227 905 277 905 q 136 869 173 905 q 99 761 99 833 l 14 761 q 82 922 14 864 q 232 974 141 974 q 379 926 316 974 q 442 797 442 878 q 351 635 442 704 q 183 539 321 611 q 92 455 92 491 l 442 455 l 442 383 "},"–":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 334 l 0 334 l 0 410 l 705 410 l 705 334 "},"Κ":{"x_min":0,"x_max":819.5625,"ha":893,"o":"m 819 0 l 650 0 l 294 509 l 139 356 l 139 0 l 0 0 l 0 1013 l 139 1013 l 139 526 l 626 1013 l 809 1013 l 395 600 l 819 0 "},"ƒ":{"x_min":-46.265625,"x_max":392,"ha":513,"o":"m 392 651 l 259 651 l 79 -279 l -46 -278 l 134 651 l 14 651 l 14 751 l 135 751 q 151 948 135 900 q 304 1041 185 1041 q 334 1040 319 1041 q 392 1034 348 1039 l 392 922 q 337 931 360 931 q 271 883 287 931 q 260 793 260 853 l 260 751 l 392 751 l 392 651 "},"e":{"x_min":0,"x_max":714,"ha":813,"o":"m 714 326 l 140 326 q 200 157 140 227 q 359 87 260 87 q 488 130 431 87 q 561 245 545 174 l 697 245 q 577 48 670 123 q 358 -26 484 -26 q 97 85 195 -26 q 0 363 0 197 q 94 642 0 529 q 358 765 195 765 q 626 627 529 765 q 714 326 714 503 m 576 429 q 507 583 564 522 q 355 650 445 650 q 206 583 266 650 q 140 429 152 522 l 576 429 "},"ό":{"x_min":0,"x_max":712,"ha":815,"o":"m 356 -25 q 94 91 194 -25 q 0 368 0 202 q 92 642 0 533 q 356 761 192 761 q 617 644 517 761 q 712 368 712 533 q 619 91 712 201 q 356 -25 520 -25 m 356 85 q 527 175 465 85 q 583 369 583 255 q 528 562 583 484 q 356 651 466 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 356 85 250 85 m 576 1040 l 387 819 l 303 819 l 438 1040 l 576 1040 "},"J":{"x_min":0,"x_max":588,"ha":699,"o":"m 588 279 q 287 -26 588 -26 q 58 73 126 -26 q 0 327 0 158 l 133 327 q 160 172 133 227 q 288 96 198 96 q 426 171 391 96 q 449 336 449 219 l 449 1013 l 588 1013 l 588 279 "},"»":{"x_min":-1,"x_max":503,"ha":601,"o":"m 503 302 l 280 136 l 281 256 l 429 373 l 281 486 l 280 608 l 503 440 l 503 302 m 221 302 l 0 136 l 0 255 l 145 372 l 0 486 l -1 608 l 221 440 l 221 302 "},"©":{"x_min":-3,"x_max":1008,"ha":1106,"o":"m 502 -7 q 123 151 263 -7 q -3 501 -3 294 q 123 851 -3 706 q 502 1011 263 1011 q 881 851 739 1011 q 1008 501 1008 708 q 883 151 1008 292 q 502 -7 744 -7 m 502 60 q 830 197 709 60 q 940 501 940 322 q 831 805 940 681 q 502 944 709 944 q 174 805 296 944 q 65 501 65 680 q 173 197 65 320 q 502 60 294 60 m 741 394 q 661 246 731 302 q 496 190 591 190 q 294 285 369 190 q 228 497 228 370 q 295 714 228 625 q 499 813 370 813 q 656 762 588 813 q 733 625 724 711 l 634 625 q 589 704 629 673 q 498 735 550 735 q 377 666 421 735 q 334 504 334 597 q 374 340 334 408 q 490 272 415 272 q 589 304 549 272 q 638 394 628 337 l 741 394 "},"ώ":{"x_min":0,"x_max":922,"ha":1030,"o":"m 687 1040 l 498 819 l 415 819 l 549 1040 l 687 1040 m 922 339 q 856 97 922 203 q 650 -26 780 -26 q 538 9 587 -26 q 461 103 489 44 q 387 12 436 46 q 277 -22 339 -22 q 69 97 147 -22 q 0 338 0 202 q 45 551 0 444 q 161 737 84 643 l 302 737 q 175 552 219 647 q 124 336 124 446 q 155 179 124 248 q 275 88 197 88 q 375 163 341 88 q 400 294 400 219 l 400 572 l 524 572 l 524 294 q 561 135 524 192 q 643 88 591 88 q 762 182 719 88 q 797 341 797 257 q 745 555 797 450 q 619 737 705 637 l 760 737 q 874 551 835 640 q 922 339 922 444 "},"^":{"x_min":193.0625,"x_max":598.609375,"ha":792,"o":"m 598 772 l 515 772 l 395 931 l 277 772 l 193 772 l 326 1013 l 462 1013 l 598 772 "},"«":{"x_min":0,"x_max":507.203125,"ha":604,"o":"m 506 136 l 284 302 l 284 440 l 506 608 l 507 485 l 360 371 l 506 255 l 506 136 m 222 136 l 0 302 l 0 440 l 222 608 l 221 486 l 73 373 l 222 256 l 222 136 "},"D":{"x_min":0,"x_max":828,"ha":935,"o":"m 389 1013 q 714 867 593 1013 q 828 521 828 729 q 712 161 828 309 q 382 0 587 0 l 0 0 l 0 1013 l 389 1013 m 376 124 q 607 247 523 124 q 681 510 681 355 q 607 771 681 662 q 376 896 522 896 l 139 896 l 139 124 l 376 124 "},"∙":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 "},"ÿ":{"x_min":0,"x_max":47,"ha":125,"o":"m 47 3 q 37 -7 47 -7 q 28 0 30 -7 q 39 -4 32 -4 q 45 3 45 -1 l 37 0 q 28 9 28 0 q 39 19 28 19 l 47 16 l 47 19 l 47 3 m 37 1 q 44 8 44 1 q 37 16 44 16 q 30 8 30 16 q 37 1 30 1 m 26 1 l 23 22 l 14 0 l 3 22 l 3 3 l 0 25 l 13 1 l 22 25 l 26 1 "},"w":{"x_min":0,"x_max":1009.71875,"ha":1100,"o":"m 1009 738 l 783 0 l 658 0 l 501 567 l 345 0 l 222 0 l 0 738 l 130 738 l 284 174 l 432 737 l 576 738 l 721 173 l 881 737 l 1009 738 "},"$":{"x_min":0,"x_max":700,"ha":793,"o":"m 664 717 l 542 717 q 490 825 531 785 q 381 872 450 865 l 381 551 q 620 446 540 522 q 700 241 700 370 q 618 45 700 116 q 381 -25 536 -25 l 381 -152 l 307 -152 l 307 -25 q 81 62 162 -25 q 0 297 0 149 l 124 297 q 169 146 124 204 q 307 81 215 89 l 307 441 q 80 536 148 469 q 13 725 13 603 q 96 910 13 839 q 307 982 180 982 l 307 1077 l 381 1077 l 381 982 q 574 917 494 982 q 664 717 664 845 m 307 565 l 307 872 q 187 831 233 872 q 142 724 142 791 q 180 618 142 656 q 307 565 218 580 m 381 76 q 562 237 562 96 q 517 361 562 313 q 381 423 472 409 l 381 76 "},"\\":{"x_min":-0.015625,"x_max":425.0625,"ha":522,"o":"m 425 -129 l 337 -129 l 0 1041 l 83 1041 l 425 -129 "},"µ":{"x_min":0,"x_max":697.21875,"ha":747,"o":"m 697 -4 q 629 -14 658 -14 q 498 97 513 -14 q 422 9 470 41 q 313 -23 374 -23 q 207 4 258 -23 q 119 81 156 32 l 119 -278 l 0 -278 l 0 738 l 124 738 l 124 343 q 165 173 124 246 q 308 83 216 83 q 452 178 402 83 q 493 359 493 255 l 493 738 l 617 738 l 617 214 q 623 136 617 160 q 673 92 637 92 q 697 96 684 92 l 697 -4 "},"Ι":{"x_min":42,"x_max":181,"ha":297,"o":"m 181 0 l 42 0 l 42 1013 l 181 1013 l 181 0 "},"Ύ":{"x_min":0,"x_max":1144.5,"ha":1214,"o":"m 1144 1012 l 807 416 l 807 0 l 667 0 l 667 416 l 325 1012 l 465 1012 l 736 533 l 1004 1012 l 1144 1012 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"’":{"x_min":0,"x_max":139,"ha":236,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 "},"Ν":{"x_min":0,"x_max":801,"ha":915,"o":"m 801 0 l 651 0 l 131 822 l 131 0 l 0 0 l 0 1013 l 151 1013 l 670 191 l 670 1013 l 801 1013 l 801 0 "},"-":{"x_min":8.71875,"x_max":350.390625,"ha":478,"o":"m 350 317 l 8 317 l 8 428 l 350 428 l 350 317 "},"Q":{"x_min":0,"x_max":968,"ha":1072,"o":"m 954 5 l 887 -79 l 744 35 q 622 -11 687 2 q 483 -26 556 -26 q 127 130 262 -26 q 0 504 0 279 q 127 880 0 728 q 484 1041 262 1041 q 841 884 708 1041 q 968 507 968 735 q 933 293 968 398 q 832 104 899 188 l 954 5 m 723 191 q 802 330 777 248 q 828 499 828 412 q 744 790 828 673 q 483 922 650 922 q 228 791 322 922 q 142 505 142 673 q 227 221 142 337 q 487 91 323 91 q 632 123 566 91 l 520 215 l 587 301 l 723 191 "},"ς":{"x_min":1,"x_max":676.28125,"ha":740,"o":"m 676 460 l 551 460 q 498 595 542 546 q 365 651 448 651 q 199 578 263 651 q 136 401 136 505 q 266 178 136 241 q 508 106 387 142 q 640 -50 640 62 q 625 -158 640 -105 q 583 -278 611 -211 l 465 -278 q 498 -182 490 -211 q 515 -80 515 -126 q 381 12 515 -15 q 134 91 197 51 q 1 388 1 179 q 100 651 1 542 q 354 761 199 761 q 587 680 498 761 q 676 460 676 599 "},"M":{"x_min":0,"x_max":954,"ha":1067,"o":"m 954 0 l 819 0 l 819 869 l 537 0 l 405 0 l 128 866 l 128 0 l 0 0 l 0 1013 l 200 1013 l 472 160 l 757 1013 l 954 1013 l 954 0 "},"Ψ":{"x_min":0,"x_max":1006,"ha":1094,"o":"m 1006 678 q 914 319 1006 429 q 571 200 814 200 l 571 0 l 433 0 l 433 200 q 92 319 194 200 q 0 678 0 429 l 0 1013 l 139 1013 l 139 679 q 191 417 139 492 q 433 326 255 326 l 433 1013 l 571 1013 l 571 326 l 580 326 q 813 423 747 326 q 868 679 868 502 l 868 1013 l 1006 1013 l 1006 678 "},"C":{"x_min":0,"x_max":886,"ha":944,"o":"m 886 379 q 760 87 886 201 q 455 -26 634 -26 q 112 136 236 -26 q 0 509 0 283 q 118 882 0 737 q 469 1041 245 1041 q 748 955 630 1041 q 879 708 879 859 l 745 708 q 649 862 724 805 q 473 920 573 920 q 219 791 312 920 q 136 509 136 675 q 217 229 136 344 q 470 99 311 99 q 672 179 591 99 q 753 379 753 259 l 886 379 "},"!":{"x_min":0,"x_max":138,"ha":236,"o":"m 138 684 q 116 409 138 629 q 105 244 105 299 l 33 244 q 16 465 33 313 q 0 684 0 616 l 0 1013 l 138 1013 l 138 684 m 138 0 l 0 0 l 0 151 l 138 151 l 138 0 "},"{":{"x_min":0,"x_max":480.5625,"ha":578,"o":"m 480 -286 q 237 -213 303 -286 q 187 -45 187 -159 q 194 48 187 -15 q 201 141 201 112 q 164 264 201 225 q 0 314 118 314 l 0 417 q 164 471 119 417 q 201 605 201 514 q 199 665 201 644 q 193 772 193 769 q 241 941 193 887 q 480 1015 308 1015 l 480 915 q 336 866 375 915 q 306 742 306 828 q 310 662 306 717 q 314 577 314 606 q 288 452 314 500 q 176 365 256 391 q 289 275 257 337 q 314 143 314 226 q 313 84 314 107 q 310 -11 310 -5 q 339 -131 310 -94 q 480 -182 377 -182 l 480 -286 "},"X":{"x_min":-0.015625,"x_max":854.15625,"ha":940,"o":"m 854 0 l 683 0 l 423 409 l 166 0 l 0 0 l 347 519 l 18 1013 l 186 1013 l 428 637 l 675 1013 l 836 1013 l 504 520 l 854 0 "},"#":{"x_min":0,"x_max":963.890625,"ha":1061,"o":"m 963 690 l 927 590 l 719 590 l 655 410 l 876 410 l 840 310 l 618 310 l 508 -3 l 393 -2 l 506 309 l 329 310 l 215 -2 l 102 -3 l 212 310 l 0 310 l 36 410 l 248 409 l 312 590 l 86 590 l 120 690 l 347 690 l 459 1006 l 573 1006 l 462 690 l 640 690 l 751 1006 l 865 1006 l 754 690 l 963 690 m 606 590 l 425 590 l 362 410 l 543 410 l 606 590 "},"ι":{"x_min":42,"x_max":284,"ha":361,"o":"m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 738 l 167 738 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 103 239 101 q 284 112 257 104 l 284 3 "},"Ά":{"x_min":0,"x_max":906.953125,"ha":982,"o":"m 283 1040 l 88 799 l 5 799 l 145 1040 l 283 1040 m 906 0 l 756 0 l 650 303 l 251 303 l 143 0 l 0 0 l 376 1012 l 529 1012 l 906 0 m 609 421 l 452 866 l 293 421 l 609 421 "},")":{"x_min":0,"x_max":318,"ha":415,"o":"m 318 365 q 257 25 318 191 q 87 -290 197 -141 l 0 -290 q 140 21 93 -128 q 193 360 193 189 q 141 704 193 537 q 0 1024 97 850 l 87 1024 q 257 706 197 871 q 318 365 318 542 "},"ε":{"x_min":0,"x_max":634.71875,"ha":714,"o":"m 634 234 q 527 38 634 110 q 300 -25 433 -25 q 98 29 183 -25 q 0 204 0 93 q 37 314 0 265 q 128 390 67 353 q 56 460 82 419 q 26 555 26 505 q 114 712 26 654 q 295 763 191 763 q 499 700 416 763 q 589 515 589 631 l 478 515 q 419 618 464 580 q 307 657 374 657 q 207 630 253 657 q 151 547 151 598 q 238 445 151 469 q 389 434 280 434 l 389 331 l 349 331 q 206 315 255 331 q 125 210 125 287 q 183 107 125 145 q 302 76 233 76 q 436 117 379 76 q 509 234 493 159 l 634 234 "},"Δ":{"x_min":0,"x_max":952.78125,"ha":1028,"o":"m 952 0 l 0 0 l 400 1013 l 551 1013 l 952 0 m 762 124 l 476 867 l 187 124 l 762 124 "},"}":{"x_min":0,"x_max":481,"ha":578,"o":"m 481 314 q 318 262 364 314 q 282 136 282 222 q 284 65 282 97 q 293 -58 293 -48 q 241 -217 293 -166 q 0 -286 174 -286 l 0 -182 q 143 -130 105 -182 q 171 -2 171 -93 q 168 81 171 22 q 165 144 165 140 q 188 275 165 229 q 306 365 220 339 q 191 455 224 391 q 165 588 165 505 q 168 681 165 624 q 171 742 171 737 q 141 865 171 827 q 0 915 102 915 l 0 1015 q 243 942 176 1015 q 293 773 293 888 q 287 675 293 741 q 282 590 282 608 q 318 466 282 505 q 481 417 364 417 l 481 314 "},"‰":{"x_min":-3,"x_max":1672,"ha":1821,"o":"m 846 0 q 664 76 732 0 q 603 244 603 145 q 662 412 603 344 q 846 489 729 489 q 1027 412 959 489 q 1089 244 1089 343 q 1029 76 1089 144 q 846 0 962 0 m 845 103 q 945 143 910 103 q 981 243 981 184 q 947 340 981 301 q 845 385 910 385 q 745 342 782 385 q 709 243 709 300 q 742 147 709 186 q 845 103 781 103 m 888 986 l 284 -25 l 199 -25 l 803 986 l 888 986 m 241 468 q 58 545 126 468 q -3 715 -3 615 q 56 881 -3 813 q 238 958 124 958 q 421 881 353 958 q 483 712 483 813 q 423 544 483 612 q 241 468 356 468 m 241 855 q 137 811 175 855 q 100 710 100 768 q 136 612 100 653 q 240 572 172 572 q 344 614 306 572 q 382 713 382 656 q 347 810 382 771 q 241 855 308 855 m 1428 0 q 1246 76 1314 0 q 1185 244 1185 145 q 1244 412 1185 344 q 1428 489 1311 489 q 1610 412 1542 489 q 1672 244 1672 343 q 1612 76 1672 144 q 1428 0 1545 0 m 1427 103 q 1528 143 1492 103 q 1564 243 1564 184 q 1530 340 1564 301 q 1427 385 1492 385 q 1327 342 1364 385 q 1291 243 1291 300 q 1324 147 1291 186 q 1427 103 1363 103 "},"a":{"x_min":0,"x_max":698.609375,"ha":794,"o":"m 698 0 q 661 -12 679 -7 q 615 -17 643 -17 q 536 12 564 -17 q 500 96 508 41 q 384 6 456 37 q 236 -25 312 -25 q 65 31 130 -25 q 0 194 0 88 q 118 390 0 334 q 328 435 180 420 q 488 483 476 451 q 495 523 495 504 q 442 619 495 584 q 325 654 389 654 q 209 617 257 654 q 152 513 161 580 l 33 513 q 123 705 33 633 q 332 772 207 772 q 528 712 448 772 q 617 531 617 645 l 617 163 q 624 108 617 126 q 664 90 632 90 l 698 94 l 698 0 m 491 262 l 491 372 q 272 329 350 347 q 128 201 128 294 q 166 113 128 144 q 264 83 205 83 q 414 130 346 83 q 491 262 491 183 "},"—":{"x_min":0,"x_max":941.671875,"ha":1039,"o":"m 941 334 l 0 334 l 0 410 l 941 410 l 941 334 "},"=":{"x_min":8.71875,"x_max":780.953125,"ha":792,"o":"m 780 510 l 8 510 l 8 606 l 780 606 l 780 510 m 780 235 l 8 235 l 8 332 l 780 332 l 780 235 "},"N":{"x_min":0,"x_max":801,"ha":914,"o":"m 801 0 l 651 0 l 131 823 l 131 0 l 0 0 l 0 1013 l 151 1013 l 670 193 l 670 1013 l 801 1013 l 801 0 "},"ρ":{"x_min":0,"x_max":712,"ha":797,"o":"m 712 369 q 620 94 712 207 q 362 -26 521 -26 q 230 2 292 -26 q 119 83 167 30 l 119 -278 l 0 -278 l 0 362 q 91 643 0 531 q 355 764 190 764 q 617 647 517 764 q 712 369 712 536 m 583 366 q 530 559 583 480 q 359 651 469 651 q 190 562 252 651 q 135 370 135 483 q 189 176 135 257 q 359 85 250 85 q 528 175 466 85 q 583 366 583 254 "},"2":{"x_min":59,"x_max":731,"ha":792,"o":"m 731 0 l 59 0 q 197 314 59 188 q 457 487 199 315 q 598 691 598 580 q 543 819 598 772 q 411 867 488 867 q 272 811 328 867 q 209 630 209 747 l 81 630 q 182 901 81 805 q 408 986 271 986 q 629 909 536 986 q 731 694 731 826 q 613 449 731 541 q 378 316 495 383 q 201 122 235 234 l 731 122 l 731 0 "},"¯":{"x_min":0,"x_max":941.671875,"ha":938,"o":"m 941 1033 l 0 1033 l 0 1109 l 941 1109 l 941 1033 "},"Z":{"x_min":0,"x_max":779,"ha":849,"o":"m 779 0 l 0 0 l 0 113 l 621 896 l 40 896 l 40 1013 l 779 1013 l 778 887 l 171 124 l 779 124 l 779 0 "},"u":{"x_min":0,"x_max":617,"ha":729,"o":"m 617 0 l 499 0 l 499 110 q 391 10 460 45 q 246 -25 322 -25 q 61 58 127 -25 q 0 258 0 136 l 0 738 l 125 738 l 125 284 q 156 148 125 202 q 273 82 197 82 q 433 165 369 82 q 493 340 493 243 l 493 738 l 617 738 l 617 0 "},"k":{"x_min":0,"x_max":612.484375,"ha":697,"o":"m 612 738 l 338 465 l 608 0 l 469 0 l 251 382 l 121 251 l 121 0 l 0 0 l 0 1013 l 121 1013 l 121 402 l 456 738 l 612 738 "},"Η":{"x_min":0,"x_max":803,"ha":917,"o":"m 803 0 l 667 0 l 667 475 l 140 475 l 140 0 l 0 0 l 0 1013 l 140 1013 l 140 599 l 667 599 l 667 1013 l 803 1013 l 803 0 "},"Α":{"x_min":0,"x_max":906.953125,"ha":985,"o":"m 906 0 l 756 0 l 650 303 l 251 303 l 143 0 l 0 0 l 376 1013 l 529 1013 l 906 0 m 609 421 l 452 866 l 293 421 l 609 421 "},"s":{"x_min":0,"x_max":604,"ha":697,"o":"m 604 217 q 501 36 604 104 q 292 -23 411 -23 q 86 43 166 -23 q 0 238 0 114 l 121 237 q 175 122 121 164 q 300 85 223 85 q 415 112 363 85 q 479 207 479 147 q 361 309 479 276 q 140 372 141 370 q 21 544 21 426 q 111 708 21 647 q 298 761 190 761 q 492 705 413 761 q 583 531 583 643 l 462 531 q 412 625 462 594 q 298 657 363 657 q 199 636 242 657 q 143 558 143 608 q 262 454 143 486 q 484 394 479 397 q 604 217 604 341 "},"B":{"x_min":0,"x_max":778,"ha":876,"o":"m 580 546 q 724 469 670 535 q 778 311 778 403 q 673 83 778 171 q 432 0 575 0 l 0 0 l 0 1013 l 411 1013 q 629 957 541 1013 q 732 768 732 892 q 691 633 732 693 q 580 546 650 572 m 393 899 l 139 899 l 139 588 l 379 588 q 521 624 462 588 q 592 744 592 667 q 531 859 592 819 q 393 899 471 899 m 419 124 q 566 169 504 124 q 635 303 635 219 q 559 436 635 389 q 402 477 494 477 l 139 477 l 139 124 l 419 124 "},"…":{"x_min":0,"x_max":614,"ha":708,"o":"m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 m 378 0 l 236 0 l 236 151 l 378 151 l 378 0 m 614 0 l 472 0 l 472 151 l 614 151 l 614 0 "},"?":{"x_min":0,"x_max":607,"ha":704,"o":"m 607 777 q 543 599 607 674 q 422 474 482 537 q 357 272 357 391 l 236 272 q 297 487 236 395 q 411 619 298 490 q 474 762 474 691 q 422 885 474 838 q 301 933 371 933 q 179 880 228 933 q 124 706 124 819 l 0 706 q 94 963 0 872 q 302 1044 177 1044 q 511 973 423 1044 q 607 777 607 895 m 370 0 l 230 0 l 230 151 l 370 151 l 370 0 "},"H":{"x_min":0,"x_max":803,"ha":915,"o":"m 803 0 l 667 0 l 667 475 l 140 475 l 140 0 l 0 0 l 0 1013 l 140 1013 l 140 599 l 667 599 l 667 1013 l 803 1013 l 803 0 "},"ν":{"x_min":0,"x_max":675,"ha":761,"o":"m 675 738 l 404 0 l 272 0 l 0 738 l 133 738 l 340 147 l 541 738 l 675 738 "},"c":{"x_min":1,"x_max":701.390625,"ha":775,"o":"m 701 264 q 584 53 681 133 q 353 -26 487 -26 q 91 91 188 -26 q 1 370 1 201 q 92 645 1 537 q 353 761 190 761 q 572 688 479 761 q 690 493 666 615 l 556 493 q 487 606 545 562 q 356 650 428 650 q 186 563 246 650 q 134 372 134 487 q 188 179 134 258 q 359 88 250 88 q 492 136 437 88 q 566 264 548 185 l 701 264 "},"¶":{"x_min":0,"x_max":566.671875,"ha":678,"o":"m 21 892 l 52 892 l 98 761 l 145 892 l 176 892 l 178 741 l 157 741 l 157 867 l 108 741 l 88 741 l 40 871 l 40 741 l 21 741 l 21 892 m 308 854 l 308 731 q 252 691 308 691 q 227 691 240 691 q 207 696 213 695 l 207 712 l 253 706 q 288 733 288 706 l 288 763 q 244 741 279 741 q 193 797 193 741 q 261 860 193 860 q 287 860 273 860 q 308 854 302 855 m 288 842 l 263 843 q 213 796 213 843 q 248 756 213 756 q 288 796 288 756 l 288 842 m 566 988 l 502 988 l 502 -1 l 439 -1 l 439 988 l 317 988 l 317 -1 l 252 -1 l 252 602 q 81 653 155 602 q 0 805 0 711 q 101 989 0 918 q 309 1053 194 1053 l 566 1053 l 566 988 "},"β":{"x_min":0,"x_max":660,"ha":745,"o":"m 471 550 q 610 450 561 522 q 660 280 660 378 q 578 64 660 151 q 367 -22 497 -22 q 239 5 299 -22 q 126 82 178 32 l 126 -278 l 0 -278 l 0 593 q 54 903 0 801 q 318 1042 127 1042 q 519 964 436 1042 q 603 771 603 887 q 567 644 603 701 q 471 550 532 586 m 337 79 q 476 138 418 79 q 535 279 535 198 q 427 437 535 386 q 226 477 344 477 l 226 583 q 398 620 329 583 q 486 762 486 668 q 435 884 486 833 q 312 935 384 935 q 169 861 219 935 q 126 698 126 797 l 126 362 q 170 169 126 242 q 337 79 224 79 "},"Μ":{"x_min":0,"x_max":954,"ha":1068,"o":"m 954 0 l 819 0 l 819 868 l 537 0 l 405 0 l 128 865 l 128 0 l 0 0 l 0 1013 l 199 1013 l 472 158 l 758 1013 l 954 1013 l 954 0 "},"Ό":{"x_min":0.109375,"x_max":1120,"ha":1217,"o":"m 1120 505 q 994 132 1120 282 q 642 -29 861 -29 q 290 130 422 -29 q 167 505 167 280 q 294 883 167 730 q 650 1046 430 1046 q 999 882 868 1046 q 1120 505 1120 730 m 977 504 q 896 784 977 669 q 644 915 804 915 q 391 785 484 915 q 307 504 307 669 q 391 224 307 339 q 644 95 486 95 q 894 224 803 95 q 977 504 977 339 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"Ή":{"x_min":0,"x_max":1158,"ha":1275,"o":"m 1158 0 l 1022 0 l 1022 475 l 496 475 l 496 0 l 356 0 l 356 1012 l 496 1012 l 496 599 l 1022 599 l 1022 1012 l 1158 1012 l 1158 0 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"•":{"x_min":0,"x_max":663.890625,"ha":775,"o":"m 663 529 q 566 293 663 391 q 331 196 469 196 q 97 294 194 196 q 0 529 0 393 q 96 763 0 665 q 331 861 193 861 q 566 763 469 861 q 663 529 663 665 "},"¥":{"x_min":0.1875,"x_max":819.546875,"ha":886,"o":"m 563 561 l 697 561 l 696 487 l 520 487 l 482 416 l 482 380 l 697 380 l 695 308 l 482 308 l 482 0 l 342 0 l 342 308 l 125 308 l 125 380 l 342 380 l 342 417 l 303 487 l 125 487 l 125 561 l 258 561 l 0 1013 l 140 1013 l 411 533 l 679 1013 l 819 1013 l 563 561 "},"(":{"x_min":0,"x_max":318.0625,"ha":415,"o":"m 318 -290 l 230 -290 q 61 23 122 -142 q 0 365 0 190 q 62 712 0 540 q 230 1024 119 869 l 318 1024 q 175 705 219 853 q 125 360 125 542 q 176 22 125 187 q 318 -290 223 -127 "},"U":{"x_min":0,"x_max":796,"ha":904,"o":"m 796 393 q 681 93 796 212 q 386 -25 566 -25 q 101 95 208 -25 q 0 393 0 211 l 0 1013 l 138 1013 l 138 391 q 204 191 138 270 q 394 107 276 107 q 586 191 512 107 q 656 391 656 270 l 656 1013 l 796 1013 l 796 393 "},"γ":{"x_min":0.5,"x_max":744.953125,"ha":822,"o":"m 744 737 l 463 54 l 463 -278 l 338 -278 l 338 54 l 154 495 q 104 597 124 569 q 13 651 67 651 l 0 651 l 0 751 l 39 753 q 168 711 121 753 q 242 594 207 676 l 403 208 l 617 737 l 744 737 "},"α":{"x_min":0,"x_max":765.5625,"ha":809,"o":"m 765 -4 q 698 -14 726 -14 q 564 97 586 -14 q 466 7 525 40 q 337 -26 407 -26 q 88 98 186 -26 q 0 369 0 212 q 88 637 0 525 q 337 760 184 760 q 465 728 407 760 q 563 637 524 696 l 563 739 l 685 739 l 685 222 q 693 141 685 168 q 748 94 708 94 q 765 96 760 94 l 765 -4 m 584 371 q 531 562 584 485 q 360 653 470 653 q 192 566 254 653 q 135 379 135 489 q 186 181 135 261 q 358 84 247 84 q 528 176 465 84 q 584 371 584 260 "},"F":{"x_min":0,"x_max":683.328125,"ha":717,"o":"m 683 888 l 140 888 l 140 583 l 613 583 l 613 458 l 140 458 l 140 0 l 0 0 l 0 1013 l 683 1013 l 683 888 "},"­":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 334 l 0 334 l 0 410 l 705 410 l 705 334 "},":":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 "},"Χ":{"x_min":0,"x_max":854.171875,"ha":935,"o":"m 854 0 l 683 0 l 423 409 l 166 0 l 0 0 l 347 519 l 18 1013 l 186 1013 l 427 637 l 675 1013 l 836 1013 l 504 521 l 854 0 "},"*":{"x_min":116,"x_max":674,"ha":792,"o":"m 674 768 l 475 713 l 610 544 l 517 477 l 394 652 l 272 478 l 178 544 l 314 713 l 116 766 l 153 876 l 341 812 l 342 1013 l 446 1013 l 446 811 l 635 874 l 674 768 "},"†":{"x_min":0,"x_max":777,"ha":835,"o":"m 458 804 l 777 804 l 777 683 l 458 683 l 458 0 l 319 0 l 319 681 l 0 683 l 0 804 l 319 804 l 319 1015 l 458 1013 l 458 804 "},"°":{"x_min":0,"x_max":347,"ha":444,"o":"m 173 802 q 43 856 91 802 q 0 977 0 905 q 45 1101 0 1049 q 173 1153 90 1153 q 303 1098 255 1153 q 347 977 347 1049 q 303 856 347 905 q 173 802 256 802 m 173 884 q 238 910 214 884 q 262 973 262 937 q 239 1038 262 1012 q 173 1064 217 1064 q 108 1037 132 1064 q 85 973 85 1010 q 108 910 85 937 q 173 884 132 884 "},"V":{"x_min":0,"x_max":862.71875,"ha":940,"o":"m 862 1013 l 505 0 l 361 0 l 0 1013 l 143 1013 l 434 165 l 718 1012 l 862 1013 "},"Ξ":{"x_min":0,"x_max":734.71875,"ha":763,"o":"m 723 889 l 9 889 l 9 1013 l 723 1013 l 723 889 m 673 463 l 61 463 l 61 589 l 673 589 l 673 463 m 734 0 l 0 0 l 0 124 l 734 124 l 734 0 "}," ":{"x_min":0,"x_max":0,"ha":853},"Ϋ":{"x_min":0.328125,"x_max":819.515625,"ha":889,"o":"m 588 1046 l 460 1046 l 460 1189 l 588 1189 l 588 1046 m 360 1046 l 232 1046 l 232 1189 l 360 1189 l 360 1046 m 819 1012 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1012 l 140 1012 l 411 533 l 679 1012 l 819 1012 "},"0":{"x_min":73,"x_max":715,"ha":792,"o":"m 394 -29 q 153 129 242 -29 q 73 479 73 272 q 152 829 73 687 q 394 989 241 989 q 634 829 545 989 q 715 479 715 684 q 635 129 715 270 q 394 -29 546 -29 m 394 89 q 546 211 489 89 q 598 479 598 322 q 548 748 598 640 q 394 871 491 871 q 241 748 298 871 q 190 479 190 637 q 239 211 190 319 q 394 89 296 89 "},"”":{"x_min":0,"x_max":347,"ha":454,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 m 347 851 q 310 737 347 784 q 208 669 273 690 l 208 734 q 267 787 250 741 q 280 873 280 821 l 208 873 l 208 1013 l 347 1013 l 347 851 "},"@":{"x_min":0,"x_max":1260,"ha":1357,"o":"m 1098 -45 q 877 -160 1001 -117 q 633 -203 752 -203 q 155 -29 327 -203 q 0 360 0 127 q 176 802 0 616 q 687 1008 372 1008 q 1123 854 969 1008 q 1260 517 1260 718 q 1155 216 1260 341 q 868 82 1044 82 q 772 106 801 82 q 737 202 737 135 q 647 113 700 144 q 527 82 594 82 q 367 147 420 82 q 314 312 314 212 q 401 565 314 452 q 639 690 498 690 q 810 588 760 690 l 849 668 l 938 668 q 877 441 900 532 q 833 226 833 268 q 853 182 833 198 q 902 167 873 167 q 1088 272 1012 167 q 1159 512 1159 372 q 1051 793 1159 681 q 687 925 925 925 q 248 747 415 925 q 97 361 97 586 q 226 26 97 159 q 627 -122 370 -122 q 856 -87 737 -122 q 1061 8 976 -53 l 1098 -45 m 786 488 q 738 580 777 545 q 643 615 700 615 q 483 517 548 615 q 425 322 425 430 q 457 203 425 250 q 552 156 490 156 q 722 273 665 156 q 786 488 738 309 "},"Ί":{"x_min":0,"x_max":499,"ha":613,"o":"m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 m 499 0 l 360 0 l 360 1012 l 499 1012 l 499 0 "},"i":{"x_min":14,"x_max":136,"ha":275,"o":"m 136 873 l 14 873 l 14 1013 l 136 1013 l 136 873 m 136 0 l 14 0 l 14 737 l 136 737 l 136 0 "},"Β":{"x_min":0,"x_max":778,"ha":877,"o":"m 580 545 q 724 468 671 534 q 778 310 778 402 q 673 83 778 170 q 432 0 575 0 l 0 0 l 0 1013 l 411 1013 q 629 957 541 1013 q 732 768 732 891 q 691 632 732 692 q 580 545 650 571 m 393 899 l 139 899 l 139 587 l 379 587 q 521 623 462 587 q 592 744 592 666 q 531 859 592 819 q 393 899 471 899 m 419 124 q 566 169 504 124 q 635 302 635 219 q 559 435 635 388 q 402 476 494 476 l 139 476 l 139 124 l 419 124 "},"υ":{"x_min":0,"x_max":617,"ha":725,"o":"m 617 352 q 540 94 617 199 q 308 -24 455 -24 q 76 94 161 -24 q 0 352 0 199 l 0 739 l 126 739 l 126 355 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 355 492 257 l 492 739 l 617 739 l 617 352 "},"]":{"x_min":0,"x_max":275,"ha":372,"o":"m 275 -281 l 0 -281 l 0 -187 l 151 -187 l 151 920 l 0 920 l 0 1013 l 275 1013 l 275 -281 "},"m":{"x_min":0,"x_max":1019,"ha":1128,"o":"m 1019 0 l 897 0 l 897 454 q 860 591 897 536 q 739 660 816 660 q 613 586 659 660 q 573 436 573 522 l 573 0 l 447 0 l 447 455 q 412 591 447 535 q 294 657 372 657 q 165 586 213 657 q 122 437 122 521 l 122 0 l 0 0 l 0 738 l 117 738 l 117 640 q 202 730 150 697 q 316 763 254 763 q 437 730 381 763 q 525 642 494 697 q 621 731 559 700 q 753 763 682 763 q 943 694 867 763 q 1019 512 1019 625 l 1019 0 "},"χ":{"x_min":8.328125,"x_max":780.5625,"ha":815,"o":"m 780 -278 q 715 -294 747 -294 q 616 -257 663 -294 q 548 -175 576 -227 l 379 133 l 143 -277 l 9 -277 l 313 254 l 163 522 q 127 586 131 580 q 36 640 91 640 q 8 637 27 640 l 8 752 l 52 757 q 162 719 113 757 q 236 627 200 690 l 383 372 l 594 737 l 726 737 l 448 250 l 625 -69 q 670 -153 647 -110 q 743 -188 695 -188 q 780 -184 759 -188 l 780 -278 "},"8":{"x_min":55,"x_max":736,"ha":792,"o":"m 571 527 q 694 424 652 491 q 736 280 736 358 q 648 71 736 158 q 395 -26 551 -26 q 142 69 238 -26 q 55 279 55 157 q 96 425 55 359 q 220 527 138 491 q 120 615 153 562 q 88 726 88 668 q 171 904 88 827 q 395 986 261 986 q 618 905 529 986 q 702 727 702 830 q 670 616 702 667 q 571 527 638 565 m 394 565 q 519 610 475 565 q 563 717 563 655 q 521 823 563 781 q 392 872 474 872 q 265 824 312 872 q 224 720 224 783 q 265 613 224 656 q 394 565 312 565 m 395 91 q 545 150 488 91 q 597 280 597 204 q 546 408 597 355 q 395 465 492 465 q 244 408 299 465 q 194 280 194 356 q 244 150 194 203 q 395 91 299 91 "},"ί":{"x_min":42,"x_max":326.71875,"ha":361,"o":"m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 737 l 167 737 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 102 239 101 q 284 112 257 104 l 284 3 m 326 1040 l 137 819 l 54 819 l 189 1040 l 326 1040 "},"Ζ":{"x_min":0,"x_max":779.171875,"ha":850,"o":"m 779 0 l 0 0 l 0 113 l 620 896 l 40 896 l 40 1013 l 779 1013 l 779 887 l 170 124 l 779 124 l 779 0 "},"R":{"x_min":0,"x_max":781.953125,"ha":907,"o":"m 781 0 l 623 0 q 587 242 590 52 q 407 433 585 433 l 138 433 l 138 0 l 0 0 l 0 1013 l 396 1013 q 636 946 539 1013 q 749 731 749 868 q 711 597 749 659 q 608 502 674 534 q 718 370 696 474 q 729 207 722 352 q 781 26 736 62 l 781 0 m 373 551 q 533 594 465 551 q 614 731 614 645 q 532 859 614 815 q 373 896 465 896 l 138 896 l 138 551 l 373 551 "},"o":{"x_min":0,"x_max":713,"ha":821,"o":"m 357 -25 q 94 91 194 -25 q 0 368 0 202 q 93 642 0 533 q 357 761 193 761 q 618 644 518 761 q 713 368 713 533 q 619 91 713 201 q 357 -25 521 -25 m 357 85 q 528 175 465 85 q 584 369 584 255 q 529 562 584 484 q 357 651 467 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 357 85 250 85 "},"5":{"x_min":54.171875,"x_max":738,"ha":792,"o":"m 738 314 q 626 60 738 153 q 382 -23 526 -23 q 155 47 248 -23 q 54 256 54 125 l 183 256 q 259 132 204 174 q 382 91 314 91 q 533 149 471 91 q 602 314 602 213 q 538 469 602 411 q 386 528 475 528 q 284 506 332 528 q 197 439 237 484 l 81 439 l 159 958 l 684 958 l 684 840 l 254 840 l 214 579 q 306 627 258 612 q 407 643 354 643 q 636 552 540 643 q 738 314 738 457 "},"7":{"x_min":58.71875,"x_max":730.953125,"ha":792,"o":"m 730 839 q 469 448 560 641 q 335 0 378 255 l 192 0 q 328 441 235 252 q 593 830 421 630 l 58 830 l 58 958 l 730 958 l 730 839 "},"K":{"x_min":0,"x_max":819.46875,"ha":906,"o":"m 819 0 l 649 0 l 294 509 l 139 355 l 139 0 l 0 0 l 0 1013 l 139 1013 l 139 526 l 626 1013 l 809 1013 l 395 600 l 819 0 "},",":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 -12 q 105 -132 142 -82 q 0 -205 68 -182 l 0 -138 q 57 -82 40 -124 q 70 0 70 -51 l 0 0 l 0 151 l 142 151 l 142 -12 "},"d":{"x_min":0,"x_max":683,"ha":796,"o":"m 683 0 l 564 0 l 564 93 q 456 6 516 38 q 327 -25 395 -25 q 87 100 181 -25 q 0 365 0 215 q 90 639 0 525 q 343 763 187 763 q 564 647 486 763 l 564 1013 l 683 1013 l 683 0 m 582 373 q 529 562 582 484 q 361 653 468 653 q 190 561 253 653 q 135 365 135 479 q 189 175 135 254 q 358 85 251 85 q 529 178 468 85 q 582 373 582 258 "},"¨":{"x_min":-109,"x_max":247,"ha":232,"o":"m 247 1046 l 119 1046 l 119 1189 l 247 1189 l 247 1046 m 19 1046 l -109 1046 l -109 1189 l 19 1189 l 19 1046 "},"E":{"x_min":0,"x_max":736.109375,"ha":789,"o":"m 736 0 l 0 0 l 0 1013 l 725 1013 l 725 889 l 139 889 l 139 585 l 677 585 l 677 467 l 139 467 l 139 125 l 736 125 l 736 0 "},"Y":{"x_min":0,"x_max":820,"ha":886,"o":"m 820 1013 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1013 l 140 1013 l 411 534 l 679 1012 l 820 1013 "},"\"":{"x_min":0,"x_max":299,"ha":396,"o":"m 299 606 l 203 606 l 203 988 l 299 988 l 299 606 m 96 606 l 0 606 l 0 988 l 96 988 l 96 606 "},"‹":{"x_min":17.984375,"x_max":773.609375,"ha":792,"o":"m 773 40 l 18 376 l 17 465 l 773 799 l 773 692 l 159 420 l 773 149 l 773 40 "},"„":{"x_min":0,"x_max":364,"ha":467,"o":"m 141 -12 q 104 -132 141 -82 q 0 -205 67 -182 l 0 -138 q 56 -82 40 -124 q 69 0 69 -51 l 0 0 l 0 151 l 141 151 l 141 -12 m 364 -12 q 327 -132 364 -82 q 222 -205 290 -182 l 222 -138 q 279 -82 262 -124 q 292 0 292 -51 l 222 0 l 222 151 l 364 151 l 364 -12 "},"δ":{"x_min":1,"x_max":710,"ha":810,"o":"m 710 360 q 616 87 710 196 q 356 -28 518 -28 q 99 82 197 -28 q 1 356 1 192 q 100 606 1 509 q 355 703 199 703 q 180 829 288 754 q 70 903 124 866 l 70 1012 l 643 1012 l 643 901 l 258 901 q 462 763 422 794 q 636 592 577 677 q 710 360 710 485 m 584 365 q 552 501 584 447 q 451 602 521 555 q 372 611 411 611 q 197 541 258 611 q 136 355 136 472 q 190 171 136 245 q 358 85 252 85 q 528 173 465 85 q 584 365 584 252 "},"έ":{"x_min":0,"x_max":634.71875,"ha":714,"o":"m 634 234 q 527 38 634 110 q 300 -25 433 -25 q 98 29 183 -25 q 0 204 0 93 q 37 313 0 265 q 128 390 67 352 q 56 459 82 419 q 26 555 26 505 q 114 712 26 654 q 295 763 191 763 q 499 700 416 763 q 589 515 589 631 l 478 515 q 419 618 464 580 q 307 657 374 657 q 207 630 253 657 q 151 547 151 598 q 238 445 151 469 q 389 434 280 434 l 389 331 l 349 331 q 206 315 255 331 q 125 210 125 287 q 183 107 125 145 q 302 76 233 76 q 436 117 379 76 q 509 234 493 159 l 634 234 m 520 1040 l 331 819 l 248 819 l 383 1040 l 520 1040 "},"ω":{"x_min":0,"x_max":922,"ha":1031,"o":"m 922 339 q 856 97 922 203 q 650 -26 780 -26 q 538 9 587 -26 q 461 103 489 44 q 387 12 436 46 q 277 -22 339 -22 q 69 97 147 -22 q 0 339 0 203 q 45 551 0 444 q 161 738 84 643 l 302 738 q 175 553 219 647 q 124 336 124 446 q 155 179 124 249 q 275 88 197 88 q 375 163 341 88 q 400 294 400 219 l 400 572 l 524 572 l 524 294 q 561 135 524 192 q 643 88 591 88 q 762 182 719 88 q 797 342 797 257 q 745 556 797 450 q 619 738 705 638 l 760 738 q 874 551 835 640 q 922 339 922 444 "},"´":{"x_min":0,"x_max":96,"ha":251,"o":"m 96 606 l 0 606 l 0 988 l 96 988 l 96 606 "},"±":{"x_min":11,"x_max":781,"ha":792,"o":"m 781 490 l 446 490 l 446 255 l 349 255 l 349 490 l 11 490 l 11 586 l 349 586 l 349 819 l 446 819 l 446 586 l 781 586 l 781 490 m 781 21 l 11 21 l 11 115 l 781 115 l 781 21 "},"|":{"x_min":343,"x_max":449,"ha":792,"o":"m 449 462 l 343 462 l 343 986 l 449 986 l 449 462 m 449 -242 l 343 -242 l 343 280 l 449 280 l 449 -242 "},"ϋ":{"x_min":0,"x_max":617,"ha":725,"o":"m 482 800 l 372 800 l 372 925 l 482 925 l 482 800 m 239 800 l 129 800 l 129 925 l 239 925 l 239 800 m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 "},"§":{"x_min":0,"x_max":593,"ha":690,"o":"m 593 425 q 554 312 593 369 q 467 233 516 254 q 537 83 537 172 q 459 -74 537 -12 q 288 -133 387 -133 q 115 -69 184 -133 q 47 96 47 -6 l 166 96 q 199 7 166 40 q 288 -26 232 -26 q 371 -5 332 -26 q 420 60 420 21 q 311 201 420 139 q 108 309 210 255 q 0 490 0 383 q 33 602 0 551 q 124 687 66 654 q 75 743 93 712 q 58 812 58 773 q 133 984 58 920 q 300 1043 201 1043 q 458 987 394 1043 q 529 814 529 925 l 411 814 q 370 908 404 877 q 289 939 336 939 q 213 911 246 939 q 180 841 180 883 q 286 720 180 779 q 484 612 480 615 q 593 425 593 534 m 467 409 q 355 544 467 473 q 196 630 228 612 q 146 587 162 609 q 124 525 124 558 q 239 387 124 462 q 398 298 369 315 q 448 345 429 316 q 467 409 467 375 "},"b":{"x_min":0,"x_max":685,"ha":783,"o":"m 685 372 q 597 99 685 213 q 347 -25 501 -25 q 219 5 277 -25 q 121 93 161 36 l 121 0 l 0 0 l 0 1013 l 121 1013 l 121 634 q 214 723 157 692 q 341 754 272 754 q 591 637 493 754 q 685 372 685 526 m 554 356 q 499 550 554 470 q 328 644 437 644 q 162 556 223 644 q 108 369 108 478 q 160 176 108 256 q 330 83 221 83 q 498 169 435 83 q 554 356 554 245 "},"q":{"x_min":0,"x_max":683,"ha":876,"o":"m 683 -278 l 564 -278 l 564 97 q 474 8 533 39 q 345 -23 415 -23 q 91 93 188 -23 q 0 364 0 203 q 87 635 0 522 q 337 760 184 760 q 466 727 408 760 q 564 637 523 695 l 564 737 l 683 737 l 683 -278 m 582 375 q 527 564 582 488 q 358 652 466 652 q 190 565 253 652 q 135 377 135 488 q 189 179 135 261 q 361 84 251 84 q 530 179 469 84 q 582 375 582 260 "},"Ω":{"x_min":-0.171875,"x_max":969.5625,"ha":1068,"o":"m 969 0 l 555 0 l 555 123 q 744 308 675 194 q 814 558 814 423 q 726 812 814 709 q 484 922 633 922 q 244 820 334 922 q 154 567 154 719 q 223 316 154 433 q 412 123 292 199 l 412 0 l 0 0 l 0 124 l 217 124 q 68 327 122 210 q 15 572 15 444 q 144 911 15 781 q 484 1041 274 1041 q 822 909 691 1041 q 953 569 953 777 q 899 326 953 443 q 750 124 846 210 l 969 124 l 969 0 "},"ύ":{"x_min":0,"x_max":617,"ha":725,"o":"m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 m 535 1040 l 346 819 l 262 819 l 397 1040 l 535 1040 "},"z":{"x_min":-0.015625,"x_max":613.890625,"ha":697,"o":"m 613 0 l 0 0 l 0 100 l 433 630 l 20 630 l 20 738 l 594 738 l 593 636 l 163 110 l 613 110 l 613 0 "},"™":{"x_min":0,"x_max":894,"ha":1000,"o":"m 389 951 l 229 951 l 229 503 l 160 503 l 160 951 l 0 951 l 0 1011 l 389 1011 l 389 951 m 894 503 l 827 503 l 827 939 l 685 503 l 620 503 l 481 937 l 481 503 l 417 503 l 417 1011 l 517 1011 l 653 580 l 796 1010 l 894 1011 l 894 503 "},"ή":{"x_min":0.78125,"x_max":697,"ha":810,"o":"m 697 -278 l 572 -278 l 572 454 q 540 587 572 536 q 425 650 501 650 q 271 579 337 650 q 206 420 206 509 l 206 0 l 81 0 l 81 489 q 73 588 81 562 q 0 644 56 644 l 0 741 q 68 755 38 755 q 158 721 124 755 q 200 630 193 687 q 297 726 234 692 q 434 761 359 761 q 620 692 544 761 q 697 516 697 624 l 697 -278 m 479 1040 l 290 819 l 207 819 l 341 1040 l 479 1040 "},"Θ":{"x_min":0,"x_max":960,"ha":1056,"o":"m 960 507 q 833 129 960 280 q 476 -32 698 -32 q 123 129 255 -32 q 0 507 0 280 q 123 883 0 732 q 476 1045 255 1045 q 832 883 696 1045 q 960 507 960 732 m 817 500 q 733 789 817 669 q 476 924 639 924 q 223 792 317 924 q 142 507 142 675 q 222 222 142 339 q 476 89 315 89 q 730 218 636 89 q 817 500 817 334 m 716 449 l 243 449 l 243 571 l 716 571 l 716 449 "},"®":{"x_min":-3,"x_max":1008,"ha":1106,"o":"m 503 532 q 614 562 566 532 q 672 658 672 598 q 614 747 672 716 q 503 772 569 772 l 338 772 l 338 532 l 503 532 m 502 -7 q 123 151 263 -7 q -3 501 -3 294 q 123 851 -3 706 q 502 1011 263 1011 q 881 851 739 1011 q 1008 501 1008 708 q 883 151 1008 292 q 502 -7 744 -7 m 502 60 q 830 197 709 60 q 940 501 940 322 q 831 805 940 681 q 502 944 709 944 q 174 805 296 944 q 65 501 65 680 q 173 197 65 320 q 502 60 294 60 m 788 146 l 678 146 q 653 316 655 183 q 527 449 652 449 l 338 449 l 338 146 l 241 146 l 241 854 l 518 854 q 688 808 621 854 q 766 658 766 755 q 739 563 766 607 q 668 497 713 519 q 751 331 747 472 q 788 164 756 190 l 788 146 "},"~":{"x_min":0,"x_max":833,"ha":931,"o":"m 833 958 q 778 753 833 831 q 594 665 716 665 q 402 761 502 665 q 240 857 302 857 q 131 795 166 857 q 104 665 104 745 l 0 665 q 54 867 0 789 q 237 958 116 958 q 429 861 331 958 q 594 765 527 765 q 704 827 670 765 q 729 958 729 874 l 833 958 "},"Ε":{"x_min":0,"x_max":736.21875,"ha":778,"o":"m 736 0 l 0 0 l 0 1013 l 725 1013 l 725 889 l 139 889 l 139 585 l 677 585 l 677 467 l 139 467 l 139 125 l 736 125 l 736 0 "},"³":{"x_min":0,"x_max":450,"ha":547,"o":"m 450 552 q 379 413 450 464 q 220 366 313 366 q 69 414 130 366 q 0 567 0 470 l 85 567 q 126 470 85 504 q 225 437 168 437 q 320 467 280 437 q 360 552 360 498 q 318 632 360 608 q 213 657 276 657 q 195 657 203 657 q 176 657 181 657 l 176 722 q 279 733 249 722 q 334 815 334 752 q 300 881 334 856 q 220 907 267 907 q 133 875 169 907 q 97 781 97 844 l 15 781 q 78 926 15 875 q 220 972 135 972 q 364 930 303 972 q 426 817 426 888 q 344 697 426 733 q 421 642 392 681 q 450 552 450 603 "},"[":{"x_min":0,"x_max":273.609375,"ha":371,"o":"m 273 -281 l 0 -281 l 0 1013 l 273 1013 l 273 920 l 124 920 l 124 -187 l 273 -187 l 273 -281 "},"L":{"x_min":0,"x_max":645.828125,"ha":696,"o":"m 645 0 l 0 0 l 0 1013 l 140 1013 l 140 126 l 645 126 l 645 0 "},"σ":{"x_min":0,"x_max":803.390625,"ha":894,"o":"m 803 628 l 633 628 q 713 368 713 512 q 618 93 713 204 q 357 -25 518 -25 q 94 91 194 -25 q 0 368 0 201 q 94 644 0 533 q 356 761 194 761 q 481 750 398 761 q 608 739 564 739 l 803 739 l 803 628 m 360 85 q 529 180 467 85 q 584 374 584 262 q 527 566 584 490 q 352 651 463 651 q 187 559 247 651 q 135 368 135 478 q 189 175 135 254 q 360 85 251 85 "},"ζ":{"x_min":0,"x_max":573,"ha":642,"o":"m 573 -40 q 553 -162 573 -97 q 510 -278 543 -193 l 400 -278 q 441 -187 428 -219 q 462 -90 462 -132 q 378 -14 462 -14 q 108 45 197 -14 q 0 290 0 117 q 108 631 0 462 q 353 901 194 767 l 55 901 l 55 1012 l 561 1012 l 561 924 q 261 669 382 831 q 128 301 128 489 q 243 117 128 149 q 458 98 350 108 q 573 -40 573 80 "},"θ":{"x_min":0,"x_max":674,"ha":778,"o":"m 674 496 q 601 160 674 304 q 336 -26 508 -26 q 73 153 165 -26 q 0 485 0 296 q 72 840 0 683 q 343 1045 166 1045 q 605 844 516 1045 q 674 496 674 692 m 546 579 q 498 798 546 691 q 336 935 437 935 q 178 798 237 935 q 126 579 137 701 l 546 579 m 546 475 l 126 475 q 170 233 126 348 q 338 80 230 80 q 504 233 447 80 q 546 475 546 346 "},"Ο":{"x_min":0,"x_max":958,"ha":1054,"o":"m 485 1042 q 834 883 703 1042 q 958 511 958 735 q 834 136 958 287 q 481 -26 701 -26 q 126 130 261 -26 q 0 504 0 279 q 127 880 0 729 q 485 1042 263 1042 m 480 98 q 731 225 638 98 q 815 504 815 340 q 733 783 815 670 q 480 913 640 913 q 226 785 321 913 q 142 504 142 671 q 226 224 142 339 q 480 98 319 98 "},"Γ":{"x_min":0,"x_max":705.28125,"ha":749,"o":"m 705 886 l 140 886 l 140 0 l 0 0 l 0 1012 l 705 1012 l 705 886 "}," ":{"x_min":0,"x_max":0,"ha":375},"%":{"x_min":-3,"x_max":1089,"ha":1186,"o":"m 845 0 q 663 76 731 0 q 602 244 602 145 q 661 412 602 344 q 845 489 728 489 q 1027 412 959 489 q 1089 244 1089 343 q 1029 76 1089 144 q 845 0 962 0 m 844 103 q 945 143 909 103 q 981 243 981 184 q 947 340 981 301 q 844 385 909 385 q 744 342 781 385 q 708 243 708 300 q 741 147 708 186 q 844 103 780 103 m 888 986 l 284 -25 l 199 -25 l 803 986 l 888 986 m 241 468 q 58 545 126 468 q -3 715 -3 615 q 56 881 -3 813 q 238 958 124 958 q 421 881 353 958 q 483 712 483 813 q 423 544 483 612 q 241 468 356 468 m 241 855 q 137 811 175 855 q 100 710 100 768 q 136 612 100 653 q 240 572 172 572 q 344 614 306 572 q 382 713 382 656 q 347 810 382 771 q 241 855 308 855 "},"P":{"x_min":0,"x_max":726,"ha":806,"o":"m 424 1013 q 640 931 555 1013 q 726 719 726 850 q 637 506 726 587 q 413 426 548 426 l 140 426 l 140 0 l 0 0 l 0 1013 l 424 1013 m 379 889 l 140 889 l 140 548 l 372 548 q 522 589 459 548 q 593 720 593 637 q 528 845 593 801 q 379 889 463 889 "},"Έ":{"x_min":0,"x_max":1078.21875,"ha":1118,"o":"m 1078 0 l 342 0 l 342 1013 l 1067 1013 l 1067 889 l 481 889 l 481 585 l 1019 585 l 1019 467 l 481 467 l 481 125 l 1078 125 l 1078 0 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"Ώ":{"x_min":0.125,"x_max":1136.546875,"ha":1235,"o":"m 1136 0 l 722 0 l 722 123 q 911 309 842 194 q 981 558 981 423 q 893 813 981 710 q 651 923 800 923 q 411 821 501 923 q 321 568 321 720 q 390 316 321 433 q 579 123 459 200 l 579 0 l 166 0 l 166 124 l 384 124 q 235 327 289 210 q 182 572 182 444 q 311 912 182 782 q 651 1042 441 1042 q 989 910 858 1042 q 1120 569 1120 778 q 1066 326 1120 443 q 917 124 1013 210 l 1136 124 l 1136 0 m 277 1040 l 83 800 l 0 800 l 140 1041 l 277 1040 "},"_":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 -334 l 0 -334 l 0 -234 l 705 -234 l 705 -334 "},"Ϊ":{"x_min":-110,"x_max":246,"ha":275,"o":"m 246 1046 l 118 1046 l 118 1189 l 246 1189 l 246 1046 m 18 1046 l -110 1046 l -110 1189 l 18 1189 l 18 1046 m 136 0 l 0 0 l 0 1012 l 136 1012 l 136 0 "},"+":{"x_min":23,"x_max":768,"ha":792,"o":"m 768 372 l 444 372 l 444 0 l 347 0 l 347 372 l 23 372 l 23 468 l 347 468 l 347 840 l 444 840 l 444 468 l 768 468 l 768 372 "},"½":{"x_min":0,"x_max":1050,"ha":1149,"o":"m 1050 0 l 625 0 q 712 178 625 108 q 878 277 722 187 q 967 385 967 328 q 932 456 967 429 q 850 484 897 484 q 759 450 798 484 q 721 352 721 416 l 640 352 q 706 502 640 448 q 851 551 766 551 q 987 509 931 551 q 1050 385 1050 462 q 976 251 1050 301 q 829 179 902 215 q 717 68 740 133 l 1050 68 l 1050 0 m 834 985 l 215 -28 l 130 -28 l 750 984 l 834 985 m 224 422 l 142 422 l 142 811 l 0 811 l 0 867 q 104 889 62 867 q 164 973 157 916 l 224 973 l 224 422 "},"Ρ":{"x_min":0,"x_max":720,"ha":783,"o":"m 424 1013 q 637 933 554 1013 q 720 723 720 853 q 633 508 720 591 q 413 426 546 426 l 140 426 l 140 0 l 0 0 l 0 1013 l 424 1013 m 378 889 l 140 889 l 140 548 l 371 548 q 521 589 458 548 q 592 720 592 637 q 527 845 592 801 q 378 889 463 889 "},"'":{"x_min":0,"x_max":139,"ha":236,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 "},"ª":{"x_min":0,"x_max":350,"ha":397,"o":"m 350 625 q 307 616 328 616 q 266 631 281 616 q 247 673 251 645 q 190 628 225 644 q 116 613 156 613 q 32 641 64 613 q 0 722 0 669 q 72 826 0 800 q 247 866 159 846 l 247 887 q 220 934 247 916 q 162 953 194 953 q 104 934 129 953 q 76 882 80 915 l 16 882 q 60 976 16 941 q 166 1011 104 1011 q 266 979 224 1011 q 308 891 308 948 l 308 706 q 311 679 308 688 q 331 670 315 670 l 350 672 l 350 625 m 247 757 l 247 811 q 136 790 175 798 q 64 726 64 773 q 83 682 64 697 q 132 667 103 667 q 207 690 174 667 q 247 757 247 718 "},"΅":{"x_min":0,"x_max":450,"ha":553,"o":"m 450 800 l 340 800 l 340 925 l 450 925 l 450 800 m 406 1040 l 212 800 l 129 800 l 269 1040 l 406 1040 m 110 800 l 0 800 l 0 925 l 110 925 l 110 800 "},"T":{"x_min":0,"x_max":777,"ha":835,"o":"m 777 894 l 458 894 l 458 0 l 319 0 l 319 894 l 0 894 l 0 1013 l 777 1013 l 777 894 "},"Φ":{"x_min":0,"x_max":915,"ha":997,"o":"m 527 0 l 389 0 l 389 122 q 110 231 220 122 q 0 509 0 340 q 110 785 0 677 q 389 893 220 893 l 389 1013 l 527 1013 l 527 893 q 804 786 693 893 q 915 509 915 679 q 805 231 915 341 q 527 122 696 122 l 527 0 m 527 226 q 712 310 641 226 q 779 507 779 389 q 712 705 779 627 q 527 787 641 787 l 527 226 m 389 226 l 389 787 q 205 698 275 775 q 136 505 136 620 q 206 308 136 391 q 389 226 276 226 "},"⁋":{"x_min":0,"x_max":0,"ha":694},"j":{"x_min":-77.78125,"x_max":167,"ha":349,"o":"m 167 871 l 42 871 l 42 1013 l 167 1013 l 167 871 m 167 -80 q 121 -231 167 -184 q -26 -278 76 -278 l -77 -278 l -77 -164 l -41 -164 q 26 -143 11 -164 q 42 -65 42 -122 l 42 737 l 167 737 l 167 -80 "},"Σ":{"x_min":0,"x_max":756.953125,"ha":819,"o":"m 756 0 l 0 0 l 0 107 l 395 523 l 22 904 l 22 1013 l 745 1013 l 745 889 l 209 889 l 566 523 l 187 125 l 756 125 l 756 0 "},"1":{"x_min":215.671875,"x_max":574,"ha":792,"o":"m 574 0 l 442 0 l 442 697 l 215 697 l 215 796 q 386 833 330 796 q 475 986 447 875 l 574 986 l 574 0 "},"›":{"x_min":18.0625,"x_max":774,"ha":792,"o":"m 774 376 l 18 40 l 18 149 l 631 421 l 18 692 l 18 799 l 774 465 l 774 376 "},"<":{"x_min":17.984375,"x_max":773.609375,"ha":792,"o":"m 773 40 l 18 376 l 17 465 l 773 799 l 773 692 l 159 420 l 773 149 l 773 40 "},"£":{"x_min":0,"x_max":704.484375,"ha":801,"o":"m 704 41 q 623 -10 664 5 q 543 -26 583 -26 q 359 15 501 -26 q 243 36 288 36 q 158 23 197 36 q 73 -21 119 10 l 6 76 q 125 195 90 150 q 175 331 175 262 q 147 443 175 383 l 0 443 l 0 512 l 108 512 q 43 734 43 623 q 120 929 43 854 q 358 1010 204 1010 q 579 936 487 1010 q 678 729 678 857 l 678 684 l 552 684 q 504 838 552 780 q 362 896 457 896 q 216 852 263 896 q 176 747 176 815 q 199 627 176 697 q 248 512 217 574 l 468 512 l 468 443 l 279 443 q 297 356 297 398 q 230 194 297 279 q 153 107 211 170 q 227 133 190 125 q 293 142 264 142 q 410 119 339 142 q 516 96 482 96 q 579 105 550 96 q 648 142 608 115 l 704 41 "},"t":{"x_min":0,"x_max":367,"ha":458,"o":"m 367 0 q 312 -5 339 -2 q 262 -8 284 -8 q 145 28 183 -8 q 108 143 108 64 l 108 638 l 0 638 l 0 738 l 108 738 l 108 944 l 232 944 l 232 738 l 367 738 l 367 638 l 232 638 l 232 185 q 248 121 232 140 q 307 102 264 102 q 345 104 330 102 q 367 107 360 107 l 367 0 "},"¬":{"x_min":0,"x_max":706,"ha":803,"o":"m 706 411 l 706 158 l 630 158 l 630 335 l 0 335 l 0 411 l 706 411 "},"λ":{"x_min":0,"x_max":750,"ha":803,"o":"m 750 -7 q 679 -15 716 -15 q 538 59 591 -15 q 466 214 512 97 l 336 551 l 126 0 l 0 0 l 270 705 q 223 837 247 770 q 116 899 190 899 q 90 898 100 899 l 90 1004 q 152 1011 125 1011 q 298 938 244 1011 q 373 783 326 901 l 605 192 q 649 115 629 136 q 716 95 669 95 l 736 95 q 750 97 745 97 l 750 -7 "},"W":{"x_min":0,"x_max":1263.890625,"ha":1351,"o":"m 1263 1013 l 995 0 l 859 0 l 627 837 l 405 0 l 265 0 l 0 1013 l 136 1013 l 342 202 l 556 1013 l 701 1013 l 921 207 l 1133 1012 l 1263 1013 "},">":{"x_min":18.0625,"x_max":774,"ha":792,"o":"m 774 376 l 18 40 l 18 149 l 631 421 l 18 692 l 18 799 l 774 465 l 774 376 "},"v":{"x_min":0,"x_max":675.15625,"ha":761,"o":"m 675 738 l 404 0 l 272 0 l 0 738 l 133 737 l 340 147 l 541 737 l 675 738 "},"τ":{"x_min":0.28125,"x_max":644.5,"ha":703,"o":"m 644 628 l 382 628 l 382 179 q 388 120 382 137 q 436 91 401 91 q 474 94 447 91 q 504 97 501 97 l 504 0 q 454 -9 482 -5 q 401 -14 426 -14 q 278 67 308 -14 q 260 233 260 118 l 260 628 l 0 628 l 0 739 l 644 739 l 644 628 "},"ξ":{"x_min":0,"x_max":624.9375,"ha":699,"o":"m 624 -37 q 608 -153 624 -96 q 563 -278 593 -211 l 454 -278 q 491 -183 486 -200 q 511 -83 511 -126 q 484 -23 511 -44 q 370 1 452 1 q 323 0 354 1 q 283 -1 293 -1 q 84 76 169 -1 q 0 266 0 154 q 56 431 0 358 q 197 538 108 498 q 94 613 134 562 q 54 730 54 665 q 77 823 54 780 q 143 901 101 867 l 27 901 l 27 1012 l 576 1012 l 576 901 l 380 901 q 244 863 303 901 q 178 745 178 820 q 312 600 178 636 q 532 582 380 582 l 532 479 q 276 455 361 479 q 118 281 118 410 q 165 173 118 217 q 274 120 208 133 q 494 101 384 110 q 624 -37 624 76 "},"&":{"x_min":-3,"x_max":894.25,"ha":992,"o":"m 894 0 l 725 0 l 624 123 q 471 0 553 40 q 306 -41 390 -41 q 168 -7 231 -41 q 62 92 105 26 q 14 187 31 139 q -3 276 -3 235 q 55 433 -3 358 q 248 581 114 508 q 170 689 196 640 q 137 817 137 751 q 214 985 137 922 q 384 1041 284 1041 q 548 988 483 1041 q 622 824 622 928 q 563 666 622 739 q 431 556 516 608 l 621 326 q 649 407 639 361 q 663 493 653 426 l 781 493 q 703 229 781 352 l 894 0 m 504 818 q 468 908 504 877 q 384 940 433 940 q 293 907 331 940 q 255 818 255 875 q 289 714 255 767 q 363 628 313 678 q 477 729 446 682 q 504 818 504 771 m 556 209 l 314 499 q 179 395 223 449 q 135 283 135 341 q 146 222 135 253 q 183 158 158 192 q 333 80 241 80 q 556 209 448 80 "},"Λ":{"x_min":0,"x_max":862.5,"ha":942,"o":"m 862 0 l 719 0 l 426 847 l 143 0 l 0 0 l 356 1013 l 501 1013 l 862 0 "},"I":{"x_min":41,"x_max":180,"ha":293,"o":"m 180 0 l 41 0 l 41 1013 l 180 1013 l 180 0 "},"G":{"x_min":0,"x_max":921,"ha":1011,"o":"m 921 0 l 832 0 l 801 136 q 655 15 741 58 q 470 -28 568 -28 q 126 133 259 -28 q 0 499 0 284 q 125 881 0 731 q 486 1043 259 1043 q 763 957 647 1043 q 905 709 890 864 l 772 709 q 668 866 747 807 q 486 926 589 926 q 228 795 322 926 q 142 507 142 677 q 228 224 142 342 q 483 94 323 94 q 712 195 625 94 q 796 435 796 291 l 477 435 l 477 549 l 921 549 l 921 0 "},"ΰ":{"x_min":0,"x_max":617,"ha":725,"o":"m 524 800 l 414 800 l 414 925 l 524 925 l 524 800 m 183 800 l 73 800 l 73 925 l 183 925 l 183 800 m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 m 489 1040 l 300 819 l 216 819 l 351 1040 l 489 1040 "},"`":{"x_min":0,"x_max":138.890625,"ha":236,"o":"m 138 699 l 0 699 l 0 861 q 36 974 0 929 q 138 1041 72 1020 l 138 977 q 82 931 95 969 q 69 839 69 893 l 138 839 l 138 699 "},"·":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 "},"Υ":{"x_min":0.328125,"x_max":819.515625,"ha":889,"o":"m 819 1013 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1013 l 140 1013 l 411 533 l 679 1013 l 819 1013 "},"r":{"x_min":0,"x_max":355.5625,"ha":432,"o":"m 355 621 l 343 621 q 179 569 236 621 q 122 411 122 518 l 122 0 l 0 0 l 0 737 l 117 737 l 117 604 q 204 719 146 686 q 355 753 262 753 l 355 621 "},"x":{"x_min":0,"x_max":675,"ha":764,"o":"m 675 0 l 525 0 l 331 286 l 144 0 l 0 0 l 256 379 l 12 738 l 157 737 l 336 473 l 516 738 l 661 738 l 412 380 l 675 0 "},"μ":{"x_min":0,"x_max":696.609375,"ha":747,"o":"m 696 -4 q 628 -14 657 -14 q 498 97 513 -14 q 422 8 470 41 q 313 -24 374 -24 q 207 3 258 -24 q 120 80 157 31 l 120 -278 l 0 -278 l 0 738 l 124 738 l 124 343 q 165 172 124 246 q 308 82 216 82 q 451 177 402 82 q 492 358 492 254 l 492 738 l 616 738 l 616 214 q 623 136 616 160 q 673 92 636 92 q 696 95 684 92 l 696 -4 "},"h":{"x_min":0,"x_max":615,"ha":724,"o":"m 615 472 l 615 0 l 490 0 l 490 454 q 456 590 490 535 q 338 654 416 654 q 186 588 251 654 q 122 436 122 522 l 122 0 l 0 0 l 0 1013 l 122 1013 l 122 633 q 218 727 149 694 q 362 760 287 760 q 552 676 484 760 q 615 472 615 600 "},".":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 "},"φ":{"x_min":-2,"x_max":878,"ha":974,"o":"m 496 -279 l 378 -279 l 378 -17 q 101 88 204 -17 q -2 367 -2 194 q 68 626 -2 510 q 283 758 151 758 l 283 646 q 167 537 209 626 q 133 373 133 462 q 192 177 133 254 q 378 93 259 93 l 378 758 q 445 764 426 763 q 476 765 464 765 q 765 659 653 765 q 878 377 878 553 q 771 96 878 209 q 496 -17 665 -17 l 496 -279 m 496 93 l 514 93 q 687 183 623 93 q 746 380 746 265 q 691 569 746 491 q 522 658 629 658 l 496 656 l 496 93 "},";":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 m 142 -12 q 105 -132 142 -82 q 0 -206 68 -182 l 0 -138 q 58 -82 43 -123 q 68 0 68 -56 l 0 0 l 0 151 l 142 151 l 142 -12 "},"f":{"x_min":0,"x_max":378,"ha":472,"o":"m 378 638 l 246 638 l 246 0 l 121 0 l 121 638 l 0 638 l 0 738 l 121 738 q 137 935 121 887 q 290 1028 171 1028 q 320 1027 305 1028 q 378 1021 334 1026 l 378 908 q 323 918 346 918 q 257 870 273 918 q 246 780 246 840 l 246 738 l 378 738 l 378 638 "},"“":{"x_min":1,"x_max":348.21875,"ha":454,"o":"m 140 670 l 1 670 l 1 830 q 37 943 1 897 q 140 1011 74 990 l 140 947 q 82 900 97 940 q 68 810 68 861 l 140 810 l 140 670 m 348 670 l 209 670 l 209 830 q 245 943 209 897 q 348 1011 282 990 l 348 947 q 290 900 305 940 q 276 810 276 861 l 348 810 l 348 670 "},"A":{"x_min":0.03125,"x_max":906.953125,"ha":1008,"o":"m 906 0 l 756 0 l 648 303 l 251 303 l 142 0 l 0 0 l 376 1013 l 529 1013 l 906 0 m 610 421 l 452 867 l 293 421 l 610 421 "},"6":{"x_min":53,"x_max":739,"ha":792,"o":"m 739 312 q 633 62 739 162 q 400 -31 534 -31 q 162 78 257 -31 q 53 439 53 206 q 178 859 53 712 q 441 986 284 986 q 643 912 559 986 q 732 713 732 833 l 601 713 q 544 830 594 786 q 426 875 494 875 q 268 793 331 875 q 193 517 193 697 q 301 597 240 570 q 427 624 362 624 q 643 540 552 624 q 739 312 739 451 m 603 298 q 540 461 603 400 q 404 516 484 516 q 268 461 323 516 q 207 300 207 401 q 269 137 207 198 q 405 83 325 83 q 541 137 486 83 q 603 298 603 197 "},"‘":{"x_min":1,"x_max":139.890625,"ha":236,"o":"m 139 670 l 1 670 l 1 830 q 37 943 1 897 q 139 1011 74 990 l 139 947 q 82 900 97 940 q 68 810 68 861 l 139 810 l 139 670 "},"ϊ":{"x_min":-70,"x_max":283,"ha":361,"o":"m 283 800 l 173 800 l 173 925 l 283 925 l 283 800 m 40 800 l -70 800 l -70 925 l 40 925 l 40 800 m 283 3 q 232 -10 257 -5 q 181 -15 206 -15 q 84 26 118 -15 q 41 200 41 79 l 41 737 l 166 737 l 167 215 q 171 141 167 157 q 225 101 182 101 q 247 103 238 101 q 283 112 256 104 l 283 3 "},"π":{"x_min":-0.21875,"x_max":773.21875,"ha":857,"o":"m 773 -7 l 707 -11 q 575 40 607 -11 q 552 174 552 77 l 552 226 l 552 626 l 222 626 l 222 0 l 97 0 l 97 626 l 0 626 l 0 737 l 773 737 l 773 626 l 676 626 l 676 171 q 695 103 676 117 q 773 90 714 90 l 773 -7 "},"ά":{"x_min":0,"x_max":765.5625,"ha":809,"o":"m 765 -4 q 698 -14 726 -14 q 564 97 586 -14 q 466 7 525 40 q 337 -26 407 -26 q 88 98 186 -26 q 0 369 0 212 q 88 637 0 525 q 337 760 184 760 q 465 727 407 760 q 563 637 524 695 l 563 738 l 685 738 l 685 222 q 693 141 685 168 q 748 94 708 94 q 765 95 760 94 l 765 -4 m 584 371 q 531 562 584 485 q 360 653 470 653 q 192 566 254 653 q 135 379 135 489 q 186 181 135 261 q 358 84 247 84 q 528 176 465 84 q 584 371 584 260 m 604 1040 l 415 819 l 332 819 l 466 1040 l 604 1040 "},"O":{"x_min":0,"x_max":958,"ha":1057,"o":"m 485 1041 q 834 882 702 1041 q 958 512 958 734 q 834 136 958 287 q 481 -26 702 -26 q 126 130 261 -26 q 0 504 0 279 q 127 880 0 728 q 485 1041 263 1041 m 480 98 q 731 225 638 98 q 815 504 815 340 q 733 783 815 669 q 480 912 640 912 q 226 784 321 912 q 142 504 142 670 q 226 224 142 339 q 480 98 319 98 "},"n":{"x_min":0,"x_max":615,"ha":724,"o":"m 615 463 l 615 0 l 490 0 l 490 454 q 453 592 490 537 q 331 656 410 656 q 178 585 240 656 q 117 421 117 514 l 117 0 l 0 0 l 0 738 l 117 738 l 117 630 q 218 728 150 693 q 359 764 286 764 q 552 675 484 764 q 615 463 615 593 "},"3":{"x_min":54,"x_max":737,"ha":792,"o":"m 737 284 q 635 55 737 141 q 399 -25 541 -25 q 156 52 248 -25 q 54 308 54 140 l 185 308 q 245 147 185 202 q 395 96 302 96 q 539 140 484 96 q 602 280 602 190 q 510 429 602 390 q 324 454 451 454 l 324 565 q 487 584 441 565 q 565 719 565 617 q 515 835 565 791 q 395 879 466 879 q 255 824 307 879 q 203 661 203 769 l 78 661 q 166 909 78 822 q 387 992 250 992 q 603 921 513 992 q 701 723 701 844 q 669 607 701 656 q 578 524 637 558 q 696 434 655 499 q 737 284 737 369 "},"9":{"x_min":53,"x_max":739,"ha":792,"o":"m 739 524 q 619 94 739 241 q 362 -32 516 -32 q 150 47 242 -32 q 59 244 59 126 l 191 244 q 246 129 191 176 q 373 82 301 82 q 526 161 466 82 q 597 440 597 255 q 363 334 501 334 q 130 432 216 334 q 53 650 53 521 q 134 880 53 786 q 383 986 226 986 q 659 841 566 986 q 739 524 739 719 m 388 449 q 535 514 480 449 q 585 658 585 573 q 535 805 585 744 q 388 873 480 873 q 242 809 294 873 q 191 658 191 745 q 239 514 191 572 q 388 449 292 449 "},"l":{"x_min":41,"x_max":166,"ha":279,"o":"m 166 0 l 41 0 l 41 1013 l 166 1013 l 166 0 "},"¤":{"x_min":40.09375,"x_max":728.796875,"ha":825,"o":"m 728 304 l 649 224 l 512 363 q 383 331 458 331 q 256 363 310 331 l 119 224 l 40 304 l 177 441 q 150 553 150 493 q 184 673 150 621 l 40 818 l 119 898 l 267 749 q 321 766 291 759 q 384 773 351 773 q 447 766 417 773 q 501 749 477 759 l 649 898 l 728 818 l 585 675 q 612 618 604 648 q 621 553 621 587 q 591 441 621 491 l 728 304 m 384 682 q 280 643 318 682 q 243 551 243 604 q 279 461 243 499 q 383 423 316 423 q 487 461 449 423 q 525 553 525 500 q 490 641 525 605 q 384 682 451 682 "},"κ":{"x_min":0,"x_max":632.328125,"ha":679,"o":"m 632 0 l 482 0 l 225 384 l 124 288 l 124 0 l 0 0 l 0 738 l 124 738 l 124 446 l 433 738 l 596 738 l 312 466 l 632 0 "},"4":{"x_min":48,"x_max":742.453125,"ha":792,"o":"m 742 243 l 602 243 l 602 0 l 476 0 l 476 243 l 48 243 l 48 368 l 476 958 l 602 958 l 602 354 l 742 354 l 742 243 m 476 354 l 476 792 l 162 354 l 476 354 "},"p":{"x_min":0,"x_max":685,"ha":786,"o":"m 685 364 q 598 96 685 205 q 350 -23 504 -23 q 121 89 205 -23 l 121 -278 l 0 -278 l 0 738 l 121 738 l 121 633 q 220 726 159 691 q 351 761 280 761 q 598 636 504 761 q 685 364 685 522 m 557 371 q 501 560 557 481 q 330 651 437 651 q 162 559 223 651 q 108 366 108 479 q 162 177 108 254 q 333 87 224 87 q 502 178 441 87 q 557 371 557 258 "},"‡":{"x_min":0,"x_max":777,"ha":835,"o":"m 458 238 l 458 0 l 319 0 l 319 238 l 0 238 l 0 360 l 319 360 l 319 681 l 0 683 l 0 804 l 319 804 l 319 1015 l 458 1013 l 458 804 l 777 804 l 777 683 l 458 683 l 458 360 l 777 360 l 777 238 l 458 238 "},"ψ":{"x_min":0,"x_max":808,"ha":907,"o":"m 465 -278 l 341 -278 l 341 -15 q 87 102 180 -15 q 0 378 0 210 l 0 739 l 133 739 l 133 379 q 182 195 133 275 q 341 98 242 98 l 341 922 l 465 922 l 465 98 q 623 195 563 98 q 675 382 675 278 l 675 742 l 808 742 l 808 381 q 720 104 808 213 q 466 -13 627 -13 l 465 -278 "},"η":{"x_min":0.78125,"x_max":697,"ha":810,"o":"m 697 -278 l 572 -278 l 572 454 q 540 587 572 536 q 425 650 501 650 q 271 579 337 650 q 206 420 206 509 l 206 0 l 81 0 l 81 489 q 73 588 81 562 q 0 644 56 644 l 0 741 q 68 755 38 755 q 158 720 124 755 q 200 630 193 686 q 297 726 234 692 q 434 761 359 761 q 620 692 544 761 q 697 516 697 624 l 697 -278 "}},"cssFontWeight":"normal","ascender":1189,"underlinePosition":-100,"cssFontStyle":"normal","boundingBox":{"yMin":-334,"xMin":-111,"yMax":1189,"xMax":1672},"resolution":1000,"original_font_information":{"postscript_name":"Helvetiker-Regular","version_string":"Version 1.00 2004 initial release","vendor_url":"http://www.magenta.gr/","full_font_name":"Helvetiker","font_family_name":"Helvetiker","copyright":"Copyright (c) Μagenta ltd, 2004","description":"","trademark":"","designer":"","designer_url":"","unique_font_identifier":"Μagenta ltd:Helvetiker:22-10-104","license_url":"http://www.ellak.gr/fonts/MgOpen/license.html","license_description":"Copyright (c) 2004 by MAGENTA Ltd. All Rights Reserved.\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy of the fonts accompanying this license (\"Fonts\") and associated documentation files (the \"Font Software\"), to reproduce and distribute the Font Software, including without limitation the rights to use, copy, merge, publish, distribute, and/or sell copies of the Font Software, and to permit persons to whom the Font Software is furnished to do so, subject to the following conditions: \r\n\r\nThe above copyright and this permission notice shall be included in all copies of one or more of the Font Software typefaces.\r\n\r\nThe Font Software may be modified, altered, or added to, and in particular the designs of glyphs or characters in the Fonts may be modified and additional glyphs or characters may be added to the Fonts, only if the fonts are renamed to names not containing the word \"MgOpen\", or if the modifications are accepted for inclusion in the Font Software itself by the each appointed Administrator.\r\n\r\nThis License becomes null and void to the extent applicable to Fonts or Font Software that has been modified and is distributed under the \"MgOpen\" name.\r\n\r\nThe Font Software may be sold as part of a larger software package but no copy of one or more of the Font Software typefaces may be sold by itself. \r\n\r\nTHE FONT SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL MAGENTA OR PERSONS OR BODIES IN CHARGE OF ADMINISTRATION AND MAINTENANCE OF THE FONT SOFTWARE BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.","manufacturer_name":"Μagenta ltd","font_sub_family_name":"Regular"},"descender":-334,"familyName":"Helvetiker","lineHeight":1522,"underlineThickness":50} \ No newline at end of file diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/index.js new file mode 100644 index 00000000000..e7289569d3e --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/index.js @@ -0,0 +1,2 @@ +export * from "./eeglab"; +export * from "./series"; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/protocol-buffers/chunk_pb.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/protocol-buffers/chunk_pb.js new file mode 100644 index 00000000000..a5b7e452a36 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/protocol-buffers/chunk_pb.js @@ -0,0 +1,259 @@ +/** + * @fileoverview + * @enhanceable + * @suppress {messageConventions} JS Compiler reports an error if a variable or + * field starts with 'MSG_' and isn't a translatable message. + * @public + */ +// GENERATED CODE -- DO NOT EDIT! + +var jspb = require('google-protobuf'); +var goog = jspb; +var global = Function('return this')(); + +goog.exportSymbol('proto.FloatChunk', null, global); + +/** + * Generated by JsPbCodeGenerator. + * @param {Array=} opt_data Optional initial data array, typically from a + * server response, or constructed directly in Javascript. The array is used + * in place and becomes part of the constructed object. It is not cloned. + * If no data is provided, the constructed object will be empty, but still + * valid. + * @extends {jspb.Message} + * @constructor + */ +proto.FloatChunk = function(opt_data) { + jspb.Message.initialize(this, opt_data, 0, -1, proto.FloatChunk.repeatedFields_, null); +}; +goog.inherits(proto.FloatChunk, jspb.Message); +if (goog.DEBUG && !COMPILED) { + proto.FloatChunk.displayName = 'proto.FloatChunk'; +} +/** + * List of repeated fields within this message type. + * @private {!Array} + * @const + */ +proto.FloatChunk.repeatedFields_ = [4]; + + + +if (jspb.Message.GENERATE_TO_OBJECT) { +/** + * Creates an object representation of this proto suitable for use in Soy templates. + * Field names that are reserved in JavaScript and will be renamed to pb_name. + * To access a reserved field use, foo.pb_, eg, foo.pb_default. + * For the list of reserved names please see: + * com.google.apps.jspb.JsClassTemplate.JS_RESERVED_WORDS. + * @param {boolean=} opt_includeInstance Whether to include the JSPB instance + * for transitional soy proto support: http://goto/soy-param-migration + * @return {!Object} + */ +proto.FloatChunk.prototype.toObject = function(opt_includeInstance) { + return proto.FloatChunk.toObject(opt_includeInstance, this); +}; + + +/** + * Static version of the {@see toObject} method. + * @param {boolean|undefined} includeInstance Whether to include the JSPB + * instance for transitional soy proto support: + * http://goto/soy-param-migration + * @param {!proto.FloatChunk} msg The msg instance to transform. + * @return {!Object} + * @suppress {unusedLocalVariables} f is only used for nested messages + */ +proto.FloatChunk.toObject = function(includeInstance, msg) { + var f, obj = { + index: jspb.Message.getFieldWithDefault(msg, 1, 0), + downsampling: jspb.Message.getFieldWithDefault(msg, 2, 0), + cutoff: jspb.Message.getFieldWithDefault(msg, 3, 0), + samplesList: jspb.Message.getRepeatedFloatingPointField(msg, 4) + }; + + if (includeInstance) { + obj.$jspbMessageInstance = msg; + } + return obj; +}; +} + + +/** + * Deserializes binary data (in protobuf wire format). + * @param {jspb.ByteSource} bytes The bytes to deserialize. + * @return {!proto.FloatChunk} + */ +proto.FloatChunk.deserializeBinary = function(bytes) { + var reader = new jspb.BinaryReader(bytes); + var msg = new proto.FloatChunk; + return proto.FloatChunk.deserializeBinaryFromReader(msg, reader); +}; + + +/** + * Deserializes binary data (in protobuf wire format) from the + * given reader into the given message object. + * @param {!proto.FloatChunk} msg The message object to deserialize into. + * @param {!jspb.BinaryReader} reader The BinaryReader to use. + * @return {!proto.FloatChunk} + */ +proto.FloatChunk.deserializeBinaryFromReader = function(msg, reader) { + while (reader.nextField()) { + if (reader.isEndGroup()) { + break; + } + var field = reader.getFieldNumber(); + switch (field) { + case 1: + var value = /** @type {number} */ (reader.readInt64()); + msg.setIndex(value); + break; + case 2: + var value = /** @type {number} */ (reader.readInt64()); + msg.setDownsampling(value); + break; + case 3: + var value = /** @type {number} */ (reader.readInt64()); + msg.setCutoff(value); + break; + case 4: + var value = /** @type {!Array} */ (reader.readPackedFloat()); + msg.setSamplesList(value); + break; + default: + reader.skipField(); + break; + } + } + return msg; +}; + + +/** + * Serializes the message to binary data (in protobuf wire format). + * @return {!Uint8Array} + */ +proto.FloatChunk.prototype.serializeBinary = function() { + var writer = new jspb.BinaryWriter(); + proto.FloatChunk.serializeBinaryToWriter(this, writer); + return writer.getResultBuffer(); +}; + + +/** + * Serializes the given message to binary data (in protobuf wire + * format), writing to the given BinaryWriter. + * @param {!proto.FloatChunk} message + * @param {!jspb.BinaryWriter} writer + * @suppress {unusedLocalVariables} f is only used for nested messages + */ +proto.FloatChunk.serializeBinaryToWriter = function(message, writer) { + var f = undefined; + f = message.getIndex(); + if (f !== 0) { + writer.writeInt64( + 1, + f + ); + } + f = message.getDownsampling(); + if (f !== 0) { + writer.writeInt64( + 2, + f + ); + } + f = message.getCutoff(); + if (f !== 0) { + writer.writeInt64( + 3, + f + ); + } + f = message.getSamplesList(); + if (f.length > 0) { + writer.writePackedFloat( + 4, + f + ); + } +}; + + +/** + * optional int64 index = 1; + * @return {number} + */ +proto.FloatChunk.prototype.getIndex = function() { + return /** @type {number} */ (jspb.Message.getFieldWithDefault(this, 1, 0)); +}; + + +/** @param {number} value */ +proto.FloatChunk.prototype.setIndex = function(value) { + jspb.Message.setProto3IntField(this, 1, value); +}; + + +/** + * optional int64 downsampling = 2; + * @return {number} + */ +proto.FloatChunk.prototype.getDownsampling = function() { + return /** @type {number} */ (jspb.Message.getFieldWithDefault(this, 2, 0)); +}; + + +/** @param {number} value */ +proto.FloatChunk.prototype.setDownsampling = function(value) { + jspb.Message.setProto3IntField(this, 2, value); +}; + + +/** + * optional int64 cutoff = 3; + * @return {number} + */ +proto.FloatChunk.prototype.getCutoff = function() { + return /** @type {number} */ (jspb.Message.getFieldWithDefault(this, 3, 0)); +}; + + +/** @param {number} value */ +proto.FloatChunk.prototype.setCutoff = function(value) { + jspb.Message.setProto3IntField(this, 3, value); +}; + + +/** + * repeated float samples = 4; + * @return {!Array} + */ +proto.FloatChunk.prototype.getSamplesList = function() { + return /** @type {!Array} */ (jspb.Message.getRepeatedFloatingPointField(this, 4)); +}; + + +/** @param {!Array} value */ +proto.FloatChunk.prototype.setSamplesList = function(value) { + jspb.Message.setField(this, 4, value || []); +}; + + +/** + * @param {!number} value + * @param {number=} opt_index + */ +proto.FloatChunk.prototype.addSamples = function(value, opt_index) { + jspb.Message.addToRepeatedField(this, 4, value, opt_index); +}; + + +proto.FloatChunk.prototype.clearSamplesList = function() { + this.setSamplesList([]); +}; + + +goog.object.extend(exports, proto); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/AnnotationForm.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/AnnotationForm.js new file mode 100644 index 00000000000..0805f0fdf9c --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/AnnotationForm.js @@ -0,0 +1,185 @@ +// @flow + +import React, {useEffect, useState} from 'react'; +import type {Epoch as EpochType, RightPanel} from '../store/types'; +import {connect} from 'react-redux'; +import {setTimeSelection} from '../store/state/timeSelection'; +import {setRightPanel} from '../store/state/rightPanel'; +import * as R from 'ramda'; +import {toggleEpoch, updateActiveEpoch} from '../store/logic/filterEpochs'; + +type Props = { + timeSelection: ?[number, number], + epochs: EpochType[], + filteredEpochs: number[], + setTimeSelection: [?number, ?number] => void, + setRightPanel: RightPanel => void, + toggleEpoch: number => void, + updateActiveEpoch: ?number => void, + interval: [number, number], +}; + +const AnnotationForm = ({ + timeSelection, + epochs, + filteredEpochs, + setTimeSelection, + setRightPanel, + toggleEpoch, + updateActiveEpoch, + interval, +}: Props) => { + const [startEvent = '', endEvent = ''] = timeSelection || []; + let [event, setEvent] = useState([startEvent, endEvent]); + + useEffect(() => { + const [startEvent = '', endEvent = ''] = timeSelection || []; + setEvent([startEvent, endEvent]); + }, [timeSelection]); + + const validate = (event) => ( + (event[0] || event[0] === 0) + && (event[1] || event[1] === 0) + && event[0] <= event[1] + && event[0] >= interval[0] && event[0] <= interval[1] + && event[1] >= interval[0] && event[1] <= interval[1] + ); + + return ( +
+
+ New Annotation + { + setRightPanel(null); + }} + > +
+
+
+
+ + { + const value = parseInt(e.target.value); + setEvent([value, event[1]]); + + if (validate([value, event[1]])) { + setTimeSelection([parseInt(value) || null, parseInt(event[1]) || null]); + } + }} + value={event[0]} + /> +
+
+ + { + const value = parseInt(e.target.value); + setEvent([event[0], value]); + + if (validate([event[0], value])) { + setTimeSelection([parseInt(event[0]) || null, value]); + } + }} + value={event[1]} + /> +
+
+
+ + +
+
+ + +
+ +
+
+ ); +}; + +AnnotationForm.defaultProps = { + timeSelection: null, + epochs: [], + filteredEpochs: [], +}; + +export default connect( + (state)=> ({ + timeSelection: state.timeSelection, + epochs: state.dataset.epochs, + filteredEpochs: state.dataset.filteredEpochs, + interval: state.bounds.interval, + }), + (dispatch: (any) => void) => ({ + setTimeSelection: R.compose( + dispatch, + setTimeSelection + ), + setRightPanel: R.compose( + dispatch, + setRightPanel + ), + toggleEpoch: R.compose( + dispatch, + toggleEpoch + ), + updateActiveEpoch: R.compose( + dispatch, + updateActiveEpoch + ), + }) +)(AnnotationForm); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Axis.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Axis.js new file mode 100644 index 00000000000..b27d37a0249 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Axis.js @@ -0,0 +1,52 @@ +// @flow + +import {scaleLinear} from 'd3-scale'; +import {Axis as VxAxis} from '@visx/axis'; + +type Props = { + orientation: 'top' | 'right' | 'bottom' | 'left', + domain: [number, number], + range: [number, number], + ticks: number, + padding: number, + format: number => string, + hideLine: bool, +}; + +const Axis = ({ + orientation, + domain, + range, + ticks, + padding, + format, + hideLine, +}: Props) => { + const scale = scaleLinear() + .domain(domain) + .range(range); + + let tickValues = scale.ticks(ticks); + tickValues = tickValues.slice(padding, tickValues.length - padding); + + return ( + + ); +}; + +Axis.defaultProps = { + orientation: 'bottom', + domain: [0, 1], + ticks: 10, + padding: 0, + hideLine: false, + format: (tick) => `${tick}`, +}; + +export default Axis; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EEGMontage.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EEGMontage.js new file mode 100644 index 00000000000..ad8719ff35d --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EEGMontage.js @@ -0,0 +1,278 @@ +// @flow + +import * as R from 'ramda'; +import {connect} from 'react-redux'; +import {_3d} from 'd3-3d'; +import {Group} from '@visx/group'; +import ResponsiveViewer from './ResponsiveViewer'; +import type {Electrode} from '../../series/store/types'; +import {setHidden} from '../../series/store/state/montage'; +import React, {useState} from 'react'; + +type Props = { + electrodes: Electrode[], + hidden: number[], + drag: bool, + mx: number, + my: number, + mouseX: number, + mouseY: number, + setHidden: (number[]) => void, +}; + +const EEGMontage = ( + { + electrodes, + hidden, + setHidden, + }: Props) => { + const [angleX, setAngleX] = useState(0); + const [angleZ, setAngleZ] = useState(0); + const [drag, setDrag] = useState(false); + const [mx, setMx] = useState(0); + const [my, setMy] = useState(0); + const [mouseX, setMouseX] = useState(0); + const [mouseY, setMouseY] = useState(0); + const [view3D, setView3D] = useState(false); + + const scale = 1200; + let scatter3D = []; + let scatter2D = []; + const startAngle = 0; + const color = '#000000'; + + let point3D = _3d() + .x((d) => d.x) + .y((d) => d.y) + .z((d) => d.z) + .rotateZ( startAngle) + .rotateX(-startAngle) + .scale(scale); + + const dragStart = (v) => { + setDrag(true); + setMx(v[0]); + setMy(v[1]); + }; + + const dragged = (v) => { + if (!drag) return; + const beta = (v[0] - mx + mouseX) * -2 * Math.PI; + const alpha = (v[1] - my + mouseY) * -2 * Math.PI; + + const angleX = Math.min(Math.PI/2, Math.max(0, alpha - startAngle)); + setAngleX(angleX); + + const angleZ = (beta + startAngle); + setAngleZ(angleZ); + }; + + const dragEnd = (v) => { + setDrag( false); + setMouseX( v[0] - mx + mouseX); + setMouseY(v[1] - my + mouseY); + }; + + /** + * Calculate the stereographic projection. + * + * Given a unit sphere with radius r = 1 and center at The origin. + * Project the point p = (x, y, z) from the sphere's South pole (0, 0, -1) + * on a plane on the sphere's North pole (0, 0, 1). + * + * P' = P * (2r / (r + z)) + * + * @param {number} x - x coordinate of electrodes on a unit sphere scale + * @param {number} y - x coordinate of electrodes on a unit sphere scale + * @param {number} z - x coordinate of electrodes on a unit sphere scale + * @param {number} scale - Scale to change the projection point.Defaults to 1, which is on the sphere + * + * @return {number[]} : x, y positions of electrodes as projected onto a unit circle. + */ + const stereographicProjection = (x, y, z, scale=1.0) => { + const mu = 1.0 / (scale + z); + return [x * mu, y * mu]; + }; + + electrodes.map((electrode, i) => { + scatter3D.push({ + x: electrode.position[0], + y: electrode.position[1], + z: electrode.position[2], + }); + const [x, y] = stereographicProjection( + electrode.position[0] * 10, + electrode.position[1] * 10, + electrode.position[2] * 10 + ); + scatter2D.push({x: x * 150, y: y * 150 / 0.8}); + }); + + const Montage3D = () => ( + + {point3D.rotateZ(angleZ).rotateX(angleX)(scatter3D).map((point, i) => { + return ( + + ); + })} + + ); + + const Montage2D = () => ( + + + + + + + {scatter2D.map((point, i) => + + + {i + 1} + + )} + + ); + + return ( + <> +
+
+
+ {electrodes.map((electrode, i) => { + return ( +
+ {i+1}. + {electrode.name} +
+ ); + })} +
+
+
+ {view3D ? +
+ + + +
+ : +
+ + + +
+ } +
+ + +
+
+
+ + ); +}; + +EEGMontage.defaultProps = { + montage: [], + hidden: [], +}; + +export default connect( + (state) => ({ + hidden: state.montage.hidden, + electrodes: state.montage.electrodes, + }), + (dispatch: any => void) => ({ + setHidden: R.compose( + dispatch, + setHidden, + ), + }) +)(EEGMontage); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Epoch.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Epoch.js new file mode 100644 index 00000000000..6c323b36cbf --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/Epoch.js @@ -0,0 +1,55 @@ +// @flow + +import {vec2} from 'gl-matrix'; +import {MIN_EPOCH_WIDTH} from '../../vector'; + +type Props = { + parentHeight: number, + onset: number, + duration: number, + scales: [any, any], + color: string, + opacity: number, +}; + +const Epoch = ( + { + parentHeight, + onset, + duration, + scales, + color, + opacity, + }: Props) => { + const start = vec2.fromValues( + scales[0](onset), + scales[1](-parentHeight/2), + ); + + const end = vec2.fromValues( + scales[0](onset + duration) + MIN_EPOCH_WIDTH, + scales[1](parentHeight/2) + ); + + const width = Math.abs(end[0] - start[0]); + const height = Math.abs(end[1] - start[1]); + const center = (start[0] + end[0]) / 2; + + return ( + + ); +}; + +Epoch.defaultProps = { + color: '#dae5f2', + opacity: 1, +}; + +export default Epoch; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EventManager.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EventManager.js new file mode 100644 index 00000000000..dc3c00baf4c --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/EventManager.js @@ -0,0 +1,140 @@ +// @flow + +import React from 'react'; +import type {Epoch as EpochType, RightPanel} from '../store/types'; +import {connect} from 'react-redux'; +import {setTimeSelection} from '../store/state/timeSelection'; +import {setRightPanel} from '../store/state/rightPanel'; +import * as R from 'ramda'; +import {toggleEpoch, updateActiveEpoch} from '../store/logic/filterEpochs'; + +type Props = { + timeSelection: ?[number, number], + epochs: EpochType[], + filteredEpochs: number[], + setTimeSelection: [?number, ?number] => void, + setRightPanel: RightPanel => void, + toggleEpoch: number => void, + updateActiveEpoch: ?number => void, + interval: [number, number], +}; + +const EventManager = ({ + epochs, + filteredEpochs, + setTimeSelection, + setRightPanel, + toggleEpoch, + updateActiveEpoch, + interval, +}: Props) => { + return ( + <> +
+
+ Events/Annotations
+ in timeline view + { + setRightPanel(null); + }} + > +
+
+
+ {[...Array(epochs.length).keys()].filter((index) => + epochs[index].onset + epochs[index].duration > interval[0] + && epochs[index].onset < interval[1] + ).map((index) => { + const epoch = epochs[index]; + const visible = filteredEpochs.includes(index); + return ( +
+ {epoch.label}
+ {epoch.onset}{epoch.duration > 0 + && ' - ' + (epoch.onset + epoch.duration)} + +
+ ); + })} +
+
+
+ + ); +}; + +EventManager.defaultProps = { + timeSelection: null, + epochs: [], + filteredEpochs: [], +}; + +export default connect( + (state)=> ({ + timeSelection: state.timeSelection, + epochs: state.dataset.epochs, + filteredEpochs: state.dataset.filteredEpochs, + interval: state.bounds.interval, + }), + (dispatch: (any) => void) => ({ + setTimeSelection: R.compose( + dispatch, + setTimeSelection + ), + setRightPanel: R.compose( + dispatch, + setRightPanel + ), + toggleEpoch: R.compose( + dispatch, + toggleEpoch + ), + updateActiveEpoch: R.compose( + dispatch, + updateActiveEpoch + ), + }) +)(EventManager); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.js new file mode 100644 index 00000000000..3d92fad9bdf --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.js @@ -0,0 +1,195 @@ +// @flow + +import * as R from 'ramda'; +import {vec2} from 'gl-matrix'; +import {Group} from '@visx/group'; +import {connect} from 'react-redux'; +import {scaleLinear} from 'd3-scale'; +import { + startDragInterval, + continueDragInterval, + endDragInterval, +} from '../store/logic/dragBounds'; +import ResponsiveViewer from './ResponsiveViewer'; +import Axis from './Axis'; +import React, {useCallback, useEffect, useState} from 'react'; +import {setInterval} from '../store/state/bounds'; +import {updateFilteredEpochs} from '../store/logic/filterEpochs'; + +type Props = { + viewerHeight: number, + seriesViewerWidth: number, + domain: [number, number], + interval: [number, number], + setInterval: [number, number] => void, + dragStart: number => void, + dragContinue: number => void, + dragEnd: number => void, + updateFilteredEpochs: void => void, +}; + +const IntervalSelect = ({ + viewerHeight, + seriesViewerWidth, + domain, + interval, + setInterval, + dragStart, + dragContinue, + dragEnd, + updateFilteredEpochs, +}: Props) => { + const [refNode, setRefNode] = useState(null); + const [bounds, setBounds] = useState(null); + + useEffect(() => { + if (refNode) { + setBounds(refNode.getBoundingClientRect()); + } + }, [seriesViewerWidth]); + + const getNode = useCallback((domNode) => { + if (domNode) { + setRefNode(domNode); + } + }, []); + + const topLeft = vec2.fromValues( + -seriesViewerWidth/2, + viewerHeight/2 + ); + const bottomRight = vec2.fromValues( + seriesViewerWidth/2, + -viewerHeight/2 + ); + + const scale = scaleLinear() + .domain(domain) + .range([-seriesViewerWidth/2, seriesViewerWidth/2]); + + const ySlice = (x) => ({ + p0: vec2.fromValues(x, topLeft[1]), + p1: vec2.fromValues(x, bottomRight[1]), + }); + + const start = ySlice(scale(interval[0])).p1[0]; + const end = ySlice(scale(interval[1])).p0[0]; + const width = Math.abs(end - start); + const center = (start + end) / 2; + + const BackShadowLayer = ({interval}) => ( + + ); + + const AxisLayer = ({viewerWidth, viewerHeight, domain}) => ( + + + + ); + + const onMouseMove = (v : MouseEvent) => { + if (bounds === null || bounds === undefined) return; + const x = Math.min(1, Math.max(0, (v.pageX - bounds.left)/bounds.width)); + dragContinue(x); + }; + + const onMouseUp = (v : MouseEvent) => { + if (bounds === null || bounds === undefined) return; + document.removeEventListener('mousemove', onMouseMove); + document.removeEventListener('mouseup', onMouseUp); + const x = Math.min(100, Math.max(0, (v.pageX - bounds.left)/bounds.width)); + + dragEnd(x); + updateFilteredEpochs(); + }; + + return ( +
+
+ Timeline range view + { + setInterval([domain[0], domain[1]]); + updateFilteredEpochs(); + }} + value='Reset' + /> +
+
+ { + document.addEventListener('mousemove', onMouseMove); + document.addEventListener('mouseup', onMouseUp); + R.compose(dragStart, R.nth(0))(v); + }} + > + + + +
+
+ ); +}; + +IntervalSelect.defaultProps = { + viewerHeight: 50, + seriesViewerWidth: 400, + domain: [0, 1], + interval: [0.25, 0.75], +}; + +export default connect( + (state) => ({ + domain: state.bounds.domain, + interval: state.bounds.interval, + seriesViewerWidth: state.bounds.viewerWidth, + }), + (dispatch: any => void) => ({ + dragStart: R.compose( + dispatch, + startDragInterval + ), + dragContinue: R.compose( + dispatch, + continueDragInterval + ), + dragEnd: R.compose( + dispatch, + endDragInterval + ), + updateFilteredEpochs: R.compose( + dispatch, + updateFilteredEpochs + ), + setInterval: R.compose( + dispatch, + setInterval + ), + }) +)(IntervalSelect); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.js new file mode 100644 index 00000000000..319ae015934 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/LineChunk.js @@ -0,0 +1,123 @@ +// @flow + +import * as R from 'ramda'; +import {scaleLinear} from 'd3-scale'; +import {vec2} from 'gl-matrix'; +import {colorOrder} from '../../color'; +import type {Chunk} from '../store/types'; +import {LinePath} from '@visx/shape'; +import {Group} from '@visx/group'; + +const LineMemo = R.memoizeWith( + ({interval, amplitudeScale, filters, channelIndex, traceIndex, chunkIndex}) => + `${interval.join(',')},${amplitudeScale},${filters.join('-')},` + + `${channelIndex}-${traceIndex}-${chunkIndex}`, + ({ + channelIndex, + traceIndex, + chunkIndex, + interval, + seriesRange, + amplitudeScale, + filters, + values, + color, + ...rest +}) => { + const scales = [ + scaleLinear() + .domain(interval) + .range([-0.5, 0.5]), + scaleLinear() + .domain(seriesRange.map((x) => (x * amplitudeScale))) + .range([-0.5, 0.5]), + ]; + + const points = values.map((value, i) => + vec2.fromValues( + scales[0]( + interval[0] + (i / values.length) * (interval[1] - interval[0]) + ), + -scales[1](value) + ) + ); + + return ( + + ); + } +); + +type Props = { + channelIndex: number, + traceIndex: number, + chunkIndex: number, + chunk: Chunk, + seriesRange: [number, number], + amplitudeScale: number, + scales: [any, any], + color?: string +}; + +const LineChunk = ({ + channelIndex, + traceIndex, + chunkIndex, + chunk, + seriesRange, + amplitudeScale, + scales, + color, + ...rest +}: Props) => { + const {interval, values} = chunk; + + if (values.length === 0) { + return ; + } + + const range = scales[1].range(); + const chunkLength = Math.abs(scales[0](interval[1]) - scales[0](interval[0])); + const chunkHeight = Math.abs(range[1] - range[0]); + + const p0 = vec2.fromValues( + (scales[0](interval[0]) + scales[0](interval[1])) / 2, + (range[0] + range[1]) / 2 + ); + + const lineColor = colorOrder(channelIndex) || '#999'; + + return ( + + + + + + ); +}; + +export default LineChunk; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/ResponsiveViewer.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/ResponsiveViewer.js new file mode 100644 index 00000000000..e86d49935a2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/ResponsiveViewer.js @@ -0,0 +1,111 @@ +// @flow + +import * as R from 'ramda'; +import React from 'react'; +import type {Node} from 'react'; +import {scaleLinear} from 'd3-scale'; +import {withParentSize} from '@visx/responsive'; +import type {Vector2} from '../../vector'; + +type Props = { + parentWidth: number, + parentHeight: number, + mouseDown: Vector2 => void, + mouseMove: Vector2 => void, + mouseUp: Vector2 => void, + mouseLeave: Vector2 => void, + children: Node +}; + +const ResponsiveViewer = ({ + parentWidth, + parentHeight, + mouseDown, + mouseMove, + mouseUp, + mouseLeave, + children, +}: Props) => { + const provision = (layer) => + React.cloneElement( + layer, + {viewerWidth: parentWidth, viewerHeight: parentHeight} + ); + + const layers = React.Children.toArray(children).map(provision); + + const domain = window.EEGLabSeriesProviderStore.getState().bounds.domain; + const amplitude = [0, 1]; + const eventScale = [ + scaleLinear() + .domain(domain) + .range([-parentWidth/2, parentWidth/2]), + scaleLinear() + .domain(amplitude) + .range([-parentHeight/2, parentHeight/2]), + ]; + + const eventToPosition = (e) => { + const { + top, + left, + width, + height, + } = e.currentTarget.getBoundingClientRect(); + return [ + Math.min( + 1, + Math.max( + 0, + eventScale[0].invert( + eventScale[0]((e.clientX - left) / width) + ) + ) + ), + eventScale[1].invert(eventScale[1]((e.clientY - top) / height)), + ]; + }; + + return ( + + {layers} + + ); +}; + +ResponsiveViewer.defaultProps = { + parentWidth: 400, + parentHeight: 300, + mouseMove: () => {}, + mouseDown: () => {}, + mouseUp: () => {}, + mouseLeave: () => {}, +}; + +export default withParentSize(ResponsiveViewer); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesCursor.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesCursor.js new file mode 100644 index 00000000000..9d838be9d10 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesCursor.js @@ -0,0 +1,219 @@ +// @flow + +import * as R from 'ramda'; +import type {Node} from 'react'; +import {bisector} from 'd3-array'; +import {colorOrder} from '../../color'; +import type {Channel, Epoch} from '../store/types'; +import {connect} from 'react-redux'; +import {MAX_RENDERED_EPOCHS} from '../../vector'; +import {useEffect} from 'react'; + +type CursorContentProps = { + time: number, + channel: Channel, + contentIndex: number, + showMarker: boolean, +}; + +type Props = { + cursor: number, + channels: Channel[], + epochs: Epoch[], + filteredEpochs: number[], + CursorContent: CursorContentProps => Node, + interval: [number, number], + showMarker: boolean +}; + +const SeriesCursor = ( + { + cursor, + channels, + epochs, + filteredEpochs, + CursorContent, + interval, + showMarker, + }: Props +) => { + let reversedEpochs = [...filteredEpochs].reverse(); + useEffect(() => { + reversedEpochs = [...filteredEpochs].reverse(); + }, [filteredEpochs]); + + const left = Math.min(Math.max(100 * cursor, 0), 100) + '%'; + const time = interval[0] + cursor * (interval[1] - interval[0]); + + const Cursor = () => ( +
+ ); + + const ValueTags = () => ( +
+ {channels.map((channel, i) => ( +
+ +
+ ))} +
+ ); + + const TimeMarker = () => ( +
+ {time} +
+ ); + + const EpochMarker = () => { + if (reversedEpochs.length > MAX_RENDERED_EPOCHS) return null; + + const index = reversedEpochs.find((index) => + epochs[index].onset < time + ); + + return index !== undefined ? ( +
+ {epochs[index].label} +
+ ) : null; + }; + + return ( +
+ + + + +
+ ); +}; + +const createIndices = R.memoizeWith( + R.identity, + (array) => array.map((_, i) => i) +); + +const indexToTime = (chunk) => (index) => + chunk.interval[0] + + (index / chunk.values.length) * (chunk.interval[1] - chunk.interval[0]); + +const CursorContent = ({time, channel, contentIndex, showMarker}) => { + const Marker = ({color}) => ( +
+ ); + + return ( +
+ {channel.traces.map((trace, i) => { + const chunk = trace.chunks.find( + (chunk) => chunk.interval[0] <= time && chunk.interval[1] >= time + ); + const computeValue = (chunk) => { + const indices = createIndices(chunk.values); + const bisectTime = bisector(indexToTime(chunk)).left; + const idx = bisectTime(indices, time); + const value = chunk.values[idx-1]; + + return value; + }; + + return ( +
+ {showMarker && ()} + {chunk && computeValue(chunk)} +
+ ); + })} +
+ ); +}; + +SeriesCursor.defaultProps = { + channels: [], + epochs: [], + filteredEpochs: [], + CursorContent, + showMarker: false, +}; + +export default connect( + (state)=> ({ + epochs: state.dataset.epochs, + filteredEpochs: state.dataset.filteredEpochs, + }) +)(SeriesCursor); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.js new file mode 100644 index 00000000000..490ece9ec58 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/SeriesRenderer.js @@ -0,0 +1,696 @@ +// @flow + +import React, {useCallback, useEffect, useState} from 'react'; +import * as R from 'ramda'; +import {vec2} from 'gl-matrix'; +import {Group} from '@visx/group'; +import {connect} from 'react-redux'; +import {scaleLinear} from 'd3-scale'; +import {MAX_RENDERED_EPOCHS, MAX_CHANNELS} from '../../vector'; +import ResponsiveViewer from './ResponsiveViewer'; +import Axis from './Axis'; +import LineChunk from './LineChunk'; +import Epoch from './Epoch'; +import SeriesCursor from './SeriesCursor'; +import {setCursor} from '../store/state/cursor'; +import {setRightPanel} from '../store/state/rightPanel'; +import {setFilteredEpochs} from '../store/state/dataset'; +import {setOffsetIndex} from '../store/logic/pagination'; +import IntervalSelect from './IntervalSelect'; +import EventManager from './EventManager'; +import AnnotationForm from './AnnotationForm'; + +import { + setAmplitudesScale, + resetAmplitudesScale, +} from '../store/logic/scaleAmplitudes'; +import { + LOW_PASS_FILTERS, + setLowPassFilter, + HIGH_PASS_FILTERS, + setHighPassFilter, +} from '../store/logic/highLowPass'; +import { + setViewerWidth, + setViewerHeight, +} from '../store/state/bounds'; +import { + continueDragSelection, + endDragSelection, + startDragSelection, +} from '../store/logic/timeSelection'; + +import type { + ChannelMetadata, + Channel, + Epoch as EpochType, + RightPanel, +} from '../store/types'; + +type Props = { + viewerWidth: number, + viewerHeight: number, + interval: [number, number], + amplitudeScale: number, + rightPanel: RightPanel, + cursor: ?number, + timeSelection: ?[number, number], + setCursor: (?number) => void, + setRightPanel: RightPanel => void, + channels: Channel[], + channelMetadata: ChannelMetadata[], + hidden: number[], + epochs: EpochType[], + filteredEpochs: number[], + activeEpoch: number, + offsetIndex: number, + setOffsetIndex: number => void, + setAmplitudesScale: number => void, + resetAmplitudesScale: void => void, + setLowPassFilter: string => void, + setHighPassFilter: string => void, + setViewerWidth: number => void, + setViewerHeight: number => void, + setFilteredEpochs: number[] => void, + dragStart: number => void, + dragContinue: number => void, + dragEnd: number => void, + limit: number, +}; + +const SeriesRenderer = ({ + viewerHeight, + viewerWidth, + interval, + amplitudeScale, + cursor, + rightPanel, + timeSelection, + setCursor, + setRightPanel, + channels, + channelMetadata, + hidden, + epochs, + filteredEpochs, + activeEpoch, + offsetIndex, + setOffsetIndex, + setAmplitudesScale, + resetAmplitudesScale, + setLowPassFilter, + setHighPassFilter, + setViewerWidth, + setViewerHeight, + setFilteredEpochs, + dragStart, + dragContinue, + dragEnd, + limit, +}: Props) => { + useEffect(() => { + setViewerHeight(viewerHeight); + }, [viewerHeight]); + + useEffect(() => { + if (refNode) { + setBounds(refNode.getBoundingClientRect()); + } + }, [viewerWidth]); + + const [highPass, setHighPass] = useState('none'); + const [lowPass, setLowPass] = useState('none'); + const [refNode, setRefNode] = useState(null); + const [bounds, setBounds] = useState(null); + const getBounds = useCallback((domNode) => { + if (domNode) { + setRefNode(domNode); + } + }, []); + + const topLeft = vec2.fromValues( + -viewerWidth/2, + viewerHeight/2 + ); + + const bottomRight = vec2.fromValues( + viewerWidth/2, + -viewerHeight/2 + ); + + const diagonal = vec2.create(); + vec2.sub(diagonal, bottomRight, topLeft); + + const center = vec2.create(); + vec2.add(center, topLeft, bottomRight); + vec2.scale(center, center, 1 / 2); + + const scales = [ + scaleLinear() + .domain(interval) + .range([topLeft[0], bottomRight[0]]), + scaleLinear() + .domain([-viewerHeight/2, viewerHeight/2]) + .range([topLeft[1], bottomRight[1]]), + ]; + + const filteredChannels = channels.filter((_, i) => !hidden.includes(i)); + + const XAxisLayer = ({viewerWidth, viewerHeight, interval}) => { + return ( + <> + + + + + + + + ); + }; + + const EpochsLayer = () => { + return ( + + {filteredEpochs.length < MAX_RENDERED_EPOCHS && + filteredEpochs.map((index) => { + return ( + + ); + }) + } + {timeSelection && + + } + {activeEpoch !== null && + + } + + ); + }; + + const ChannelAxesLayer = ({viewerWidth, viewerHeight}) => { + const axisHeight = viewerHeight / MAX_CHANNELS; + return ( + + + {filteredChannels.map((channel, i) => { + const seriesRange = channelMetadata[channel.index].seriesRange; + return ( + ''} + orientation='right' + hideLine={true} + /> + ); + })} + + ); + }; + + const ChannelsLayer = ({viewerWidth}) => { + useEffect(() => { + setViewerWidth(viewerWidth); + }, [viewerWidth]); + + return ( + <> + + + + + {filteredChannels.map((channel, i) => { + if (!channelMetadata[channel.index]) { + return null; + } + const subTopLeft = vec2.create(); + vec2.add( + subTopLeft, + topLeft, + vec2.fromValues(0, (i * diagonal[1]) / MAX_CHANNELS) + ); + + const subBottomRight = vec2.create(); + vec2.add( + subBottomRight, + topLeft, + vec2.fromValues( + diagonal[0], + ((i + 1) * diagonal[1]) / MAX_CHANNELS + ) + ); + + const subDiagonal = vec2.create(); + vec2.sub(subDiagonal, subBottomRight, subTopLeft); + + const axisEnd = vec2.create(); + vec2.add(axisEnd, subTopLeft, vec2.fromValues(0.1, subDiagonal[1])); + + const seriesRange = channelMetadata[channel.index].seriesRange; + const scales = [ + scaleLinear() + .domain(interval) + .range([subTopLeft[0], subBottomRight[0]]), + scaleLinear() + .domain(seriesRange) + .range([subTopLeft[1], subBottomRight[1]]), + ]; + + return ( + channel.traces.map((trace, j) => ( + trace.chunks.map((chunk, k) => ( + + )) + )) + ); + })} + + ); + }; + + const hardLimit = Math.min(offsetIndex + limit - 1, channelMetadata.length); + + const onMouseMove = (v : MouseEvent) => { + if (bounds === null || bounds === undefined) return; + const x = Math.min(1, Math.max(0, (v.pageX - bounds.left)/bounds.width)); + return (dragContinue)(x); + }; + + const onMouseUp = (v : MouseEvent) => { + if (bounds === null || bounds === undefined) return; + document.removeEventListener('mousemove', onMouseMove); + document.removeEventListener('mouseup', onMouseUp); + const x = Math.min(100, Math.max(0, (v.pageX - bounds.left)/bounds.width)); + return (dragEnd)(x); + }; + + return ( + <> + {channels.length > 0 ? ( + <> +
+
+ +
+
+
+
+
+
+ setAmplitudesScale(1.1)} + value='-' + /> + resetAmplitudesScale()} + value='Reset' + /> + setAmplitudesScale(0.9)} + value='+' + /> +
+
+ +
    + {Object.keys(HIGH_PASS_FILTERS).map((key) => +
  • { + setHighPassFilter(key); + setHighPass(key); + }} + >{HIGH_PASS_FILTERS[key].label}
    • + )} +
+
+ +
+ +
    + {Object.keys(LOW_PASS_FILTERS).map((key) => +
  • { + setLowPassFilter(key); + setLowPass(key); + }} + >{LOW_PASS_FILTERS[key].label}
    • + )} +
+
+
+
+ {filteredEpochs.length >= MAX_RENDERED_EPOCHS && +
+ Too many events to display for the timeline range. + Limit the time range. +
+ } +
+
+
+
+
+
+ {filteredChannels.map((channel) => ( +
+ {channelMetadata[channel.index] && + channelMetadata[channel.index].name} +
+ ))} +
+
setCursor(null)} + > +
+ {cursor && ( + + )} +
+ { + document.addEventListener('mousemove', onMouseMove); + document.addEventListener('mouseup', onMouseUp); + R.compose(dragStart, R.nth(0))(v); + }} + > + + + + + +
+
+
+
+
+
+
+ + + +
+ + Showing{' '} + setOffsetIndex(e.target.value)} + /> + {' '} + to {hardLimit} of {channelMetadata.length} + +
+ setOffsetIndex(offsetIndex - limit)} + value='<<' + /> + setOffsetIndex(offsetIndex - 1)} + value='<' + /> + setOffsetIndex(offsetIndex + 1)} + value='>' + /> + setOffsetIndex(offsetIndex + limit)} + value='>>' + /> +
+
+
+
+
+ {rightPanel && +
+ {rightPanel === 'annotationForm' && } + {rightPanel === 'epochList' && } +
+ } +
+ + ) : ( +
+

Loading...

+
+ )} + + ); +}; + +SeriesRenderer.defaultProps = { + interval: [0.25, 0.75], + amplitudeScale: 1, + viewerHeight: 400, + viewerSize: [400, 400], + channels: [], + epochs: [], + hidden: [], + channelMetadata: [], + offsetIndex: 1, + limit: 6, +}; + +export default connect( + (state)=> ({ + viewerWidth: state.bounds.viewerWidth, + viewerHeight: state.bounds.viewerHeight, + interval: state.bounds.interval, + amplitudeScale: state.bounds.amplitudeScale, + cursor: state.cursor, + rightPanel: state.rightPanel, + timeSelection: state.timeSelection, + channels: state.dataset.channels, + epochs: state.dataset.epochs, + filteredEpochs: state.dataset.filteredEpochs, + activeEpoch: state.dataset.activeEpoch, + hidden: state.montage.hidden, + channelMetadata: state.dataset.channelMetadata, + offsetIndex: state.dataset.offsetIndex, + }), + (dispatch: (any) => void) => ({ + setOffsetIndex: R.compose( + dispatch, + setOffsetIndex + ), + setCursor: R.compose( + dispatch, + setCursor + ), + setRightPanel: R.compose( + dispatch, + setRightPanel + ), + setAmplitudesScale: R.compose( + dispatch, + setAmplitudesScale + ), + resetAmplitudesScale: R.compose( + dispatch, + resetAmplitudesScale + ), + setLowPassFilter: R.compose( + dispatch, + setLowPassFilter + ), + setHighPassFilter: R.compose( + dispatch, + setHighPassFilter + ), + setViewerWidth: R.compose( + dispatch, + setViewerWidth + ), + setViewerHeight: R.compose( + dispatch, + setViewerHeight + ), + setFilteredEpochs: R.compose( + dispatch, + setFilteredEpochs + ), + dragStart: R.compose( + dispatch, + startDragSelection + ), + dragContinue: R.compose( + dispatch, + continueDragSelection + ), + dragEnd: R.compose( + dispatch, + endDragSelection + ), + }) +)(SeriesRenderer); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/index.js new file mode 100644 index 00000000000..4dec0d4cc8d --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/index.js @@ -0,0 +1,4 @@ +export {default as IntervalSelect} from './components/IntervalSelect'; +export {default as SeriesRenderer} from './components/SeriesRenderer'; +export {default as EventManager} from './components/EventManager'; +export {default as EEGMontage} from './components/EEGMontage'; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/index.js new file mode 100644 index 00000000000..49e1ad78312 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/index.js @@ -0,0 +1,75 @@ +// @flow + +import * as R from 'ramda'; +import {combineReducers} from 'redux'; +import {combineEpics} from 'redux-observable'; +import {boundsReducer} from './state/bounds'; +import {filtersReducer} from './state/filters'; +import {datasetReducer} from './state/dataset'; +import {cursorReducer} from './state/cursor'; +import {panelReducer} from './state/rightPanel'; +import {timeSelectionReducer} from './state/timeSelection'; +import {montageReducer} from './state/montage'; +import {createDragBoundsEpic} from './logic/dragBounds'; +import {createTimeSelectionEpic} from './logic/timeSelection'; +import {createFetchChunksEpic} from './logic/fetchChunks'; +import {createPaginationEpic} from './logic/pagination'; +import { + createActiveEpochEpic, + createFilterEpochsEpic, + createToggleEpochEpic, +} from './logic/filterEpochs'; +import { + createScaleAmplitudesEpic, + createResetAmplitudesEpic, +} from './logic/scaleAmplitudes'; +import { + createLowPassFilterEpic, + createHighPassFilterEpic, +} from './logic/highLowPass'; + +export const rootReducer = combineReducers({ + bounds: boundsReducer, + filters: filtersReducer, + dataset: datasetReducer, + cursor: cursorReducer, + rightPanel: panelReducer, + timeSelection: timeSelectionReducer, + montage: montageReducer, +}); + +export const rootEpic = combineEpics( + createDragBoundsEpic(R.prop('bounds')), + createTimeSelectionEpic(({bounds, timeSelection}) => { + const {interval} = bounds; + return {interval, timeSelection}; + }), + createFetchChunksEpic(({bounds, dataset}) => ({ + bounds, + dataset, + })), + createPaginationEpic(({dataset}) => { + const {limit, channelMetadata, channels} = dataset; + return {limit, channelMetadata, channels}; + }), + createScaleAmplitudesEpic(({bounds}) => { + const {amplitudeScale} = bounds; + return amplitudeScale; + }), + createResetAmplitudesEpic(), + createLowPassFilterEpic(), + createHighPassFilterEpic(), + createFilterEpochsEpic(({bounds, dataset}) => { + const {interval} = bounds; + const {epochs} = dataset; + return {interval, epochs}; + }), + createToggleEpochEpic(({dataset}) => { + const {epochs, filteredEpochs} = dataset; + return {filteredEpochs, epochs}; + }), + createActiveEpochEpic(({dataset}) => { + const {epochs} = dataset; + return {epochs}; + }), +); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/dragBounds.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/dragBounds.js new file mode 100644 index 00000000000..fac1ca8fa8c --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/dragBounds.js @@ -0,0 +1,97 @@ +// @flow + +import * as R from 'ramda'; +import {Observable, merge} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import {SET_INTERVAL, setInterval} from '../state/bounds'; +import {updateViewedChunks} from './fetchChunks'; + +import type { + State as BoundsState, + Action as BoundsAction, +} from '../state/bounds'; +import {MIN_INTERVAL_FACTOR} from '../../../vector'; + +export const START_DRAG_INTERVAL = 'START_DRAG_INTERVAL'; +export const startDragInterval = createAction(START_DRAG_INTERVAL); + +export const CONTINUE_DRAG_INTERVAL = 'CONTINUE_DRAG_INTERVAL'; +export const continueDragInterval = createAction(CONTINUE_DRAG_INTERVAL); + +export const END_DRAG_INTERVAL = 'END_DRAG_INTERVAL'; +export const endDragInterval = createAction(END_DRAG_INTERVAL); + +export type Action = BoundsAction | { type: 'UPDATE_VIEWED_CHUNKS' }; + +export const createDragBoundsEpic = (fromState: any => BoundsState) => ( + action$: Observable, + state$: Observable +): Observable => { + let draggedEnd = null; + + const startDrag$ = action$.pipe( + ofType(START_DRAG_INTERVAL), + Rx.map(R.prop('payload')) + ); + + const continueDrag$ = action$.pipe( + ofType(CONTINUE_DRAG_INTERVAL), + Rx.map(R.prop('payload')) + ); + + const endDrag$ = action$.pipe( + ofType(END_DRAG_INTERVAL), + Rx.map(() => { + draggedEnd = null; + }) + ); + + const computeNewInterval = ([position, state]) => { + const {interval, domain} = R.clone(fromState(state)); + const x = position * domain[1]; + const minSize = Math.abs(domain[1] - domain[0]) * MIN_INTERVAL_FACTOR; + + if (draggedEnd === null) { + draggedEnd = Math.abs(x - interval[0]) < Math.abs(x - interval[1]) + ? 0 + : 1; + } + + const [i0, i1] = draggedEnd === 0 + ? [0, 1] + : [1, 0]; + + const sign = Math.sign(interval[i1] - interval[i0]); + interval[i0] = x; + interval[i0] += + sign > 0 + ? Math.min(interval[i1] - minSize - interval[i0], 0) + : Math.max(interval[i1] + minSize - interval[i0], 0); + + return setInterval(interval); + }; + + const startUpdates$ = startDrag$.pipe( + Rx.withLatestFrom(state$), + Rx.map(computeNewInterval) + ); + + const dragUpdates$ = startDrag$.pipe( + Rx.switchMap(() => + continueDrag$.pipe( + Rx.withLatestFrom(state$), + Rx.map(computeNewInterval), + Rx.takeUntil(endDrag$) + ) + ) + ); + + const updateViewedChunks$ = action$.pipe( + ofType(SET_INTERVAL), + Rx.mapTo(updateViewedChunks()) + ); + + return merge(startUpdates$, dragUpdates$, updateViewedChunks$); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/fetchChunks.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/fetchChunks.js new file mode 100644 index 00000000000..9d2244be11c --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/fetchChunks.js @@ -0,0 +1,162 @@ +// @flow + +import * as R from 'ramda'; +import {ofType} from 'redux-observable'; +import {Observable, from, of} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {createAction} from 'redux-actions'; +import type { + State as DatasetState, + Action as DatasetAction, +} from '../state/dataset'; +import type {Chunk} from '../types'; +import type {State as BoundsState} from '../state/bounds'; +import {fetchChunk} from '../../../chunks'; +import {MAX_VIEWED_CHUNKS} from '../../../vector'; +import {setActiveChannel} from '../state/dataset'; +import {setChunks} from '../state/channel'; + +export const UPDATE_VIEWED_CHUNKS = 'UPDATE_VIEWED_CHUNKS'; +export const updateViewedChunks = createAction(UPDATE_VIEWED_CHUNKS); + +type FetchedChunks = { + channelIndex: number, + chunks: Chunk[] +}; + +export const loadChunks = ({channelIndex, ...rest}: FetchedChunks) => { + return (dispatch: any => void) => { + let filters = window.EEGLabSeriesProviderStore.getState().filters; + rest.chunks.forEach((chunk, index, chunks) => { + chunk.filters = []; + chunks[index].values = (Object.values(filters) : any).reduce( + (signal, filter) => { + chunks[index].filters.push(filter.name); + return filter.fn(signal); + }, + chunk.originalValues + ); + }); + + dispatch(setActiveChannel(channelIndex)); + dispatch(setChunks({...rest, channelIndex})); + dispatch(setActiveChannel(null)); + }; +}; + +export const fetchChunkAt = R.memoizeWith( + (baseURL, downsampling, channelIndex, traceIndex, chunkIndex) => + `${channelIndex}-${traceIndex}-${chunkIndex}-${downsampling}`, + ( + baseURL: string, + downsampling: number, + channelIndex: number, + traceIndex: number, + chunkIndex: number + ) => fetchChunk( + `${baseURL}/raw/${downsampling}/${channelIndex}/` + + `${traceIndex}/${chunkIndex}.buf` + ) +); + +type State = {bounds: BoundsState, dataset: DatasetState}; + +const UPDATE_DEBOUNCE_TIME = 100; + +export const createFetchChunksEpic = (fromState: any => State) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(UPDATE_VIEWED_CHUNKS), + Rx.withLatestFrom(state$), + Rx.map(([_, state]) => fromState(state)), + Rx.debounceTime(UPDATE_DEBOUNCE_TIME), + Rx.concatMap(({bounds, dataset}) => { + const {chunkDirectoryURL, shapes, timeInterval, channels} = dataset; + + if (!chunkDirectoryURL) { + return of(); + } + + const fetches = R.flatten( + channels.map((channel, i) => { + return ( + channel && + channel.traces.map((trace, j) => { + const ncs = shapes.map((shape) => shape[shape.length - 2]); + + const citvs = ncs + .map((nc, downsampling) => { + const timeLength = Math.abs( + timeInterval[1] - timeInterval[0] + ); + const i0 = + (nc * Math.ceil(bounds.interval[0] - bounds.domain[0])) / + timeLength; + const i1 = + (nc * Math.ceil(bounds.interval[1] - bounds.domain[0])) / + timeLength; + return { + interval: [Math.floor(i0), Math.min(Math.ceil(i1), nc)], + numChunks: nc, + downsampling, + }; + }) + .filter( + ({interval, downsampling}) => + // TODO: check this condition... + // Why interval[1] - interval[0] < MAX_VIEWED_CHUNKS ? + // downsampling === 0 prevents a change of downsampling + // otherwise the interval becomes wrong + interval[1] - interval[0] < MAX_VIEWED_CHUNKS + && downsampling === 0 + ); + + const max = R.reduce( + R.maxBy(({interval}) => interval[1] - interval[0]), + {interval: [0, 0]}, + citvs + ); + + const chunkPromises = R.range(...max.interval).map( + (chunkIndex) => { + const numChunks = max.numChunks; + + return fetchChunkAt( + chunkDirectoryURL, + max.downsampling, + channel.index, + j, + chunkIndex + ).then((chunk) => ({ + interval: [ + timeInterval[0] + + (chunkIndex / numChunks) * + (timeInterval[1] - timeInterval[0]), + timeInterval[0] + + ((chunkIndex + 1) / numChunks) * + (timeInterval[1] - timeInterval[0]), + ], + ...chunk, + })); + } + ); + + return from( + Promise.all(chunkPromises).then((chunks) => ({ + channelIndex: channel.index, + traceIndex: j, + chunks, + })) + ); + }) + ); + }) + ); + + return from(fetches).pipe(Rx.mergeMap(R.identity)); + }), + Rx.map((payload) => loadChunks(payload)) + ); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/filterEpochs.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/filterEpochs.js new file mode 100644 index 00000000000..02d6009a158 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/filterEpochs.js @@ -0,0 +1,95 @@ +// @flow + +import * as R from 'ramda'; +import {Observable} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import {setFilteredEpochs, setActiveEpoch} from '../state/dataset'; + +export const UPDATE_FILTERED_EPOCHS = 'UPDATE_FILTERED_EPOCHS'; +export const updateFilteredEpochs = createAction(UPDATE_FILTERED_EPOCHS); + +export const TOGGLE_EPOCH = 'TOGGLE_EPOCH'; +export const toggleEpoch = createAction(TOGGLE_EPOCH); + +export const UPDATE_ACTIVE_EPOCH = 'UPDATE_ACTIVE_EPOCH'; +export const updateActiveEpoch = createAction(UPDATE_ACTIVE_EPOCH); + +export type Action = ((any) => void) => void; + +export const createFilterEpochsEpic = (fromState: any => any) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(UPDATE_FILTERED_EPOCHS), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + const {interval, epochs} = fromState(state); + const newFilteredEpochs = [...Array(epochs.length).keys()] + .filter((index) => + epochs[index].onset + epochs[index].duration > interval[0] + && epochs[index].onset < interval[1] + ); + + return (dispatch) => { + dispatch(setFilteredEpochs(newFilteredEpochs)); + }; + }) + ); +}; + +export const createToggleEpochEpic = (fromState: any => any) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(TOGGLE_EPOCH), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + const {filteredEpochs, epochs} = fromState(state); + const index = payload; + let newFilteredEpochs; + + if (filteredEpochs.includes(index)) { + newFilteredEpochs = filteredEpochs.filter((i) => i !== index); + } else if (index >= 0 && index < epochs.length) { + newFilteredEpochs = filteredEpochs.slice(); + newFilteredEpochs.push(index); + newFilteredEpochs.sort(); + } else { + return; + } + + return (dispatch) => { + dispatch(setFilteredEpochs(newFilteredEpochs)); + }; + }) + ); +}; + +export const createActiveEpochEpic = (fromState: any => any) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(UPDATE_ACTIVE_EPOCH), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + const {epochs} = fromState(state); + const index = payload; + + if (index < 0 || index >= epochs.length) { + return; + } + + return (dispatch) => { + dispatch(setActiveEpoch(index)); + }; + }) + ); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/highLowPass.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/highLowPass.js new file mode 100644 index 00000000000..af370b291b7 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/highLowPass.js @@ -0,0 +1,134 @@ +import * as R from 'ramda'; +import {Observable} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import {updateViewedChunks} from './fetchChunks'; +import {setFilter} from '../state/filters'; +import {DifferenceEquationSignal1D} from 'differenceequationsignal1d'; + +export const SET_LOW_PASS_FILTER = 'SET_LOW_PASS_FILTER'; +export const setLowPassFilter = createAction(SET_LOW_PASS_FILTER); + +export const SET_HIGH_PASS_FILTER = 'SET_HIGH_PASS_FILTER'; +export const setHighPassFilter = createAction(SET_HIGH_PASS_FILTER); + +export type Action = ((any) => void) => void; + +const applyFilter = (coefficients, input) => { + const diffFilter = new DifferenceEquationSignal1D(); + diffFilter.enableBackwardSecondPass(); + + if (coefficients) { + diffFilter.setInput(input); + diffFilter.setACoefficients(coefficients.a); + diffFilter.setBCoefficients(coefficients.b); + diffFilter.run(); // eventually should be pixpipe's update() + return Array.from(diffFilter.getOutput()); + } + return input; +}; + +export const LOW_PASS_FILTERS = { + 'none': { + label: 'No Low Pass Filter', + coefficients: null, + }, + 'lopass15': { + label: 'Low Pass 15Hz', + coefficients: { + b: [0.080716994603448, 0.072647596309189, 0.080716994603448], + a: [1.000000000000000, -1.279860238209870, 0.527812029663189], + }, + }, + 'lopass20': { + label: 'Low Pass 20Hz', + coefficients: { + b: [0.113997925584386, 0.149768961515167, 0.113997925584386], + a: [1.000000000000000, -1.036801335341888, 0.436950120418250], + }, + }, + 'lopass30': { + label: 'Low Pass 30Hz', + coefficients: { + b: [0.192813914343002, 0.325725940431161, 0.192813914343002], + a: [1.000000000000000, -0.570379950222695, 0.323884080078956], + }, + }, + 'lopass40': { + label: 'Low Pass 40Hz', + coefficients: { + b: [0.281307434361307, 0.517866041871659, 0.281307434361307], + a: [1.000000000000000, -0.135289362582513, 0.279792792112445], + }, + }, +}; + +export const createLowPassFilterEpic = (fromState: any => State) => ( + action$: Observable, + state$: Observable +): Observable => action$.pipe( + ofType(SET_LOW_PASS_FILTER), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload]) => (dispatch) => { + dispatch(setFilter({ + key: 'lowPass', + name: payload, + fn: R.curry(applyFilter)(LOW_PASS_FILTERS[payload].coefficients), + })); + dispatch(updateViewedChunks()); + }) +); + +export const HIGH_PASS_FILTERS = { + 'none': { + label: 'No High Pass Filter', + coefficients: null, + }, + 'hipass0_5': { + label: 'High Pass 0.5Hz', + coefficients: { + b: [0.937293010134975, -1.874580964130496, 0.937293010134975], + a: [1.000000000000000, -1.985579602684723, 0.985739491853153], + }, + }, + 'hipass1': { + label: 'High Pass 1Hz', + coefficients: { + b: [0.930549324176904, -1.861078566912498, 0.930549324176904], + a: [1.000000000000000, -1.971047525054235, 0.971682555986628], + }, + }, + 'hipass5': { + label: 'High Pass 5Hz', + coefficients: { + b: [0.877493430773021, -1.754511635757187, 0.877493430773021], + a: [1.000000000000000, -1.851210698908115, 0.866238657864428], + }, + }, + 'hipass10': { + label: 'High Pass 10Hz', + coefficients: { + b: [0.813452161011750, -1.625120853023986, 0.813452161011750], + a: [1.000000000000000, -1.694160769645868, 0.750559011393507], + }, + }, +}; + +export const createHighPassFilterEpic = (fromState: any => State) => ( + action$: Observable, + state$: Observable +): Observable => action$.pipe( + ofType(SET_HIGH_PASS_FILTER), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload]) => (dispatch) => { + dispatch(setFilter({ + key: 'highPass', + name: payload, + fn: R.curry(applyFilter)(HIGH_PASS_FILTERS[payload].coefficients), + })); + dispatch(updateViewedChunks()); + }) +); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/pagination.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/pagination.js new file mode 100644 index 00000000000..3b2b0c6ac93 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/pagination.js @@ -0,0 +1,71 @@ +// @flow + +import * as R from 'ramda'; +import {Observable} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import type {Channel, ChannelMetadata} from '../types'; +import { + emptyChannels, + setDatasetMetadata, + setChannels, +} from '../state/dataset'; +import {updateViewedChunks} from './fetchChunks'; + +export const SET_OFFSET_INDEX = 'SET_OFFSET_INDEX'; +export const setOffsetIndex = createAction(SET_OFFSET_INDEX); + +export type Action = ((any) => void) => void; + +export type State = { + limit: number, + channelMetadata: ChannelMetadata[], + channels: Channel[] +}; + +export const createPaginationEpic = (fromState: any => State) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(SET_OFFSET_INDEX), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + const {limit, channelMetadata, channels} = fromState(state); + + const offsetIndex = Math.min( + Math.max(payload, 1), + channelMetadata.length + ); + + let channelIndex = offsetIndex - 1; + + const newChannels = []; + const hardLimit = Math.min( + offsetIndex + limit - 1, + channelMetadata.length + ); + while (channelIndex < hardLimit) { + // TODO: need to handle multiple traces using shapes + const channel = + channels.find( + R.pipe( + R.prop('index'), + R.equals(channelIndex) + ) + ) || emptyChannels(1, 1)[0]; + channel.index = channelIndex; + newChannels.push(channel); + channelIndex++; + } + + return (dispatch) => { + dispatch(setDatasetMetadata({offsetIndex})); + dispatch(setChannels(newChannels)); + dispatch(updateViewedChunks()); + }; + }) + ); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/scaleAmplitudes.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/scaleAmplitudes.js new file mode 100644 index 00000000000..2e60538eb4f --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/scaleAmplitudes.js @@ -0,0 +1,49 @@ +// @flow + +import * as R from 'ramda'; +import {Observable} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import {setAmplitudeScale} from '../state/bounds'; +import {updateViewedChunks} from './fetchChunks'; + +export const SET_AMPLITUDES_SCALE = 'SET_AMPLITUDES_SCALE'; +export const setAmplitudesScale = createAction(SET_AMPLITUDES_SCALE); +export const RESET_AMPLITUDES_SCALE = 'RESET_AMPLITUDES_SCALE'; +export const resetAmplitudesScale = createAction(RESET_AMPLITUDES_SCALE); +export type Action = ((any) => void) => void; + +export const createScaleAmplitudesEpic = (fromState: any => number) => ( + action$: Observable, + state$: Observable +): Observable => { + return action$.pipe( + ofType(SET_AMPLITUDES_SCALE), + Rx.map(R.prop('payload')), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + const scale = payload; + const amplitudeScale = fromState(state); + + return (dispatch) => { + dispatch(setAmplitudeScale(scale * amplitudeScale)); + dispatch(updateViewedChunks()); + }; + }) + ); +}; + +export const createResetAmplitudesEpic = () => ( + action$: Observable, +): Observable => { + return action$.pipe( + ofType(RESET_AMPLITUDES_SCALE), + Rx.map(() => { + return (dispatch) => { + dispatch(setAmplitudeScale()); + dispatch(updateViewedChunks()); + }; + }) + ); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/timeSelection.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/timeSelection.js new file mode 100644 index 00000000000..975a42b4d7b --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/logic/timeSelection.js @@ -0,0 +1,86 @@ +// @flow + +import * as R from 'ramda'; +import {Observable, merge} from 'rxjs'; +import * as Rx from 'rxjs/operators'; +import {ofType} from 'redux-observable'; +import {createAction} from 'redux-actions'; +import {setTimeSelection} from '../state/timeSelection'; + +import type { + Action as BoundsAction, +} from '../state/bounds'; + +import {MIN_INTERVAL_FACTOR} from '../../../vector'; + +export const START_DRAG_SELECTION = 'START_DRAG_SELECTION'; +export const startDragSelection = createAction(START_DRAG_SELECTION); + +export const CONTINUE_DRAG_SELECTION = 'CONTINUE_DRAG_SELECTION'; +export const continueDragSelection = createAction(CONTINUE_DRAG_SELECTION); + +export const END_DRAG_SELECTION = 'END_DRAG_SELECTION'; +export const endDragSelection = createAction(END_DRAG_SELECTION); + +export type Action = BoundsAction | { type: 'UPDATE_VIEWED_CHUNKS' }; + +export const createTimeSelectionEpic = (fromState: any => any) => ( + action$: Observable, + state$: Observable +): Observable => { + const startDrag$ = action$.pipe( + ofType(START_DRAG_SELECTION), + Rx.map(R.prop('payload')), + ); + + const continueDrag$ = action$.pipe( + ofType(CONTINUE_DRAG_SELECTION), + Rx.map(R.prop('payload')) + ); + + const initInterval = ([position, state]) => { + const {interval} = R.clone(fromState(state)); + const x = Math.round(interval[0] + position * (interval[1] - interval[0])); + return setTimeSelection([x, x]); + }; + + const updateInterval = ([position, state]) => { + const {interval, timeSelection} = R.clone(fromState(state)); + const x = interval[0] + position * (interval[1] - interval[0]); + const minSize = Math.abs(interval[1] - interval[0]) * MIN_INTERVAL_FACTOR; + timeSelection[1] = Math.round( + x + Math.max(timeSelection[0] + minSize - timeSelection[1], 0) + ); + + return setTimeSelection(timeSelection); + }; + + const endDrag$ = action$.pipe( + ofType(END_DRAG_SELECTION), + Rx.withLatestFrom(state$), + Rx.map(([payload, state]) => { + if (state.timeSelection && state.timeSelection[1] - state.timeSelection[0] < 2) { + return setTimeSelection(null); + } else { + return setTimeSelection(state.timeSelection); + } + }) + ); + + const startUpdates$ = startDrag$.pipe( + Rx.withLatestFrom(state$), + Rx.map(initInterval) + ); + + const dragUpdates$ = startDrag$.pipe( + Rx.switchMap(() => + continueDrag$.pipe( + Rx.withLatestFrom(state$), + Rx.map(updateInterval), + Rx.takeUntil(endDrag$) + ) + ) + ); + + return merge(startUpdates$, dragUpdates$, endDrag$); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/bounds.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/bounds.js new file mode 100644 index 00000000000..c981946e0a2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/bounds.js @@ -0,0 +1,85 @@ +// @flow + +import {createAction} from 'redux-actions'; + +export const SET_INTERVAL = 'SET_INTERVAL'; +export const setInterval = createAction(SET_INTERVAL); + +export const SET_DOMAIN = 'SET_DOMAIN'; +export const setDomain = createAction(SET_DOMAIN); + +export const SET_AMPLITUDE_SCALE = 'SET_AMPLITUDE_SCALE'; +export const setAmplitudeScale = createAction(SET_AMPLITUDE_SCALE); + +export const SET_VIEWER_WIDTH = 'SET_VIEWER_WIDTH'; +export const setViewerWidth = createAction(SET_VIEWER_WIDTH); + +export const SET_VIEWER_HEIGHT = 'SET_VIEWER_HEIGHT'; +export const setViewerHeight = createAction(SET_VIEWER_HEIGHT); + +export type Action = + | {type: 'SET_INTERVAL', payload: [number, number]} + | {type: 'SET_DOMAIN', payload: [number, number]} + | {type: 'SET_AMPLITUDE_SCALE', payload: number} + | {type: 'SET_VIEWER_WIDTH', payload: number} + | {type: 'SET_VIEWER_HEIGHT', payload: number} + +export type State = { + interval: [number, number], + domain: [number, number], + amplitudeScale: number, + viewerWidth: number, + viewerHeight: number, +}; + +const interval = (state = [0.25, 0.75], action: ?Action): [number, number] => { + if (action && action.type === 'SET_INTERVAL') { + return action.payload; + } + return state; +}; + +const domain = (state = [0, 1], action: ?Action): [number, number] => { + if (action && action.type === 'SET_DOMAIN') { + return action.payload; + } + return state; +}; + +const amplitudeScale = (state = 1, action: ?Action): number => { + if (action && action.type === 'SET_AMPLITUDE_SCALE') { + return action.payload; + } + return state; +}; + +const viewerWidth = (state = 400, action: ?Action): number => { + if (action && action.type === 'SET_VIEWER_WIDTH') { + return action.payload; + } + return state; +}; + +const viewerHeight = (state = 400, action: ?Action): number => { + if (action && action.type === 'SET_VIEWER_HEIGHT') { + return action.payload; + } + return state; +}; + +export const boundsReducer: (State, Action) => State = ( + state = { + interval: interval(), + domain: domain(), + amplitudeScale: amplitudeScale(), + viewerWidth: viewerWidth(), + viewerHeight: viewerHeight(), + }, + action +) => ({ + interval: interval(state.interval, action), + domain: domain(state.domain, action), + amplitudeScale: amplitudeScale(state.amplitudeScale, action), + viewerWidth: viewerWidth(state.viewerWidth, action), + viewerHeight: viewerHeight(state.viewerHeight, action), +}); diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/channel.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/channel.js new file mode 100644 index 00000000000..0fdf9112ade --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/channel.js @@ -0,0 +1,36 @@ +// @flow + +import * as R from 'ramda'; +import {createAction} from 'redux-actions'; +import type {Channel, Chunk} from '../types'; + +export const SET_CHUNKS = 'SET_CHUNKS'; +export const setChunks = createAction(SET_CHUNKS); + +export type Action = { + type: 'SET_CHUNKS', + payload: {traceIndex: number, chunks: Chunk[]} +}; + +export type State = Channel; + +export const channelReducer = ( + state: Channel = {index: 0, traces: []}, + action: ?Action +): State => { + if (!action) { + return state; + } + switch (action.type) { + case SET_CHUNKS: { + return R.assocPath( + ['traces', action.payload.traceIndex, 'chunks'], + action.payload.chunks, + state + ); + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/cursor.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/cursor.js new file mode 100644 index 00000000000..a453d04dd30 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/cursor.js @@ -0,0 +1,29 @@ +// @flow + +import {createAction} from 'redux-actions'; + +export const SET_CURSOR = 'SET_CURSOR'; +export const setCursor = createAction(SET_CURSOR); + +export type Action = { + type: "SET_CURSOR", + payload: ?number +}; + +export type State = ?number; + +export type Reducer = (state: ?number, action: ?Action) => State; + +export const cursorReducer: Reducer = (state = null, action) => { + if (!action) { + return state; + } + switch (action.type) { + case SET_CURSOR: { + return action.payload; + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/dataset.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/dataset.js new file mode 100644 index 00000000000..85a465f7d0f --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/dataset.js @@ -0,0 +1,124 @@ +// @flow + +import * as R from 'ramda'; +import {createAction} from 'redux-actions'; +import type {Channel, ChannelMetadata, Epoch} from '../types'; +import type {Action as ChannelAction} from './channel'; +import {channelReducer} from './channel'; + +export const SET_CHANNELS = 'SET_CHANNELS'; +export const setChannels = createAction(SET_CHANNELS); + +export const SET_ACTIVE_CHANNEL = 'SET_ACTIVE_CHANNEL'; +export const setActiveChannel = createAction(SET_ACTIVE_CHANNEL); + +export const SET_EPOCHS = 'SET_EPOCHS'; +export const setEpochs = createAction(SET_EPOCHS); + +export const SET_FILTERED_EPOCHS = 'SET_FILTERED_EPOCHS'; +export const setFilteredEpochs = createAction(SET_FILTERED_EPOCHS); + +export const SET_ACTIVE_EPOCH = 'SET_ACTIVE_EPOCH'; +export const setActiveEpoch = createAction(SET_ACTIVE_EPOCH); + +export const SET_DATASET_METADATA = 'SET_DATASET_METADATA'; +export const setDatasetMetadata = createAction(SET_DATASET_METADATA); + +export type Action = + | {type: 'SET_CHANNELS', payload: Channel[]} + | {type: 'SET_ACTIVE_CHANNEL', payload: number} + | {type: 'SET_EPOCHS', payload: Epoch[]} + | {type: 'SET_FILTERED_EPOCHS', payload: number[]} + | {type: 'SET_ACTIVE_EPOCH', payload: number} + | { + type: 'SET_DATASET_METADATA', + payload: { + chunkDirectoryURL: string, + channelNames: string[], + shapes: number[][], + timeInterval: [number, number], + seriesRange: [number, number], + limit: number + } + } + | ChannelAction; + +export type State = { + chunkDirectoryURL: string, + channelMetadata: ChannelMetadata[], + channels: Channel[], + activeChannel: number | null, + offsetIndex: number, + limit: number, + epochs: Epoch[], + filteredEpochs: number[], + activeEpoch: number | null, + shapes: number[][], + timeInterval: [number, number] +}; + +export const datasetReducer = ( + state: State = { + chunkDirectoryURL: '', + channelMetadata: [], + channels: [], + filteredChannels: [], + activeChannel: null, + epochs: [], + filteredEpochs: [], + activeEpoch: null, + offsetIndex: 1, + limit: 6, + shapes: [], + timeInterval: [0, 1], + seriesRange: [-1, 2], + }, + action: ?Action +): State => { + if (!action) { + return state; + } + switch (action.type) { + case SET_CHANNELS: { + return R.assoc('channels', action.payload, state); + } + case SET_ACTIVE_CHANNEL: { + return R.assoc('activeChannel', action.payload, state); + } + case SET_EPOCHS: { + return R.assoc('epochs', action.payload, state); + } + case SET_FILTERED_EPOCHS: { + return R.assoc('filteredEpochs', action.payload, state); + } + case SET_ACTIVE_EPOCH: { + return R.assoc('activeEpoch', action.payload, state); + } + case SET_DATASET_METADATA: { + return R.merge(state, action.payload); + } + default: { + const activeIndex = state.channels.findIndex( + (c) => c.index === state.activeChannel + ); + if (activeIndex < 0) { + return state; + } + return R.assocPath( + ['channels', activeIndex], + channelReducer(state.channels[activeIndex], (action: any)), + state + ); + } + } +}; + +export const emptyChannels = (channelsCount: number, tracesCount: number) => { + const makeTrace = () => ({chunks: [], type: 'line'}); + const makeChannel = (index) => ({ + index, + traces: R.range(0, tracesCount).map(makeTrace), + }); + + return R.range(0, channelsCount).map(makeChannel); +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/filters.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/filters.js new file mode 100644 index 00000000000..c000ea1ea7a --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/filters.js @@ -0,0 +1,43 @@ +// @flow + +import * as R from 'ramda'; +import {createAction} from 'redux-actions'; + +export const SET_FILTER = 'SET_FILTER'; +export const setFilter = createAction(SET_FILTER); + +export type Action = { + type: 'SET_FILTER', + payload: { + key: string, + name: string, + fn: (number[]) => number[], + } +}; + +export const filtersReducer = ( + state: {[key: string]: { + name: string, + fn: (number[]) => number[] + }} = {}, + action: ?Action +): any => { + if (!action) { + return state; + } + switch (action.type) { + case SET_FILTER: { + return R.assoc( + action.payload.key, + { + name: action.payload.name, + fn: action.payload.fn, + }, + state + ); + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/montage.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/montage.js new file mode 100644 index 00000000000..951313dcda5 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/montage.js @@ -0,0 +1,42 @@ +// @flow + +import * as R from 'ramda'; +import {createAction} from 'redux-actions'; +import type {Electrode} from '../types'; + +export const SET_ELECTRODES = 'SET_ELECTRODES'; +export const setElectrodes = createAction(SET_ELECTRODES); + +export const SET_HIDDEN = 'SET_HIDDEN'; +export const setHidden = createAction(SET_HIDDEN); + +export type Action = + | {type: 'SET_ELECTRODES', payload: Electrode[]} + | {type: 'SET_HIDDEN', payload: number[]}; + +export type State = { + electrodes: Electrode[], + hidden: number[] +}; + +export type Reducer = (state: State, action: ?Action) => State; + +export const montageReducer: Reducer = ( + state = {electrodes: [], hidden: []}, + action +) => { + if (!action) { + return state; + } + switch (action.type) { + case SET_ELECTRODES: { + return R.assoc('electrodes', action.payload, state); + } + case SET_HIDDEN: { + return R.assoc('hidden', action.payload, state); + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/rightPanel.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/rightPanel.js new file mode 100644 index 00000000000..9d2ae6acee8 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/rightPanel.js @@ -0,0 +1,28 @@ +// @flow + +import {createAction} from 'redux-actions'; +import type {RightPanel} from '../types'; + +export const SET_RIGHT_PANEL = 'SET_RIGHT_PANEL'; +export const setRightPanel = createAction(SET_RIGHT_PANEL); + +export type Action = { + type: "SET_RIGHT_PANEL", + payload: RightPanel +}; + +export type Reducer = (state: RightPanel, action: ?Action) => RightPanel; + +export const panelReducer: Reducer = (state = null, action) => { + if (!action) { + return state; + } + switch (action.type) { + case SET_RIGHT_PANEL: { + return action.payload; + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/timeSelection.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/timeSelection.js new file mode 100644 index 00000000000..20176404680 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/state/timeSelection.js @@ -0,0 +1,30 @@ +// @flow + +import {createAction} from 'redux-actions'; + +export const SET_TIME_SELECTION = 'SET_TIME_SELECTION'; +export const setTimeSelection = createAction(SET_TIME_SELECTION); + +export type Action = { + type: "SET_TIME_SELECTION", + payload: ?[number, number] +}; + +export type State = ?[number, number]; + +export type Reducer = (state: ?[number, number], action: ?Action) => State; + +export const timeSelectionReducer: Reducer = (state = null, action) => { + if (!action) { + return state; + } + + switch (action.type) { + case SET_TIME_SELECTION: { + return action.payload; + } + default: { + return state; + } + } +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/types.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/types.js new file mode 100644 index 00000000000..8097beb66d2 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/store/types.js @@ -0,0 +1,43 @@ +// @flow + +export type Chunk = { + index: number, + originalValues: number[], + values: number[], + filters: string[], + downsampling: number, + interval: [number, number], + cutoff: number +}; + +export type Trace = { + chunks: Chunk[], + type: "line" +}; + +export type ChannelMetadata = { + name: string, + seriesRange: [number, number] +}; + +export type Channel = { + index: number, + traces: Trace[] +}; + +export type Epoch = { + onset: number, + duration: number, + type: 'Event' | 'Annotation', + label: string, + comment: ?string, + channels: number[] | "all", +}; + +export type RightPanel = ?('annotationForm' | 'epochList'); + +export type Electrode = { + name: string, + channelIndex: ?number, + position: [number, number, number], +}; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/umd.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/umd.js new file mode 100644 index 00000000000..60ca6d07f5d --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/umd.js @@ -0,0 +1,4 @@ +import {EEGLabSeriesProvider} from "src/eeglab"; +import {IntervalSelect, SeriesRenderer} from "src/series"; + +export default {EEGLabSeriesProvider, IntervalSelect, SeriesRenderer }; diff --git a/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/vector/index.js b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/vector/index.js new file mode 100644 index 00000000000..4e83fb92437 --- /dev/null +++ b/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/vector/index.js @@ -0,0 +1,18 @@ +// @flow + +import {vec2, glMatrix} from 'gl-matrix'; + +export type Vector2 = typeof glMatrix.ARRAY_TYPE; + +export const ap = (f: [(any) => any, (any) => any], p: Vector2): Vector2 => + vec2.fromValues(f[0](p[0]), f[1](p[1])); + +export const MIN_INTERVAL_FACTOR = 0.005; + +export const MIN_EPOCH_WIDTH = 1; + +export const MAX_VIEWED_CHUNKS = 3; + +export const MAX_CHANNELS = 6; + +export const MAX_RENDERED_EPOCHS = 100; diff --git a/modules/electrophysiology_browser/php/electrophysiology_browser.class.inc b/modules/electrophysiology_browser/php/electrophysiology_browser.class.inc index 9c38b518725..b14a37dfdf3 100644 --- a/modules/electrophysiology_browser/php/electrophysiology_browser.class.inc +++ b/modules/electrophysiology_browser/php/electrophysiology_browser.class.inc @@ -75,7 +75,7 @@ class Electrophysiology_Browser extends \DataFrameworkMenu { // create user object $user = \NDB_Factory::singleton()->user(); - $list_of_sites = []; + $list_of_sites = array(); // grep the sites available to the user if ($user->hasPermission('electrophysiology_browser_view_allsites')) { @@ -95,17 +95,17 @@ class Electrophysiology_Browser extends \DataFrameworkMenu } // get list of projects - $list_of_projects = []; + $list_of_projects = array(); $projectList = \Utility::getProjectList(); foreach ($projectList as $key => $project) { unset($projectList[$key]); $list_of_projects[$project] = $project; } - return [ + return array( 'sites' => $list_of_sites, 'projects' => $list_of_projects, - ]; + ); } @@ -134,10 +134,10 @@ class Electrophysiology_Browser extends \DataFrameworkMenu $baseURL = $factory->settings()->getBaseURL(); return array_merge( parent::getJSDependencies(), - [ + array( $baseURL . '/electrophysiology_browser/js/electrophysiologyBrowserIndex.js', - ] + ) ); } diff --git a/modules/electrophysiology_browser/php/electrophysiologybrowserrow.class.inc b/modules/electrophysiology_browser/php/electrophysiologybrowserrow.class.inc index 08bac5e566f..a9a1f18c207 100644 --- a/modules/electrophysiology_browser/php/electrophysiologybrowserrow.class.inc +++ b/modules/electrophysiology_browser/php/electrophysiologybrowserrow.class.inc @@ -26,8 +26,7 @@ namespace LORIS\electrophysiology_browser; * @license http://www.gnu.org/licenses/gpl-3.0.txt GPLv3 * @link https://www.github.com/aces/Loris/ */ -class ElectrophysiologyBrowserRow implements \LORIS\Data\DataInstance, - \LORIS\StudyEntities\SiteHaver +class ElectrophysiologyBrowserRow implements \LORIS\Data\DataInstance { protected $DBRow; protected $CenterID; @@ -36,12 +35,12 @@ class ElectrophysiologyBrowserRow implements \LORIS\Data\DataInstance, /** * Create a new ElectrophysiologyBrowserRow * - * @param array $row The row (in the same format as - * \Database::pselectRow returns - * @param integer $cid The centerID affiliated with this row. - * @param \ProjectID $pid The projectID affiliated with this row. + * @param array $row The row (in the same format as \Database::pselectRow + * returns + * @param integer $cid The centerID affiliated with this row. + * @param integer $pid The projectID affiliated with this row. */ - public function __construct(array $row, int $cid, \ProjectID $pid) + public function __construct(array $row, int $cid, int $pid) { $this->DBRow = $row; $this->CenterID = $cid; @@ -51,11 +50,11 @@ class ElectrophysiologyBrowserRow implements \LORIS\Data\DataInstance, /** * Implements \LORIS\Data\DataInstance interface for this row. * - * @return array which can be serialized by json_encode() + * @return string the row data. */ - public function jsonSerialize() : array + public function toJSON() : string { - return $this->DBRow; + return json_encode($this->DBRow); } /** @@ -72,9 +71,9 @@ class ElectrophysiologyBrowserRow implements \LORIS\Data\DataInstance, /** * Returns the ProjectID for this row * - * @return \ProjectID The ProjectID + * @return integer The ProjectID */ - public function getProjectID(): \ProjectID + public function getProjectID(): int { return $this->ProjectID; } diff --git a/modules/electrophysiology_browser/php/electrophysiologybrowserrowprovisioner.class.inc b/modules/electrophysiology_browser/php/electrophysiologybrowserrowprovisioner.class.inc index 2204ea31229..e99153b23e0 100644 --- a/modules/electrophysiology_browser/php/electrophysiologybrowserrowprovisioner.class.inc +++ b/modules/electrophysiology_browser/php/electrophysiologybrowserrowprovisioner.class.inc @@ -64,7 +64,7 @@ class ElectrophysiologyBrowserRowProvisioner SELECT type FROM ImagingFileTypes WHERE Description LIKE '%(EEG)' ) GROUP BY SessionID", - [] + array() ); } @@ -79,9 +79,9 @@ class ElectrophysiologyBrowserRowProvisioner public function getInstance($row) : \LORIS\Data\DataInstance { $cid = (int )$row['CenterID']; - $pid = new \ProjectID($row['ProjectID']); + $pid = (int )$row['ProjectID']; unset($row['CenterID']); unset($row['ProjectID']); return new ElectrophysiologyBrowserRow($row, $cid, $pid); } -} +} \ No newline at end of file diff --git a/modules/electrophysiology_browser/php/models/electrophysiofile.class.inc b/modules/electrophysiology_browser/php/models/electrophysiofile.class.inc index bbd1bb451ca..dddca32ef6a 100644 --- a/modules/electrophysiology_browser/php/models/electrophysiofile.class.inc +++ b/modules/electrophysiology_browser/php/models/electrophysiofile.class.inc @@ -24,8 +24,8 @@ namespace LORIS\electrophysiology_browser\Models; */ class ElectrophysioFile implements \LORIS\Data\DataInstance { - private $_fileData = []; - private $_parameters = []; + private $_fileData = array(); + private $_parameters = array(); /** * Construct a BIDSFile @@ -49,7 +49,7 @@ class ElectrophysioFile implements \LORIS\Data\DataInstance FilePath FROM physiological_file WHERE PhysiologicalFileID=:PFID"; - $params = ['PFID' => $physiologicalFileID]; + $params = array('PFID' => $physiologicalFileID); $fileData = $db->pselectRow($query, $params); foreach ($fileData AS $key=>$value) { @@ -86,10 +86,10 @@ class ElectrophysioFile implements \LORIS\Data\DataInstance /** * Implements \LORIS\Data\DataInstance interface * - * @return string which can be serialized by json_encode() + * @return string */ - public function jsonSerialize() : string + public function toJSON(): string { return ''; } -} +} \ No newline at end of file diff --git a/modules/electrophysiology_browser/php/sessions.class.inc b/modules/electrophysiology_browser/php/sessions.class.inc index 0fda74038d1..1e4f23688d4 100644 --- a/modules/electrophysiology_browser/php/sessions.class.inc +++ b/modules/electrophysiology_browser/php/sessions.class.inc @@ -1,4 +1,5 @@ hasPermission('electrophysiology_browser_view_allsites') + return ($user->hasPermission('electrophysiology_browser_view_allsites') || ($user->hasCenter($this->timepoint->getCenterID()) - && $user->hasPermission('electrophysiology_browser_view_site')) - ) && $user->hasProject($this->timepoint->getProject()->getId())); + && $user->hasPermission('electrophysiology_browser_view_site') + ) + ); } /** - * Load the required variables in order to check that the user - * has access to the session. - * - * @param \User $user The user to load the resources for - * @param ServerRequestInterface $request The PSR15 Request being handled + * Handles a login request * - * @throws \NotFound If the session id is non-numerical - * @throws \LorisException If the session is not found + * @param ServerRequestInterface $request The incoming PSR7 request * - * @return void + * @return ResponseInterface The outgoing PSR7 response */ - public function loadResources( - \User $user, ServerRequestInterface $request - ) : void { + public function handle(ServerRequestInterface $request) : ResponseInterface + { + $path = $request->getUri()->getPath(); + $parameters = $request->getQueryParams(); + $user = $request->getAttribute('user'); - $path = $request->getUri()->getPath(); $matches = []; + // check that the session ID is of type integer if (preg_match('#/sessions/(\d+)#', $path, $matches) !== 1) { - throw new \NotFound("Invalid session"); + return (new \LORIS\Middleware\PageDecorationMiddleware($user)) + ->process( + $request, + new \LORIS\Http\StringStream("Invalid session") + )->withStatus(404); } - $session_id = intval($matches[1]); + $session_id = intval($matches[1]); try { $this->timepoint = \NDB_Factory::singleton()->timepoint( - new \SessionID(strval($session_id)) + $session_id ); $this->sessionID = $session_id; } catch(\LorisException $e) { - throw new \NotFound("Session not found"); + return (new \LORIS\Middleware\PageDecorationMiddleware($user)) + ->process( + $request, + new \LORIS\Http\StringStream("Session not found") + )->withStatus(404); } - parent::loadResources($user, $request); - } - - /** - * Handles a login request - * - * @param ServerRequestInterface $request The incoming PSR7 request - * - * @return ResponseInterface The outgoing PSR7 response - */ - public function handle(ServerRequestInterface $request) : ResponseInterface - { - $parameters = $request->getQueryParams(); - $user = $request->getAttribute('user'); - if (!$this->_hasAccess($user)) { return (new \LORIS\Middleware\PageDecorationMiddleware($user)) ->process( @@ -120,7 +111,7 @@ class Sessions extends \NDB_Page if ($request->getMethod() != 'GET') { return (new \LORIS\Http\Response\JSON\MethodNotAllowed( - ['GET'] + array('GET') )); } @@ -165,9 +156,9 @@ class Sessions extends \NDB_Page AND pf.FileType IN ("bdf", "cnt", "edf", "set", "vhdr", "vsm") ORDER BY pf.SessionID'; - $response = []; + $response = array(); - $sessions = $db->pselect($query, []); + $sessions = $db->pselect($query, array()); $sessions = array_column($sessions, 'SessionID'); $response['patient'] = $this->getSubjectData($outputType); $response['database'] = array_values( @@ -191,7 +182,7 @@ class Sessions extends \NDB_Page */ function getSubjectData($outputType) { - $subjectData = []; + $subjectData = array(); $candidate = \NDB_Factory::singleton()->candidate( $this->timepoint->getCandID() ); @@ -222,8 +213,8 @@ class Sessions extends \NDB_Page { $db = \NDB_Factory::singleton()->database(); - $fileCollection = []; - $params = []; + $fileCollection = array(); + $params = array(); $params['SID'] = $this->sessionID; $query = 'SELECT pf.PhysiologicalFileID, @@ -245,7 +236,7 @@ class Sessions extends \NDB_Page $physiologicalFiles = $db->pselect($query, $params); foreach ($physiologicalFiles as $file) { - $fileSummary = []; + $fileSummary = array(); $physiologicalFileID = $file['PhysiologicalFileID']; $physiologicalFile = $file['FilePath']; $physioFileObj = new ElectrophysioFile( @@ -278,22 +269,22 @@ class Sessions extends \NDB_Page $ecgChannelCount = $physioFileObj->getParameter('ECGChannelCount'); $emgChannelCount = $physioFileObj->getParameter('EMGChannelCount'); - $fileSummary['task']['channel'][] = [ + $fileSummary['task']['channel'][] = array( 'name' => 'EEG Channel Count', 'value' => $eegChannelCount, - ]; - $fileSummary['task']['channel'][] = [ + ); + $fileSummary['task']['channel'][] = array( 'name' => 'EOG Channel Count', 'value' => $eogChannelCount, - ]; - $fileSummary['task']['channel'][] = [ + ); + $fileSummary['task']['channel'][] = array( 'name' => 'ECG Channel Count', 'value' => $ecgChannelCount, - ]; - $fileSummary['task']['channel'][] = [ + ); + $fileSummary['task']['channel'][] = array( 'name' => 'EMG Channel Count', 'value' => $emgChannelCount, - ]; + ); // get the task reference @@ -333,6 +324,9 @@ class Sessions extends \NDB_Page $artefactDesc = $physioFileObj->getParameter( 'SubjectArtefactDescription' ); + $chunksUrl = $physioFileObj->getParameter( + 'electrophyiology_chunked_dataset_path' + ); $fileSummary['details']['task']['description'] = $taskDesc; $fileSummary['details']['instructions'] = $instructions; @@ -364,6 +358,7 @@ class Sessions extends \NDB_Page ); $fileSummary['downloads'] = $links; + $fileSummary['chunks_url'] = $chunksUrl; $fileCollection[]['file'] = $fileSummary; } @@ -386,13 +381,13 @@ class Sessions extends \NDB_Page { $db = \NDB_Factory::singleton()->database(); - $params = []; + $params = array(); $params['PFID'] = $physioFileID; - $downloadLinks = []; - $downloadLinks[] = [ + $downloadLinks = array(); + $downloadLinks[] = array( 'type' => 'physiological_file', 'file' => $physioFile, - ]; + ); $queries = [ 'physiological_electrode' => 'physiological_electrode_file', @@ -410,15 +405,15 @@ class Sessions extends \NDB_Page PhysiologicalFileID=:PFID"; $query_statement = $db->pselectRow($query_statement, $params); if (isset($query_statement['FileType'])) { - $downloadLinks[] = [ + $downloadLinks[] = array( 'type' => $query_statement['FileType'], 'file' => $query_statement['FilePath'], - ]; + ); } else { - $downloadLinks[] = [ + $downloadLinks[] = array( 'type' => $query_value, 'file' => '', - ]; + ); } } @@ -433,15 +428,15 @@ class Sessions extends \NDB_Page AND PhysiologicalFileID=:PFID"; $queryFDT = $db->pselectRow($queryFDT, $params); if (isset($queryFDT['FileType'])) { - $downloadLinks[] = [ + $downloadLinks[] = array( 'type' => $queryFDT['FileType'], 'file' => $queryFDT['FilePath'], - ]; + ); } else { - $downloadLinks[] = [ + $downloadLinks[] = array( 'type' => 'physiological_fdt_file', 'file' => '', - ]; + ); } return $downloadLinks; @@ -459,10 +454,29 @@ class Sessions extends \NDB_Page $baseurl = $factory->settings()->getBaseURL(); $depends = array_merge( $depends, - [ + array( $baseurl - . '/electrophysiology_browser/js/electrophysiologySessionView.js', - ] + . '/electrophysiology_browser/js/electrophysiologySessionView.js' + ) + ); + return $depends; + } + + /** + * Get CSS Dependencies + * + * @return array + */ + function getCSSDependencies() + { + $depends = parent::getCSSDependencies(); + $factory = \NDB_Factory::singleton(); + $baseurl = $factory->settings()->getBaseURL(); + $depends = array_merge( + $depends, + array( + $baseurl . '/electrophysiology_browser/css/electrophysiology_browser.css', + ) ); return $depends; } diff --git a/package.json b/package.json index e0f4c949f68..77884216aa6 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,29 @@ "react-dom": "^17.0.1", "react-markdown": "^5.0.2", "style-loader": "^1.1.3", - "sweetalert2": "^8.18.6" + "sweetalert2": "^8.18.6", + "@visx/axis": "^1.4.0", + "@visx/group": "^1.0.0", + "@visx/responsive": "^1.3.0", + "@visx/shape": "^1.4.0", + "axios": "^0.18.0", + "d3-3d": "0.0.10", + "d3-array": "^1.2.4", + "d3-dsv": "^1.0.10", + "d3-scale": "^2.1.2", + "d3-scale-chromatic": "^1.3.3", + "differenceequationsignal1d": "^0.1.1", + "gl-matrix": "^2.8.1", + "google-protobuf": "^3.6.1", + "ramda": "^0.25.0", + "react-redux": "^7.2.1", + "redux": "^4.0.0", + "redux-actions": "^2.6.1", + "redux-logger": "^3.0.6", + "redux-observable": "^1.0.0", + "redux-thunk": "^2.3.0", + "resize-observer-polyfill": "^1.5.0", + "rxjs": "^6.6.3" }, "devDependencies": { "@babel/cli": "^7.6.4", @@ -25,6 +47,7 @@ "@babel/plugin-proposal-object-rest-spread": "^7.6.2", "@babel/preset-env": "^7.6.3", "@babel/preset-react": "^7.6.3", + "@babel/preset-flow": "^7.12.1", "alex": ">=8.0.1", "babel-eslint": "^10.0.1", "babel-loader": "^8.0.5", @@ -39,7 +62,22 @@ "style-loader": "^1.1.3", "terser-webpack-plugin": "^1.3.0", "webpack": "^4.41.2", - "webpack-cli": "^3.3.0" + "webpack-cli": "^3.3.0", + "@visx/marker": "^1.4.0", + "babel-plugin-flow-react-proptypes": "^24.1.2", + "babel-plugin-module-resolver": "^3.1.1", + "eslint-config-prettier": "^2.9.0", + "eslint-config-react-app": "^3.0.4", + "eslint-import-resolver-babel-module": "^4.0.0", + "eslint-plugin-import": "^2.14.0", + "eslint-plugin-jsx-a11y": "^6.1.2", + "eslint-plugin-prettier": "^2.6.0", + "flow-bin": "^0.123.0", + "flow-typed": "^2.5.1", + "prettier": "^1.12.1", + "prop-types": "^15.7.2", + "react": "^16.12.0", + "react-dom": "^16.13.1" }, "scripts": { "lint:javascript": "./test/run-js-linter.sh",