@macrostrat/column-views 1.0.3 → 2.0.0

package/dist/esm/column.01d68dd8.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { RefObject, useRef, HTMLAttributes } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  UnitSelectionProvider,\n  UnitComponent,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./units\";\n\nimport { ColumnHeightScaleOptions } from \"./prepare-units/composite-scale\";\nimport { UnitSelectionPopover } from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { CompositeAgeAxis } from \"./age-axis\";\nimport { MergeSectionsMode, usePreparedColumnUnits } from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends SectionSharedProps {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n}\n\nexport interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    axisType = ColumnAxisType.AGE,\n    t_age,\n    b_age,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType,\n    t_age,\n    b_age,\n    mergeSections,\n    targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale,\n    minSectionHeight,\n    collapseSmallUnconformities,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      })\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType },\n    h(\n      UnitSelectionProvider,\n      { columnRef: ref, onUnitSelected, selectedUnit, units },\n      h(ColumnInner, { columnRef: ref, ...rest }, [\n        children,\n        h.if(showUnitPopover)(UnitSelectionPopover),\n        h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n      ])\n    )\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  const dispatch = useUnitSelectionDispatch();\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale;\n  if (timescaleLevels !== null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      onClick(evt) {\n        dispatch?.(null, null, evt as any);\n      },\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(CompositeAgeAxis),\n      h.if(_showTimescale)(CompositeTimescale, { levels: timescaleLevels }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ])\n  );\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(\"div.column-container\", {\n    className: classNames(className, {\n      \"dark-mode\": darkMode?.isEnabled ?? false,\n    }),\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column.01d68dd8.js.map"}

package/dist/esm/{column.db058031.js → column.a25f8ebd.js}

@@ -1,8 +1,8 @@
-import {SimpleUnitsColumn as $4c8184c4a7317749$export$2006342ddaa547c6} from "./units.361088d4.js";
+import {SimpleUnitsColumn as $4c8184c4a7317749$export$2006342ddaa547c6} from "./units.5a4fc058.js";
 import {IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./isotopes-column.7cb5cc45.js";
-import {MacrostratColumnProvider as $29bf41d89292aad4$export$9e42f9b6e0d67c7d} from "./providers.cd1e652f.js";
 import $hEPNH$columnmodule7f47d25ajs from "./column.module.7f47d25a.js";
 import "./column.module.cbb072df.css";
+import {MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d} from "./base.910b80b4.js";
 import $hEPNH$macrostrathyper from "@macrostrat/hyper";
 import {group as $hEPNH$group} from "d3-array";
 import {useAPIResult as $hEPNH$useAPIResult} from "@macrostrat/ui-components";
@@ -46,7 +46,7 @@ const $132b1b0fb905c489$export$6e2c8f0811a474ce = (props)=>{
         const targetHeight = 50 * data.length;
         pixelScale = Math.ceil(targetHeight / dAge);
     }
-    return $132b1b0fb905c489$var$h((0, $29bf41d89292aad4$export$9e42f9b6e0d67c7d), {
+    return $132b1b0fb905c489$var$h((0, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d), {
         divisions: data,
         range: range,
         pixelsPerMeter: pixelScale
@@ -114,4 +114,4 @@ var $132b1b0fb905c489$export$2e2bcd8739ae039 = $132b1b0fb905c489$var$Column;
 
 
 export {$132b1b0fb905c489$export$6e2c8f0811a474ce as Section, $132b1b0fb905c489$export$2e2bcd8739ae039 as default};
-//# sourceMappingURL=column.db058031.js.map
+//# sourceMappingURL=column.a25f8ebd.js.map

package/dist/esm/column.a25f8ebd.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAS5B,MAAM,gCAAU,CAAC,SAAE,KAAK,EAAE;IACxB,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,KAAK;IAE/C,OAAO,wBAAE,CAAA,GAAA,iBAAS,GAAG;QACnB,OAAO;QACP,YAAY;IACd;AACF;AAEA,MAAM,4CAAU,CAAC;IACf,oCAAoC;IACpC,MAAM,QACJ,IAAI,kBACJ,iBAAiB,aACjB,QAAQ;QAAC,IAAI,CAAC,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK;QAAE,IAAI,CAAC,EAAE,CAAC,KAAK;KAAC,EACrD,GAAG;IACJ,IAAI,cAAE,UAAU,EAAE,GAAG;IAErB,MAAM,cAAc;IAEpB,IAAI,CAAC,YAAY;QACf,wBAAwB;QACxB,MAAM,OAAO,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE;QAChC,MAAM,eAAe,KAAK,KAAK,MAAM;QACrC,aAAa,KAAK,IAAI,CAAC,eAAe;IACxC;IAEA,OAAO,wBACL,CAAA,GAAA,yCAAuB,GACvB;QACE,WAAW;eACX;QACA,gBAAgB;IAClB,GACA;QACE,wBACE,CAAA,GAAA,gBAAQ,GACR;YACE,OAAO;YACP,SAAS;YACT,YAAY;YACZ,eAAe;QACjB,GACA;YACE,wBAAE;YACF,wBAAE,CAAA,GAAA,yCAAgB,GAAG;gBACnB,OAAO;gBACP,aAAa;YACf;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,QAAQ;oBAAC;oBAAK;iBAAE;gBAChB,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;SACD;KAEJ;AAEL;AAIA,SAAS,6BAAO,KAA0D;IACxE,MAAM,UAAE,MAAM,EAAE,GAAG;IACnB,MAAM,OAAgB,CAAA,GAAA,mBAAW,EAAE,UAAU;QAC3C,KAAK;QACL,GAAG,MAAM;QACT,UAAU;IACZ;IACA,IAAI,QAAQ,MAAM,OAAO;IAEzB,IAAI,gBAAgB,MAAM,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,MAAM,CAAC,IAAM,EAAE,UAAU;IAE9D,kDAAkD;IAElD,OAAO,wBAAE,cAAc;QACrB,wBAAE,sBAAsB;QACxB,wBACE,mBACA,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE;YAC/B,OAAO,wBAAE,CAAC,YAAY,EAAE,IAAI,EAAE;gBAC5B,wBAAE,2CAAS;oBACT,MAAM;oBACN,gBAAgB,KAAK,cAAc,MAAM,GAAG;gBAC9C;aACD;QACH;KAEH;AACH;IAGA,2CAAe","sources":["packages/column-views/src/carbon-isotopes/column.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { group } from \"d3-array\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport {\n  ColumnSVG,\n  ColumnAxis,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { SimpleUnitsColumn, IUnit } from \"../units\";\nimport { useContext } from \"react\";\nimport { IsotopesColumn } from \"./isotopes-column\";\nimport { MacrostratColumnProvider } from \"../data-provider\";\nimport styles from \"./column.module.sass\";\n\nconst h = hyper.styled(styles);\n\ninterface IColumnProps {\n  data: IUnit[];\n  pixelScale?: number;\n  isOldestColumn: boolean;\n  range?: [number, number];\n}\n\nconst AgeAxis = ({ ticks }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / 40), 1);\n\n  return h(ColumnAxis, {\n    ticks: v,\n    showDomain: false,\n  });\n};\n\nconst Section = (props: IColumnProps) => {\n  // Section with \"squishy\" time scale\n  const {\n    data,\n    isOldestColumn = true,\n    range = [data[data.length - 1].b_age, data[0].t_age],\n  } = props;\n  let { pixelScale } = props;\n\n  const notesOffset = 100;\n\n  if (!pixelScale) {\n    // Make up a pixel scale\n    const dAge = range[0] - range[1];\n    const targetHeight = 50 * data.length;\n    pixelScale = Math.ceil(targetHeight / dAge);\n  }\n\n  return h(\n    MacrostratColumnProvider,\n    {\n      divisions: data,\n      range,\n      pixelsPerMeter: pixelScale, // Actually pixels per myr\n    },\n    [\n      h(\n        ColumnSVG,\n        {\n          width: 650,\n          padding: 20,\n          paddingTop: 5,\n          paddingBottom: 25,\n        },\n        [\n          h(AgeAxis),\n          h(SimpleUnitsColumn, {\n            width: 400,\n            columnWidth: 90,\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D13C\",\n            label: \"δ¹³C\",\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(250,0)\",\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D18O\",\n            label: \"δ¹⁸O\",\n            color: \"red\",\n            domain: [-40, 0],\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(370,0)\",\n          }),\n        ]\n      ),\n    ]\n  );\n};\n\ntype ColumnArgs = any;\n\nfunction Column(props: Omit<IColumnProps, \"data\"> & { params: ColumnArgs }) {\n  const { params } = props;\n  const data: IUnit[] = useAPIResult(\"/units\", {\n    all: true,\n    ...params,\n    response: \"long\",\n  });\n  if (data == null) return null;\n\n  let sectionGroups = Array.from(group(data, (d) => d.section_id));\n\n  //sectionGroups.sort((a, b) => a.t_age - b.t_age);\n\n  return h(\"div.column\", [\n    h(\"div.age-axis-label\", \"Age (Ma)\"),\n    h(\n      \"div.main-column\",\n      sectionGroups.map(([id, values], i) => {\n        return h(`div.section-${id}`, [\n          h(Section, {\n            data: values,\n            isOldestColumn: i == sectionGroups.length - 1,\n          }),\n        ]);\n      })\n    ),\n  ]);\n}\n\nexport { Section, IColumnProps };\nexport default Column;\n"],"names":[],"version":3,"file":"column.a25f8ebd.js.map"}

package/dist/esm/column.module.1b776e15.js

@@ -0,0 +1,46 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $6cbea5de739af804$exports = {};
+
+$parcel$export($6cbea5de739af804$exports, "column-container", () => $6cbea5de739af804$export$e908cef0cccb98df, (v) => $6cbea5de739af804$export$e908cef0cccb98df = v);
+$parcel$export($6cbea5de739af804$exports, "timescale-column", () => $6cbea5de739af804$export$82c2e1a892d790ab, (v) => $6cbea5de739af804$export$82c2e1a892d790ab = v);
+$parcel$export($6cbea5de739af804$exports, "section-main", () => $6cbea5de739af804$export$add6075ee40659c8, (v) => $6cbea5de739af804$export$add6075ee40659c8 = v);
+$parcel$export($6cbea5de739af804$exports, "section-units-container", () => $6cbea5de739af804$export$37c0a390e37eb2da, (v) => $6cbea5de739af804$export$37c0a390e37eb2da = v);
+$parcel$export($6cbea5de739af804$exports, "main-column", () => $6cbea5de739af804$export$9c88f9a435c40ccb, (v) => $6cbea5de739af804$export$9c88f9a435c40ccb = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity-labels", () => $6cbea5de739af804$export$d726faed2da21993, (v) => $6cbea5de739af804$export$d726faed2da21993 = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity", () => $6cbea5de739af804$export$7b4a6d978979c0fa, (v) => $6cbea5de739af804$export$7b4a6d978979c0fa = v);
+$parcel$export($6cbea5de739af804$exports, "giga", () => $6cbea5de739af804$export$197e40aa3a484017, (v) => $6cbea5de739af804$export$197e40aa3a484017 = v);
+$parcel$export($6cbea5de739af804$exports, "mega", () => $6cbea5de739af804$export$580f1e8cf64f2815, (v) => $6cbea5de739af804$export$580f1e8cf64f2815 = v);
+$parcel$export($6cbea5de739af804$exports, "large", () => $6cbea5de739af804$export$f09585a853dddd32, (v) => $6cbea5de739af804$export$f09585a853dddd32 = v);
+$parcel$export($6cbea5de739af804$exports, "small", () => $6cbea5de739af804$export$3c17b0e969a90510, (v) => $6cbea5de739af804$export$3c17b0e969a90510 = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity-text", () => $6cbea5de739af804$export$925235908943319a, (v) => $6cbea5de739af804$export$925235908943319a = v);
+var $6cbea5de739af804$export$e908cef0cccb98df;
+var $6cbea5de739af804$export$82c2e1a892d790ab;
+var $6cbea5de739af804$export$add6075ee40659c8;
+var $6cbea5de739af804$export$37c0a390e37eb2da;
+var $6cbea5de739af804$export$9c88f9a435c40ccb;
+var $6cbea5de739af804$export$d726faed2da21993;
+var $6cbea5de739af804$export$7b4a6d978979c0fa;
+var $6cbea5de739af804$export$197e40aa3a484017;
+var $6cbea5de739af804$export$580f1e8cf64f2815;
+var $6cbea5de739af804$export$f09585a853dddd32;
+var $6cbea5de739af804$export$3c17b0e969a90510;
+var $6cbea5de739af804$export$925235908943319a;
+$6cbea5de739af804$export$e908cef0cccb98df = "column-container_afc440";
+$6cbea5de739af804$export$82c2e1a892d790ab = "timescale-column_afc440";
+$6cbea5de739af804$export$add6075ee40659c8 = "section-main_afc440";
+$6cbea5de739af804$export$37c0a390e37eb2da = "section-units-container_afc440";
+$6cbea5de739af804$export$9c88f9a435c40ccb = "main-column_afc440";
+$6cbea5de739af804$export$d726faed2da21993 = "unconformity-labels_afc440";
+$6cbea5de739af804$export$7b4a6d978979c0fa = "unconformity_afc440";
+$6cbea5de739af804$export$197e40aa3a484017 = "giga_afc440";
+$6cbea5de739af804$export$580f1e8cf64f2815 = "mega_afc440";
+$6cbea5de739af804$export$f09585a853dddd32 = "large_afc440";
+$6cbea5de739af804$export$3c17b0e969a90510 = "small_afc440";
+$6cbea5de739af804$export$925235908943319a = "unconformity-text_afc440";
+
+
+export {$6cbea5de739af804$exports as default};
+//# sourceMappingURL=column.module.1b776e15.js.map

package/dist/esm/column.module.1b776e15.js.map

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

package/dist/esm/column.module.a67a6b4c.css

@@ -0,0 +1,159 @@
+.column-container_afc440, body.light-mode .column-container_afc440 {
+  --column-background-color: var(--background-color, #fff);
+  --column-stroke-color: var(--text-emphasized-color, #000);
+  --column-text-color: var(--text-emphasized-color, #000);
+}
+
+@media (prefers-color-scheme: dark) {
+  body:not(.light-mode) .column-container_afc440 {
+    --column-background-color: var(--background-color, #000);
+    --column-stroke-color: var(--text-emphasized-color, #fff);
+    --column-text-color: var(--text-emphasized-color, #fff);
+    color-scheme: dark;
+    color: var(--column-text-color);
+  }
+
+  body:not(.light-mode) .column-container_afc440 .timescale {
+    color: #000;
+  }
+
+  body:not(.light-mode) .column-container_afc440 svg pattern image {
+    filter: invert();
+  }
+}
+
+body.dark-mode .column-container_afc440 {
+  --column-background-color: var(--background-color, #000);
+  --column-stroke-color: var(--text-emphasized-color, #fff);
+  --column-text-color: var(--text-emphasized-color, #fff);
+  color-scheme: dark;
+  color: var(--column-text-color);
+}
+
+body.dark-mode .column-container_afc440 .timescale {
+  color: #000;
+}
+
+body.dark-mode .column-container_afc440 svg pattern image {
+  filter: invert();
+}
+
+.column-container_afc440 .column {
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+.column-container_afc440 .unit {
+  stroke: var(--column-stroke-color);
+  stroke-width: 1px;
+}
+
+.column-container_afc440 .selection-overlay {
+  fill: var(--selection-overlay-color, red);
+  fill-opacity: var(--selection-overlay-opacity, .5);
+}
+
+.column-container_afc440 g.lithology-column use.frame {
+  stroke: var(--column-stroke-color);
+  pointer-events: none;
+  stroke-width: 1.5px !important;
+}
+
+.column-container_afc440 .unit-label {
+  text-align: center;
+}
+
+.column-container_afc440 .col-note-label {
+  margin-top: 3px;
+  padding: 2px 2px 2px 3px;
+  font-size: 10px;
+  line-height: 9px;
+  border-left: none !important;
+}
+
+.column-container_afc440 g.height-range {
+  display: none;
+}
+
+.column-container_afc440 .note-inner {
+  border: none;
+}
+
+.column-container_afc440 .frame rect {
+  fill: #0000;
+}
+
+.column-container_afc440 .default-buttons {
+  width: 100%;
+  margin: 0 -10px;
+}
+
+.column-container_afc440 div.section {
+  flex-direction: row;
+  display: flex;
+}
+
+.column-container_afc440 .section .divisions .unit {
+  cursor: pointer;
+}
+
+.column-container_afc440 .timescale {
+  width: calc((1.5em + 1.5px) * var(--timescale-level-count, 4));
+  --timescale-level-size: 1.5em;
+}
+
+.timescale-column_afc440 {
+  position: relative;
+}
+
+.section-main_afc440 {
+  margin-bottom: -4px;
+  position: relative;
+}
+
+.section-units-container_afc440, .main-column_afc440 {
+  position: relative;
+}
+
+.unconformity-labels_afc440 {
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.unconformity_afc440 {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  font-size: .8em;
+  display: flex;
+  position: absolute;
+  top: 0;
+}
+
+.unconformity_afc440.giga_afc440 {
+  font-size: 1em;
+  font-weight: 800;
+}
+
+.unconformity_afc440.mega_afc440 {
+  font-size: .9em;
+  font-weight: 700;
+}
+
+.unconformity_afc440.large_afc440 {
+  font-weight: 600;
+}
+
+.unconformity_afc440.small_afc440 {
+  font-weight: 300;
+}
+
+.unconformity-text_afc440 {
+  width: var(--column-width);
+  color: var(--column-stroke-color);
+  --unit-font-style: normal;
+}
+/*# sourceMappingURL=column.module.a67a6b4c.css.map */

package/dist/esm/column.module.a67a6b4c.css.map

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

package/dist/esm/composite-scale.577bf64a.js

@@ -0,0 +1,222 @@
+import {ensureArray as $b6657fba8924a702$export$d0c8ecbd4ed8940c, getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./utils.d7a43a2a.js";
+import {ColumnAxisType as $egi9E$ColumnAxisType} from "@macrostrat/column-components";
+import {scaleLinear as $egi9E$scaleLinear} from "d3-scale";
+
+
+
+
+function $728f6cf6c12cd490$export$e7184dd8bb3302ed(inputScales, unconformityHeight) {
+    /** Finalize the heights of sections, including the heights of unconformities
+   * between them.
+   */ let totalHeight = unconformityHeight / 2;
+    let lastSectionTopHeight = 0;
+    const packages2 = [];
+    for (const group of inputScales){
+        const { domain: domain, pixelScale: pixelScale } = group;
+        const [b_age, t_age] = domain;
+        const key = `package-${b_age}-${t_age}`;
+        packages2.push({
+            ...$728f6cf6c12cd490$export$d6235b492bceb8c5(group, totalHeight),
+            key: key,
+            offset: totalHeight,
+            // Unconformity height above this particular section
+            paddingTop: totalHeight - lastSectionTopHeight
+        });
+        const pixelHeight = pixelScale * Math.abs(b_age - t_age);
+        lastSectionTopHeight = totalHeight + pixelHeight;
+        totalHeight = lastSectionTopHeight + unconformityHeight;
+    }
+    totalHeight += unconformityHeight / 2;
+    return {
+        totalHeight: totalHeight,
+        sections: packages2
+    };
+}
+function $728f6cf6c12cd490$export$67442a0f5bef147b(sections, unconformityHeight) {
+    /** Finalize the heights of sections, including the heights of unconformities
+   * between them.
+   */ const sectionScales = sections.map((d)=>d.scaleInfo);
+    const { totalHeight: totalHeight, sections: packages } = $728f6cf6c12cd490$export$e7184dd8bb3302ed(sectionScales, unconformityHeight);
+    // This could perhaps be simplified.
+    const sections1 = [];
+    for(const i in sections){
+        const group = sections[i];
+        const scaleInfo = packages[i];
+        sections1.push({
+            ...group,
+            key: scaleInfo.key,
+            scaleInfo: scaleInfo
+        });
+    }
+    return {
+        totalHeight: totalHeight,
+        sections: sections1
+    };
+}
+function $728f6cf6c12cd490$export$7d3f3129a1a4b84e(sections, opts) {
+    return sections.map((group)=>{
+        return $728f6cf6c12cd490$var$addScaleToSection(group, opts);
+    });
+}
+function $728f6cf6c12cd490$var$addScaleToSection(group, opts) {
+    const { t_age: t_age, b_age: b_age, units: units } = group;
+    let _range = null;
+    // if t_age and b_age are set for a group, use them to define the range...
+    if (t_age != null && b_age != null && opts.axisType == (0, $egi9E$ColumnAxisType).AGE) _range = [
+        b_age,
+        t_age
+    ];
+    const scaleInfo = $728f6cf6c12cd490$var$buildSectionScale(units, {
+        ...opts,
+        domain: _range
+    });
+    return {
+        ...group,
+        scaleInfo: scaleInfo
+    };
+}
+function $728f6cf6c12cd490$var$buildSectionScale(data, opts) {
+    const { targetUnitHeight: targetUnitHeight = 20, minPixelScale: minPixelScale = 0.2, axisType: axisType, minSectionHeight: minSectionHeight } = opts;
+    const domain = opts.domain ?? $728f6cf6c12cd490$var$findSectionHeightRange(data, axisType);
+    const dAge = Math.abs(domain[0] - domain[1]);
+    let _pixelScale = opts.pixelScale;
+    if (_pixelScale == null) {
+        const avgAgeRange = $728f6cf6c12cd490$var$findAverageUnitHeight(data, axisType);
+        // Get pixel height necessary to render average unit at target height
+        _pixelScale = Math.max(targetUnitHeight / avgAgeRange, minPixelScale);
+    // OLD METHOD that cares about overall section height vs. individual unit height
+    // 0.2 pixel per myr is the floor scale
+    //const targetHeight = targetUnitHeight * data.length;
+    // 1 pixel per myr is the floor scale
+    //_pixelScale = Math.max(targetHeight / dAge, minPixelScale);
+    }
+    let height = dAge * _pixelScale;
+    // If height is less than minSectionHeight, set it to minSectionHeight
+    const _minSectionHeight = minSectionHeight ?? targetUnitHeight ?? 0;
+    height = Math.max(height, _minSectionHeight);
+    _pixelScale = height / dAge;
+    return $728f6cf6c12cd490$export$d6235b492bceb8c5({
+        domain: domain,
+        pixelScale: _pixelScale
+    }, 0);
+}
+function $728f6cf6c12cd490$export$d6235b492bceb8c5(def, offset = 0) {
+    /** Build a section scale */ // Domain should be oriented from bottom to top, but scale is oriented from top to bottom
+    const { domain: domain, pixelScale: pixelScale } = def;
+    const pixelHeight = pixelScale * Math.abs(domain[0] - domain[1]);
+    return {
+        domain: domain,
+        pixelScale: pixelScale,
+        pixelHeight: pixelHeight,
+        scale: (0, $egi9E$scaleLinear)().domain([
+            domain[1],
+            domain[0]
+        ]).range([
+            offset,
+            pixelHeight + offset
+        ])
+    };
+}
+function $728f6cf6c12cd490$var$findSectionHeightRange(data, axisType) {
+    if (axisType == null) throw new Error("Axis type is not set");
+    if (axisType === (0, $egi9E$ColumnAxisType).AGE) {
+        const t_age = Math.min(...data.map((d)=>d.t_age));
+        const b_age = Math.max(...data.map((d)=>d.b_age));
+        return [
+            b_age,
+            t_age
+        ];
+    } else if (axisType == (0, $egi9E$ColumnAxisType).DEPTH || axisType == (0, $egi9E$ColumnAxisType).ORDINAL) {
+        const t_pos = Math.min(...data.map((d)=>d.t_pos));
+        const b_pos = Math.max(...data.map((d)=>d.b_pos));
+        return [
+            b_pos,
+            t_pos
+        ];
+    } else if (axisType == (0, $egi9E$ColumnAxisType).HEIGHT) {
+        const t_pos = Math.max(...data.map((d)=>d.t_pos));
+        const b_pos = Math.min(...data.map((d)=>d.b_pos));
+        return [
+            b_pos,
+            t_pos
+        ];
+    }
+}
+function $728f6cf6c12cd490$var$findAverageUnitHeight(data, axisType) {
+    const unitHeights = data.map((d)=>{
+        const [b_pos, t_pos] = (0, $b6657fba8924a702$export$70e712e2ac0237a)(d, axisType);
+        return Math.abs(b_pos - t_pos);
+    });
+    return unitHeights.reduce((a, b)=>a + b, 0) / unitHeights.length;
+}
+function $728f6cf6c12cd490$export$3ada7641926a616d(sections, interpolateUnconformities = false) {
+    /** Create a scale that works across multiple packages */ // Get surfaces at which scale breaks
+    let scaleBreaks = [];
+    for (const section of sections){
+        const { pixelHeight: pixelHeight, pixelScale: pixelScale, offset: offset, domain: domain } = section.scaleInfo;
+        scaleBreaks.push([
+            domain[1],
+            offset
+        ]);
+        scaleBreaks.push([
+            domain[0],
+            offset + pixelHeight
+        ]);
+    }
+    // Sort the scale breaks by age
+    scaleBreaks.sort((a, b)=>a[0] - b[0]);
+    return (age)=>{
+        /** Given an age, find the corresponding pixel position */ // Iterate through the sections to find the correct one
+        // Accumulate scale breaks and pixel height
+        let pixelHeight = 0;
+        let pixelScale = 0;
+        let lastAge = null;
+        for (const [age1, height] of scaleBreaks)if (age <= age1) {
+            if (lastAge != null) {
+                pixelHeight += (age - lastAge) * pixelScale;
+                return pixelHeight;
+            }
+            lastAge = age;
+            pixelHeight = height;
+        }
+    };
+}
+function $728f6cf6c12cd490$export$edbf01b435c75274(sections, threshold, opts) {
+    const newSections = [];
+    let currentSection = null;
+    for (const nextSection of sections){
+        if (currentSection == null) {
+            currentSection = nextSection;
+            continue;
+        }
+        const dAge = Math.abs(nextSection.t_age - currentSection.b_age);
+        const pxHeight = dAge * Math.max(currentSection.scaleInfo.pixelScale, nextSection.scaleInfo.pixelScale);
+        if (pxHeight < threshold) {
+            // We need to merge the sections
+            const compositeSection0 = {
+                units: [
+                    ...currentSection.units,
+                    ...nextSection.units
+                ],
+                section_id: [
+                    ...(0, $b6657fba8924a702$export$d0c8ecbd4ed8940c)(currentSection.section_id),
+                    ...(0, $b6657fba8924a702$export$d0c8ecbd4ed8940c)(nextSection.section_id)
+                ],
+                t_age: Math.min(currentSection.t_age, nextSection.t_age),
+                b_age: Math.max(currentSection.b_age, nextSection.b_age)
+            };
+            const compositeSection = $728f6cf6c12cd490$var$addScaleToSection(compositeSection0, opts);
+            currentSection = compositeSection;
+        } else {
+            // We need to keep the section
+            newSections.push(currentSection);
+            currentSection = nextSection;
+        }
+    }
+    if (currentSection != null) newSections.push(currentSection);
+    return newSections;
+}
+
+
+export {$728f6cf6c12cd490$export$e7184dd8bb3302ed as buildCompositeScaleInfo, $728f6cf6c12cd490$export$d6235b492bceb8c5 as createPackageScale, $728f6cf6c12cd490$export$67442a0f5bef147b as finalizeSectionHeights, $728f6cf6c12cd490$export$7d3f3129a1a4b84e as computeSectionHeights, $728f6cf6c12cd490$export$3ada7641926a616d as createCompositeScale, $728f6cf6c12cd490$export$edbf01b435c75274 as collapseUnconformitiesByPixelHeight};
+//# sourceMappingURL=composite-scale.577bf64a.js.map

package/dist/esm/composite-scale.577bf64a.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/prepare-units/composite-scale.ts"],"sourcesContent":["import type { ExtUnit, SectionInfo } from \"./helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { ensureArray, getUnitHeightRange } from \"./utils\";\nimport { ScaleLinear, scaleLinear } from \"d3-scale\";\nimport { UnitLong } from \"@macrostrat/api-types\";\n\nexport interface ColumnHeightScaleOptions {\n  /** A fixed pixel scale to use for the section (pixels per Myr) */\n  pixelScale?: number;\n  /** The target height of a constituent unit in pixels, for dynamic\n   * scale generation */\n  targetUnitHeight?: number;\n  /** Min height of a section in pixels. Will override minPixelScale in some cases. */\n  minSectionHeight?: number;\n  /** The minimum pixel scale to use for the section (pixels per Myr). This is mostly\n   * needed because small sections (<1-2 units) don't necessarily have space to comfortably\n   * render two axis labels */\n  minPixelScale?: number;\n  // Axis scale type\n  axisType?: ColumnAxisType;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n  // Whether to collapse unconformities that are less than a height threshold\n  collapseSmallUnconformities?: boolean | number;\n}\n\nexport interface SectionScaleOptions extends ColumnHeightScaleOptions {\n  axisType: ColumnAxisType;\n  domain: [number, number];\n}\n\nexport interface LinearScaleDef {\n  domain: [number, number];\n  pixelScale: number;\n}\n\n/** Output of a section scale. For now, this assumes that the\n * mapping is linear, but it could be extended to support arbitrary\n * scale functions.\n */\nexport interface PackageScaleInfo extends LinearScaleDef {\n  pixelHeight: number;\n  // TODO: add a function\n  scale: ScaleLinear<number, number>;\n}\n\nexport type PackageScaleLayoutData = PackageScaleInfo & {\n  // A unique key for the section to use in React\n  key: string;\n  offset: number;\n  // How much to\n  paddingTop: number;\n};\n\nexport type PackageLayoutData<T extends UnitLong = ExtUnit> = SectionInfo<T> & {\n  scaleInfo: PackageScaleLayoutData;\n  // A unique key for the section to use in React\n  key: string;\n};\n\nexport interface CompositeScaleData {\n  totalHeight: number;\n  sections: PackageScaleLayoutData[];\n}\n\nexport interface ColumnScaleOptions extends ColumnHeightScaleOptions {\n  axisType: ColumnAxisType;\n  unconformityHeight: number;\n}\n\n// Composite scale information augmented with units in each package\n\nexport interface CompositeColumnData<T extends UnitLong = ExtUnit>\n  extends Omit<CompositeScaleData, \"sections\"> {\n  sections: PackageLayoutData<T>[];\n}\n\nexport function buildCompositeScaleInfo(\n  inputScales: LinearScaleDef[],\n  unconformityHeight: number\n): CompositeScaleData {\n  /** Finalize the heights of sections, including the heights of unconformities\n   * between them.\n   */\n\n  let totalHeight = unconformityHeight / 2;\n  let lastSectionTopHeight = 0;\n\n  const packages2: PackageScaleLayoutData[] = [];\n  for (const group of inputScales) {\n    const { domain, pixelScale } = group;\n    const [b_age, t_age] = domain;\n    const key = `package-${b_age}-${t_age}`;\n\n    packages2.push({\n      ...createPackageScale(group, totalHeight),\n      key,\n      offset: totalHeight,\n      // Unconformity height above this particular section\n      paddingTop: totalHeight - lastSectionTopHeight,\n    });\n    const pixelHeight = pixelScale * Math.abs(b_age - t_age);\n    lastSectionTopHeight = totalHeight + pixelHeight;\n    totalHeight = lastSectionTopHeight + unconformityHeight;\n  }\n  totalHeight += unconformityHeight / 2;\n  return {\n    totalHeight,\n    sections: packages2,\n  };\n}\n\nexport function finalizeSectionHeights<T extends UnitLong>(\n  sections: SectionInfoWithScale<T>[],\n  unconformityHeight: number\n): CompositeColumnData<T> {\n  /** Finalize the heights of sections, including the heights of unconformities\n   * between them.\n   */\n\n  const sectionScales = sections.map((d) => d.scaleInfo);\n  const { totalHeight, sections: packages } = buildCompositeScaleInfo(\n    sectionScales,\n    unconformityHeight\n  );\n\n  // This could perhaps be simplified.\n  const sections1: PackageLayoutData<T>[] = [];\n  for (const i in sections) {\n    const group = sections[i];\n    const scaleInfo = packages[i];\n    sections1.push({\n      ...group,\n      key: scaleInfo.key,\n      scaleInfo,\n    });\n  }\n  return {\n    totalHeight,\n    sections: sections1,\n  };\n}\n\ninterface SectionInfoWithScale<T extends UnitLong = ExtUnit>\n  extends SectionInfo<T> {\n  scaleInfo: PackageScaleInfo;\n}\n\nexport function computeSectionHeights<T extends UnitLong>(\n  sections: SectionInfo<T>[],\n  opts: ColumnScaleOptions\n): SectionInfoWithScale<T>[] {\n  return sections.map((group) => {\n    return addScaleToSection<T>(group, opts);\n  });\n}\n\nfunction addScaleToSection<T extends UnitLong = ExtUnit>(\n  group: SectionInfo<T>,\n  opts: ColumnScaleOptions\n): SectionInfoWithScale<T> {\n  const { t_age, b_age, units } = group;\n  let _range = null;\n  // if t_age and b_age are set for a group, use them to define the range...\n  if (t_age != null && b_age != null && opts.axisType == ColumnAxisType.AGE) {\n    _range = [b_age, t_age];\n  }\n\n  const scaleInfo = buildSectionScale<T>(units, {\n    ...opts,\n    domain: _range,\n  });\n\n  return {\n    ...group,\n    scaleInfo,\n  };\n}\n\nfunction buildSectionScale<T extends UnitLong>(\n  data: T[],\n  opts: SectionScaleOptions\n): PackageScaleInfo {\n  const {\n    targetUnitHeight = 20,\n    minPixelScale = 0.2,\n    axisType,\n    minSectionHeight,\n  } = opts;\n  const domain = opts.domain ?? findSectionHeightRange(data, axisType);\n\n  const dAge = Math.abs(domain[0] - domain[1]);\n\n  let _pixelScale = opts.pixelScale;\n  if (_pixelScale == null) {\n    const avgAgeRange = findAverageUnitHeight(data, axisType);\n    // Get pixel height necessary to render average unit at target height\n    _pixelScale = Math.max(targetUnitHeight / avgAgeRange, minPixelScale);\n\n    // OLD METHOD that cares about overall section height vs. individual unit height\n    // 0.2 pixel per myr is the floor scale\n    //const targetHeight = targetUnitHeight * data.length;\n    // 1 pixel per myr is the floor scale\n    //_pixelScale = Math.max(targetHeight / dAge, minPixelScale);\n  }\n\n  let height = dAge * _pixelScale;\n\n  // If height is less than minSectionHeight, set it to minSectionHeight\n  const _minSectionHeight = minSectionHeight ?? targetUnitHeight ?? 0;\n  height = Math.max(height, _minSectionHeight);\n  _pixelScale = height / dAge;\n\n  return createPackageScale({ domain, pixelScale: _pixelScale }, 0);\n}\n\nexport function createPackageScale(\n  def: LinearScaleDef,\n  offset: number = 0\n): PackageScaleInfo {\n  /** Build a section scale */\n  // Domain should be oriented from bottom to top, but scale is oriented from top to bottom\n  const { domain, pixelScale } = def;\n  const pixelHeight = pixelScale * Math.abs(domain[0] - domain[1]);\n  return {\n    domain,\n    pixelScale,\n    pixelHeight,\n    scale: scaleLinear()\n      .domain([domain[1], domain[0]])\n      .range([offset, pixelHeight + offset]),\n  };\n}\n\nfunction findSectionHeightRange(\n  data: UnitLong[],\n  axisType: ColumnAxisType\n): [number, number] {\n  if (axisType == null) {\n    throw new Error(\"Axis type is not set\");\n  }\n  if (axisType === ColumnAxisType.AGE) {\n    const t_age = Math.min(...data.map((d) => d.t_age));\n    const b_age = Math.max(...data.map((d) => d.b_age));\n    return [b_age, t_age];\n  } else if (\n    axisType == ColumnAxisType.DEPTH ||\n    axisType == ColumnAxisType.ORDINAL\n  ) {\n    const t_pos = Math.min(...data.map((d) => d.t_pos));\n    const b_pos = Math.max(...data.map((d) => d.b_pos));\n    return [b_pos, t_pos];\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    const t_pos = Math.max(...data.map((d) => d.t_pos));\n    const b_pos = Math.min(...data.map((d) => d.b_pos));\n    return [b_pos, t_pos];\n  }\n}\n\nfunction findAverageUnitHeight(\n  data: UnitLong[],\n  axisType: ColumnAxisType\n): number {\n  const unitHeights = data.map((d) => {\n    const [b_pos, t_pos] = getUnitHeightRange(d, axisType);\n    return Math.abs(b_pos - t_pos);\n  });\n  return unitHeights.reduce((a, b) => a + b, 0) / unitHeights.length;\n}\n\nexport function createCompositeScale(\n  sections: PackageLayoutData[],\n  interpolateUnconformities: boolean = false\n): (age: number) => number | null {\n  /** Create a scale that works across multiple packages */\n  // Get surfaces at which scale breaks\n  let scaleBreaks: [number, number][] = [];\n  for (const section of sections) {\n    const { pixelHeight, pixelScale, offset, domain } = section.scaleInfo;\n\n    scaleBreaks.push([domain[1], offset]);\n    scaleBreaks.push([domain[0], offset + pixelHeight]);\n  }\n  // Sort the scale breaks by age\n  scaleBreaks.sort((a, b) => a[0] - b[0]);\n\n  return (age) => {\n    /** Given an age, find the corresponding pixel position */\n    // Iterate through the sections to find the correct one\n\n    // Accumulate scale breaks and pixel height\n    let pixelHeight = 0;\n    let pixelScale = 0;\n    let lastAge = null;\n    for (const [age1, height] of scaleBreaks) {\n      if (age <= age1) {\n        if (lastAge != null) {\n          pixelHeight += (age - lastAge) * pixelScale;\n          return pixelHeight;\n        }\n        lastAge = age;\n        pixelHeight = height;\n      }\n    }\n  };\n}\n\n/** Collapse sections separated by unconformities that are smaller than a given pixel height. */\nexport function collapseUnconformitiesByPixelHeight<T extends UnitLong>(\n  sections: SectionInfoWithScale<T>[],\n  threshold: number,\n  opts: ColumnScaleOptions\n): SectionInfoWithScale<T>[] {\n  const newSections = [];\n  let currentSection: SectionInfoWithScale<T> | null = null;\n  for (const nextSection of sections) {\n    if (currentSection == null) {\n      currentSection = nextSection;\n      continue;\n    }\n    const dAge = Math.abs(nextSection.t_age - currentSection.b_age);\n    const pxHeight =\n      dAge *\n      Math.max(\n        currentSection.scaleInfo.pixelScale,\n        nextSection.scaleInfo.pixelScale\n      );\n    if (pxHeight < threshold) {\n      // We need to merge the sections\n      const compositeSection0: SectionInfo<T> = {\n        units: [...currentSection.units, ...nextSection.units],\n        section_id: [\n          ...ensureArray(currentSection.section_id),\n          ...ensureArray(nextSection.section_id),\n        ],\n        t_age: Math.min(currentSection.t_age, nextSection.t_age),\n        b_age: Math.max(currentSection.b_age, nextSection.b_age),\n      };\n\n      const compositeSection = addScaleToSection(compositeSection0, opts);\n      currentSection = compositeSection;\n    } else {\n      // We need to keep the section\n      newSections.push(currentSection);\n      currentSection = nextSection;\n    }\n  }\n  if (currentSection != null) {\n    newSections.push(currentSection);\n  }\n\n  return newSections;\n}\n"],"names":[],"version":3,"file":"composite-scale.577bf64a.js.map"}