@macrostrat/column-views 1.0.2 → 2.0.0

package/CHANGELOG.md

@@ -4,6 +4,27 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.0.0] - 2025-04-09
+
+Major update for columns and correlation diagrams:
+
+- Add Mapbox-based column selection and correlation-line selection maps
+- Add `ColoredUnitComponent` based on mixing unit colors by lithology
+- Fully integrated management of composite column scales, allowing for much more
+  flexible column creation
+- Added the ability to have zig-zag cutoffs when units overflow the time bounds
+  of the column
+- Added a unified `MacrostratDataProvider` that allows frontend caching of data
+  dictionaries in the UI
+- Major improvements to columns and styling
+
+This release will support rendering of stratigraphic columns in Rockd and
+Macrostrat.
+
+## [1.0.3] - 2025-03-08
+
+Export `UnitDetailsPanel`
+
 ## [1.0.2] - 2025-02-16
 
 Improve column styles

package/dist/esm/_shared.f7eec55a.js

@@ -0,0 +1,9 @@
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./inset-map.3c18106d.js";
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./styles.7bc776d1.js";
+
+
+
+
+
+export {$5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap, $1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
+//# sourceMappingURL=_shared.f7eec55a.js.map

package/dist/esm/_shared.f7eec55a.js.map

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

package/dist/esm/age-axis.4a8cf5e6.js

@@ -0,0 +1,98 @@
+import "./age-axis.module.03773a80.css";
+import $lfxOo$ageaxismodule3cc91335js from "./age-axis.module.3cc91335.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./store.c4d7a8a4.js";
+import $lfxOo$macrostrathyper from "@macrostrat/hyper";
+import {ColumnContext as $lfxOo$ColumnContext, ColumnAxis as $lfxOo$ColumnAxis, ColumnAxisType as $lfxOo$ColumnAxisType, SVG as $lfxOo$SVG, AgeAxis as $lfxOo$AgeAxis} from "@macrostrat/column-components";
+import {useContext as $lfxOo$useContext} from "react";
+import {Parenthetical as $lfxOo$Parenthetical} from "@macrostrat/data-components";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+const $43794af7643cdf40$var$h = (0, $lfxOo$macrostrathyper).styled((0, ($parcel$interopDefault($lfxOo$ageaxismodule3cc91335js))));
+const $43794af7643cdf40$var$AgeAxisCore = ({ ticks: ticks, tickSpacing: tickSpacing = 40, showDomain: showDomain = false })=>{
+    const { pixelHeight: pixelHeight } = (0, $lfxOo$useContext)((0, $lfxOo$ColumnContext));
+    // A tick roughly every 40 pixels
+    let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);
+    return $43794af7643cdf40$var$h("g.axis", {
+        transform: "translate(20 0)"
+    }, [
+        $43794af7643cdf40$var$h((0, $lfxOo$ColumnAxis), {
+            ticks: v,
+            showDomain: showDomain
+        })
+    ]);
+};
+function $43794af7643cdf40$export$64204d5cbb3e8227(props) {
+    const { label: label = "Age", unit: unit = "Ma", className: className } = props;
+    return $43794af7643cdf40$var$h("div.column-axis-label.age-axis-label", {
+        className: className
+    }, [
+        label,
+        " ",
+        $43794af7643cdf40$var$h.if(unit)((0, $lfxOo$Parenthetical), {
+            className: "age-axis-unit"
+        }, unit)
+    ]);
+}
+function $43794af7643cdf40$export$40b6b0e4520eeb34() {
+    const { axisType: axisType, sections: sections, totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const packages = sections.map((section)=>{
+        return {
+            key: `section-${section.section_id}`,
+            ...section.scaleInfo
+        };
+    });
+    return $43794af7643cdf40$var$h($43794af7643cdf40$export$ac30ca3cf5df959d, {
+        axisType: axisType,
+        packages: packages,
+        totalHeight: totalHeight
+    });
+}
+function $43794af7643cdf40$export$ac30ca3cf5df959d(props) {
+    const { axisType: axisType, totalHeight: totalHeight, packages: packages } = props;
+    if (axisType == (0, $lfxOo$ColumnAxisType).ORDINAL) return null;
+    let axisLabel = "Age";
+    let axisUnit = "Ma";
+    if (axisType == (0, $lfxOo$ColumnAxisType).DEPTH) {
+        axisLabel = "Depth";
+        axisUnit = "m";
+    } else if (axisType == (0, $lfxOo$ColumnAxisType).HEIGHT) {
+        axisLabel = "Height";
+        axisUnit = "m";
+    }
+    return $43794af7643cdf40$var$h([
+        $43794af7643cdf40$var$h($43794af7643cdf40$export$64204d5cbb3e8227, {
+            label: axisLabel,
+            unit: axisUnit
+        }),
+        $43794af7643cdf40$var$h((0, $lfxOo$SVG), {
+            className: "age-axis-column",
+            style: {
+                width: `22px`,
+                height: `${totalHeight}px`
+            },
+            width: 22,
+            height: totalHeight
+        }, packages.map((group, i)=>{
+            const { key: key, scale: scale } = group;
+            return $43794af7643cdf40$var$h((0, $lfxOo$AgeAxis), {
+                key: key,
+                className: "age-axis",
+                scale: scale,
+                tickSizeOuter: 3
+            });
+        }))
+    ]);
+}
+
+
+export {$43794af7643cdf40$export$64204d5cbb3e8227 as VerticalAxisLabel, $43794af7643cdf40$export$40b6b0e4520eeb34 as CompositeAgeAxis, $43794af7643cdf40$export$ac30ca3cf5df959d as CompositeAgeAxisCore};
+//# sourceMappingURL=age-axis.4a8cf5e6.js.map

package/dist/esm/age-axis.4a8cf5e6.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,yEAAK;AAE5B,MAAM,oCAAc,CAAC,SAAE,KAAK,eAAE,cAAc,gBAAI,aAAa,OAAO;IAClE,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IAC/C,iCAAiC;IACjC,IAAI,IAAI,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,cAAc,cAAc;IAExD,OAAO,wBAAE,UAAU;QAAE,WAAW;IAAkB,GAAG;QACnD,wBAAE,CAAA,GAAA,iBAAS,GAAG;YACZ,OAAO;wBACP;QACF;KACD;AACH;AAEO,SAAS,0CAAkB,KAAK;IACrC,MAAM,SAAE,QAAQ,aAAO,OAAO,iBAAM,SAAS,EAAE,GAAG;IAClD,OAAO,wBAAE,wCAAwC;mBAAE;IAAU,GAAG;QAC9D;QACA;QACA,wBAAE,EAAE,CAAC,MAAM,CAAA,GAAA,oBAAY,GAAG;YAAE,WAAW;QAAgB,GAAG;KAC3D;AACH;AAEO,SAAS;IACd,MAAM,YAAE,QAAQ,YAAE,QAAQ,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElE,MAAM,WAAW,SAAS,GAAG,CAAC,CAAC;QAC7B,OAAO;YACL,KAAK,CAAC,QAAQ,EAAE,QAAQ,UAAU,EAAE;YACpC,GAAG,QAAQ,SAAS;QACtB;IACF;IAEA,OAAO,wBAAE,2CAAsB;kBAC7B;kBACA;qBACA;IACF;AACF;AAQO,SAAS,0CAAqB,KAAsC;IACzE,MAAM,YAAE,QAAQ,eAAE,WAAW,YAAE,QAAQ,EAAE,GAAG;IAE5C,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,OAAO,EACpC,OAAO;IAGT,IAAI,YAAoB;IACxB,IAAI,WAAW;IACf,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,KAAK,EAAE;QACpC,YAAY;QACZ,WAAW;IACb,OAAO,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,MAAM,EAAE;QAC5C,YAAY;QACZ,WAAW;IACb;IAEA,OAAO,wBAAE;QACP,wBAAE,2CAAmB;YACnB,OAAO;YACP,MAAM;QACR;QACA,wBACE,CAAA,GAAA,UAAE,GACF;YACE,WAAW;YACX,OAAO;gBAAE,OAAO,CAAC,IAAI,CAAC;gBAAE,QAAQ,GAAG,YAAY,EAAE,CAAC;YAAC;YACnD,OAAO;YACP,QAAQ;QACV,GACA,SAAS,GAAG,CAAC,CAAC,OAAO;YACnB,MAAM,OAAE,GAAG,SAAE,KAAK,EAAE,GAAG;YAEvB,OAAO,wBAAE,CAAA,GAAA,cAAM,GAAG;qBAChB;gBACA,WAAW;uBACX;gBACA,eAAe;YACjB;QACF;KAEH;AACH","sources":["packages/column-views/src/age-axis.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnSVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className } = props;\n  return h(\"div.column-axis-label.age-axis-label\", { className }, [\n    label,\n    \" \",\n    h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n  ]);\n}\n\nexport function CompositeAgeAxis() {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo {\n  axisType: ColumnAxisType;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, totalHeight, packages } = props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let axisLabel: string = \"Age\";\n  let axisUnit = \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    axisLabel = \"Depth\";\n    axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    axisLabel = \"Height\";\n    axisUnit = \"m\";\n  }\n\n  return h([\n    h(VerticalAxisLabel, {\n      label: axisLabel,\n      unit: axisUnit,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      })\n    ),\n  ]);\n}\n"],"names":[],"version":3,"file":"age-axis.4a8cf5e6.js.map"}

package/dist/esm/age-axis.module.03773a80.css

@@ -0,0 +1,33 @@
+._FHjpa_age-axis {
+  transform: translateX(20px);
+}
+
+._FHjpa_age-axis .tick text {
+  text-anchor: middle;
+  font-size: var(--column-axis-font-size, .8rem);
+  transform: rotate(-90deg)translate(8px, -12px);
+  font-weight: 400 !important;
+}
+
+._FHjpa_age-axis .tick line {
+  stroke-width: 1px !important;
+}
+
+._FHjpa_age-axis-column {
+  flex-shrink: 0;
+}
+
+._FHjpa_age-axis-label {
+  writing-mode: vertical-lr;
+  font-size: var(--column-axis-font-size, .8rem);
+  text-align: center;
+  max-height: 100vh;
+  position: sticky;
+  top: 0;
+  transform: rotate(180deg);
+}
+
+._FHjpa_age-axis-unit {
+  color: var(--text-subtle-color);
+}
+/*# sourceMappingURL=age-axis.module.03773a80.css.map */

package/dist/esm/age-axis.module.03773a80.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;AAII;;;;;;;AAOA;;;;AAGJ;;;;AAGA;;;;;;;;;;AAQA","sources":["packages/column-views/src/age-axis.module.sass"],"sourcesContent":[".age-axis\n  transform: translateX(20px)\n\n  :global(.tick)\n    text\n      text-anchor: middle\n      // TODO: allow font size to vary without this..\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n      font-size: var(--column-axis-font-size, 0.8rem)\n\n    line\n      stroke-width: 1px !important\n\n.age-axis-column\n  flex-shrink: 0\n\n.age-axis-label\n  writing-mode: vertical-lr\n  transform: rotate(180deg)\n  font-size: var(--column-axis-font-size, 0.8rem)\n  text-align: center\n  position: sticky\n  top: 0\n  max-height: 100vh\n.age-axis-unit\n  color: var(--text-subtle-color)\n"],"names":[],"version":3,"file":"age-axis.module.03773a80.css.map"}

package/dist/esm/age-axis.module.3cc91335.js

@@ -0,0 +1,22 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $047fd20e1964ef56$exports = {};
+
+$parcel$export($047fd20e1964ef56$exports, "age-axis", () => $047fd20e1964ef56$export$8e012612e152e560, (v) => $047fd20e1964ef56$export$8e012612e152e560 = v);
+$parcel$export($047fd20e1964ef56$exports, "age-axis-column", () => $047fd20e1964ef56$export$5bb449cff67e2830, (v) => $047fd20e1964ef56$export$5bb449cff67e2830 = v);
+$parcel$export($047fd20e1964ef56$exports, "age-axis-label", () => $047fd20e1964ef56$export$629e44847e8dc64c, (v) => $047fd20e1964ef56$export$629e44847e8dc64c = v);
+$parcel$export($047fd20e1964ef56$exports, "age-axis-unit", () => $047fd20e1964ef56$export$1609122694a59b0a, (v) => $047fd20e1964ef56$export$1609122694a59b0a = v);
+var $047fd20e1964ef56$export$8e012612e152e560;
+var $047fd20e1964ef56$export$5bb449cff67e2830;
+var $047fd20e1964ef56$export$629e44847e8dc64c;
+var $047fd20e1964ef56$export$1609122694a59b0a;
+$047fd20e1964ef56$export$8e012612e152e560 = `_FHjpa_age-axis`;
+$047fd20e1964ef56$export$5bb449cff67e2830 = `_FHjpa_age-axis-column`;
+$047fd20e1964ef56$export$629e44847e8dc64c = `_FHjpa_age-axis-label`;
+$047fd20e1964ef56$export$1609122694a59b0a = `_FHjpa_age-axis-unit`;
+
+
+export {$047fd20e1964ef56$exports as default};
+//# sourceMappingURL=age-axis.module.3cc91335.js.map

package/dist/esm/age-axis.module.3cc91335.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAkC,CAAC,oBAAoB,CAAC","sources":["packages/column-views/src/age-axis.module.sass"],"sourcesContent":[".age-axis\n  transform: translateX(20px)\n\n  :global(.tick)\n    text\n      text-anchor: middle\n      // TODO: allow font size to vary without this..\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n      font-size: var(--column-axis-font-size, 0.8rem)\n\n    line\n      stroke-width: 1px !important\n\n.age-axis-column\n  flex-shrink: 0\n\n.age-axis-label\n  writing-mode: vertical-lr\n  transform: rotate(180deg)\n  font-size: var(--column-axis-font-size, 0.8rem)\n  text-align: center\n  position: sticky\n  top: 0\n  max-height: 100vh\n.age-axis-unit\n  color: var(--text-subtle-color)\n"],"names":[],"version":3,"file":"age-axis.module.3cc91335.js.map"}

package/dist/esm/age-model-overlay.c7226855.js

@@ -0,0 +1,57 @@
+import "./age-model-overlay.module.5d9e78fb.css";
+import $3vk6I$agemodeloverlaymodulecd985dcbjs from "./age-model-overlay.module.cd985dcb.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./store.c4d7a8a4.js";
+import $3vk6I$macrostrathyper from "@macrostrat/hyper";
+import {useAPIResult as $3vk6I$useAPIResult} from "@macrostrat/ui-components";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/** An in-development overlay for a column's age model.
+ *
+ * Age model info:
+ *       {
+ *         "boundary_id": 8049,
+ *         "col_id": 432,
+ *         "section_id": 3104,
+ *         "interval_id": 268,
+ *         "interval_name": "Calymmian",
+ *         "age_bottom": 1600,
+ *         "age_top": 1400,
+ *         "rel_position": 0.85,
+ *         "model_age": 1430,
+ *         "boundary_status": "absolute",
+ *         "boundary_type": "",
+ *         "boundary_position": null,
+ *         "unit_below": 11541,
+ *         "unit_above": 0,
+ *         "ref_id": 217
+ *       },
+ *
+ * */ 
+
+
+
+const $1a65c216af27346a$var$h = (0, $3vk6I$macrostrathyper).styled((0, ($parcel$interopDefault($3vk6I$agemodeloverlaymodulecd985dcbjs))));
+function $1a65c216af27346a$export$1d1ebe9df97e8db() {
+    const col_id = (0, $d5074f164411387e$export$6fb40844db555b2)()?.[0]?.col_id;
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    const ageModel = (0, $3vk6I$useAPIResult)("https://macrostrat.org/api/v2/age_model", {
+        col_id: col_id
+    }, (res)=>res.success.data);
+    if (ageModel == null) return null;
+    return $1a65c216af27346a$var$h("div.boundary-age-model", ageModel.map((surface)=>{
+        const height = scale(surface.model_age);
+        return $1a65c216af27346a$var$h("div.boundary-age-model-surface", {
+            key: surface.boundary_id,
+            style: {
+                top: `${height}px`
+            }
+        });
+    }));
+}
+
+
+export {$1a65c216af27346a$export$1d1ebe9df97e8db as BoundaryAgeModelOverlay};
+//# sourceMappingURL=age-model-overlay.c7226855.js.map

package/dist/esm/age-model-overlay.c7226855.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;AAMH,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,iFAAK;AAoBrB,SAAS;IACd,MAAM,SAAS,CAAA,GAAA,wCAAiB,KAAK,CAAC,EAAE,EAAE;IAC1C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,MAAM,WAAW,CAAA,GAAA,mBAAW,EAC1B,2CACA;gBAAE;IAAO,GACT,CAAC,MAAQ,IAAI,OAAO,CAAC,IAAI;IAG3B,IAAI,YAAY,MACd,OAAO;IAGT,OAAO,wBACL,0BACA,SAAS,GAAG,CAAC,CAAC;QACZ,MAAM,SAAS,MAAM,QAAQ,SAAS;QAEtC,OAAO,wBAAE,kCAAkC;YACzC,KAAK,QAAQ,WAAW;YACxB,OAAO;gBAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAAC;QAC9B;IACF;AAEJ","sources":["packages/column-views/src/age-model-overlay.ts"],"sourcesContent":["/** An in-development overlay for a column's age model.\n *\n * Age model info:\n *       {\n *         \"boundary_id\": 8049,\n *         \"col_id\": 432,\n *         \"section_id\": 3104,\n *         \"interval_id\": 268,\n *         \"interval_name\": \"Calymmian\",\n *         \"age_bottom\": 1600,\n *         \"age_top\": 1400,\n *         \"rel_position\": 0.85,\n *         \"model_age\": 1430,\n *         \"boundary_status\": \"absolute\",\n *         \"boundary_type\": \"\",\n *         \"boundary_position\": null,\n *         \"unit_below\": 11541,\n *         \"unit_above\": 0,\n *         \"ref_id\": 217\n *       },\n *\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./age-model-overlay.module.sass\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { useCompositeScale, useMacrostratUnits } from \"./data-provider\";\nconst h = hyper.styled(styles);\n\ninterface AgeModelSurface {\n  boundary_id: number;\n  col_id: number;\n  section_id: number;\n  interval_id: number;\n  interval_name: string;\n  age_bottom: number;\n  age_top: number;\n  rel_position: number;\n  model_age: number;\n  boundary_status: \"absolute\" | \"relative\" | \"modeled\";\n  boundary_type: string;\n  boundary_position: null | number;\n  unit_below: number;\n  unit_above: number;\n  ref_id: number;\n}\n\nexport function BoundaryAgeModelOverlay() {\n  const col_id = useMacrostratUnits()?.[0]?.col_id;\n  const scale = useCompositeScale();\n\n  const ageModel = useAPIResult(\n    \"https://macrostrat.org/api/v2/age_model\",\n    { col_id },\n    (res) => res.success.data\n  );\n\n  if (ageModel == null) {\n    return null;\n  }\n\n  return h(\n    \"div.boundary-age-model\",\n    ageModel.map((surface) => {\n      const height = scale(surface.model_age);\n\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.boundary_id,\n        style: { top: `${height}px` },\n      });\n    })\n  );\n}\n"],"names":[],"version":3,"file":"age-model-overlay.c7226855.js.map"}

package/dist/esm/age-model-overlay.module.5d9e78fb.css

@@ -0,0 +1,14 @@
+._4q2yq_boundary-age-model {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+._4q2yq_boundary-age-model-surface {
+  border-top: 1px solid #90ee90;
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+/*# sourceMappingURL=age-model-overlay.module.5d9e78fb.css.map */

package/dist/esm/age-model-overlay.module.5d9e78fb.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;AAMA","sources":["packages/column-views/src/age-model-overlay.module.sass"],"sourcesContent":[".boundary-age-model\n  top: 0\n  left: 0\n  position: absolute\n  width: 100%\n\n.boundary-age-model-surface\n  left: 0\n  right: 0\n  position: absolute\n  border-top: 1px solid lightgreen\n"],"names":[],"version":3,"file":"age-model-overlay.module.5d9e78fb.css.map"}

package/dist/esm/age-model-overlay.module.cd985dcb.js

@@ -0,0 +1,16 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $28b135fe9cba32cc$exports = {};
+
+$parcel$export($28b135fe9cba32cc$exports, "boundary-age-model", () => $28b135fe9cba32cc$export$4462bd5ca2cb539e, (v) => $28b135fe9cba32cc$export$4462bd5ca2cb539e = v);
+$parcel$export($28b135fe9cba32cc$exports, "boundary-age-model-surface", () => $28b135fe9cba32cc$export$c9df9e1edaffc12d, (v) => $28b135fe9cba32cc$export$c9df9e1edaffc12d = v);
+var $28b135fe9cba32cc$export$4462bd5ca2cb539e;
+var $28b135fe9cba32cc$export$c9df9e1edaffc12d;
+$28b135fe9cba32cc$export$4462bd5ca2cb539e = `_4q2yq_boundary-age-model`;
+$28b135fe9cba32cc$export$c9df9e1edaffc12d = `_4q2yq_boundary-age-model-surface`;
+
+
+export {$28b135fe9cba32cc$exports as default};
+//# sourceMappingURL=age-model-overlay.module.cd985dcb.js.map

package/dist/esm/age-model-overlay.module.cd985dcb.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AADA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA+C,CAAC,iCAAiC,CAAC","sources":["packages/column-views/src/age-model-overlay.module.sass"],"sourcesContent":[".boundary-age-model\n  top: 0\n  left: 0\n  position: absolute\n  width: 100%\n\n.boundary-age-model-surface\n  left: 0\n  right: 0\n  position: absolute\n  border-top: 1px solid lightgreen\n"],"names":[],"version":3,"file":"age-model-overlay.module.cd985dcb.js.map"}

package/dist/esm/base.910b80b4.js

@@ -0,0 +1,288 @@
+import {fetchAllColumns as $33a46f9423c8104a$export$45bd78cd093090fa, fetchEnvironments as $33a46f9423c8104a$export$780b4b253712916c, fetchIntervals as $33a46f9423c8104a$export$5d2ec2e733dfe6c7, fetchLithologies as $33a46f9423c8104a$export$1aa679bd5e605f82, fetchRefs as $33a46f9423c8104a$export$cd7bfa0860f58b96} from "./fetch.99aec438.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./store.c4d7a8a4.js";
+import $8Y44A$crossfetch from "cross-fetch";
+import {useContext as $8Y44A$useContext, useEffect as $8Y44A$useEffect, useMemo as $8Y44A$useMemo, useState as $8Y44A$useState, createContext as $8Y44A$createContext} from "react";
+import $8Y44A$macrostrathyper from "@macrostrat/hyper";
+import {create as $8Y44A$create, useStore as $8Y44A$useStore} from "zustand";
+import {APIProvider as $8Y44A$APIProvider} from "@macrostrat/ui-components";
+import {ColumnProvider as $8Y44A$ColumnProvider} from "@macrostrat/column-components";
+
+/** Data provider for information that needs to be loaded in bulk for frontend views */ 
+
+
+
+
+
+
+
+function $774a5efa27d1c77b$var$createMacrostratStore(baseURL = "https://macrostrat.org/api/v2") {
+    return (0, $8Y44A$create)((set, get)=>{
+        return {
+            baseURL: baseURL,
+            inFlightRequests: new Set(),
+            async fetch (url, options) {
+                const url1 = baseURL + url;
+                // Avoid duplicate requests
+                const { inFlightRequests: inFlightRequests } = get();
+                if (inFlightRequests.has(url1)) return null; // Return null if already in flight
+                inFlightRequests.add(url1);
+                //set({ inFlightRequests });
+                const res = await (0, $8Y44A$crossfetch)(url1, options);
+                inFlightRequests.delete(url1);
+                //set({in})
+                return res;
+            },
+            ...$774a5efa27d1c77b$var$createLithologiesSlice(set, get),
+            ...$774a5efa27d1c77b$var$createIntervalsSlice(set, get),
+            ...$774a5efa27d1c77b$var$createEnvironmentsSlice(set, get),
+            ...$774a5efa27d1c77b$var$createColumnsSlice(set, get),
+            ...$774a5efa27d1c77b$var$createRefsSlice(set, get)
+        };
+    });
+}
+function $774a5efa27d1c77b$var$createRefsSlice(set, get) {
+    return {
+        refs: new Map(),
+        async getRefs (ids) {
+            const { refs: refs, fetch: fetch } = get();
+            const missing = ids.filter((id)=>!refs.has(id));
+            if (missing.length == 0) return ids.map((id)=>refs.get(id));
+            const data = await (0, $33a46f9423c8104a$export$cd7bfa0860f58b96)(missing, fetch);
+            if (data == null) return [];
+            for (const d of data)refs.set(d.ref_id, d);
+            set({
+                refs: refs
+            });
+            return ids.map((id)=>refs.get(id));
+        }
+    };
+}
+function $774a5efa27d1c77b$var$createColumnsSlice(set, get) {
+    // Column footprints separated by project
+    return {
+        columnFootprints: new Map(),
+        async getColumns (projectID, inProcess) {
+            const { columnFootprints: columnFootprints, baseURL: baseURL, fetch: fetch } = get();
+            const key = projectID ?? -1;
+            let _inProcess = inProcess;
+            if (projectID == null) // If no project is specified, in process columns cannot be included
+            _inProcess = false;
+            let footprints = columnFootprints.get(key);
+            if (footprints == null || footprints.inProcess != _inProcess) {
+                // Fetch the columns
+                const statusCode = inProcess ? "in process" : null;
+                let columns = await (0, $33a46f9423c8104a$export$45bd78cd093090fa)({
+                    projectID: projectID,
+                    statusCode: null,
+                    fetch: fetch
+                });
+                if (columns == null) return;
+                if (_inProcess) {
+                    const inProcessColumns = await (0, $33a46f9423c8104a$export$45bd78cd093090fa)({
+                        projectID: projectID,
+                        statusCode: "in process",
+                        fetch: fetch
+                    });
+                    if (inProcessColumns == null) return;
+                    // Combine active and in-process columns
+                    columns = columns.concat(inProcessColumns);
+                }
+                footprints = {
+                    project_id: projectID,
+                    inProcess: inProcess,
+                    columns: columns
+                };
+                // We could break multi-project result sets into separate caches here...
+                // Copy the original map
+                const columnFootprints2 = new Map(columnFootprints);
+                columnFootprints2.set(key, footprints);
+                set({
+                    columnFootprints: columnFootprints2
+                });
+            }
+            return footprints.columns;
+        }
+    };
+}
+function $774a5efa27d1c77b$var$createLithologiesSlice(set, get) {
+    return {
+        lithologies: null,
+        async getLithologies (ids) {
+            const { lithologies: lithologies, fetch: fetch } = get();
+            let lithMap = lithologies;
+            if (lithMap == null) {
+                const data = await (0, $33a46f9423c8104a$export$1aa679bd5e605f82)(fetch);
+                if (data == null) return;
+                lithMap = new Map(data.map((d)=>[
+                        d.lith_id,
+                        d
+                    ]));
+                set({
+                    lithologies: lithMap
+                });
+            }
+            // Now get the lithologies
+            if (ids == null) return lithMap.values();
+            return ids.map((id)=>lithMap.get(id));
+        }
+    };
+}
+function $774a5efa27d1c77b$var$createEnvironmentsSlice(set, get) {
+    return {
+        environments: null,
+        async getEnvironments (ids) {
+            const { environments: environments, fetch: fetch } = get();
+            let envMap = environments;
+            if (envMap == null) {
+                const data = await (0, $33a46f9423c8104a$export$780b4b253712916c)(fetch);
+                if (data == null) return [];
+                envMap = new Map(data.map((d)=>[
+                        d.environ_id,
+                        d
+                    ]));
+                set({
+                    environments: envMap
+                });
+            }
+            // Now get the environments
+            if (ids == null) return envMap.values();
+            return ids.map((id)=>envMap.get(id));
+        }
+    };
+}
+function $774a5efa27d1c77b$var$createIntervalsSlice(set, get) {
+    return {
+        intervals: null,
+        async getIntervals (ids, timescaleID) {
+            const { intervals: intervals, fetch: fetch } = get();
+            let _intervals = intervals;
+            if (intervals == null || !$774a5efa27d1c77b$var$includesTimescale(intervals, timescaleID)) {
+                // Fetch the intervals
+                const data = await (0, $33a46f9423c8104a$export$5d2ec2e733dfe6c7)(timescaleID, fetch);
+                if (data == null) return [];
+                const intervalMap = intervals ?? new Map();
+                for (const d of data)intervalMap.set(d.int_id, d);
+                _intervals = intervalMap;
+                set({
+                    intervals: _intervals
+                });
+            }
+            if (ids == null && timescaleID == null) return Array.from(_intervals.values());
+            if (timescaleID != null) return Array.from(_intervals.values()).filter((d)=>d.timescale_id == timescaleID);
+            return ids.map((id)=>intervals.get(id));
+        }
+    };
+}
+function $774a5efa27d1c77b$var$includesTimescale(intervals, timescaleID) {
+    if (intervals == null) return false;
+    if (timescaleID == null) return true;
+    return Array.from(intervals.values()).some((d)=>d.timescale_id == timescaleID);
+}
+function $774a5efa27d1c77b$export$fb98d5bae3a6800(selector) {
+    const ctx = (0, $8Y44A$useContext)($774a5efa27d1c77b$var$MacrostratDataProviderContext);
+    if (ctx == null) throw new Error("Missing MacrostratDataProvider");
+    if (selector === "api") return ctx;
+    return (0, $8Y44A$useStore)(ctx, selector);
+}
+const $774a5efa27d1c77b$var$dataTypeMapping = {
+    lithologies: (store)=>store.getLithologies,
+    intervals: (store)=>store.getIntervals,
+    columns: (store)=>store.getColumns,
+    environments: (store)=>store.getEnvironments,
+    refs: (store)=>store.getRefs
+};
+function $774a5efa27d1c77b$export$89dd4e5ae4a82373(dataType) {
+    if (dataType == "columns") throw new Error("Columns are not provided as a map");
+    const operator = $774a5efa27d1c77b$export$fb98d5bae3a6800($774a5efa27d1c77b$var$dataTypeMapping[dataType]);
+    (0, $8Y44A$useEffect)(()=>{
+        operator();
+    }, []);
+    return $774a5efa27d1c77b$export$fb98d5bae3a6800((state)=>state[dataType]);
+}
+function $774a5efa27d1c77b$export$81eaae0b474404fd(projectID, inProcess) {
+    const getColumns = $774a5efa27d1c77b$export$fb98d5bae3a6800((s)=>s.getColumns);
+    const columnsMap = $774a5efa27d1c77b$export$fb98d5bae3a6800((s)=>s.columnFootprints);
+    const key = projectID ?? -1;
+    const colData = columnsMap?.get(key);
+    (0, $8Y44A$useEffect)(()=>{
+        // Refetch if the columns are not available, or if we have requested inProcess columns where we didn't before
+        if (colData == null || inProcess && !colData.inProcess) getColumns(projectID, inProcess);
+    // If we've already fetched the columns there's nothing to do...
+    }, [
+        colData,
+        inProcess,
+        getColumns
+    ]);
+    return (0, $8Y44A$useMemo)(()=>{
+        if (colData == null) return null;
+        let columns = colData.columns;
+        if (!inProcess && colData.inProcess) // Our available set of columns includes 'in process' columns, but we don't want them
+        columns.features = columns.features?.filter((d)=>d.properties.status != "in process");
+        return columns;
+    }, [
+        colData,
+        inProcess
+    ]);
+}
+function $774a5efa27d1c77b$export$b9c9fc603d74a555(dataType, ...args) {
+    const selector = $774a5efa27d1c77b$var$dataTypeMapping[dataType];
+    const operator = $774a5efa27d1c77b$export$fb98d5bae3a6800(selector);
+    const [value, setValue] = (0, $8Y44A$useState)(null);
+    (0, $8Y44A$useEffect)(()=>{
+        operator(...args).then(setValue);
+    }, [
+        operator,
+        ...args
+    ]);
+    return value;
+}
+/** By default, we provide a store linked to the production API */ const $774a5efa27d1c77b$var$MacrostratDataProviderContext = (0, $8Y44A$createContext)($774a5efa27d1c77b$var$createMacrostratStore());
+function $774a5efa27d1c77b$export$690613f93cdc5576(props) {
+    const { baseURL: baseURL = "https://macrostrat.org/api/v2", children: children } = props;
+    const [store] = (0, $8Y44A$useState)(()=>$774a5efa27d1c77b$var$createMacrostratStore(baseURL));
+    return (0, $8Y44A$macrostrathyper)($774a5efa27d1c77b$export$3098013bc6cc316d, {
+        baseURL: baseURL
+    }, (0, $8Y44A$macrostrathyper)($774a5efa27d1c77b$var$MacrostratDataProviderContext.Provider, {
+        value: store
+    }, children));
+}
+function $774a5efa27d1c77b$export$3098013bc6cc316d({ children: children, useDev: useDev = false, baseURL: baseURL }) {
+    baseURL ??= useDev ? "https://dev2.macrostrat.org/api/v2" : "https://macrostrat.org/api/v2";
+    return (0, $8Y44A$macrostrathyper)((0, $8Y44A$APIProvider), {
+        baseURL: baseURL,
+        unwrapResponse: (res)=>res.success.data
+    }, children);
+}
+function $774a5efa27d1c77b$export$9e42f9b6e0d67c7d(props) {
+    /** A column provider specialized the Macrostrat API. Maps more
+   * generic concepts to Macrostrat-specific ones.
+   */ const { axisType: axisType } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const { units: units, domain: domain, pixelScale: pixelScale, children: children } = props;
+    return (0, $8Y44A$macrostrathyper)((0, $8Y44A$ColumnProvider), {
+        axisType: axisType,
+        divisions: units,
+        range: domain,
+        pixelsPerMeter: pixelScale
+    }, children);
+}
+function $774a5efa27d1c77b$export$8492a5cae82b6a70({ children: children }) {
+    (0, $8Y44A$useEffect)(()=>{
+        console.warn("LithologiesProvider is deprecated. Replace with MacrostratDataProvider");
+    }, []);
+    return children;
+}
+function $774a5efa27d1c77b$export$4d18a90c945d129f() {
+    const getLithologies = $774a5efa27d1c77b$export$fb98d5bae3a6800((s)=>s.getLithologies);
+    const lithologies = $774a5efa27d1c77b$export$fb98d5bae3a6800((s)=>s.lithologies);
+    (0, $8Y44A$useEffect)(()=>{
+        if (lithologies == null) getLithologies();
+    }, [
+        lithologies,
+        getLithologies
+    ]);
+    return lithologies;
+}
+
+
+export {$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};
+//# sourceMappingURL=base.910b80b4.js.map