@macrostrat/column-views 1.0.3 → 2.0.1

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

@@ -0,0 +1,48 @@
+import {geoCentroid as $1bhrP$geoCentroid} from "d3-geo";
+import {geoVoronoi as $1bhrP$geoVoronoi} from "d3-geo-voronoi";
+
+
+
+function $40b71acee908f16d$export$b3975a0f05980d25(neighbors, centroids, currentIndex, projection) {
+    if (neighbors == null) return;
+    const currentCentroid = projection(centroids[currentIndex]);
+    let edgeAngles = neighbors.map((index)=>{
+        const centroid = projection(centroids[index]);
+        const dx = centroid[0] - currentCentroid[0];
+        const dy = centroid[1] - currentCentroid[1];
+        return {
+            col_index: index,
+            angle: Math.atan2(dy, dx)
+        };
+    });
+    edgeAngles.sort((d)=>d.angle);
+    function closestAngle(num) {
+        // Find closest angle in array of neighbors
+        let curr = edgeAngles[0];
+        for (let next of edgeAngles)if (Math.abs($40b71acee908f16d$var$normalize(num - next.angle)) < Math.abs($40b71acee908f16d$var$normalize(num - curr.angle))) curr = next;
+        return curr.col_index;
+    }
+    return {
+        37: closestAngle(Math.PI),
+        38: closestAngle(3 * Math.PI / 2),
+        39: closestAngle(0),
+        40: closestAngle(Math.PI / 2)
+    };
+}
+function $40b71acee908f16d$var$normalize(angle) {
+    if (angle > Math.PI) angle -= 2 * Math.PI;
+    else if (angle <= -Math.PI) angle += 2 * Math.PI;
+    return angle;
+}
+function $40b71acee908f16d$export$39cd73f2cb8dc4f7(features) {
+    const centroids = features.map((0, $1bhrP$geoCentroid));
+    const tri = (0, $1bhrP$geoVoronoi)(centroids);
+    return {
+        centroids: centroids,
+        tri: tri
+    };
+}
+
+
+export {$40b71acee908f16d$export$b3975a0f05980d25 as buildKeyMapping, $40b71acee908f16d$export$39cd73f2cb8dc4f7 as buildTriangulation};
+//# sourceMappingURL=column-views.dc42f5d0.js.map

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

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

package/dist/esm/column-views.dff52504.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=column-views.dff52504.js.map

package/dist/esm/column-views.dff52504.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":"column-views.dff52504.js.map"}

package/dist/esm/column-views.e2b9c23c.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=column-views.e2b9c23c.css.map */

package/dist/esm/column-views.e2b9c23c.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":"column-views.e2b9c23c.css.map"}

package/dist/esm/column-views.e40b8bfb.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=column-views.e40b8bfb.css.map */

package/dist/esm/column-views.e40b8bfb.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":"column-views.e40b8bfb.css.map"}

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

@@ -0,0 +1,170 @@
+import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./column-views.5cc09c1d.js";
+import {buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7, buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25} from "./column-views.dc42f5d0.js";
+import $26TqL$macrostrathyper from "@macrostrat/hyper";
+import {FeatureLayer as $26TqL$FeatureLayer, Feature as $26TqL$Feature, MapContext as $26TqL$MapContext} from "@macrostrat/svg-map-components";
+import {useAPIResult as $26TqL$useAPIResult, useKeyHandler as $26TqL$useKeyHandler} from "@macrostrat/ui-components";
+import $26TqL$chromajs from "chroma-js";
+import {useContext as $26TqL$useContext, useMemo as $26TqL$useMemo} from "react";
+
+
+
+
+
+
+
+
+const $93f116a6493b17c3$var$defaultStyle = {
+    fill: "rgb(239, 180, 249)",
+    stroke: "magenta"
+};
+function $93f116a6493b17c3$export$2254347cd20e6080(props) {
+    const { style: style = $93f116a6493b17c3$var$defaultStyle, ...params } = props;
+    const res = (0, $26TqL$useAPIResult)("/measurements", {
+        ...params,
+        format: "geojson",
+        response: "light"
+    });
+    if (res == null) return null;
+    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+        useCanvas: false,
+        style: style,
+        features: res.features.filter((d)=>d.properties.unit_id != null)
+    });
+}
+function $93f116a6493b17c3$export$f177ff57c101017a(props) {
+    const { features: features, onClick: onClick, color: color = "rgba(150,150,150, 1)", singleFeature: singleFeature = true } = props;
+    console.log(features);
+    const c = (0, $26TqL$chromajs)(color);
+    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+        className: "columns",
+        useCanvas: onClick == null,
+        style: {
+            fill: c.alpha(0.2).css(),
+            stroke: c.alpha(0.4).css()
+        }
+    }, features.map((f)=>{
+        return (0, $26TqL$macrostrathyper)((0, $26TqL$Feature), {
+            id: f.id ?? f.properties.col_id,
+            onClick: onClick,
+            feature: f
+        });
+    }));
+}
+var $93f116a6493b17c3$var$MacrostratStatusCode = /*#__PURE__*/ function(MacrostratStatusCode) {
+    MacrostratStatusCode["InProcess"] = "in process";
+    return MacrostratStatusCode;
+}($93f116a6493b17c3$var$MacrostratStatusCode || {});
+function $93f116a6493b17c3$export$8c41dd563753848(props) {
+    /** Keyboard navigation of columns using a Delaunay triangulation */ const { features: features = [], col_id: col_id = null, onChange: onChange, showLayers: showLayers = false, ...projectArgs } = props;
+    const { projection: projection } = (0, $26TqL$useContext)((0, $26TqL$MapContext));
+    const { centroids: centroids, tri: tri } = (0, $26TqL$useMemo)(()=>(0, $40b71acee908f16d$export$39cd73f2cb8dc4f7)(features), [
+        features
+    ]);
+    const currentIndex = (0, $26TqL$useMemo)(()=>{
+        return features.findIndex((d)=>d.properties.col_id == col_id);
+    }, [
+        features,
+        col_id
+    ]);
+    const neighbors = tri.delaunay.neighbors[currentIndex];
+    const keyMapping = (0, $26TqL$useMemo)(()=>{
+        return (0, $40b71acee908f16d$export$b3975a0f05980d25)(neighbors, centroids, currentIndex, projection);
+    }, [
+        neighbors,
+        currentIndex
+    ]);
+    (0, $26TqL$useKeyHandler)((event)=>{
+        const nextColumnIx = keyMapping[event.keyCode];
+        if (nextColumnIx == null) return;
+        // @ts-ignore
+        onChange(features[nextColumnIx]);
+    }, [
+        keyMapping
+    ]);
+    if (neighbors == null) return null;
+    const neighborFeatures = neighbors.map((d)=>features[d]);
+    return (0, $26TqL$macrostrathyper).if(showLayers)([
+        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+            features: tri.links().features,
+            useCanvas: false,
+            style: {
+                stroke: "purple",
+                fill: "transparent"
+            }
+        }),
+        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+            features: neighborFeatures,
+            useCanvas: false,
+            style: {
+                stroke: "rgb(93, 101, 212)",
+                strokeWidth: 3,
+                fill: "rgba(93, 101, 212, 0.5)"
+            }
+        }),
+        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+            features: [
+                {
+                    type: "Feature",
+                    geometry: {
+                        type: "MultiPoint",
+                        coordinates: centroids
+                    }
+                }
+            ],
+            useCanvas: false,
+            style: {
+                r: 1,
+                fill: "purple"
+            }
+        })
+    ]);
+}
+const $93f116a6493b17c3$export$f02cc02ad0e0bba3 = (props)=>{
+    const { apiRoute: apiRoute = "/columns", onChange: onChange, col_id: col_id = null, status_code: status_code, project_id: project_id, color: color, filterColumns: filterColumns, showDebugLayers: showDebugLayers = false, format: format = "topojson" } = props;
+    let features = (0, $33a46f9423c8104a$export$e3270a4e30e40ff9)({
+        apiRoute: apiRoute,
+        status_code: status_code,
+        project_id: project_id,
+        format: format
+    });
+    if (features == null) return null;
+    if (filterColumns != null) features = features.filter(filterColumns);
+    return (0, $26TqL$macrostrathyper)([
+        (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$8c41dd563753848, {
+            features: features,
+            col_id: col_id,
+            onChange: onChange,
+            status_code: status_code,
+            project_id: project_id,
+            showLayers: showDebugLayers
+        }),
+        (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$f177ff57c101017a, {
+            features: features,
+            onClick: onChange,
+            color: color
+        })
+    ]);
+};
+const $93f116a6493b17c3$export$4d8f6e6df85d9012 = (props)=>{
+    return (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$f02cc02ad0e0bba3, {
+        apiRoute: "/defs/columns",
+        ...props
+    });
+};
+const $93f116a6493b17c3$export$b9d912252344e099 = (props)=>{
+    const { feature: feature } = props;
+    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
+        features: [
+            feature
+        ],
+        style: {
+            fill: "rgba(255,0,0,0.4)",
+            stroke: "rgba(255,0,0,0.6)",
+            strokeWidth: 2
+        }
+    });
+};
+
+
+export {$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.e77b9d6b.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/maps/column-navigation/svg/layers.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  Feature,\n  FeatureLayer,\n  MapContext,\n} from \"@macrostrat/svg-map-components\";\nimport { useAPIResult, useKeyHandler } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\nimport { ExtendedFeature } from \"d3-geo\";\nimport { Polygon } from \"geojson\";\nimport { useContext, useMemo } from \"react\";\nimport { useColumnFeatures } from \"../../../data-provider\";\nimport {\n  buildKeyMapping,\n  buildTriangulation,\n} from \"../utils/keyboard-navigation\";\n\nconst defaultStyle = {\n  fill: \"rgb(239, 180, 249)\",\n  stroke: \"magenta\",\n};\n\nexport function MeasurementsLayer(props) {\n  const { style = defaultStyle, ...params } = props;\n  const res: any = useAPIResult(\"/measurements\", {\n    ...params,\n    format: \"geojson\",\n    response: \"light\",\n  });\n  if (res == null) return null;\n\n  return h(FeatureLayer, {\n    useCanvas: false,\n    style,\n    features: res.features.filter((d) => d.properties.unit_id != null),\n  });\n}\n\ntype ColumnProps = { col_id: number };\n\ntype ColumnFeature = ExtendedFeature<Polygon, ColumnProps>;\n\nfunction ColumnFeatures(props) {\n  const {\n    features,\n    onClick,\n    color = \"rgba(150,150,150, 1)\",\n    singleFeature = true,\n  } = props;\n\n  console.log(features);\n\n  const c = chroma(color);\n\n  return h(\n    FeatureLayer,\n    {\n      className: \"columns\",\n      useCanvas: onClick == null,\n      style: {\n        fill: c.alpha(0.2).css(),\n        stroke: c.alpha(0.4).css(),\n      },\n    },\n    features.map((f) => {\n      return h(Feature, {\n        id: f.id ?? f.properties.col_id,\n        onClick,\n        feature: f,\n      });\n    })\n  );\n}\n\nenum MacrostratStatusCode {\n  InProcess = \"in process\",\n}\n\ninterface ColumnNavProps {\n  col_id: number;\n  status_code?: MacrostratStatusCode;\n  project_id?: number;\n  onChange(col_id: number): void;\n}\n\ninterface KeyboardNavProps extends ColumnNavProps {\n  features: ColumnFeature[];\n  showLayers: boolean;\n}\n\nfunction ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const {\n    features = [],\n    col_id = null,\n    onChange,\n    showLayers = false,\n    ...projectArgs\n  } = props;\n  const { projection } = useContext(MapContext);\n  const { centroids, tri } = useMemo(\n    () => buildTriangulation(features),\n    [features]\n  );\n\n  const currentIndex = useMemo(() => {\n    return features.findIndex((d) => d.properties.col_id == col_id);\n  }, [features, col_id]);\n\n  const neighbors = tri.delaunay.neighbors[currentIndex];\n\n  const keyMapping = useMemo(() => {\n    return buildKeyMapping(neighbors, centroids, currentIndex, projection);\n  }, [neighbors, currentIndex]);\n\n  useKeyHandler(\n    (event) => {\n      const nextColumnIx = keyMapping[event.keyCode];\n      if (nextColumnIx == null) return;\n      // @ts-ignore\n      onChange(features[nextColumnIx]);\n    },\n    [keyMapping]\n  );\n\n  if (neighbors == null) return null;\n  const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return h.if(showLayers)([\n    h(FeatureLayer, {\n      features: tri.links().features,\n      useCanvas: false,\n      style: {\n        stroke: \"purple\",\n        fill: \"transparent\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: neighborFeatures,\n      useCanvas: false,\n      style: {\n        stroke: \"rgb(93, 101, 212)\",\n        strokeWidth: 3,\n        fill: \"rgba(93, 101, 212, 0.5)\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: [\n        {\n          type: \"Feature\",\n          geometry: {\n            type: \"MultiPoint\",\n            coordinates: centroids,\n          },\n        },\n      ],\n      useCanvas: false,\n      style: {\n        r: 1,\n        fill: \"purple\",\n      },\n    }),\n  ]);\n}\n\ninterface ColumnExtraInfo {\n  apiRoute?: string;\n  color?: string;\n  filterColumns?(d: ColumnFeature): boolean;\n  showDebugLayers?: boolean;\n  format?: \"topojson\" | \"geojson\";\n}\n\nconst Columns = (props: ColumnNavProps & ColumnExtraInfo) => {\n  const {\n    apiRoute = \"/columns\",\n    onChange,\n    col_id = null,\n    status_code,\n    project_id,\n    color,\n    filterColumns,\n    showDebugLayers = false,\n    format = \"topojson\",\n  } = props;\n\n  let features: any[] = useColumnFeatures({\n    apiRoute,\n    status_code,\n    project_id,\n    format,\n  }) as any;\n\n  if (features == null) return null;\n\n  if (filterColumns != null) {\n    features = features.filter(filterColumns);\n  }\n\n  return h([\n    h(ColumnKeyboardNavigation, {\n      features,\n      col_id,\n      onChange,\n      status_code,\n      project_id,\n      showLayers: showDebugLayers,\n    }),\n    h(ColumnFeatures, { features, onClick: onChange, color }),\n  ]);\n};\n\nconst ColumnCenters = (props: ColumnNavProps) => {\n  return h(Columns, { apiRoute: \"/defs/columns\", ...props });\n};\n\nconst CurrentColumn = (props) => {\n  const { feature } = props;\n  return h(FeatureLayer, {\n    features: [feature],\n    style: {\n      fill: \"rgba(255,0,0,0.4)\",\n      stroke: \"rgba(255,0,0,0.6)\",\n      strokeWidth: 2,\n    },\n  });\n};\n\nexport {\n  Columns,\n  CurrentColumn,\n  ColumnCenters,\n  ColumnFeatures,\n  ColumnKeyboardNavigation,\n};\n"],"names":[],"version":3,"file":"column-views.e77b9d6b.js.map"}

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

@@ -0,0 +1,52 @@
+import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.86c4b36f.js";
+import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext} from "react";
+import $a90Ta$macrostrathyper from "@macrostrat/hyper";
+
+
+
+
+const $d5074f164411387e$var$MacrostratColumnDataContext = (0, $a90Ta$createContext)(null);
+function $d5074f164411387e$export$7fec7bd80ff9c10e({ children: children, units: units, sections: sections, totalHeight: totalHeight, axisType: axisType }) {
+    /** Provider for Macrostrat column data.
+   * As a general rule, we want to provide data and column-axis
+   * height calculations through the context, since these need to
+   * be accessed by any component that lays out information on the
+   * column.
+   *
+   * Cross-axis layout and view configuration (e.g., showing and hiding
+   * of different components or labels) should be handled through passing
+   * props to the components themselves.
+   * */ const value = (0, $a90Ta$useMemo)(()=>{
+        return {
+            units: units,
+            sections: sections,
+            totalHeight: totalHeight,
+            axisType: axisType
+        };
+    }, [
+        units,
+        sections,
+        totalHeight,
+        axisType
+    ]);
+    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$MacrostratColumnDataContext.Provider, {
+        value: value
+    }, children);
+}
+function $d5074f164411387e$export$f8509b7cce386c7d() {
+    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
+    if (!ctx) throw new Error("useMacrostratColumnData must be used within a MacrostratColumnDataProvider");
+    return ctx;
+}
+function $d5074f164411387e$export$6fb40844db555b2() {
+    return $d5074f164411387e$export$f8509b7cce386c7d().units;
+}
+function $d5074f164411387e$export$a7fc62995ec4f76() {
+    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
+    if (!ctx) throw new Error("useCompositeScale must be used within a MacrostratUnitsProvider");
+    return (0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true);
+}
+
+
+export {$d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
+//# sourceMappingURL=column-views.ea237aa8.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAgBA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAC5D;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,4CAA0B,KAAK;AACxC;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE;AAC5C","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  createCompositeScale,\n  PackageLayoutData,\n} from \"../prepare-units/composite-scale\";\nimport { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(MacrostratColumnDataContext.Provider, { value }, children);\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\"\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useMacrostratColumnData().units;\n}\n\nexport function useCompositeScale() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCompositeScale must be used within a MacrostratUnitsProvider\"\n    );\n  }\n  return createCompositeScale(ctx.sections, true);\n}\n"],"names":[],"version":3,"file":"column-views.ea237aa8.js.map"}

package/dist/esm/column-views.edf77621.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 $8872ef7e7fd4a8d2$exports = {};
+
+$parcel$export($8872ef7e7fd4a8d2$exports, "legend-info-panel", () => $8872ef7e7fd4a8d2$export$bf3f08f04957302d, (v) => $8872ef7e7fd4a8d2$export$bf3f08f04957302d = v);
+$parcel$export($8872ef7e7fd4a8d2$exports, "legend-json-view", () => $8872ef7e7fd4a8d2$export$259f01a14528542c, (v) => $8872ef7e7fd4a8d2$export$259f01a14528542c = v);
+$parcel$export($8872ef7e7fd4a8d2$exports, "legend-panel", () => $8872ef7e7fd4a8d2$export$5ccc34f744545e5c, (v) => $8872ef7e7fd4a8d2$export$5ccc34f744545e5c = v);
+$parcel$export($8872ef7e7fd4a8d2$exports, "popover-main", () => $8872ef7e7fd4a8d2$export$85b6d6914dbd94dc, (v) => $8872ef7e7fd4a8d2$export$85b6d6914dbd94dc = v);
+var $8872ef7e7fd4a8d2$export$bf3f08f04957302d;
+var $8872ef7e7fd4a8d2$export$259f01a14528542c;
+var $8872ef7e7fd4a8d2$export$5ccc34f744545e5c;
+var $8872ef7e7fd4a8d2$export$85b6d6914dbd94dc;
+$8872ef7e7fd4a8d2$export$bf3f08f04957302d = `mMIlxW_legend-info-panel`;
+$8872ef7e7fd4a8d2$export$259f01a14528542c = `mMIlxW_legend-json-view`;
+$8872ef7e7fd4a8d2$export$5ccc34f744545e5c = `mMIlxW_legend-panel`;
+$8872ef7e7fd4a8d2$export$85b6d6914dbd94dc = `mMIlxW_popover-main`;
+
+
+export {$8872ef7e7fd4a8d2$exports as default};
+//# sourceMappingURL=column-views.edf77621.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/column-views/src/unit-details/popover.module.sass"],"sourcesContent":[".popover-main\n  position: absolute\n  pointer-events: none\n\n  :global(.bp5-overlay)\n    pointer-events: all\n\n  :global(.bp5-popover-target)\n    height: 100%\n    width: 100%\n    display: block\n    line-height: 0\n    pointer-events: none\n    outline: 2px solid #f22\n\n  :global(.bp5-popover-content)\n    overflow: hidden\n\n.legend-panel\n  width: 25em\n  max-height: 60vh\n  background-color: var(--panel-background-color)\n\n.legend-info-panel\n  padding: 1em\n\n.legend-json-view\n  padding-left: 0\n  margin-left: -0.5em\n"],"names":[],"version":3,"file":"column-views.edf77621.js.map"}

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

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

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

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

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

@@ -0,0 +1,66 @@
+import "./column-views.16cc7a58.css";
+import $bBNCV$columnviewsedf77621js from "./column-views.edf77621.js";
+import {useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5} from "./column-views.8e51206e.js";
+import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.1ece326b.js";
+import $bBNCV$macrostrathyper from "@macrostrat/hyper";
+import {Popover as $bBNCV$Popover} from "@blueprintjs/core";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+const $a9bcb536274d1bf9$var$h = (0, $bBNCV$macrostrathyper).styled((0, ($parcel$interopDefault($bBNCV$columnviewsedf77621js))));
+function $a9bcb536274d1bf9$export$6716aecc2c9afbe2({ style: style, children: children, viewportPadding: viewportPadding = 20 }) {
+    const content = $a9bcb536274d1bf9$var$h($a9bcb536274d1bf9$var$InteractionBarrier, children);
+    return $a9bcb536274d1bf9$var$h("div.popover-main", {
+        style: style
+    }, $a9bcb536274d1bf9$var$h((0, $bBNCV$Popover), // @ts-ignore
+    {
+        content: content,
+        isOpen: true,
+        usePortal: false,
+        position: "right",
+        modifiers: {
+            preventOverflow: {
+                options: {
+                    padding: viewportPadding
+                }
+            }
+        }
+    }, $a9bcb536274d1bf9$var$h("span.popover-target")));
+}
+function $a9bcb536274d1bf9$var$InteractionBarrier({ children: children }) {
+    return $a9bcb536274d1bf9$var$h("div", {
+        onClick (e) {
+            // Stop events from leaking to the parent
+            e.stopPropagation();
+        }
+    }, children);
+}
+function $a9bcb536274d1bf9$export$db1115efab13710d() {
+    const unit = (0, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da)();
+    const position = (0, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5)((state)=>state.overlayPosition);
+    if (unit == null) return null;
+    return $a9bcb536274d1bf9$var$h("div.unit-popover-container", $a9bcb536274d1bf9$var$h($a9bcb536274d1bf9$export$6716aecc2c9afbe2, {
+        style: {
+            position: "absolute",
+            top: position?.y ?? 0,
+            width: position?.width ?? 100,
+            left: position?.x ?? 0,
+            height: position?.height ?? 100
+        }
+    }, $a9bcb536274d1bf9$var$h((0, $448b24baeef3b229$export$fbd245232df17557), {
+        unit: unit,
+        showLithologyProportions: true,
+        className: "legend-panel"
+    })));
+}
+
+
+export {$a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
+//# sourceMappingURL=column-views.f2e5a72f.js.map

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

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

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

@@ -0,0 +1,127 @@
+import $bTsJU$columnviews4637f4cejs from "./column-views.4637f4ce.js";
+import "./column-views.240ef158.css";
+import {UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./column-views.8e51206e.js";
+import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./column-views.343b5aa2.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.f2e5a72f.js";
+import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.ea237aa8.js";
+import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./column-views.fa6f3292.js";
+import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./column-views.9ced149e.js";
+import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./column-views.34636ec7.js";
+import {ColumnAxisType as $bTsJU$ColumnAxisType} from "@macrostrat/column-components";
+import {hyperStyled as $bTsJU$hyperStyled} from "@macrostrat/hyper";
+import {useDarkMode as $bTsJU$useDarkMode} from "@macrostrat/ui-components";
+import $bTsJU$classnames from "classnames";
+import {useRef as $bTsJU$useRef} from "react";
+import {NonIdealState as $bTsJU$NonIdealState} from "@blueprintjs/core";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnviews4637f4cejs))));
+function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
+    const { showUnitPopover: showUnitPopover = false, keyboardNavigation: keyboardNavigation = false, mergeSections: mergeSections, onUnitSelected: onUnitSelected, selectedUnit: selectedUnit, children: children, units: rawUnits, axisType: axisType = (0, $bTsJU$ColumnAxisType).AGE, t_age: t_age, b_age: b_age, unconformityHeight: unconformityHeight = 30, targetUnitHeight: targetUnitHeight = 20, pixelScale: pixelScale, minPixelScale: minPixelScale = 0.2, minSectionHeight: minSectionHeight = 50, collapseSmallUnconformities: collapseSmallUnconformities = true, ...rest } = props;
+    const ref = (0, $bTsJU$useRef)();
+    // Selected item position
+    const { sections: sections, units: units, totalHeight: totalHeight } = (0, $76e92a964ee11b97$export$206a0cb85295e433)(rawUnits, {
+        axisType: axisType,
+        t_age: t_age,
+        b_age: b_age,
+        mergeSections: mergeSections,
+        targetUnitHeight: targetUnitHeight,
+        unconformityHeight: unconformityHeight,
+        pixelScale: pixelScale,
+        minPixelScale: minPixelScale,
+        minSectionHeight: minSectionHeight,
+        collapseSmallUnconformities: collapseSmallUnconformities
+    });
+    if (sections.length === 0) return $2118f0266dc7e955$var$h("div.column-container.empty", $2118f0266dc7e955$var$h((0, $bTsJU$NonIdealState), {
+        title: "Empty column",
+        description: "No sections found in this column.",
+        icon: "warning-sign"
+    }));
+    return $2118f0266dc7e955$var$h((0, $d5074f164411387e$export$7fec7bd80ff9c10e), {
+        units: units,
+        sections: sections,
+        totalHeight: totalHeight,
+        axisType: axisType
+    }, $2118f0266dc7e955$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
+        columnRef: ref,
+        onUnitSelected: onUnitSelected,
+        selectedUnit: selectedUnit,
+        units: units
+    }, $2118f0266dc7e955$var$h($2118f0266dc7e955$var$ColumnInner, {
+        columnRef: ref,
+        ...rest
+    }, [
+        children,
+        $2118f0266dc7e955$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
+        $2118f0266dc7e955$var$h.if(keyboardNavigation)((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
+            units: units
+        })
+    ])));
+}
+function $2118f0266dc7e955$var$ColumnInner(props) {
+    const { unitComponent: unitComponent = (0, $4c8184c4a7317749$export$48a4cacf2b7a4441), unconformityLabels: unconformityLabels = true, showLabels: showLabels = true, width: _width = 300, columnWidth: _columnWidth = 150, showLabelColumn: _showLabelColumn = true, className: className, columnRef: columnRef, clipUnits: clipUnits = false, children: children, showTimescale: showTimescale, timescaleLevels: timescaleLevels, maxInternalColumns: maxInternalColumns } = props;
+    const { axisType: axisType } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
+    let width = _width;
+    let columnWidth = _columnWidth;
+    if (columnWidth > width) columnWidth = width;
+    let showLabelColumn = _showLabelColumn;
+    if (columnWidth > width - 10) showLabelColumn = false;
+    let _showTimescale = showTimescale;
+    if (timescaleLevels !== null) _showTimescale = true;
+    _showTimescale = axisType == (0, $bTsJU$ColumnAxisType).AGE && _showTimescale;
+    return $2118f0266dc7e955$var$h($2118f0266dc7e955$export$2194471aa3d52446, {
+        onClick (evt) {
+            dispatch?.(null, null, evt);
+        },
+        className: className
+    }, $2118f0266dc7e955$var$h("div.column", {
+        ref: columnRef
+    }, [
+        $2118f0266dc7e955$var$h((0, $43794af7643cdf40$export$40b6b0e4520eeb34)),
+        $2118f0266dc7e955$var$h.if(_showTimescale)((0, $7d0f52717c0de7e1$export$db2df5a73a6fbe10), {
+            levels: timescaleLevels
+        }),
+        $2118f0266dc7e955$var$h((0, $7d0f52717c0de7e1$export$38cb0ab5af8f50d7), {
+            unitComponent: unitComponent,
+            showLabels: showLabels,
+            width: width,
+            columnWidth: columnWidth,
+            showLabelColumn: showLabelColumn,
+            clipUnits: clipUnits,
+            unconformityLabels: unconformityLabels,
+            maxInternalColumns: maxInternalColumns
+        }),
+        children
+    ]));
+}
+function $2118f0266dc7e955$export$2194471aa3d52446(props) {
+    const { className: className, ...rest } = props;
+    const darkMode = (0, $bTsJU$useDarkMode)();
+    return $2118f0266dc7e955$var$h("div.column-container", {
+        className: (0, $bTsJU$classnames)(className, {
+            "dark-mode": darkMode?.isEnabled ?? false
+        }),
+        ...rest
+    });
+}
+
+
+export {$2118f0266dc7e955$export$816b5d811295e6bc as Column, $2118f0266dc7e955$export$2194471aa3d52446 as ColumnContainer};
+//# sourceMappingURL=column-views.f71ec4b4.js.map