baselode 0.1.21 → 0.1.22

package/dist/tool-ui.js

@@ -1,90 +1,96 @@
-import { z as t } from "zod";
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { useMemo as x, useState as F, useEffect as V, useRef as H } from "react";
-import Y from "plotly.js-dist-min";
-import { s as ee, J as oe, c as te, j as R, l as Q, aH as W, o as le, m as ne, t as re, g as ie, U as se, aG as ae } from "./baselode3dScene-CLEvddGM.js";
-const pe = t.union([t.string(), t.number(), t.boolean(), t.null()]), v = t.record(t.string(), t.unknown()), q = t.tuple([t.number(), t.number()]), de = t.object({
-  id: t.string().optional(),
-  property: t.string().min(1),
-  label: t.string().optional(),
-  displayType: t.enum(["numeric", "categorical"]).default("numeric"),
-  chartType: t.enum(["bar", "markers", "line", "markers+line", "categorical"]).optional(),
-  colourMap: t.union([t.string(), t.record(t.string(), t.string())]).optional(),
-  propertyOptions: t.array(t.string().min(1)).optional(),
-  allowPropertySelection: t.boolean().optional(),
-  allowChartTypeSelection: t.boolean().optional(),
-  showLegend: t.boolean().optional()
-}), ue = t.object({
-  id: t.string().min(1),
-  title: t.string().optional(),
-  subtitle: t.string().optional(),
-  hole: t.object({
-    id: t.string().min(1),
-    points: t.array(v),
-    metadata: t.record(t.string(), pe).optional()
+import { z as e } from "zod";
+import { jsxs as w, jsx as u } from "react/jsx-runtime";
+import { useMemo as x, useState as H, useEffect as $, useRef as Y } from "react";
+import Q from "plotly.js-dist-min";
+import { t as ne, K as re, c as ie, a9 as se, a7 as ae, aL as pe, j as D, l as k, aK as ee, n as W, p as de, m as ue, u as ce, g as ye, V as be, aJ as fe } from "./baselode3dScene-4nzt80B1.js";
+const me = e.union([e.string(), e.number(), e.boolean(), e.null()]), N = e.record(e.string(), e.unknown()), X = e.tuple([e.number(), e.number()]), ge = e.object({
+  label: e.string().optional(),
+  unit: e.string().nullish(),
+  sourceAttribute: e.string().nullish()
+}), he = e.object({
+  id: e.string().optional(),
+  property: e.string().min(1),
+  label: e.string().optional(),
+  displayType: e.enum(["numeric", "categorical"]).default("numeric"),
+  chartType: e.enum(["bar", "markers", "line", "markers+line", "categorical"]).optional(),
+  colourMap: e.union([e.string(), e.record(e.string(), e.string())]).optional(),
+  propertyOptions: e.array(e.string().min(1)).optional(),
+  allowPropertySelection: e.boolean().optional(),
+  allowChartTypeSelection: e.boolean().optional(),
+  showLegend: e.boolean().optional()
+}), Se = e.object({
+  id: e.string().min(1),
+  title: e.string().optional(),
+  subtitle: e.string().optional(),
+  hole: e.object({
+    id: e.string().min(1),
+    points: e.array(N),
+    metadata: e.record(e.string(), me).optional()
   }),
-  tracks: t.array(de).min(1),
-  height: t.number().positive().max(1200).optional(),
-  template: t.enum(["baselode", "baselode-dark", "plotly-default"]).optional(),
-  showModeBar: t.boolean().optional(),
-  propertyOptions: t.array(t.string().min(1)).optional(),
-  allowPropertySelection: t.boolean().optional(),
-  allowChartTypeSelection: t.boolean().optional(),
-  showLegend: t.boolean().optional(),
-  depthRange: q.optional(),
-  defaultDepthRange: q.optional()
+  tracks: e.array(he).min(1),
+  height: e.number().positive().max(1200).optional(),
+  template: e.enum(["baselode", "baselode-dark", "plotly-default"]).optional(),
+  showModeBar: e.boolean().optional(),
+  propertyOptions: e.array(e.string().min(1)).optional(),
+  propertyMeta: e.record(e.string(), ge).optional(),
+  deriveMetaFromRows: e.boolean().optional(),
+  allowPropertySelection: e.boolean().optional(),
+  allowChartTypeSelection: e.boolean().optional(),
+  showLegend: e.boolean().optional(),
+  depthRange: X.optional(),
+  defaultDepthRange: X.optional()
 });
-function Le(o) {
-  const e = ue.safeParse(o);
-  return e.success ? e.data : null;
+function Ie(o) {
+  const t = Se.safeParse(o);
+  return t.success ? t.data : null;
 }
-const ye = t.object({
-  id: t.string().min(1),
-  title: t.string().optional(),
-  subtitle: t.string().optional(),
-  height: t.number().positive().max(1400).optional(),
-  background: t.enum(["white", "black"]).optional(),
-  controlMode: t.enum(["orbit", "fly"]).optional(),
-  drillholes: t.object({
-    holes: t.array(v),
-    options: v.optional()
+const Te = e.object({
+  id: e.string().min(1),
+  title: e.string().optional(),
+  subtitle: e.string().optional(),
+  height: e.number().positive().max(1400).optional(),
+  background: e.enum(["white", "black"]).optional(),
+  controlMode: e.enum(["orbit", "fly"]).optional(),
+  drillholes: e.object({
+    holes: e.array(N),
+    options: N.optional()
   }).optional(),
-  stripLogs: t.array(v).optional(),
-  structuralDiscs: t.object({
-    structures: t.array(v),
-    options: v.optional(),
-    visible: t.boolean().optional()
+  stripLogs: e.array(N).optional(),
+  structuralDiscs: e.object({
+    structures: e.array(N),
+    options: N.optional(),
+    visible: e.boolean().optional()
   }).optional(),
-  blocks: t.object({
-    data: t.array(v),
-    selectedProperty: t.string().min(1),
-    stats: v.optional(),
-    options: v.optional()
+  blocks: e.object({
+    data: e.array(N),
+    selectedProperty: e.string().min(1),
+    stats: N.optional(),
+    options: N.optional()
   }).optional(),
-  rasterOverlays: t.array(t.object({
-    id: t.string().optional(),
-    name: t.string().optional(),
-    source: t.object({
-      type: t.literal("url"),
-      url: t.string().min(1)
+  rasterOverlays: e.array(e.object({
+    id: e.string().optional(),
+    name: e.string().optional(),
+    source: e.object({
+      type: e.literal("url"),
+      url: e.string().min(1)
     }),
-    bounds: v,
-    elevation: t.number().optional(),
-    opacity: t.number().optional(),
-    visible: t.boolean().optional(),
-    renderOrder: t.number().optional()
+    bounds: N,
+    elevation: e.number().optional(),
+    opacity: e.number().optional(),
+    visible: e.boolean().optional(),
+    renderOrder: e.number().optional()
   })).optional(),
-  camera: t.object({
-    viewState: v.optional(),
-    fitToBounds: t.boolean().optional(),
-    focusPadding: t.number().positive().optional()
+  camera: e.object({
+    viewState: N.optional(),
+    fitToBounds: e.boolean().optional(),
+    focusPadding: e.number().positive().optional()
   }).optional()
 });
-function Ae(o) {
-  const e = ye.safeParse(o);
-  return e.success ? e.data : null;
+function Ue(o) {
+  const t = Te.safeParse(o);
+  return t.success ? t.data : null;
 }
-function ce(o) {
+function _e(o) {
   return {
     "--baselode-tool-bg": o.bg,
     "--baselode-tool-panel": o.panel,
@@ -99,410 +105,425 @@ function ce(o) {
     "--baselode-tool-primary": o.primary || o.accent
   };
 }
-function K(o) {
+function q(o) {
   return o === "baselode-dark" || o === "black" ? "baselode-dark" : "baselode";
 }
-function X(o) {
-  return ce(
-    K(o) === "baselode-dark" ? ee : oe
+function oe(o) {
+  return _e(
+    q(o) === "baselode-dark" ? ne : re
   );
 }
-function be(o) {
-  return o === "baselode-dark" ? re : o === "plotly-default" ? null : ie;
+function ve(o) {
+  return o === "baselode-dark" ? ce : o === "plotly-default" ? null : ye;
 }
-function $(o) {
+function G(o) {
   if (!Array.isArray(o) || o.length !== 2) return null;
-  const e = Number(o[0]), n = Number(o[1]);
-  return !Number.isFinite(e) || !Number.isFinite(n) || e === n ? null : e < n ? [e, n] : [n, e];
+  const t = Number(o[0]), n = Number(o[1]);
+  return !Number.isFinite(t) || !Number.isFinite(n) || t === n ? null : t < n ? [t, n] : [n, t];
 }
-function me(o) {
+function Le(o) {
   if (o)
     return [o[1], o[0]];
 }
-function fe(o) {
+function Ne(o) {
   if (!o || typeof o != "object") return null;
-  const e = o["yaxis.range"];
-  if (Array.isArray(e) && e.length === 2)
-    return $(e);
-  const n = o["yaxis.range[0]"], i = o["yaxis.range[1]"];
-  return n !== void 0 && i !== void 0 ? $([n, i]) : null;
+  const t = o["yaxis.range"];
+  if (Array.isArray(t) && t.length === 2)
+    return G(t);
+  const n = o["yaxis.range[0]"], r = o["yaxis.range[1]"];
+  return n !== void 0 && r !== void 0 ? G([n, r]) : null;
 }
-function Z(o, e) {
-  return !!(o && o !== e);
+function te(o, t) {
+  return !!(o && o !== t);
 }
-function k(o, e) {
+function le(o, t) {
   const n = [...o.numericCols, ...o.categoricalCols];
-  if (!(e != null && e.length)) return n;
-  const i = new Set(n);
-  return e.filter((b) => i.has(b));
+  if (!(t != null && t.length)) return n;
+  const r = new Set(n);
+  return t.filter((y) => r.has(y));
 }
-function C(o, {
-  trackIndex: e = 0,
+function Z(o, {
+  trackIndex: t = 0,
   selectableProperties: n,
-  classified: i,
-  allowPropertySelection: b,
-  allowChartTypeSelection: B,
-  showLegend: p
+  classified: r,
+  allowPropertySelection: y,
+  allowChartTypeSelection: j,
+  showLegend: b
 }) {
-  const S = k(i, o.propertyOptions ?? n), d = S.includes(o.property) ? o.property : S[0] ?? o.property, m = i.byType[d] === R ? R : "numeric", a = o.chartType === "categorical" || o.displayType === R ? R : m, g = Q(a).some((P) => P.value === o.chartType) ? o.chartType : W(a);
+  const f = le(r, o.propertyOptions ?? n), s = f.includes(o.property) ? o.property : f[0] ?? o.property, a = r.byType[s] === D ? D : "numeric", S = o.chartType === "categorical" || o.displayType === D ? D : a, v = k(S).some((T) => T.value === o.chartType) ? o.chartType : ee(S);
   return {
     ...o,
-    id: o.id || `${d}-${e + 1}`,
-    property: d,
-    label: Z(o.label, o.property) ? o.label : void 0,
-    displayType: a,
-    chartType: g,
-    propertyOptions: S,
-    allowPropertySelection: o.allowPropertySelection ?? b ?? !1,
-    allowChartTypeSelection: o.allowChartTypeSelection ?? B ?? !1,
-    showLegend: o.showLegend ?? p ?? a === R
+    id: o.id || `${s}-${t + 1}`,
+    property: s,
+    label: te(o.label, o.property) ? o.label : void 0,
+    displayType: S,
+    chartType: v,
+    propertyOptions: f,
+    allowPropertySelection: o.allowPropertySelection ?? y ?? !1,
+    allowChartTypeSelection: o.allowChartTypeSelection ?? j ?? !1,
+    showLegend: o.showLegend ?? b ?? S === D
   };
 }
-function ge(o) {
-  return !Array.isArray(o) || !o.length ? [] : o.map((e) => {
-    var b;
-    const n = (b = e == null ? void 0 : e.marker) == null ? void 0 : b.color, i = e == null ? void 0 : e.name;
-    return !i || typeof n != "string" ? null : { label: i, color: n };
+function we(o) {
+  return !Array.isArray(o) || !o.length ? [] : o.map((t) => {
+    var y;
+    const n = (y = t == null ? void 0 : t.marker) == null ? void 0 : y.color, r = t == null ? void 0 : t.name;
+    return !r || typeof n != "string" ? null : { label: r, color: n };
   }).filter(Boolean);
 }
-function he(o, e) {
-  return e ? {
+function Ae(o, t) {
+  return t ? {
     ...o,
     yaxis: {
       ...o.yaxis || {},
       autorange: !1,
-      range: me(e)
+      range: Le(t)
     }
   } : o;
 }
-function Se({
+function Pe({
   hole: o,
-  track: e,
-  height: n,
-  template: i,
-  showModeBar: b,
-  depthRange: B,
-  onTrackChange: p,
-  onIntervalClick: S,
-  onDepthRangeChange: d
+  track: t,
+  propertyMeta: n,
+  height: r,
+  template: y,
+  showModeBar: j,
+  depthRange: b,
+  onTrackChange: f,
+  onIntervalClick: s,
+  onDepthRangeChange: a
 }) {
-  const m = H(null), a = e.displayType === R || e.chartType === "categorical", u = x(
-    () => le(o, e.property, a),
-    [o, a, e.property]
-  ), g = x(() => {
-    const l = ne({
-      points: u,
-      isCategorical: a,
-      property: e.label || e.property,
-      chartType: e.chartType || (a ? "categorical" : "markers+line"),
-      colourMap: e.colourMap,
-      template: be(i)
+  const S = Y(null), i = t.displayType === D || t.chartType === "categorical", v = n == null ? void 0 : n[t.property], T = W(t.label || t.property, v), C = x(
+    () => de(o, t.property, i),
+    [o, i, t.property]
+  ), _ = x(() => {
+    const l = ue({
+      points: C,
+      isCategorical: i,
+      property: t.label || t.property,
+      chartType: t.chartType || (i ? "categorical" : "markers+line"),
+      colourMap: t.colourMap,
+      template: ve(y),
+      meta: v
     });
     return {
       data: l.data,
-      layout: he(l.layout, B)
+      layout: Ae(l.layout, b)
     };
-  }, [B, a, u, i, e.chartType, e.colourMap, e.label, e.property]), P = x(
-    () => e.showLegend && a ? ge(g.data) : [],
-    [a, g.data, e.showLegend]
-  ), N = x(
-    () => Q(e.displayType),
-    [e.displayType]
+  }, [b, i, v, C, y, t.chartType, t.colourMap, t.label, t.property]), A = x(
+    () => t.showLegend && i ? we(_.data) : [],
+    [i, _.data, t.showLegend]
+  ), P = x(
+    () => k(t.displayType),
+    [t.displayType]
   );
-  return V(() => {
-    var r, j, _, f;
-    const l = m.current;
+  return $(() => {
+    var O, K, I, d;
+    const l = S.current;
     if (!l) return;
-    if (!g.data.length) {
-      l.replaceChildren(document.createTextNode(`No data for ${e.property}`));
+    if (!_.data.length) {
+      l.replaceChildren(document.createTextNode(`No data for ${T}`));
       return;
     }
-    const I = (L) => {
-      var z, O;
-      const h = (z = L == null ? void 0 : L.points) == null ? void 0 : z[0];
-      if (!h || !S) return;
-      const A = Array.isArray(h.customdata) ? h.customdata : [];
-      S({
-        trackId: e.id || e.property,
-        property: e.property,
-        value: a ? (O = h.data) == null ? void 0 : O.name : h.x,
-        from: Number(A[0]),
-        to: Number(A[1]),
-        pointIndex: h.pointIndex
+    const F = (B) => {
+      var M, R;
+      const g = (M = B == null ? void 0 : B.points) == null ? void 0 : M[0];
+      if (!g || !s) return;
+      const E = Array.isArray(g.customdata) ? g.customdata : [];
+      s({
+        trackId: t.id || t.property,
+        property: t.property,
+        value: i ? (R = g.data) == null ? void 0 : R.name : g.x,
+        from: Number(E[0]),
+        to: Number(E[1]),
+        pointIndex: g.pointIndex
       });
-    }, E = (L) => {
-      const h = fe(L);
-      h && d && d({
-        trackId: e.id || e.property,
-        depthRange: h
+    }, c = (B) => {
+      const g = Ne(B);
+      g && a && a({
+        trackId: t.id || t.property,
+        depthRange: g
       });
     };
-    return (r = l.removeAllListeners) == null || r.call(l, "plotly_click"), (j = l.removeAllListeners) == null || j.call(l, "plotly_relayout"), Y.react(
+    return (O = l.removeAllListeners) == null || O.call(l, "plotly_click"), (K = l.removeAllListeners) == null || K.call(l, "plotly_relayout"), Q.react(
       l,
-      g.data,
+      _.data,
       {
-        ...g.layout,
-        height: n,
+        ..._.layout,
+        height: r,
         title: void 0,
-        margin: { ...g.layout.margin, t: 12 }
+        margin: { ..._.layout.margin, t: 12 }
       },
       {
-        displayModeBar: b,
+        displayModeBar: j,
         responsive: !0
       }
-    ), S && ((_ = l.on) == null || _.call(l, "plotly_click", I)), d && ((f = l.on) == null || f.call(l, "plotly_relayout", E)), () => {
-      Y.purge(l);
+    ), s && ((I = l.on) == null || I.call(l, "plotly_click", F)), a && ((d = l.on) == null || d.call(l, "plotly_relayout", c)), () => {
+      Q.purge(l);
     };
   }, [
-    n,
-    d,
-    S,
-    g.data,
-    g.layout,
-    b,
-    e.id,
-    e.property,
-    a
-  ]), /* @__PURE__ */ w("section", { className: "baselode-tool-strip-log__track", "aria-label": e.label || e.property, children: [
-    /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__track-title", children: e.label || e.property }),
-    (e.allowPropertySelection || e.allowChartTypeSelection && N.length > 1) && /* @__PURE__ */ w("div", { className: "baselode-tool-strip-log__controls", children: [
-      e.allowPropertySelection && e.propertyOptions.length > 0 && /* @__PURE__ */ w("label", { className: "baselode-tool-strip-log__control", children: [
-        /* @__PURE__ */ c("span", { children: "Property" }),
-        /* @__PURE__ */ c(
+    r,
+    a,
+    s,
+    _.data,
+    _.layout,
+    j,
+    t.id,
+    t.property,
+    T,
+    i
+  ]), /* @__PURE__ */ w("section", { className: "baselode-tool-strip-log__track", "aria-label": T, children: [
+    /* @__PURE__ */ u("div", { className: "baselode-tool-strip-log__track-title", children: T }),
+    (t.allowPropertySelection || t.allowChartTypeSelection && P.length > 1) && /* @__PURE__ */ w("div", { className: "baselode-tool-strip-log__controls", children: [
+      t.allowPropertySelection && t.propertyOptions.length > 0 && /* @__PURE__ */ w("label", { className: "baselode-tool-strip-log__control", children: [
+        /* @__PURE__ */ u("span", { children: "Property" }),
+        /* @__PURE__ */ u(
           "select",
           {
-            value: e.property,
+            value: t.property,
             onChange: (l) => {
-              p == null || p({
-                ...e,
+              f == null || f({
+                ...t,
                 property: l.target.value
               });
             },
-            children: e.propertyOptions.map((l) => /* @__PURE__ */ c("option", { value: l, children: l }, l))
+            children: t.propertyOptions.map((l) => /* @__PURE__ */ u("option", { value: l, children: W(l, n == null ? void 0 : n[l]) }, l))
           }
         )
       ] }),
-      e.allowChartTypeSelection && N.length > 1 && /* @__PURE__ */ w("label", { className: "baselode-tool-strip-log__control", children: [
-        /* @__PURE__ */ c("span", { children: "Chart" }),
-        /* @__PURE__ */ c(
+      t.allowChartTypeSelection && P.length > 1 && /* @__PURE__ */ w("label", { className: "baselode-tool-strip-log__control", children: [
+        /* @__PURE__ */ u("span", { children: "Chart" }),
+        /* @__PURE__ */ u(
           "select",
           {
-            value: e.chartType,
+            value: t.chartType,
             onChange: (l) => {
-              p == null || p({
-                ...e,
+              f == null || f({
+                ...t,
                 chartType: l.target.value
               });
             },
-            children: N.map((l) => /* @__PURE__ */ c("option", { value: l.value, children: l.label }, l.value))
+            children: P.map((l) => /* @__PURE__ */ u("option", { value: l.value, children: l.label }, l.value))
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__plot", ref: m }),
-    P.length > 0 && /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__legend", children: P.map((l) => /* @__PURE__ */ w("div", { className: "baselode-tool-strip-log__legend-row", children: [
-      /* @__PURE__ */ c(
+    /* @__PURE__ */ u("div", { className: "baselode-tool-strip-log__plot", ref: S }),
+    A.length > 0 && /* @__PURE__ */ u("div", { className: "baselode-tool-strip-log__legend", children: A.map((l) => /* @__PURE__ */ w("div", { className: "baselode-tool-strip-log__legend-row", children: [
+      /* @__PURE__ */ u(
         "span",
         {
           className: "baselode-tool-strip-log__legend-swatch",
           style: { backgroundColor: l.color }
         }
       ),
-      /* @__PURE__ */ c("span", { children: l.label })
+      /* @__PURE__ */ u("span", { children: l.label })
     ] }, l.label)) })
   ] });
 }
-function Be({
+function De({
   id: o,
-  title: e,
+  title: t,
   subtitle: n,
-  hole: i,
-  tracks: b,
-  height: B = 420,
-  template: p = "baselode",
-  showModeBar: S = !1,
-  propertyOptions: d,
-  allowPropertySelection: m = !1,
-  allowChartTypeSelection: a = !1,
-  showLegend: u,
-  depthRange: g,
-  defaultDepthRange: P,
-  onPropertyChange: N,
-  onTrackChange: l,
-  onIntervalClick: I,
-  onDepthRangeChange: E
+  hole: r,
+  tracks: y,
+  height: j = 420,
+  template: b = "baselode",
+  showModeBar: f = !1,
+  propertyOptions: s,
+  propertyMeta: a,
+  deriveMetaFromRows: S = !1,
+  allowPropertySelection: i = !1,
+  allowChartTypeSelection: v = !1,
+  showLegend: T,
+  depthRange: C,
+  defaultDepthRange: _,
+  onPropertyChange: A,
+  onTrackChange: P,
+  onIntervalClick: l,
+  onDepthRangeChange: F
 }) {
-  const r = x(
-    () => te((i == null ? void 0 : i.points) || []),
-    [i]
-  ), j = x(
-    () => k(r, d),
-    [r, d]
-  ), _ = x(
-    () => b.map((y, T) => C(y, {
-      trackIndex: T,
-      selectableProperties: j,
-      classified: r,
-      allowPropertySelection: m,
-      allowChartTypeSelection: a,
-      showLegend: u
+  const c = x(
+    () => ie((r == null ? void 0 : r.points) || []),
+    [r]
+  ), O = x(
+    () => le(c, s),
+    [c, s]
+  ), K = x(() => {
+    const p = a && typeof a == "object" ? a : null;
+    if (!S) return p ?? void 0;
+    const m = [...c.numericCols, ...c.categoricalCols].filter((z) => z !== se && z !== ae), h = pe((r == null ? void 0 : r.points) || [], m);
+    if (!p) return h;
+    const V = { ...h };
+    return Object.entries(p).forEach(([z, U]) => {
+      V[z] = { ...h[z], ...U };
+    }), V;
+  }, [a, S, c, r]), I = x(
+    () => y.map((p, m) => Z(p, {
+      trackIndex: m,
+      selectableProperties: O,
+      classified: c,
+      allowPropertySelection: i,
+      allowChartTypeSelection: v,
+      showLegend: T
     })),
-    [a, m, r, j, u, b]
-  ), f = $(g), L = f ?? $(P), [h, A] = F(_), [z, O] = F(L);
-  V(() => {
-    A(_);
-  }, [_]), V(() => {
-    f && O(f);
-  }, [f == null ? void 0 : f[0], f == null ? void 0 : f[1]]);
-  const U = f ?? z;
-  function J(y) {
-    const T = h.map((s) => {
-      if ((s.id || s.property) !== (y.id || y.property))
-        return s;
-      const G = y.property ?? s.property, D = r.byType[G] === R ? R : "numeric", M = C({
-        ...s,
-        ...y,
-        property: G,
-        displayType: y.chartType === "categorical" ? R : D,
-        chartType: y.property && y.property !== s.property ? W(D) : y.chartType ?? s.chartType,
-        label: Z(s.label, s.property) ? s.label : void 0
+    [v, i, c, O, T, y]
+  ), d = G(C), B = d ?? G(_), [g, E] = H(I), [M, R] = H(B);
+  $(() => {
+    E(I);
+  }, [I]), $(() => {
+    d && R(d);
+  }, [d == null ? void 0 : d[0], d == null ? void 0 : d[1]]);
+  const J = d ?? M;
+  function L(p) {
+    const m = g.map((h) => {
+      if ((h.id || h.property) !== (p.id || p.property))
+        return h;
+      const V = p.property ?? h.property, z = c.byType[V] === D ? D : "numeric", U = Z({
+        ...h,
+        ...p,
+        property: V,
+        displayType: p.chartType === "categorical" ? D : z,
+        chartType: p.property && p.property !== h.property ? ee(z) : p.chartType ?? h.chartType,
+        label: te(h.label, h.property) ? h.label : void 0
       }, {
-        selectableProperties: j,
-        classified: r,
-        allowPropertySelection: m,
-        allowChartTypeSelection: a,
-        showLegend: u
+        selectableProperties: O,
+        classified: c,
+        allowPropertySelection: i,
+        allowChartTypeSelection: v,
+        showLegend: T
       });
-      return l == null || l(M), G !== s.property && (N == null || N({
-        trackId: M.id || M.property,
-        property: M.property,
-        displayType: M.displayType,
-        chartType: M.chartType
-      })), M;
+      return P == null || P(U), V !== h.property && (A == null || A({
+        trackId: U.id || U.property,
+        property: U.property,
+        displayType: U.displayType,
+        chartType: U.chartType
+      })), U;
     });
-    A(T);
+    E(m);
   }
   return /* @__PURE__ */ w(
     "article",
     {
       className: "baselode-tool-strip-log",
       "data-tool-ui-id": o,
-      "data-baselode-theme": K(p),
-      style: X(p),
+      "data-baselode-theme": q(b),
+      style: oe(b),
       children: [
         /* @__PURE__ */ w("header", { className: "baselode-tool-strip-log__header", children: [
           /* @__PURE__ */ w("div", { children: [
-            /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__eyebrow", children: i.id }),
-            /* @__PURE__ */ c("h3", { children: e || "Strip log" })
+            /* @__PURE__ */ u("div", { className: "baselode-tool-strip-log__eyebrow", children: r.id }),
+            /* @__PURE__ */ u("h3", { children: t || "Strip log" })
           ] }),
-          n && /* @__PURE__ */ c("p", { children: n })
+          n && /* @__PURE__ */ u("p", { children: n })
         ] }),
-        /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__tracks", children: h.map((y) => /* @__PURE__ */ c(
-          Se,
+        /* @__PURE__ */ u("div", { className: "baselode-tool-strip-log__tracks", children: g.map((p) => /* @__PURE__ */ u(
+          Pe,
           {
-            hole: i,
-            track: y,
-            height: B,
-            template: p,
-            showModeBar: S,
-            depthRange: U,
-            onTrackChange: J,
-            onIntervalClick: I,
-            onDepthRangeChange: (T) => {
-              !f && (T != null && T.depthRange) && O(T.depthRange), E == null || E(T);
+            hole: r,
+            track: p,
+            propertyMeta: K,
+            height: j,
+            template: b,
+            showModeBar: f,
+            depthRange: J,
+            onTrackChange: L,
+            onIntervalClick: l,
+            onDepthRangeChange: (m) => {
+              !d && (m != null && m.depthRange) && R(m.depthRange), F == null || F(m);
             }
           },
-          y.id || y.property
+          p.id || p.property
         )) })
       ]
     }
   );
 }
-function Pe({
+function ze({
   id: o,
-  title: e,
+  title: t,
   subtitle: n,
-  height: i = 520,
-  background: b = "white",
-  controlMode: B = "orbit",
-  drillholes: p,
-  stripLogs: S = [],
-  structuralDiscs: d,
-  blocks: m,
-  rasterOverlays: a = [],
-  camera: u
+  height: r = 520,
+  background: y = "white",
+  controlMode: j = "orbit",
+  drillholes: b,
+  stripLogs: f = [],
+  structuralDiscs: s,
+  blocks: a,
+  rasterOverlays: S = [],
+  camera: i
 }) {
-  const g = H(null), P = H(null), [N, l] = F("");
-  return V(() => {
-    const I = g.current;
-    if (!I) return;
-    let E = !1;
-    const r = new se();
-    P.current = r;
-    async function j() {
-      var f, L, h, A, z, O, U, J, y, T;
+  const v = Y(null), T = Y(null), [C, _] = H("");
+  return $(() => {
+    const A = v.current;
+    if (!A) return;
+    let P = !1;
+    const l = new be();
+    T.current = l;
+    async function F() {
+      var O, K, I, d, B, g, E, M, R, J;
       try {
-        l(""), r.init(I), r.setBackground(b), r.setControlMode(B);
-        const s = (p == null ? void 0 : p.holes) || [];
-        s.length && r.setDrillholes(s, (p == null ? void 0 : p.options) || {}), s.length && S.length && r.setStripLogs(s, S), (f = d == null ? void 0 : d.structures) != null && f.length && (r.setStructuralDiscs(
-          d.structures,
-          s,
-          d.options || {}
-        ), d.visible !== void 0 && r.setStructuralDiscsVisible(d.visible)), (L = m == null ? void 0 : m.data) != null && L.length && r.setBlocks(
-          m.data,
-          m.selectedProperty,
-          m.stats || {},
-          m.options || {}
+        _(""), l.init(A), l.setBackground(y), l.setControlMode(j);
+        const L = (b == null ? void 0 : b.holes) || [];
+        L.length && l.setDrillholes(L, (b == null ? void 0 : b.options) || {}), L.length && f.length && l.setStripLogs(L, f), (O = s == null ? void 0 : s.structures) != null && O.length && (l.setStructuralDiscs(
+          s.structures,
+          L,
+          s.options || {}
+        ), s.visible !== void 0 && l.setStructuralDiscsVisible(s.visible)), (K = a == null ? void 0 : a.data) != null && K.length && l.setBlocks(
+          a.data,
+          a.selectedProperty,
+          a.stats || {},
+          a.options || {}
         );
-        for (const G of a) {
-          const D = await ae(G);
-          if (E) {
-            (z = (A = (h = D.mesh) == null ? void 0 : h.geometry) == null ? void 0 : A.dispose) == null || z.call(A), (J = (U = (O = D.mesh) == null ? void 0 : O.material) == null ? void 0 : U.dispose) == null || J.call(U), (T = (y = D.texture) == null ? void 0 : y.dispose) == null || T.call(y);
+        for (const p of S) {
+          const m = await fe(p);
+          if (P) {
+            (B = (d = (I = m.mesh) == null ? void 0 : I.geometry) == null ? void 0 : d.dispose) == null || B.call(d), (M = (E = (g = m.mesh) == null ? void 0 : g.material) == null ? void 0 : E.dispose) == null || M.call(E), (J = (R = m.texture) == null ? void 0 : R.dispose) == null || J.call(R);
             return;
           }
-          r.addRasterOverlay(D);
+          l.addRasterOverlay(m);
         }
-        u != null && u.viewState ? r.setViewState(u.viewState) : (u == null ? void 0 : u.fitToBounds) !== !1 && r.focusOnLastBounds((u == null ? void 0 : u.focusPadding) || 1.2);
-      } catch (s) {
-        console.error("Baselode 3D Tool UI render error", s), l((s == null ? void 0 : s.message) || "3D scene render error");
+        i != null && i.viewState ? l.setViewState(i.viewState) : (i == null ? void 0 : i.fitToBounds) !== !1 && l.focusOnLastBounds((i == null ? void 0 : i.focusPadding) || 1.2);
+      } catch (L) {
+        console.error("Baselode 3D Tool UI render error", L), _((L == null ? void 0 : L.message) || "3D scene render error");
       }
     }
-    j();
-    const _ = typeof ResizeObserver < "u" ? new ResizeObserver(() => r.resize()) : null;
-    return _ == null || _.observe(I), () => {
-      E = !0, _ == null || _.disconnect(), r.dispose(), P.current = null;
+    F();
+    const c = typeof ResizeObserver < "u" ? new ResizeObserver(() => l.resize()) : null;
+    return c == null || c.observe(A), () => {
+      P = !0, c == null || c.disconnect(), l.dispose(), T.current = null;
     };
   }, [
-    b,
-    m,
-    u,
-    B,
-    p,
+    y,
     a,
+    i,
+    j,
+    b,
     S,
-    d
+    f,
+    s
   ]), /* @__PURE__ */ w(
     "article",
     {
       className: "baselode-tool-3d-scene",
       "data-tool-ui-id": o,
-      "data-baselode-theme": K(b),
-      style: X(b),
+      "data-baselode-theme": q(y),
+      style: oe(y),
       children: [
-        (e || n) && /* @__PURE__ */ w("header", { className: "baselode-tool-3d-scene__header", children: [
-          e && /* @__PURE__ */ c("h3", { children: e }),
-          n && /* @__PURE__ */ c("p", { children: n })
+        (t || n) && /* @__PURE__ */ w("header", { className: "baselode-tool-3d-scene__header", children: [
+          t && /* @__PURE__ */ u("h3", { children: t }),
+          n && /* @__PURE__ */ u("p", { children: n })
         ] }),
-        N && /* @__PURE__ */ w("div", { className: "baselode-tool-3d-scene__error", children: [
+        C && /* @__PURE__ */ w("div", { className: "baselode-tool-3d-scene__error", children: [
           "Scene error: ",
-          N
+          C
         ] }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "div",
           {
             className: "baselode-tool-3d-scene__viewport",
-            ref: g,
-            style: { height: i }
+            ref: v,
+            style: { height: r }
           }
         )
       ]
@@ -510,12 +531,12 @@ function Pe({
   );
 }
 export {
-  Pe as Baselode3DSceneToolUI,
-  Be as BaselodeStripLogToolUI,
-  ye as SerializableBaselode3DSceneSchema,
-  ue as SerializableBaselodeStripLogSchema,
-  de as SerializableBaselodeStripLogTrackSchema,
-  Ae as safeParseSerializableBaselode3DScene,
-  Le as safeParseSerializableBaselodeStripLog
+  ze as Baselode3DSceneToolUI,
+  De as BaselodeStripLogToolUI,
+  Te as SerializableBaselode3DSceneSchema,
+  Se as SerializableBaselodeStripLogSchema,
+  he as SerializableBaselodeStripLogTrackSchema,
+  Ue as safeParseSerializableBaselode3DScene,
+  Ie as safeParseSerializableBaselodeStripLog
 };
 //# sourceMappingURL=tool-ui.js.map