@macrostrat/column-views 2.0.1 → 2.1.0

package/dist/esm/{column-views.fa6f3292.js → column-views.bb46641f.js}

@@ -1,9 +1,9 @@
-import {LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e} from "./column-views.4c4c5bac.js";
+import {CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040} from "./column-views.d2037465.js";
 import $7zu8d$columnviews4637f4cejs from "./column-views.4637f4ce.js";
-import "./column-views.240ef158.css";
-import {useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.ea237aa8.js";
-import {MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d} from "./column-views.28ee5f43.js";
-import {Duration as $448b24baeef3b229$export$3b11bc38611c5941} from "./column-views.1ece326b.js";
+import "./column-views.217078ab.css";
+import {MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d} from "./column-views.3ba9213d.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
+import {Duration as $448b24baeef3b229$export$3b11bc38611c5941} from "./column-views.66f823ba.js";
 import {useMemo as $7zu8d$useMemo} from "react";
 import {Timescale as $7zu8d$Timescale, TimescaleOrientation as $7zu8d$TimescaleOrientation} from "@macrostrat/timescale";
 import {SVG as $7zu8d$SVG} from "@macrostrat/column-components";
@@ -75,8 +75,7 @@ function $7d0f52717c0de7e1$var$SectionUnitsColumn(props) {
                 width: innerWidth,
                 clipUnits: clipUnits,
                 maxInternalColumns: maxInternalColumns
-            } // This unconformity is with the section _above_
-            );
+            });
         })),
         $7d0f52717c0de7e1$var$h.if(unconformityLabels)($7d0f52717c0de7e1$export$e12e53eeee198b99, {
             width: width,
@@ -212,4 +211,4 @@ function $7d0f52717c0de7e1$var$Unconformity({ upperAge: upperAge, lowerAge: lowe
 
 
 export {$7d0f52717c0de7e1$export$38cb0ab5af8f50d7 as SectionsColumn, $7d0f52717c0de7e1$export$e12e53eeee198b99 as UnconformityLabels, $7d0f52717c0de7e1$export$db2df5a73a6fbe10 as CompositeTimescale, $7d0f52717c0de7e1$export$463f46772c64d403 as CompositeTimescaleCore};
-//# sourceMappingURL=column-views.fa6f3292.js.map
+//# sourceMappingURL=column-views.bb46641f.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAyBrB,SAAS,0CAAe,KAAyB;IACtD,MAAM,sBACJ,qBAAqB,qBACrB,aAAa,sBACb,kBAAkB,cAClB,aAAa,aACb,QAAQ,kBACR,cAAc,sBACd,kBAAkB,iBAClB,YAAY,0BACZ,kBAAkB,EACnB,GAAG;IAEJ,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAE/B,kCAAkC;IAClC,MAAM,MAAM,KAAK,CAAC,EAAE,EAAE;IAEtB,OAAO,wBAAE,CAAA,GAAA,yCAAmB,GAAG;eAAE;aAAO;IAAI,GAAG;QAC7C,wBAAE,0CAAoB;YACpB,OAAO;2BACP;gCACA;wBACA;uBACA;gCACA;gCACA;QACF;QACA,wBAAE,EAAE,CAAC,iBAAiB,CAAA,GAAA,yCAAkB,GAAG;YACzC,OAAO,QAAQ;QACjB;KACD;AACH;AAEA,SAAS,yCAAmB,KAAyB;IACnD,MAAM,SACJ,KAAK,cACL,UAAU,iBACV,aAAa,sBACb,kBAAkB,aAClB,SAAS,sBACT,kBAAkB,sBAClB,qBAAqB,MACtB,GAAG;IAEJ,MAAM,YAAE,QAAQ,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAExD,MAAM,YAAsC,SAAS,GAAG,CAAC,CAAC;QACxD,OAAO,QAAQ,SAAS;IAC1B;IAEA,MAAM,aAAa,QAAQ;IAE3B,OAAO,wBAAE,+BAA+B;QAAE,OAAO;mBAAE;QAAM;IAAE,GAAG;QAC5D,wBACE,CAAA,GAAA,UAAE,GACF;YACE,WAAW;YACX,QAAQ;wBACR;YACA,UAAU;QACZ,GACA,SAAS,GAAG,CAAC,CAAC;YACZ,MAAM,SAAE,KAAK,aAAE,SAAS,cAAE,UAAU,EAAE,GAAG;YAEzC,MAAM,MAAM,CAAC,QAAQ,EAAE,YAAY;YACnC,OAAO,wBACL,oCACA;uBACE;2BACA;qBACA;+BACA;oCACA;4BACA;gBACA,OAAO;2BACP;oCACA;YACF;QAEJ;QAEF,wBAAE,EAAE,CAAC,oBAAoB,2CAAoB;mBAC3C;YACA,UAAU;QACZ;KACD;AACH;AAEA,SAAS,mCAAa,KAAmB;IACvC,mCAAmC;IACnC,MAAM,SACJ,KAAK,aACL,SAAS,iBACT,aAAa,cACb,aAAa,aACb,QAAQ,yBACR,kBAAkB,aAClB,SAAS,aACT,YAAY,0BACZ,kBAAkB,EACnB,GAAG;IAEJ,MAAM,UAAE,MAAM,cAAE,UAAU,eAAE,WAAW,EAAE,GAAG;IAE5C;;;GAGC,GACD,MAAM,sBAAsB,CAAA,GAAA,cAAM,EAAE;QAClC,OAAO;YACL,GAAG,kBAAkB;YACrB,UAAU,KAAK,GAAG,CAChB,sBAAsB,KAAK,KAAK,CAAC,QAAQ,KACzC,oBAAoB,YAAY,UAChC,KAAK,GAAG,IAAI,MAAM,GAAG,CAAC,CAAC,IAAM,EAAE,MAAM,KAAK;QAG9C;IACF,GAAG;QAAC;QAAO;QAAoB;QAAoB;KAAM;IAEzD,MAAM,QAAQ;QACZ,oBAAoB,GAAG,YAAY,EAAE,CAAC;QACtC,mBAAmB,GAAG,MAAM,EAAE,CAAC;IACjC;IAEA,OAAO,wBACL,aACA;mBAAE;eAAW;QAAO,WAAW,CAAC,YAAY,EAAE,UAAU,MAAM,CAAC,CAAC,CAAC;IAAC,GAClE,wBACE,CAAA,GAAA,yCAAuB,GACvB;eACE;gBACA;oBACA;IACF,GACA,wBAAE,CAAA,GAAA,yCAAmB,GAAG;eACtB;oBACA;uBACA;QACA,oBAAoB;QACpB,aAAa;IACf;AAGN;AAMO,SAAS,0CAAmB,KAA8B;IAC/D,MAAM,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAC3C,MAAM,gBAAgB,SAAS,GAAG,CAAC,CAAC;QAClC,OAAO,QAAQ,SAAS;IAC1B;IAEA,OAAO,wBAAE,2CAAwB;QAC/B,UAAU;QACV,GAAG,KAAK;IACV;AACF;AAOO,SAAS,0CAAuB,KAAkC;IACvE,MAAM,UAAE,SAAS,aAAG,QAAQ,sBAAE,qBAAqB,OAAO,GAAG;IAE7D,IAAI;IACJ,IAAI,OAAO,WAAW,UACpB,4DAA4D;IAC5D,UAAU;QAAC;QAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,QAAQ,KAAK,GAAG;KAAG;SAEvD,UAAU;IAGZ,MAAM,QAAQ,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,GAAG;IAExC,OAAO,wBAAE,wBAAwB;QAC/B,wBACE,kBACA,SAAS,GAAG,CAAC,CAAC;YACZ,MAAM,UAAE,MAAM,eAAE,WAAW,cAAE,UAAU,OAAE,GAAG,EAAE,GAAG;YACjD,OAAO,wBACL,2BACA;gBAAE,OAAO;gCAAE;oBAAY,2BAA2B;gBAAM;qBAAG;YAAI,GAC/D;gBACE,wBAAE,CAAA,GAAA,gBAAQ,GAAG;oBACX,aAAa,CAAA,GAAA,2BAAmB,EAAE,QAAQ;oBAC1C,QAAQ;oBACR,QAAQ;oBACR,kBAAkB;oBAClB,aAAa;oBACb,UAAU;gBACZ;aACD;QAEL;QAEF,wBAAE,EAAE,CAAC,oBAAoB,2CAAoB;YAC3C,OAAO;YACP,UAAU;YACV,WAAW;QACb;KACD;AACH;AAEO,SAAS,0CAAmB,KAIlC;IACC,MAAM,SAAE,KAAK,YAAE,QAAQ,aAAE,SAAS,EAAE,GAAG;IAEvC,OAAO,wBACL,2BACA;QACE,OAAO;mBACL;QACF;mBACA;IACF,GACA,SAAS,GAAG,CAAC,CAAC,WAAW;QACvB,MAAM,YAAY,QAAQ,CAAC,IAAI,EAAE;QACjC,MAAM,MAAM,UAAU,MAAM,GAAG,UAAU,UAAU;QACnD,MAAM,WAAW,WAAW,MAAM,CAAC,EAAE;QACrC,MAAM,WAAW,UAAU,MAAM,CAAC,EAAE;QACpC,OAAO,wBAAE,oCAAc;sBACrB;sBACA;YACA,OAAO;uBACL;gBACA,QAAQ,UAAU,UAAU;qBAC5B;YACF;QACF;IACF;AAEJ;AAEA,SAAS,mCAAa,YAAE,QAAQ,YAAE,QAAQ,SAAE,KAAK,EAAE;IACjD,IAAI,YAAY,QAAQ,YAAY,MAClC,OAAO;IAGT,MAAM,SAAS,KAAK,GAAG,CAAC,WAAW;IAEnC,IAAI,YAAoB;IACxB,IAAI,SAAS,MACX,YAAY;SACP,IAAI,SAAS,KAClB,YAAY;SACP,IAAI,SAAS,IAClB,YAAY;SACP,IAAI,SAAS,GAClB,YAAY;IAGd,OAAO,wBAAE,oBAAoB;eAAE;mBAAO;IAAU,GAAG;QACjD,wBAAE,yBAAyB,wBAAE,CAAA,GAAA,yCAAO,GAAG;YAAE,OAAO;QAAO;KACxD;AACH","sources":["packages/column-views/src/section.ts"],"sourcesContent":["import {\n  CompositeUnitsColumn,\n  LabelTrackerProvider,\n  SectionLabelsColumn,\n} from \"./units\";\nimport { ReactNode, FunctionComponent, useMemo } from \"react\";\nimport { Timescale, TimescaleOrientation } from \"@macrostrat/timescale\";\nimport { ColumnAxisType, SVG } from \"@macrostrat/column-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\nimport type { ExtUnit } from \"./prepare-units/helpers\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\nimport {\n  useMacrostratColumnData,\n  useMacrostratUnits,\n  MacrostratColumnProvider,\n} from \"./data-provider\";\nimport { Duration } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nexport interface SectionSharedProps {\n  unitComponent?: FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  children?: ReactNode;\n  showLabelColumn?: boolean;\n  axisType?: ColumnAxisType;\n  className?: string;\n  clipUnits?: boolean;\n  maxInternalColumns?: number;\n  // Space between sections\n  verticalSpacing?: number;\n  // Whether to render unconformity labels\n  unconformityLabels?: boolean;\n}\n\nexport interface SectionProps extends SectionSharedProps {\n  units: ExtUnit[];\n  scaleInfo: PackageScaleLayoutData;\n}\n\nexport function SectionsColumn(props: SectionSharedProps) {\n  const {\n    unconformityLabels = true,\n    unitComponent,\n    unitComponentProps,\n    showLabels = true,\n    width = 300,\n    columnWidth = 150,\n    showLabelColumn = true,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const units = useMacrostratUnits();\n\n  // Get a unique key for the column\n  const key = units[0]?.unit_id;\n\n  return h(LabelTrackerProvider, { units, key }, [\n    h(SectionUnitsColumn, {\n      width: columnWidth,\n      unitComponent,\n      unitComponentProps,\n      showLabels,\n      clipUnits,\n      maxInternalColumns,\n      unconformityLabels,\n    }),\n    h.if(showLabelColumn)(SectionLabelsColumn, {\n      width: width - columnWidth,\n    }),\n  ]);\n}\n\nfunction SectionUnitsColumn(props: SectionSharedProps) {\n  const {\n    width,\n    showLabels,\n    unitComponent,\n    unitComponentProps,\n    clipUnits,\n    maxInternalColumns,\n    unconformityLabels = true,\n  } = props;\n\n  const { sections, totalHeight } = useMacrostratColumnData();\n\n  const scaleData: PackageScaleLayoutData[] = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  const innerWidth = width - 2;\n\n  return h(\"div.section-units-container\", { style: { width } }, [\n    h(\n      SVG,\n      {\n        className: \"sections\",\n        height: totalHeight,\n        innerWidth,\n        paddingH: 1,\n      },\n      sections.map((group) => {\n        const { units, scaleInfo, section_id } = group;\n\n        const key = `section-${section_id}`;\n        return h(\n          SectionUnits,\n          {\n            units,\n            scaleInfo,\n            key,\n            unitComponent,\n            unitComponentProps,\n            showLabels,\n            width: innerWidth,\n            clipUnits,\n            maxInternalColumns,\n          }, // This unconformity is with the section _above_\n        );\n      }),\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width,\n      sections: scaleData,\n    }),\n  ]);\n}\n\nfunction SectionUnits(props: SectionProps) {\n  // Section with \"squishy\" timescale\n  const {\n    units,\n    scaleInfo,\n    unitComponent,\n    showLabels = true,\n    width = 300,\n    unitComponentProps,\n    className,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const { domain, pixelScale, pixelHeight } = scaleInfo;\n\n  /** Ensure that we can arrange units into the maximum number\n   * of columns defined by unitComponentProps, but that we don't\n   * use more than necessary.\n   */\n  const _unitComponentProps = useMemo(() => {\n    return {\n      ...unitComponentProps,\n      nColumns: Math.min(\n        maxInternalColumns ?? Math.floor(width / 10),\n        unitComponentProps?.nColumns ?? Infinity,\n        Math.max(...units.map((d) => d.column)) + 1,\n      ),\n      //axisType,\n    };\n  }, [units, unitComponentProps, maxInternalColumns, width]);\n\n  const style = {\n    \"--section-height\": `${pixelHeight}px`,\n    \"--section-width\": `${width}px`,\n  };\n\n  return h(\n    \"g.section\",\n    { className, style, transform: `translate(0 ${scaleInfo.offset})` },\n    h(\n      MacrostratColumnProvider,\n      {\n        units,\n        domain,\n        pixelScale, // Actually pixels per myr,\n      },\n      h(CompositeUnitsColumn, {\n        width,\n        showLabels,\n        unitComponent,\n        unitComponentProps: _unitComponentProps,\n        clipToFrame: clipUnits,\n      }),\n    ),\n  );\n}\n\ninterface CompositeTimescaleProps {\n  levels?: [number, number] | number;\n}\n\nexport function CompositeTimescale(props: CompositeTimescaleProps) {\n  const { sections } = useMacrostratColumnData();\n  const sectionScales = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  return h(CompositeTimescaleCore, {\n    packages: sectionScales,\n    ...props,\n  });\n}\n\ntype CompositeTimescaleCoreProps = CompositeTimescaleProps & {\n  packages: PackageScaleLayoutData[];\n  unconformityLabels?: boolean;\n};\n\nexport function CompositeTimescaleCore(props: CompositeTimescaleCoreProps) {\n  const { levels = 3, packages, unconformityLabels = false } = props;\n\n  let _levels: [number, number];\n  if (typeof levels === \"number\") {\n    // If levels is a number, use the most common starting level\n    _levels = [2, Math.max(2 + Math.min(levels, 5) - 1, 1)];\n  } else {\n    _levels = levels;\n  }\n\n  const nCols = _levels[1] - _levels[0] + 1;\n\n  return h(\"div.timescale-column\", [\n    h(\n      \"div.timescales\",\n      packages.map((group) => {\n        const { domain, pixelHeight, paddingTop, key } = group;\n        return h(\n          \"div.timescale-container\",\n          { style: { paddingTop, \"--timescale-level-count\": nCols }, key },\n          [\n            h(Timescale, {\n              orientation: TimescaleOrientation.VERTICAL,\n              length: pixelHeight,\n              levels: _levels,\n              absoluteAgeScale: true,\n              showAgeAxis: false,\n              ageRange: domain as [number, number],\n            }),\n          ],\n        );\n      }),\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width: \"100%\",\n      sections: packages,\n      className: \"unconformity-labels\",\n    }),\n  ]);\n}\n\nexport function UnconformityLabels(props: {\n  width: string | number;\n  sections: PackageScaleLayoutData[];\n  className?: string;\n}) {\n  const { width, sections, className } = props;\n\n  return h(\n    \"div.unconformity-labels\",\n    {\n      style: {\n        width,\n      },\n      className,\n    },\n    sections.map((scaleInfo, i) => {\n      const lastGroup = sections[i - 1];\n      const top = scaleInfo.offset - scaleInfo.paddingTop;\n      const upperAge = lastGroup?.domain[0];\n      const lowerAge = scaleInfo.domain[1];\n      return h(Unconformity, {\n        upperAge,\n        lowerAge,\n        style: {\n          width,\n          height: scaleInfo.paddingTop,\n          top,\n        },\n      });\n    }),\n  );\n}\n\nfunction Unconformity({ upperAge, lowerAge, style }) {\n  if (upperAge == null || lowerAge == null) {\n    return null;\n  }\n\n  const ageGap = Math.abs(upperAge - lowerAge);\n\n  let className: string = null;\n  if (ageGap > 1000) {\n    className = \"giga\";\n  } else if (ageGap > 100) {\n    className = \"mega\";\n  } else if (ageGap > 10) {\n    className = \"large\";\n  } else if (ageGap < 1) {\n    className = \"small\";\n  }\n\n  return h(\"div.unconformity\", { style, className }, [\n    h(\"div.unconformity-text\", h(Duration, { value: ageGap })),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.bb46641f.js.map"}

package/dist/esm/column-views.bba13f77.css

@@ -0,0 +1,54 @@
+._9ePcda_location-basic-info {
+  max-width: 650px;
+  margin: .3em 0 .5em;
+  position: relative;
+}
+
+._9ePcda_location-header {
+  flex-direction: row;
+  align-items: baseline;
+  gap: 1em;
+  margin: .2em 0 .8em;
+  display: flex;
+}
+
+._9ePcda_location-header h2, ._9ePcda_location-header h3, ._9ePcda_location-header h4 {
+  margin: 0;
+}
+
+._9ePcda_location-header h3._9ePcda_title {
+  flex-grow: 1;
+}
+
+._9ePcda_location-header ._9ePcda_year {
+  color: var(--secondary-color);
+}
+
+._9ePcda_location-link {
+  color: var(--secondary-color);
+  transform: scale(.8);
+}
+
+._9ePcda_image-panel img {
+  border: 1px solid var(--accent-color);
+  border-radius: 6px;
+  max-width: 100%;
+}
+
+._9ePcda_image-panel._9ePcda_has-image {
+  position: relative;
+}
+
+._9ePcda_image-panel._9ePcda_has-image ._9ePcda_star-rating {
+  position: absolute;
+  bottom: 8px;
+  right: 5px;
+}
+
+._9ePcda_star-rating {
+  color: #fff;
+  background-color: var(--translucent-panel-background-color);
+  border-radius: 4px;
+  padding: .1em .3em .2em;
+}
+/*# sourceMappingURL=column-views.bba13f77.css.map */

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

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAKA;;;;;;;;AAME;;;;AAGA;;;;AAGA;;;;AAIF;;;;;AAKE;;;;;;AAKA;;;;AAGE;;;;;;AAKJ","sources":["packages/data-components/src/field-locations/base.module.sass"],"sourcesContent":[".location-basic-info\n  max-width: 650px\n  position: relative\n  margin: 0.3em 0 0.5em\n\n.location-header\n  display: flex\n  flex-direction: row\n  gap: 1em\n  align-items: baseline\n\n  h2, h3, h4\n    margin: 0\n\n  h3.title\n    flex-grow: 1\n\n  .year\n    color: var(--secondary-color)\n  margin: 0.2em 0 0.8em\n\n.location-link\n  color: var(--secondary-color)\n  transform: scale(0.8)\n\n.image-panel\n  img\n    border-radius: 6px\n    border: 1px solid var(--accent-color)\n    max-width: 100%\n\n  &.has-image\n    position: relative\n\n    .star-rating\n      position: absolute\n      bottom: 8px\n      right: 5px\n\n.star-rating\n  border-radius: 4px\n  color: #fff\n  background-color: var(--translucent-panel-background-color)\n  padding: 0.1em 0.3em 0.2em\n"],"names":[],"version":3,"file":"column-views.bba13f77.css.map"}

package/dist/esm/{column-views.b2e5f1d9.js → column-views.bcffe6e5.js}

@@ -1,6 +1,6 @@
-import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3, 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.f1efcc2c.js";
-import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49, ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.a98214b2.js";
-import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0, buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.fc2b4611.js";
+import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3, 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.c25e8b32.js";
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49, ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.7e350ae2.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0, buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.a94e99a2.js";
 
 
 
@@ -8,4 +8,4 @@ import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0, buildColumnsStyle
 
 
 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, $dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore, $5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap, $1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
-//# sourceMappingURL=column-views.b2e5f1d9.js.map
+//# sourceMappingURL=column-views.bcffe6e5.js.map

package/dist/esm/{column-views.b2e5f1d9.js.map → column-views.bcffe6e5.js.map}

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

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

@@ -1,9 +1,9 @@
-import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3} from "./column-views.3bec70d6.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.68409161.js";
+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";
 
 
 
 
 
 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.f1efcc2c.js.map
+//# sourceMappingURL=column-views.c25e8b32.js.map

package/dist/esm/{column-views.f1efcc2c.js.map → column-views.c25e8b32.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.f1efcc2c.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.c25e8b32.js.map"}

package/dist/esm/column-views.c5e108f9.js

@@ -0,0 +1,34 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $e16cbe962688d888$exports = {};
+
+$parcel$export($e16cbe962688d888$exports, "has-image", () => $e16cbe962688d888$export$8209bfad8182c6f0, (v) => $e16cbe962688d888$export$8209bfad8182c6f0 = v);
+$parcel$export($e16cbe962688d888$exports, "image-panel", () => $e16cbe962688d888$export$268f2daa84d78525, (v) => $e16cbe962688d888$export$268f2daa84d78525 = v);
+$parcel$export($e16cbe962688d888$exports, "location-basic-info", () => $e16cbe962688d888$export$b733d9dc61fcc11d, (v) => $e16cbe962688d888$export$b733d9dc61fcc11d = v);
+$parcel$export($e16cbe962688d888$exports, "location-header", () => $e16cbe962688d888$export$ee7e3896ac007123, (v) => $e16cbe962688d888$export$ee7e3896ac007123 = v);
+$parcel$export($e16cbe962688d888$exports, "location-link", () => $e16cbe962688d888$export$9e64eb79399c492b, (v) => $e16cbe962688d888$export$9e64eb79399c492b = v);
+$parcel$export($e16cbe962688d888$exports, "star-rating", () => $e16cbe962688d888$export$c8077477d0912e7e, (v) => $e16cbe962688d888$export$c8077477d0912e7e = v);
+$parcel$export($e16cbe962688d888$exports, "title", () => $e16cbe962688d888$export$fb184b623420d9be, (v) => $e16cbe962688d888$export$fb184b623420d9be = v);
+$parcel$export($e16cbe962688d888$exports, "year", () => $e16cbe962688d888$export$31803937850fb2da, (v) => $e16cbe962688d888$export$31803937850fb2da = v);
+var $e16cbe962688d888$export$8209bfad8182c6f0;
+var $e16cbe962688d888$export$268f2daa84d78525;
+var $e16cbe962688d888$export$b733d9dc61fcc11d;
+var $e16cbe962688d888$export$ee7e3896ac007123;
+var $e16cbe962688d888$export$9e64eb79399c492b;
+var $e16cbe962688d888$export$c8077477d0912e7e;
+var $e16cbe962688d888$export$fb184b623420d9be;
+var $e16cbe962688d888$export$31803937850fb2da;
+$e16cbe962688d888$export$8209bfad8182c6f0 = `_9ePcda_has-image`;
+$e16cbe962688d888$export$268f2daa84d78525 = `_9ePcda_image-panel`;
+$e16cbe962688d888$export$b733d9dc61fcc11d = `_9ePcda_location-basic-info`;
+$e16cbe962688d888$export$ee7e3896ac007123 = `_9ePcda_location-header`;
+$e16cbe962688d888$export$9e64eb79399c492b = `_9ePcda_location-link`;
+$e16cbe962688d888$export$c8077477d0912e7e = `_9ePcda_star-rating`;
+$e16cbe962688d888$export$fb184b623420d9be = `_9ePcda_title`;
+$e16cbe962688d888$export$31803937850fb2da = `_9ePcda_year`;
+
+
+export {$e16cbe962688d888$exports as default};
+//# sourceMappingURL=column-views.c5e108f9.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAgC,CAAC,mBAAmB,CAAC;AACrD,4CAAwC,CAAC,2BAA2B,CAAC;AACrE,4CAAoC,CAAC,uBAAuB,CAAC;AAC7D,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAAgC,CAAC,mBAAmB,CAAC;AACrD,4CAA0B,CAAC,aAAa,CAAC;AACzC,4CAAyB,CAAC,YAAY,CAAC","sources":["packages/data-components/src/field-locations/base.module.sass"],"sourcesContent":[".location-basic-info\n  max-width: 650px\n  position: relative\n  margin: 0.3em 0 0.5em\n\n.location-header\n  display: flex\n  flex-direction: row\n  gap: 1em\n  align-items: baseline\n\n  h2, h3, h4\n    margin: 0\n\n  h3.title\n    flex-grow: 1\n\n  .year\n    color: var(--secondary-color)\n  margin: 0.2em 0 0.8em\n\n.location-link\n  color: var(--secondary-color)\n  transform: scale(0.8)\n\n.image-panel\n  img\n    border-radius: 6px\n    border: 1px solid var(--accent-color)\n    max-width: 100%\n\n  &.has-image\n    position: relative\n\n    .star-rating\n      position: absolute\n      bottom: 8px\n      right: 5px\n\n.star-rating\n  border-radius: 4px\n  color: #fff\n  background-color: var(--translucent-panel-background-color)\n  padding: 0.1em 0.3em 0.2em\n"],"names":[],"version":3,"file":"column-views.c5e108f9.js.map"}

package/dist/esm/{column-views.34636ec7.js → column-views.c71c321c.js}

@@ -1,5 +1,5 @@
-import {getSectionAgeRange as $663a0cdd08b02256$export$8093438ec3e4c6fd, groupUnitsIntoSections as $663a0cdd08b02256$export$dfbd00399d639b4c, mergeOverlappingSections as $663a0cdd08b02256$export$e7bb744b9be37f3d, preprocessUnits as $663a0cdd08b02256$export$55543e159517d62d} from "./column-views.1c589cc4.js";
-import {computeSectionHeights as $728f6cf6c12cd490$export$7d3f3129a1a4b84e, collapseUnconformitiesByPixelHeight as $728f6cf6c12cd490$export$edbf01b435c75274, finalizeSectionHeights as $728f6cf6c12cd490$export$67442a0f5bef147b} from "./column-views.86c4b36f.js";
+import {getSectionAgeRange as $663a0cdd08b02256$export$8093438ec3e4c6fd, groupUnitsIntoSections as $663a0cdd08b02256$export$dfbd00399d639b4c, mergeOverlappingSections as $663a0cdd08b02256$export$e7bb744b9be37f3d, preprocessUnits as $663a0cdd08b02256$export$55543e159517d62d} from "./column-views.9892f825.js";
+import {collapseUnconformitiesByPixelHeight as $728f6cf6c12cd490$export$edbf01b435c75274, computeSectionHeights as $728f6cf6c12cd490$export$7d3f3129a1a4b84e, finalizeSectionHeights as $728f6cf6c12cd490$export$67442a0f5bef147b} from "./column-views.4ab0ec82.js";
 import {agesOverlap as $b6657fba8924a702$export$d92a67740c050efb, unitsOverlap as $b6657fba8924a702$export$f1a15f539858307, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a, createUnitSorter as $b6657fba8924a702$export$ab14c04795685c55, ensureArray as $b6657fba8924a702$export$d0c8ecbd4ed8940c, ensureRealFloat as $b6657fba8924a702$export$97de5b0a6b4e4dac} from "./column-views.39657bbf.js";
 import {ColumnAxisType as $iaXiN$ColumnAxisType} from "@macrostrat/column-components";
 import {useMemo as $iaXiN$useMemo} from "react";
@@ -74,14 +74,6 @@ function $76e92a964ee11b97$export$be8c5a449df4bde4(units, options) {
         if (typeof collapseSmallUnconformities == "number") threshold = collapseSmallUnconformities;
         sectionsWithScales = (0, $728f6cf6c12cd490$export$edbf01b435c75274)(sectionsWithScales, threshold, options);
     }
-    /** Reconstitute the units so that they are sorted by section.
-   * This is mostly important so that unit keyboard navigation
-   * predictably selects adjacent units.
-   */ const units2 = sectionsWithScales.reduce((acc, group)=>{
-        const { units: units } = group;
-        for (const unit of units)acc.push(unit);
-        return acc;
-    }, []);
     /** Prepare section scale information using groups */ const { totalHeight: totalHeight, sections: sections2 } = (0, $728f6cf6c12cd490$export$67442a0f5bef147b)(sectionsWithScales, unconformityHeight);
     /** For each section, find units that are overlapping.
    * We do this after merging sections so that we can
@@ -92,6 +84,14 @@ function $76e92a964ee11b97$export$be8c5a449df4bde4(units, options) {
             units: (0, $663a0cdd08b02256$export$55543e159517d62d)(section, axisType)
         };
     });
+    /** Reconstitute the units so that they are sorted by section and properly enhanced.
+   * This is mostly important so that unit keyboard navigation
+   * predictably selects adjacent units.
+   */ const units2 = sectionsOut.reduce((acc, group)=>{
+        const { units: units } = group;
+        for (const unit of units)acc.push(unit);
+        return acc;
+    }, []);
     return {
         units: units2,
         totalHeight: totalHeight,
@@ -101,4 +101,4 @@ function $76e92a964ee11b97$export$be8c5a449df4bde4(units, options) {
 
 
 export {$76e92a964ee11b97$export$e1644389ce074058 as MergeSectionsMode, $76e92a964ee11b97$export$206a0cb85295e433 as usePreparedColumnUnits, $76e92a964ee11b97$export$be8c5a449df4bde4 as prepareColumnUnits, $663a0cdd08b02256$export$55543e159517d62d as preprocessUnits, $663a0cdd08b02256$export$dfbd00399d639b4c as groupUnitsIntoSections, $b6657fba8924a702$export$f1a15f539858307 as unitsOverlap, $b6657fba8924a702$export$70e712e2ac0237a as getUnitHeightRange, $b6657fba8924a702$export$d92a67740c050efb as agesOverlap, $b6657fba8924a702$export$ab14c04795685c55 as createUnitSorter, $b6657fba8924a702$export$d0c8ecbd4ed8940c as ensureArray, $b6657fba8924a702$export$97de5b0a6b4e4dac as ensureRealFloat};
-//# sourceMappingURL=column-views.34636ec7.js.map
+//# sourceMappingURL=column-views.c71c321c.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAgCO,IAAA,AAAK,mEAAA;;;WAAA;;AAUL,SAAS,0CACd,IAAgB,EAChB,OAA6B;IAE7B;;GAEC,GACD,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,OAAO,0CAAmB,MAAM;IAClC,GAAG;QAAC;WAAS,OAAO,MAAM,CAAC;KAAS;AACtC;AAEO,SAAS,0CACd,KAAiB,EACjB,OAA6B;IAE7B,wDAAwD,GAExD,MAAM,SACJ,KAAK,SACL,KAAK,iBACL,yCACA,QAAQ,sBACR,kBAAkB,+BAClB,8BAA8B,OAC/B,GAAG;IAEJ,qCAAqC,GACrC,IAAI,SAAS,MAAM,MAAM,CAAC,CAAC;QACzB,6CAA6C;QAC7C,OAAO,CAAA,GAAA,yCAAU,EAAE,GAAG;mBAAE;mBAAO;QAAM;IACvC;IAEA,IAAI;IACJ,IACE,0BACA,YAAY,CAAA,GAAA,qBAAa,EAAE,OAAO,EAClC;QACA,oEAAoE;QACpE,MAAM,CAAC,YAAY,WAAW,GAAG,CAAA,GAAA,yCAAiB,EAAE;QACpD,YAAY;YACV;gBACE,YAAY;gBACZ;;WAEG,GACH,OAAO,SAAS;gBAChB,OAAO,SAAS;gBAChB,OAAO;YACT;SACD;IACH,OACE,YAAY,CAAA,GAAA,yCAAqB,EAAE,QAAQ;IAG7C;;;GAGC,GACD,IAAI,WAAW;IACf,IACE,kCACA,YAAY,CAAA,GAAA,qBAAa,EAAE,OAAO,EAElC,WAAW,CAAA,GAAA,yCAAuB,EAAE;IAEtC,6CAA6C;IAC7C,WAAW,SAAS,MAAM,CAAC,CAAC,IAAM,KAAK;IAEvC;;GAEC,GACD,WAAW,SAAS,GAAG,CAAC,CAAC;QACvB,MAAM,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG;QACzB,OAAO;YACL,GAAG,OAAO;YACV,OAAO,KAAK,GAAG,CAAC,OAAO,QAAQ,KAAK,IAAI,CAAC;YACzC,OAAO,KAAK,GAAG,CAAC,OAAO,QAAQ,KAAK,IAAI;QAC1C;IACF;IAEA;;;GAGC,GACD,IAAI,qBAAqB,CAAA,GAAA,yCAAoB,EAAE,UAAU;IAEzD,IAAI,+BAA+B,OAAO;QACxC,IAAI,YAAY,sBAAsB;QACtC,IAAI,OAAO,+BAA+B,UACxC,YAAY;QAGd,qBAAqB,CAAA,GAAA,yCAAkC,EACrD,oBACA,WACA;IAEJ;IAEA,mDAAmD,GACnD,MAAM,eAAE,WAAW,EAAE,UAAU,SAAS,EAAE,GAAG,CAAA,GAAA,yCAAqB,EAChE,oBACA;IAGF;;;KAGG,GACH,MAAM,cAAc,UAAU,GAAG,CAAC,CAAC;QACjC,OAAO;YACL,GAAG,OAAO;YACV,OAAO,CAAA,GAAA,yCAAc,EAAE,SAAS;QAClC;IACF;IAEA;;;GAGC,GACD,MAAM,SAAS,YAAY,MAAM,CAAC,CAAC,KAAK;QACtC,MAAM,SAAE,KAAK,EAAE,GAAG;QAClB,KAAK,MAAM,QAAQ,MACjB,IAAI,IAAI,CAAC;QAEX,OAAO;IACT,GAAG,EAAE;IAEL,OAAO;QACL,OAAO;qBACP;QACA,UAAU;IACZ;AACF","sources":["packages/column-views/src/prepare-units/index.ts"],"sourcesContent":["import {\n  getSectionAgeRange,\n  groupUnitsIntoSections,\n  mergeOverlappingSections,\n  preprocessUnits,\n} from \"./helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { useMemo } from \"react\";\nimport type { ExtUnit } from \"./helpers\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport {\n  collapseUnconformitiesByPixelHeight,\n  ColumnScaleOptions,\n  CompositeColumnData,\n  computeSectionHeights,\n  finalizeSectionHeights,\n  PackageLayoutData,\n} from \"./composite-scale\";\nimport type { SectionInfo } from \"./helpers\";\nimport { agesOverlap, getUnitHeightRange, unitsOverlap } from \"./utils\";\n\nexport * from \"./utils\";\nexport { preprocessUnits, groupUnitsIntoSections };\n\nexport interface PrepareColumnOptions extends ColumnScaleOptions {\n  axisType: ColumnAxisType;\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  collapseSmallUnconformities?: boolean | number;\n}\n\nexport enum MergeSectionsMode {\n  ALL = \"all\",\n  OVERLAPPING = \"overlapping\",\n}\n\nexport interface PreparedColumnData extends CompositeColumnData {\n  sections: PackageLayoutData[];\n  units: ExtUnit[];\n}\n\nexport function usePreparedColumnUnits(\n  data: UnitLong[],\n  options: PrepareColumnOptions,\n): PreparedColumnData {\n  /** This function wraps and memoizes all preparation steps for converting\n   * an array of units from the /units route to a form ready for usage.\n   */\n  return useMemo(() => {\n    return prepareColumnUnits(data, options);\n  }, [data, ...Object.values(options)]);\n}\n\nexport function prepareColumnUnits(\n  units: UnitLong[],\n  options: PrepareColumnOptions,\n): PreparedColumnData {\n  /** Prepare units for rendering into Macrostrat columns */\n\n  const {\n    t_age,\n    b_age,\n    mergeSections = MergeSectionsMode.OVERLAPPING,\n    axisType,\n    unconformityHeight,\n    collapseSmallUnconformities = false,\n  } = options;\n\n  /** Prototype filtering to age range */\n  let units1 = units.filter((d) => {\n    // Filter units by t_age and b_age, inclusive\n    return agesOverlap(d, { t_age, b_age });\n  });\n\n  let sections0: SectionInfo<UnitLong>[];\n  if (\n    mergeSections == MergeSectionsMode.ALL &&\n    axisType != ColumnAxisType.ORDINAL\n  ) {\n    // For the \"merge sections\" mode, we need to create a single section\n    const [b_unit_age, t_unit_age] = getSectionAgeRange(units1);\n    sections0 = [\n      {\n        section_id: 0,\n        /**\n         * If ages limits are directly specified, use them to define the section bounds.\n         * */\n        t_age: t_age ?? t_unit_age,\n        b_age: b_age ?? b_unit_age,\n        units: units1,\n      },\n    ];\n  } else {\n    sections0 = groupUnitsIntoSections(units1, axisType);\n  }\n\n  /** Merging overlapping sections really only makes sense for age/height/depth\n   * columns. Ordinal columns are numbered by section so merging them\n   * results in collisions.\n   */\n  let sections = sections0;\n  if (\n    mergeSections == MergeSectionsMode.OVERLAPPING &&\n    axisType != ColumnAxisType.ORDINAL\n  ) {\n    sections = mergeOverlappingSections(sections);\n  }\n  // Filter out undefined sections just in case\n  sections = sections.filter((d) => d != null);\n\n  /* Now that we are done merging sections, we can ensure that our sections\n   * are correctly limited to the t_age and b_age applied to the overall column.\n   */\n  sections = sections.map((section) => {\n    const { t_age, b_age } = section;\n    return {\n      ...section,\n      t_age: Math.max(t_age, options.t_age ?? -Infinity),\n      b_age: Math.min(b_age, options.b_age ?? Infinity),\n    };\n  });\n\n  /* Compute pixel scales etc. for sections\n   * We need to do this now to determine which unconformities\n   * are small enough to collapse.\n   */\n  let sectionsWithScales = computeSectionHeights(sections, options);\n\n  if (collapseSmallUnconformities ?? false) {\n    let threshold = unconformityHeight ?? 30;\n    if (typeof collapseSmallUnconformities == \"number\") {\n      threshold = collapseSmallUnconformities;\n    }\n\n    sectionsWithScales = collapseUnconformitiesByPixelHeight(\n      sectionsWithScales,\n      threshold,\n      options,\n    );\n  }\n\n  /** Prepare section scale information using groups */\n  const { totalHeight, sections: sections2 } = finalizeSectionHeights(\n    sectionsWithScales,\n    unconformityHeight,\n  );\n\n  /** For each section, find units that are overlapping.\n   * We do this after merging sections so that we can\n   * handle cases where there are overlapping units across sections\n   * */\n  const sectionsOut = sections2.map((section) => {\n    return {\n      ...section,\n      units: preprocessUnits(section, axisType),\n    };\n  });\n\n  /** Reconstitute the units so that they are sorted by section and properly enhanced.\n   * This is mostly important so that unit keyboard navigation\n   * predictably selects adjacent units.\n   */\n  const units2 = sectionsOut.reduce((acc, group) => {\n    const { units } = group;\n    for (const unit of units) {\n      acc.push(unit);\n    }\n    return acc;\n  }, []);\n\n  return {\n    units: units2,\n    totalHeight,\n    sections: sectionsOut,\n  };\n}\n"],"names":[],"version":3,"file":"column-views.c71c321c.js.map"}

package/dist/esm/{column-views.5b2635fd.js → column-views.c8e2983a.js}

@@ -1,7 +1,7 @@
 import {fetchAllColumns as $33a46f9423c8104a$export$45bd78cd093090fa, useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9, fetchLithologies as $33a46f9423c8104a$export$1aa679bd5e605f82, fetchIntervals as $33a46f9423c8104a$export$5d2ec2e733dfe6c7, fetchEnvironments as $33a46f9423c8104a$export$780b4b253712916c, fetchRefs as $33a46f9423c8104a$export$cd7bfa0860f58b96, fetchUnits as $33a46f9423c8104a$export$b97b9bdd6a521298, fetchColumnUnits as $33a46f9423c8104a$export$d3d8b0fabcc76c5d} from "./column-views.5cc09c1d.js";
-import {useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373, useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, MacrostratDataProvider as $774a5efa27d1c77b$export$690613f93cdc5576, MacrostratAPIProvider as $774a5efa27d1c77b$export$3098013bc6cc316d, MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d, LithologiesProvider as $774a5efa27d1c77b$export$8492a5cae82b6a70, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.28ee5f43.js";
+import {useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373, useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, MacrostratDataProvider as $774a5efa27d1c77b$export$690613f93cdc5576, MacrostratAPIProvider as $774a5efa27d1c77b$export$3098013bc6cc316d, MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d, LithologiesProvider as $774a5efa27d1c77b$export$8492a5cae82b6a70, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f, useEnvironments as $774a5efa27d1c77b$export$c6b216bf4c71b61f} from "./column-views.3ba9213d.js";
 import {useColumnNav as $b8de97dfa82f4910$export$91cb5ac808759b34, ColumnNavProvider as $b8de97dfa82f4910$export$36fed9e0f93a8fde} from "./column-views.6d6b73b4.js";
-import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2, useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76} from "./column-views.ea237aa8.js";
+import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2, useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76} from "./column-views.1e055ed5.js";
 
 
 
@@ -9,5 +9,5 @@ import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10
 
 
 
-export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits, $774a5efa27d1c77b$export$fb98d5bae3a6800 as useMacrostratStore, $774a5efa27d1c77b$export$89dd4e5ae4a82373 as useMacrostratDefs, $774a5efa27d1c77b$export$81eaae0b474404fd as useMacrostratColumns, $774a5efa27d1c77b$export$b9c9fc603d74a555 as useMacrostratData, $774a5efa27d1c77b$export$690613f93cdc5576 as MacrostratDataProvider, $774a5efa27d1c77b$export$3098013bc6cc316d as MacrostratAPIProvider, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d as MacrostratColumnProvider, $774a5efa27d1c77b$export$8492a5cae82b6a70 as LithologiesProvider, $774a5efa27d1c77b$export$4d18a90c945d129f as useLithologies, $b8de97dfa82f4910$export$91cb5ac808759b34 as useColumnNav, $b8de97dfa82f4910$export$36fed9e0f93a8fde as ColumnNavProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
-//# sourceMappingURL=column-views.5b2635fd.js.map
+export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits, $774a5efa27d1c77b$export$fb98d5bae3a6800 as useMacrostratStore, $774a5efa27d1c77b$export$89dd4e5ae4a82373 as useMacrostratDefs, $774a5efa27d1c77b$export$81eaae0b474404fd as useMacrostratColumns, $774a5efa27d1c77b$export$b9c9fc603d74a555 as useMacrostratData, $774a5efa27d1c77b$export$690613f93cdc5576 as MacrostratDataProvider, $774a5efa27d1c77b$export$3098013bc6cc316d as MacrostratAPIProvider, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d as MacrostratColumnProvider, $774a5efa27d1c77b$export$8492a5cae82b6a70 as LithologiesProvider, $774a5efa27d1c77b$export$4d18a90c945d129f as useLithologies, $774a5efa27d1c77b$export$c6b216bf4c71b61f as useEnvironments, $b8de97dfa82f4910$export$91cb5ac808759b34 as useColumnNav, $b8de97dfa82f4910$export$36fed9e0f93a8fde as ColumnNavProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
+//# sourceMappingURL=column-views.c8e2983a.js.map

package/dist/esm/{column-views.5b2635fd.js.map → column-views.c8e2983a.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/data-provider/index.ts"],"sourcesContent":["export * from \"./fetch\";\nexport * from \"./base\";\nexport * from \"./column-nav\";\nexport * from \"./store\";\n"],"names":[],"version":3,"file":"column-views.5b2635fd.js.map"}
+{"mappings":"","sources":["packages/column-views/src/data-provider/index.ts"],"sourcesContent":["export * from \"./fetch\";\nexport * from \"./base\";\nexport * from \"./column-nav\";\nexport * from \"./store\";\n"],"names":[],"version":3,"file":"column-views.c8e2983a.js.map"}

package/dist/esm/column-views.cae5a0ad.js

@@ -0,0 +1,37 @@
+import "./column-views.3199d35a.css";
+import $5g3lf$columnviews34a52db7js from "./column-views.34a52db7.js";
+import {hyperStyled as $5g3lf$hyperStyled} from "@macrostrat/hyper";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+const $d69d268451183cca$var$h = (0, $5g3lf$hyperStyled)((0, ($parcel$interopDefault($5g3lf$columnviews34a52db7js))));
+function $d69d268451183cca$export$b3d5c8408bb86dd8(props) {
+    const { subhierarchy: subhierarchy = [], units: units = 0, name: name, active: active = false, onClick: onClick = (e)=>{} } = props;
+    const className = active ? ".active" : "";
+    return $d69d268451183cca$var$h(`div.hierarchy-container  ${className}`, {
+        onClick: onClick
+    }, [
+        $d69d268451183cca$var$h("div.hierarchy-name", [
+            name,
+            $d69d268451183cca$var$h("span.badge", [
+                units
+            ])
+        ]),
+        $d69d268451183cca$var$h.if(subhierarchy.length > 0)("div.hierarchy-children", [
+            subhierarchy.map((c, i)=>{
+                return $d69d268451183cca$var$h($d69d268451183cca$export$b3d5c8408bb86dd8, {
+                    ...c,
+                    key: i
+                });
+            })
+        ])
+    ]);
+}
+
+
+export {$d69d268451183cca$export$b3d5c8408bb86dd8 as Hierarchy};
+//# sourceMappingURL=column-views.cae5a0ad.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAKA,MAAM,0BAAI,CAAA,GAAA,kBAAU,EAAE,CAAA,GAAA,uEAAK;AAU3B,SAAS,0CAAU,KAAiB;IAClC,MAAM,gBACJ,eAAe,EAAE,SACjB,QAAQ,SACR,IAAI,UACJ,SAAS,gBACT,UAAU,CAAC,KAAO,GACnB,GAAG;IAEJ,MAAM,YAAY,SAAS,YAAY;IAEvC,OAAO,wBAAE,CAAC,yBAAyB,EAAE,WAAW,EAAE;iBAAE;IAAQ,GAAG;QAC7D,wBAAE,sBAAsB;YAAC;YAAM,wBAAE,cAAc;gBAAC;aAAM;SAAE;QACxD,wBAAE,EAAE,CAAC,aAAa,MAAM,GAAG,GAAG,0BAA0B;YACtD,aAAa,GAAG,CAAC,CAAC,GAAG;gBACnB,OAAO,wBAAE,2CAAW;oBAAE,GAAG,CAAC;oBAAE,KAAK;gBAAE;YACrC;SACD;KACF;AACH","sources":["packages/data-components/src/components/hierarchy/index.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport React from \"react\";\n//@ts-ignore\nimport styles from \"./hierarchy.module.scss\";\n\nconst h = hyperStyled(styles);\n\nexport interface IHierarchy {\n  name: string;\n  units?: number;\n  subhierarchy?: IHierarchy[];\n  active?: boolean;\n  onClick?: (e: MouseEvent) => void;\n}\n\nfunction Hierarchy(props: IHierarchy): React.ReactElement {\n  const {\n    subhierarchy = [],\n    units = 0,\n    name,\n    active = false,\n    onClick = (e) => {},\n  } = props;\n\n  const className = active ? \".active\" : \"\";\n\n  return h(`div.hierarchy-container  ${className}`, { onClick }, [\n    h(\"div.hierarchy-name\", [name, h(\"span.badge\", [units])]),\n    h.if(subhierarchy.length > 0)(\"div.hierarchy-children\", [\n      subhierarchy.map((c, i) => {\n        return h(Hierarchy, { ...c, key: i });\n      }),\n    ]),\n  ]);\n}\n\nexport { Hierarchy };\n"],"names":[],"version":3,"file":"column-views.cae5a0ad.js.map"}

package/dist/esm/{column-views.4c4c5bac.js → column-views.d2037465.js}

@@ -1,8 +1,9 @@
-import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0, UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.650bd9f5.js";
-import {LabeledUnit as $d254716a820e9c85$export$b4f0ca233b98f9af, UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.5c02fee2.js";
+import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0, UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.7715e35e.js";
+import {LabeledUnit as $d254716a820e9c85$export$b4f0ca233b98f9af, UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.a91dde4a.js";
 import "./column-views.3b972a9b.css";
 import $1PjJ0$columnviews40cd59b5js from "./column-views.40cd59b5.js";
-import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.ea237aa8.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.1af9761e.js";
 import {hyperStyled as $1PjJ0$hyperStyled} from "@macrostrat/hyper";
 import {LithologyColumn as $1PjJ0$LithologyColumn, SVG as $1PjJ0$SVG, ColumnContext as $1PjJ0$ColumnContext} from "@macrostrat/column-components";
 import {createContext as $1PjJ0$createContext, useState as $1PjJ0$useState, useRef as $1PjJ0$useRef, useCallback as $1PjJ0$useCallback, useContext as $1PjJ0$useContext, useEffect as $1PjJ0$useEffect} from "react";
@@ -18,6 +19,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 const $8c8238faa5cde49c$var$h = (0, $1PjJ0$hyperStyled)((0, ($parcel$interopDefault($1PjJ0$columnviews40cd59b5js))));
 const $8c8238faa5cde49c$var$LabelTrackerContext = (0, $1PjJ0$createContext)(null);
 const $8c8238faa5cde49c$var$UnlabeledDivisionsContext = (0, $1PjJ0$createContext)(null);
@@ -90,8 +92,9 @@ function $8c8238faa5cde49c$export$13984e34afdbb040(props) {
     const unlabeledUnits = (0, $1PjJ0$useContext)($8c8238faa5cde49c$var$UnlabeledDivisionsContext);
     const unitsToLabel = noteMode == "unlabeled" ? unlabeledUnits : undefined;
     const _compositeScale = $8c8238faa5cde49c$export$723b790ebe9cdff8(sections);
+    const selectUnit = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
     return $8c8238faa5cde49c$var$h("div.section-labels-column", [
-        $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$ColumnNotesProvider, {
+        $8c8238faa5cde49c$var$h($8c8238faa5cde49c$export$6cc7a9df4edde18, {
             units: [],
             scale: _compositeScale,
             totalHeight: totalHeight,
@@ -107,7 +110,10 @@ function $8c8238faa5cde49c$export$13984e34afdbb040(props) {
             width: width,
             noteComponent: noteComponent,
             shouldRenderNote: shouldRenderNote,
-            scale: _compositeScale
+            scale: _compositeScale,
+            onClickNote (note) {
+                selectUnit(note.data, null, null);
+            }
         })))
     ]);
 }
@@ -141,7 +147,7 @@ function $8c8238faa5cde49c$export$723b790ebe9cdff8(sections, opts = {}) {
     };
     return baseScale;
 }
-function $8c8238faa5cde49c$var$ColumnNotesProvider(props) {
+function $8c8238faa5cde49c$export$6cc7a9df4edde18(props) {
     // A fake column axis provider that allows scales to cross
     const { children: children, scale: scale, totalHeight: totalHeight, pixelScale: pixelScale } = props;
     const { axisType: axisType } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
@@ -159,5 +165,5 @@ function $8c8238faa5cde49c$var$ColumnNotesProvider(props) {
 }
 
 
-export {$8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$723b790ebe9cdff8 as compositeScale};
-//# sourceMappingURL=column-views.4c4c5bac.js.map
+export {$8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$723b790ebe9cdff8 as compositeScale, $8c8238faa5cde49c$export$6cc7a9df4edde18 as ColumnNotesProvider};
+//# sourceMappingURL=column-views.d2037465.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/composite.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  SVG,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { defaultNameFunction, UnitNamesColumn } from \"./names\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from \"react\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { LabeledUnit, UnitBoxes } from \"./boxes\";\nimport styles from \"./composite.module.sass\";\nimport { useMacrostratColumnData } from \"../data-provider\";\nimport { useUnitSelectionDispatch } from \"../units\";\n\nconst h = hyperStyled(styles);\n\ninterface LabelTracker {\n  [key: number]: boolean;\n}\n\nconst LabelTrackerContext = createContext(null);\nconst UnlabeledDivisionsContext = createContext(null);\n\nconst findMacrostratUnitID = (u) => u.unit_id;\n\nexport function LabelTrackerProvider(props) {\n  /** Tracker for units to handle state for whether their labels fit inline or not.\n   * Designed to work for single or composite columns.\n   */\n  const { children, units, findUnitID = findMacrostratUnitID } = props;\n  const [unlabeledDivisions, setUnlabeledDivisions] = useState<\n    BaseUnit[] | null\n  >(null);\n  const labelTrackerRef = useRef<LabelTracker>({});\n  const trackLabelVisibility = useCallback(\n    (div, visible) => {\n      const id = findUnitID(div);\n      labelTrackerRef.current[id] = visible;\n      if (Object.keys(labelTrackerRef.current).length == units.length) {\n        setUnlabeledDivisions(\n          // @ts-ignore\n          units.filter((d) => {\n            const id = findUnitID(d);\n            return labelTrackerRef.current[id] == false;\n          }),\n        );\n      }\n    },\n    [labelTrackerRef, units, findUnitID],\n  );\n\n  const value = trackLabelVisibility;\n  return h(\n    LabelTrackerContext.Provider,\n    { value },\n    h(\n      UnlabeledDivisionsContext.Provider,\n      { value: unlabeledDivisions },\n      children,\n    ),\n  );\n}\n\nfunction TrackedLabeledUnit({\n  division,\n  nameForDivision = defaultNameFunction,\n  ...rest\n}) {\n  const trackLabelVisibility = useContext(LabelTrackerContext);\n  return h(LabeledUnit, {\n    division,\n    label: nameForDivision(division),\n    onLabelUpdated(label, visible) {\n      // If there is al LabelTrackerContext, update the label visibility\n      trackLabelVisibility?.(division, visible);\n    },\n    ...rest,\n  });\n}\n\nexport const CompositeUnitComponent = TrackedLabeledUnit;\n\ntype BaseUnitProps = {\n  width: number;\n  showLabels?: boolean;\n  columnWidth?: number;\n  clipToFrame?: boolean;\n};\n\ntype ICompositeUnitProps = BaseUnitProps & {\n  gutterWidth?: number;\n  labelOffset?: number;\n  paddingLeft?: number;\n  nameForDivision?: (division: BaseUnit) => string;\n  children?: React.ReactNode;\n  unitComponent?: React.FC<any>;\n  unitComponentProps?: any;\n  noteMode?: \"labeled\" | \"unlabeled\";\n  showLabelColumn?: boolean;\n  noteComponent?: React.FC<any>;\n  shouldRenderNote?: (d: any) => boolean;\n};\n\ninterface CompositeUnitProps {\n  unitComponent: React.FC<any>;\n  unitComponentProps?: any;\n  width: number;\n  showLabels?: boolean;\n  clipToFrame?: boolean;\n}\n\nexport function CompositeUnitsColumn(props: CompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width,\n    unitComponent = TrackedLabeledUnit,\n    unitComponentProps,\n    clipToFrame,\n    ...rest\n  } = props;\n\n  return h(LithologyColumn, { width, clipToFrame }, [\n    h(UnitBoxes, {\n      unitComponent,\n      unitComponentProps,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function AnnotatedUnitsColumn(props: ICompositeUnitProps) {\n  useEffect(() => {\n    console.warn(\n      \"AnnotatedUnitsColumn is deprecated and currently renders a no-op for transition purposes\",\n    );\n  }, []);\n  return null;\n}\n\nexport function SectionLabelsColumn(props: ICompositeUnitProps) {\n  // Section with \"squishy\" time scale\n  const {\n    width = 300,\n    noteMode = \"unlabeled\",\n    labelOffset = 30,\n    noteComponent,\n    shouldRenderNote,\n  } = props;\n\n  const { sections, totalHeight, axisType } = useMacrostratColumnData();\n\n  const unlabeledUnits = useContext(UnlabeledDivisionsContext);\n  const unitsToLabel = noteMode == \"unlabeled\" ? unlabeledUnits : undefined;\n\n  const _compositeScale = compositeScale(sections);\n\n  const selectUnit = useUnitSelectionDispatch();\n\n  return h(\"div.section-labels-column\", [\n    h(\n      ColumnNotesProvider,\n      {\n        units: [],\n        scale: _compositeScale,\n        totalHeight,\n        axisType,\n      },\n      h(\n        SVG,\n        {\n          height: totalHeight,\n          innerWidth: width - 4,\n          paddingH: 1,\n          paddingLeft: 3,\n        },\n        h(UnitNamesColumn, {\n          divisions: unitsToLabel,\n          paddingLeft: labelOffset,\n          width,\n          noteComponent,\n          shouldRenderNote,\n          scale: _compositeScale,\n          onClickNote(note) {\n            selectUnit(note.data, null, null);\n          },\n        }),\n      ),\n    ),\n  ]);\n}\n\ntype CompositeScaleOpts = {\n  clamped?: boolean;\n};\n\nexport interface CompositeColumnScale {\n  (val: number): number;\n  copy(): CompositeColumnScale;\n  domain(): number[];\n}\n\nexport function compositeScale(\n  sections,\n  opts: CompositeScaleOpts = {},\n): CompositeColumnScale {\n  /** A basic composite scale that works across all sections. This isn't a fully featured,\n   * contiuous D3 scale, but it shares enough attributes to be useful for\n   * laying out notes.\n   */\n  const { clamped = true } = opts;\n\n  const scales = sections.map((group) => {\n    const { scaleInfo } = group;\n    return scaleInfo.scale.copy().clamp(clamped);\n  });\n\n  let baseScale: any = (val) => {\n    // Find the scale for the section that contains the value\n    const scale = scales.find((scale) => {\n      return scale.domain()[0] <= val && val <= scale.domain()[1];\n    });\n\n    if (scale) {\n      return scale(val);\n    } else {\n      // return nan\n      return NaN;\n    }\n  };\n\n  baseScale.copy = () => {\n    return baseScale;\n  };\n\n  baseScale.domain = () => {\n    // Return a domain that covers all sections\n    return [scales[0].domain()[0], scales[scales.length - 1].domain()[1]];\n  };\n\n  return baseScale as CompositeColumnScale;\n}\n\nexport function ColumnNotesProvider(props) {\n  // A fake column axis provider that allows scales to cross\n  const { children, scale, totalHeight, pixelScale } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  return h(\n    ColumnContext.Provider,\n    {\n      value: {\n        divisions: [],\n        scale,\n        scaleClamped: scale,\n        pixelHeight: totalHeight,\n        pixelsPerMeter: pixelScale,\n        axisType,\n        zoom: 1,\n      },\n    },\n    children,\n  );\n}\n\nexport { TrackedLabeledUnit, ICompositeUnitProps };\n"],"names":[],"version":3,"file":"column-views.d2037465.js.map"}

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

@@ -1 +1 @@
-{"mappings":";;;;;AAGO,SAAS,0CACd,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU;IAEV,IAAI,aAAa,MAAM;IAEvB,MAAM,kBAAkB,WAAW,SAAS,CAAC,aAAa;IAE1D,IAAI,aAAa,UAAU,GAAG,CAAC,CAAC;QAC9B,MAAM,WAAW,WAAW,SAAS,CAAC,MAAM;QAC5C,MAAM,KAAK,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,EAAE;QAC3C,MAAM,KAAK,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,EAAE;QAC3C,OAAO;YAAE,WAAW;YAAO,OAAO,KAAK,KAAK,CAAC,IAAI;QAAI;IACvD;IAEA,WAAW,IAAI,CAAC,CAAC,IAAM,EAAE,KAAK;IAE9B,SAAS,aAAa,GAAG;QACvB,2CAA2C;QAC3C,IAAI,OAAO,UAAU,CAAC,EAAE;QACxB,KAAK,IAAI,QAAQ,WACf,IACE,KAAK,GAAG,CAAC,gCAAU,MAAM,KAAK,KAAK,KACnC,KAAK,GAAG,CAAC,gCAAU,MAAM,KAAK,KAAK,IAEnC,OAAO;QAGX,OAAO,KAAK,SAAS;IACvB;IAEA,OAAO;QACL,IAAI,aAAa,KAAK,EAAE;QACxB,IAAI,aAAa,AAAC,IAAI,KAAK,EAAE,GAAI;QACjC,IAAI,aAAa;QACjB,IAAI,aAAa,KAAK,EAAE,GAAG;IAC7B;AACF;AAEA,SAAS,gCAAU,KAAK;IACtB,IAAI,QAAQ,KAAK,EAAE,EACjB,SAAS,IAAI,KAAK,EAAE;SACf,IAAI,SAAS,CAAC,KAAK,EAAE,EAC1B,SAAS,IAAI,KAAK,EAAE;IAEtB,OAAO;AACT;AAEO,SAAS,0CAAmB,QAAQ;IACzC,MAAM,YAAY,SAAS,GAAG,CAAC,CAAA,GAAA,kBAAU;IACzC,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,OAAO;mBAAE;aAAW;IAAI;AAC1B","sources":["packages/column-views/src/maps/column-navigation/utils/keyboard-navigation.ts"],"sourcesContent":["import { geoCentroid } from \"d3-geo\";\nimport { geoVoronoi } from \"d3-geo-voronoi\";\n\nexport function buildKeyMapping(\n  neighbors,\n  centroids,\n  currentIndex,\n  projection\n) {\n  if (neighbors == null) return;\n\n  const currentCentroid = projection(centroids[currentIndex]);\n\n  let edgeAngles = neighbors.map((index) => {\n    const centroid = projection(centroids[index]);\n    const dx = centroid[0] - currentCentroid[0];\n    const dy = centroid[1] - currentCentroid[1];\n    return { col_index: index, angle: Math.atan2(dy, dx) };\n  });\n\n  edgeAngles.sort((d) => d.angle);\n\n  function closestAngle(num) {\n    // Find closest angle in array of neighbors\n    let curr = edgeAngles[0];\n    for (let next of edgeAngles) {\n      if (\n        Math.abs(normalize(num - next.angle)) <\n        Math.abs(normalize(num - curr.angle))\n      ) {\n        curr = next;\n      }\n    }\n    return curr.col_index;\n  }\n\n  return {\n    37: closestAngle(Math.PI), // left\n    38: closestAngle((3 * Math.PI) / 2), // up\n    39: closestAngle(0), // right\n    40: closestAngle(Math.PI / 2), // down\n  };\n}\n\nfunction normalize(angle) {\n  if (angle > Math.PI) {\n    angle -= 2 * Math.PI;\n  } else if (angle <= -Math.PI) {\n    angle += 2 * Math.PI;\n  }\n  return angle;\n}\n\nexport function buildTriangulation(features) {\n  const centroids = features.map(geoCentroid);\n  const tri = geoVoronoi(centroids);\n  return { centroids, tri };\n}\n"],"names":[],"version":3,"file":"column-views.dc42f5d0.js.map"}
+{"mappings":";;;;;AAGO,SAAS,0CACd,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU;IAEV,IAAI,aAAa,MAAM;IAEvB,MAAM,kBAAkB,WAAW,SAAS,CAAC,aAAa;IAE1D,IAAI,aAAa,UAAU,GAAG,CAAC,CAAC;QAC9B,MAAM,WAAW,WAAW,SAAS,CAAC,MAAM;QAC5C,MAAM,KAAK,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,EAAE;QAC3C,MAAM,KAAK,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAC,EAAE;QAC3C,OAAO;YAAE,WAAW;YAAO,OAAO,KAAK,KAAK,CAAC,IAAI;QAAI;IACvD;IAEA,WAAW,IAAI,CAAC,CAAC,IAAM,EAAE,KAAK;IAE9B,SAAS,aAAa,GAAG;QACvB,2CAA2C;QAC3C,IAAI,OAAO,UAAU,CAAC,EAAE;QACxB,KAAK,IAAI,QAAQ,WACf,IACE,KAAK,GAAG,CAAC,gCAAU,MAAM,KAAK,KAAK,KACnC,KAAK,GAAG,CAAC,gCAAU,MAAM,KAAK,KAAK,IAEnC,OAAO;QAGX,OAAO,KAAK,SAAS;IACvB;IAEA,OAAO;QACL,IAAI,aAAa,KAAK,EAAE;QACxB,IAAI,aAAa,AAAC,IAAI,KAAK,EAAE,GAAI;QACjC,IAAI,aAAa;QACjB,IAAI,aAAa,KAAK,EAAE,GAAG;IAC7B;AACF;AAEA,SAAS,gCAAU,KAAK;IACtB,IAAI,QAAQ,KAAK,EAAE,EACjB,SAAS,IAAI,KAAK,EAAE;SACf,IAAI,SAAS,CAAC,KAAK,EAAE,EAC1B,SAAS,IAAI,KAAK,EAAE;IAEtB,OAAO;AACT;AAEO,SAAS,0CAAmB,QAAQ;IACzC,MAAM,YAAY,SAAS,GAAG,CAAC,CAAA,GAAA,kBAAU;IACzC,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,OAAO;mBAAE;aAAW;IAAI;AAC1B","sources":["packages/column-views/src/maps/column-navigation/utils/keyboard-navigation.ts"],"sourcesContent":["import { geoCentroid } from \"d3-geo\";\nimport { geoVoronoi } from \"d3-geo-voronoi\";\n\nexport function buildKeyMapping(\n  neighbors,\n  centroids,\n  currentIndex,\n  projection,\n) {\n  if (neighbors == null) return;\n\n  const currentCentroid = projection(centroids[currentIndex]);\n\n  let edgeAngles = neighbors.map((index) => {\n    const centroid = projection(centroids[index]);\n    const dx = centroid[0] - currentCentroid[0];\n    const dy = centroid[1] - currentCentroid[1];\n    return { col_index: index, angle: Math.atan2(dy, dx) };\n  });\n\n  edgeAngles.sort((d) => d.angle);\n\n  function closestAngle(num) {\n    // Find closest angle in array of neighbors\n    let curr = edgeAngles[0];\n    for (let next of edgeAngles) {\n      if (\n        Math.abs(normalize(num - next.angle)) <\n        Math.abs(normalize(num - curr.angle))\n      ) {\n        curr = next;\n      }\n    }\n    return curr.col_index;\n  }\n\n  return {\n    37: closestAngle(Math.PI), // left\n    38: closestAngle((3 * Math.PI) / 2), // up\n    39: closestAngle(0), // right\n    40: closestAngle(Math.PI / 2), // down\n  };\n}\n\nfunction normalize(angle) {\n  if (angle > Math.PI) {\n    angle -= 2 * Math.PI;\n  } else if (angle <= -Math.PI) {\n    angle += 2 * Math.PI;\n  }\n  return angle;\n}\n\nexport function buildTriangulation(features) {\n  const centroids = features.map(geoCentroid);\n  const tri = geoVoronoi(centroids);\n  return { centroids, tri };\n}\n"],"names":[],"version":3,"file":"column-views.dc42f5d0.js.map"}

package/dist/esm/column-views.e20f6a4b.js

@@ -0,0 +1,124 @@
+import {useDetritalMeasurements as $9f310bd6e88a58bc$export$1b0cf9c36f060135} from "./column-views.05586d1f.js";
+import {useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.1e055ed5.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.f13a1d6e.js";
+import $d4hxx$columnviews2c45a7b5js from "./column-views.2c45a7b5.js";
+import "./column-views.403a7b48.css";
+import {usePlotArea as $d4hxx$usePlotArea, DetritalSpectrumPlot as $d4hxx$DetritalSpectrumPlot, DetritalSeries as $d4hxx$DetritalSeries} from "@macrostrat/data-components";
+import $d4hxx$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $d4hxx$useMemo} from "react";
+import $d4hxx$classnames from "classnames";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+const $715dd5fedd79146a$var$h = (0, $d4hxx$macrostrathyper).styled((0, ($parcel$interopDefault($d4hxx$columnviews2c45a7b5js))));
+function $715dd5fedd79146a$var$DepositionalAge({ unit: unit }) {
+    const { xScale: xScale, height: height } = (0, $d4hxx$usePlotArea)();
+    const { t_age: t_age, b_age: b_age } = unit;
+    const x = xScale(t_age);
+    const x1 = xScale(b_age);
+    return $715dd5fedd79146a$var$h("rect.depositional-age", {
+        x: x,
+        width: x1 - x,
+        y: 0,
+        height: height
+    });
+}
+function $715dd5fedd79146a$export$1b3047373cd1c8c7(props) {
+    const { note: note, width: width, height: height, color: color, spacing: spacing } = props;
+    const { data: data, unit: unit } = note;
+    const { geo_unit: geo_unit } = data[0];
+    const _color = color;
+    const spaceBelow = spacing?.below ?? 100;
+    const hideAxisLabels = spaceBelow < 60;
+    return $715dd5fedd79146a$var$h("div.detrital-group", {
+        className: (0, $d4hxx$classnames)({
+            "hide-axis": hideAxisLabels
+        })
+    }, [
+        $715dd5fedd79146a$var$h((0, $d4hxx$DetritalSpectrumPlot), {
+            width: width,
+            innerHeight: height,
+            showAxisLabels: true,
+            paddingBottom: 40
+        }, [
+            $715dd5fedd79146a$var$h.if(unit != null)($715dd5fedd79146a$var$DepositionalAge, {
+                unit: unit
+            }),
+            data.map((d)=>{
+                return $715dd5fedd79146a$var$h((0, $d4hxx$DetritalSeries), {
+                    bandwidth: 20,
+                    data: d.measure_value,
+                    color: _color
+                });
+            })
+        ])
+    ]);
+}
+const $715dd5fedd79146a$var$matchingUnit = (dz)=>(d)=>d.unit_id == dz[0].unit_id;
+function $715dd5fedd79146a$export$f176396e104db8d5({ columnID: columnID, color: color = "magenta" }) {
+    const data = (0, $9f310bd6e88a58bc$export$1b0cf9c36f060135)({
+        col_id: columnID
+    });
+    const units = (0, $d5074f164411387e$export$6fb40844db555b2)();
+    const notes = (0, $d4hxx$useMemo)(()=>{
+        if (data == null || units == null) return [];
+        let dzUnitData = Array.from(data.values());
+        dzUnitData.sort((a, b)=>{
+            const v1 = units.findIndex($715dd5fedd79146a$var$matchingUnit(a));
+            const v2 = units.findIndex($715dd5fedd79146a$var$matchingUnit(b));
+            return v1 - v2;
+        });
+        const data1 = dzUnitData.map((d)=>{
+            const unit = units.find($715dd5fedd79146a$var$matchingUnit(d));
+            return {
+                top_height: unit?.t_age,
+                height: unit?.b_age,
+                data: d,
+                unit: unit,
+                id: unit?.unit_id
+            };
+        });
+        return data1.filter((d)=>d.unit != null);
+    }, [
+        data,
+        units
+    ]);
+    const width = 400;
+    const paddingLeft = 40;
+    const spectrumWidth = width - paddingLeft;
+    const noteComponent = (0, $d4hxx$useMemo)(()=>{
+        return (props)=>{
+            return $715dd5fedd79146a$var$h($715dd5fedd79146a$export$1b3047373cd1c8c7, {
+                width: spectrumWidth,
+                height: 40,
+                color: color,
+                ...props
+            });
+        };
+    }, [
+        width,
+        color
+    ]);
+    if (data == null || units == null) return null;
+    return $715dd5fedd79146a$var$h("div.dz-spectra", $715dd5fedd79146a$var$h((0, $9e52fe4012c88296$export$fc5babae10f3f77d), {
+        width: width,
+        paddingLeft: paddingLeft,
+        notes: notes,
+        noteComponent: noteComponent,
+        deltaConnectorAttachment: 20
+    }));
+}
+
+
+export {$715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn};
+//# sourceMappingURL=column-views.e20f6a4b.js.map

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

@@ -0,0 +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"}