baselode 0.1.20 → 0.1.21

package/dist/style.css

@@ -1 +1 @@
-.baselode-3d-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;flex-wrap:wrap;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:10px;padding:10px;box-shadow:0 8px 24px #0000001a}.baselode-3d-controls .ghost-button,.baselode-3d-controls button{border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;transition:background .15s,border-color .15s}.baselode-3d-controls button:hover{background:#f2f2f2;border-color:silver}.baselode-3d-controls .ghost-button{padding:8px 12px;border-radius:8px}.baselode-3d-controls-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 4px}.bm-widget{display:flex;flex-direction:column;gap:8px;background:#fffffff2;border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;box-shadow:0 4px 16px #0000001a;min-width:200px;font-size:13px;color:#333}.bm-widget__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:2px}.bm-widget__select{width:100%;padding:5px 8px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;font-size:13px;cursor:pointer}.bm-widget__select:focus{outline:none;border-color:#888}.bm-widget__scale{display:flex;align-items:center;gap:6px;margin:2px 0 4px}.bm-widget__scale-bar{flex:1;height:10px;border-radius:4px;background:linear-gradient(to right,#1919e6,#19e619,#e61919)}.bm-widget__scale-label{font-size:11px;color:#555;white-space:nowrap}.bm-widget__categories{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}.bm-widget__category-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:#fff}.bm-widget__slider{width:100%;cursor:pointer;accent-color:#555}.bm-widget__popup{margin-top:4px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.bm-widget__popup-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:12px}.bm-widget__popup-close{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#666;padding:0 4px}.bm-widget__popup-close:hover{color:#111}.bm-widget__popup-table{width:100%;border-collapse:collapse;font-size:12px}.bm-widget__popup-table th,.bm-widget__popup-table td{padding:4px 10px;border-bottom:1px solid #f0f0f0;text-align:left}.bm-widget__popup-table th{color:#555;font-weight:600;width:40%}.bm-widget__popup-table tr:last-child th,.bm-widget__popup-table tr:last-child td{border-bottom:none}.core-photo-table{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;font-family:inherit;font-size:12px;color:#1e293b}.core-photo-controls{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-bottom:1px solid #cbd5e1;flex-shrink:0;flex-wrap:wrap}.core-photo-hole-id{font-weight:600;letter-spacing:.04em;color:#0f172a;margin-right:4px}.core-photo-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #94a3b8;border-radius:4px;background:#fff;color:#0f172a;font-size:16px;line-height:1;cursor:pointer;padding:0;transition:background .15s}.core-photo-zoom-btn:hover:not(:disabled){background:#e2e8f0}.core-photo-zoom-btn:disabled{opacity:.4;cursor:default}.core-photo-zoom-label{min-width:52px;text-align:center;color:#475569}.core-photo-col-headers{display:flex;flex-direction:row;flex-shrink:0;border-bottom:1px solid #cbd5e1;background:#fff}.core-photo-ruler-spacer{flex-shrink:0;width:64px;border-right:2px solid #334155}.core-photo-set-header{flex-shrink:0;padding:4px 8px;text-align:center;font-weight:600;color:#334155;letter-spacing:.05em;border-right:1px solid #cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.core-photo-scroll{flex:1;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.core-photo-scroll.is-dragging{cursor:grabbing}.core-photo-inner{display:flex;flex-direction:row;position:relative;min-width:min-content}.core-photo-depth-ruler{position:relative;flex-shrink:0;width:64px;border-right:2px solid #334155;background:#fff}.core-photo-depth-marker{position:absolute;left:0;width:60px;padding-right:6px;font-size:10px;text-align:right;color:#475569;transform:translateY(-50%);white-space:nowrap;pointer-events:none;line-height:1}.core-photo-depth-marker:after{content:"";position:absolute;right:-4px;top:50%;width:4px;height:1px;background:#94a3b8}.core-photo-col-body{position:relative;flex-shrink:0;border-right:1px solid #e2e8f0}.core-photo-item{position:absolute;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);overflow:hidden;background:#fff}.core-photo-item img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.core-photo-no-image{width:100%;height:100%;background:repeating-linear-gradient(-45deg,#fff,#fff 6px,#f1f5f9 6px,#f1f5f9 12px)}.core-photo-item-label{position:absolute;bottom:2px;left:2px;font-size:9px;background:#0000008c;color:#f8fafc;padding:1px 4px;border-radius:2px;pointer-events:none;white-space:nowrap;line-height:1.4}.core-photo-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}
+.plot-card{display:flex;flex-direction:column}.plot-card__controls{flex-shrink:0;display:flex;gap:6px;flex-wrap:wrap}.plot-card__body{flex:1;min-height:0;display:flex}.plot-card.empty .plot-card__body{align-items:center;justify-content:center}.baselode-3d-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;flex-wrap:wrap;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:10px;padding:10px;box-shadow:0 8px 24px #0000001a}.baselode-3d-controls .ghost-button,.baselode-3d-controls button{border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;transition:background .15s,border-color .15s}.baselode-3d-controls button:hover{background:#f2f2f2;border-color:silver}.baselode-3d-controls .ghost-button{padding:8px 12px;border-radius:8px}.baselode-3d-controls-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 4px}.bm-widget{display:flex;flex-direction:column;gap:8px;background:#fffffff2;border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;box-shadow:0 4px 16px #0000001a;min-width:200px;font-size:13px;color:#333}.bm-widget__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:2px}.bm-widget__select{width:100%;padding:5px 8px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#333;font-size:13px;cursor:pointer}.bm-widget__select:focus{outline:none;border-color:#888}.bm-widget__scale{display:flex;align-items:center;gap:6px;margin:2px 0 4px}.bm-widget__scale-bar{flex:1;height:10px;border-radius:4px;background:linear-gradient(to right,#1919e6,#19e619,#e61919)}.bm-widget__scale-label{font-size:11px;color:#555;white-space:nowrap}.bm-widget__categories{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}.bm-widget__category-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:#fff}.bm-widget__slider{width:100%;cursor:pointer;accent-color:#555}.bm-widget__popup{margin-top:4px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.bm-widget__popup-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:12px}.bm-widget__popup-close{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#666;padding:0 4px}.bm-widget__popup-close:hover{color:#111}.bm-widget__popup-table{width:100%;border-collapse:collapse;font-size:12px}.bm-widget__popup-table th,.bm-widget__popup-table td{padding:4px 10px;border-bottom:1px solid #f0f0f0;text-align:left}.bm-widget__popup-table th{color:#555;font-weight:600;width:40%}.bm-widget__popup-table tr:last-child th,.bm-widget__popup-table tr:last-child td{border-bottom:none}.core-photo-table{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;font-family:inherit;font-size:12px;color:#1e293b}.core-photo-controls{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-bottom:1px solid #cbd5e1;flex-shrink:0;flex-wrap:wrap}.core-photo-hole-id{font-weight:600;letter-spacing:.04em;color:#0f172a;margin-right:4px}.core-photo-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #94a3b8;border-radius:4px;background:#fff;color:#0f172a;font-size:16px;line-height:1;cursor:pointer;padding:0;transition:background .15s}.core-photo-zoom-btn:hover:not(:disabled){background:#e2e8f0}.core-photo-zoom-btn:disabled{opacity:.4;cursor:default}.core-photo-zoom-label{min-width:52px;text-align:center;color:#475569}.core-photo-col-headers{display:flex;flex-direction:row;flex-shrink:0;border-bottom:1px solid #cbd5e1;background:#fff}.core-photo-ruler-spacer{flex-shrink:0;width:64px;border-right:2px solid #334155}.core-photo-set-header{flex-shrink:0;padding:4px 8px;text-align:center;font-weight:600;color:#334155;letter-spacing:.05em;border-right:1px solid #cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.core-photo-scroll{flex:1;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.core-photo-scroll.is-dragging{cursor:grabbing}.core-photo-inner{display:flex;flex-direction:row;position:relative;min-width:min-content}.core-photo-depth-ruler{position:relative;flex-shrink:0;width:64px;border-right:2px solid #334155;background:#fff}.core-photo-depth-marker{position:absolute;left:0;width:60px;padding-right:6px;font-size:10px;text-align:right;color:#475569;transform:translateY(-50%);white-space:nowrap;pointer-events:none;line-height:1}.core-photo-depth-marker:after{content:"";position:absolute;right:-4px;top:50%;width:4px;height:1px;background:#94a3b8}.core-photo-col-body{position:relative;flex-shrink:0;border-right:1px solid #e2e8f0}.core-photo-item{position:absolute;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);overflow:hidden;background:#fff}.core-photo-item img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.core-photo-no-image{width:100%;height:100%;background:repeating-linear-gradient(-45deg,#fff,#fff 6px,#f1f5f9 6px,#f1f5f9 12px)}.core-photo-item-label{position:absolute;bottom:2px;left:2px;font-size:9px;background:#0000008c;color:#f8fafc;padding:1px 4px;border-radius:2px;pointer-events:none;white-space:nowrap;line-height:1.4}.core-photo-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}

package/dist/tool-ui.js

@@ -2,7 +2,7 @@ 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, i as R, k as Q, aH as W, o as le, l as ne, t as re, g as ie, U as se, aG as ae } from "./baselode3dScene-qMfVRKxK.js";
+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),
@@ -115,11 +115,11 @@ function $(o) {
   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];
 }
-function fe(o) {
+function me(o) {
   if (o)
     return [o[1], o[0]];
 }
-function me(o) {
+function fe(o) {
   if (!o || typeof o != "object") return null;
   const e = o["yaxis.range"];
   if (Array.isArray(e) && e.length === 2)
@@ -144,7 +144,7 @@ function C(o, {
   allowChartTypeSelection: B,
   showLegend: p
 }) {
-  const S = k(i, o.propertyOptions ?? n), d = S.includes(o.property) ? o.property : S[0] ?? o.property, f = i.byType[d] === R ? R : "numeric", a = o.chartType === "categorical" || o.displayType === R ? R : f, g = Q(a).some((P) => P.value === o.chartType) ? o.chartType : W(a);
+  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);
   return {
     ...o,
     id: o.id || `${d}-${e + 1}`,
@@ -171,7 +171,7 @@ function he(o, e) {
     yaxis: {
       ...o.yaxis || {},
       autorange: !1,
-      range: fe(e)
+      range: me(e)
     }
   } : o;
 }
@@ -186,7 +186,7 @@ function Se({
   onIntervalClick: S,
   onDepthRangeChange: d
 }) {
-  const f = H(null), a = e.displayType === R || e.chartType === "categorical", u = x(
+  const m = H(null), a = e.displayType === R || e.chartType === "categorical", u = x(
     () => le(o, e.property, a),
     [o, a, e.property]
   ), g = x(() => {
@@ -210,8 +210,8 @@ function Se({
     [e.displayType]
   );
   return V(() => {
-    var r, j, _, m;
-    const l = f.current;
+    var r, j, _, f;
+    const l = m.current;
     if (!l) return;
     if (!g.data.length) {
       l.replaceChildren(document.createTextNode(`No data for ${e.property}`));
@@ -231,7 +231,7 @@ function Se({
         pointIndex: h.pointIndex
       });
     }, E = (L) => {
-      const h = me(L);
+      const h = fe(L);
       h && d && d({
         trackId: e.id || e.property,
         depthRange: h
@@ -250,7 +250,7 @@ function Se({
         displayModeBar: b,
         responsive: !0
       }
-    ), S && ((_ = l.on) == null || _.call(l, "plotly_click", I)), d && ((m = l.on) == null || m.call(l, "plotly_relayout", E)), () => {
+    ), S && ((_ = l.on) == null || _.call(l, "plotly_click", I)), d && ((f = l.on) == null || f.call(l, "plotly_relayout", E)), () => {
       Y.purge(l);
     };
   }, [
@@ -299,7 +299,7 @@ function Se({
         )
       ] })
     ] }),
-    /* @__PURE__ */ c("div", { className: "baselode-tool-strip-log__plot", ref: f }),
+    /* @__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(
         "span",
@@ -322,7 +322,7 @@ function Be({
   template: p = "baselode",
   showModeBar: S = !1,
   propertyOptions: d,
-  allowPropertySelection: f = !1,
+  allowPropertySelection: m = !1,
   allowChartTypeSelection: a = !1,
   showLegend: u,
   depthRange: g,
@@ -343,18 +343,18 @@ function Be({
       trackIndex: T,
       selectableProperties: j,
       classified: r,
-      allowPropertySelection: f,
+      allowPropertySelection: m,
       allowChartTypeSelection: a,
       showLegend: u
     })),
-    [a, f, r, j, u, b]
-  ), m = $(g), L = m ?? $(P), [h, A] = F(_), [z, O] = F(L);
+    [a, m, r, j, u, b]
+  ), f = $(g), L = f ?? $(P), [h, A] = F(_), [z, O] = F(L);
   V(() => {
     A(_);
   }, [_]), V(() => {
-    m && O(m);
-  }, [m == null ? void 0 : m[0], m == null ? void 0 : m[1]]);
-  const U = m ?? z;
+    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))
@@ -369,7 +369,7 @@ function Be({
       }, {
         selectableProperties: j,
         classified: r,
-        allowPropertySelection: f,
+        allowPropertySelection: m,
         allowChartTypeSelection: a,
         showLegend: u
       });
@@ -409,7 +409,7 @@ function Be({
             onTrackChange: J,
             onIntervalClick: I,
             onDepthRangeChange: (T) => {
-              !m && (T != null && T.depthRange) && O(T.depthRange), E == null || E(T);
+              !f && (T != null && T.depthRange) && O(T.depthRange), E == null || E(T);
             }
           },
           y.id || y.property
@@ -428,7 +428,7 @@ function Pe({
   drillholes: p,
   stripLogs: S = [],
   structuralDiscs: d,
-  blocks: f,
+  blocks: m,
   rasterOverlays: a = [],
   camera: u
 }) {
@@ -440,19 +440,19 @@ function Pe({
     const r = new se();
     P.current = r;
     async function j() {
-      var m, L, h, A, z, O, U, J, y, T;
+      var f, L, h, A, z, O, U, J, y, T;
       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), (m = d == null ? void 0 : d.structures) != null && m.length && (r.setStructuralDiscs(
+        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 = f == null ? void 0 : f.data) != null && L.length && r.setBlocks(
-          f.data,
-          f.selectedProperty,
-          f.stats || {},
-          f.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 || {}
         );
         for (const G of a) {
           const D = await ae(G);
@@ -474,7 +474,7 @@ function Pe({
     };
   }, [
     b,
-    f,
+    m,
     u,
     B,
     p,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baselode",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Geoscience drillhole data processing and visualization toolkit",
   "license": "GPL-3.0-or-later",
   "repository": {