baselode 0.1.19 → 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

@@ -1,9 +1,9 @@
 import { z as t } from "zod";
 import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { useMemo as x, useState as J, useEffect as F, useRef as K } from "react";
-import H from "plotly.js-dist-min";
-import { r as ee, C as oe, c as te, i as R, k as q, an as W, o as le, l as ne, s as re, g as ie, Q as se, am as ae } from "./baselode3dScene-DbELmWnr.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({
+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(),
@@ -31,8 +31,8 @@ const pe = t.union([t.string(), t.number(), t.boolean(), t.null()]), v = t.recor
   allowPropertySelection: t.boolean().optional(),
   allowChartTypeSelection: t.boolean().optional(),
   showLegend: t.boolean().optional(),
-  depthRange: Q.optional(),
-  defaultDepthRange: Q.optional()
+  depthRange: q.optional(),
+  defaultDepthRange: q.optional()
 });
 function Le(o) {
   const e = ue.safeParse(o);
@@ -99,18 +99,18 @@ function ce(o) {
     "--baselode-tool-primary": o.primary || o.accent
   };
 }
-function C(o) {
+function K(o) {
   return o === "baselode-dark" || o === "black" ? "baselode-dark" : "baselode";
 }
 function X(o) {
   return ce(
-    C(o) === "baselode-dark" ? ee : oe
+    K(o) === "baselode-dark" ? ee : oe
   );
 }
 function be(o) {
   return o === "baselode-dark" ? re : o === "plotly-default" ? null : ie;
 }
-function G(o) {
+function $(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];
@@ -123,9 +123,9 @@ function fe(o) {
   if (!o || typeof o != "object") return null;
   const e = o["yaxis.range"];
   if (Array.isArray(e) && e.length === 2)
-    return G(e);
+    return $(e);
   const n = o["yaxis.range[0]"], i = o["yaxis.range[1]"];
-  return n !== void 0 && i !== void 0 ? G([n, i]) : null;
+  return n !== void 0 && i !== void 0 ? $([n, i]) : null;
 }
 function Z(o, e) {
   return !!(o && o !== e);
@@ -136,7 +136,7 @@ function k(o, e) {
   const i = new Set(n);
   return e.filter((b) => i.has(b));
 }
-function Y(o, {
+function C(o, {
   trackIndex: e = 0,
   selectableProperties: n,
   classified: i,
@@ -144,7 +144,7 @@ function Y(o, {
   allowChartTypeSelection: B,
   showLegend: p
 }) {
-  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 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}`,
@@ -186,7 +186,7 @@ function Se({
   onIntervalClick: S,
   onDepthRangeChange: d
 }) {
-  const m = K(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(() => {
@@ -206,10 +206,10 @@ function Se({
     () => e.showLegend && a ? ge(g.data) : [],
     [a, g.data, e.showLegend]
   ), N = x(
-    () => q(e.displayType),
+    () => Q(e.displayType),
     [e.displayType]
   );
-  return F(() => {
+  return V(() => {
     var r, j, _, f;
     const l = m.current;
     if (!l) return;
@@ -237,7 +237,7 @@ function Se({
         depthRange: h
       });
     };
-    return (r = l.removeAllListeners) == null || r.call(l, "plotly_click"), (j = l.removeAllListeners) == null || j.call(l, "plotly_relayout"), H.react(
+    return (r = l.removeAllListeners) == null || r.call(l, "plotly_click"), (j = l.removeAllListeners) == null || j.call(l, "plotly_relayout"), Y.react(
       l,
       g.data,
       {
@@ -251,7 +251,7 @@ function Se({
         responsive: !0
       }
     ), S && ((_ = l.on) == null || _.call(l, "plotly_click", I)), d && ((f = l.on) == null || f.call(l, "plotly_relayout", E)), () => {
-      H.purge(l);
+      Y.purge(l);
     };
   }, [
     n,
@@ -339,7 +339,7 @@ function Be({
     () => k(r, d),
     [r, d]
   ), _ = x(
-    () => b.map((y, T) => Y(y, {
+    () => b.map((y, T) => C(y, {
       trackIndex: T,
       selectableProperties: j,
       classified: r,
@@ -348,21 +348,21 @@ function Be({
       showLegend: u
     })),
     [a, m, r, j, u, b]
-  ), f = G(g), L = f ?? G(P), [h, A] = J(_), [z, O] = J(L);
-  F(() => {
+  ), f = $(g), L = f ?? $(P), [h, A] = F(_), [z, O] = F(L);
+  V(() => {
     A(_);
-  }, [_]), F(() => {
+  }, [_]), V(() => {
     f && O(f);
   }, [f == null ? void 0 : f[0], f == null ? void 0 : f[1]]);
   const U = f ?? z;
-  function $(y) {
+  function J(y) {
     const T = h.map((s) => {
       if ((s.id || s.property) !== (y.id || y.property))
         return s;
-      const V = y.property ?? s.property, D = r.byType[V] === R ? R : "numeric", M = Y({
+      const G = y.property ?? s.property, D = r.byType[G] === R ? R : "numeric", M = C({
         ...s,
         ...y,
-        property: V,
+        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
@@ -373,7 +373,7 @@ function Be({
         allowChartTypeSelection: a,
         showLegend: u
       });
-      return l == null || l(M), V !== s.property && (N == null || N({
+      return l == null || l(M), G !== s.property && (N == null || N({
         trackId: M.id || M.property,
         property: M.property,
         displayType: M.displayType,
@@ -387,7 +387,7 @@ function Be({
     {
       className: "baselode-tool-strip-log",
       "data-tool-ui-id": o,
-      "data-baselode-theme": C(p),
+      "data-baselode-theme": K(p),
       style: X(p),
       children: [
         /* @__PURE__ */ w("header", { className: "baselode-tool-strip-log__header", children: [
@@ -406,7 +406,7 @@ function Be({
             template: p,
             showModeBar: S,
             depthRange: U,
-            onTrackChange: $,
+            onTrackChange: J,
             onIntervalClick: I,
             onDepthRangeChange: (T) => {
               !f && (T != null && T.depthRange) && O(T.depthRange), E == null || E(T);
@@ -432,15 +432,15 @@ function Pe({
   rasterOverlays: a = [],
   camera: u
 }) {
-  const g = K(null), P = K(null), [N, l] = J("");
-  return F(() => {
+  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, $, 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) || [];
@@ -454,10 +454,10 @@ function Pe({
           m.stats || {},
           m.options || {}
         );
-        for (const V of a) {
-          const D = await ae(V);
+        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), ($ = (U = (O = D.mesh) == null ? void 0 : O.material) == null ? void 0 : U.dispose) == null || $.call(U), (T = (y = D.texture) == null ? void 0 : y.dispose) == null || T.call(y);
+            (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);
             return;
           }
           r.addRasterOverlay(D);
@@ -486,7 +486,7 @@ function Pe({
     {
       className: "baselode-tool-3d-scene",
       "data-tool-ui-id": o,
-      "data-baselode-theme": C(b),
+      "data-baselode-theme": K(b),
       style: X(b),
       children: [
         (e || n) && /* @__PURE__ */ w("header", { className: "baselode-tool-3d-scene__header", children: [

package/package.json

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