@macrostrat/column-views 2.4.3 → 3.0.0

package/dist/column-views.css

@@ -0,0 +1,685 @@
+._unit-label-container_7b96n_1 {
+  pointer-events: none;
+}
+
+._labeled-unit_7b96n_5 {
+  --column-unit-background-internal: var(--column-unit-background-color, var(--column-background-color));
+}
+._labeled-unit_7b96n_5 .unit-overlay {
+  font-size: 10px;
+  font-style: italic;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._labeled-unit_7b96n_5 .unit-label {
+  display: block;
+  color: var(--column-text-color);
+  text-shadow: 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal);
+}
+._labeled-unit_7b96n_5 ._background_7b96n_20 {
+  fill: var(--column-unit-background-internal, transparent);
+}._unit-label_tidbs_1 {
+  text-align: center;
+}._age-axis_mz25k_1 {
+  transform: translateX(20px);
+}
+._age-axis_mz25k_1 .tick text {
+  text-anchor: middle;
+  font-weight: 400 !important;
+  transform: rotate(-90deg) translate(8px, -12px);
+  font-size: var(--column-axis-font-size, 0.8rem);
+}
+._age-axis_mz25k_1 .tick line {
+  stroke-width: 1px !important;
+}
+
+._age-axis-column_mz25k_14 {
+  flex-shrink: 0;
+}
+
+._age-axis-label_mz25k_18 {
+  writing-mode: vertical-lr;
+  transform: rotate(180deg);
+  font-size: var(--column-axis-font-size, 0.8rem);
+  text-align: center;
+  position: sticky;
+  top: 0;
+  max-height: 100vh;
+}
+
+._age-axis-unit_mz25k_28 {
+  color: var(--text-subtle-color);
+}
+
+._age-cursor_mz25k_32 {
+  position: absolute;
+  left: 30px;
+  right: 0;
+  pointer-events: none;
+}
+._age-cursor_mz25k_32 ._line_mz25k_38 {
+  border-bottom: 2px solid var(--column-axis-cursor-color, var(--column-cursor-color, var(--column-stroke-color)));
+  transform: translateY(-1px);
+}
+._age-cursor_mz25k_32 ._label_mz25k_42 {
+  writing-mode: vertical-lr;
+  padding: 4px 2px;
+  transform: rotate(180deg) translate(16px, 50%);
+  background-color: var(--column-background-color);
+  text-align: center;
+}
+
+._composite-age-axis_mz25k_50 {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+}._legend-panel-header_128wy_1 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5em;
+  border-bottom: 1px solid var(--panel-rule-color);
+  position: sticky;
+  top: 0;
+  background-color: var(--panel-secondary-background-color);
+  padding: 0.5em 1em;
+  z-index: 50;
+  min-height: 45px;
+  overflow: hidden;
+}
+._legend-panel-header_128wy_1 ._title-container_128wy_15 {
+  gap: 0.5em;
+  align-items: baseline;
+  margin: 0;
+  flex-grow: 1;
+  z-index: 5;
+}
+._legend-panel-header_128wy_1 ._title-container_128wy_15:hover ._hidden-actions-container_128wy_22 {
+  visibility: visible;
+}
+._legend-panel-header_128wy_1 ._title-container_128wy_15 h1, ._legend-panel-header_128wy_1 ._title-container_128wy_15 h2, ._legend-panel-header_128wy_1 ._title-container_128wy_15 h3 {
+  display: inline;
+  margin: 0;
+}
+._legend-panel-header_128wy_1 ._title-container_128wy_15 ._hidden-actions-container_128wy_22 {
+  visibility: hidden;
+}
+._legend-panel-header_128wy_1 ._title-container_128wy_15 button {
+  transform: translateY(0px);
+}
+._legend-panel-header_128wy_1 code {
+  font-size: 0.9em;
+  color: var(--secondary-color);
+}
+._legend-panel-header_128wy_1 ._unit-id_128wy_39:before {
+  content: "#";
+  color: var(--secondary-color);
+}
+._legend-panel-header_128wy_1 ._spacer_128wy_43 {
+  flex: 1;
+}
+
+._unit-details-panel_128wy_47 {
+  display: flex;
+  flex-direction: column;
+}
+._unit-details-panel_128wy_47 ._unit-details-content-holder_128wy_51 {
+  flex: 1;
+  overflow-y: scroll;
+}
+
+._unit-details-content_128wy_51 {
+  position: relative;
+  margin: 1em;
+}
+
+._units-list_128wy_61 ._item_128wy_61:after {
+  content: ", ";
+}
+._units-list_128wy_61 ._item_128wy_61:last-child:after {
+  content: "";
+}
+
+._proportion_128wy_68, ._sep_128wy_68, ._no-units_128wy_68, ._strat-name-text_128wy_68 {
+  color: var(--secondary-color);
+  font-style: italic;
+}
+
+._strat-name-id_128wy_73, ._identifier_128wy_73 {
+  font-family: var(--monospace-font);
+  color: var(--secondary-color);
+}
+._strat-name-id_128wy_73::before, ._identifier_128wy_73::before {
+  content: "#";
+  color: var(--tertiary-color);
+}
+
+._color-swatch_128wy_82 {
+  width: 1em;
+  height: 1em;
+  border-radius: 0.2em;
+  margin-right: 0.2em;
+  border: 1px solid var(--panel-rule-color);
+  display: inline-block;
+}
+
+._refs_128wy_91 {
+  list-style: none;
+  margin: 0;
+  padding-left: 0;
+}
+
+._interval-proportions_128wy_97 {
+  flex-grow: 1;
+  width: 100%;
+  text-align: right;
+}
+._interval-proportions_128wy_97 ._discourage-break_128wy_102 {
+  white-space: nowrap;
+}
+._interval-proportions_128wy_97 ._sep_128wy_68 {
+  margin: 0 0.3em;
+}
+
+._clickable_128wy_109 {
+  cursor: pointer;
+}
+
+._hidden-actions-container_128wy_22 {
+  min-width: 0;
+  display: inline-block;
+  width: 0;
+  position: relative;
+}
+
+._hidden-actions_128wy_22 {
+  padding-left: 1em;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  gap: 0.25em;
+  background-color: var(--panel-secondary-background-color);
+  z-index: 50;
+  position: relative;
+  bottom: 0;
+}
+._hidden-actions_128wy_22 button {
+  color: var(--secondary-color) !important;
+}._column-container_15bga_1, body.light-mode ._column-container_15bga_1 {
+  --column-background-color: var(--background-color, #fff);
+  --column-stroke-color: var(--text-emphasized-color, #000);
+  --column-text-color: var(--text-emphasized-color, #000);
+}
+
+/* We have to duplicate the dark mode styles here
+ * because we want to set them either if the preferred
+ * color scheme is dark OR if dark mode is explicitly enabled.
+ * If dark mode is explicitly enabled, we want to override
+ * the media query. */
+@media (prefers-color-scheme: dark) {
+  body:not(.light-mode) ._column-container_15bga_1 {
+    --column-background-color: var(--background-color, #000);
+    --column-stroke-color: var(--text-emphasized-color, #fff);
+    --column-text-color: var(--text-emphasized-color, #fff);
+    color-scheme: dark;
+    color: var(--column-text-color);
+  }
+  body:not(.light-mode) ._column-container_15bga_1 .timescale {
+    color: #000;
+  }
+  body:not(.light-mode) ._column-container_15bga_1 svg pattern image {
+    filter: invert(100%);
+  }
+}
+body.dark-mode ._column-container_15bga_1 {
+  --column-background-color: var(--background-color, #000);
+  --column-stroke-color: var(--text-emphasized-color, #fff);
+  --column-text-color: var(--text-emphasized-color, #fff);
+  color-scheme: dark;
+  color: var(--column-text-color);
+}
+body.dark-mode ._column-container_15bga_1 .timescale {
+  color: #000;
+}
+body.dark-mode ._column-container_15bga_1 svg pattern image {
+  filter: invert(100%);
+}
+
+._column-container_15bga_1 {
+  padding-top: var(--column-padding-top);
+  padding-bottom: var(--column-padding-bottom);
+  padding-left: var(--column-padding-left);
+  padding-right: var(--column-padding-right);
+}
+
+._column-container_15bga_1 .column {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  height: fit-content;
+}
+._column-container_15bga_1 g.lithology-column .column-clip-frame {
+  stroke: none;
+}
+._column-container_15bga_1 .unit {
+  stroke: var(--column-stroke-color);
+  stroke-width: 1px;
+}
+._column-container_15bga_1 .selection-overlay {
+  fill: var(--selection-overlay-color, red);
+  fill-opacity: var(--selection-overlay-opacity, 0.5);
+}
+._column-container_15bga_1 g.lithology-column use.frame {
+  stroke: var(--column-stroke-color);
+  stroke-width: 1.5px !important;
+  pointer-events: none;
+}
+
+._column-container_15bga_1 .unit-label {
+  text-align: center;
+}
+
+._column-container_15bga_1 .col-note-label {
+  font-size: 10px;
+  line-height: 9px;
+  border-left: none !important;
+  margin: 1px 0;
+}
+
+._column-container_15bga_1 g.height-range {
+  display: none;
+}
+
+._column-container_15bga_1 .note-inner {
+  border: none;
+  padding: 1px;
+}
+
+._column-container_15bga_1 .frame rect {
+  fill: transparent;
+}
+
+._column-container_15bga_1 .default-buttons {
+  width: 100%;
+  margin: 0 -10px;
+}
+
+._column-container_15bga_1 div.section {
+  display: flex;
+  flex-direction: row;
+}
+
+._column-container_15bga_1 .section .divisions .unit {
+  cursor: pointer;
+}
+
+._column-container_15bga_1 .timescale {
+  width: calc((1.5em + 1.5px) * var(--timescale-level-count, 4));
+  --timescale-level-size: 1.5em;
+}
+
+._timescale-column_15bga_114 {
+  position: relative;
+}
+
+._section-main_15bga_118 {
+  position: relative;
+  margin-bottom: -4px;
+}
+
+._section-units-container_15bga_123 {
+  position: relative;
+}
+
+._main-column_15bga_127 {
+  position: relative;
+}
+
+._unconformity-labels_15bga_131 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+._unconformity_15bga_131 {
+  position: absolute;
+  font-family: var(--label-font-family, sans-serif);
+  top: 0px;
+  font-weight: 400;
+  font-size: 0.8em;
+  --unit-font-weight: 400;
+}
+._unconformity_15bga_131._giga_15bga_146 {
+  font-weight: 800;
+}
+._unconformity_15bga_131._mega_15bga_149 {
+  font-weight: 700;
+}
+._unconformity_15bga_131._large_15bga_152 {
+  font-weight: 500;
+}
+._unconformity_15bga_131._small_15bga_155 {
+  font-weight: 300;
+}
+
+._unconformity-inner_15bga_159 {
+  position: absolute;
+  top: 3px;
+  bottom: 3px;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+._unconformity-text_15bga_171 {
+  width: var(--column-width);
+  --unit-font-style: normal;
+}
+._unconformity-text_15bga_171 ._prefix_15bga_175 {
+  font-weight: 400;
+  color: var(--secondary-color);
+}
+
+._timescale-column_15bga_114 ._unconformity-inner_15bga_159 {
+  border-left: 1.5px dotted var(--secondary-color);
+  left: -3px;
+}
+
+._column-title-row_15bga_185 {
+  display: flex;
+  flex-direction: row;
+  gap: 1em;
+  justify-content: space-between;
+  align-items: baseline;
+}._popover-main_4jzei_1 {
+  position: absolute;
+  pointer-events: none;
+}
+._popover-main_4jzei_1 .bp6-overlay {
+  pointer-events: all;
+}
+._popover-main_4jzei_1 .bp6-popover-target {
+  height: 100%;
+  width: 100%;
+  display: block;
+  line-height: 0;
+  pointer-events: none;
+  outline: 2px solid #f22;
+}
+._popover-main_4jzei_1 .bp6-popover-content {
+  overflow: hidden;
+}
+
+._legend-panel_4jzei_20 {
+  width: 25em;
+  max-height: 60vh;
+  background-color: var(--panel-background-color);
+}
+
+._legend-info-panel_4jzei_26 {
+  padding: 1em;
+}
+
+._legend-json-view_4jzei_30 {
+  padding-left: 0;
+  margin-left: -0.5em;
+}._boundary-age-model_16scl_1 {
+  top: 0;
+  left: 0;
+  position: absolute;
+  width: 100%;
+}
+
+._boundary-age-model-surface_16scl_8 {
+  left: 0;
+  right: 0;
+  position: absolute;
+  border-top: 1px solid lightgreen;
+}._truncated-list_120po_1 {
+  padding-left: 0.2em;
+  font-size: 0.9em;
+  list-style: none;
+  border-left: 1px solid var(--column-stroke-color);
+  margin: 1px 0;
+  background-color: var(--column-background-color);
+}
+._truncated-list_120po_1 li {
+  display: inline;
+}
+._truncated-list_120po_1 li:not(:last-child):after {
+  content: ", ";
+  color: var(--secondary-color);
+}
+._truncated-list_120po_1 li._too-many_120po_16 {
+  color: var(--secondary-color);
+  font-style: italic;
+}._page-header_jnc7r_1 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-bottom: 1em;
+}
+
+._diagram-container_jnc7r_8 {
+  flex: 1;
+  position: relative;
+  min-height: 0;
+  display: flex;
+}
+._diagram-container_jnc7r_8._map-inset_jnc7r_14 ._column-selection-map_jnc7r_14 {
+  position: absolute;
+  top: 1em;
+  right: 1em;
+  height: 12em;
+  width: 12em;
+  z-index: 1000;
+}
+._diagram-container_jnc7r_8._map-expanded_jnc7r_22 {
+  flex-direction: row;
+  gap: 1em;
+}
+._diagram-container_jnc7r_8._map-expanded_jnc7r_22 ._assistant_jnc7r_26 {
+  width: 40em;
+  position: relative;
+}
+
+._column-selection-map_jnc7r_14, ._unit-details-panel_jnc7r_31, ._main-area_jnc7r_31 {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+}
+
+._column-selection-map_jnc7r_14 {
+  overflow: hidden;
+  flex: 1;
+  min-height: 12em;
+  max-height: 40em;
+  width: 40em;
+  position: relative;
+  top: 0;
+  right: 0;
+}
+._column-selection-map_jnc7r_14 ._correlation-map_jnc7r_46 {
+  height: 100%;
+  position: relative;
+}
+
+._unit-details-panel_jnc7r_31 {
+  overflow: scroll;
+  background: var(--panel-secondary-background-color);
+  flex: 2;
+  padding: 1em;
+  max-width: 100%;
+}
+
+._main-area_jnc7r_31 {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  overflow: scroll;
+  background-color: var(--panel-secondary-background-color);
+}
+
+._correlation-diagram_jnc7r_68 {
+  padding: 1em;
+  padding-left: 0;
+  background-color: var(--panel-secondary-background-color);
+  --column-background-color: var(--background-color);
+  --column-stroke-color: var(--text-color);
+}
+
+._package_jnc7r_76 {
+  position: relative;
+}
+._package_jnc7r_76 ._package-overlay_jnc7r_79 {
+  position: absolute;
+  top: 9px;
+  left: 0;
+  border: 2px solid red;
+}
+._package_jnc7r_76 ._laterally-extensive-unit_jnc7r_85 ._strat-col-span_jnc7r_85 {
+  position: absolute;
+  border: 2px solid red;
+}
+._package_jnc7r_76 ._column-container_jnc7r_89 {
+  display: flex;
+  flex-direction: row;
+}
+
+._map-expanded-button_jnc7r_94 {
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+  z-index: 100;
+}
+
+._main-panel_jnc7r_101 {
+  position: relative;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+._main-chart_jnc7r_108 {
+  position: relative;
+}
+
+._correlation-chart-inner_jnc7r_112 {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+}
+
+._age-axis-container_jnc7r_118 {
+  display: flex;
+  flex-direction: row;
+  position: sticky;
+  left: 0;
+  z-index: 100;
+  padding-left: 1em;
+  padding-right: 2px;
+  background-color: var(--panel-secondary-background-color);
+}._depositional-age_ngsgr_1 {
+  fill: var(--column-stroke-color);
+  fill-opacity: 0.25;
+  stroke-width: 1px;
+  stroke: var(--column-stroke-color);
+}
+
+._detrital-group_ngsgr_8 {
+  margin: -5px -5px -36px -10px;
+  height: 53px;
+}
+._detrital-group_ngsgr_8._hide-axis_ngsgr_12 .visx-axis tspan, ._detrital-group_ngsgr_8._hide-axis_ngsgr_12 .visx-axis text {
+  display: none;
+}
+
+._dz-spectra_ngsgr_16 {
+  position: relative;
+}
+
+._floating-axis_ngsgr_20 {
+  position: sticky;
+  bottom: 0;
+}._isotopes-column_y4y1w_1 {
+  position: relative;
+}
+
+._isotopes-scale-axis_y4y1w_5 {
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  margin-top: -45px;
+  height: 45px;
+}
+._isotopes-scale-axis_y4y1w_5 svg {
+  background-color: var(--column-background-color);
+}
+._isotopes-scale-axis_y4y1w_5 path, ._isotopes-scale-axis_y4y1w_5 line {
+  stroke: var(--column-text-color);
+  fill: none;
+}
+._isotopes-scale-axis_y4y1w_5 text {
+  fill: var(--column-text-color);
+}
+
+._scale-lines_y4y1w_24 ._tick_y4y1w_24._zero_y4y1w_24 line {
+  stroke-width: 1px;
+  stroke-dasharray: none;
+}
+._scale-lines_y4y1w_24 ._tick_y4y1w_24 line {
+  stroke: var(--column-text-color);
+  stroke-dasharray: 1 4;
+}._taxa-occurrences-matrix_14h8h_1 {
+  color: var(--column-text-color);
+}
+._taxa-occurrences-matrix_14h8h_1 line {
+  stroke: var(--column-stroke-color);
+  stroke-width: 2px;
+}
+._taxa-occurrences-matrix_14h8h_1 text._taxon-name_14h8h_8 {
+  fill: var(--column-text-color);
+  transform: rotate(90deg) translate(0, 4px);
+  text-anchor: end;
+  position: sticky;
+  top: 0;
+}
+
+._taxon-ranges_14h8h_16 {
+  position: relative;
+}
+._taxon-ranges_14h8h_16 > svg {
+  position: absolute;
+  height: 100%;
+}
+
+._taxon-labels_14h8h_24 {
+  z-index: 10;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+._taxon-labels_14h8h_24 ._taxon-label_14h8h_24 {
+  position: absolute;
+  height: 100%;
+}
+._taxon-labels_14h8h_24 ._taxon-label-inner_14h8h_35 {
+  position: sticky;
+  top: calc(var(--label-width, 200px) - 10px);
+  transform: rotate(-90deg) translate(10px, 8px);
+  transform-origin: bottom left;
+  background-color: var(--column-background-color);
+}
+._taxon-labels_14h8h_24 ._taxon-label-text_14h8h_42 {
+  font-style: italic;
+  text-align: left;
+  padding: 0 8px;
+  max-width: 300px;
+}