@ndmspc/ndmvr-core 1.1.2-rc.4 → 1.1.2-rc.6

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { BehaviorSubject as e, EMPTY as t, ReplaySubject as n, Subject as r, concatMap as i, filter as a, finalize as o, from as s } from "rxjs";
 import { build3d as c, create as l, makeImage as u, openFile as d, parse as f } from "jsroot";
-import { Box3 as p, BoxGeometry as m, Color as h, DoubleSide as g, EdgesGeometry as _, FileLoader as v, Group as y, InstancedBufferAttribute as b, InstancedBufferGeometry as x, LineSegments as S, Loader as C, Mesh as w, MeshBasicMaterial as T, Object3D as E, PlaneGeometry as D, Raycaster as O, SRGBColorSpace as k, ShaderMaterial as A, ShapePath as j, Sprite as M, SpriteMaterial as ee, Texture as te, TextureLoader as ne, Vector2 as re, Vector3 as N } from "three";
+import { Box3 as p, BoxGeometry as m, Color as h, DoubleSide as g, EdgesGeometry as _, FileLoader as v, Group as y, InstancedBufferAttribute as b, InstancedBufferGeometry as x, LineSegments as S, Loader as C, Mesh as w, MeshBasicMaterial as T, Object3D as E, PlaneGeometry as D, Raycaster as O, SRGBColorSpace as k, ShaderMaterial as A, ShapePath as j, Sprite as M, SpriteMaterial as N, Texture as ee, TextureLoader as P, Vector2 as te, Vector3 as F } from "three";
 //#region src/core/broker.js
-var P = class {
+var I = class {
 	constructor(e, t, n, r) {
 		this.url = e, this.ws = null, this.channel = n, this.connected = !1, this.connecting = !1, this.intentionalDisconnect = !1, this.reconnectAttempts = 0, this.maxReconnectAttempts = 10, this.reconnectTimeout = null, this.initTime = Date.now(), this.timeout = r || 6e4, this.timeFlag = !0, t && this.connect();
 	}
@@ -88,7 +88,7 @@ var P = class {
 	unsubscribe(e) {
 		e.unsubscribe();
 	}
-}, F, ie = class {
+}, ne, re = class {
 	#e;
 	#t;
 	constructor() {
@@ -102,16 +102,16 @@ var P = class {
 	};
 	createWs = (e, t, n) => {
 		this.#t.has(e) && this.#t.delete(e);
-		let r = new P(e, t, this.#e, n);
+		let r = new I(e, t, this.#e, n);
 		this.#t.set(e, r);
 	};
 	getBrokerByUrl = (e, t) => {
 		let n = this.#t.get(e);
-		return n ? t && !n.isConnected() && !n.isConnecting() && n.connect() : (n = new P(e, t, this.#e), this.#t.set(e, n)), n;
+		return n ? t && !n.isConnected() && !n.isConnecting() && n.connect() : (n = new I(e, t, this.#e), this.#t.set(e, n)), n;
 	};
 	connectWsByUrl = (e) => {
 		let t = this.#t.get(e);
-		return t || (t = new P(e, !0, this.#e), this.#t.set(e, t)), t.connect(), t;
+		return t || (t = new I(e, !0, this.#e), this.#t.set(e, t)), t.connect(), t;
 	};
 	disconnectWsByUrl = (e) => {
 		if (e) {
@@ -146,9 +146,9 @@ var P = class {
 		}), e;
 	};
 	getSubject = () => this.#e;
-}, ae = () => (F ||= new ie(), F), oe = () => {
-	ae().createWsFromParams(new URL(window.location.href).searchParams);
-}, se = async (e) => {
+}, ie = () => (ne ||= new re(), ne), ae = () => {
+	ie().createWsFromParams(new URL(window.location.href).searchParams);
+}, oe = async (e) => {
 	try {
 		let t = await fetch(e);
 		if (!t.ok) throw Error(`Response status: ${t.status}`);
@@ -156,7 +156,7 @@ var P = class {
 	} catch (e) {
 		throw e;
 	}
-}, ce, le = class {
+}, se, ce = class {
 	#e;
 	constructor() {
 		this.#e = new r();
@@ -167,7 +167,7 @@ var P = class {
 	next(e) {
 		this.#e.next(e);
 	}
-}, ue = () => (ce ||= new le(), ce), de, fe = class {
+}, le = () => (se ||= new ce(), se), ue, de = class {
 	#e;
 	constructor() {
 		this.#e = new e({ inputDevice: "keyboard" });
@@ -179,7 +179,7 @@ var P = class {
 		let t = this.#e.getValue();
 		e.inputDevice && (t.inputDevice = e.inputDevice), this.#e.next(e);
 	}
-}, I = () => (de ||= new fe(), de), L = /* @__PURE__ */ new Map(), pe = class {
+}, L = () => (ue ||= new de(), ue), R = /* @__PURE__ */ new Map(), fe = class {
 	#e;
 	constructor() {
 		this.#e = new e({
@@ -187,7 +187,8 @@ var P = class {
 			selectedSet: [],
 			arrays: ["content"],
 			selectedArray: "content",
-			minMaxValue: []
+			minMaxValue: [],
+			availableAxes: []
 		});
 	}
 	getObservable() {
@@ -197,12 +198,12 @@ var P = class {
 		return this.#e.getValue();
 	}
 	next(e) {
-		this.#e.next(e);
+		this.#e.next(e), console.log("STATE: ", e);
 	}
-}, R = (e) => {
+}, z = (e) => {
 	if (!e) throw Error("StateSubject id is undefined");
-	return L.get(e) || L.set(e, new pe()), L.get(e);
-}, z, me = class {
+	return R.get(e) || R.set(e, new fe()), R.get(e);
+}, pe, me = class {
 	#e;
 	constructor() {
 		this.#e = new n();
@@ -263,7 +264,7 @@ var P = class {
 	getObservable() {
 		return this.#e.asObservable();
 	}
-}, B = () => (z ||= new me(), z), he = class {
+}, B = () => (pe ||= new me(), pe), he = class {
 	#e;
 	#t;
 	#n;
@@ -371,10 +372,10 @@ function V(e, t = null) {
 				x: 0,
 				y: 0,
 				z: 0
-			}, l = new N((o.x - s.x * (r - 1)) / r, (o.y - s.y * (i - 1)) / i, (o.z - s.z * (a - 1)) / a), u = [], d = 1;
+			}, l = new F((o.x - s.x * (r - 1)) / r, (o.y - s.y * (i - 1)) / i, (o.z - s.z * (a - 1)) / a), u = [], d = 1;
 			for (let e = 0; e < r; e++) for (let n = 0; n < i; n++) for (let r = 0; r < a; r++) u.push({
 				id: `${t}${d++}`,
-				position: new N(c.x + e * (l.x + s.x) + l.x / 2, c.y + n * (l.y + s.y) + l.y / 2, c.z - r * (l.z + s.z) - l.z / 2),
+				position: new F(c.x + e * (l.x + s.x) + l.x / 2, c.y + n * (l.y + s.y) + l.y / 2, c.z - r * (l.z + s.z) - l.z / 2),
 				scale: l.clone()
 			});
 			return u;
@@ -385,7 +386,7 @@ function V(e, t = null) {
 		let t = {};
 		for (let n in e) {
 			let r = e[n];
-			r && typeof r == "object" && "x" in r && "y" in r && "z" in r && Object.keys(r).length === 3 ? t[n] = new N(r.x, r.y, r.z) : typeof r == "string" && r.startsWith("0x") ? t[n] = new h(parseInt(r)) : r && typeof r == "object" && !Array.isArray(r) ? t[n] = i(r) : t[n] = r;
+			r && typeof r == "object" && "x" in r && "y" in r && "z" in r && Object.keys(r).length === 3 ? t[n] = new F(r.x, r.y, r.z) : typeof r == "string" && r.startsWith("0x") ? t[n] = new h(parseInt(r)) : r && typeof r == "object" && !Array.isArray(r) ? t[n] = i(r) : t[n] = r;
 		}
 		return t;
 	}
@@ -393,7 +394,7 @@ function V(e, t = null) {
 		if (Array.isArray(e)) return o ? e : e.map((n) => a(n, t, e, !1));
 		if (e && typeof e == "object") {
 			if (t === "histogramPads") return r(e).map((e) => i(e));
-			if ("x" in e && "y" in e && "z" in e && Object.keys(e).length === 3) return new N(e.x, e.y, e.z);
+			if ("x" in e && "y" in e && "z" in e && Object.keys(e).length === 3) return new F(e.x, e.y, e.z);
 			let n = {};
 			for (let t in e) {
 				let r = t === "histogramPads";
@@ -407,11 +408,11 @@ function V(e, t = null) {
 		return typeof e == "string" && e.startsWith("0x") ? new h(parseInt(e)) : e;
 	}
 	function o(e, t) {
-		if (!e || Array.isArray(t) || !t || typeof t != "object" || t instanceof N || t instanceof h) return t;
+		if (!e || Array.isArray(t) || !t || typeof t != "object" || t instanceof F || t instanceof h) return t;
 		let n = { ...e };
 		for (let r in t) {
 			let i = e[r], a = t[r];
-			i && typeof i == "object" && !Array.isArray(i) && !(i instanceof N) && !(i instanceof h) && a && typeof a == "object" && !Array.isArray(a) && !(a instanceof N) && !(a instanceof h) ? n[r] = o(i, a) : n[r] = a;
+			i && typeof i == "object" && !Array.isArray(i) && !(i instanceof F) && !(i instanceof h) && a && typeof a == "object" && !Array.isArray(a) && !(a instanceof F) && !(a instanceof h) ? n[r] = o(i, a) : n[r] = a;
 		}
 		return n;
 	}
@@ -429,9 +430,9 @@ function be(e, t) {
 	].every((n) => e[n]?.x === t[n]?.x && e[n]?.y === t[n]?.y && e[n]?.z === t[n]?.z);
 }
 function xe(e, t) {
-	let n = new ne().load(ge);
+	let n = new P().load(ge);
 	n.colorSpace = k;
-	let r = new M(new ee({
+	let r = new M(new N({
 		map: n,
 		transparent: !0
 	}));
@@ -649,7 +650,7 @@ var Se = class {
 	mergeHistogramConfig(e, t = this.#e.value.config.histogram) {
 		if (e == null) return t;
 		if (typeof t != "object" || !t || typeof e != "object" || !e) return e;
-		let n = (e) => Array.isArray(e) || e instanceof h || e instanceof N || e && e.isColor === !0 || e && e.isVector3 === !0;
+		let n = (e) => Array.isArray(e) || e instanceof h || e instanceof F || e && e.isColor === !0 || e && e.isVector3 === !0;
 		if (n(t)) return n(e) ? e : t;
 		let r = { ...t };
 		for (let t in e) e.hasOwnProperty(t) && e[t] !== void 0 && (n(e[t]) || n(r[t]) ? r[t] = e[t] : typeof e[t] == "object" && e[t] !== null && typeof r[t] == "object" && r[t] !== null ? r[t] = this.mergeHistogramConfig(e[t], r[t]) : r[t] = e[t]);
@@ -673,7 +674,7 @@ var Se = class {
 	#e;
 	#t;
 	constructor() {
-		this.#e = document.createElement("a-entity"), this.#e.id = "cameraRig", this.#e.setAttribute("position", "0 1.6 0"), this.#e.innerHTML = "\n         <a-camera id=\"camera\" wasd-controls-custom=\"acceleration: 10\" wasd-controls=\"acceleration: 50\">\n         </a-camera>\n      ", this.#t = document.createElement("a-entity"), this.#t.id = "oculus-controller", this.#t.setAttribute("oculus-controller", ""), I().getObservable().subscribe(this.handleStateChange.bind(this));
+		this.#e = document.createElement("a-entity"), this.#e.id = "cameraRig", this.#e.setAttribute("position", "0 1.6 0"), this.#e.innerHTML = "\n         <a-camera id=\"camera\" wasd-controls-custom=\"acceleration: 10\" wasd-controls=\"acceleration: 50\">\n         </a-camera>\n      ", this.#t = document.createElement("a-entity"), this.#t.id = "oculus-controller", this.#t.setAttribute("oculus-controller", ""), L().getObservable().subscribe(this.handleStateChange.bind(this));
 	}
 	handleStateChange(e) {
 		let t = document.getElementById("cameraRig");
@@ -698,14 +699,14 @@ var Se = class {
 	}
 	verticalMoveCamera = (e, t) => {
 		if (this.#e === null && (this.#e = document.getElementById("cameraRig")), this.#e !== null) {
-			let n = new N(), r = this.#e.object3D.position.clone();
-			e ? (n.copy(r).add(new N(0, +t, 0)), this.#e.object3D.position.lerp(n, .5)) : this.#e.object3D.position.y > 1.6 && (n.copy(r).add(new N(0, -t, 0)), this.#e.object3D.position.lerp(n, .5));
+			let n = new F(), r = this.#e.object3D.position.clone();
+			e ? (n.copy(r).add(new F(0, +t, 0)), this.#e.object3D.position.lerp(n, .5)) : this.#e.object3D.position.y > 1.6 && (n.copy(r).add(new F(0, -t, 0)), this.#e.object3D.position.lerp(n, .5));
 		}
 	};
 	horizontalMoveCameraLocal = (e, t, n) => {
 		if (!this.#e || !this.#t) return;
-		let r = new re(e, t), i = this.#t.object3D.rotation.y;
-		r.rotateAround(new N(0, 0), -i), r.normalize(), r.multiplyScalar(n), this.#e.object3D.position.x += r.x, this.#e.object3D.position.z += r.y;
+		let r = new te(e, t), i = this.#t.object3D.rotation.y;
+		r.rotateAround(new F(0, 0), -i), r.normalize(), r.multiplyScalar(n), this.#e.object3D.position.x += r.x, this.#e.object3D.position.z += r.y;
 	};
 	getCamera() {
 		return this.#t;
@@ -718,7 +719,7 @@ var Se = class {
 	constructor() {
 		this.#n = Le(), setTimeout(() => {
 			this.setUpArrowListener(), this.setDownArrowListener();
-		}, 100), this.setUpArrowListener = this.setUpArrowListener.bind(this), this.startUpClick = this.startUpClick.bind(this), this.endUpClick = this.endUpClick.bind(this), this.upClickFunction = this.upClickFunction.bind(this), this.setDownArrowListener = this.setDownArrowListener.bind(this), this.startDownClick = this.startDownClick.bind(this), this.endDownClick = this.endDownClick.bind(this), this.downClickFunction = this.downClickFunction.bind(this), this.initController(), I().getObservable().subscribe((e) => {
+		}, 100), this.setUpArrowListener = this.setUpArrowListener.bind(this), this.startUpClick = this.startUpClick.bind(this), this.endUpClick = this.endUpClick.bind(this), this.upClickFunction = this.upClickFunction.bind(this), this.setDownArrowListener = this.setDownArrowListener.bind(this), this.startDownClick = this.startDownClick.bind(this), this.endDownClick = this.endDownClick.bind(this), this.downClickFunction = this.downClickFunction.bind(this), this.initController(), L().getObservable().subscribe((e) => {
 			if (e.inputDevice === "mobile") document.getElementById("container").appendChild(this.getController());
 			else {
 				let e = document.getElementById("container");
@@ -816,7 +817,7 @@ var Se = class {
 	rendererElement;
 	raycastOn;
 	constructor(e, t) {
-		this.singleClickTimer = null, this.dbClickTimeout = 190, this.raycastOn = !0, this.rendererElement = t, this.raycaster = new O(), this.mouse = new re(), this.sceneElement = e, this.checkInterval = 1, this.lastCheck = void 0, e.traverse((e) => {
+		this.singleClickTimer = null, this.dbClickTimeout = 190, this.raycastOn = !0, this.rendererElement = t, this.raycaster = new O(), this.mouse = new te(), this.sceneElement = e, this.checkInterval = 1, this.lastCheck = void 0, e.traverse((e) => {
 			e.isCamera && (this.cameraElement = e);
 		}), this.mousemoveEventHandle = this.mousemoveEventHandle.bind(this), this.clickEventHandle = this.clickEventHandle.bind(this), this.setupRaycasting(), this.configSub = W().getObservable().subscribe((e) => {
 			this.dbClickTimeout = e.config.environment.dbClickTimeout ?? 190;
@@ -1017,20 +1018,20 @@ function et(e) {
 		}
 		return t;
 	}, n = [];
-	n[0] = { content: t(e.fArray) }, e.fArrays && Object.keys(e?.fArrays).forEach((r) => {
+	n[0] = { content: t(e.fArray?.filter((e) => e !== 0)) }, e.fArrays && Object.keys(e?.fArrays).forEach((r) => {
 		n[0] = {
 			...n[0],
-			[r]: e.fArrays[r].max ?? t(e.fArrays[r].values)
+			[r]: e.fArrays[r].max ?? t(e.fArrays[r].values?.filter((e) => e !== 0))
 		};
 	});
 	let r = (e, i = 1) => {
 		n[i] || (n[i] = {}), Object.entries(e).forEach(([e, a]) => {
 			a.forEach((a) => {
 				if (!a) return;
-				let o = t(a.fArray);
+				let o = t(a.fArray?.filter((e) => e !== 0));
 				(!(e in n[i]) || o > n[i][e]) && (n[i][e] = o), a.fArrays && Object.keys(a.fArrays).forEach((e) => {
 					let r = a.fArrays[e].max;
-					(!(e in n[i]) || r > n[i][e]) && (n[i][e] = r), n[i][e] = Math.max(n[i][e], a.fArrays[e].max ?? t(a.fArrays[e].values));
+					(!(e in n[i]) || r > n[i][e]) && (n[i][e] = r), n[i][e] = Math.max(n[i][e], a.fArrays[e].max ?? t(a.fArrays[e].values?.filter((e) => e !== 0)));
 				}), a.children && r(a.children, i + 1);
 			});
 		});
@@ -1122,14 +1123,15 @@ function rt(e) {
 			[r]: e.fArrays[r].min ?? t(e.fArrays[r]?.values?.filter((e) => e !== 0))
 		};
 	});
-	let r = (i, a = 1) => {
-		n[a] || (n[a] = {}), Object.entries(i).forEach(([i, o]) => {
-			o.forEach((o) => {
-				if (!o) return;
-				let s = t(o.fArray.filter((e) => e !== 0));
-				(!(i in n[a]) || s < n[a][i]) && (n[a][i] = s), o.fArrays && Object.keys(o.fArrays).forEach((r) => {
-					(!(r in n[a]) || s > n[a][r]) && (n[a][r] = s), n[a][r] = Math.min(n[a][r], e.fArrays[r].min ?? t(o.fArrays[r]?.values?.filter((e) => e !== 0)));
-				}), o.children && r(o.children, a + 1);
+	let r = (e, i = 1) => {
+		n[i] || (n[i] = {}), Object.entries(e).forEach(([e, a]) => {
+			a.forEach((a) => {
+				if (!a) return;
+				let o = t(a.fArray.filter((e) => e !== 0));
+				(!(e in n[i]) || o < n[i][e]) && (n[i][e] = o), a.fArrays && Object.keys(a.fArrays).forEach((e) => {
+					let r = a.fArrays[e].min;
+					(!(e in n[i]) || r < n[i][e]) && (n[i][e] = r), n[i][e] = Math.min(n[i][e], a.fArrays[e].min ?? t(a.fArrays[e]?.values?.filter((e) => e !== 0)));
+				}), a.children && r(a.children, i + 1);
 			});
 		});
 	};
@@ -1160,12 +1162,12 @@ function at(e, t, n) {
 		new h(e.min).toArray(n, t), new h(e.max).toArray(n, t + 3), r++;
 	}), t.uniforms.colorPairs = { value: n }, t.uniformsNeedUpdate = !0;
 }
-function ot(e, t, n, r, i, a) {
-	let o = ((e, t, n) => {
-		let r = (e - t) / (n - t);
-		return r > 1 && (r = 1), isNaN(r) || r === Infinity ? 0 : r;
-	})(t, n, r), s = 0;
-	return e.set[i] ? s = 1 + e.layer.length + i : e.layer[a] && (s = 1 + a), s + o;
+function ot(e, t, n, r, i, a, o) {
+	let s = ((e, t, n) => {
+		let r;
+		return r = o === "log10" ? Math.log(1 + (e - t)) / Math.log(1 + (n - t)) : (e - t) / (n - t), r > 1 && (r = 1), isNaN(r) || r === Infinity ? 0 : r;
+	})(t, n, r), c = 0;
+	return e.set[i] ? c = 1 + e.layer.length + i : e.layer[a] && (c = 1 + a), c + s;
 }
 function st(e, t, n, r, i, a, o) {
 	if (!(1 / e == -Infinity || e < 0)) return o[0] = t[e], o[1] = t[e + 1], o[2] = t[e + 2], o[3] = n[e], o[4] = n[e + 1], o[5] = n[e + 2], o;
@@ -1343,7 +1345,7 @@ var $ = class {
 		let i = new _(new m(1, 1, 1));
 		this.instGeom = new x(), this.instGeom.instanceCount = 0, this.instGeom.frustumCulled = !1, this.instGeom.index = i.index;
 		for (let e in i.attributes) this.instGeom.setAttribute(e, i.attributes[e]);
-		this.material = this.createMaterial(), this.colorArray = new Float32Array(96), this.fillColorArray(), this.instancePositions = new Float32Array(3), this.instanceScales = new Float32Array(3), this.instanceColors = new Float32Array(1), this.instGeom.setAttribute("instancePosition", new b(this.instancePositions, 3)), this.instGeom.setAttribute("instanceScale", new b(this.instanceScales, 3)), this.instGeom.setAttribute("instanceColorIndex", new b(this.instanceColors, 1)), this.wireframe = new S(this.instGeom, this.material), this.wireframe.frustumCulled = !1, this.stateSub = R(this.id).getObservable().subscribe((e) => {
+		this.material = this.createMaterial(), this.colorArray = new Float32Array(96), this.fillColorArray(), this.instancePositions = new Float32Array(3), this.instanceScales = new Float32Array(3), this.instanceColors = new Float32Array(1), this.instGeom.setAttribute("instancePosition", new b(this.instancePositions, 3)), this.instGeom.setAttribute("instanceScale", new b(this.instanceScales, 3)), this.instGeom.setAttribute("instanceColorIndex", new b(this.instanceColors, 1)), this.wireframe = new S(this.instGeom, this.material), this.wireframe.frustumCulled = !1, this.stateSub = z(this.id).getObservable().subscribe((e) => {
 			this.numOfavailableSets = e.sets.length;
 		});
 	}
@@ -1462,7 +1464,7 @@ var $ = class {
 	renderHistory = [];
 	opts = void 0;
 	constructor(e, t, n) {
-		this.rootObj = e.obj, this.id = t, this.opts = n, this.config = W().mergeHistogramConfig(this?.opts?.config), this.functionSub = B().getObservable().pipe(a((e) => e.target.entity === "nested-histogram" && (e.target.id.includes("*") || e.target.id.includes(this.id)))).subscribe((e) => this.functionSubjectHandler(e)), this.configSub = W().getObservable().pipe(a((e) => e.target.id.includes("*") || e.target.id.includes(this.id))).subscribe((e) => this.configSubjectHandler(e)), this.dispatchSub = ue().getObservable().pipe(a((e) => e.target.id === "*" || e.target.id === this.id)).subscribe((e) => this.dispatchSubjectHandler(e)), this.initDefaultFunctions();
+		this.rootObj = e.obj, this.id = t, this.opts = n, this.config = W().mergeHistogramConfig(this?.opts?.config), this.functionSub = B().getObservable().pipe(a((e) => e.target.entity === "nested-histogram" && (e.target.id.includes("*") || e.target.id.includes(this.id)))).subscribe((e) => this.functionSubjectHandler(e)), this.configSub = W().getObservable().pipe(a((e) => e.target.id.includes("*") || e.target.id.includes(this.id))).subscribe((e) => this.configSubjectHandler(e)), this.dispatchSub = le().getObservable().pipe(a((e) => e.target.id === "*" || e.target.id === this.id)).subscribe((e) => this.dispatchSubjectHandler(e)), this.initDefaultFunctions();
 	}
 	remove() {
 		this.functionSub.unsubscribe(), this.configSub.unsubscribe(), this.dispatchSub.unsubscribe(), window.removeEventListener("keydown", this.keyDownHandler), window.removeEventListener("keydown", this.keyUpHandler);
@@ -1563,13 +1565,13 @@ var $ = class {
 	colorArray = void 0;
 	constructor(e, t, n) {
 		if (!e || !e.obj) throw console.error("THnPainter constructor: histo or histo.obj is undefined", e), Error("THnPainter: histo or histo.obj is undefined");
-		super(e, t, n), console.log("THnPainter constructor start: "), this.pointer = new $(this.rootObj), this.handleStateChange = this.handleStateChange.bind(this), this.stateSub = R(this.id).getObservable().subscribe(this.handleStateChange), this.init(!0), console.log("THnPainter constructor end, mesh: ", this.mesh, "meshParent: ", this?.mesh?.parent ?? "undefined");
+		super(e, t, n), console.log("THnPainter constructor start: "), this.pointer = new $(this.rootObj), this.handleStateChange = this.handleStateChange.bind(this), this.stateSub = z(this.id).getObservable().subscribe(this.handleStateChange), this.init(!0), console.log("THnPainter constructor end, mesh: ", this.mesh, "meshParent: ", this?.mesh?.parent ?? "undefined");
 	}
 	async updateHistogram(e) {
 		if (!e || !e.obj) throw console.error("THnPainter constructor: histo or histo.obj is undefined", e), Error("THnPainter: histo or histo.obj is undefined");
 		console.log("THnPainter updateHistogram start => histo: ", e, ", mesh: ", this.mesh, "uuid: ", this.mesh.uuid, "mesh.parent: ", this?.mesh?.parent ?? "undefined");
 		let t, n = this.mesh.parent;
-		if (console.log("THnPainter updateHistogram parent is defined, removing mesh: ", this.mesh, "uuid: ", this.mesh.uuid, "mesh.parent: ", this?.mesh?.parent ?? "undefined"), this.pointer.isHistogramFilled && (t = this.mesh.raycast, this.mesh.raycast = () => {}, this.wireframe.dispose(), this.instGeom.dispose()), this.matrixCache = [], this.BVHTree = [], this.availableSets = [], this.selectedSet = [], this.minMaxValue = [], R(this.id).next({
+		if (console.log("THnPainter updateHistogram parent is defined, removing mesh: ", this.mesh, "uuid: ", this.mesh.uuid, "mesh.parent: ", this?.mesh?.parent ?? "undefined"), this.pointer.isHistogramFilled && (t = this.mesh.raycast, this.mesh.raycast = () => {}, this.wireframe.dispose(), this.instGeom.dispose()), this.matrixCache = [], this.BVHTree = [], this.availableSets = [], this.selectedSet = [], this.availableAxes = [], this.minMaxValue = [], z(this.id).next({
 			sets: [],
 			selectedSet: [],
 			arrays: ["content"],
@@ -1583,7 +1585,7 @@ var $ = class {
 	}
 	init(e = !1) {
 		if (this.maxInstancesPerLayer = it(this.pointer.origin), e) {
-			this.maxContentPerLayer = et(this.pointer.origin), this.minContentPerLayer = rt(this.pointer.origin), this.maxErrorPerLayer = tt(this.pointer.origin, this.maxContentPerLayer), this.minErrorPerLayer = nt(this.pointer.origin, this.minContentPerLayer), this.setAvailableSets(this.pointer.origin), this.setAvailableArrays(this.pointer.origin);
+			this.maxContentPerLayer = et(this.pointer.origin), this.minContentPerLayer = rt(this.pointer.origin), this.maxErrorPerLayer = tt(this.pointer.origin, this.maxContentPerLayer), this.minErrorPerLayer = nt(this.pointer.origin, this.minContentPerLayer), this.setAvailableSets(this.pointer.origin), this.setAvailableArrays(this.pointer.origin), this.setAvailableAxes(this.pointer.origin);
 			let e = Array(this.maxContentPerLayer.length);
 			for (let t = 0; t < this.maxContentPerLayer.length; t++) e[t] = {}, Object.keys(this.maxContentPerLayer[t]).forEach((n) => {
 				e[t][n] = {
@@ -1597,8 +1599,8 @@ var $ = class {
 					}
 				};
 			});
-			console.log("minMaxValues: ", e), R(this.id).next({
-				...R(this.id).getValue(),
+			console.log("minMaxValues: ", e), z(this.id).next({
+				...z(this.id).getValue(),
 				minMaxValue: e
 			});
 		}
@@ -1691,83 +1693,84 @@ var $ = class {
 				o.fXaxis.fNbins,
 				o.fYaxis.fNbins,
 				o.fZaxis.fNbins
-			]), u, d, f, p, m = o.fArrays?.[this.selectedArray]?.outside ?? !1, h = this.selectedSet.indexOf(c), g = this.availableSets.indexOf(c), _ = o.fArrays ? o.fArrays[Object.keys(o.fArrays)[0]].values : !1, v = this.config.scale.scaleBy === "value";
+			]), u, d, f, p, m = o.fArrays?.[this.selectedArray]?.outside ?? !1, h = this.selectedSet.indexOf(c), g = this.availableSets.indexOf(c), _ = o.fArrays ? o.fArrays[Object.keys(o.fArrays)[0]].values ?? !1 : !1, v = this.availableAxes[a], y = this.config.scale.scaleBy === "value";
 			if (c) if (this.config.scale.sets === "fixed") ({min: u, max: d} = this.minMaxValue[a + this.pointer.parentPath.length][c].value), {min: p, max: f} = this.minMaxValue[a + this.pointer.parentPath.length][c].error;
 			else if (this.config.scale.sets === "relative") {
-				let e = o.fSumw2.filter((e) => e !== 0), t = v ? o.fArray.filter((e) => e !== 0) : e;
+				let e = o.fSumw2.filter((e) => e !== 0), t = y ? o.fArray.filter((e) => e !== 0) : e;
 				u = Math.min(...t), d = Math.max(...t), f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][c], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][c];
-			} else u = v ? this.minContentPerLayer[a + this.pointer.parentPath.length][c] : -.1, d = v ? this.maxContentPerLayer[a + this.pointer.parentPath.length][c] : this.maxErrorPerLayer[a + this.pointer.parentPath.length][c], f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][c], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][c];
+			} else u = y ? this.minContentPerLayer[a + this.pointer.parentPath.length][c] : -.1, d = y ? this.maxContentPerLayer[a + this.pointer.parentPath.length][c] : this.maxErrorPerLayer[a + this.pointer.parentPath.length][c], f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][c], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][c];
 			else if (this.selectedArray !== "content" && o.fArrays && _) if (this.config.scale.parameter === "fixed") ({min: u, max: d} = this.minMaxValue[a + this.pointer.parentPath.length][this.selectedArray].value), {min: p, max: f} = this.minMaxValue[a + this.pointer.parentPath.length][this.selectedArray].error;
 			else if (this.config.scale.parameter === "relative") {
-				let e = o.fArrays[this.selectedArray].errors.filter((e) => e !== 0), t = v ? o.fArrays[this.selectedArray].values.filter((e) => e !== 0) : e;
+				let e = o.fArrays[this.selectedArray].errors.filter((e) => e !== 0), t = y ? o.fArrays[this.selectedArray].values.filter((e) => e !== 0) : e;
 				u = Math.min(...t), d = Math.max(...t), f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][this.selectedArray], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][this.selectedArray];
-			} else u = v ? this.minContentPerLayer[0][this.selectedArray] : -.1, d = v ? this.maxContentPerLayer[0][this.selectedArray] : this.maxErrorPerLayer[0][this.selectedArray], f = this.maxErrorPerLayer[0][this.selectedArray], p = this.minErrorPerLayer[0][this.selectedArray];
+			} else u = y ? this.minContentPerLayer[0][this.selectedArray] : -.1, d = y ? this.maxContentPerLayer[0][this.selectedArray] : this.maxErrorPerLayer[0][this.selectedArray], f = this.maxErrorPerLayer[0][this.selectedArray], p = this.minErrorPerLayer[0][this.selectedArray];
 			else {
 				let e = this.pointer.isOnSet ?? "content";
 				if (this.config.scale.content === "fixed") ({min: u, max: d} = this.minMaxValue[a + this.pointer.parentPath.length][e].value), {min: p, max: f} = this.minMaxValue[a + this.pointer.parentPath.length][e].error;
 				else if (this.config.scale.content === "relative") {
-					let t = o.fSumw2.filter((e) => e !== 0), n = v ? o.fArray.filter((e) => e !== 0) : t;
+					let t = o.fSumw2.filter((e) => e !== 0), n = y ? o.fArray.filter((e) => e !== 0) : t;
 					u = Math.min(...n), d = Math.max(...n), f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][e], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][e];
-				} else u = v ? this.minContentPerLayer[a + this.pointer.parentPath.length][e] : -.1, d = v ? this.maxContentPerLayer[a + this.pointer.parentPath.length][e] : this.maxErrorPerLayer[a + this.pointer.parentPath.length][e], f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][e], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][e];
+				} else u = y ? this.minContentPerLayer[a + this.pointer.parentPath.length][e] : -.1, d = y ? this.maxContentPerLayer[a + this.pointer.parentPath.length][e] : this.maxErrorPerLayer[a + this.pointer.parentPath.length][e], f = this.maxErrorPerLayer[a + this.pointer.parentPath.length][e], p = this.minErrorPerLayer[a + this.pointer.parentPath.length][e];
 			}
 			u === d && (u = d - .2);
-			let y = o._typename.substring(0, 3) === "TH3", b = o._typename.substring(0, 3) === "TH2", x = o._typename.substring(0, 3) === "TH1", S = this.maxInstancesPerLayer.slice(a + 1).reduce((e, t) => e * t, 1);
-			l.setFromNumber(e / S);
-			let C = this.config.padding.layer[a] ?? this.config.padding.default, w = !this.config.padding.layer[a] && x ? {
-				x: C.x,
-				y: C.y,
-				z: C.z
-			} : { ...C };
-			c && this.config.padding.sets && x && (w = {
+			let b = o._typename.substring(0, 3) === "TH3", x = o._typename.substring(0, 3) === "TH2", S = o._typename.substring(0, 3) === "TH1", C = this.maxInstancesPerLayer.slice(a + 1).reduce((e, t) => e * t, 1);
+			l.setFromNumber(e / C);
+			let w = this.config.padding.layer[a] ?? this.config.padding.default, T = !this.config.padding.layer[a] && S ? {
+				x: w.x,
+				y: w.y,
+				z: w.z
+			} : { ...w };
+			c && this.config.padding.sets && S && (T = {
 				x: this.config.padding.sets.x,
 				y: 0,
 				z: 0
-			}), this.pointer.isOnSet && (w = {
+			}), this.pointer.isOnSet && (T = {
 				x: 0,
 				y: 0,
 				z: 0
 			});
-			let { min: T, max: E } = this.config.scale?.layer?.[a] ? this.config.scale?.layer[a] : this.config.scale.default;
-			for (let v = e; v < t; v += S) {
+			let { min: E, max: D } = this.config.scale?.layer?.[a] ? this.config.scale?.layer[a] : this.config.scale.default;
+			for (let y = e; y < t; y += C) {
 				let e = {
 					x: l.getValueAt(0),
 					y: l.getValueAt(1),
 					z: l.getValueAt(2)
-				}, x = Ye(s.position.z, s.scale.z, qe(Je(o, e, w, s?.scale, s?.position, a, r))), C = this.getBinContent(o, e.x, e.y, e.z, _ ? this.selectedArray : "content"), D = this.getBinError(o, e.x, e.y, e.z, _ ? this.selectedArray : "content"), O = this.config.scale.scaleBy === "value" ? C : D, k = this.config.scale.scaleBy === "value" ? u : p, A = this.config.scale.scaleBy === "value" ? d : f;
-				k === A && (k -= k * .1);
-				let j = 1;
-				if (O >= k == !m) {
-					let e = (O - k) / (A - k);
-					if (!m) j = Number.isInteger(O) && O === 0 && this.config.scale.scaleBy === "value" ? j = 0 : (E - T) * e + T, j > 1 && (j = 1);
+				}, S = Ye(s.position.z, s.scale.z, qe(Je(o, e, T, s?.scale, s?.position, a, r))), w = this.config.scale.scaleBy === "value" ? u : p, O = this.config.scale.scaleBy === "value" ? d : f, k = _ || this.selectedArray === "content" ? this.getBinContent(o, e.x, e.y, e.z, this.selectedArray) : O, A = _ || this.selectedArray === "content" ? this.getBinError(o, e.x, e.y, e.z, this.selectedArray) : 0;
+				console.log("scaleMin", w, "scaleMax", O, "content", k);
+				let j = this.config.scale.scaleBy === "value" ? k : A, M = 1;
+				if (w === O) M = 1;
+				else if (j >= w == !m) {
+					let e = v[0].scaleType === "log10" ? Math.log(1 + (j - w)) / Math.log(1 + (O - w)) : (j - w) / (O - w);
+					if (!m) M = (D - E) * e + E, M > 1 && (M = 1);
 					else {
-						let e = (C - void 0) / (void 0 - void 0);
-						j = Number.isInteger(C) && C === 0 ? j = 0 : (E - T) * e + T;
+						let e = (k - void 0) / (void 0 - void 0);
+						M = Number.isInteger(k) && k === 0 ? M = 0 : (D - E) * e + E;
 					}
-				} else j = 0;
-				this.config.color.scaleBy === "value" ? this.color = ot(this.config.color, O, k, A, g, a) : this.color = ot(this.config.color, D, p, f, g, a);
-				let M = x.y.size * j;
-				if (j === 0) x.x.size = 0, x.z.size = 0, x.y.size = 0;
-				else if (y) x.x.size *= j, x.z.size *= j, x.y.size = M;
-				else if (b) x.y.pos -= (x.y.size - M) / 2, x.y.size = M;
-				else if (x.y.pos -= (x.y.size - M) / 2, x.y.size = M, c) {
+				} else M = 0;
+				this.config.color.scaleBy === "value" ? this.color = ot(this.config.color, j, w, O, g, a, v[0].errorType) : this.color = ot(this.config.color, A, p, f, g, a, v[0].errorType);
+				let N = S.y.size * M;
+				if (M === 0) S.x.size = 0, S.z.size = 0, S.y.size = 0;
+				else if (b) S.x.size *= M, S.z.size *= M, S.y.size = N;
+				else if (x) S.y.pos -= (S.y.size - N) / 2, S.y.size = N;
+				else if (S.y.pos -= (S.y.size - N) / 2, S.y.size = N, c) {
 					let e = this.config.TH1ZScale.set;
-					x.z.size = e || .01;
-				} else this.config.TH1ZScale?.layer?.[a] ? x.z.size = s.scale.z * this.config.TH1ZScale.layer[a] : x.z.size = s.scale.z * this.config.TH1ZScale.default;
-				if (c) x.z.size = .01, x.z.pos += (h - (this.selectedSet.length - 1) / 2) * .1, this.setMatrixCacheAt(a, g, v / S, x, a === n && j !== 0 ? this.color : -1);
+					S.z.size = e || .01;
+				} else this.config.TH1ZScale?.layer?.[a] ? S.z.size = s.scale.z * this.config.TH1ZScale.layer[a] : S.z.size = s.scale.z * this.config.TH1ZScale.default;
+				if (c) S.z.size = .01, S.z.pos += (h - (this.selectedSet.length - 1) / 2) * .1, this.setMatrixCacheAt(a, g, y / C, S, a === n && M !== 0 ? this.color : -1);
 				else {
 					let e = null;
-					this.pointer.isOnSet && (x.z.size = .01, x.z.pos += (h - (this.selectedSet.length - 1) / 2) * .1, e = this.availableSets.indexOf(this.pointer.isOnSet)), this.setMatrixCacheAt(a, e, v / S, x, a === n && j !== 0 ? this.color : -1);
+					this.pointer.isOnSet && (S.z.size = .01, S.z.pos += (h - (this.selectedSet.length - 1) / 2) * .1, e = this.availableSets.indexOf(this.pointer.isOnSet)), this.setMatrixCacheAt(a, e, y / C, S, a === n && M !== 0 ? this.color : -1);
 				}
 				if (a === n) {
-					let e = v;
+					let e = y;
 					c && (e += this.totalInstances * h);
 				} else {
 					let n = o.getBin(e.x + 1, e.y + 1, e.z + 1), r, s = {
-						position: new N(x.x.pos, x.y.pos, x.z.pos),
-						scale: new N(x.x.size, x.y.size, x.z.size)
+						position: new F(S.x.pos, S.y.pos, S.z.pos),
+						scale: new F(S.x.size, S.y.size, S.z.size)
 					};
-					o.children.content ? (r = o.children.content[n], i(v, t, a + 1, r, s)) : this.selectedSet.forEach((e) => {
-						r = o.children[e][n], i(v, t, a + 1, r, s, e);
+					o.children.content ? (r = o.children.content[n], i(y, t, a + 1, r, s)) : this.selectedSet.forEach((e) => {
+						r = o.children[e][n], i(y, t, a + 1, r, s, e);
 					});
 				}
 				if (!l.increment()) break;
@@ -1919,7 +1922,7 @@ var $ = class {
 			this.selectedArray = e.selectedArray, this.selectedSet = e.selectedSet;
 			let t = this.mesh.parent;
 			this.instGeom.dispose(), t.remove(this.mesh), this.setupInsBufGeom(), t.add(this.mesh), this.renderHistogramHistory();
-		} else this.minMaxValue.length !== 0 && Ze(e.minMaxValue, this.minMaxValue) ? this.renderHistogramHistory() : (this.availableSets = e.sets, this.selectedSet = e.selectedSet, this.minMaxValue = e.minMaxValue);
+		} else this.minMaxValue.length !== 0 && Ze(e.minMaxValue, this.minMaxValue) ? this.renderHistogramHistory() : (this.availableSets = e.sets, this.selectedSet = e.selectedSet, this.minMaxValue = e.minMaxValue, this.availableAxes = e.availableAxes);
 	}
 	async renderHistogramHistory() {
 		let e = this.renderHistory;
@@ -1973,26 +1976,54 @@ var $ = class {
 			e > r && (i /= n[e - r], a /= n[e - r]);
 		}
 	}
+	setAvailableAxes(e) {
+		let t = z(this.id).getValue(), n = [], r = [
+			"x",
+			"y",
+			"z"
+		], i = (e) => {
+			let t = [];
+			t.push({
+				size: "linear",
+				color: "linear"
+			});
+			let a = Number.parseInt(e._typename.substring(2, 3), 10);
+			for (let n = 0; n < a; n++) {
+				let i = r[n], a = e[`f${i.toUpperCase()}axis`];
+				t.push({
+					axis: i,
+					fTitle: a.fTitle,
+					fName: a.fName,
+					size: "linear",
+					color: "linear",
+					fXmax: a.fXmax,
+					fXmin: a.fXmin
+				});
+			}
+			n.push(t), e.children && i(e.children[Object.keys(e.children)[0]].find((e) => e !== null));
+		};
+		i(e), t.availableAxes = n, z(this.id).next(t);
+	}
 	setAvailableSets(e) {
 		if (e.children?.content) {
 			let t = e.children.content.find((e) => e);
 			this.setAvailableSets(t);
 		} else if (e?.children) {
-			let t = R(this.id).getValue();
-			t.sets = Object.keys(e.children), t.selectedSet.length === 0 ? (this.selectedSet.push(t.sets[0]), t.selectedSet.push(t.sets[0])) : this.selectedSet.every((e) => t.sets.find((t) => t === e)) || (t.selectedSet = [t.sets[0]]), R(this.id).next(t);
+			let t = z(this.id).getValue();
+			t.sets = Object.keys(e.children), t.selectedSet.length === 0 ? (this.selectedSet.push(t.sets[0]), t.selectedSet.push(t.sets[0])) : this.selectedSet.every((e) => t.sets.find((t) => t === e)) || (t.selectedSet = [t.sets[0]]), z(this.id).next(t);
 		} else {
-			let e = R(this.id).getValue();
+			let e = z(this.id).getValue();
 			e.sets = [], e.selectedSet = [];
 		}
 	}
 	setAvailableArrays(e) {
-		let t = R(this.id).getValue();
+		let t = z(this.id).getValue();
 		t.arrays = [], e.fArrays && (t.arrays = Object.keys(e.fArrays)), t.arrays.unshift("content");
 		let n = (e) => {
 			let r = e.find((e) => e);
 			r.fArrays && (t.arrays = t.arrays.concat(Object.keys(r.fArrays))), r.children?.content && n(r.children.content);
 		};
-		e.children?.content && n(e.children.content), t.arrays = [...new Set(t.arrays)], R(this.id).next(t);
+		e.children?.content && n(e.children.content), t.arrays = [...new Set(t.arrays)], z(this.id).next(t);
 	}
 	configSubjectHandler(e) {
 		this.config = W().mergeHistogramConfig(this?.opts?.config), this.keyBindings = ve(e.config.bindings);
@@ -2028,13 +2059,13 @@ var $ = class {
 		return i === "content" || !e.fArrays ? e.fSumw2.length === 0 ? e.getBinError(a) : e.fSumw2[a] : e.fArrays?.[i].errors[a];
 	}
 	checkIntersectionBVH(e) {
-		let t = new N(), n = (e, t, n, r) => {
+		let t = new F(), n = (e, t, n, r) => {
 			if (t < 0 || 1 / t == -Infinity) {
 				let n = t * -1, i = r && r !== "content" ? this.matrixCache[e]?.[this.availableSets.indexOf(r)] : this.matrixCache[e];
-				return i ? new p().setFromCenterAndSize(new N(i.pos[n * 3], i.pos[n * 3 + 1], i.pos[n * 3 + 2]), new N(i.scale[n * 3], i.scale[n * 3 + 1], i.scale[n * 3 + 2])) : void 0;
+				return i ? new p().setFromCenterAndSize(new F(i.pos[n * 3], i.pos[n * 3 + 1], i.pos[n * 3 + 2]), new F(i.scale[n * 3], i.scale[n * 3 + 1], i.scale[n * 3 + 2])) : void 0;
 			} else {
 				let i = r && r !== "content" ? Array.isArray(this.BVHTree[e][this.availableSets.indexOf(r)]) ? this.BVHTree[e][this.availableSets.indexOf(r)][n] : this.BVHTree[e][this.availableSets.indexOf(r)] : this.BVHTree[e][n];
-				return i ? new p().setFromCenterAndSize(new N(i.pos[t * 3], i.pos[t * 3 + 1], i.pos[t * 3 + 2]), new N(i.scale[t * 3], i.scale[t * 3 + 1], i.scale[t * 3 + 2])) : void 0;
+				return i ? new p().setFromCenterAndSize(new F(i.pos[t * 3], i.pos[t * 3 + 1], i.pos[t * 3 + 2]), new F(i.scale[t * 3], i.scale[t * 3 + 1], i.scale[t * 3 + 2])) : void 0;
 			}
 		}, r = (e, t) => {
 			let n = 0, r = e, i = t;
@@ -2201,12 +2232,12 @@ var $ = class {
 			console.warn("updateTexture called with null/undefined");
 			return;
 		}
-		let t = new ne();
+		let t = new P();
 		if (typeof e == "string" && (e.startsWith("data:") || e.startsWith("http"))) t.load(e, (e) => {
 			this.plane.material.map = e, this.plane.material.needsUpdate = !0;
 		}, void 0, (e) => console.error("Texture load failed", e));
 		else if (e instanceof HTMLImageElement) {
-			let t = new te(e);
+			let t = new ee(e);
 			t.needsUpdate = !0, this.plane.material.map = t, this.plane.material.needsUpdate = !0;
 		} else console.error("Unsupported image type passed to updateTexture:", e);
 	}
@@ -2371,12 +2402,12 @@ var vt = class {
 				console.error("Error creating text line:", e);
 			}
 		}
-		let m = new N(e.point.x, e.point.y, e.point.z);
+		let m = new F(e.point.x, e.point.y, e.point.z);
 		this.camera.worldToLocal(m);
-		let h = new N().subVectors(m, this.camera.position).normalize(), g = new N().copy(this.camera.position).addScaledVector(h, .1), _ = new p().setFromObject(this.group), v = new N();
+		let h = new F().subVectors(m, this.camera.position).normalize(), g = new F().copy(this.camera.position).addScaledVector(h, .1), _ = new p().setFromObject(this.group), v = new F();
 		_.getSize(v);
 		let y = v.clone().multiplyScalar(.5);
-		g.add(new N(y.x, y.y, 0)), this.group.position.copy(g), this.camera.add(this.group);
+		g.add(new F(y.x, y.y, 0)), this.group.position.copy(g), this.camera.add(this.group);
 	}
 	getGroup() {
 		return this.group;
@@ -2461,7 +2492,7 @@ var vt = class {
 	}
 	renderWithBuild3d() {
 		return c(this.rootObj).then((e) => {
-			let t = this.config.environment.histogramPads.find((e) => e.id === this.id)?.scale, n = new p().setFromObject(e), r = new N();
+			let t = this.config.environment.histogramPads.find((e) => e.id === this.id)?.scale, n = new p().setFromObject(e), r = new F();
 			n.getSize(r), e.scale.set(t.x / r.x, t.z / r.y, t.y / r.z), e.rotateX(-Math.PI / 2), e.translateZ(-(t.y / 2)), this.histogramGroup.add(e);
 			let i = this.getInstancedMesh();
 			i && (this.defaultRaycastHandler = i.raycast.bind(i), i.raycast = this.raycastHandler.bind(this));
@@ -2580,4 +2611,4 @@ var vt = class {
 	}
 };
 //#endregion
-export { pt as CanvasClass, yt as HistogramJsrootClass, $ as HistogramPointerClass, Ve as MobileController, Ue as NdmvrRaycaster, ft as THnPainter, G as binInfoSubjectGet, ae as brokerManagerGet, H as canvasSubjectGet, W as configSubjectGet, ue as dispatchSubjectGet, He as fetchTFile, B as functionSubjectGet, Pe as getCameraComponent, Te as histogramSubjectGet, se as httpRequest, oe as initNdmvrAframe, I as inputDeviceSubjectGet, R as stateSubjectGet };
+export { pt as CanvasClass, yt as HistogramJsrootClass, $ as HistogramPointerClass, Ve as MobileController, Ue as NdmvrRaycaster, ft as THnPainter, G as binInfoSubjectGet, ie as brokerManagerGet, H as canvasSubjectGet, W as configSubjectGet, le as dispatchSubjectGet, He as fetchTFile, B as functionSubjectGet, Pe as getCameraComponent, Te as histogramSubjectGet, oe as httpRequest, ae as initNdmvrAframe, L as inputDeviceSubjectGet, z as stateSubjectGet };