@macrostrat/column-views 2.1.3 → 2.1.4

package/dist/node/column-views.2a6b842d.js.map

@@ -0,0 +1 @@
+{"mappings":"A,M,6C,A,Q,M,mB,A,Q,gB,C,K,2B,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,O,c,C,C,E,wB,C,I,I,E,I,K,E,W,C,E,a,C,C,G,I,E,E,SCgBO,SAAS,EAAsB,CAAA,SAAE,CAAQ,CAAA,MAAE,EAAQ,SAAA,CAAW,EACnE,IAAM,EAAO,AAbf,SAAoB,CAAA,OAAE,CAAM,CAAE,EAS5B,OARY,AAAA,EACV,qDACA,CACE,OAAQ,CAAC,GAAG,EAAE,EAAA,CAAQ,AACxB,EACA,AAAC,GAAM,EAIX,EAG0B,CAAE,OAAQ,CAAS,UAE3C,AAAI,AAAQ,MAAR,EAAqB,KAElB,AAAA,EAAE,EAAA,sBAAqB,CAAG,CAC/B,KAAA,EACA,cAAe,CACjB,EACF,CAEA,SAAS,EAAe,CAAK,EAC3B,GAAM,CAAA,KAAE,CAAI,CAAE,CAAG,EACX,EAAc,GAAM,MAAM,mBAEhC,AAAI,AAAe,MAAf,GAAuB,AAAuB,IAAvB,EAAY,MAAM,CAAe,KAErD,AAAA,EAAE,EAAA,aAAY,CAAG,CACtB,UAAW,cACX,KAAM,EACN,aAAc,AAAC,GAAM,AAAA,EAAE,OAAQ,EAAE,IAAI,CAAC,IAAI,CAC5C,EACF,Q,K,qB","sources":["<anon>","packages/column-views/src/facets/measurements/index.ts"],"sourcesContent":["import \"./column-views.085f4a51.js\";\nimport $d6zmK$macrostrathyper from \"@macrostrat/hyper\";\nimport {useAPIResult as $d6zmK$useAPIResult} from \"@macrostrat/ui-components\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $30f674067bcc490b$exports = {};\n\n$parcel$export($30f674067bcc490b$exports, \"SGPMeasurementsColumn\", () => $30f674067bcc490b$export$c49cf57576706bab);\n\n\n\nvar $3S9SB = parcelRequire(\"3S9SB\");\nfunction $30f674067bcc490b$var$useSGPData({ col_id: col_id }) {\n    const res = (0, $d6zmK$useAPIResult)(\"https://dev.macrostrat.org/api/pg/sgp_unit_matches\", {\n        col_id: `eq.${col_id}`\n    }, (d)=>d);\n    return res;\n}\nfunction $30f674067bcc490b$export$c49cf57576706bab({ columnID: columnID, color: color = \"magenta\" }) {\n    const data = $30f674067bcc490b$var$useSGPData({\n        col_id: columnID\n    });\n    if (data == null) return null;\n    return (0, $d6zmK$macrostrathyper)((0, $3S9SB.BaseMeasurementsColumn), {\n        data: data,\n        noteComponent: $30f674067bcc490b$var$SGPSamplesNote\n    });\n}\nfunction $30f674067bcc490b$var$SGPSamplesNote(props) {\n    const { note: note } = props;\n    const sgp_samples = note?.data?.sgp_samples;\n    if (sgp_samples == null || sgp_samples.length === 0) return null;\n    return (0, $d6zmK$macrostrathyper)((0, $3S9SB.TruncatedList), {\n        className: \"sgp-samples\",\n        data: sgp_samples,\n        itemRenderer: (p)=>(0, $d6zmK$macrostrathyper)(\"span\", p.data.name)\n    });\n}\n\n\nexport {$30f674067bcc490b$export$c49cf57576706bab as SGPMeasurementsColumn};\n//# sourceMappingURL=column-views.2a6b842d.js.map\n","import h from \"@macrostrat/hyper\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { BaseMeasurementsColumn, TruncatedList } from \"../fossils\";\n\nfunction useSGPData({ col_id }) {\n  const res = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/sgp_unit_matches\",\n    {\n      col_id: `eq.${col_id}`,\n    },\n    (d) => d,\n  );\n\n  return res;\n}\n\nexport function SGPMeasurementsColumn({ columnID, color = \"magenta\" }) {\n  const data = useSGPData({ col_id: columnID });\n\n  if (data == null) return null;\n\n  return h(BaseMeasurementsColumn, {\n    data,\n    noteComponent: SGPSamplesNote,\n  });\n}\n\nfunction SGPSamplesNote(props) {\n  const { note } = props;\n  const sgp_samples = note?.data?.sgp_samples;\n\n  if (sgp_samples == null || sgp_samples.length === 0) return null;\n\n  return h(TruncatedList, {\n    className: \"sgp-samples\",\n    data: sgp_samples,\n    itemRenderer: (p) => h(\"span\", p.data.name),\n  });\n}\n"],"names":["$d6zmK$macrostrathyper","useAPIResult","$d6zmK$useAPIResult","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","Object","defineProperty","get","$30f674067bcc490b$export$c49cf57576706bab","set","s","enumerable","configurable","$3S9SB","columnID","color","data","$30f674067bcc490b$var$useSGPData","col_id","d","BaseMeasurementsColumn","noteComponent","$30f674067bcc490b$var$SGPSamplesNote","props","note","sgp_samples","length","TruncatedList","className","itemRenderer","p","name","SGPMeasurementsColumn"],"version":3,"file":"column-views.2a6b842d.js.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.6c7a40e0.js → column-views.2ca669bc.js}

@@ -1,2 +1,2 @@
-import"./column-views.af275c48.js";import{create as e,useStore as o}from"zustand";import{createContext as t,useState as r,useMemo as l,useEffect as n,useContext as s}from"react";import u from"@macrostrat/hyper";var a=globalThis,i={},c={},m=a.parcelRequirea149;null==m&&((m=function(e){if(e in i)return i[e].exports;if(e in c){var o=c[e];delete c[e];var t={id:e,exports:{}};return i[e]=t,o.call(t.exports,t,t.exports),t.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,o){c[e]=o},a.parcelRequirea149=m),m.register;var d=m("lgTAP");let C=t(null);function f({children:o,columns:t,columnIDs:s,selectedColumn:a,projectID:i,inProcess:c,onSelectColumn:m,onHoverColumn:f}){(0,d.useMacrostratStore)(e=>e.getColumns);let[p]=r(()=>e((e,o)=>({columns:null,selectedColumn:null,hoveredColumn:null,selectColumn(t){e({selectedColumn:t,hoveredColumn:null});let{columns:r}=o(),l=r?.find(e=>e.id==t);m?.(t,l)},setHoveredColumn(t){e({hoveredColumn:t});let{columns:r}=o(),l=r?.find(e=>e.id==t);f?.(t,l)}}))),v=t??(0,d.useMacrostratColumns)(i,c);return s?.length>0&&(v=l(()=>v?.filter(e=>s.includes(e.properties.col_id)),[s,v])),n(()=>{v?.length>0&&p.setState({columns:v,selectedColumn:a})},[v]),n(()=>{let{selectColumn:e,selectedColumn:o}=p.getState();a!=o&&e(a)},[a]),u(C.Provider,{value:p},o)}function p(e){let t=s(C);if(null==t)throw Error("Missing ColumnNavigationProvider");return o(t,e)}export{f as ColumnNavigationProvider,p as useColumnNavigationStore};
-//# sourceMappingURL=column-views.6c7a40e0.js.map
+import"./column-views.9de31cdb.js";import{create as e,useStore as o}from"zustand";import{createContext as t,useState as r,useMemo as l,useEffect as n,useContext as s}from"react";import u from"@macrostrat/hyper";var a=globalThis,i={},c={},m=a.parcelRequirea149;null==m&&((m=function(e){if(e in i)return i[e].exports;if(e in c){var o=c[e];delete c[e];var t={id:e,exports:{}};return i[e]=t,o.call(t.exports,t,t.exports),t.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,o){c[e]=o},a.parcelRequirea149=m),m.register;var d=m("lgTAP");let C=t(null);function f({children:o,columns:t,columnIDs:s,selectedColumn:a,projectID:i,inProcess:c,onSelectColumn:m,onHoverColumn:f}){(0,d.useMacrostratStore)(e=>e.getColumns);let[p]=r(()=>e((e,o)=>({columns:null,selectedColumn:null,hoveredColumn:null,selectColumn(t){e({selectedColumn:t,hoveredColumn:null});let{columns:r}=o(),l=r?.find(e=>e.id==t);m?.(t,l)},setHoveredColumn(t){e({hoveredColumn:t});let{columns:r}=o(),l=r?.find(e=>e.id==t);f?.(t,l)}}))),v=t??(0,d.useMacrostratColumns)(i,c);return s?.length>0&&(v=l(()=>v?.filter(e=>s.includes(e.properties.col_id)),[s,v])),n(()=>{v?.length>0&&p.setState({columns:v,selectedColumn:a})},[v]),n(()=>{let{selectColumn:e,selectedColumn:o}=p.getState();a!=o&&e(a)},[a]),u(C.Provider,{value:p},o)}function p(e){let t=s(C);if(null==t)throw Error("Missing ColumnNavigationProvider");return o(t,e)}export{f as ColumnNavigationProvider,p as useColumnNavigationStore};
+//# sourceMappingURL=column-views.2ca669bc.js.map

package/dist/node/{column-views.6c7a40e0.js.map → column-views.2ca669bc.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,6C,A,Q,U,C,C,Y,C,K,S,A,Q,iB,C,C,Y,C,C,W,C,C,a,C,C,c,C,K,O,A,Q,M,mB,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,SCoCA,IAAM,EAAyB,AAAA,EAC7B,MAGK,SAAS,EAAyB,CAAA,SACvC,CAAQ,CAAA,QACR,CAAO,CAAA,UACP,CAAS,CAAA,eACT,CAAc,CAAA,UACd,CAAS,CAAA,UACT,CAAS,CAAA,eACT,CAAc,CAAA,cACd,CAAa,CACW,EACL,AAAA,CAAA,EAAA,EAAA,kBAAiB,AAAjB,EAAmB,AAAC,GAAM,EAAE,UAAU,EAEzD,GAAM,CAAC,EAAM,CAAG,AAAA,EAAS,IAChB,AAAA,EAAwB,CAAC,EAAK,IAC5B,CAAA,CACL,QAAS,KACT,eAAgB,KAChB,cAAe,KACf,aAAa,CAAuB,EAClC,EAAI,CAAE,eAAgB,EAAU,cAAe,IAAK,GACpD,GAAM,CAAA,QAAE,CAAO,CAAE,CAAG,IACd,EAAS,GAAS,KAAK,AAAC,GAAM,EAAE,EAAE,EAAI,GAC5C,IAAiB,EAAU,EAC7B,EACA,iBAAiB,CAAuB,EACtC,EAAI,CAAE,cAAe,CAAS,GAC9B,GAAM,CAAA,QAAE,CAAO,CAAE,CAAG,IACd,EAAS,GAAS,KAAK,AAAC,GAAM,EAAE,EAAE,EAAI,GAC5C,IAAgB,EAAU,EAC5B,CACF,CAAA,IAWA,EAAW,GAAW,AAAA,CAAA,EAAA,EAAA,oBAAmB,AAAnB,EAAqB,EAAW,GA0B1D,OAvBI,GAAW,OAAS,GACtB,CAAA,EAAW,AAAA,EAAQ,IACV,GAAU,OAAO,AAAC,GAAM,EAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,GACpE,CAAC,EAAW,EAAS,CAAA,EAG1B,AAAA,EAAU,KACJ,GAAU,OAAS,GACrB,EAAM,QAAQ,CAAC,CAAE,QAAS,EAAU,eAAA,CAAe,EAEvD,EAAG,CAAC,EAAS,EAIb,AAAA,EAAU,KACR,GAAM,CAAA,aAAE,CAAY,CAAE,eAAgB,CAAuB,CAAE,CAC7D,EAAM,QAAQ,GACZ,GAAkB,GAGtB,EAAa,EACf,EAAG,CAAC,EAAe,EAEZ,AAAA,EAAE,EAAuB,QAAQ,CAAE,CAAE,MAAO,CAAM,EAAG,EAC9D,CAEO,SAAS,EACd,CAAyC,EAEzC,IAAM,EAAW,AAAA,EAAW,GAC5B,GAAI,AAAY,MAAZ,EACF,MAAM,AAAI,MAAM,oCAElB,OAAO,AAAA,EAAS,EAAU,EAC5B,Q,K,wB,C,K,wB","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import \"./column-views.af275c48.js\";\nimport {create as $hD7WQ$create, useStore as $hD7WQ$useStore} from \"zustand\";\nimport {createContext as $hD7WQ$createContext, useState as $hD7WQ$useState, useMemo as $hD7WQ$useMemo, useEffect as $hD7WQ$useEffect, useContext as $hD7WQ$useContext} from \"react\";\nimport $hD7WQ$macrostrathyper from \"@macrostrat/hyper\";\n\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\nvar $lgTAP = parcelRequire(\"lgTAP\");\nconst $811f42ce180ac2d8$var$NavigationStoreContext = (0, $hD7WQ$createContext)(null);\nfunction $811f42ce180ac2d8$export$8da3b11f62ebf019({ children: children, columns: columns, columnIDs: columnIDs, selectedColumn: selectedColumn, projectID: projectID, inProcess: inProcess, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn }) {\n    const getColumns = (0, $lgTAP.useMacrostratStore)((s)=>s.getColumns);\n    const [store] = (0, $hD7WQ$useState)(()=>{\n        return (0, $hD7WQ$create)((set, get)=>{\n            return {\n                columns: null,\n                selectedColumn: null,\n                hoveredColumn: null,\n                selectColumn (columnID) {\n                    set({\n                        selectedColumn: columnID,\n                        hoveredColumn: null\n                    });\n                    const { columns: columns } = get();\n                    const column = columns?.find((d)=>d.id == columnID);\n                    onSelectColumn?.(columnID, column);\n                },\n                setHoveredColumn (columnID) {\n                    set({\n                        hoveredColumn: columnID\n                    });\n                    const { columns: columns } = get();\n                    const column = columns?.find((d)=>d.id == columnID);\n                    onHoverColumn?.(columnID, column);\n                }\n            };\n        });\n    });\n    // Set up the store\n    /** TODO: unify handling of columns between parts of application */ // useAsyncEffect(async () => {\n    //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n    //   store.setState({ columns: _columns, selectedColumn });\n    // }, [projectID, inProcess, columns, getColumns]);\n    let _columns = columns ?? (0, $lgTAP.useMacrostratColumns)(projectID, inProcess);\n    // filter columns if specified\n    if (columnIDs?.length > 0) _columns = (0, $hD7WQ$useMemo)(()=>{\n        return _columns?.filter((d)=>columnIDs.includes(d.properties.col_id));\n    }, [\n        columnIDs,\n        _columns\n    ]);\n    (0, $hD7WQ$useEffect)(()=>{\n        if (_columns?.length > 0) store.setState({\n            columns: _columns,\n            selectedColumn: selectedColumn\n        });\n    }, [\n        _columns\n    ]);\n    // Update selected column if it is changed externally\n    // Kind of an awkward way to do this but we need to allow the selector to run\n    (0, $hD7WQ$useEffect)(()=>{\n        const { selectColumn: selectColumn, selectedColumn: _internalSelectedColumn } = store.getState();\n        if (selectedColumn == _internalSelectedColumn) return;\n        selectColumn(selectedColumn);\n    }, [\n        selectedColumn\n    ]);\n    return (0, $hD7WQ$macrostrathyper)($811f42ce180ac2d8$var$NavigationStoreContext.Provider, {\n        value: store\n    }, children);\n}\nfunction $811f42ce180ac2d8$export$642c2b57c47ea41(selector) {\n    const storeApi = (0, $hD7WQ$useContext)($811f42ce180ac2d8$var$NavigationStoreContext);\n    if (storeApi == null) throw new Error(\"Missing ColumnNavigationProvider\");\n    return (0, $hD7WQ$useStore)(storeApi, selector);\n}\n\n\nexport {$811f42ce180ac2d8$export$8da3b11f62ebf019 as ColumnNavigationProvider, $811f42ce180ac2d8$export$642c2b57c47ea41 as useColumnNavigationStore};\n//# sourceMappingURL=column-views.6c7a40e0.js.map\n","import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":["create","$hD7WQ$create","useStore","$hD7WQ$useStore","createContext","$hD7WQ$createContext","useState","$hD7WQ$useState","useMemo","$hD7WQ$useMemo","useEffect","$hD7WQ$useEffect","useContext","$hD7WQ$useContext","$hD7WQ$macrostrathyper","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$lgTAP","$811f42ce180ac2d8$var$NavigationStoreContext","$811f42ce180ac2d8$export$8da3b11f62ebf019","children","columns","columnIDs","selectedColumn","projectID","inProcess","onSelectColumn","onHoverColumn","useMacrostratStore","s","getColumns","store","set","get","hoveredColumn","selectColumn","columnID","column","find","d","setHoveredColumn","_columns","useMacrostratColumns","length","filter","includes","properties","col_id","setState","_internalSelectedColumn","getState","Provider","value","$811f42ce180ac2d8$export$642c2b57c47ea41","selector","storeApi","ColumnNavigationProvider","useColumnNavigationStore"],"version":3,"file":"column-views.6c7a40e0.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,6C,A,Q,U,C,C,Y,C,K,S,A,Q,iB,C,C,Y,C,C,W,C,C,a,C,C,c,C,K,O,A,Q,M,mB,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,SCoCA,IAAM,EAAyB,AAAA,EAC7B,MAGK,SAAS,EAAyB,CAAA,SACvC,CAAQ,CAAA,QACR,CAAO,CAAA,UACP,CAAS,CAAA,eACT,CAAc,CAAA,UACd,CAAS,CAAA,UACT,CAAS,CAAA,eACT,CAAc,CAAA,cACd,CAAa,CACW,EACL,AAAA,CAAA,EAAA,EAAA,kBAAiB,AAAjB,EAAmB,AAAC,GAAM,EAAE,UAAU,EAEzD,GAAM,CAAC,EAAM,CAAG,AAAA,EAAS,IAChB,AAAA,EAAwB,CAAC,EAAK,IAC5B,CAAA,CACL,QAAS,KACT,eAAgB,KAChB,cAAe,KACf,aAAa,CAAuB,EAClC,EAAI,CAAE,eAAgB,EAAU,cAAe,IAAK,GACpD,GAAM,CAAA,QAAE,CAAO,CAAE,CAAG,IACd,EAAS,GAAS,KAAK,AAAC,GAAM,EAAE,EAAE,EAAI,GAC5C,IAAiB,EAAU,EAC7B,EACA,iBAAiB,CAAuB,EACtC,EAAI,CAAE,cAAe,CAAS,GAC9B,GAAM,CAAA,QAAE,CAAO,CAAE,CAAG,IACd,EAAS,GAAS,KAAK,AAAC,GAAM,EAAE,EAAE,EAAI,GAC5C,IAAgB,EAAU,EAC5B,CACF,CAAA,IAWA,EAAW,GAAW,AAAA,CAAA,EAAA,EAAA,oBAAmB,AAAnB,EAAqB,EAAW,GA0B1D,OAvBI,GAAW,OAAS,GACtB,CAAA,EAAW,AAAA,EAAQ,IACV,GAAU,OAAO,AAAC,GAAM,EAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,GACpE,CAAC,EAAW,EAAS,CAAA,EAG1B,AAAA,EAAU,KACJ,GAAU,OAAS,GACrB,EAAM,QAAQ,CAAC,CAAE,QAAS,EAAU,eAAA,CAAe,EAEvD,EAAG,CAAC,EAAS,EAIb,AAAA,EAAU,KACR,GAAM,CAAA,aAAE,CAAY,CAAE,eAAgB,CAAuB,CAAE,CAC7D,EAAM,QAAQ,GACZ,GAAkB,GAGtB,EAAa,EACf,EAAG,CAAC,EAAe,EAEZ,AAAA,EAAE,EAAuB,QAAQ,CAAE,CAAE,MAAO,CAAM,EAAG,EAC9D,CAEO,SAAS,EACd,CAAyC,EAEzC,IAAM,EAAW,AAAA,EAAW,GAC5B,GAAI,AAAY,MAAZ,EACF,MAAM,AAAI,MAAM,oCAElB,OAAO,AAAA,EAAS,EAAU,EAC5B,Q,K,wB,C,K,wB","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import \"./column-views.9de31cdb.js\";\nimport {create as $hD7WQ$create, useStore as $hD7WQ$useStore} from \"zustand\";\nimport {createContext as $hD7WQ$createContext, useState as $hD7WQ$useState, useMemo as $hD7WQ$useMemo, useEffect as $hD7WQ$useEffect, useContext as $hD7WQ$useContext} from \"react\";\nimport $hD7WQ$macrostrathyper from \"@macrostrat/hyper\";\n\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\nvar $lgTAP = parcelRequire(\"lgTAP\");\nconst $811f42ce180ac2d8$var$NavigationStoreContext = (0, $hD7WQ$createContext)(null);\nfunction $811f42ce180ac2d8$export$8da3b11f62ebf019({ children: children, columns: columns, columnIDs: columnIDs, selectedColumn: selectedColumn, projectID: projectID, inProcess: inProcess, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn }) {\n    const getColumns = (0, $lgTAP.useMacrostratStore)((s)=>s.getColumns);\n    const [store] = (0, $hD7WQ$useState)(()=>{\n        return (0, $hD7WQ$create)((set, get)=>{\n            return {\n                columns: null,\n                selectedColumn: null,\n                hoveredColumn: null,\n                selectColumn (columnID) {\n                    set({\n                        selectedColumn: columnID,\n                        hoveredColumn: null\n                    });\n                    const { columns: columns } = get();\n                    const column = columns?.find((d)=>d.id == columnID);\n                    onSelectColumn?.(columnID, column);\n                },\n                setHoveredColumn (columnID) {\n                    set({\n                        hoveredColumn: columnID\n                    });\n                    const { columns: columns } = get();\n                    const column = columns?.find((d)=>d.id == columnID);\n                    onHoverColumn?.(columnID, column);\n                }\n            };\n        });\n    });\n    // Set up the store\n    /** TODO: unify handling of columns between parts of application */ // useAsyncEffect(async () => {\n    //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n    //   store.setState({ columns: _columns, selectedColumn });\n    // }, [projectID, inProcess, columns, getColumns]);\n    let _columns = columns ?? (0, $lgTAP.useMacrostratColumns)(projectID, inProcess);\n    // filter columns if specified\n    if (columnIDs?.length > 0) _columns = (0, $hD7WQ$useMemo)(()=>{\n        return _columns?.filter((d)=>columnIDs.includes(d.properties.col_id));\n    }, [\n        columnIDs,\n        _columns\n    ]);\n    (0, $hD7WQ$useEffect)(()=>{\n        if (_columns?.length > 0) store.setState({\n            columns: _columns,\n            selectedColumn: selectedColumn\n        });\n    }, [\n        _columns\n    ]);\n    // Update selected column if it is changed externally\n    // Kind of an awkward way to do this but we need to allow the selector to run\n    (0, $hD7WQ$useEffect)(()=>{\n        const { selectColumn: selectColumn, selectedColumn: _internalSelectedColumn } = store.getState();\n        if (selectedColumn == _internalSelectedColumn) return;\n        selectColumn(selectedColumn);\n    }, [\n        selectedColumn\n    ]);\n    return (0, $hD7WQ$macrostrathyper)($811f42ce180ac2d8$var$NavigationStoreContext.Provider, {\n        value: store\n    }, children);\n}\nfunction $811f42ce180ac2d8$export$642c2b57c47ea41(selector) {\n    const storeApi = (0, $hD7WQ$useContext)($811f42ce180ac2d8$var$NavigationStoreContext);\n    if (storeApi == null) throw new Error(\"Missing ColumnNavigationProvider\");\n    return (0, $hD7WQ$useStore)(storeApi, selector);\n}\n\n\nexport {$811f42ce180ac2d8$export$8da3b11f62ebf019 as ColumnNavigationProvider, $811f42ce180ac2d8$export$642c2b57c47ea41 as useColumnNavigationStore};\n//# sourceMappingURL=column-views.2ca669bc.js.map\n","import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":["create","$hD7WQ$create","useStore","$hD7WQ$useStore","createContext","$hD7WQ$createContext","useState","$hD7WQ$useState","useMemo","$hD7WQ$useMemo","useEffect","$hD7WQ$useEffect","useContext","$hD7WQ$useContext","$hD7WQ$macrostrathyper","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$lgTAP","$811f42ce180ac2d8$var$NavigationStoreContext","$811f42ce180ac2d8$export$8da3b11f62ebf019","children","columns","columnIDs","selectedColumn","projectID","inProcess","onSelectColumn","onHoverColumn","useMacrostratStore","s","getColumns","store","set","get","hoveredColumn","selectColumn","columnID","column","find","d","setHoveredColumn","_columns","useMacrostratColumns","length","filter","includes","properties","col_id","setState","_internalSelectedColumn","getState","Provider","value","$811f42ce180ac2d8$export$642c2b57c47ea41","selector","storeApi","ColumnNavigationProvider","useColumnNavigationStore"],"version":3,"file":"column-views.2ca669bc.js.map","sourceRoot":"../../../../"}

package/dist/node/column-views.2d957a97.js

@@ -0,0 +1,2 @@
+import"./column-views.e7e26765.js";import"./column-views.3eeac38d.js";import"./column-views.cdcce702.js";import"./column-views.8cfed88b.js";import"./column-views.9de31cdb.js";import"./column-views.6bba8c57.js";import{ColumnAxisType as e,ColumnContext as t,ColumnLayoutContext as o,useColumn as i,useGeologicPattern as a,zigZagBoxPath as n,ForeignObject as r,PatternDefsProvider as l}from"@macrostrat/column-components";import{SizeAwareLabel as s}from"@macrostrat/ui-components";import c from"@macrostrat/hyper";import{useContext as u,forwardRef as d,useMemo as m}from"react";import p from"classnames";var f=globalThis,b={},h={},g=f.parcelRequirea149;null==g&&((g=function(e){if(e in b)return b[e].exports;if(e in h){var t=h[e];delete h[e];var o={id:e,exports:{}};return b[e]=o,t.call(o.exports,o,o.exports),o.exports}var i=Error("Cannot find module '"+e+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(e,t){h[e]=t},f.parcelRequirea149=g),g.register;var v=g("5VyZI"),x=g("a3mb1"),w=g("klU0I"),y=g("iWhRv"),C=g("lgTAP"),_=g("bfmPX");let T=c.styled(w&&w.__esModule?w.default:w);function F(i,a={}){let{widthFraction:n=1,axisType:r=e.AGE,padding:l=0}=a,{scale:s}=u(t),{width:c}=u(o),[d,m]=(0,y.getUnitHeightRange)(i,r),p=s(m),f=Math.abs(s(d)-p);return{x:c*(1-n)-l,y:p-l,height:f+2*l,width:n*c+2*l}}function k(e){let{division:t,children:o,className:a,widthFraction:n=1,axisType:r,nColumns:l,...s}=e,{axisType:c}=i(),u=(0,C.useLithologies)(),d={...F(t,{widthFraction:n,axisType:c}),...s},m=(0,_.getMixedUnitColor)(t,u,null,!1),[p,f,b]=(0,x.useUnitSelectionTarget)(t);return T("g.unit",{className:a,style:{"--column-unit-background-color":m,"--column-stroke-color":m}},[T("rect.unit.background",{ref:p,...d,fill:m,fillOpacity:.8,stroke:m,onClick:b}),T.if(f)("rect.selection-overlay",d)])}function N(e){let{division:t,children:o,fill:n,defaultFill:r="transparent",className:l,widthFraction:s=1,backgroundColor:c,patternColor:u,patternID:d,axisType:m,...f}=e,{axisType:b}=i(),h=null!=t.t_clip_pos,g=null!=t.b_clip_pos,w={...F(t,{widthFraction:s,axisType:b}),...f,overflowTop:h,overflowBottom:g},y=d??(0,v.resolveID)(t),C=n??a(y,r),_=p(l,{colored:null!=c}),[k,N,U]=(0,x.useUnitSelectionTarget)(t);return T("g.unit",{className:_,style:{"--column-unit-background-color":c}},[T(H,{...w,fill:c,onClick:U,className:"background"}),T(H,{ref:k,...w,fill:C,onClick:U,className:"unit"}),T.if(N)(H,{...w,className:"selection-overlay"}),o])}let H=d((e,t)=>{let{x:o,y:i,width:a,height:r,overflowTop:l=!1,overflowBottom:s=!1,...c}=e;return l||s?T("path",{d:n(o,i,a,r,l,s),ref:t,...c}):T("rect",{x:o,y:i,width:a,height:r,ref:t,...c})});function U(e){let{division:t,label:o,onLabelUpdated:a,widthFraction:n,showLabel:l=!0,backgroundColor:c,patternID:u,axisType:d,...m}=e,{axisType:p}=i(),f={...F(t,{widthFraction:n,axisType:p}),...m},{width:b,height:h}=f;return T(N,{className:"labeled-unit",division:t,backgroundColor:c,patternID:u,...f},[T.if(l)(r,{...f,className:"unit-label-container"},T(s,{className:"unit-overlay",labelClassName:"unit-label",style:{width:b,height:h},label:o,onVisibilityChanged(e){a(o,e)}}))])}function $(e){let{unitComponent:o=N,unitComponentProps:i={}}=e,{divisions:a}=u(t);if(0==a.length)return console.warn("No divisions found in column context"),null;let n=m(()=>a.map((e,t)=>T(o,{division:e,key:e.unit_id,...i})),[a,o,i]);return T(l,{resolveID:v.resolveID,scalePattern:v.scalePattern},T("g.divisions",n))}export{k as MinimalUnit,N as Unit,U as LabeledUnit,$ as UnitBoxes};
+//# sourceMappingURL=column-views.2d957a97.js.map

package/dist/node/column-views.2d957a97.js.map

@@ -0,0 +1 @@
+{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,O,6C,A,O,6C,A,O,6C,A,Q,kB,C,C,iB,C,C,uB,C,C,a,C,C,sB,C,C,iB,C,C,iB,C,C,uB,C,K,+B,A,Q,kB,C,K,2B,A,Q,M,mB,A,Q,c,C,C,c,C,C,W,C,K,O,A,Q,M,Y,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,SCuBA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAoCvB,SAAS,EACP,CAAe,CACf,EAA2B,CAAC,CAAC,EAE7B,GAAM,CAAA,cACJ,EAAgB,CAAA,CAAA,SAChB,EAAW,AAAA,EAAe,GAAG,CAAA,QAC7B,EAAU,CAAA,CACX,CAAG,EACE,CAAA,MAAE,CAAK,CAAE,CAAG,AAAA,EAAW,GACvB,CAAA,MAAE,CAAK,CAAE,CAAG,AAAA,EAAW,GAEvB,CAAC,EAAc,EAAU,CAAG,AAAA,CAAA,EAAA,EAAA,kBAAiB,AAAjB,EAAmB,EAAU,GAEzD,EAAI,EAAM,GACV,EAAS,KAAK,GAAG,CAAC,EAAM,GAAgB,GAE9C,MAAO,CACL,EAAG,EAAS,CAAA,EAAI,CAAA,EAAiB,EACjC,EAAG,EAAI,EACP,OAAQ,EAAS,AAAU,EAAV,EACjB,MAAO,EAAgB,EAAQ,AAAU,EAAV,CACjC,CACF,CAEO,SAAS,EAAY,CAAK,EAC/B,GAAM,CACJ,SAAU,CAAC,CAAA,SACX,CAAQ,CAAA,UACR,CAAS,CAAA,cACT,EAAgB,CAAA,CAChB,SAAU,CAAC,CACX,SAAU,CAAE,CACZ,GAAG,EACJ,CAAG,EAEE,CAAA,SAAE,CAAQ,CAAE,CAAG,AAAA,IACf,EAAU,AAAA,CAAA,EAAA,EAAA,cAAa,AAAb,IACV,EAAS,CACb,GAAG,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","sources":["<anon>","packages/column-views/src/units/boxes.ts"],"sourcesContent":["import \"./column-views.e7e26765.js\";\nimport \"./column-views.3eeac38d.js\";\nimport \"./column-views.cdcce702.js\";\nimport \"./column-views.8cfed88b.js\";\nimport \"./column-views.9de31cdb.js\";\nimport \"./column-views.6bba8c57.js\";\nimport {ColumnAxisType as $jfrfr$ColumnAxisType, ColumnContext as $jfrfr$ColumnContext, ColumnLayoutContext as $jfrfr$ColumnLayoutContext, useColumn as $jfrfr$useColumn, useGeologicPattern as $jfrfr$useGeologicPattern, zigZagBoxPath as $jfrfr$zigZagBoxPath, ForeignObject as $jfrfr$ForeignObject, PatternDefsProvider as $jfrfr$PatternDefsProvider} from \"@macrostrat/column-components\";\nimport {SizeAwareLabel as $jfrfr$SizeAwareLabel} from \"@macrostrat/ui-components\";\nimport $jfrfr$macrostrathyper from \"@macrostrat/hyper\";\nimport {useContext as $jfrfr$useContext, forwardRef as $jfrfr$forwardRef, useMemo as $jfrfr$useMemo} from \"react\";\nimport $jfrfr$classnames from \"classnames\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\n\nvar $5VyZI = parcelRequire(\"5VyZI\");\n\nvar $a3mb1 = parcelRequire(\"a3mb1\");\n\nvar $klU0I = parcelRequire(\"klU0I\");\n\n\nvar $iWhRv = parcelRequire(\"iWhRv\");\n\nvar $lgTAP = parcelRequire(\"lgTAP\");\n\nvar $bfmPX = parcelRequire(\"bfmPX\");\nconst $82e068a44c11e855$var$h = (0, $jfrfr$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($klU0I))));\nfunction $82e068a44c11e855$var$useUnitRect(division, options = {}) {\n    const { widthFraction: widthFraction = 1, axisType: axisType = (0, $jfrfr$ColumnAxisType).AGE, padding: padding = 0 } = options;\n    const { scale: scale } = (0, $jfrfr$useContext)((0, $jfrfr$ColumnContext));\n    const { width: width } = (0, $jfrfr$useContext)((0, $jfrfr$ColumnLayoutContext));\n    const [bottomHeight, topHeight] = (0, $iWhRv.getUnitHeightRange)(division, axisType);\n    const y = scale(topHeight);\n    const height = Math.abs(scale(bottomHeight) - y);\n    return {\n        x: width * (1 - widthFraction) - padding,\n        y: y - padding,\n        height: height + padding * 2,\n        width: widthFraction * width + padding * 2\n    };\n}\nfunction $82e068a44c11e855$export$d54fdbabca27e53(props) {\n    const { division: d, children: children, className: className, widthFraction: widthFraction = 1, axisType: _, nColumns: __, ...baseBounds } = props;\n    const { axisType: axisType } = (0, $jfrfr$useColumn)();\n    const lithMap = (0, $lgTAP.useLithologies)();\n    const bounds = {\n        ...$82e068a44c11e855$var$useUnitRect(d, {\n            widthFraction: widthFraction,\n            axisType: axisType\n        }),\n        ...baseBounds\n    };\n    const backgroundColor = (0, $bfmPX.getMixedUnitColor)(d, lithMap, null, false);\n    const [ref, selected, onClick] = (0, $a3mb1.useUnitSelectionTarget)(d);\n    return $82e068a44c11e855$var$h(\"g.unit\", {\n        className: className,\n        style: {\n            \"--column-unit-background-color\": backgroundColor,\n            \"--column-stroke-color\": backgroundColor\n        }\n    }, [\n        $82e068a44c11e855$var$h(\"rect.unit.background\", {\n            ref: ref,\n            ...bounds,\n            fill: backgroundColor,\n            fillOpacity: 0.8,\n            stroke: backgroundColor,\n            onClick: onClick\n        }),\n        $82e068a44c11e855$var$h.if(selected)(\"rect.selection-overlay\", bounds)\n    ]);\n}\nfunction $82e068a44c11e855$export$1d8b9ae22d404866(props) {\n    const { division: d, children: children, fill: fill, defaultFill: defaultFill = \"transparent\", className: className, widthFraction: widthFraction = 1, backgroundColor: backgroundColor, patternColor: patternColor, patternID: patternID, axisType: _, ...baseBounds } = props;\n    const { axisType: axisType } = (0, $jfrfr$useColumn)();\n    const hasOverflowTop = d.t_clip_pos != null;\n    const hasOverflowBottom = d.b_clip_pos != null;\n    const bounds = {\n        ...$82e068a44c11e855$var$useUnitRect(d, {\n            widthFraction: widthFraction,\n            axisType: axisType\n        }),\n        ...baseBounds,\n        overflowTop: hasOverflowTop,\n        overflowBottom: hasOverflowBottom\n    };\n    const _patternID = patternID ?? (0, $5VyZI.resolveID)(d);\n    let _fill = fill ?? (0, $jfrfr$useGeologicPattern)(_patternID, defaultFill);\n    const hasBackgroundColor = backgroundColor != null;\n    const _className = (0, $jfrfr$classnames)(className, {\n        colored: hasBackgroundColor\n    });\n    const [ref, selected, onClick] = (0, $a3mb1.useUnitSelectionTarget)(d);\n    //const key = `unit-${d.unit_id}`;\n    return $82e068a44c11e855$var$h(\"g.unit\", {\n        className: _className,\n        style: {\n            \"--column-unit-background-color\": backgroundColor\n        }\n    }, [\n        $82e068a44c11e855$var$h($82e068a44c11e855$var$UnitRect, {\n            ...bounds,\n            fill: backgroundColor,\n            onClick: onClick,\n            className: \"background\"\n        }),\n        $82e068a44c11e855$var$h($82e068a44c11e855$var$UnitRect, {\n            ref: ref,\n            ...bounds,\n            fill: _fill,\n            onClick: //mask,\n            onClick,\n            className: \"unit\"\n        }),\n        $82e068a44c11e855$var$h.if(selected)($82e068a44c11e855$var$UnitRect, {\n            ...bounds,\n            className: \"selection-overlay\"\n        }),\n        //defs,\n        children\n    ]);\n}\nconst $82e068a44c11e855$var$UnitRect = (0, $jfrfr$forwardRef)((props, ref)=>{\n    const { x: x, y: y, width: width, height: height, overflowTop: overflowTop = false, overflowBottom: overflowBottom = false, ...rest } = props;\n    if (!overflowTop && !overflowBottom) return $82e068a44c11e855$var$h(\"rect\", {\n        x: x,\n        y: y,\n        width: width,\n        height: height,\n        ref: ref,\n        ...rest\n    });\n    else {\n        const d = (0, $jfrfr$zigZagBoxPath)(x, y, width, height, overflowTop, overflowBottom);\n        return $82e068a44c11e855$var$h(\"path\", {\n            d: d,\n            ref: ref,\n            ...rest\n        });\n    }\n});\nfunction $82e068a44c11e855$export$b4f0ca233b98f9af(props) {\n    const { division: division, label: label, onLabelUpdated: onLabelUpdated, widthFraction: widthFraction, showLabel: showLabel = true, backgroundColor: backgroundColor, patternID: patternID, axisType: _, ...baseBounds } = props;\n    const { axisType: axisType } = (0, $jfrfr$useColumn)();\n    const bounds = {\n        ...$82e068a44c11e855$var$useUnitRect(division, {\n            widthFraction: widthFraction,\n            axisType: axisType\n        }),\n        ...baseBounds\n    };\n    const { width: width, height: height } = bounds;\n    return $82e068a44c11e855$var$h($82e068a44c11e855$export$1d8b9ae22d404866, {\n        className: \"labeled-unit\",\n        division: division,\n        backgroundColor: backgroundColor,\n        patternID: patternID,\n        ...bounds\n    }, [\n        $82e068a44c11e855$var$h.if(showLabel)((0, $jfrfr$ForeignObject), {\n            ...bounds,\n            className: \"unit-label-container\"\n        }, $82e068a44c11e855$var$h((0, $jfrfr$SizeAwareLabel), {\n            className: \"unit-overlay\",\n            labelClassName: \"unit-label\",\n            style: {\n                width: width,\n                height: height\n            },\n            label: label,\n            onVisibilityChanged (viz) {\n                onLabelUpdated(label, viz);\n            }\n        }))\n    ]);\n}\nfunction $82e068a44c11e855$export$5d1cdfabe8dc8085(props) {\n    const { unitComponent: unitComponent = $82e068a44c11e855$export$1d8b9ae22d404866, unitComponentProps: unitComponentProps = {} } = props;\n    const { divisions: divisions } = (0, $jfrfr$useContext)((0, $jfrfr$ColumnContext));\n    if (divisions.length == 0) {\n        console.warn(\"No divisions found in column context\");\n        return null;\n    }\n    const children = (0, $jfrfr$useMemo)(()=>{\n        return divisions.map((division, i)=>{\n            // @ts-ignore\n            return $82e068a44c11e855$var$h(unitComponent, {\n                division: division,\n                key: division.unit_id,\n                ...unitComponentProps\n            });\n        });\n    }, [\n        divisions,\n        unitComponent,\n        unitComponentProps\n    ]);\n    return $82e068a44c11e855$var$h((0, $jfrfr$PatternDefsProvider), {\n        resolveID: $5VyZI.resolveID,\n        scalePattern: $5VyZI.scalePattern\n    }, $82e068a44c11e855$var$h(\"g.divisions\", children));\n}\n\n\nexport {$82e068a44c11e855$export$d54fdbabca27e53 as MinimalUnit, $82e068a44c11e855$export$1d8b9ae22d404866 as Unit, $82e068a44c11e855$export$b4f0ca233b98f9af as LabeledUnit, $82e068a44c11e855$export$5d1cdfabe8dc8085 as UnitBoxes};\n//# sourceMappingURL=column-views.2d957a97.js.map\n","import {\n  ColumnAxisType,\n  ColumnContext,\n  ColumnLayoutContext,\n  ForeignObject,\n  PatternDefsProvider,\n  useColumn,\n  useGeologicPattern,\n  zigZagBoxPath,\n} from \"@macrostrat/column-components\";\nimport { SizeAwareLabel, Clickable } from \"@macrostrat/ui-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport { forwardRef, ReactNode, useContext, useMemo } from \"react\";\nimport { resolveID, scalePattern } from \"./resolvers\";\nimport { useUnitSelectionTarget } from \"./selection\";\nimport { IUnit } from \"./types\";\nimport styles from \"./boxes.module.sass\";\nimport classNames from \"classnames\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { useLithologies } from \"../data-provider\";\nimport { getMixedUnitColor } from \"./colors\";\nimport type { RectBounds } from \"./types\";\n\nconst h = hyper.styled(styles);\n\ninterface UnitRectOptions {\n  widthFraction?: number;\n  axisType?: ColumnAxisType;\n  // Padding to create overflow for zig-zags or other ornamented edges\n  padding?: number;\n}\n\ninterface UnitProps extends Clickable, Partial<RectBounds>, UnitRectOptions {\n  division: IUnit;\n  resolveID?(IUnit): string;\n  UUID?: string;\n  defaultFill?: string;\n  widthFraction?: number;\n  children?: ReactNode;\n  className?: string;\n  fill?: string;\n  backgroundColor?: string;\n  patternColor?: string;\n  patternID?: string | number;\n}\n\nexport interface LabeledUnitProps\n  extends UnitRectOptions,\n    Clickable,\n    Partial<RectBounds> {\n  division: IUnit;\n  patternID?: string | number;\n  label: string;\n  onLabelUpdated?(label: string, shown: boolean);\n  halfWidth?: boolean;\n  showLabel?: boolean;\n  backgroundColor?: string;\n}\n\nfunction useUnitRect(\n  division: IUnit,\n  options: UnitRectOptions = {},\n): RectBounds {\n  const {\n    widthFraction = 1,\n    axisType = ColumnAxisType.AGE,\n    padding = 0,\n  } = options;\n  const { scale } = useContext(ColumnContext);\n  const { width } = useContext(ColumnLayoutContext);\n\n  const [bottomHeight, topHeight] = getUnitHeightRange(division, axisType);\n\n  const y = scale(topHeight);\n  const height = Math.abs(scale(bottomHeight) - y);\n\n  return {\n    x: width * (1 - widthFraction) - padding,\n    y: y - padding,\n    height: height + padding * 2,\n    width: widthFraction * width + padding * 2,\n  };\n}\n\nexport function MinimalUnit(props) {\n  const {\n    division: d,\n    children,\n    className,\n    widthFraction = 1,\n    axisType: _, // not sure why this is brought in...\n    nColumns: __,\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const lithMap = useLithologies();\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n\n  const backgroundColor = getMixedUnitColor(d, lithMap, null, false);\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  return h(\n    \"g.unit\",\n    {\n      className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n        \"--column-stroke-color\": backgroundColor,\n      },\n    },\n    [\n      h(\"rect.unit.background\", {\n        ref,\n        ...bounds,\n        fill: backgroundColor,\n        fillOpacity: 0.8,\n        stroke: backgroundColor,\n        onClick,\n      }),\n      h.if(selected)(\"rect.selection-overlay\", bounds),\n    ],\n  );\n}\n\nfunction Unit(props: UnitProps) {\n  const {\n    division: d,\n    children,\n    fill,\n    defaultFill = \"transparent\",\n    className,\n    widthFraction = 1,\n    backgroundColor,\n    patternColor,\n    patternID,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n\n  const hasOverflowTop = d.t_clip_pos != null;\n  const hasOverflowBottom = d.b_clip_pos != null;\n\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n    overflowTop: hasOverflowTop,\n    overflowBottom: hasOverflowBottom,\n  };\n  const _patternID = patternID ?? resolveID(d);\n  let _fill = fill ?? useGeologicPattern(_patternID, defaultFill);\n\n  const hasBackgroundColor = backgroundColor != null;\n\n  const _className = classNames(className, { colored: hasBackgroundColor });\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  //const key = `unit-${d.unit_id}`;\n\n  return h(\n    \"g.unit\",\n    {\n      className: _className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n      },\n    },\n    [\n      h(UnitRect, {\n        ...bounds,\n        fill: backgroundColor,\n        onClick,\n        className: \"background\",\n      }),\n      h(UnitRect, {\n        ref,\n        ...bounds,\n        fill: _fill,\n        //mask,\n        onClick,\n        className: \"unit\",\n      }),\n      h.if(selected)(UnitRect, { ...bounds, className: \"selection-overlay\" }),\n      //defs,\n      children,\n    ],\n  );\n}\n\ninterface UnitRectProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  className: string;\n  // Used to determine if the rect should have a zig-zag edge on the top or bottom\n  overflowTop?: boolean;\n  overflowBottom?: boolean;\n  [key: string]: any;\n}\n\nconst UnitRect = forwardRef((props: UnitRectProps, ref) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    overflowTop = false,\n    overflowBottom = false,\n    ...rest\n  } = props;\n\n  if (!overflowTop && !overflowBottom) {\n    return h(\"rect\", {\n      x,\n      y,\n      width,\n      height,\n      ref,\n      ...rest,\n    });\n  } else {\n    const d = zigZagBoxPath(x, y, width, height, overflowTop, overflowBottom);\n    return h(\"path\", {\n      d,\n      ref,\n      ...rest,\n    });\n  }\n});\n\nfunction LabeledUnit(props: LabeledUnitProps) {\n  const {\n    division,\n    label,\n    onLabelUpdated,\n    widthFraction,\n    showLabel = true,\n    backgroundColor,\n    patternID,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const bounds = {\n    ...useUnitRect(division, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n  const { width, height } = bounds;\n  return h(\n    Unit,\n    {\n      className: \"labeled-unit\",\n      division,\n      backgroundColor,\n      patternID,\n      ...bounds,\n    },\n    [\n      h.if(showLabel)(\n        ForeignObject,\n        { ...bounds, className: \"unit-label-container\" },\n        h(SizeAwareLabel, {\n          className: \"unit-overlay\",\n          labelClassName: \"unit-label\",\n          style: { width, height },\n          label,\n          onVisibilityChanged(viz) {\n            onLabelUpdated(label, viz);\n          },\n        }),\n      ),\n    ],\n  );\n}\n\nfunction UnitBoxes<T>(props: {\n  unitComponent: React.FunctionComponent<{ division: T }>;\n  unitComponentProps?: any;\n  transformDivisions?(divisions: T[]): T[];\n  transformDivision?: (\n    division: any,\n    index: number,\n    divisions: any[],\n  ) => T | null;\n}) {\n  const { unitComponent = Unit, unitComponentProps = {} } = props;\n  const { divisions } = useContext(ColumnContext);\n\n  if (divisions.length == 0) {\n    console.warn(\"No divisions found in column context\");\n    return null;\n  }\n\n  const children = useMemo(() => {\n    return divisions.map((division: any, i) => {\n      // @ts-ignore\n      return h(unitComponent, {\n        division,\n        key: division.unit_id,\n        ...unitComponentProps,\n      });\n    });\n  }, [divisions, unitComponent, unitComponentProps]);\n\n  return h(\n    PatternDefsProvider,\n    { resolveID, scalePattern },\n    h(\"g.divisions\", children),\n  );\n}\n\nexport { LabeledUnit, Unit, UnitBoxes, UnitProps };\n"],"names":["ColumnAxisType","$jfrfr$ColumnAxisType","ColumnContext","$jfrfr$ColumnContext","ColumnLayoutContext","$jfrfr$ColumnLayoutContext","useColumn","$jfrfr$useColumn","useGeologicPattern","$jfrfr$useGeologicPattern","zigZagBoxPath","$jfrfr$zigZagBoxPath","ForeignObject","$jfrfr$ForeignObject","PatternDefsProvider","$jfrfr$PatternDefsProvider","SizeAwareLabel","$jfrfr$SizeAwareLabel","$jfrfr$macrostrathyper","useContext","$jfrfr$useContext","forwardRef","$jfrfr$forwardRef","useMemo","$jfrfr$useMemo","$jfrfr$classnames","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$5VyZI","$a3mb1","$klU0I","$iWhRv","$lgTAP","$bfmPX","$82e068a44c11e855$var$h","styled","a","__esModule","default","$82e068a44c11e855$var$useUnitRect","division","options","widthFraction","axisType","AGE","padding","scale","width","bottomHeight","topHeight","getUnitHeightRange","y","height","Math","abs","x","$82e068a44c11e855$export$d54fdbabca27e53","props","d","children","className","_","nColumns","__","baseBounds","lithMap","useLithologies","bounds","backgroundColor","getMixedUnitColor","ref","selected","onClick","useUnitSelectionTarget","style","fill","fillOpacity","stroke","if","$82e068a44c11e855$export$1d8b9ae22d404866","defaultFill","patternColor","patternID","hasOverflowTop","t_clip_pos","hasOverflowBottom","b_clip_pos","overflowTop","overflowBottom","_patternID","resolveID","_fill","_className","colored","$82e068a44c11e855$var$UnitRect","rest","$82e068a44c11e855$export$b4f0ca233b98f9af","label","onLabelUpdated","showLabel","labelClassName","onVisibilityChanged","viz","$82e068a44c11e855$export$5d1cdfabe8dc8085","unitComponent","unitComponentProps","divisions","length","console","warn","map","i","key","unit_id","scalePattern","MinimalUnit","Unit","LabeledUnit","UnitBoxes"],"version":3,"file":"column-views.2d957a97.js.map","sourceRoot":"../../../../"}

package/dist/node/column-views.307661d1.css

@@ -0,0 +1,2 @@
+.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;height:fit-content;display:flex;position:relative}.column-container_afc440 g.lithology-column .column-clip-frame{stroke:none}.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:1px 0;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;padding:1px}.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}.column-title-row_afc440{flex-direction:row;justify-content:space-between;align-items:baseline;gap:1em;display:flex}
+/*# sourceMappingURL=column-views.307661d1.css.map */

package/dist/node/column-views.307661d1.css.map

@@ -0,0 +1 @@
+{"mappings":"ACAA,uOAWE,mCACE,qQAOI,qEAEA,kFAIN,8PAOE,8DAIF,0EAIE,sGAOA,2EAIA,kFAKA,qI,yIASF,uDAGA,gH,qD,6D,gD,oE,qE,kE,4H,2C,0DAqCF,sEAQE,+E,qIAcA,+D,gE,kDAcA,kD,8G","sources":["column-views.307661d1.css","packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container_afc440, body.light-mode .column-container_afc440 {\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\n@media (prefers-color-scheme: dark) {\n  body:not(.light-mode) .column-container_afc440 {\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  }\n\n  body:not(.light-mode) .column-container_afc440 .timescale {\n    color: #000;\n  }\n\n  body:not(.light-mode) .column-container_afc440 svg pattern image {\n    filter: invert();\n  }\n}\n\nbody.dark-mode .column-container_afc440 {\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}\n\nbody.dark-mode .column-container_afc440 .timescale {\n  color: #000;\n}\n\nbody.dark-mode .column-container_afc440 svg pattern image {\n  filter: invert();\n}\n\n.column-container_afc440 .column {\n  flex-direction: row;\n  height: fit-content;\n  display: flex;\n  position: relative;\n}\n\n.column-container_afc440 g.lithology-column .column-clip-frame {\n  stroke: none;\n}\n\n.column-container_afc440 .unit {\n  stroke: var(--column-stroke-color);\n  stroke-width: 1px;\n}\n\n.column-container_afc440 .selection-overlay {\n  fill: var(--selection-overlay-color, red);\n  fill-opacity: var(--selection-overlay-opacity, .5);\n}\n\n.column-container_afc440 g.lithology-column use.frame {\n  stroke: var(--column-stroke-color);\n  pointer-events: none;\n  stroke-width: 1.5px !important;\n}\n\n.column-container_afc440 .unit-label {\n  text-align: center;\n}\n\n.column-container_afc440 .col-note-label {\n  margin: 1px 0;\n  font-size: 10px;\n  line-height: 9px;\n  border-left: none !important;\n}\n\n.column-container_afc440 g.height-range {\n  display: none;\n}\n\n.column-container_afc440 .note-inner {\n  border: none;\n  padding: 1px;\n}\n\n.column-container_afc440 .frame rect {\n  fill: #0000;\n}\n\n.column-container_afc440 .default-buttons {\n  width: 100%;\n  margin: 0 -10px;\n}\n\n.column-container_afc440 div.section {\n  flex-direction: row;\n  display: flex;\n}\n\n.column-container_afc440 .section .divisions .unit {\n  cursor: pointer;\n}\n\n.column-container_afc440 .timescale {\n  width: calc((1.5em + 1.5px) * var(--timescale-level-count, 4));\n  --timescale-level-size: 1.5em;\n}\n\n.timescale-column_afc440 {\n  position: relative;\n}\n\n.section-main_afc440 {\n  margin-bottom: -4px;\n  position: relative;\n}\n\n.section-units-container_afc440, .main-column_afc440 {\n  position: relative;\n}\n\n.unconformity-labels_afc440 {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.unconformity_afc440 {\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n  font-size: .8em;\n  display: flex;\n  position: absolute;\n  top: 0;\n}\n\n.unconformity_afc440.giga_afc440 {\n  font-size: 1em;\n  font-weight: 800;\n}\n\n.unconformity_afc440.mega_afc440 {\n  font-size: .9em;\n  font-weight: 700;\n}\n\n.unconformity_afc440.large_afc440 {\n  font-weight: 600;\n}\n\n.unconformity_afc440.small_afc440 {\n  font-weight: 300;\n}\n\n.unconformity-text_afc440 {\n  width: var(--column-width);\n  color: var(--column-stroke-color);\n  --unit-font-style: normal;\n}\n\n.column-title-row_afc440 {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 1em;\n  display: flex;\n}\n/*# sourceMappingURL=column-views.307661d1.css.map */\n",".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-emphasized-color, #000)\n  --column-text-color: var(--text-emphasized-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-emphasized-color, #fff)\n    --column-text-color: var(--text-emphasized-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      svg pattern image\n        filter: invert(100%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-emphasized-color, #fff)\n  --column-text-color: var(--text-emphasized-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    svg pattern image\n      filter: invert(100%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n    height: fit-content\n\n  g.lithology-column .column-clip-frame\n    stroke: none\n\n  .unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  .selection-overlay\n    fill: var(--selection-overlay-color, red)\n    fill-opacity: var(--selection-overlay-opacity, 0.5)\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  line-height: 9px\n  border-left: none !important\n  margin: 1px 0\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n  padding: 1px\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global(.timescale)\n  width: calc(calc(1.5em + 1.5px) * var(--timescale-level-count, 4))\n  --timescale-level-size: 1.5em\n\n.timescale-column\n  position: relative\n\n.section-main\n  position: relative\n  margin-bottom: -4px\n\n.section-units-container\n  position: relative\n\n.main-column\n  position: relative\n\n.unconformity-labels\n  position: absolute\n  top: 0\n  left: 0\n  pointer-events: none\n\n\n.unconformity\n  text-align: center\n  position: absolute\n  top: 0px\n  display: flex\n  justify-content: center\n  align-items: center\n  font-size: 0.8em\n  &.giga\n    font-weight: 800\n    font-size: 1em\n  &.mega\n    font-weight: 600\n    font-weight: 700\n    font-size: 0.9em\n  &.large\n    font-weight:  600\n  &.small\n    font-weight: 300\n\n\n.unconformity-text\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n  --unit-font-style: normal\n\n\n.column-title-row\n  display: flex\n  flex-direction: row\n  gap: 1em\n  justify-content: space-between\n  align-items: baseline\n"],"names":[],"version":3,"file":"column-views.307661d1.css.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.4381c411.js → column-views.45fab61b.js}

@@ -1,2 +1,2 @@
-import"./column-views.6c7a40e0.js";import"./column-views.7d45bbeb.js";import{useMemo as e,useCallback as r,useEffect as t}from"react";import{setGeoJSON as n,buildGeoJSONSource as l}from"@macrostrat/mapbox-utils";import{useMapRef as o,useMapStyleOperator as i}from"@macrostrat/mapbox-react";var a=globalThis,u={},s={},c=a.parcelRequirea149;null==c&&((c=function(e){if(e in u)return u[e].exports;if(e in s){var r=s[e];delete s[e];var t={id:e,exports:{}};return u[e]=t,r.call(t.exports,t,t.exports),t.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,r){s[e]=r},a.parcelRequirea149=c),c.register;var p=c("c4zVj"),d=c("iVYEX");function f(l){let{showTriangulation:a=!1}=l,u=(0,p.useColumnNavigationStore)(e=>e.columns),s=(0,p.useColumnNavigationStore)(e=>e.selectedColumn),c=(0,p.useColumnNavigationStore)(e=>e.selectColumn),f=e(()=>u&&0!=u.length?(0,d.buildTriangulation)(u):null,[u]),m=o().current,v=e(()=>{if(null==u||null==f||null==m)return null;let e=u.findIndex(e=>e.properties.col_id==s),r=f.tri.delaunay.neighbors[e];return(0,d.buildKeyMapping)(r,f.centroids,e,e=>{let r=m.project(e);return[r.x,r.y]})},[s,u,f,m]),b=r(e=>{if(null==v)return;let r=v[e.which];if(null!=r)return e.preventDefault(),e.stopPropagation(),c(u[r].id),!1},[v,c]);return t(()=>{if(null==m)return;let e=m.getCanvas();return e.addEventListener("keydown",b),()=>{e.removeEventListener("keydown",b)}},[m,b]),i(e=>{if(null==f||!a)return;let{features:r}=f.tri.links();n(e,"column-links",{type:"FeatureCollection",features:r})},[f,a]),null}function m(e="purple"){return{sources:{"column-links":l()},layers:[{id:"column-links",type:"line",source:"column-links",paint:{"line-color":e,"line-width":1.5}},{id:"column-centers",type:"circle",source:"column-links",paint:{"circle-radius":2,"circle-color":e}}]}}export{f as ColumnKeyboardNavigation,m as buildKeyboardNavigationStyle};
-//# sourceMappingURL=column-views.4381c411.js.map
+import"./column-views.2ca669bc.js";import"./column-views.7d45bbeb.js";import{useMemo as e,useCallback as r,useEffect as t}from"react";import{setGeoJSON as n,buildGeoJSONSource as l}from"@macrostrat/mapbox-utils";import{useMapRef as o,useMapStyleOperator as i}from"@macrostrat/mapbox-react";var a=globalThis,u={},s={},c=a.parcelRequirea149;null==c&&((c=function(e){if(e in u)return u[e].exports;if(e in s){var r=s[e];delete s[e];var t={id:e,exports:{}};return u[e]=t,r.call(t.exports,t,t.exports),t.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,r){s[e]=r},a.parcelRequirea149=c),c.register;var p=c("c4zVj"),d=c("iVYEX");function f(l){let{showTriangulation:a=!1}=l,u=(0,p.useColumnNavigationStore)(e=>e.columns),s=(0,p.useColumnNavigationStore)(e=>e.selectedColumn),c=(0,p.useColumnNavigationStore)(e=>e.selectColumn),f=e(()=>u&&0!=u.length?(0,d.buildTriangulation)(u):null,[u]),m=o().current,v=e(()=>{if(null==u||null==f||null==m)return null;let e=u.findIndex(e=>e.properties.col_id==s),r=f.tri.delaunay.neighbors[e];return(0,d.buildKeyMapping)(r,f.centroids,e,e=>{let r=m.project(e);return[r.x,r.y]})},[s,u,f,m]),b=r(e=>{if(null==v)return;let r=v[e.which];if(null!=r)return e.preventDefault(),e.stopPropagation(),c(u[r].id),!1},[v,c]);return t(()=>{if(null==m)return;let e=m.getCanvas();return e.addEventListener("keydown",b),()=>{e.removeEventListener("keydown",b)}},[m,b]),i(e=>{if(null==f||!a)return;let{features:r}=f.tri.links();n(e,"column-links",{type:"FeatureCollection",features:r})},[f,a]),null}function m(e="purple"){return{sources:{"column-links":l()},layers:[{id:"column-links",type:"line",source:"column-links",paint:{"line-color":e,"line-width":1.5}},{id:"column-centers",type:"circle",source:"column-links",paint:{"circle-radius":2,"circle-color":e}}]}}export{f as ColumnKeyboardNavigation,m as buildKeyboardNavigationStyle};
+//# sourceMappingURL=column-views.45fab61b.js.map

package/dist/node/{column-views.4381c411.js.map → column-views.45fab61b.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import \"./column-views.6c7a40e0.js\";\nimport \"./column-views.7d45bbeb.js\";\nimport {useMemo as $6HCEc$useMemo, useCallback as $6HCEc$useCallback, useEffect as $6HCEc$useEffect} from \"react\";\nimport {setGeoJSON as $6HCEc$setGeoJSON, buildGeoJSONSource as $6HCEc$buildGeoJSONSource} from \"@macrostrat/mapbox-utils\";\nimport {useMapRef as $6HCEc$useMapRef, useMapStyleOperator as $6HCEc$useMapStyleOperator} from \"@macrostrat/mapbox-react\";\n\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\nvar $c4zVj = parcelRequire(\"c4zVj\");\n\nvar $iVYEX = parcelRequire(\"iVYEX\");\nfunction $ee9901df79ff88e8$export$8c41dd563753848(props) {\n    /** Keyboard navigation of columns using a Delaunay triangulation */ const { showTriangulation: showTriangulation = false } = props;\n    const columns = (0, $c4zVj.useColumnNavigationStore)((state)=>state.columns);\n    const col_id = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectedColumn);\n    const selectColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectColumn);\n    const voronoi = (0, $6HCEc$useMemo)(()=>{\n        if (!columns || columns.length == 0) return null;\n        return (0, $iVYEX.buildTriangulation)(columns);\n    }, [\n        columns\n    ]);\n    const mapRef = (0, $6HCEc$useMapRef)();\n    const map = mapRef.current;\n    const keyMapping = (0, $6HCEc$useMemo)(()=>{\n        if (columns == null || voronoi == null || map == null) return null;\n        const projection = (d)=>{\n            const pt = map.project(d);\n            return [\n                pt.x,\n                pt.y\n            ];\n        };\n        const currentIndex = columns.findIndex((d)=>d.properties.col_id == col_id);\n        const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n        return (0, $iVYEX.buildKeyMapping)(neighbors, voronoi.centroids, currentIndex, projection);\n    }, [\n        col_id,\n        columns,\n        voronoi,\n        map\n    ]);\n    const onKeyDown = (0, $6HCEc$useCallback)((event)=>{\n        if (keyMapping == null) return;\n        const nextColumnIx = keyMapping[event.which];\n        if (nextColumnIx == null) return;\n        event.preventDefault();\n        event.stopPropagation();\n        // @ts-ignore\n        selectColumn(columns[nextColumnIx].id);\n        return false;\n    }, [\n        keyMapping,\n        selectColumn\n    ]);\n    (0, $6HCEc$useEffect)(()=>{\n        if (map == null) return;\n        const canvas = map.getCanvas();\n        canvas.addEventListener(\"keydown\", onKeyDown);\n        return ()=>{\n            canvas.removeEventListener(\"keydown\", onKeyDown);\n        };\n    }, [\n        map,\n        onKeyDown\n    ]);\n    (0, $6HCEc$useMapStyleOperator)((map)=>{\n        if (voronoi == null || !showTriangulation) return;\n        const { features: features } = voronoi.tri.links();\n        (0, $6HCEc$setGeoJSON)(map, \"column-links\", {\n            type: \"FeatureCollection\",\n            features: features\n        });\n    }, [\n        voronoi,\n        showTriangulation\n    ]);\n    //if (neighbors == null) return null;\n    //const neighborFeatures = neighbors.map((d) => features[d]);\n    return null;\n}\nfunction $ee9901df79ff88e8$export$c613fba0aabeee13(color = \"purple\") {\n    return {\n        sources: {\n            \"column-links\": (0, $6HCEc$buildGeoJSONSource)()\n        },\n        layers: [\n            {\n                id: \"column-links\",\n                type: \"line\",\n                source: \"column-links\",\n                paint: {\n                    \"line-color\": color,\n                    \"line-width\": 1.5\n                }\n            },\n            {\n                id: \"column-centers\",\n                type: \"circle\",\n                source: \"column-links\",\n                paint: {\n                    \"circle-radius\": 2,\n                    \"circle-color\": color\n                }\n            }\n        ]\n    };\n}\n\n\nexport {$ee9901df79ff88e8$export$8c41dd563753848 as ColumnKeyboardNavigation, $ee9901df79ff88e8$export$c613fba0aabeee13 as buildKeyboardNavigationStyle};\n//# sourceMappingURL=column-views.4381c411.js.map\n","import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":["useMemo","$6HCEc$useMemo","useCallback","$6HCEc$useCallback","useEffect","$6HCEc$useEffect","setGeoJSON","$6HCEc$setGeoJSON","buildGeoJSONSource","$6HCEc$buildGeoJSONSource","useMapRef","$6HCEc$useMapRef","useMapStyleOperator","$6HCEc$useMapStyleOperator","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$c4zVj","$iVYEX","$ee9901df79ff88e8$export$8c41dd563753848","props","showTriangulation","columns","useColumnNavigationStore","state","col_id","selectedColumn","selectColumn","voronoi","length","buildTriangulation","map","mapRef","current","keyMapping","currentIndex","findIndex","d","properties","neighbors","tri","delaunay","buildKeyMapping","centroids","pt","project","x","y","onKeyDown","event","nextColumnIx","which","preventDefault","stopPropagation","canvas","getCanvas","addEventListener","removeEventListener","features","links","type","$ee9901df79ff88e8$export$c613fba0aabeee13","color","sources","layers","source","paint","ColumnKeyboardNavigation","buildKeyboardNavigationStyle"],"version":3,"file":"column-views.4381c411.js.map","sourceRoot":"../../../../"}
+{"mappings":"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","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import \"./column-views.2ca669bc.js\";\nimport \"./column-views.7d45bbeb.js\";\nimport {useMemo as $6HCEc$useMemo, useCallback as $6HCEc$useCallback, useEffect as $6HCEc$useEffect} from \"react\";\nimport {setGeoJSON as $6HCEc$setGeoJSON, buildGeoJSONSource as $6HCEc$buildGeoJSONSource} from \"@macrostrat/mapbox-utils\";\nimport {useMapRef as $6HCEc$useMapRef, useMapStyleOperator as $6HCEc$useMapStyleOperator} from \"@macrostrat/mapbox-react\";\n\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\nvar $c4zVj = parcelRequire(\"c4zVj\");\n\nvar $iVYEX = parcelRequire(\"iVYEX\");\nfunction $ee9901df79ff88e8$export$8c41dd563753848(props) {\n    /** Keyboard navigation of columns using a Delaunay triangulation */ const { showTriangulation: showTriangulation = false } = props;\n    const columns = (0, $c4zVj.useColumnNavigationStore)((state)=>state.columns);\n    const col_id = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectedColumn);\n    const selectColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectColumn);\n    const voronoi = (0, $6HCEc$useMemo)(()=>{\n        if (!columns || columns.length == 0) return null;\n        return (0, $iVYEX.buildTriangulation)(columns);\n    }, [\n        columns\n    ]);\n    const mapRef = (0, $6HCEc$useMapRef)();\n    const map = mapRef.current;\n    const keyMapping = (0, $6HCEc$useMemo)(()=>{\n        if (columns == null || voronoi == null || map == null) return null;\n        const projection = (d)=>{\n            const pt = map.project(d);\n            return [\n                pt.x,\n                pt.y\n            ];\n        };\n        const currentIndex = columns.findIndex((d)=>d.properties.col_id == col_id);\n        const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n        return (0, $iVYEX.buildKeyMapping)(neighbors, voronoi.centroids, currentIndex, projection);\n    }, [\n        col_id,\n        columns,\n        voronoi,\n        map\n    ]);\n    const onKeyDown = (0, $6HCEc$useCallback)((event)=>{\n        if (keyMapping == null) return;\n        const nextColumnIx = keyMapping[event.which];\n        if (nextColumnIx == null) return;\n        event.preventDefault();\n        event.stopPropagation();\n        // @ts-ignore\n        selectColumn(columns[nextColumnIx].id);\n        return false;\n    }, [\n        keyMapping,\n        selectColumn\n    ]);\n    (0, $6HCEc$useEffect)(()=>{\n        if (map == null) return;\n        const canvas = map.getCanvas();\n        canvas.addEventListener(\"keydown\", onKeyDown);\n        return ()=>{\n            canvas.removeEventListener(\"keydown\", onKeyDown);\n        };\n    }, [\n        map,\n        onKeyDown\n    ]);\n    (0, $6HCEc$useMapStyleOperator)((map)=>{\n        if (voronoi == null || !showTriangulation) return;\n        const { features: features } = voronoi.tri.links();\n        (0, $6HCEc$setGeoJSON)(map, \"column-links\", {\n            type: \"FeatureCollection\",\n            features: features\n        });\n    }, [\n        voronoi,\n        showTriangulation\n    ]);\n    //if (neighbors == null) return null;\n    //const neighborFeatures = neighbors.map((d) => features[d]);\n    return null;\n}\nfunction $ee9901df79ff88e8$export$c613fba0aabeee13(color = \"purple\") {\n    return {\n        sources: {\n            \"column-links\": (0, $6HCEc$buildGeoJSONSource)()\n        },\n        layers: [\n            {\n                id: \"column-links\",\n                type: \"line\",\n                source: \"column-links\",\n                paint: {\n                    \"line-color\": color,\n                    \"line-width\": 1.5\n                }\n            },\n            {\n                id: \"column-centers\",\n                type: \"circle\",\n                source: \"column-links\",\n                paint: {\n                    \"circle-radius\": 2,\n                    \"circle-color\": color\n                }\n            }\n        ]\n    };\n}\n\n\nexport {$ee9901df79ff88e8$export$8c41dd563753848 as ColumnKeyboardNavigation, $ee9901df79ff88e8$export$c613fba0aabeee13 as buildKeyboardNavigationStyle};\n//# sourceMappingURL=column-views.45fab61b.js.map\n","import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":["useMemo","$6HCEc$useMemo","useCallback","$6HCEc$useCallback","useEffect","$6HCEc$useEffect","setGeoJSON","$6HCEc$setGeoJSON","buildGeoJSONSource","$6HCEc$buildGeoJSONSource","useMapRef","$6HCEc$useMapRef","useMapStyleOperator","$6HCEc$useMapStyleOperator","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$c4zVj","$iVYEX","$ee9901df79ff88e8$export$8c41dd563753848","props","showTriangulation","columns","useColumnNavigationStore","state","col_id","selectedColumn","selectColumn","voronoi","length","buildTriangulation","map","mapRef","current","keyMapping","currentIndex","findIndex","d","properties","neighbors","tri","delaunay","buildKeyMapping","centroids","pt","project","x","y","onKeyDown","event","nextColumnIx","which","preventDefault","stopPropagation","canvas","getCanvas","addEventListener","removeEventListener","features","links","type","$ee9901df79ff88e8$export$c613fba0aabeee13","color","sources","layers","source","paint","ColumnKeyboardNavigation","buildKeyboardNavigationStyle"],"version":3,"file":"column-views.45fab61b.js.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.e4f18ff7.js → column-views.492b4917.js}

@@ -1,2 +1,2 @@
-import"./column-views.2ab1c2f8.js";import"./column-views.ebb44b7d.js";function e(e,r){return Object.keys(r).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})}),e}var r=globalThis,t={},o={},n=r.parcelRequirea149;null==n&&((n=function(e){if(e in t)return t[e].exports;if(e in o){var r=o[e];delete o[e];var n={id:e,exports:{}};return t[e]=n,r.call(n.exports,n,n.exports),n.exports}var a=Error("Cannot find module '"+e+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(e,r){o[e]=r},r.parcelRequirea149=n),n.register;var a={},c=n("ccQ40"),i=n("dd0Et");e(a,c),e(a,i);export{$25f1fcddbe40b91f$export$9ebf875c09445bec as CorrelationChart,$7e37f2a9ef0a1013$export$77c3cc7a57c6db5f as parseLineFromString,$7e37f2a9ef0a1013$export$8c53992169ff5301 as stringifyLine};
-//# sourceMappingURL=column-views.e4f18ff7.js.map
+import"./column-views.0dfc7ef7.js";import"./column-views.ebb44b7d.js";function e(e,r){return Object.keys(r).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})}),e}var r=globalThis,t={},o={},n=r.parcelRequirea149;null==n&&((n=function(e){if(e in t)return t[e].exports;if(e in o){var r=o[e];delete o[e];var n={id:e,exports:{}};return t[e]=n,r.call(n.exports,n,n.exports),n.exports}var a=Error("Cannot find module '"+e+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(e,r){o[e]=r},r.parcelRequirea149=n),n.register;var a={},c=n("ccQ40"),i=n("dd0Et");e(a,c),e(a,i);export{$25f1fcddbe40b91f$export$9ebf875c09445bec as CorrelationChart,$7e37f2a9ef0a1013$export$77c3cc7a57c6db5f as parseLineFromString,$7e37f2a9ef0a1013$export$8c53992169ff5301 as stringifyLine};
+//# sourceMappingURL=column-views.492b4917.js.map

package/dist/node/{column-views.e4f18ff7.js.map → column-views.492b4917.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,6C,A,O,6C,C,S,E,C,C,C,E,O,O,I,C,G,O,C,S,C,E,Y,G,A,e,G,O,S,C,c,C,I,C,E,I,O,c,C,E,E,C,W,C,E,I,W,O,C,C,E,A,C,E,G,C,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,S,E,E,S,E,E,G,E,E,U,6C,gB,C,6C,mB,C,6C,a","sources":["<anon>","packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["import \"./column-views.2ab1c2f8.js\";\nimport \"./column-views.ebb44b7d.js\";\n\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      }\n    });\n  });\n\n  return dest;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $53af365ed50b7b69$exports = {};\n\nvar $ccQ40 = parcelRequire(\"ccQ40\");\n\nvar $dd0Et = parcelRequire(\"dd0Et\");\n$parcel$exportWildcard($53af365ed50b7b69$exports, $ccQ40);\n$parcel$exportWildcard($53af365ed50b7b69$exports, $dd0Et);\n\n\nexport {$25f1fcddbe40b91f$export$9ebf875c09445bec as CorrelationChart, $7e37f2a9ef0a1013$export$77c3cc7a57c6db5f as parseLineFromString, $7e37f2a9ef0a1013$export$8c53992169ff5301 as stringifyLine};\n//# sourceMappingURL=column-views.e4f18ff7.js.map\n","export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":["$parcel$exportWildcard","dest","source","Object","keys","forEach","key","prototype","hasOwnProperty","call","defineProperty","enumerable","get","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","err","Error","code","register","$53af365ed50b7b69$exports","$ccQ40","$dd0Et","$25f1fcddbe40b91f$export$9ebf875c09445bec","CorrelationChart","$7e37f2a9ef0a1013$export$77c3cc7a57c6db5f","parseLineFromString","$7e37f2a9ef0a1013$export$8c53992169ff5301","stringifyLine"],"version":3,"file":"column-views.e4f18ff7.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,6C,A,O,6C,C,S,E,C,C,C,E,O,O,I,C,G,O,C,S,C,E,Y,G,A,e,G,O,S,C,c,C,I,C,E,I,O,c,C,E,E,C,W,C,E,I,W,O,C,C,E,A,C,E,G,C,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,S,E,E,S,E,E,G,E,E,U,6C,gB,C,6C,mB,C,6C,a","sources":["<anon>","packages/column-views/src/correlation-chart/index.ts"],"sourcesContent":["import \"./column-views.0dfc7ef7.js\";\nimport \"./column-views.ebb44b7d.js\";\n\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      }\n    });\n  });\n\n  return dest;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $53af365ed50b7b69$exports = {};\n\nvar $ccQ40 = parcelRequire(\"ccQ40\");\n\nvar $dd0Et = parcelRequire(\"dd0Et\");\n$parcel$exportWildcard($53af365ed50b7b69$exports, $ccQ40);\n$parcel$exportWildcard($53af365ed50b7b69$exports, $dd0Et);\n\n\nexport {$25f1fcddbe40b91f$export$9ebf875c09445bec as CorrelationChart, $7e37f2a9ef0a1013$export$77c3cc7a57c6db5f as parseLineFromString, $7e37f2a9ef0a1013$export$8c53992169ff5301 as stringifyLine};\n//# sourceMappingURL=column-views.492b4917.js.map\n","export * from \"./main\";\nexport * from \"./hash-string\";\n"],"names":["$parcel$exportWildcard","dest","source","Object","keys","forEach","key","prototype","hasOwnProperty","call","defineProperty","enumerable","get","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","err","Error","code","register","$53af365ed50b7b69$exports","$ccQ40","$dd0Et","$25f1fcddbe40b91f$export$9ebf875c09445bec","CorrelationChart","$7e37f2a9ef0a1013$export$77c3cc7a57c6db5f","parseLineFromString","$7e37f2a9ef0a1013$export$8c53992169ff5301","stringifyLine"],"version":3,"file":"column-views.492b4917.js.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.3f032518.js → column-views.4ca62e5d.js}

@@ -1,2 +1,2 @@
-import"./column-views.d6708353.js";import"./column-views.78d3f3c5.js";import"./column-views.fc05616e.js";import e from"@macrostrat/hyper";import{ColumnAxisType as a,SVG as t,AgeAxis as s}from"@macrostrat/column-components";import"react";import{Parenthetical as i}from"@macrostrat/data-components";function r(e,a,t,s){Object.defineProperty(e,a,{get:t,set:s,enumerable:!0,configurable:!0})}var o=globalThis,l={},c={},n=o.parcelRequirea149;null==n&&((n=function(e){if(e in l)return l[e].exports;if(e in c){var a=c[e];delete c[e];var t={id:e,exports:{}};return l[e]=t,a.call(t.exports,t,t.exports),t.exports}var s=Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(e,a){c[e]=a},o.parcelRequirea149=n),n.register;var u={};r(u,"VerticalAxisLabel",()=>f),r(u,"CompositeAgeAxis",()=>x),r(u,"CompositeAgeAxisCore",()=>A),r(u,"AgeCursor",()=>b);var m=n("6kMGl"),p=n("wtIgl"),g=n("iYfAq");let d=e.styled(m&&m.__esModule?m.default:m);function f(e){let{label:a="Age",unit:t="Ma",className:s,height:r}=e;return d("div.column-axis-label.age-axis-label",{className:s,style:{height:r}},[a," ",d.if(t)(i,{className:"age-axis-unit"},t)])}function x(){let{axisType:e,sections:a,totalHeight:t}=(0,p.useMacrostratColumnData)();return d(A,{axisType:e,packages:a.map(e=>({key:`section-${e.section_id}`,...e.scaleInfo})),totalHeight:t})}function A(e){let{axisType:i,totalHeight:r,packages:o}=e;if(i==a.ORDINAL)return null;let l="Age",c="Ma";return i==a.DEPTH?(l="Depth",c="m"):i==a.HEIGHT&&(l="Height",c="m"),d([d(f,{label:l,unit:c,height:r}),d(t,{className:"age-axis-column",style:{width:"22px",height:`${r}px`},width:22,height:r},o.map((e,a)=>{let{key:t,scale:i}=e;return d(s,{key:t,className:"age-axis",scale:i,tickSizeOuter:3})}))])}function b({age:e}){let a=(0,p.useCompositeScale)()(e);return(console.log(e,a),null==e||null==a)?null:d("div.age-cursor",{style:{top:a}},[d("div.line"),d(g.AgeLabel,{age:e,className:"label"})])}export{f as VerticalAxisLabel,x as CompositeAgeAxis,A as CompositeAgeAxisCore,b as AgeCursor};
-//# sourceMappingURL=column-views.3f032518.js.map
+import"./column-views.d6708353.js";import"./column-views.78d3f3c5.js";import"./column-views.6f7a432f.js";import e from"@macrostrat/hyper";import{ColumnAxisType as a,SVG as t,AgeAxis as s}from"@macrostrat/column-components";import"react";import{Parenthetical as i}from"@macrostrat/data-components";function r(e,a,t,s){Object.defineProperty(e,a,{get:t,set:s,enumerable:!0,configurable:!0})}var o=globalThis,l={},c={},n=o.parcelRequirea149;null==n&&((n=function(e){if(e in l)return l[e].exports;if(e in c){var a=c[e];delete c[e];var t={id:e,exports:{}};return l[e]=t,a.call(t.exports,t,t.exports),t.exports}var s=Error("Cannot find module '"+e+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(e,a){c[e]=a},o.parcelRequirea149=n),n.register;var u={};r(u,"VerticalAxisLabel",()=>f),r(u,"CompositeAgeAxis",()=>x),r(u,"CompositeAgeAxisCore",()=>A),r(u,"AgeCursor",()=>b);var m=n("6kMGl"),p=n("wtIgl"),g=n("iYfAq");let d=e.styled(m&&m.__esModule?m.default:m);function f(e){let{label:a="Age",unit:t="Ma",className:s,height:r}=e;return d("div.column-axis-label.age-axis-label",{className:s,style:{height:r}},[a," ",d.if(t)(i,{className:"age-axis-unit"},t)])}function x(){let{axisType:e,sections:a,totalHeight:t}=(0,p.useMacrostratColumnData)();return d(A,{axisType:e,packages:a.map(e=>({key:`section-${e.section_id}`,...e.scaleInfo})),totalHeight:t})}function A(e){let{axisType:i,totalHeight:r,packages:o}=e;if(i==a.ORDINAL)return null;let l="Age",c="Ma";return i==a.DEPTH?(l="Depth",c="m"):i==a.HEIGHT&&(l="Height",c="m"),d([d(f,{label:l,unit:c,height:r}),d(t,{className:"age-axis-column",style:{width:"22px",height:`${r}px`},width:22,height:r},o.map((e,a)=>{let{key:t,scale:i}=e;return d(s,{key:t,className:"age-axis",scale:i,tickSizeOuter:3})}))])}function b({age:e}){let a=(0,p.useCompositeScale)()(e);return(console.log(e,a),null==e||null==a)?null:d("div.age-cursor",{style:{top:a}},[d("div.line"),d(g.AgeLabel,{age:e,className:"label"})])}export{f as VerticalAxisLabel,x as CompositeAgeAxis,A as CompositeAgeAxisCore,b as AgeCursor};
+//# sourceMappingURL=column-views.4ca62e5d.js.map

package/dist/node/{column-views.3f032518.js.map → column-views.4ca62e5d.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,Q,M,mB,A,Q,kB,C,C,O,C,C,W,C,K,+B,A,O,O,A,Q,iB,C,K,6B,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,oB,I,G,E,E,mB,I,G,E,E,uB,I,G,E,E,Y,I,G,I,E,E,S,E,E,S,E,E,SCeA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAehB,SAAS,EAAkB,CAAK,EACrC,GAAM,CAAA,MAAE,EAAQ,KAAA,CAAA,KAAO,EAAO,IAAA,CAAA,UAAM,CAAS,CAAA,OAAE,CAAM,CAAE,CAAG,EAC1D,OAAO,EACL,uCACA,CAAE,UAAA,EAAW,MAAO,CAAE,OAAA,CAAO,CAAE,EAC/B,CACE,EACA,IACA,EAAE,EAAE,CAAC,GAAM,EAAe,CAAE,UAAW,eAAgB,EAAG,GAC3D,CAEL,CAEO,SAAS,IACd,GAAM,CAAA,SAAE,CAAQ,CAAA,SAAE,CAAQ,CAAA,YAAE,CAAW,CAAE,CAAG,AAAA,CAAA,EAAA,EAAA,uBAAsB,AAAtB,IAS5C,OAAO,EAAE,EAAsB,CAC7B,SAAA,EACA,SATe,EAAS,GAAG,CAAC,AAAC,GACtB,CAAA,CACL,IAAK,CAAC,QAAQ,EAAE,EAAQ,UAAU,CAAA,CAAE,CACpC,GAAG,EAAQ,SAAS,AACtB,CAAA,GAMA,YAAA,CACF,EACF,CAQO,SAAS,EAAqB,CAAsC,EACzE,GAAM,CAAA,SAAE,CAAQ,CAAA,YAAE,CAAW,CAAA,SAAE,CAAQ,CAAE,CAAG,EAE5C,GAAI,GAAY,AAAA,EAAe,OAAO,CACpC,OAAO,KAGT,IAAI,EAAoB,MACpB,EAAW,KASf,OARI,GAAY,AAAA,EAAe,KAAK,EAClC,EAAY,QACZ,EAAW,KACF,GAAY,AAAA,EAAe,MAAM,GAC1C,EAAY,SACZ,EAAW,KAGN,EAAE,CACP,EAAE,EAAmB,CACnB,MAAO,EACP,KAAM,EACN,OAAQ,CACV,GACA,EACE,EACA,CACE,UAAW,kBACX,MAAO,CAAE,MAAO,OAAQ,OAAQ,CAAA,EAAG,EAAY,EAAE,CAAC,AAAC,EACnD,MAAO,GACP,OAAQ,CACV,EACA,EAAS,GAAG,CAAC,CAAC,EAAO,KACnB,GAAM,CAAA,IAAE,CAAG,CAAA,MAAE,CAAK,CAAE,CAAG,EAEvB,OAAO,EAAE,EAAS,CAChB,IAAA,EACA,UAAW,WACX,MAAA,EACA,cAAe,CACjB,EACF,IAEH,CACH,CAEO,SAAS,EAAU,CAAA,IAAE,CAAG,CAAE,EAG/B,IAAM,EAAW,AADH,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,IACS,SAIvB,CAFA,QAAQ,GAAG,CAAC,EAAK,GAEb,AAAO,MAAP,GAAe,AAAY,MAAZ,GACV,KAGF,EACL,iBACA,CACE,MAAO,CACL,IAAK,CACP,CACF,EACA,CAAC,EAAE,YAAa,EAAE,EAAA,QAAO,CAAG,CAAE,IAAA,EAAK,UAAW,OAAQ,GAAG,CAE7D,Q,K,iB,C,K,gB,C,K,oB,C,K,S","sources":["<anon>","packages/column-views/src/age-axis.ts"],"sourcesContent":["import \"./column-views.d6708353.js\";\nimport \"./column-views.78d3f3c5.js\";\nimport \"./column-views.fc05616e.js\";\nimport $fXMLu$macrostrathyper from \"@macrostrat/hyper\";\nimport {ColumnContext as $fXMLu$ColumnContext, ColumnAxis as $fXMLu$ColumnAxis, ColumnAxisType as $fXMLu$ColumnAxisType, SVG as $fXMLu$SVG, AgeAxis as $fXMLu$AgeAxis} from \"@macrostrat/column-components\";\nimport {useContext as $fXMLu$useContext} from \"react\";\nimport {Parenthetical as $fXMLu$Parenthetical} from \"@macrostrat/data-components\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $1aa4ef695e55d51d$exports = {};\n\n$parcel$export($1aa4ef695e55d51d$exports, \"VerticalAxisLabel\", () => $1aa4ef695e55d51d$export$64204d5cbb3e8227);\n$parcel$export($1aa4ef695e55d51d$exports, \"CompositeAgeAxis\", () => $1aa4ef695e55d51d$export$40b6b0e4520eeb34);\n$parcel$export($1aa4ef695e55d51d$exports, \"CompositeAgeAxisCore\", () => $1aa4ef695e55d51d$export$ac30ca3cf5df959d);\n$parcel$export($1aa4ef695e55d51d$exports, \"AgeCursor\", () => $1aa4ef695e55d51d$export$20d84abfcfa68dfa);\n\n\n\n\nvar $6kMGl = parcelRequire(\"6kMGl\");\n\nvar $wtIgl = parcelRequire(\"wtIgl\");\n\n\nvar $iYfAq = parcelRequire(\"iYfAq\");\nconst $1aa4ef695e55d51d$var$h = (0, $fXMLu$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($6kMGl))));\nconst $1aa4ef695e55d51d$var$AgeAxisCore = ({ ticks: ticks, tickSpacing: tickSpacing = 40, showDomain: showDomain = false })=>{\n    const { pixelHeight: pixelHeight } = (0, $fXMLu$useContext)((0, $fXMLu$ColumnContext));\n    // A tick roughly every 40 pixels\n    let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n    return $1aa4ef695e55d51d$var$h(\"g.axis\", {\n        transform: \"translate(20 0)\"\n    }, [\n        $1aa4ef695e55d51d$var$h((0, $fXMLu$ColumnAxis), {\n            ticks: v,\n            showDomain: showDomain\n        })\n    ]);\n};\nfunction $1aa4ef695e55d51d$export$64204d5cbb3e8227(props) {\n    const { label: label = \"Age\", unit: unit = \"Ma\", className: className, height: height } = props;\n    return $1aa4ef695e55d51d$var$h(\"div.column-axis-label.age-axis-label\", {\n        className: className,\n        style: {\n            height: height\n        }\n    }, [\n        label,\n        \" \",\n        $1aa4ef695e55d51d$var$h.if(unit)((0, $fXMLu$Parenthetical), {\n            className: \"age-axis-unit\"\n        }, unit)\n    ]);\n}\nfunction $1aa4ef695e55d51d$export$40b6b0e4520eeb34() {\n    const { axisType: axisType, sections: sections, totalHeight: totalHeight } = (0, $wtIgl.useMacrostratColumnData)();\n    const packages = sections.map((section)=>{\n        return {\n            key: `section-${section.section_id}`,\n            ...section.scaleInfo\n        };\n    });\n    return $1aa4ef695e55d51d$var$h($1aa4ef695e55d51d$export$ac30ca3cf5df959d, {\n        axisType: axisType,\n        packages: packages,\n        totalHeight: totalHeight\n    });\n}\nfunction $1aa4ef695e55d51d$export$ac30ca3cf5df959d(props) {\n    const { axisType: axisType, totalHeight: totalHeight, packages: packages } = props;\n    if (axisType == (0, $fXMLu$ColumnAxisType).ORDINAL) return null;\n    let axisLabel = \"Age\";\n    let axisUnit = \"Ma\";\n    if (axisType == (0, $fXMLu$ColumnAxisType).DEPTH) {\n        axisLabel = \"Depth\";\n        axisUnit = \"m\";\n    } else if (axisType == (0, $fXMLu$ColumnAxisType).HEIGHT) {\n        axisLabel = \"Height\";\n        axisUnit = \"m\";\n    }\n    return $1aa4ef695e55d51d$var$h([\n        $1aa4ef695e55d51d$var$h($1aa4ef695e55d51d$export$64204d5cbb3e8227, {\n            label: axisLabel,\n            unit: axisUnit,\n            height: totalHeight\n        }),\n        $1aa4ef695e55d51d$var$h((0, $fXMLu$SVG), {\n            className: \"age-axis-column\",\n            style: {\n                width: `22px`,\n                height: `${totalHeight}px`\n            },\n            width: 22,\n            height: totalHeight\n        }, packages.map((group, i)=>{\n            const { key: key, scale: scale } = group;\n            return $1aa4ef695e55d51d$var$h((0, $fXMLu$AgeAxis), {\n                key: key,\n                className: \"age-axis\",\n                scale: scale,\n                tickSizeOuter: 3\n            });\n        }))\n    ]);\n}\nfunction $1aa4ef695e55d51d$export$20d84abfcfa68dfa({ age: age }) {\n    /** A cursor that shows the age at a specific point on the age axis. */ const scale = (0, $wtIgl.useCompositeScale)();\n    const heightPx = scale(age);\n    console.log(age, heightPx);\n    if (age == null || heightPx == null) return null;\n    return $1aa4ef695e55d51d$var$h(\"div.age-cursor\", {\n        style: {\n            top: heightPx\n        }\n    }, [\n        $1aa4ef695e55d51d$var$h(\"div.line\"),\n        $1aa4ef695e55d51d$var$h((0, $iYfAq.AgeLabel), {\n            age: age,\n            className: \"label\"\n        })\n    ]);\n}\n\n\nexport {$1aa4ef695e55d51d$export$64204d5cbb3e8227 as VerticalAxisLabel, $1aa4ef695e55d51d$export$40b6b0e4520eeb34 as CompositeAgeAxis, $1aa4ef695e55d51d$export$ac30ca3cf5df959d as CompositeAgeAxisCore, $1aa4ef695e55d51d$export$20d84abfcfa68dfa as AgeCursor};\n//# sourceMappingURL=column-views.3f032518.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\nimport { AgeLabel } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className, height } = props;\n  return h(\n    \"div.column-axis-label.age-axis-label\",\n    { className, style: { height } },\n    [\n      label,\n      \" \",\n      h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n    ],\n  );\n}\n\nexport function CompositeAgeAxis() {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo {\n  axisType: ColumnAxisType;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, totalHeight, packages } = props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let axisLabel: string = \"Age\";\n  let axisUnit = \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    axisLabel = \"Depth\";\n    axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    axisLabel = \"Height\";\n    axisUnit = \"m\";\n  }\n\n  return h([\n    h(VerticalAxisLabel, {\n      label: axisLabel,\n      unit: axisUnit,\n      height: totalHeight,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  console.log(age, heightPx);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":["$fXMLu$macrostrathyper","ColumnAxisType","$fXMLu$ColumnAxisType","SVG","$fXMLu$SVG","AgeAxis","$fXMLu$AgeAxis","Parenthetical","$fXMLu$Parenthetical","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$1aa4ef695e55d51d$exports","$1aa4ef695e55d51d$export$64204d5cbb3e8227","$1aa4ef695e55d51d$export$40b6b0e4520eeb34","$1aa4ef695e55d51d$export$ac30ca3cf5df959d","$1aa4ef695e55d51d$export$20d84abfcfa68dfa","$6kMGl","$wtIgl","$iYfAq","$1aa4ef695e55d51d$var$h","styled","a","__esModule","default","props","label","unit","className","height","style","if","axisType","sections","totalHeight","useMacrostratColumnData","packages","map","section","key","section_id","scaleInfo","ORDINAL","axisLabel","axisUnit","DEPTH","HEIGHT","width","group","i","scale","tickSizeOuter","age","heightPx","useCompositeScale","console","log","top","AgeLabel","VerticalAxisLabel","CompositeAgeAxis","CompositeAgeAxisCore","AgeCursor"],"version":3,"file":"column-views.3f032518.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,Q,M,mB,A,Q,kB,C,C,O,C,C,W,C,K,+B,A,O,O,A,Q,iB,C,K,6B,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,oB,I,G,E,E,mB,I,G,E,E,uB,I,G,E,E,Y,I,G,I,E,E,S,E,E,S,E,E,SCeA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAehB,SAAS,EAAkB,CAAK,EACrC,GAAM,CAAA,MAAE,EAAQ,KAAA,CAAA,KAAO,EAAO,IAAA,CAAA,UAAM,CAAS,CAAA,OAAE,CAAM,CAAE,CAAG,EAC1D,OAAO,EACL,uCACA,CAAE,UAAA,EAAW,MAAO,CAAE,OAAA,CAAO,CAAE,EAC/B,CACE,EACA,IACA,EAAE,EAAE,CAAC,GAAM,EAAe,CAAE,UAAW,eAAgB,EAAG,GAC3D,CAEL,CAEO,SAAS,IACd,GAAM,CAAA,SAAE,CAAQ,CAAA,SAAE,CAAQ,CAAA,YAAE,CAAW,CAAE,CAAG,AAAA,CAAA,EAAA,EAAA,uBAAsB,AAAtB,IAS5C,OAAO,EAAE,EAAsB,CAC7B,SAAA,EACA,SATe,EAAS,GAAG,CAAC,AAAC,GACtB,CAAA,CACL,IAAK,CAAC,QAAQ,EAAE,EAAQ,UAAU,CAAA,CAAE,CACpC,GAAG,EAAQ,SAAS,AACtB,CAAA,GAMA,YAAA,CACF,EACF,CAQO,SAAS,EAAqB,CAAsC,EACzE,GAAM,CAAA,SAAE,CAAQ,CAAA,YAAE,CAAW,CAAA,SAAE,CAAQ,CAAE,CAAG,EAE5C,GAAI,GAAY,AAAA,EAAe,OAAO,CACpC,OAAO,KAGT,IAAI,EAAoB,MACpB,EAAW,KASf,OARI,GAAY,AAAA,EAAe,KAAK,EAClC,EAAY,QACZ,EAAW,KACF,GAAY,AAAA,EAAe,MAAM,GAC1C,EAAY,SACZ,EAAW,KAGN,EAAE,CACP,EAAE,EAAmB,CACnB,MAAO,EACP,KAAM,EACN,OAAQ,CACV,GACA,EACE,EACA,CACE,UAAW,kBACX,MAAO,CAAE,MAAO,OAAQ,OAAQ,CAAA,EAAG,EAAY,EAAE,CAAC,AAAC,EACnD,MAAO,GACP,OAAQ,CACV,EACA,EAAS,GAAG,CAAC,CAAC,EAAO,KACnB,GAAM,CAAA,IAAE,CAAG,CAAA,MAAE,CAAK,CAAE,CAAG,EAEvB,OAAO,EAAE,EAAS,CAChB,IAAA,EACA,UAAW,WACX,MAAA,EACA,cAAe,CACjB,EACF,IAEH,CACH,CAEO,SAAS,EAAU,CAAA,IAAE,CAAG,CAAE,EAG/B,IAAM,EAAW,AADH,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,IACS,SAIvB,CAFA,QAAQ,GAAG,CAAC,EAAK,GAEb,AAAO,MAAP,GAAe,AAAY,MAAZ,GACV,KAGF,EACL,iBACA,CACE,MAAO,CACL,IAAK,CACP,CACF,EACA,CAAC,EAAE,YAAa,EAAE,EAAA,QAAO,CAAG,CAAE,IAAA,EAAK,UAAW,OAAQ,GAAG,CAE7D,Q,K,iB,C,K,gB,C,K,oB,C,K,S","sources":["<anon>","packages/column-views/src/age-axis.ts"],"sourcesContent":["import \"./column-views.d6708353.js\";\nimport \"./column-views.78d3f3c5.js\";\nimport \"./column-views.6f7a432f.js\";\nimport $fXMLu$macrostrathyper from \"@macrostrat/hyper\";\nimport {ColumnContext as $fXMLu$ColumnContext, ColumnAxis as $fXMLu$ColumnAxis, ColumnAxisType as $fXMLu$ColumnAxisType, SVG as $fXMLu$SVG, AgeAxis as $fXMLu$AgeAxis} from \"@macrostrat/column-components\";\nimport {useContext as $fXMLu$useContext} from \"react\";\nimport {Parenthetical as $fXMLu$Parenthetical} from \"@macrostrat/data-components\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $1aa4ef695e55d51d$exports = {};\n\n$parcel$export($1aa4ef695e55d51d$exports, \"VerticalAxisLabel\", () => $1aa4ef695e55d51d$export$64204d5cbb3e8227);\n$parcel$export($1aa4ef695e55d51d$exports, \"CompositeAgeAxis\", () => $1aa4ef695e55d51d$export$40b6b0e4520eeb34);\n$parcel$export($1aa4ef695e55d51d$exports, \"CompositeAgeAxisCore\", () => $1aa4ef695e55d51d$export$ac30ca3cf5df959d);\n$parcel$export($1aa4ef695e55d51d$exports, \"AgeCursor\", () => $1aa4ef695e55d51d$export$20d84abfcfa68dfa);\n\n\n\n\nvar $6kMGl = parcelRequire(\"6kMGl\");\n\nvar $wtIgl = parcelRequire(\"wtIgl\");\n\n\nvar $iYfAq = parcelRequire(\"iYfAq\");\nconst $1aa4ef695e55d51d$var$h = (0, $fXMLu$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($6kMGl))));\nconst $1aa4ef695e55d51d$var$AgeAxisCore = ({ ticks: ticks, tickSpacing: tickSpacing = 40, showDomain: showDomain = false })=>{\n    const { pixelHeight: pixelHeight } = (0, $fXMLu$useContext)((0, $fXMLu$ColumnContext));\n    // A tick roughly every 40 pixels\n    let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n    return $1aa4ef695e55d51d$var$h(\"g.axis\", {\n        transform: \"translate(20 0)\"\n    }, [\n        $1aa4ef695e55d51d$var$h((0, $fXMLu$ColumnAxis), {\n            ticks: v,\n            showDomain: showDomain\n        })\n    ]);\n};\nfunction $1aa4ef695e55d51d$export$64204d5cbb3e8227(props) {\n    const { label: label = \"Age\", unit: unit = \"Ma\", className: className, height: height } = props;\n    return $1aa4ef695e55d51d$var$h(\"div.column-axis-label.age-axis-label\", {\n        className: className,\n        style: {\n            height: height\n        }\n    }, [\n        label,\n        \" \",\n        $1aa4ef695e55d51d$var$h.if(unit)((0, $fXMLu$Parenthetical), {\n            className: \"age-axis-unit\"\n        }, unit)\n    ]);\n}\nfunction $1aa4ef695e55d51d$export$40b6b0e4520eeb34() {\n    const { axisType: axisType, sections: sections, totalHeight: totalHeight } = (0, $wtIgl.useMacrostratColumnData)();\n    const packages = sections.map((section)=>{\n        return {\n            key: `section-${section.section_id}`,\n            ...section.scaleInfo\n        };\n    });\n    return $1aa4ef695e55d51d$var$h($1aa4ef695e55d51d$export$ac30ca3cf5df959d, {\n        axisType: axisType,\n        packages: packages,\n        totalHeight: totalHeight\n    });\n}\nfunction $1aa4ef695e55d51d$export$ac30ca3cf5df959d(props) {\n    const { axisType: axisType, totalHeight: totalHeight, packages: packages } = props;\n    if (axisType == (0, $fXMLu$ColumnAxisType).ORDINAL) return null;\n    let axisLabel = \"Age\";\n    let axisUnit = \"Ma\";\n    if (axisType == (0, $fXMLu$ColumnAxisType).DEPTH) {\n        axisLabel = \"Depth\";\n        axisUnit = \"m\";\n    } else if (axisType == (0, $fXMLu$ColumnAxisType).HEIGHT) {\n        axisLabel = \"Height\";\n        axisUnit = \"m\";\n    }\n    return $1aa4ef695e55d51d$var$h([\n        $1aa4ef695e55d51d$var$h($1aa4ef695e55d51d$export$64204d5cbb3e8227, {\n            label: axisLabel,\n            unit: axisUnit,\n            height: totalHeight\n        }),\n        $1aa4ef695e55d51d$var$h((0, $fXMLu$SVG), {\n            className: \"age-axis-column\",\n            style: {\n                width: `22px`,\n                height: `${totalHeight}px`\n            },\n            width: 22,\n            height: totalHeight\n        }, packages.map((group, i)=>{\n            const { key: key, scale: scale } = group;\n            return $1aa4ef695e55d51d$var$h((0, $fXMLu$AgeAxis), {\n                key: key,\n                className: \"age-axis\",\n                scale: scale,\n                tickSizeOuter: 3\n            });\n        }))\n    ]);\n}\nfunction $1aa4ef695e55d51d$export$20d84abfcfa68dfa({ age: age }) {\n    /** A cursor that shows the age at a specific point on the age axis. */ const scale = (0, $wtIgl.useCompositeScale)();\n    const heightPx = scale(age);\n    console.log(age, heightPx);\n    if (age == null || heightPx == null) return null;\n    return $1aa4ef695e55d51d$var$h(\"div.age-cursor\", {\n        style: {\n            top: heightPx\n        }\n    }, [\n        $1aa4ef695e55d51d$var$h(\"div.line\"),\n        $1aa4ef695e55d51d$var$h((0, $iYfAq.AgeLabel), {\n            age: age,\n            className: \"label\"\n        })\n    ]);\n}\n\n\nexport {$1aa4ef695e55d51d$export$64204d5cbb3e8227 as VerticalAxisLabel, $1aa4ef695e55d51d$export$40b6b0e4520eeb34 as CompositeAgeAxis, $1aa4ef695e55d51d$export$ac30ca3cf5df959d as CompositeAgeAxisCore, $1aa4ef695e55d51d$export$20d84abfcfa68dfa as AgeCursor};\n//# sourceMappingURL=column-views.4ca62e5d.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\nimport { AgeLabel } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className, height } = props;\n  return h(\n    \"div.column-axis-label.age-axis-label\",\n    { className, style: { height } },\n    [\n      label,\n      \" \",\n      h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n    ],\n  );\n}\n\nexport function CompositeAgeAxis() {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo {\n  axisType: ColumnAxisType;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, totalHeight, packages } = props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let axisLabel: string = \"Age\";\n  let axisUnit = \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    axisLabel = \"Depth\";\n    axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    axisLabel = \"Height\";\n    axisUnit = \"m\";\n  }\n\n  return h([\n    h(VerticalAxisLabel, {\n      label: axisLabel,\n      unit: axisUnit,\n      height: totalHeight,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  console.log(age, heightPx);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":["$fXMLu$macrostrathyper","ColumnAxisType","$fXMLu$ColumnAxisType","SVG","$fXMLu$SVG","AgeAxis","$fXMLu$AgeAxis","Parenthetical","$fXMLu$Parenthetical","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$1aa4ef695e55d51d$exports","$1aa4ef695e55d51d$export$64204d5cbb3e8227","$1aa4ef695e55d51d$export$40b6b0e4520eeb34","$1aa4ef695e55d51d$export$ac30ca3cf5df959d","$1aa4ef695e55d51d$export$20d84abfcfa68dfa","$6kMGl","$wtIgl","$iYfAq","$1aa4ef695e55d51d$var$h","styled","a","__esModule","default","props","label","unit","className","height","style","if","axisType","sections","totalHeight","useMacrostratColumnData","packages","map","section","key","section_id","scaleInfo","ORDINAL","axisLabel","axisUnit","DEPTH","HEIGHT","width","group","i","scale","tickSizeOuter","age","heightPx","useCompositeScale","console","log","top","AgeLabel","VerticalAxisLabel","CompositeAgeAxis","CompositeAgeAxisCore","AgeCursor"],"version":3,"file":"column-views.4ca62e5d.js.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.31f57130.js → column-views.51bc87ca.js}

@@ -1,2 +1,2 @@
-import"./column-views.139b0855.js";import"./column-views.41876859.js";import"./column-views.6c7a40e0.js";import"./column-views.4381c411.js";import{useMapStyleOperator as e}from"@macrostrat/mapbox-react";import o from"@macrostrat/hyper";import{useMemo as t,useRef as r}from"react";import{setGeoJSON as n}from"@macrostrat/mapbox-utils";import{geoCentroid as l}from"d3-geo";var u=globalThis,a={},i={},s=u.parcelRequirea149;null==s&&((s=function(e){if(e in a)return a[e].exports;if(e in i){var o=i[e];delete i[e];var t={id:e,exports:{}};return a[e]=t,o.call(t.exports,t,t.exports),t.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,o){i[e]=o},u.parcelRequirea149=s),s.register,Object.defineProperty({},"ColumnNavigationMap",{get:()=>v,set:void 0,enumerable:!0,configurable:!0});var c=s("dETE9"),m=s("4pcLO"),d=s("c4zVj"),f=s("5fAA3");function v(e){let{columns:t,columnIDs:r,onSelectColumn:n,onHoverColumn:l,selectedColumn:u,hoveredColumn:a,projectID:i,children:s,inProcess:c,...m}=e;return o(d.ColumnNavigationProvider,{columns:t,columnIDs:r,onSelectColumn:n,onHoverColumn:l,selectedColumn:u,hoveredColumn:a,projectID:i,inProcess:c},o(p,e))}function p(e){let{padding:r=50,children:n,columnColor:l,showTriangulation:u,triangulationColor:a,keyboardNavigation:i=!0,...s}=e,d=t(()=>{let e=[(0,c.buildColumnsStyle)(l)];return u&&e.push((0,f.buildKeyboardNavigationStyle)(a)),e},[l,u,a]);return o(m.InsetMap,{...s,boxZoom:!1,dragRotate:!1,overlayStyles:d},[o(C),n,o.if(i)(f.ColumnKeyboardNavigation,{showTriangulation:u})])}function C({enabled:o=!0}){let t=(0,d.useColumnNavigationStore)(e=>e.columns),u=(0,d.useColumnNavigationStore)(e=>e.selectedColumn),a=(0,d.useColumnNavigationStore)(e=>e.hoveredColumn),i=(0,d.useColumnNavigationStore)(e=>e.selectColumn),s=(0,d.useColumnNavigationStore)(e=>e.setHoveredColumn);e(e=>{if(null==t)return;n(e,"columns",{type:"FeatureCollection",features:t});let o=o=>{0!=o.features.length&&(s(o.features[0].id),e.getCanvas().style.cursor="pointer")},r=()=>{s(null),e.getCanvas().style.cursor=""},l=e=>{0!=e.features.length&&i(e.features[0].id)},u=["columns-points","columns-fill"];return e.on("mousemove",u,o),e.on("mouseleave",u,r),e.on("click",u,l),()=>{e.off("mouseenter",u,o),e.off("mouseleave",u,r),e.off("click",u,l)}},[t,o]);let c=r(null);e(e=>{let o=c.current;a!=o&&(null!=o&&e.setFeatureState({source:"columns",id:o},{hover:!1}),c.current=a,e.setFeatureState({source:"columns",id:a},{hover:!0}))},[a,t]);let m=r(null),f=r(!0);return e(e=>{if(null==t)return;let o=m.current;if(u==o)return;null!=o&&e.setFeatureState({source:"columns",id:o},{selected:!1}),m.current=u,e.setFeatureState({source:"columns",id:u},{selected:!0});let r=t.find(e=>e.id==u)?.geometry;if(null==r)return;let n=l(r),a=f.current;e.easeTo({center:n},{duration:500*!a}),a&&(f.current=!1)},[u,t]),null}export{v as ColumnNavigationMap};
-//# sourceMappingURL=column-views.31f57130.js.map
+import"./column-views.139b0855.js";import"./column-views.41876859.js";import"./column-views.2ca669bc.js";import"./column-views.45fab61b.js";import{useMapStyleOperator as e}from"@macrostrat/mapbox-react";import o from"@macrostrat/hyper";import{useMemo as t,useRef as r}from"react";import{setGeoJSON as n}from"@macrostrat/mapbox-utils";import{geoCentroid as l}from"d3-geo";var u=globalThis,a={},i={},s=u.parcelRequirea149;null==s&&((s=function(e){if(e in a)return a[e].exports;if(e in i){var o=i[e];delete i[e];var t={id:e,exports:{}};return a[e]=t,o.call(t.exports,t,t.exports),t.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,o){i[e]=o},u.parcelRequirea149=s),s.register,Object.defineProperty({},"ColumnNavigationMap",{get:()=>v,set:void 0,enumerable:!0,configurable:!0});var c=s("dETE9"),m=s("4pcLO"),d=s("c4zVj"),f=s("5fAA3");function v(e){let{columns:t,columnIDs:r,onSelectColumn:n,onHoverColumn:l,selectedColumn:u,hoveredColumn:a,projectID:i,children:s,inProcess:c,...m}=e;return o(d.ColumnNavigationProvider,{columns:t,columnIDs:r,onSelectColumn:n,onHoverColumn:l,selectedColumn:u,hoveredColumn:a,projectID:i,inProcess:c},o(p,e))}function p(e){let{padding:r=50,children:n,columnColor:l,showTriangulation:u,triangulationColor:a,keyboardNavigation:i=!0,...s}=e,d=t(()=>{let e=[(0,c.buildColumnsStyle)(l)];return u&&e.push((0,f.buildKeyboardNavigationStyle)(a)),e},[l,u,a]);return o(m.InsetMap,{...s,boxZoom:!1,dragRotate:!1,overlayStyles:d},[o(C),n,o.if(i)(f.ColumnKeyboardNavigation,{showTriangulation:u})])}function C({enabled:o=!0}){let t=(0,d.useColumnNavigationStore)(e=>e.columns),u=(0,d.useColumnNavigationStore)(e=>e.selectedColumn),a=(0,d.useColumnNavigationStore)(e=>e.hoveredColumn),i=(0,d.useColumnNavigationStore)(e=>e.selectColumn),s=(0,d.useColumnNavigationStore)(e=>e.setHoveredColumn);e(e=>{if(null==t)return;n(e,"columns",{type:"FeatureCollection",features:t});let o=o=>{0!=o.features.length&&(s(o.features[0].id),e.getCanvas().style.cursor="pointer")},r=()=>{s(null),e.getCanvas().style.cursor=""},l=e=>{0!=e.features.length&&i(e.features[0].id)},u=["columns-points","columns-fill"];return e.on("mousemove",u,o),e.on("mouseleave",u,r),e.on("click",u,l),()=>{e.off("mouseenter",u,o),e.off("mouseleave",u,r),e.off("click",u,l)}},[t,o]);let c=r(null);e(e=>{let o=c.current;a!=o&&(null!=o&&e.setFeatureState({source:"columns",id:o},{hover:!1}),c.current=a,e.setFeatureState({source:"columns",id:a},{hover:!0}))},[a,t]);let m=r(null),f=r(!0);return e(e=>{if(null==t)return;let o=m.current;if(u==o)return;null!=o&&e.setFeatureState({source:"columns",id:o},{selected:!1}),m.current=u,e.setFeatureState({source:"columns",id:u},{selected:!0});let r=t.find(e=>e.id==u)?.geometry;if(null==r)return;let n=l(r),a=f.current;e.easeTo({center:n},{duration:500*!a}),a&&(f.current=!1)},[u,t]),null}export{v as ColumnNavigationMap};
+//# sourceMappingURL=column-views.51bc87ca.js.map

package/dist/node/{column-views.31f57130.js.map → column-views.51bc87ca.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,O,6C,A,Q,uB,C,K,0B,A,Q,M,mB,A,Q,W,C,C,U,C,K,O,A,Q,c,C,K,0B,A,Q,e,C,K,Q,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,O,c,C,C,E,sB,C,I,I,E,I,K,E,W,C,E,a,C,C,G,I,E,E,S,E,E,S,E,E,S,E,E,SCiCO,SAAS,EACd,CAAyD,EAEzD,GAAM,CAAA,QACJ,CAAO,CAAA,UACP,CAAS,CAAA,eACT,CAAc,CAAA,cACd,CAAa,CAAA,eACb,CAAc,CAAA,cACd,CAAa,CAAA,UACb,CAAS,CAAA,SACT,CAAQ,CAAA,UACR,CAAS,CACT,GAAG,EACJ,CAAG,EAEJ,OAAO,AAAA,EACL,EAAA,wBAAuB,CACvB,CACE,QAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACA,eAAA,EACA,cAAA,EACA,UAAA,EACA,UAAA,CACF,EACA,AAAA,EAAE,EAAsB,GAE5B,CAEA,SAAS,EAAqB,CAA+B,EAC3D,GAAM,CAAA,QACJ,EAAU,EAAA,CAAA,SACV,CAAQ,CAAA,YACR,CAAW,CAAA,kBACX,CAAiB,CAAA,mBACjB,CAAkB,CAAA,mBAClB,EAAqB,CAAA,CAAA,CACrB,GAAG,EACJ,CAAG,EAEE,EAAgB,AAAA,EAAQ,KAC5B,IAAI,EAAgB,CAAC,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,EAAkB,GAAa,CAIpD,OAHI,GACF,EAAO,IAAI,CAAC,AAAA,CAAA,EAAA,EAAA,4BAA2B,AAA3B,EAA6B,IAEpC,CACT,EAAG,CAAC,EAAa,EAAmB,EAAmB,EAEvD,OAAO,AAAA,EACL,EAAA,QAAO,CACP,CACE,GAAG,CAAI,CACP,QAAS,CAAA,EACT,WAAY,CAAA,EACZ,cAAA,CACF,EACA,CACE,AAAA,EAAE,GACF,EACA,AAAA,EAAE,EAAE,CAAC,GAAoB,EAAA,wBAAuB,CAAG,CAAE,kBAAA,CAAkB,GACxE,CAEL,CAEA,SAAS,EAAa,CAAA,QAAE,EAAU,CAAA,CAAA,CAAM,EACtC,IAAM,EAAU,AAAA,CAAA,EAAA,EAAA,wBAAuB,AAAvB,EAAyB,AAAC,GAAU,EAAM,OAAO,EAC3D,EAAiB,AAAA,CAAA,EAAA,EAAA,wBAAuB,AAAvB,EACrB,AAAC,GAAU,EAAM,cAAc,EAE3B,EAAgB,AAAA,CAAA,EAAA,EAAA,wBAAuB,AAAvB,EACpB,AAAC,GAAU,EAAM,aAAa,EAE1B,EAAe,AAAA,CAAA,EAAA,EAAA,wBAAuB,AAAvB,EAAyB,AAAC,GAAU,EAAM,YAAY,EACrE,EAAmB,AAAA,CAAA,EAAA,EAAA,wBAAuB,AAAvB,EACvB,AAAC,GAAU,EAAM,gBAAgB,EAGnC,AAAA,EACE,AAAC,IACC,GAAI,AAAW,MAAX,EACF,OAOF,AAAA,EAAW,EAAK,UALgB,CAC9B,KAAM,oBACN,SAAU,CACZ,GAIA,IAAM,EAAY,AAAC,IACY,GAAzB,EAAM,QAAQ,CAAC,MAAM,GAEzB,EAAiB,AADM,EAAM,QAAQ,CAAC,EAAE,CACR,EAAE,EAClC,EAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAG,UACjC,EACM,EAAa,KACjB,EAAiB,MACjB,EAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAG,EACjC,EAEM,EAAe,AAAC,IACS,GAAzB,EAAM,QAAQ,CAAC,MAAM,EAGzB,EADW,AADY,EAAM,QAAQ,CAAC,EAAE,CACd,EAAE,CAE9B,EAGM,EAAS,CAAC,iBAAkB,eAAe,CAKjD,OAJA,EAAI,EAAE,CAAC,YAAa,EAAQ,GAC5B,EAAI,EAAE,CAAC,aAAc,EAAQ,GAC7B,EAAI,EAAE,CAAC,QAAS,EAAQ,GAEjB,KACL,EAAI,GAAG,CAAC,aAAc,EAAQ,GAC9B,EAAI,GAAG,CAAC,aAAc,EAAQ,GAC9B,EAAI,GAAG,CAAC,QAAS,EAAQ,EAC3B,CACF,EACA,CAAC,EAAS,EAAQ,EAGpB,IAAM,EAAmB,AAAA,EAAO,MAChC,AAAA,EACE,AAAC,IACC,IAAM,EAAoB,EAAiB,OAAO,CAC9C,GAAiB,IACjB,AAAqB,MAArB,GAEF,EAAI,eAAe,CACjB,CAAE,OAAQ,UAAW,GAAI,CAAkB,EAC3C,CAAE,MAAO,CAAA,CAAM,GAGnB,EAAiB,OAAO,CAAG,EAE3B,EAAI,eAAe,CACjB,CAAE,OAAQ,UAAW,GAAI,CAAc,EACvC,CAAE,MAAO,CAAA,CAAK,GAElB,EACA,CAAC,EAAe,EAAQ,EAI1B,IAAM,EAAoB,AAAA,EAAO,MAC3B,EAAmB,AAAA,EAAO,CAAA,GAsChC,OArCA,AAAA,EACE,AAAC,IACC,GAAI,AAAW,MAAX,EAAiB,OACrB,IAAM,EAAqB,EAAkB,OAAO,CACpD,GAAI,GAAkB,EAAoB,MACtC,AAAsB,OAAtB,GAEF,EAAI,eAAe,CACjB,CAAE,OAAQ,UAAW,GAAI,CAAmB,EAC5C,CAAE,SAAU,CAAA,CAAM,GAItB,EAAkB,OAAO,CAAG,EAG5B,EAAI,eAAe,CACjB,CAAE,OAAQ,UAAW,GAAI,CAAe,EACxC,CAAE,SAAU,CAAA,CAAK,GAInB,IAAM,EAAiB,EAAQ,IAAI,CACjC,AAAC,GAAM,EAAE,EAAE,EAAI,IACd,SACH,GAAI,AAAkB,MAAlB,EAAwB,OAC5B,IAAM,EAAS,AAAA,EAAY,GAErB,EAAkB,EAAiB,OAAO,CAChD,EAAI,MAAM,CAAC,CAAE,OAAA,CAAO,EAAG,CAAE,SAAU,AAAsB,KAAtB,CAA0B,GACzD,GACF,CAAA,EAAiB,OAAO,CAAG,CAAA,CAD7B,CAGF,EACA,CAAC,EAAgB,EAAQ,EAGpB,IACT,Q,K,mB","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/index.ts"],"sourcesContent":["import \"./column-views.139b0855.js\";\nimport \"./column-views.41876859.js\";\nimport \"./column-views.6c7a40e0.js\";\nimport \"./column-views.4381c411.js\";\nimport {useMapStyleOperator as $li42A$useMapStyleOperator} from \"@macrostrat/mapbox-react\";\nimport $li42A$macrostrathyper from \"@macrostrat/hyper\";\nimport {useMemo as $li42A$useMemo, useRef as $li42A$useRef} from \"react\";\nimport {setGeoJSON as $li42A$setGeoJSON} from \"@macrostrat/mapbox-utils\";\nimport {geoCentroid as $li42A$geoCentroid} from \"d3-geo\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $44d1d5e5d8e823d1$exports = {};\n\n$parcel$export($44d1d5e5d8e823d1$exports, \"ColumnNavigationMap\", () => $44d1d5e5d8e823d1$export$821baedf611249f3);\n\n\n\n\nvar $dETE9 = parcelRequire(\"dETE9\");\nvar $4pcLO = parcelRequire(\"4pcLO\");\n\n\nvar $c4zVj = parcelRequire(\"c4zVj\");\n\n\nvar $5fAA3 = parcelRequire(\"5fAA3\");\nfunction $44d1d5e5d8e823d1$export$821baedf611249f3(props) {\n    const { columns: columns, columnIDs: columnIDs, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn, selectedColumn: selectedColumn, hoveredColumn: hoveredColumn, projectID: projectID, children: children, inProcess: inProcess, ...rest } = props;\n    return (0, $li42A$macrostrathyper)((0, $c4zVj.ColumnNavigationProvider), {\n        columns: columns,\n        columnIDs: columnIDs,\n        onSelectColumn: onSelectColumn,\n        onHoverColumn: onHoverColumn,\n        selectedColumn: selectedColumn,\n        hoveredColumn: hoveredColumn,\n        projectID: projectID,\n        inProcess: inProcess\n    }, (0, $li42A$macrostrathyper)($44d1d5e5d8e823d1$var$_ColumnNavigationMap, props));\n}\nfunction $44d1d5e5d8e823d1$var$_ColumnNavigationMap(props) {\n    const { padding: padding = 50, children: children, columnColor: columnColor, showTriangulation: showTriangulation, triangulationColor: triangulationColor, keyboardNavigation: keyboardNavigation = true, ...rest } = props;\n    const overlayStyles = (0, $li42A$useMemo)(()=>{\n        let styles = [\n            (0, $dETE9.buildColumnsStyle)(columnColor)\n        ];\n        if (showTriangulation) styles.push((0, $5fAA3.buildKeyboardNavigationStyle)(triangulationColor));\n        return styles;\n    }, [\n        columnColor,\n        showTriangulation,\n        triangulationColor\n    ]);\n    return (0, $li42A$macrostrathyper)((0, $4pcLO.InsetMap), {\n        ...rest,\n        boxZoom: false,\n        dragRotate: false,\n        overlayStyles: overlayStyles\n    }, [\n        (0, $li42A$macrostrathyper)($44d1d5e5d8e823d1$var$ColumnsLayer),\n        children,\n        (0, $li42A$macrostrathyper).if(keyboardNavigation)((0, $5fAA3.ColumnKeyboardNavigation), {\n            showTriangulation: showTriangulation\n        })\n    ]);\n}\nfunction $44d1d5e5d8e823d1$var$ColumnsLayer({ enabled: enabled = true }) {\n    const columns = (0, $c4zVj.useColumnNavigationStore)((state)=>state.columns);\n    const selectedColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectedColumn);\n    const hoveredColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.hoveredColumn);\n    const selectColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectColumn);\n    const setHoveredColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.setHoveredColumn);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        if (columns == null) return;\n        const data = {\n            type: \"FeatureCollection\",\n            features: columns\n        };\n        (0, $li42A$setGeoJSON)(map, \"columns\", data);\n        const mouseMove = (event)=>{\n            if (event.features.length == 0) return;\n            const hoveredFeature = event.features[0];\n            setHoveredColumn(hoveredFeature.id);\n            map.getCanvas().style.cursor = \"pointer\";\n        };\n        const mouseLeave = ()=>{\n            setHoveredColumn(null);\n            map.getCanvas().style.cursor = \"\";\n        };\n        const clickHandler = (event)=>{\n            if (event.features.length == 0) return;\n            const selectedColumn = event.features[0];\n            const id = selectedColumn.id;\n            selectColumn(id);\n        };\n        // Setup hover styles on map\n        const layers = [\n            \"columns-points\",\n            \"columns-fill\"\n        ];\n        map.on(\"mousemove\", layers, mouseMove);\n        map.on(\"mouseleave\", layers, mouseLeave);\n        map.on(\"click\", layers, clickHandler);\n        return ()=>{\n            map.off(\"mouseenter\", layers, mouseMove);\n            map.off(\"mouseleave\", layers, mouseLeave);\n            map.off(\"click\", layers, clickHandler);\n        };\n    }, [\n        columns,\n        enabled\n    ]);\n    const hoveredColumnRef = (0, $li42A$useRef)(null);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        const prevHoveredColumn = hoveredColumnRef.current;\n        if (hoveredColumn == prevHoveredColumn) return;\n        if (prevHoveredColumn != null) // Deselect previous column\n        map.setFeatureState({\n            source: \"columns\",\n            id: prevHoveredColumn\n        }, {\n            hover: false\n        });\n        hoveredColumnRef.current = hoveredColumn;\n        // Select the current column\n        map.setFeatureState({\n            source: \"columns\",\n            id: hoveredColumn\n        }, {\n            hover: true\n        });\n    }, [\n        hoveredColumn,\n        columns\n    ]);\n    /** Set feature state for selected columns */ const selectedColumnRef = (0, $li42A$useRef)(null);\n    const initialRenderRef = (0, $li42A$useRef)(true);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        if (columns == null) return;\n        const prevSelectedColumn = selectedColumnRef.current;\n        if (selectedColumn == prevSelectedColumn) return;\n        if (prevSelectedColumn != null) // Deselect previous column\n        map.setFeatureState({\n            source: \"columns\",\n            id: prevSelectedColumn\n        }, {\n            selected: false\n        });\n        selectedColumnRef.current = selectedColumn;\n        // Select the current column\n        map.setFeatureState({\n            source: \"columns\",\n            id: selectedColumn\n        }, {\n            selected: true\n        });\n        // Center the selected column\n        const columnGeometry = columns.find((d)=>d.id == selectedColumn)?.geometry;\n        if (columnGeometry == null) return;\n        const center = (0, $li42A$geoCentroid)(columnGeometry);\n        const isInitialRender = initialRenderRef.current;\n        map.easeTo({\n            center: center\n        }, {\n            duration: isInitialRender ? 0 : 500\n        });\n        if (isInitialRender) initialRenderRef.current = false;\n    }, [\n        selectedColumn,\n        columns\n    ]);\n    return null;\n}\n\n\nexport {$44d1d5e5d8e823d1$export$821baedf611249f3 as ColumnNavigationMap};\n//# sourceMappingURL=column-views.31f57130.js.map\n","import { useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport h from \"@macrostrat/hyper\";\nimport { FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport { buildColumnsStyle, InsetMapProps } from \"../../_shared\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\nimport {\n  ColumnNavigationProvider,\n  NavigationProviderProps,\n  useColumnNavigationStore,\n} from \"./state\";\nimport { InsetMap } from \"../../_shared\";\nimport { geoCentroid } from \"d3-geo\";\nimport {\n  ColumnKeyboardNavigation,\n  buildKeyboardNavigationStyle,\n} from \"./keyboard-navigation\";\n\nexport interface ColumnNavigationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  selectedColumn?: number;\n  hoveredColumn?: number;\n  onSelectColumn?: (colID: number | null) => void;\n  onHoverColumn?: (colID: number | null) => void;\n  showTriangulation?: boolean;\n  columnColor?: string;\n  triangulationColor?: string;\n  keyboardNavigation?: boolean;\n}\n\nexport function ColumnNavigationMap(\n  props: ColumnNavigationMapProps & NavigationProviderProps,\n) {\n  const {\n    columns,\n    columnIDs,\n    onSelectColumn,\n    onHoverColumn,\n    selectedColumn,\n    hoveredColumn,\n    projectID,\n    children,\n    inProcess,\n    ...rest\n  } = props;\n\n  return h(\n    ColumnNavigationProvider,\n    {\n      columns,\n      columnIDs,\n      onSelectColumn,\n      onHoverColumn,\n      selectedColumn,\n      hoveredColumn,\n      projectID,\n      inProcess,\n    },\n    h(_ColumnNavigationMap, props),\n  );\n}\n\nfunction _ColumnNavigationMap(props: ColumnNavigationMapProps) {\n  const {\n    padding = 50,\n    children,\n    columnColor,\n    showTriangulation,\n    triangulationColor,\n    keyboardNavigation = true,\n    ...rest\n  } = props;\n\n  const overlayStyles = useMemo(() => {\n    let styles: any[] = [buildColumnsStyle(columnColor)];\n    if (showTriangulation) {\n      styles.push(buildKeyboardNavigationStyle(triangulationColor));\n    }\n    return styles;\n  }, [columnColor, showTriangulation, triangulationColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      children,\n      h.if(keyboardNavigation)(ColumnKeyboardNavigation, { showTriangulation }),\n    ],\n  );\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const selectedColumn = useColumnNavigationStore(\n    (state) => state.selectedColumn,\n  );\n  const hoveredColumn = useColumnNavigationStore(\n    (state) => state.hoveredColumn,\n  );\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n  const setHoveredColumn = useColumnNavigationStore(\n    (state) => state.setHoveredColumn,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      setGeoJSON(map, \"columns\", data);\n\n      const mouseMove = (event) => {\n        if (event.features.length == 0) return;\n        const hoveredFeature = event.features[0];\n        setHoveredColumn(hoveredFeature.id);\n        map.getCanvas().style.cursor = \"pointer\";\n      };\n      const mouseLeave = () => {\n        setHoveredColumn(null);\n        map.getCanvas().style.cursor = \"\";\n      };\n\n      const clickHandler = (event) => {\n        if (event.features.length == 0) return;\n        const selectedColumn = event.features[0];\n        const id = selectedColumn.id;\n        selectColumn(id);\n      };\n\n      // Setup hover styles on map\n      const layers = [\"columns-points\", \"columns-fill\"];\n      map.on(\"mousemove\", layers, mouseMove);\n      map.on(\"mouseleave\", layers, mouseLeave);\n      map.on(\"click\", layers, clickHandler);\n\n      return () => {\n        map.off(\"mouseenter\", layers, mouseMove);\n        map.off(\"mouseleave\", layers, mouseLeave);\n        map.off(\"click\", layers, clickHandler);\n      };\n    },\n    [columns, enabled],\n  );\n\n  const hoveredColumnRef = useRef(null);\n  useMapStyleOperator(\n    (map) => {\n      const prevHoveredColumn = hoveredColumnRef.current;\n      if (hoveredColumn == prevHoveredColumn) return;\n      if (prevHoveredColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevHoveredColumn },\n          { hover: false },\n        );\n      }\n      hoveredColumnRef.current = hoveredColumn;\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: hoveredColumn },\n        { hover: true },\n      );\n    },\n    [hoveredColumn, columns],\n  );\n\n  /** Set feature state for selected columns */\n  const selectedColumnRef = useRef(null);\n  const initialRenderRef = useRef(true);\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) return;\n      const prevSelectedColumn = selectedColumnRef.current;\n      if (selectedColumn == prevSelectedColumn) return;\n      if (prevSelectedColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevSelectedColumn },\n          { selected: false },\n        );\n      }\n\n      selectedColumnRef.current = selectedColumn;\n\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: selectedColumn },\n        { selected: true },\n      );\n\n      // Center the selected column\n      const columnGeometry = columns.find(\n        (d) => d.id == selectedColumn,\n      )?.geometry;\n      if (columnGeometry == null) return;\n      const center = geoCentroid(columnGeometry);\n\n      const isInitialRender = initialRenderRef.current;\n      map.easeTo({ center }, { duration: isInitialRender ? 0 : 500 });\n      if (isInitialRender) {\n        initialRenderRef.current = false;\n      }\n    },\n    [selectedColumn, columns],\n  );\n\n  return null;\n}\n"],"names":["useMapStyleOperator","$li42A$useMapStyleOperator","$li42A$macrostrathyper","useMemo","$li42A$useMemo","useRef","$li42A$useRef","setGeoJSON","$li42A$setGeoJSON","geoCentroid","$li42A$geoCentroid","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","Object","defineProperty","get","$44d1d5e5d8e823d1$export$821baedf611249f3","set","s","enumerable","configurable","$dETE9","$4pcLO","$c4zVj","$5fAA3","props","columns","columnIDs","onSelectColumn","onHoverColumn","selectedColumn","hoveredColumn","projectID","children","inProcess","rest","ColumnNavigationProvider","$44d1d5e5d8e823d1$var$_ColumnNavigationMap","padding","columnColor","showTriangulation","triangulationColor","keyboardNavigation","overlayStyles","styles","buildColumnsStyle","push","buildKeyboardNavigationStyle","InsetMap","boxZoom","dragRotate","$44d1d5e5d8e823d1$var$ColumnsLayer","if","ColumnKeyboardNavigation","enabled","useColumnNavigationStore","state","selectColumn","setHoveredColumn","map","type","features","mouseMove","event","length","hoveredFeature","getCanvas","style","cursor","mouseLeave","clickHandler","layers","on","off","hoveredColumnRef","prevHoveredColumn","current","setFeatureState","source","hover","selectedColumnRef","initialRenderRef","prevSelectedColumn","selected","columnGeometry","find","d","geometry","center","isInitialRender","easeTo","duration","ColumnNavigationMap"],"version":3,"file":"column-views.31f57130.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,O,6C,A,Q,uB,C,K,0B,A,Q,M,mB,A,Q,W,C,C,U,C,K,O,A,Q,c,C,K,0B,A,Q,e,C,K,Q,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,O,c,C,C,E,sB,C,I,I,E,I,K,E,W,C,E,a,C,C,G,I,E,E,S,E,E,S,E,E,S,E,E,SCiCO,SAAS,EACd,CAAyD,EAEzD,GAAM,CAAA,QACJ,CAAO,CAAA,UACP,CAAS,CAAA,eACT,CAAc,CAAA,cACd,CAAa,CAAA,eACb,CAAc,CAAA,cACd,CAAa,CAAA,UACb,CAAS,CAAA,SACT,CAAQ,CAAA,UACR,CAAS,CACT,GAAG,EACJ,CAAG,EAEJ,OAAO,AAAA,EACL,EAAA,wBAAuB,CACvB,CACE,QAAA,EACA,UAAA,EACA,eAAA,EACA,cAAA,EACA,eAAA,EACA,cAAA,EACA,UAAA,EACA,UAAA,CACF,EACA,AAAA,EAAE,EAAsB,GAE5B,CAEA,SAAS,EAAqB,CAA+B,EAC3D,GAAM,CAAA,QACJ,EAAU,EAAA,CAAA,SACV,CAAQ,CAAA,YACR,CAAW,CAAA,kBACX,CAAiB,CAAA,mBACjB,CAAkB,CAAA,mBAClB,EAAqB,CAAA,CAAA,CACrB,GAAG,EACJ,CAAG,EAEE,EAAgB,AAAA,EAAQ,KAC5B,IAAI,EAAgB,CAAC,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,EAAkB,GAAa,CAIpD,OAHI,GACF,EAAO,IAAI,CAAC,AAAA,CAAA,EAAA,EAAA,4BAA2B,AAA3B,EAA6B,IAEpC,CACT,EAAG,CAAC,EAAa,EAAmB,EAAmB,EAEvD,OAAO,AAAA,EACL,EAAA,QAAO,CACP,CACE,GAAG,CAAI,CACP,QAAS,CAAA,EACT,WAAY,CAAA,EACZ,cAAA,CACF,EACA,CACE,AAAA,EAAE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","sources":["<anon>","packages/column-views/src/maps/column-navigation/mapbox/index.ts"],"sourcesContent":["import \"./column-views.139b0855.js\";\nimport \"./column-views.41876859.js\";\nimport \"./column-views.2ca669bc.js\";\nimport \"./column-views.45fab61b.js\";\nimport {useMapStyleOperator as $li42A$useMapStyleOperator} from \"@macrostrat/mapbox-react\";\nimport $li42A$macrostrathyper from \"@macrostrat/hyper\";\nimport {useMemo as $li42A$useMemo, useRef as $li42A$useRef} from \"react\";\nimport {setGeoJSON as $li42A$setGeoJSON} from \"@macrostrat/mapbox-utils\";\nimport {geoCentroid as $li42A$geoCentroid} from \"d3-geo\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $44d1d5e5d8e823d1$exports = {};\n\n$parcel$export($44d1d5e5d8e823d1$exports, \"ColumnNavigationMap\", () => $44d1d5e5d8e823d1$export$821baedf611249f3);\n\n\n\n\nvar $dETE9 = parcelRequire(\"dETE9\");\nvar $4pcLO = parcelRequire(\"4pcLO\");\n\n\nvar $c4zVj = parcelRequire(\"c4zVj\");\n\n\nvar $5fAA3 = parcelRequire(\"5fAA3\");\nfunction $44d1d5e5d8e823d1$export$821baedf611249f3(props) {\n    const { columns: columns, columnIDs: columnIDs, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn, selectedColumn: selectedColumn, hoveredColumn: hoveredColumn, projectID: projectID, children: children, inProcess: inProcess, ...rest } = props;\n    return (0, $li42A$macrostrathyper)((0, $c4zVj.ColumnNavigationProvider), {\n        columns: columns,\n        columnIDs: columnIDs,\n        onSelectColumn: onSelectColumn,\n        onHoverColumn: onHoverColumn,\n        selectedColumn: selectedColumn,\n        hoveredColumn: hoveredColumn,\n        projectID: projectID,\n        inProcess: inProcess\n    }, (0, $li42A$macrostrathyper)($44d1d5e5d8e823d1$var$_ColumnNavigationMap, props));\n}\nfunction $44d1d5e5d8e823d1$var$_ColumnNavigationMap(props) {\n    const { padding: padding = 50, children: children, columnColor: columnColor, showTriangulation: showTriangulation, triangulationColor: triangulationColor, keyboardNavigation: keyboardNavigation = true, ...rest } = props;\n    const overlayStyles = (0, $li42A$useMemo)(()=>{\n        let styles = [\n            (0, $dETE9.buildColumnsStyle)(columnColor)\n        ];\n        if (showTriangulation) styles.push((0, $5fAA3.buildKeyboardNavigationStyle)(triangulationColor));\n        return styles;\n    }, [\n        columnColor,\n        showTriangulation,\n        triangulationColor\n    ]);\n    return (0, $li42A$macrostrathyper)((0, $4pcLO.InsetMap), {\n        ...rest,\n        boxZoom: false,\n        dragRotate: false,\n        overlayStyles: overlayStyles\n    }, [\n        (0, $li42A$macrostrathyper)($44d1d5e5d8e823d1$var$ColumnsLayer),\n        children,\n        (0, $li42A$macrostrathyper).if(keyboardNavigation)((0, $5fAA3.ColumnKeyboardNavigation), {\n            showTriangulation: showTriangulation\n        })\n    ]);\n}\nfunction $44d1d5e5d8e823d1$var$ColumnsLayer({ enabled: enabled = true }) {\n    const columns = (0, $c4zVj.useColumnNavigationStore)((state)=>state.columns);\n    const selectedColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectedColumn);\n    const hoveredColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.hoveredColumn);\n    const selectColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.selectColumn);\n    const setHoveredColumn = (0, $c4zVj.useColumnNavigationStore)((state)=>state.setHoveredColumn);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        if (columns == null) return;\n        const data = {\n            type: \"FeatureCollection\",\n            features: columns\n        };\n        (0, $li42A$setGeoJSON)(map, \"columns\", data);\n        const mouseMove = (event)=>{\n            if (event.features.length == 0) return;\n            const hoveredFeature = event.features[0];\n            setHoveredColumn(hoveredFeature.id);\n            map.getCanvas().style.cursor = \"pointer\";\n        };\n        const mouseLeave = ()=>{\n            setHoveredColumn(null);\n            map.getCanvas().style.cursor = \"\";\n        };\n        const clickHandler = (event)=>{\n            if (event.features.length == 0) return;\n            const selectedColumn = event.features[0];\n            const id = selectedColumn.id;\n            selectColumn(id);\n        };\n        // Setup hover styles on map\n        const layers = [\n            \"columns-points\",\n            \"columns-fill\"\n        ];\n        map.on(\"mousemove\", layers, mouseMove);\n        map.on(\"mouseleave\", layers, mouseLeave);\n        map.on(\"click\", layers, clickHandler);\n        return ()=>{\n            map.off(\"mouseenter\", layers, mouseMove);\n            map.off(\"mouseleave\", layers, mouseLeave);\n            map.off(\"click\", layers, clickHandler);\n        };\n    }, [\n        columns,\n        enabled\n    ]);\n    const hoveredColumnRef = (0, $li42A$useRef)(null);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        const prevHoveredColumn = hoveredColumnRef.current;\n        if (hoveredColumn == prevHoveredColumn) return;\n        if (prevHoveredColumn != null) // Deselect previous column\n        map.setFeatureState({\n            source: \"columns\",\n            id: prevHoveredColumn\n        }, {\n            hover: false\n        });\n        hoveredColumnRef.current = hoveredColumn;\n        // Select the current column\n        map.setFeatureState({\n            source: \"columns\",\n            id: hoveredColumn\n        }, {\n            hover: true\n        });\n    }, [\n        hoveredColumn,\n        columns\n    ]);\n    /** Set feature state for selected columns */ const selectedColumnRef = (0, $li42A$useRef)(null);\n    const initialRenderRef = (0, $li42A$useRef)(true);\n    (0, $li42A$useMapStyleOperator)((map)=>{\n        if (columns == null) return;\n        const prevSelectedColumn = selectedColumnRef.current;\n        if (selectedColumn == prevSelectedColumn) return;\n        if (prevSelectedColumn != null) // Deselect previous column\n        map.setFeatureState({\n            source: \"columns\",\n            id: prevSelectedColumn\n        }, {\n            selected: false\n        });\n        selectedColumnRef.current = selectedColumn;\n        // Select the current column\n        map.setFeatureState({\n            source: \"columns\",\n            id: selectedColumn\n        }, {\n            selected: true\n        });\n        // Center the selected column\n        const columnGeometry = columns.find((d)=>d.id == selectedColumn)?.geometry;\n        if (columnGeometry == null) return;\n        const center = (0, $li42A$geoCentroid)(columnGeometry);\n        const isInitialRender = initialRenderRef.current;\n        map.easeTo({\n            center: center\n        }, {\n            duration: isInitialRender ? 0 : 500\n        });\n        if (isInitialRender) initialRenderRef.current = false;\n    }, [\n        selectedColumn,\n        columns\n    ]);\n    return null;\n}\n\n\nexport {$44d1d5e5d8e823d1$export$821baedf611249f3 as ColumnNavigationMap};\n//# sourceMappingURL=column-views.51bc87ca.js.map\n","import { useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport h from \"@macrostrat/hyper\";\nimport { FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport { buildColumnsStyle, InsetMapProps } from \"../../_shared\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\nimport {\n  ColumnNavigationProvider,\n  NavigationProviderProps,\n  useColumnNavigationStore,\n} from \"./state\";\nimport { InsetMap } from \"../../_shared\";\nimport { geoCentroid } from \"d3-geo\";\nimport {\n  ColumnKeyboardNavigation,\n  buildKeyboardNavigationStyle,\n} from \"./keyboard-navigation\";\n\nexport interface ColumnNavigationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  selectedColumn?: number;\n  hoveredColumn?: number;\n  onSelectColumn?: (colID: number | null) => void;\n  onHoverColumn?: (colID: number | null) => void;\n  showTriangulation?: boolean;\n  columnColor?: string;\n  triangulationColor?: string;\n  keyboardNavigation?: boolean;\n}\n\nexport function ColumnNavigationMap(\n  props: ColumnNavigationMapProps & NavigationProviderProps,\n) {\n  const {\n    columns,\n    columnIDs,\n    onSelectColumn,\n    onHoverColumn,\n    selectedColumn,\n    hoveredColumn,\n    projectID,\n    children,\n    inProcess,\n    ...rest\n  } = props;\n\n  return h(\n    ColumnNavigationProvider,\n    {\n      columns,\n      columnIDs,\n      onSelectColumn,\n      onHoverColumn,\n      selectedColumn,\n      hoveredColumn,\n      projectID,\n      inProcess,\n    },\n    h(_ColumnNavigationMap, props),\n  );\n}\n\nfunction _ColumnNavigationMap(props: ColumnNavigationMapProps) {\n  const {\n    padding = 50,\n    children,\n    columnColor,\n    showTriangulation,\n    triangulationColor,\n    keyboardNavigation = true,\n    ...rest\n  } = props;\n\n  const overlayStyles = useMemo(() => {\n    let styles: any[] = [buildColumnsStyle(columnColor)];\n    if (showTriangulation) {\n      styles.push(buildKeyboardNavigationStyle(triangulationColor));\n    }\n    return styles;\n  }, [columnColor, showTriangulation, triangulationColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      children,\n      h.if(keyboardNavigation)(ColumnKeyboardNavigation, { showTriangulation }),\n    ],\n  );\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const selectedColumn = useColumnNavigationStore(\n    (state) => state.selectedColumn,\n  );\n  const hoveredColumn = useColumnNavigationStore(\n    (state) => state.hoveredColumn,\n  );\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n  const setHoveredColumn = useColumnNavigationStore(\n    (state) => state.setHoveredColumn,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      setGeoJSON(map, \"columns\", data);\n\n      const mouseMove = (event) => {\n        if (event.features.length == 0) return;\n        const hoveredFeature = event.features[0];\n        setHoveredColumn(hoveredFeature.id);\n        map.getCanvas().style.cursor = \"pointer\";\n      };\n      const mouseLeave = () => {\n        setHoveredColumn(null);\n        map.getCanvas().style.cursor = \"\";\n      };\n\n      const clickHandler = (event) => {\n        if (event.features.length == 0) return;\n        const selectedColumn = event.features[0];\n        const id = selectedColumn.id;\n        selectColumn(id);\n      };\n\n      // Setup hover styles on map\n      const layers = [\"columns-points\", \"columns-fill\"];\n      map.on(\"mousemove\", layers, mouseMove);\n      map.on(\"mouseleave\", layers, mouseLeave);\n      map.on(\"click\", layers, clickHandler);\n\n      return () => {\n        map.off(\"mouseenter\", layers, mouseMove);\n        map.off(\"mouseleave\", layers, mouseLeave);\n        map.off(\"click\", layers, clickHandler);\n      };\n    },\n    [columns, enabled],\n  );\n\n  const hoveredColumnRef = useRef(null);\n  useMapStyleOperator(\n    (map) => {\n      const prevHoveredColumn = hoveredColumnRef.current;\n      if (hoveredColumn == prevHoveredColumn) return;\n      if (prevHoveredColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevHoveredColumn },\n          { hover: false },\n        );\n      }\n      hoveredColumnRef.current = hoveredColumn;\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: hoveredColumn },\n        { hover: true },\n      );\n    },\n    [hoveredColumn, columns],\n  );\n\n  /** Set feature state for selected columns */\n  const selectedColumnRef = useRef(null);\n  const initialRenderRef = useRef(true);\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) return;\n      const prevSelectedColumn = selectedColumnRef.current;\n      if (selectedColumn == prevSelectedColumn) return;\n      if (prevSelectedColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevSelectedColumn },\n          { selected: false },\n        );\n      }\n\n      selectedColumnRef.current = selectedColumn;\n\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: selectedColumn },\n        { selected: true },\n      );\n\n      // Center the selected column\n      const columnGeometry = columns.find(\n        (d) => d.id == selectedColumn,\n      )?.geometry;\n      if (columnGeometry == null) return;\n      const center = geoCentroid(columnGeometry);\n\n      const isInitialRender = initialRenderRef.current;\n      map.easeTo({ center }, { duration: isInitialRender ? 0 : 500 });\n      if (isInitialRender) {\n        initialRenderRef.current = false;\n      }\n    },\n    [selectedColumn, columns],\n  );\n\n  return null;\n}\n"],"names":["useMapStyleOperator","$li42A$useMapStyleOperator","$li42A$macrostrathyper","useMemo","$li42A$useMemo","useRef","$li42A$useRef","setGeoJSON","$li42A$setGeoJSON","geoCentroid","$li42A$geoCentroid","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","Object","defineProperty","get","$44d1d5e5d8e823d1$export$821baedf611249f3","set","s","enumerable","configurable","$dETE9","$4pcLO","$c4zVj","$5fAA3","props","columns","columnIDs","onSelectColumn","onHoverColumn","selectedColumn","hoveredColumn","projectID","children","inProcess","rest","ColumnNavigationProvider","$44d1d5e5d8e823d1$var$_ColumnNavigationMap","padding","columnColor","showTriangulation","triangulationColor","keyboardNavigation","overlayStyles","styles","buildColumnsStyle","push","buildKeyboardNavigationStyle","InsetMap","boxZoom","dragRotate","$44d1d5e5d8e823d1$var$ColumnsLayer","if","ColumnKeyboardNavigation","enabled","useColumnNavigationStore","state","selectColumn","setHoveredColumn","map","type","features","mouseMove","event","length","hoveredFeature","getCanvas","style","cursor","mouseLeave","clickHandler","layers","on","off","hoveredColumnRef","prevHoveredColumn","current","setFeatureState","source","hover","selectedColumnRef","initialRenderRef","prevSelectedColumn","selected","columnGeometry","find","d","geometry","center","isInitialRender","easeTo","duration","ColumnNavigationMap"],"version":3,"file":"column-views.51bc87ca.js.map","sourceRoot":"../../../../"}

package/dist/node/{column-views.c18d5bf5.js → column-views.58d2f993.js}

@@ -1,2 +1,2 @@
-import"./column-views.13c4ea85.js";import"./column-views.78d3f3c5.js";import e from"@macrostrat/hyper";import{SVG as t,StaticNotesColumn as o}from"@macrostrat/column-components";var r=globalThis,n={},a={},i=r.parcelRequirea149;null==i&&((i=function(e){if(e in n)return n[e].exports;if(e in a){var t=a[e];delete a[e];var o={id:e,exports:{}};return n[e]=o,t.call(o.exports,o,o.exports),o.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,t){a[e]=t},r.parcelRequirea149=i),i.register,Object.defineProperty({},"ColumnNotes",{get:()=>s,set:void 0,enumerable:!0,configurable:!0});var c=i("4Abge"),l=i("wtIgl");function s({notes:r,width:n=200,noteComponent:a,paddingLeft:i=60,deltaConnectorAttachment:s,children:d}){let{totalHeight:m}=(0,l.useMacrostratColumnData)(),p=(0,l.useCompositeScale)();return e(c.ColumnNotesProvider,{scale:p,totalHeight:m,pixelScale:-1},[e(t,{width:n,height:m,paddingH:4},[e(o,{width:n,notes:r,noteComponent:a,paddingLeft:i,deltaConnectorAttachment:s})]),d])}export{s as ColumnNotes};
-//# sourceMappingURL=column-views.c18d5bf5.js.map
+import"./column-views.976a829b.js";import"./column-views.78d3f3c5.js";import e from"@macrostrat/hyper";import{SVG as t,StaticNotesColumn as o}from"@macrostrat/column-components";var r=globalThis,n={},a={},i=r.parcelRequirea149;null==i&&((i=function(e){if(e in n)return n[e].exports;if(e in a){var t=a[e];delete a[e];var o={id:e,exports:{}};return n[e]=o,t.call(o.exports,o,o.exports),o.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,t){a[e]=t},r.parcelRequirea149=i),i.register,Object.defineProperty({},"ColumnNotes",{get:()=>s,set:void 0,enumerable:!0,configurable:!0});var c=i("4Abge"),l=i("wtIgl");function s({notes:r,width:n=200,noteComponent:a,paddingLeft:i=60,deltaConnectorAttachment:s,children:d}){let{totalHeight:m}=(0,l.useMacrostratColumnData)(),p=(0,l.useCompositeScale)();return e(c.ColumnNotesProvider,{scale:p,totalHeight:m,pixelScale:-1},[e(t,{width:n,height:m,paddingH:4},[e(o,{width:n,notes:r,noteComponent:a,paddingLeft:i,deltaConnectorAttachment:s})]),d])}export{s as ColumnNotes};
+//# sourceMappingURL=column-views.58d2f993.js.map

package/dist/node/{column-views.c18d5bf5.js.map → column-views.58d2f993.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,6C,A,O,6C,A,Q,M,mB,A,Q,O,C,C,qB,C,K,+B,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,O,c,C,C,E,c,C,I,I,E,I,K,E,W,C,E,a,C,C,G,I,E,E,S,E,E,SCiBO,SAAS,EAAY,CAAA,MAC1B,CAAK,CAAA,MACL,EAAQ,GAAA,CAAA,cACR,CAAa,CAAA,YACb,EAAc,EAAA,CAAA,yBACd,CAAwB,CAAA,SACxB,CAAQ,CACS,EACjB,GAAM,CAAA,YAAE,CAAW,CAAE,CAAG,AAAA,CAAA,EAAA,EAAA,uBAAsB,AAAtB,IAClB,EAAQ,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,IAEd,OAAO,AAAA,EACL,EAAA,mBAAkB,CAClB,CACE,MAAA,EACA,YAAA,EACA,WAAY,EACd,EACA,CACE,AAAA,EAAE,EAAK,CAAE,MAAA,EAAO,OAAQ,EAAa,SAAU,CAAE,EAAG,CAClD,AAAA,EAAE,EAAmB,CACnB,MAAA,EACA,MAAA,EACA,cAAA,EACA,YAAA,EACA,yBAAA,CACF,GACD,EACD,EACD,CAEL,Q,K,W","sources":["<anon>","packages/column-views/src/notes.ts"],"sourcesContent":["import \"./column-views.13c4ea85.js\";\nimport \"./column-views.78d3f3c5.js\";\nimport $joNTi$macrostrathyper from \"@macrostrat/hyper\";\nimport {SVG as $joNTi$SVG, StaticNotesColumn as $joNTi$StaticNotesColumn} from \"@macrostrat/column-components\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $d63334d9b5597481$exports = {};\n\n$parcel$export($d63334d9b5597481$exports, \"ColumnNotes\", () => $d63334d9b5597481$export$fc5babae10f3f77d);\n\n\nvar $4Abge = parcelRequire(\"4Abge\");\n\n\nvar $wtIgl = parcelRequire(\"wtIgl\");\nfunction $d63334d9b5597481$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, children: children }) {\n    const { totalHeight: totalHeight } = (0, $wtIgl.useMacrostratColumnData)();\n    const scale = (0, $wtIgl.useCompositeScale)();\n    return (0, $joNTi$macrostrathyper)((0, $4Abge.ColumnNotesProvider), {\n        scale: scale,\n        totalHeight: totalHeight,\n        pixelScale: -1\n    }, [\n        (0, $joNTi$macrostrathyper)((0, $joNTi$SVG), {\n            width: width,\n            height: totalHeight,\n            paddingH: 4\n        }, [\n            (0, $joNTi$macrostrathyper)((0, $joNTi$StaticNotesColumn), {\n                width: width,\n                notes: notes,\n                noteComponent: noteComponent,\n                paddingLeft: paddingLeft,\n                deltaConnectorAttachment: deltaConnectorAttachment\n            })\n        ]),\n        children\n    ]);\n}\n\n\nexport {$d63334d9b5597481$export$fc5babae10f3f77d as ColumnNotes};\n//# sourceMappingURL=column-views.c18d5bf5.js.map\n","import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { StaticNotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ReactNode } from \"react\";\n\ninterface ColumnNotesProps {\n  notes: any[];\n  width?: number;\n  noteComponent?: any;\n  paddingLeft?: number;\n  deltaConnectorAttachment?: number;\n  children?: ReactNode;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  children,\n}: ColumnNotesProps) {\n  const { totalHeight } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  return h(\n    ColumnNotesProvider,\n    {\n      scale,\n      totalHeight,\n      pixelScale: -1,\n    },\n    [\n      h(SVG, { width, height: totalHeight, paddingH: 4 }, [\n        h(StaticNotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":["$joNTi$macrostrathyper","SVG","$joNTi$SVG","StaticNotesColumn","$joNTi$StaticNotesColumn","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","Object","defineProperty","get","$d63334d9b5597481$export$fc5babae10f3f77d","set","s","enumerable","configurable","$4Abge","$wtIgl","notes","width","noteComponent","paddingLeft","deltaConnectorAttachment","children","totalHeight","useMacrostratColumnData","scale","useCompositeScale","ColumnNotesProvider","pixelScale","height","paddingH","ColumnNotes"],"version":3,"file":"column-views.c18d5bf5.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,6C,A,O,6C,A,Q,M,mB,A,Q,O,C,C,qB,C,K,+B,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,O,c,C,C,E,c,C,I,I,E,I,K,E,W,C,E,a,C,C,G,I,E,E,S,E,E,SCiBO,SAAS,EAAY,CAAA,MAC1B,CAAK,CAAA,MACL,EAAQ,GAAA,CAAA,cACR,CAAa,CAAA,YACb,EAAc,EAAA,CAAA,yBACd,CAAwB,CAAA,SACxB,CAAQ,CACS,EACjB,GAAM,CAAA,YAAE,CAAW,CAAE,CAAG,AAAA,CAAA,EAAA,EAAA,uBAAsB,AAAtB,IAClB,EAAQ,AAAA,CAAA,EAAA,EAAA,iBAAgB,AAAhB,IAEd,OAAO,AAAA,EACL,EAAA,mBAAkB,CAClB,CACE,MAAA,EACA,YAAA,EACA,WAAY,EACd,EACA,CACE,AAAA,EAAE,EAAK,CAAE,MAAA,EAAO,OAAQ,EAAa,SAAU,CAAE,EAAG,CAClD,AAAA,EAAE,EAAmB,CACnB,MAAA,EACA,MAAA,EACA,cAAA,EACA,YAAA,EACA,yBAAA,CACF,GACD,EACD,EACD,CAEL,Q,K,W","sources":["<anon>","packages/column-views/src/notes.ts"],"sourcesContent":["import \"./column-views.976a829b.js\";\nimport \"./column-views.78d3f3c5.js\";\nimport $joNTi$macrostrathyper from \"@macrostrat/hyper\";\nimport {SVG as $joNTi$SVG, StaticNotesColumn as $joNTi$StaticNotesColumn} from \"@macrostrat/column-components\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $d63334d9b5597481$exports = {};\n\n$parcel$export($d63334d9b5597481$exports, \"ColumnNotes\", () => $d63334d9b5597481$export$fc5babae10f3f77d);\n\n\nvar $4Abge = parcelRequire(\"4Abge\");\n\n\nvar $wtIgl = parcelRequire(\"wtIgl\");\nfunction $d63334d9b5597481$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, children: children }) {\n    const { totalHeight: totalHeight } = (0, $wtIgl.useMacrostratColumnData)();\n    const scale = (0, $wtIgl.useCompositeScale)();\n    return (0, $joNTi$macrostrathyper)((0, $4Abge.ColumnNotesProvider), {\n        scale: scale,\n        totalHeight: totalHeight,\n        pixelScale: -1\n    }, [\n        (0, $joNTi$macrostrathyper)((0, $joNTi$SVG), {\n            width: width,\n            height: totalHeight,\n            paddingH: 4\n        }, [\n            (0, $joNTi$macrostrathyper)((0, $joNTi$StaticNotesColumn), {\n                width: width,\n                notes: notes,\n                noteComponent: noteComponent,\n                paddingLeft: paddingLeft,\n                deltaConnectorAttachment: deltaConnectorAttachment\n            })\n        ]),\n        children\n    ]);\n}\n\n\nexport {$d63334d9b5597481$export$fc5babae10f3f77d as ColumnNotes};\n//# sourceMappingURL=column-views.58d2f993.js.map\n","import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { StaticNotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ReactNode } from \"react\";\n\ninterface ColumnNotesProps {\n  notes: any[];\n  width?: number;\n  noteComponent?: any;\n  paddingLeft?: number;\n  deltaConnectorAttachment?: number;\n  children?: ReactNode;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  children,\n}: ColumnNotesProps) {\n  const { totalHeight } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  return h(\n    ColumnNotesProvider,\n    {\n      scale,\n      totalHeight,\n      pixelScale: -1,\n    },\n    [\n      h(SVG, { width, height: totalHeight, paddingH: 4 }, [\n        h(StaticNotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":["$joNTi$macrostrathyper","SVG","$joNTi$SVG","StaticNotesColumn","$joNTi$StaticNotesColumn","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","Object","defineProperty","get","$d63334d9b5597481$export$fc5babae10f3f77d","set","s","enumerable","configurable","$4Abge","$wtIgl","notes","width","noteComponent","paddingLeft","deltaConnectorAttachment","children","totalHeight","useMacrostratColumnData","scale","useCompositeScale","ColumnNotesProvider","pixelScale","height","paddingH","ColumnNotes"],"version":3,"file":"column-views.58d2f993.js.map","sourceRoot":"../../../../"}