@haniffalab/cherita-react 1.3.0-dev.2025-06-06.f1eddad0 → 1.3.1

package/dist/css/cherita.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Bootstrap  v5.3.6 (https://getbootstrap.com/)
+ * Bootstrap  v5.3.8 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -545,6 +545,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -6141,6 +6145,7 @@ textarea.form-control-lg {
 .spinner-grow,
 .spinner-border {
   display: inline-block;
+  flex-shrink: 0;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
@@ -7240,7 +7245,7 @@ textarea.form-control-lg {
   display: table-cell !important;
 }
 
-.d-flex {
+.d-flex, .obs-accordion-header .obs-accordion-header-span .accordion-header-toolbar {
   display: flex !important;
 }
 
@@ -7646,7 +7651,7 @@ textarea.form-control-lg {
   flex-wrap: wrap !important;
 }
 
-.flex-nowrap {
+.flex-nowrap, .obs-accordion-header .obs-accordion-header-span .accordion-header-toolbar {
   flex-wrap: nowrap !important;
 }
 
@@ -7908,7 +7913,7 @@ textarea.form-control-lg {
   margin-right: 0 !important;
 }
 
-.me-1 {
+.me-1, .obs-accordion-header .obs-accordion-header-span .accordion-header-title {
   margin-right: 0.25rem !important;
 }
 
@@ -7928,7 +7933,7 @@ textarea.form-control-lg {
   margin-right: 3rem !important;
 }
 
-.me-auto {
+.me-auto, .var-item-name {
   margin-right: auto !important;
 }
 
@@ -7988,11 +7993,11 @@ textarea.form-control-lg {
   margin-left: auto !important;
 }
 
-.p-0, .cherita-app-container {
+.p-0, .cherita-app-sidebar .card-body, .cherita-app-container, .cherita-app-container .cherita-app-canvas {
   padding: 0 !important;
 }
 
-.p-1, .cherita-app-container .cherita-app-canvas {
+.p-1 {
   padding: 0.25rem !important;
 }
 
@@ -8012,7 +8017,7 @@ textarea.form-control-lg {
   padding: 3rem !important;
 }
 
-.px-0 {
+.px-0, .offcanvas-vars .offcanvas-body .sidebar-features {
   padding-right: 0 !important;
   padding-left: 0 !important;
 }
@@ -8076,7 +8081,7 @@ textarea.form-control-lg {
   padding-top: 0 !important;
 }
 
-.pt-1 {
+.pt-1, .offcanvas-vars .offcanvas-body {
   padding-top: 0.25rem !important;
 }
 
@@ -8120,7 +8125,7 @@ textarea.form-control-lg {
   padding-right: 3rem !important;
 }
 
-.pb-0 {
+.pb-0, .offcanvas-vars .offcanvas-header {
   padding-bottom: 0 !important;
 }
 
@@ -8365,7 +8370,7 @@ textarea.form-control-lg {
 }
 
 /* rtl:begin:remove */
-.text-break {
+.text-break, .obs-accordion-header .obs-accordion-header-span .accordion-header-title {
   word-wrap: break-word !important;
   word-break: break-word !important;
 }
@@ -11874,7 +11879,7 @@ textarea.form-control-lg {
   height: 20px;
   margin-right: 10px;
 }
-.obs-accordion-header .obs-accordion-header-title {
+.obs-accordion-header .obs-accordion-header-span {
   font-size: 1rem;
   width: 100%;
   display: flex;
@@ -11890,7 +11895,7 @@ textarea.form-control-lg {
 }
 
 .list-group.cherita-list .virtualized-list-wrapper {
-  padding: 0 0.25rem 0.25rem 0.25rem;
+  padding: 0 0.25rem 0.25rem;
 }
 .list-group.cherita-list .list-group-item.unstyled {
   background-color: transparent;
@@ -11903,7 +11908,6 @@ textarea.form-control-lg {
   color: var(--bs-body-color);
   background-color: var(--bs-tertiary-bg);
   border-radius: var(--bs-border-radius);
-  cursor: pointer;
 }
 .list-group.cherita-list .list-group-item.active {
   background-color: var(--bs-secondary-bg);
@@ -11911,7 +11915,7 @@ textarea.form-control-lg {
 
 .obs-statistics {
   border: 0;
-  margin: 0 0.25rem 0.25rem 0.25rem;
+  margin: 0 0.25rem 0.25rem;
   padding: 0.375rem 0.75rem;
   line-height: 1.5;
   color: var(--bs-body-color);
@@ -11925,11 +11929,16 @@ textarea.form-control-lg {
   padding-left: 0.35rem;
 }
 
-.cherita-app {
-  position: relative;
-  width: 100%;
+.search-results .cherita-list.list-group .list-group-item {
+  cursor: pointer;
 }
 
+.cherita-app {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
 .cherita-app .cherita-navbar {
   position: absolute;
   z-index: 11;
@@ -11938,54 +11947,30 @@ textarea.form-control-lg {
   right: 0;
   border-radius: 0.25rem;
 }
-@media (min-width: 992px) and (max-width: 1199px) {
+@media (width >= 992px) and (width <= 1199px) {
   .cherita-app .cherita-navbar {
-    margin-left: calc(33.33333333% + 1rem) !important;
+    margin-left: calc(33.3333% + 1rem) !important;
   }
 }
 
-.cherita-app-canvas {
-  position: relative;
-}
-
 .cherita-app-obs {
   overflow-y: auto;
 }
 
 .cherita-app-sidebar {
+  height: 100%;
   width: 20%;
   position: relative;
 }
 .cherita-app-sidebar .card {
   width: 100%;
+  height: 100%;
 }
 .cherita-app-sidebar .card-body {
   overflow-y: hidden;
-}
-.cherita-app-sidebar .sidebar-plotselector {
-  padding: 6px;
-  border-bottom: 1px solid #dee2e6;
-}
-.cherita-app-sidebar .sidebar-plotselector .plotselector-icon {
-  padding-bottom: 2px;
-  cursor: pointer;
-}
-.cherita-app-sidebar .sidebar-plotselector .plotselector-icon .active {
-  opacity: 1;
-  border-bottom: 2px solid #007bff;
-}
-.cherita-app-sidebar .sidebar-pseudospatial {
-  padding: 10px;
-  border-bottom: 1px solid #dee2e6;
-}
-.cherita-app-sidebar .sidebar-pseudospatial .cherita-legend {
-  margin: 0 auto;
-}
-.cherita-app-sidebar .sidebar-features {
-  padding: 10px;
-  margin-bottom: 10px;
+  display: flex;
+  flex-direction: column;
   height: 100%;
-  overflow-y: auto;
 }
 .cherita-app-sidebar .accordion-header-wrapper {
   cursor: pointer;
@@ -11999,7 +11984,7 @@ textarea.form-control-lg {
   align-items: center;
   width: 100%;
 }
-.cherita-app-sidebar .accordion-header-wrapper:after {
+.cherita-app-sidebar .accordion-header-wrapper::after {
   content: "";
   flex-shrink: 0;
   width: var(--geeks-accordion-btn-icon-width);
@@ -12014,17 +11999,49 @@ textarea.form-control-lg {
   color: var(--geeks-accordion-active-color);
   background-color: var(--geeks-accordion-active-bg);
 }
-.cherita-app-sidebar .accordion-header-wrapper:not(.collapsed):after {
+.cherita-app-sidebar .accordion-header-wrapper:not(.collapsed)::after {
   background-image: var(--geeks-accordion-btn-active-icon);
   transform: var(--geeks-accordion-btn-icon-transform);
 }
 
+.sidebar-pseudospatial {
+  padding: 10px;
+  border-bottom: 1px solid #dee2e6;
+}
+.sidebar-pseudospatial .cherita-legend {
+  margin: 0 auto;
+}
+
+.sidebar-features {
+  padding: 10px;
+  margin-bottom: 10px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+}
+.sidebar-features .sidebar-features-list {
+  position: relative;
+  flex-grow: 1;
+  min-height: 0;
+}
+
+.offcanvas-vars .offcanvas-body {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
 .search-modal-info {
   overflow-y: auto;
   border-left: 1px solid #dee2e6;
 }
 
+.cherita-app-canvas {
+  position: relative;
+}
 .cherita-app-canvas .cherita-plot {
+  position: relative;
   height: 100%;
   min-height: 400px;
 }
@@ -12043,7 +12060,7 @@ textarea.form-control-lg {
 }
 .cherita-app-container .cherita-app-canvas {
   flex: 1 1 auto;
-  min-width: 400px;
+  min-width: 375px;
   position: relative;
   max-height: 100%;
   display: flex;
@@ -12058,17 +12075,17 @@ textarea.form-control-lg {
   max-width: 20%;
   position: relative;
 }
-@media (max-width: 1400px) {
+@media (width <= 1400px) {
   .cherita-app-container .cherita-app-obs,
   .cherita-app-container .cherita-app-sidebar {
     max-width: 25%;
   }
 }
 
-.ps-xs-1 {
-  padding-left: 0.15rem !important;
+.js-plotly-plot .plotly .modebar {
+  top: 16px;
+  right: 0;
 }
-
 .js-plotly-plot .plotly .modebar .modebar-group {
   border-radius: 5px;
   padding: 4px !important;
@@ -12076,6 +12093,7 @@ textarea.form-control-lg {
 .js-plotly-plot .plotly .modebar .modebar-group .modebar-btn {
   display: inline-flex;
   justify-content: center;
+  align-items: center;
   position: relative;
   font-size: 1.25rem;
   padding: 0.25rem;
@@ -12091,17 +12109,16 @@ textarea.form-control-lg {
   fill: white !important;
   color: white !important;
 }
-
 .js-plotly-plot .plotly .modebar--hover > :not(.watermark) {
-  opacity: 0.5;
+  opacity: 1;
   transition: opacity 0.3s;
 }
 
 .cherita-spatial-controls {
   position: absolute;
-  z-index: 10;
   top: 1rem;
   left: 1rem;
+  z-index: 10;
   width: 3rem;
 }
 .cherita-spatial-controls .btn {
@@ -12109,6 +12126,15 @@ textarea.form-control-lg {
   padding-right: 0;
 }
 
+.plotselector {
+  padding: 0 10px;
+  border-bottom: 1px solid #dee2e6;
+}
+.plotselector .plotselector-icon {
+  padding: 6px;
+  cursor: pointer;
+}
+
 .modern-scrollbars::-webkit-scrollbar {
   width: 20px;
 }
@@ -12139,6 +12165,10 @@ textarea.form-control-lg {
   align-items: center;
 }
 
+.cursor-pointer {
+  cursor: pointer;
+}
+
 .cherita-container {
   margin: 40px auto;
   background-color: #fff;
@@ -12237,7 +12267,7 @@ textarea.form-control-lg {
   display: inline-block;
 }
 
-@media (max-width: 600px) {
+@media (width <= 600px) {
   .cherita-spatial-footer {
     flex-direction: column;
     align-items: center;
@@ -12263,6 +12293,12 @@ textarea.form-control-lg {
   word-break: auto-phrase;
   overflow-wrap: anywhere;
 }
+.obs-value-list-check .form-check-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
 
 .grad-step {
   display: inline-block;
@@ -12332,13 +12368,13 @@ textarea.form-control-lg {
 }
 
 .value-count-badge {
-  color: #000000 !important;
+  color: #000 !important;
   background-color: #dedede !important;
   font-weight: lighter;
 }
 
 .filtered-value-count-badge {
-  color: #ffffff !important;
+  color: #fff !important;
   font-weight: normal;
 }
 
@@ -12369,23 +12405,26 @@ textarea.form-control-lg {
   background-color: #dedede;
 }
 
+.feature-histogram-tooltip td > p {
+  font-size: 0.85rem !important;
+}
+
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-markCell,
 .MuiChartsTooltip-labelCell {
   display: none;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-valueCell {
   padding: 0.5rem !important;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-valueCell > p {
   font-size: 0.85rem !important;
 }
 
-.feature-histogram-tooltip td > p {
-  font-size: 0.85rem !important;
-}
-
 .feature-disease-info-list {
   max-height: 300px;
   overflow-y: auto;
@@ -12436,6 +12475,7 @@ textarea.form-control-lg {
 
 .cherita-pseudospatial {
   width: 100%;
+  position: relative;
 }
 
 .cherita-pseudospatial-plot {
@@ -12497,4 +12537,34 @@ textarea.form-control-lg {
   text-overflow: ellipsis;
 }
 
+.var-item-name {
+  padding-right: 0.5rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+input[type=checkbox] {
+  cursor: pointer;
+}
+
+.ps-xs-1 {
+  padding-left: 0.15rem !important;
+}
+
+.resampled-tooltip-container {
+  position: absolute;
+  bottom: 16px;
+  right: 16px;
+  z-index: 10;
+  width: max-content;
+}
+@media (width >= 991px) {
+  .resampled-tooltip-container {
+    top: 16px;
+    left: 16px;
+    bottom: auto;
+  }
+}
+
 /*# sourceMappingURL=cherita.css.map */