@macrostrat/column-views 2.1.2 → 2.1.3

package/dist/esm/{column-views.e20f6a4b.js.map → column-views.abe90091.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAgB5B,SAAS,sCAAgB,QAAE,IAAI,EAAE;IAC/B,MAAM,UAAE,MAAM,UAAE,MAAM,EAAE,GAAG,CAAA,GAAA,kBAAU;IAErC,MAAM,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG;IACzB,MAAM,IAAI,OAAO;IACjB,MAAM,KAAK,OAAO;IAElB,OAAO,wBAAE,yBAAyB;WAAE;QAAG,OAAO,KAAK;QAAG,GAAG;gBAAG;IAAO;AACrE;AAEA,SAAS,0CAAc,KAAwB;IAC7C,MAAM,QAAE,IAAI,SAAE,KAAK,UAAE,MAAM,SAAE,KAAK,WAAE,OAAO,EAAE,GAAG;IAChD,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;IACvB,MAAM,YAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;IAE5B,MAAM,SAAS;IAEf,MAAM,aAAa,SAAS,SAAS;IACrC,MAAM,iBAAiB,aAAa;IAEpC,OAAO,wBACL,sBACA;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE;YAAE,aAAa;QAAe;IAAG,GACzD;QACE,wBACE,CAAA,GAAA,2BAAmB,GACnB;mBAAE;YAAO,aAAa;YAAQ,gBAAgB;YAAM,eAAe;QAAG,GACtE;YACE,wBAAE,EAAE,CAAC,QAAQ,MAAM,uCAAiB;sBAAE;YAAK;YAC3C,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,wBAAE,CAAA,GAAA,qBAAa,GAAG;oBACvB,WAAW;oBACX,MAAM,EAAE,aAAa;oBACrB,OAAO;gBACT;YACF;SACD;KAEJ;AAEL;AAEA,MAAM,qCAAe,CAAC,KAAO,CAAC,IAAM,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC,OAAO;AAE9D,SAAS,0CAAe,YAAE,QAAQ,SAAE,QAAQ,WAAW;IACrD,MAAM,OAAO,CAAA,GAAA,yCAAsB,EAAE;QAAE,QAAQ;IAAS;IACxD,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAE/B,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,aAAa,MAAM,IAAI,CAAC,KAAK,MAAM;QACvC,WAAW,IAAI,CAAC,CAAC,GAAG;YAClB,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,OAAO,KAAK;QACd;QAEA,MAAM,QAAQ,WAAW,GAAG,CAAC,CAAC;YAC5B,MAAM,OAAO,MAAM,IAAI,CAAC,mCAAa;YACrC,OAAO;gBACL,YAAY,MAAM;gBAClB,QAAQ,MAAM;gBACd,MAAM;sBACN;gBACA,IAAI,MAAM;YACZ;QACF;QAEA,OAAO,MAAM,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvC,GAAG;QAAC;QAAM;KAAM;IAEhB,MAAM,QAAQ;IACd,MAAM,cAAc;IAEpB,MAAM,gBAAgB,QAAQ;IAE9B,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO,CAAC;YACN,OAAO,wBAAE,2CAAe;gBACtB,OAAO;gBACP,QAAQ;uBACR;gBACA,GAAG,KAAK;YACV;QACF;IACF,GAAG;QAAC;QAAO;KAAM;IAEjB,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,kBACA,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;QACA,0BAA0B;IAC5B;AAEJ","sources":["packages/column-views/src/facets/detrital-zircon/index.ts"],"sourcesContent":["import {\n  DetritalSpectrumPlot,\n  DetritalSeries,\n  usePlotArea,\n} from \"@macrostrat/data-components\";\nimport { IUnit } from \"../../units/types\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDetritalMeasurements, MeasurementInfo } from \"./provider\";\nimport { useMacrostratUnits } from \"../../data-provider\";\nimport { ColumnNotes } from \"../../notes\";\nimport { useMemo } from \"react\";\nimport styles from \"./index.module.sass\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\ninterface DetritalItemProps {\n  note: {\n    data: MeasurementInfo[];\n    unit?: IUnit;\n  };\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\nfunction DepositionalAge({ unit }) {\n  const { xScale, height } = usePlotArea();\n\n  const { t_age, b_age } = unit;\n  const x = xScale(t_age);\n  const x1 = xScale(b_age);\n\n  return h(\"rect.depositional-age\", { x, width: x1 - x, y: 0, height });\n}\n\nfunction DetritalGroup(props: DetritalItemProps) {\n  const { note, width, height, color, spacing } = props;\n  const { data, unit } = note;\n  const { geo_unit } = data[0];\n\n  const _color = color;\n\n  const spaceBelow = spacing?.below ?? 100;\n  const hideAxisLabels = spaceBelow < 60;\n\n  return h(\n    \"div.detrital-group\",\n    { className: classNames({ \"hide-axis\": hideAxisLabels }) },\n    [\n      h(\n        DetritalSpectrumPlot,\n        { width, innerHeight: height, showAxisLabels: true, paddingBottom: 40 },\n        [\n          h.if(unit != null)(DepositionalAge, { unit }),\n          data.map((d) => {\n            return h(DetritalSeries, {\n              bandwidth: 20,\n              data: d.measure_value,\n              color: _color,\n            });\n          }),\n        ],\n      ),\n    ],\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz[0].unit_id;\n\nfunction DetritalColumn({ columnID, color = \"magenta\" }) {\n  const data = useDetritalMeasurements({ col_id: columnID });\n  const units = useMacrostratUnits();\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let dzUnitData = Array.from(data.values());\n    dzUnitData.sort((a, b) => {\n      const v1 = units.findIndex(matchingUnit(a));\n      const v2 = units.findIndex(matchingUnit(b));\n      return v1 - v2;\n    });\n\n    const data1 = dzUnitData.map((d) => {\n      const unit = units.find(matchingUnit(d));\n      return {\n        top_height: unit?.t_age,\n        height: unit?.b_age,\n        data: d,\n        unit,\n        id: unit?.unit_id,\n      };\n    });\n\n    return data1.filter((d) => d.unit != null);\n  }, [data, units]);\n\n  const width = 400;\n  const paddingLeft = 40;\n\n  const spectrumWidth = width - paddingLeft;\n\n  const noteComponent = useMemo(() => {\n    return (props) => {\n      return h(DetritalGroup, {\n        width: spectrumWidth,\n        height: 40,\n        color,\n        ...props,\n      });\n    };\n  }, [width, color]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div.dz-spectra\",\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n      deltaConnectorAttachment: 20,\n    }),\n  );\n}\n\nexport { DetritalColumn, DetritalGroup };\n"],"names":[],"version":3,"file":"column-views.e20f6a4b.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAgB5B,SAAS,sCAAgB,QAAE,IAAI,EAAE;IAC/B,MAAM,UAAE,MAAM,UAAE,MAAM,EAAE,GAAG,CAAA,GAAA,kBAAU;IAErC,MAAM,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG;IACzB,MAAM,IAAI,OAAO;IACjB,MAAM,KAAK,OAAO;IAElB,OAAO,wBAAE,yBAAyB;WAAE;QAAG,OAAO,KAAK;QAAG,GAAG;gBAAG;IAAO;AACrE;AAEA,SAAS,0CAAc,KAAwB;IAC7C,MAAM,QAAE,IAAI,SAAE,KAAK,UAAE,MAAM,SAAE,KAAK,WAAE,OAAO,EAAE,GAAG;IAChD,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;IACvB,MAAM,YAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;IAE5B,MAAM,SAAS;IAEf,MAAM,aAAa,SAAS,SAAS;IACrC,MAAM,iBAAiB,aAAa;IAEpC,OAAO,wBACL,sBACA;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE;YAAE,aAAa;QAAe;IAAG,GACzD;QACE,wBACE,CAAA,GAAA,2BAAmB,GACnB;mBAAE;YAAO,aAAa;YAAQ,gBAAgB;YAAM,eAAe;QAAG,GACtE;YACE,wBAAE,EAAE,CAAC,QAAQ,MAAM,uCAAiB;sBAAE;YAAK;YAC3C,KAAK,GAAG,CAAC,CAAC;gBACR,OAAO,wBAAE,CAAA,GAAA,qBAAa,GAAG;oBACvB,WAAW;oBACX,MAAM,EAAE,aAAa;oBACrB,OAAO;gBACT;YACF;SACD;KAEJ;AAEL;AAEA,MAAM,qCAAe,CAAC,KAAO,CAAC,IAAM,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC,OAAO;AAE9D,SAAS,0CAAe,YAAE,QAAQ,SAAE,QAAQ,WAAW;IACrD,MAAM,OAAO,CAAA,GAAA,yCAAsB,EAAE;QAAE,QAAQ;IAAS;IACxD,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAE/B,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,aAAa,MAAM,IAAI,CAAC,KAAK,MAAM;QACvC,WAAW,IAAI,CAAC,CAAC,GAAG;YAClB,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,MAAM,KAAK,MAAM,SAAS,CAAC,mCAAa;YACxC,OAAO,KAAK;QACd;QAEA,MAAM,QAAQ,WAAW,GAAG,CAAC,CAAC;YAC5B,MAAM,OAAO,MAAM,IAAI,CAAC,mCAAa;YACrC,OAAO;gBACL,YAAY,MAAM;gBAClB,QAAQ,MAAM;gBACd,MAAM;sBACN;gBACA,IAAI,MAAM;YACZ;QACF;QAEA,OAAO,MAAM,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvC,GAAG;QAAC;QAAM;KAAM;IAEhB,MAAM,QAAQ;IACd,MAAM,cAAc;IAEpB,MAAM,gBAAgB,QAAQ;IAE9B,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO,CAAC;YACN,OAAO,wBAAE,2CAAe;gBACtB,OAAO;gBACP,QAAQ;uBACR;gBACA,GAAG,KAAK;YACV;QACF;IACF,GAAG;QAAC;QAAO;KAAM;IAEjB,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,kBACA,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;QACA,0BAA0B;IAC5B;AAEJ","sources":["packages/column-views/src/facets/detrital-zircon/index.ts"],"sourcesContent":["import {\n  DetritalSpectrumPlot,\n  DetritalSeries,\n  usePlotArea,\n} from \"@macrostrat/data-components\";\nimport { IUnit } from \"../../units/types\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDetritalMeasurements, MeasurementInfo } from \"./provider\";\nimport { useMacrostratUnits } from \"../../data-provider\";\nimport { ColumnNotes } from \"../../notes\";\nimport { useMemo } from \"react\";\nimport styles from \"./index.module.sass\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\ninterface DetritalItemProps {\n  note: {\n    data: MeasurementInfo[];\n    unit?: IUnit;\n  };\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\nfunction DepositionalAge({ unit }) {\n  const { xScale, height } = usePlotArea();\n\n  const { t_age, b_age } = unit;\n  const x = xScale(t_age);\n  const x1 = xScale(b_age);\n\n  return h(\"rect.depositional-age\", { x, width: x1 - x, y: 0, height });\n}\n\nfunction DetritalGroup(props: DetritalItemProps) {\n  const { note, width, height, color, spacing } = props;\n  const { data, unit } = note;\n  const { geo_unit } = data[0];\n\n  const _color = color;\n\n  const spaceBelow = spacing?.below ?? 100;\n  const hideAxisLabels = spaceBelow < 60;\n\n  return h(\n    \"div.detrital-group\",\n    { className: classNames({ \"hide-axis\": hideAxisLabels }) },\n    [\n      h(\n        DetritalSpectrumPlot,\n        { width, innerHeight: height, showAxisLabels: true, paddingBottom: 40 },\n        [\n          h.if(unit != null)(DepositionalAge, { unit }),\n          data.map((d) => {\n            return h(DetritalSeries, {\n              bandwidth: 20,\n              data: d.measure_value,\n              color: _color,\n            });\n          }),\n        ],\n      ),\n    ],\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz[0].unit_id;\n\nfunction DetritalColumn({ columnID, color = \"magenta\" }) {\n  const data = useDetritalMeasurements({ col_id: columnID });\n  const units = useMacrostratUnits();\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let dzUnitData = Array.from(data.values());\n    dzUnitData.sort((a, b) => {\n      const v1 = units.findIndex(matchingUnit(a));\n      const v2 = units.findIndex(matchingUnit(b));\n      return v1 - v2;\n    });\n\n    const data1 = dzUnitData.map((d) => {\n      const unit = units.find(matchingUnit(d));\n      return {\n        top_height: unit?.t_age,\n        height: unit?.b_age,\n        data: d,\n        unit,\n        id: unit?.unit_id,\n      };\n    });\n\n    return data1.filter((d) => d.unit != null);\n  }, [data, units]);\n\n  const width = 400;\n  const paddingLeft = 40;\n\n  const spectrumWidth = width - paddingLeft;\n\n  const noteComponent = useMemo(() => {\n    return (props) => {\n      return h(DetritalGroup, {\n        width: spectrumWidth,\n        height: 40,\n        color,\n        ...props,\n      });\n    };\n  }, [width, color]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div.dz-spectra\",\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n      deltaConnectorAttachment: 20,\n    }),\n  );\n}\n\nexport { DetritalColumn, DetritalGroup };\n"],"names":[],"version":3,"file":"column-views.abe90091.js.map"}

package/dist/esm/{column-views.217078ab.css → column-views.b12a6374.css}

@@ -157,4 +157,12 @@ body.dark-mode .column-container_afc440 svg pattern image {
   color: var(--column-stroke-color);
   --unit-font-style: normal;
 }
-/*# sourceMappingURL=column-views.217078ab.css.map */
+
+.column-title-row_afc440 {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 1em;
+  display: flex;
+}
+/*# sourceMappingURL=column-views.b12a6374.css.map */

package/dist/esm/column-views.b12a6374.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAWE;EACE;;;;;;;;EAOI;;;;EAEA;;;;;AAIN;;;;;;;;AAOE;;;;AAIF;;;;AAIE;;;;;;;AAOA;;;;;AAKA;;;;;AAIF;;;;;;AAKA;;;;AAGF;;;;;;;;;;;;;;;;;;;;AAgBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BF;;;;;;;AAOE;;;;;;;;;;;;;;;AAWE;;;;;AAMF;;;;AAIA;;;;AAIA","sources":["packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-emphasized-color, #000)\n  --column-text-color: var(--text-emphasized-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-emphasized-color, #fff)\n    --column-text-color: var(--text-emphasized-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      svg pattern image\n        filter: invert(100%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-emphasized-color, #fff)\n  --column-text-color: var(--text-emphasized-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    svg pattern image\n      filter: invert(100%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n    height: fit-content\n\n  .unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  .selection-overlay\n    fill: var(--selection-overlay-color, red)\n    fill-opacity: var(--selection-overlay-opacity, 0.5)\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  line-height: 9px\n  border-left: none !important\n  margin: 1px 0\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n  padding: 1px\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global(.timescale)\n  width: calc(calc(1.5em + 1.5px) * var(--timescale-level-count, 4))\n  --timescale-level-size: 1.5em\n\n.timescale-column\n  position: relative\n\n.section-main\n  position: relative\n  margin-bottom: -4px\n\n.section-units-container\n  position: relative\n\n.main-column\n  position: relative\n\n.unconformity-labels\n  position: absolute\n  top: 0\n  left: 0\n  pointer-events: none\n\n\n.unconformity\n  text-align: center\n  position: absolute\n  top: 0px\n  display: flex\n  justify-content: center\n  align-items: center\n  font-size: 0.8em\n  &.giga\n    font-weight: 800\n    font-size: 1em\n  &.mega\n    font-weight: 600\n    font-weight: 700\n    font-size: 0.9em\n  &.large\n    font-weight:  600\n  &.small\n    font-weight: 300\n\n\n.unconformity-text\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n  --unit-font-style: normal\n\n\n.column-title-row\n  display: flex\n  flex-direction: row\n  gap: 1em\n  justify-content: space-between\n  align-items: baseline\n"],"names":[],"version":3,"file":"column-views.b12a6374.css.map"}

package/dist/esm/{column-views.439a26db.css → column-views.b72918ce.css}

@@ -3,33 +3,35 @@
   background-color: var(--panel-secondary-background-color);
   z-index: 50;
   justify-content: space-between;
-  align-items: baseline;
-  gap: 1em;
+  align-items: center;
+  gap: .5em;
+  min-height: 45px;
   padding: .5em 1em;
   display: flex;
   position: sticky;
   top: 0;
+  overflow: hidden;
 }
 
 .XUD4UG_legend-panel-header .XUD4UG_title-container {
-  flex-direction: row;
+  z-index: 5;
+  flex-grow: 1;
   align-items: center;
   gap: .5em;
-  margin: -.5em 0;
-  display: flex;
+  margin: 0;
 }
 
-.XUD4UG_legend-panel-header .XUD4UG_title-container:hover .XUD4UG_hidden-actions {
-  opacity: .5;
-  display: flex;
+.XUD4UG_legend-panel-header .XUD4UG_title-container:hover .XUD4UG_hidden-actions-container {
+  visibility: visible;
 }
 
 .XUD4UG_legend-panel-header .XUD4UG_title-container h1, .XUD4UG_legend-panel-header .XUD4UG_title-container h2, .XUD4UG_legend-panel-header .XUD4UG_title-container h3 {
-  margin: .5em 0;
+  margin: 0;
+  display: inline;
 }
 
-.XUD4UG_legend-panel-header .XUD4UG_title-container .XUD4UG_hidden-actions {
-  display: none;
+.XUD4UG_legend-panel-header .XUD4UG_title-container .XUD4UG_hidden-actions-container {
+  visibility: hidden;
 }
 
 .XUD4UG_legend-panel-header .XUD4UG_title-container button {
@@ -41,13 +43,13 @@
   font-size: .9em;
 }
 
-.XUD4UG_legend-panel-header .XUD4UG_spacer {
-  flex: 1;
+.XUD4UG_legend-panel-header .XUD4UG_unit-id:before {
+  content: "#";
+  color: var(--secondary-color);
 }
 
-.XUD4UG_legend-panel-header button {
-  line-height: 1.5;
-  transform: translateY(2px);
+.XUD4UG_legend-panel-header .XUD4UG_spacer {
+  flex: 1;
 }
 
 .XUD4UG_unit-details-panel {
@@ -65,17 +67,17 @@
   position: relative;
 }
 
-.XUD4UG_proportion, .XUD4UG_sep, .XUD4UG_no-units {
+.XUD4UG_proportion, .XUD4UG_sep, .XUD4UG_no-units, .XUD4UG_strat-name-text {
   color: var(--secondary-color);
   font-style: italic;
 }
 
-.XUD4UG_strat-name-id, .XUD4UG_unit-id {
+.XUD4UG_strat-name-id, .XUD4UG_identifier {
   font-family: var(--monospace-font);
   color: var(--secondary-color);
 }
 
-.XUD4UG_strat-name-id:before, .XUD4UG_unit-id:before {
+.XUD4UG_strat-name-id:before, .XUD4UG_identifier:before {
   content: "#";
   color: var(--tertiary-color);
 }
@@ -112,4 +114,27 @@
 .XUD4UG_clickable {
   cursor: pointer;
 }
-/*# sourceMappingURL=column-views.439a26db.css.map */
+
+.XUD4UG_hidden-actions-container {
+  width: 0;
+  min-width: 0;
+  display: inline-block;
+  position: relative;
+}
+
+.XUD4UG_hidden-actions {
+  background-color: var(--panel-secondary-background-color);
+  z-index: 50;
+  align-items: center;
+  gap: .25em;
+  width: fit-content;
+  padding-left: 1em;
+  display: flex;
+  position: relative;
+  bottom: 0;
+}
+
+.XUD4UG_hidden-actions button {
+  color: var(--secondary-color) !important;
+}
+/*# sourceMappingURL=column-views.b72918ce.css.map */

package/dist/esm/column-views.b72918ce.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;;;;;;AAaE;;;;;;;;AAOI;;;;AAEF;;;;;AAGA;;;;AAEA;;;;AAGF;;;;;AAGA;;;;;AAKA;;;;AAGF;;;;;AAGE;;;;;AAIF;;;;;AAIA;;;;;AAIA;;;;;AAIE;;;;;AAIF;;;;;;;;;AAQA;;;;;;AAKA;;;;;;AAIE;;;;AAEA;;;;AAGF;;;;AAGA;;;;;;;AAOA;;;;;;;;;;;;AAUE","sources":["packages/column-views/src/unit-details/panel.module.sass"],"sourcesContent":[".legend-panel-header\n  display: flex\n  justify-content: space-between\n  align-items: center\n  gap: 0.5em\n  border-bottom: 1px solid var(--panel-rule-color)\n  position: sticky\n  top: 0\n  background-color: var(--panel-secondary-background-color)\n  padding: 0.5em 1em\n  z-index: 50\n  min-height: 45px\n  overflow: hidden\n  .title-container\n    gap: 0.5em\n    align-items: center\n    margin: 0\n    flex-grow: 1\n    z-index: 5\n    &:hover\n      .hidden-actions-container\n        visibility: visible\n    h1, h2, h3\n      display: inline\n      margin: 0\n    .hidden-actions-container\n      visibility: hidden\n    button\n      transform: translateY(0px)\n\n  code\n    font-size: 0.9em\n    color: var(--secondary-color)\n  .unit-id:before\n    content: '#'\n    // Tertiary color is too light...\n    color: var(--secondary-color)\n\n  .spacer\n    flex: 1\n\n.unit-details-panel\n  display: flex\n  flex-direction: column\n  .unit-details-content-holder\n    flex: 1\n    overflow-y: scroll\n\n.unit-details-content\n  position: relative\n  margin: 1em\n\n.proportion, .sep, .no-units, .strat-name-text\n  color: var(--secondary-color)\n  font-style: italic\n\n.strat-name-id, .identifier\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n\n  &::before\n    content: '#'\n    color: var(--tertiary-color)\n\n.color-swatch\n  width: 1em\n  height: 1em\n  border-radius: 0.2em\n  margin-right: 0.2em\n  border: 1px solid var(--panel-rule-color)\n  display: inline-block\n\n.refs\n  list-style: none\n  margin: 0\n  padding-left: 0\n\n.interval-proportions\n  flex-grow: 1\n  width: 100%\n  text-align: right\n  .discourage-break\n    white-space: nowrap\n  .sep\n    margin: 0 0.3em\n\n.clickable\n  cursor: pointer\n\n.hidden-actions-container\n  min-width: 0\n  display: inline-block\n  //margin-right: -5em\n  width: 0\n  position: relative\n\n.hidden-actions\n  padding-left: 1em\n  width: fit-content\n  display: flex\n  align-items: center\n  gap: 0.25em\n  background-color: var(--panel-secondary-background-color)\n  z-index: 50\n  position: relative\n  bottom: 0\n  button\n    color: var(--secondary-color) !important\n"],"names":[],"version":3,"file":"column-views.b72918ce.css.map"}

package/dist/esm/{column-views.4637f4ce.js → column-views.cdadc5c2.js}

@@ -16,6 +16,7 @@ $parcel$export($6cbea5de739af804$exports, "mega", () => $6cbea5de739af804$export
 $parcel$export($6cbea5de739af804$exports, "large", () => $6cbea5de739af804$export$f09585a853dddd32, (v) => $6cbea5de739af804$export$f09585a853dddd32 = v);
 $parcel$export($6cbea5de739af804$exports, "small", () => $6cbea5de739af804$export$3c17b0e969a90510, (v) => $6cbea5de739af804$export$3c17b0e969a90510 = v);
 $parcel$export($6cbea5de739af804$exports, "unconformity-text", () => $6cbea5de739af804$export$925235908943319a, (v) => $6cbea5de739af804$export$925235908943319a = v);
+$parcel$export($6cbea5de739af804$exports, "column-title-row", () => $6cbea5de739af804$export$54e339397196c97b, (v) => $6cbea5de739af804$export$54e339397196c97b = v);
 var $6cbea5de739af804$export$e908cef0cccb98df;
 var $6cbea5de739af804$export$82c2e1a892d790ab;
 var $6cbea5de739af804$export$add6075ee40659c8;
@@ -28,6 +29,7 @@ var $6cbea5de739af804$export$580f1e8cf64f2815;
 var $6cbea5de739af804$export$f09585a853dddd32;
 var $6cbea5de739af804$export$3c17b0e969a90510;
 var $6cbea5de739af804$export$925235908943319a;
+var $6cbea5de739af804$export$54e339397196c97b;
 $6cbea5de739af804$export$e908cef0cccb98df = "column-container_afc440";
 $6cbea5de739af804$export$82c2e1a892d790ab = "timescale-column_afc440";
 $6cbea5de739af804$export$add6075ee40659c8 = "section-main_afc440";
@@ -40,7 +42,8 @@ $6cbea5de739af804$export$580f1e8cf64f2815 = "mega_afc440";
 $6cbea5de739af804$export$f09585a853dddd32 = "large_afc440";
 $6cbea5de739af804$export$3c17b0e969a90510 = "small_afc440";
 $6cbea5de739af804$export$925235908943319a = "unconformity-text_afc440";
+$6cbea5de739af804$export$54e339397196c97b = "column-title-row_afc440";
 
 
 export {$6cbea5de739af804$exports as default};
-//# sourceMappingURL=column-views.4637f4ce.js.map
+//# sourceMappingURL=column-views.cdadc5c2.js.map

package/dist/esm/column-views.cdadc5c2.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAZA,4CAAqC;AACrC,4CAAqC;AACrC,4CAAiC;AACjC,4CAA4C;AAC5C,4CAAgC;AAChC,4CAAwC;AACxC,4CAAiC;AACjC,4CAAyB;AACzB,4CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,4CAAsC;AACtC,4CAAqC","sources":["packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-emphasized-color, #000)\n  --column-text-color: var(--text-emphasized-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-emphasized-color, #fff)\n    --column-text-color: var(--text-emphasized-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      svg pattern image\n        filter: invert(100%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-emphasized-color, #fff)\n  --column-text-color: var(--text-emphasized-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    svg pattern image\n      filter: invert(100%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n    height: fit-content\n\n  .unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  .selection-overlay\n    fill: var(--selection-overlay-color, red)\n    fill-opacity: var(--selection-overlay-opacity, 0.5)\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  line-height: 9px\n  border-left: none !important\n  margin: 1px 0\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n  padding: 1px\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global(.timescale)\n  width: calc(calc(1.5em + 1.5px) * var(--timescale-level-count, 4))\n  --timescale-level-size: 1.5em\n\n.timescale-column\n  position: relative\n\n.section-main\n  position: relative\n  margin-bottom: -4px\n\n.section-units-container\n  position: relative\n\n.main-column\n  position: relative\n\n.unconformity-labels\n  position: absolute\n  top: 0\n  left: 0\n  pointer-events: none\n\n\n.unconformity\n  text-align: center\n  position: absolute\n  top: 0px\n  display: flex\n  justify-content: center\n  align-items: center\n  font-size: 0.8em\n  &.giga\n    font-weight: 800\n    font-size: 1em\n  &.mega\n    font-weight: 600\n    font-weight: 700\n    font-size: 0.9em\n  &.large\n    font-weight:  600\n  &.small\n    font-weight: 300\n\n\n.unconformity-text\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n  --unit-font-style: normal\n\n\n.column-title-row\n  display: flex\n  flex-direction: row\n  gap: 1em\n  justify-content: space-between\n  align-items: baseline\n"],"names":[],"version":3,"file":"column-views.cdadc5c2.js.map"}

package/dist/esm/{column-views.c25e8b32.js → column-views.d099eaf9.js}

@@ -1,9 +1,9 @@
-import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3} from "./column-views.2d8e0e0f.js";
-import {ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./column-views.59bb0cba.js";
+import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3} from "./column-views.7d47a72a.js";
+import {ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./column-views.f7523c1d.js";
 
 
 
 
 
 export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap, $e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=column-views.c25e8b32.js.map
+//# sourceMappingURL=column-views.d099eaf9.js.map

package/dist/esm/{column-views.c25e8b32.js.map → column-views.d099eaf9.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/maps/column-navigation/index.ts"],"sourcesContent":["export * from \"./mapbox\";\nexport * from \"./svg\";\n"],"names":[],"version":3,"file":"column-views.c25e8b32.js.map"}
+{"mappings":"","sources":["packages/column-views/src/maps/column-navigation/index.ts"],"sourcesContent":["export * from \"./mapbox\";\nexport * from \"./svg\";\n"],"names":[],"version":3,"file":"column-views.d099eaf9.js.map"}

package/dist/esm/{column-views.fef7389f.js → column-views.d48cb0d8.js}

@@ -8,6 +8,8 @@ $parcel$export($99635b65dd697f61$exports, "clickable", () => $99635b65dd697f61$e
 $parcel$export($99635b65dd697f61$exports, "color-swatch", () => $99635b65dd697f61$export$def51519e6441a17, (v) => $99635b65dd697f61$export$def51519e6441a17 = v);
 $parcel$export($99635b65dd697f61$exports, "discourage-break", () => $99635b65dd697f61$export$46755bac45eea0a4, (v) => $99635b65dd697f61$export$46755bac45eea0a4 = v);
 $parcel$export($99635b65dd697f61$exports, "hidden-actions", () => $99635b65dd697f61$export$b36b9e25cc36a950, (v) => $99635b65dd697f61$export$b36b9e25cc36a950 = v);
+$parcel$export($99635b65dd697f61$exports, "hidden-actions-container", () => $99635b65dd697f61$export$76ccfd847a96b3a0, (v) => $99635b65dd697f61$export$76ccfd847a96b3a0 = v);
+$parcel$export($99635b65dd697f61$exports, "identifier", () => $99635b65dd697f61$export$c2ab62c7bf24634, (v) => $99635b65dd697f61$export$c2ab62c7bf24634 = v);
 $parcel$export($99635b65dd697f61$exports, "interval-proportions", () => $99635b65dd697f61$export$ff33e8e065b5d268, (v) => $99635b65dd697f61$export$ff33e8e065b5d268 = v);
 $parcel$export($99635b65dd697f61$exports, "legend-panel-header", () => $99635b65dd697f61$export$ce652ed9af8e3365, (v) => $99635b65dd697f61$export$ce652ed9af8e3365 = v);
 $parcel$export($99635b65dd697f61$exports, "no-units", () => $99635b65dd697f61$export$aff88130074c0d5f, (v) => $99635b65dd697f61$export$aff88130074c0d5f = v);
@@ -16,6 +18,7 @@ $parcel$export($99635b65dd697f61$exports, "refs", () => $99635b65dd697f61$export
 $parcel$export($99635b65dd697f61$exports, "sep", () => $99635b65dd697f61$export$5aee1a5bd9743d8f, (v) => $99635b65dd697f61$export$5aee1a5bd9743d8f = v);
 $parcel$export($99635b65dd697f61$exports, "spacer", () => $99635b65dd697f61$export$8cc075c801fd6817, (v) => $99635b65dd697f61$export$8cc075c801fd6817 = v);
 $parcel$export($99635b65dd697f61$exports, "strat-name-id", () => $99635b65dd697f61$export$3ab27000c02e6186, (v) => $99635b65dd697f61$export$3ab27000c02e6186 = v);
+$parcel$export($99635b65dd697f61$exports, "strat-name-text", () => $99635b65dd697f61$export$8c87307ec8883986, (v) => $99635b65dd697f61$export$8c87307ec8883986 = v);
 $parcel$export($99635b65dd697f61$exports, "title-container", () => $99635b65dd697f61$export$8a49b8d8484a58d8, (v) => $99635b65dd697f61$export$8a49b8d8484a58d8 = v);
 $parcel$export($99635b65dd697f61$exports, "unit-details-content", () => $99635b65dd697f61$export$1c30616b5f94c6bc, (v) => $99635b65dd697f61$export$1c30616b5f94c6bc = v);
 $parcel$export($99635b65dd697f61$exports, "unit-details-content-holder", () => $99635b65dd697f61$export$1dcba08cee5317f8, (v) => $99635b65dd697f61$export$1dcba08cee5317f8 = v);
@@ -25,6 +28,8 @@ var $99635b65dd697f61$export$60d5655c6babb2a0;
 var $99635b65dd697f61$export$def51519e6441a17;
 var $99635b65dd697f61$export$46755bac45eea0a4;
 var $99635b65dd697f61$export$b36b9e25cc36a950;
+var $99635b65dd697f61$export$76ccfd847a96b3a0;
+var $99635b65dd697f61$export$c2ab62c7bf24634;
 var $99635b65dd697f61$export$ff33e8e065b5d268;
 var $99635b65dd697f61$export$ce652ed9af8e3365;
 var $99635b65dd697f61$export$aff88130074c0d5f;
@@ -33,6 +38,7 @@ var $99635b65dd697f61$export$21666b427502ea6d;
 var $99635b65dd697f61$export$5aee1a5bd9743d8f;
 var $99635b65dd697f61$export$8cc075c801fd6817;
 var $99635b65dd697f61$export$3ab27000c02e6186;
+var $99635b65dd697f61$export$8c87307ec8883986;
 var $99635b65dd697f61$export$8a49b8d8484a58d8;
 var $99635b65dd697f61$export$1c30616b5f94c6bc;
 var $99635b65dd697f61$export$1dcba08cee5317f8;
@@ -42,6 +48,8 @@ $99635b65dd697f61$export$60d5655c6babb2a0 = `XUD4UG_clickable`;
 $99635b65dd697f61$export$def51519e6441a17 = `XUD4UG_color-swatch`;
 $99635b65dd697f61$export$46755bac45eea0a4 = `XUD4UG_discourage-break`;
 $99635b65dd697f61$export$b36b9e25cc36a950 = `XUD4UG_hidden-actions`;
+$99635b65dd697f61$export$76ccfd847a96b3a0 = `XUD4UG_hidden-actions-container`;
+$99635b65dd697f61$export$c2ab62c7bf24634 = `XUD4UG_identifier`;
 $99635b65dd697f61$export$ff33e8e065b5d268 = `XUD4UG_interval-proportions`;
 $99635b65dd697f61$export$ce652ed9af8e3365 = `XUD4UG_legend-panel-header`;
 $99635b65dd697f61$export$aff88130074c0d5f = `XUD4UG_no-units`;
@@ -50,6 +58,7 @@ $99635b65dd697f61$export$21666b427502ea6d = `XUD4UG_refs`;
 $99635b65dd697f61$export$5aee1a5bd9743d8f = `XUD4UG_sep`;
 $99635b65dd697f61$export$8cc075c801fd6817 = `XUD4UG_spacer`;
 $99635b65dd697f61$export$3ab27000c02e6186 = `XUD4UG_strat-name-id`;
+$99635b65dd697f61$export$8c87307ec8883986 = `XUD4UG_strat-name-text`;
 $99635b65dd697f61$export$8a49b8d8484a58d8 = `XUD4UG_title-container`;
 $99635b65dd697f61$export$1c30616b5f94c6bc = `XUD4UG_unit-details-content`;
 $99635b65dd697f61$export$1dcba08cee5317f8 = `XUD4UG_unit-details-content-holder`;
@@ -58,4 +67,4 @@ $99635b65dd697f61$export$e22f189945dfce76 = `XUD4UG_unit-id`;
 
 
 export {$99635b65dd697f61$exports as default};
-//# sourceMappingURL=column-views.fef7389f.js.map
+//# sourceMappingURL=column-views.d48cb0d8.js.map

package/dist/esm/column-views.d48cb0d8.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAnBA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,2CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA4B,CAAC,cAAc,CAAC","sources":["packages/column-views/src/unit-details/panel.module.sass"],"sourcesContent":[".legend-panel-header\n  display: flex\n  justify-content: space-between\n  align-items: center\n  gap: 0.5em\n  border-bottom: 1px solid var(--panel-rule-color)\n  position: sticky\n  top: 0\n  background-color: var(--panel-secondary-background-color)\n  padding: 0.5em 1em\n  z-index: 50\n  min-height: 45px\n  overflow: hidden\n  .title-container\n    gap: 0.5em\n    align-items: center\n    margin: 0\n    flex-grow: 1\n    z-index: 5\n    &:hover\n      .hidden-actions-container\n        visibility: visible\n    h1, h2, h3\n      display: inline\n      margin: 0\n    .hidden-actions-container\n      visibility: hidden\n    button\n      transform: translateY(0px)\n\n  code\n    font-size: 0.9em\n    color: var(--secondary-color)\n  .unit-id:before\n    content: '#'\n    // Tertiary color is too light...\n    color: var(--secondary-color)\n\n  .spacer\n    flex: 1\n\n.unit-details-panel\n  display: flex\n  flex-direction: column\n  .unit-details-content-holder\n    flex: 1\n    overflow-y: scroll\n\n.unit-details-content\n  position: relative\n  margin: 1em\n\n.proportion, .sep, .no-units, .strat-name-text\n  color: var(--secondary-color)\n  font-style: italic\n\n.strat-name-id, .identifier\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n\n  &::before\n    content: '#'\n    color: var(--tertiary-color)\n\n.color-swatch\n  width: 1em\n  height: 1em\n  border-radius: 0.2em\n  margin-right: 0.2em\n  border: 1px solid var(--panel-rule-color)\n  display: inline-block\n\n.refs\n  list-style: none\n  margin: 0\n  padding-left: 0\n\n.interval-proportions\n  flex-grow: 1\n  width: 100%\n  text-align: right\n  .discourage-break\n    white-space: nowrap\n  .sep\n    margin: 0 0.3em\n\n.clickable\n  cursor: pointer\n\n.hidden-actions-container\n  min-width: 0\n  display: inline-block\n  //margin-right: -5em\n  width: 0\n  position: relative\n\n.hidden-actions\n  padding-left: 1em\n  width: fit-content\n  display: flex\n  align-items: center\n  gap: 0.25em\n  background-color: var(--panel-secondary-background-color)\n  z-index: 50\n  position: relative\n  bottom: 0\n  button\n    color: var(--secondary-color) !important\n"],"names":[],"version":3,"file":"column-views.d48cb0d8.js.map"}

package/dist/esm/{column-views.59bb0cba.js → column-views.f7523c1d.js}

@@ -1,4 +1,4 @@
-import {Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012} from "./column-views.6549388a.js";
+import {Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012} from "./column-views.9e1c82fe.js";
 import {useRef as $9RwS3$useRef} from "react";
 import $9RwS3$macrostrathyper from "@macrostrat/hyper";
 import {Globe as $9RwS3$Globe, LandLayer as $9RwS3$LandLayer} from "@macrostrat/svg-map-components";
@@ -85,4 +85,4 @@ function $e6046e00d2c8a163$export$9595c40c7a4c4f7b(props) {
 
 
 export {$e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=column-views.59bb0cba.js.map
+//# sourceMappingURL=column-views.f7523c1d.js.map

package/dist/esm/{column-views.59bb0cba.js.map → column-views.f7523c1d.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAQO,SAAS,0CAAkB,KAAK;IACrC,MAAM,UAAE,MAAM,YAAE,QAAQ,SAAE,KAAK,UAAE,MAAM,aAAE,SAAS,aAAE,SAAS,EAAE,GAAG,MAAM,GACtE;IACF,IAAI,SAAE,KAAK,EAAE,GAAG;IAChB,MAAM,MAAM,CAAA,GAAA,aAAK,EAAE;IACnB,MAAM,KAAK,CAAA,GAAA,qBAAa,EAAE;IAC1B,MAAM,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG,MAAM;QAAE,OAAO;QAAG,QAAQ;IAAE;IACtD,IAAI,SAAS,MACX,QAAQ,KAAK,GAAG,CAAC,OAAO,UAAU,IAAI;IAGxC,IAAI,kBAAkB;IAEtB,IAAI,WACF,kBAAkB;QAChB,MAAM,KAAK,GAAG,CAAC,OAAO;QACtB,IAAI,KAAK,GAAG,CAAC,OAAO;KACrB;IAGH,OAAO,CAAA,GAAA,sBAAA,EAAE,gBAAgB;aAAE;eAAK;mBAAO;IAAU,GAAG;QAClD,CAAA,GAAA,sBAAA,EACE,CAAA,GAAA,YAAI,GACJ;mBACE;oBACA;oBACA;oBACA;YACA,WAAW;uBACX;YACA,aAAa;6BACb;YACA,GAAG,IAAI;mBACP;QACF,GACA;YAAC,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,gBAAQ;YAAI;SAAS;KAE3B;AACH;AAKO,SAAS,0CAAuB,KAAK;IAC1C,MAAM,iBACJ,aAAa,oBACb,gBAAgB,YAChB,QAAQ,SACR,KAAK,UACL,SAAS,WACT,KAAK,aACL,SAAS,wBACT,uBAAuB,wBACvB,kBAAkB,eAClB,MAAM,EACN,GAAG,MACJ,GAAG;IAEJ,IAAI,UAA6B,UAAU;QAAC;QAAM;KAAG;IACrD,0CAA0C;IAC1C,IAAI,iBAAiB,MACnB,UAAU,CAAA,GAAA,kBAAU,EAAE;IAGxB,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;QAAE,QAAQ;eAAS;gBAAO;eAAQ;mBAAO;IAAU,GACnD;QACE;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAM,GAAG;YACT,UAAU;YACV,QAAQ,eAAe,WAAW;6BAClC;YACA,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,sBAAsB,CAAA,GAAA,yCAAM,GAAG;YAClC,UAAU;YACV,QAAQ,eAAe,WAAW;YAClC,aAAa;YACb,OAAO;YACP,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,iBAAiB,MAAM,CAAA,GAAA,yCAAY,GAAG;YAAE,SAAS;QAAc;KACrE;AAEL","sources":["packages/column-views/src/maps/column-navigation/svg/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { Globe, LandLayer } from \"@macrostrat/svg-map-components\";\nimport { geoCentroid } from \"d3-geo\";\nimport { useElementSize } from \"@macrostrat/ui-components\";\nimport { Columns, CurrentColumn } from \"./layers\";\nimport type { LngLatLike } from \"mapbox-gl\";\n\nexport function ResizableMapFrame(props) {\n  const { center, children, style, margin, className, allowZoom, ...rest } =\n    props;\n  let { scale } = props;\n  const ref = useRef(null);\n  const sz = useElementSize(ref);\n  const { width, height } = sz ?? { width: 0, height: 0 };\n  if (scale == null) {\n    scale = Math.min(width, height) + 2 * margin;\n  }\n\n  let zoomScaleExtent = null;\n\n  if (allowZoom) {\n    zoomScaleExtent = [\n      0.1 * Math.min(width, height),\n      2 * Math.max(width, height),\n    ];\n  }\n\n  return h(\"div.map-area\", { ref, style, className }, [\n    h(\n      Globe,\n      {\n        width,\n        height,\n        margin,\n        center,\n        allowDrag: true,\n        allowZoom,\n        keepNorthUp: true,\n        zoomScaleExtent,\n        ...rest,\n        scale,\n      },\n      [h(LandLayer), children],\n    ),\n  ]);\n}\n\ntype ColumnNavigationSVGMapProps = any;\nexport type { ColumnNavigationSVGMapProps };\n\nexport function ColumnNavigationSVGMap(props) {\n  const {\n    currentColumn,\n    setCurrentColumn,\n    children,\n    style,\n    margin = 10,\n    scale,\n    className,\n    showInProcessColumns = false,\n    showDebugLayers = false,\n    center,\n    ...rest\n  } = props;\n\n  let _center: LngLatLike | null = center ?? [-100, 38];\n  // Override center if currentColumn is set\n  if (currentColumn != null) {\n    _center = geoCentroid(currentColumn);\n  }\n\n  return h(\n    ResizableMapFrame,\n    { center: _center, style, margin, scale, className },\n    [\n      children,\n      h(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        showDebugLayers,\n        ...rest,\n      }),\n      h.if(showInProcessColumns)(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        status_code: \"in process\",\n        color: \"rgba(200,150,150, 0.5)\",\n        ...rest,\n      }),\n      h.if(currentColumn != null)(CurrentColumn, { feature: currentColumn }),\n    ],\n  );\n}\n\nexport * from \"./layers\";\n"],"names":[],"version":3,"file":"column-views.59bb0cba.js.map"}
+{"mappings":";;;;;;;;;;;;;AAQO,SAAS,0CAAkB,KAAK;IACrC,MAAM,UAAE,MAAM,YAAE,QAAQ,SAAE,KAAK,UAAE,MAAM,aAAE,SAAS,aAAE,SAAS,EAAE,GAAG,MAAM,GACtE;IACF,IAAI,SAAE,KAAK,EAAE,GAAG;IAChB,MAAM,MAAM,CAAA,GAAA,aAAK,EAAE;IACnB,MAAM,KAAK,CAAA,GAAA,qBAAa,EAAE;IAC1B,MAAM,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG,MAAM;QAAE,OAAO;QAAG,QAAQ;IAAE;IACtD,IAAI,SAAS,MACX,QAAQ,KAAK,GAAG,CAAC,OAAO,UAAU,IAAI;IAGxC,IAAI,kBAAkB;IAEtB,IAAI,WACF,kBAAkB;QAChB,MAAM,KAAK,GAAG,CAAC,OAAO;QACtB,IAAI,KAAK,GAAG,CAAC,OAAO;KACrB;IAGH,OAAO,CAAA,GAAA,sBAAA,EAAE,gBAAgB;aAAE;eAAK;mBAAO;IAAU,GAAG;QAClD,CAAA,GAAA,sBAAA,EACE,CAAA,GAAA,YAAI,GACJ;mBACE;oBACA;oBACA;oBACA;YACA,WAAW;uBACX;YACA,aAAa;6BACb;YACA,GAAG,IAAI;mBACP;QACF,GACA;YAAC,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,gBAAQ;YAAI;SAAS;KAE3B;AACH;AAKO,SAAS,0CAAuB,KAAK;IAC1C,MAAM,iBACJ,aAAa,oBACb,gBAAgB,YAChB,QAAQ,SACR,KAAK,UACL,SAAS,WACT,KAAK,aACL,SAAS,wBACT,uBAAuB,wBACvB,kBAAkB,eAClB,MAAM,EACN,GAAG,MACJ,GAAG;IAEJ,IAAI,UAA6B,UAAU;QAAC;QAAM;KAAG;IACrD,0CAA0C;IAC1C,IAAI,iBAAiB,MACnB,UAAU,CAAA,GAAA,kBAAU,EAAE;IAGxB,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;QAAE,QAAQ;eAAS;gBAAO;eAAQ;mBAAO;IAAU,GACnD;QACE;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAM,GAAG;YACT,UAAU;YACV,QAAQ,eAAe,WAAW;6BAClC;YACA,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,sBAAsB,CAAA,GAAA,yCAAM,GAAG;YAClC,UAAU;YACV,QAAQ,eAAe,WAAW;YAClC,aAAa;YACb,OAAO;YACP,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,iBAAiB,MAAM,CAAA,GAAA,yCAAY,GAAG;YAAE,SAAS;QAAc;KACrE;AAEL","sources":["packages/column-views/src/maps/column-navigation/svg/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { Globe, LandLayer } from \"@macrostrat/svg-map-components\";\nimport { geoCentroid } from \"d3-geo\";\nimport { useElementSize } from \"@macrostrat/ui-components\";\nimport { Columns, CurrentColumn } from \"./layers\";\nimport type { LngLatLike } from \"mapbox-gl\";\n\nexport function ResizableMapFrame(props) {\n  const { center, children, style, margin, className, allowZoom, ...rest } =\n    props;\n  let { scale } = props;\n  const ref = useRef(null);\n  const sz = useElementSize(ref);\n  const { width, height } = sz ?? { width: 0, height: 0 };\n  if (scale == null) {\n    scale = Math.min(width, height) + 2 * margin;\n  }\n\n  let zoomScaleExtent = null;\n\n  if (allowZoom) {\n    zoomScaleExtent = [\n      0.1 * Math.min(width, height),\n      2 * Math.max(width, height),\n    ];\n  }\n\n  return h(\"div.map-area\", { ref, style, className }, [\n    h(\n      Globe,\n      {\n        width,\n        height,\n        margin,\n        center,\n        allowDrag: true,\n        allowZoom,\n        keepNorthUp: true,\n        zoomScaleExtent,\n        ...rest,\n        scale,\n      },\n      [h(LandLayer), children],\n    ),\n  ]);\n}\n\ntype ColumnNavigationSVGMapProps = any;\nexport type { ColumnNavigationSVGMapProps };\n\nexport function ColumnNavigationSVGMap(props) {\n  const {\n    currentColumn,\n    setCurrentColumn,\n    children,\n    style,\n    margin = 10,\n    scale,\n    className,\n    showInProcessColumns = false,\n    showDebugLayers = false,\n    center,\n    ...rest\n  } = props;\n\n  let _center: LngLatLike | null = center ?? [-100, 38];\n  // Override center if currentColumn is set\n  if (currentColumn != null) {\n    _center = geoCentroid(currentColumn);\n  }\n\n  return h(\n    ResizableMapFrame,\n    { center: _center, style, margin, scale, className },\n    [\n      children,\n      h(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        showDebugLayers,\n        ...rest,\n      }),\n      h.if(showInProcessColumns)(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        status_code: \"in process\",\n        color: \"rgba(200,150,150, 0.5)\",\n        ...rest,\n      }),\n      h.if(currentColumn != null)(CurrentColumn, { feature: currentColumn }),\n    ],\n  );\n}\n\nexport * from \"./layers\";\n"],"names":[],"version":3,"file":"column-views.f7523c1d.js.map"}

package/dist/esm/{column-views.28b3eaa0.js → column-views.ff031876.js}

@@ -1,7 +1,7 @@
 import "./column-views.16cc7a58.css";
 import $bBNCV$columnviewsedf77621js from "./column-views.edf77621.js";
-import {useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.1af9761e.js";
-import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.0f2121e4.js";
+import {useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.64a84c43.js";
+import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.9771145a.js";
 import $bBNCV$macrostrathyper from "@macrostrat/hyper";
 import {Popover as $bBNCV$Popover} from "@blueprintjs/core";
 
@@ -63,4 +63,4 @@ function $a9bcb536274d1bf9$export$db1115efab13710d() {
 
 
 export {$a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
-//# sourceMappingURL=column-views.28b3eaa0.js.map
+//# sourceMappingURL=column-views.ff031876.js.map

package/dist/esm/{column-views.28b3eaa0.js.map → column-views.ff031876.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,mBACR,kBAAkB,IAKnB;IACC,MAAM,UAAU,wBAAE,0CAAoB;IAEtC,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBACE;QACA,QAAQ;QACR,WAAW;QACX,UAAU;QACV,WAAW;YACT,iBAAiB;gBAAE,SAAS;oBAAE,SAAS;gBAAgB;YAAE;QAC3D;IACF,GACA,wBAAE;AAGR;AAEA,SAAS,yCAAmB,YAAE,QAAQ,EAAE;IACtC,OAAO,wBACL,OACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;AAEJ;AAEO,SAAS;IACd,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,MAAM,WAAW,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,eAAe;IACvE,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU,KAAK;YACpB,OAAO,UAAU,SAAS;YAC1B,MAAM,UAAU,KAAK;YACrB,QAAQ,UAAU,UAAU;QAC9B;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;cAClB;QACA,0BAA0B;QAC1B,WAAW;IACb;AAGN","sources":["packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport { useSelectedUnit, useUnitSelectionStore } from \"../units\";\nimport { UnitDetailsPanel } from \"./panel\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover() {\n  const unit = useSelectedUnit();\n  const position = useUnitSelectionStore((state) => state.overlayPosition);\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n      }),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.28b3eaa0.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,mBACR,kBAAkB,IAKnB;IACC,MAAM,UAAU,wBAAE,0CAAoB;IAEtC,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBACE;QACA,QAAQ;QACR,WAAW;QACX,UAAU;QACV,WAAW;YACT,iBAAiB;gBAAE,SAAS;oBAAE,SAAS;gBAAgB;YAAE;QAC3D;IACF,GACA,wBAAE;AAGR;AAEA,SAAS,yCAAmB,YAAE,QAAQ,EAAE;IACtC,OAAO,wBACL,OACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;AAEJ;AAEO,SAAS;IACd,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,MAAM,WAAW,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,eAAe;IACvE,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU,KAAK;YACpB,OAAO,UAAU,SAAS;YAC1B,MAAM,UAAU,KAAK;YACrB,QAAQ,UAAU,UAAU;QAC9B;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;cAClB;QACA,0BAA0B;QAC1B,WAAW;IACb;AAGN","sources":["packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport { useSelectedUnit, useUnitSelectionStore } from \"../units\";\nimport { UnitDetailsPanel } from \"./panel\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover() {\n  const unit = useSelectedUnit();\n  const position = useUnitSelectionStore((state) => state.overlayPosition);\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n      }),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.ff031876.js.map"}

package/dist/esm/index.d.ts

@@ -1,11 +1,12 @@
-import { UnitLong, BaseUnit, ColumnGeoJSONRecord, MacrostratRef, ColumnGeoJSONRecordWithID, Environment } from "@macrostrat/api-types";
-import React, { ReactNode, RefObject, ProviderProps, FunctionComponentElement, Context, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, FunctionComponent, HTMLAttributes, CSSProperties, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, MutableRefObject } from "react";
+import { UnitLong, BaseUnit, ColumnGeoJSONRecord, MacrostratRef, StratName, ColumnGeoJSONRecordWithID, Environment } from "@macrostrat/api-types";
+import React, { ReactNode, RefObject, ProviderProps, FunctionComponentElement, Context, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, DetailedReactHTMLElement, FunctionComponent, HTMLAttributes, CSSProperties, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, MutableRefObject } from "react";
 import { StoreApi } from "zustand";
 import { ScaleLinear } from "d3-scale";
 import { APIConfig, APIConfigOptions } from "@macrostrat/ui-components";
 import { AxiosRequestConfig, AxiosInstance } from "axios";
 import { ColumnDivision, ColumnProviderProps, LithologyColumnProps, ColumnCtx } from "@macrostrat/column-components";
-import { MacrostratColumnDataContext as _MacrostratColumnDataContext1, ColumnContainerProps as _ColumnContainerProps1 } from "column-views/src";
+import { UnitDetailsFeature as _UnitDetailsFeature1, MacrostratColumnDataContext as _MacrostratColumnDataContext1, ColumnContainerProps as _ColumnContainerProps1 } from "column-views/src";
+import { LithologyTagFeature as _LithologyTagFeature1 } from "data-components/src";
 import { Style } from "mapbox-gl";
 import { ExtendedFeature } from "d3-geo";
 import { Polygon, LineString, Point } from "geojson";
@@ -19,15 +20,6 @@ enum ColumnAxisType {
 interface Clickable {
     onClick?: (evt: MouseEvent) => void;
 }
-declare namespace InfiniteScrollView {
-    var defaultProps: {
-        hasMore(res: any): boolean;
-        getItems(d: any): any;
-        getCount(d: any): any;
-        getNextParams(response: any, params: any): any;
-        placeholder: (p: APIPlaceholderProps) => React.FunctionComponentElement<$$parcel$import$208<HTMLElement>>;
-    };
-}
 declare namespace ThreeColumnLayout {
     var Panels: typeof SidePanel;
 }
@@ -130,6 +122,7 @@ export function fetchLithologies(fetch?: typeof defaultFetch): Promise<any>;
 export function fetchIntervals(timescaleID: number | null, fetch?: typeof defaultFetch): Promise<any>;
 export function fetchEnvironments(fetch?: typeof defaultFetch): Promise<any>;
 export function fetchRefs(refs: number[], fetch?: typeof defaultFetch): Promise<MacrostratRef[]>;
+export function fetchStratNames(names: number[], fetch?: typeof defaultFetch): Promise<StratName[]>;
 export type ColumnData = {
     units: UnitLong[];
     columnID: number;
@@ -227,12 +220,15 @@ interface MacrostratStore extends RefsSlice {
     getEnvironments(ids: number[] | null): Promise<Environment[]>;
     columnFootprints: Map<number, ColumnFootprintsStorage>;
     getColumns(projectID: number | null, inProcess: boolean): Promise<ColumnGeoJSONRecord[]>;
+    stratNames: Map<number, StratName> | null;
+    getStratNames(ids: number[] | null): Promise<StratName[]>;
 }
 type MacrostratSelector = (store: MacrostratStore) => any;
 export function useMacrostratStore(selector: MacrostratSelector | "api"): any;
+type DataTypeKey = "lithologies" | "intervals" | "columns" | "environments" | "refs" | "strat_names";
 export function useMacrostratDefs(dataType: string): Map<number, any> | null;
 export function useMacrostratColumns(projectID: number | null, inProcess: boolean): any;
-export function useMacrostratData(dataType: string, ...args: any[]): any;
+export function useMacrostratData(dataType: DataTypeKey, ...args: any[]): any;
 export function MacrostratDataProvider(props: MacrostratDataProviderProps): FunctionComponentElement<APIProviderProps>;
 /** Legacy API provider so useAPIResult can work */
 type APIProviderProps = {
@@ -448,6 +444,20 @@ export enum UnitDetailsFeature {
     JSONToggle = "json-toggle",
     DepthRange = "depth-range"
 }
+export function ReferencesField({ refs, className, ...rest }: {
+    [x: string]: any;
+    refs: any;
+    className?: any;
+}): FunctionComponentElement<{
+    label?: string;
+    value?: any;
+    inline?: boolean;
+    showIfEmpty?: boolean;
+    className?: string;
+    children?: any;
+    unit?: string;
+    row?: boolean;
+}>;
 export function AgeLabel({ age, maximumFractionDigits, minimumFractionDigits, className, }: {
     age: number;
     className?: string;
@@ -469,6 +479,14 @@ export function Duration({ value, maximumFractionDigits, minimumFractionDigits,
     children?: any;
     className?: string;
 }>;
+export function Identifier({ id, onClick, className, }: {
+    id: number | string;
+    onClick?: (id: number | string) => void;
+    className?: string;
+}): DetailedReactHTMLElement<{
+    onClick(): void;
+    className: string;
+}, HTMLElement>;
 export function UnitDetailsPopover({ style, children, viewportPadding, }: {
     style: object;
     viewportPadding?: number;
@@ -477,8 +495,23 @@ export function UnitDetailsPopover({ style, children, viewportPadding, }: {
     style: object;
 }, string | JSXElementConstructor<any>>;
 export function UnitSelectionPopover(): DOMElement<DOMAttributes<Element>, Element>;
+export function UnitDetailsPanelWithNavigation(props: any): FunctionComponentElement<{
+    unit: any;
+    onClose?: any;
+    showLithologyProportions?: boolean;
+    className?: string;
+    actions?: ReactNode;
+    features?: Set<_UnitDetailsFeature1>;
+    lithologyFeatures?: Set<_LithologyTagFeature1>;
+    columnUnits?: UnitLong[];
+    selectUnit?: (unitID: number) => void;
+    onClickItem?: (item: any) => void;
+}>;
 export function VerticalAxisLabel(props: any): ReactElement<{
     className: any;
+    style: {
+        height: any;
+    };
 }, string | JSXElementConstructor<any>>;
 export function CompositeAgeAxis(): FunctionComponentElement<CompositeStratigraphicScaleInfo>;
 export interface CompositeStratigraphicScaleInfo {
@@ -827,6 +860,10 @@ export function ColumnContainer(props: ColumnContainerProps): DOMElement<{
     onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
     className: string;
 }, Element>;
+export function ColumnBasicInfo({ data, showColumnID }: {
+    data: any;
+    showColumnID?: boolean;
+}): DOMElement<DOMAttributes<Element>, Element>;
 export interface InsetMapProps extends Omit<MapViewProps, "style"> {
     controls?: ReactNode;
     className?: string;