geonodes-web-render 0.3.20 → 0.3.22

package/README.md

@@ -1,7 +1,11 @@
 # geonodes-web-render
 
+[![npm](https://img.shields.io/npm/v/geonodes-web-render)](https://www.npmjs.com/package/geonodes-web-render?activeTab=readme)
+
 A browser-based viewer for Blender node trees exported via the [Tree Clipper](https://extensions.blender.org/add-ons/tree-clipper/) add-on. It renders the exported JSON as a read-only, Blender-styled node graph using React Flow.
 
+📦 **npm:** [geonodes-web-render](https://www.npmjs.com/package/geonodes-web-render?activeTab=readme)
+
 ## What it does
 
 Paste or load a Tree Clipper JSON export and the app displays the node graph with accurate socket colors, node header colors, reroute nodes, float curves, and simulation zones.

package/dist/embed.js

@@ -257,16 +257,16 @@ function re(e) {
 //#endregion
 //#region node_modules/d3-selection/src/selection/selectChild.js
 var ie = Array.prototype.find;
-function G(e) {
+function ae(e) {
 	return function() {
 		return ie.call(this.children, e);
 	};
 }
-function ae() {
+function G() {
 	return this.firstElementChild;
 }
 function oe(e) {
-	return this.select(e == null ? ae : G(typeof e == "function" ? e : re(e)));
+	return this.select(e == null ? G : ae(typeof e == "function" ? e : re(e)));
 }
 //#endregion
 //#region node_modules/d3-selection/src/selection/selectChildren.js
@@ -6312,9 +6312,9 @@ function Hu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 		}), N.current?.blur()) : n([e])), i && i(t, T);
 	}, ie = o ? (e) => {
 		o(e, { ...T });
-	} : void 0, G = s ? (e) => {
+	} : void 0, ae = s ? (e) => {
 		s(e, { ...T });
-	} : void 0, ae = c ? (e) => {
+	} : void 0, G = c ? (e) => {
 		c(e, { ...T });
 	} : void 0, oe = l ? (e) => {
 		l(e, { ...T });
@@ -6339,8 +6339,8 @@ function Hu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 			]),
 			onClick: re,
 			onDoubleClick: ie,
-			onContextMenu: G,
-			onMouseEnter: ae,
+			onContextMenu: ae,
+			onMouseEnter: G,
 			onMouseMove: oe,
 			onMouseLeave: se,
 			onKeyDown: A ? (t) => {
@@ -6582,7 +6582,7 @@ function od() {
 		}
 	}, []);
 }
-function sd({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: i, onNodeDoubleClick: a, onEdgeDoubleClick: o, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: d, onSelectionStart: f, onSelectionEnd: p, connectionLineType: m, connectionLineStyle: h, connectionLineComponent: v, connectionLineContainerStyle: y, selectionKeyCode: b, selectionOnDrag: x, selectionMode: S, multiSelectionKeyCode: C, panActivationKeyCode: w, zoomActivationKeyCode: T, deleteKeyCode: E, onlyRenderVisibleElements: D, elementsSelectable: O, defaultViewport: k, translateExtent: A, minZoom: j, maxZoom: M, preventScrolling: N, defaultMarkerColor: P, zoomOnScroll: F, zoomOnPinch: I, panOnScroll: L, panOnScrollSpeed: R, panOnScrollMode: ee, zoomOnDoubleClick: z, panOnDrag: B, autoPanOnSelection: V, onPaneClick: H, onPaneMouseEnter: U, onPaneMouseMove: W, onPaneMouseLeave: te, onPaneScroll: ne, onPaneContextMenu: re, paneClickDistance: ie, nodeClickDistance: G, onEdgeContextMenu: ae, onEdgeMouseEnter: oe, onEdgeMouseMove: se, onEdgeMouseLeave: ce, reconnectRadius: le, onReconnect: ue, onReconnectStart: de, onReconnectEnd: fe, noDragClassName: pe, noWheelClassName: me, noPanClassName: he, disableKeyboardA11y: ge, nodeExtent: _e, rfId: ve, viewport: ye, onViewportChange: be }) {
+function sd({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: i, onNodeDoubleClick: a, onEdgeDoubleClick: o, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: d, onSelectionStart: f, onSelectionEnd: p, connectionLineType: m, connectionLineStyle: h, connectionLineComponent: v, connectionLineContainerStyle: y, selectionKeyCode: b, selectionOnDrag: x, selectionMode: S, multiSelectionKeyCode: C, panActivationKeyCode: w, zoomActivationKeyCode: T, deleteKeyCode: E, onlyRenderVisibleElements: D, elementsSelectable: O, defaultViewport: k, translateExtent: A, minZoom: j, maxZoom: M, preventScrolling: N, defaultMarkerColor: P, zoomOnScroll: F, zoomOnPinch: I, panOnScroll: L, panOnScrollSpeed: R, panOnScrollMode: ee, zoomOnDoubleClick: z, panOnDrag: B, autoPanOnSelection: V, onPaneClick: H, onPaneMouseEnter: U, onPaneMouseMove: W, onPaneMouseLeave: te, onPaneScroll: ne, onPaneContextMenu: re, paneClickDistance: ie, nodeClickDistance: ae, onEdgeContextMenu: G, onEdgeMouseEnter: oe, onEdgeMouseMove: se, onEdgeMouseLeave: ce, reconnectRadius: le, onReconnect: ue, onReconnectStart: de, onReconnectEnd: fe, noDragClassName: pe, noWheelClassName: me, noPanClassName: he, disableKeyboardA11y: ge, nodeExtent: _e, rfId: ve, viewport: ye, onViewportChange: be }) {
 	return ad(e), ad(t), od(), Yu(n), Zu(ye), g(Xl, {
 		onPaneClick: H,
 		onPaneMouseEnter: U,
@@ -6630,7 +6630,7 @@ function sd({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick
 				onReconnectStart: de,
 				onReconnectEnd: fe,
 				onlyRenderVisibleElements: D,
-				onEdgeContextMenu: ae,
+				onEdgeContextMenu: G,
 				onEdgeMouseEnter: oe,
 				onEdgeMouseMove: se,
 				onEdgeMouseLeave: ce,
@@ -6655,7 +6655,7 @@ function sd({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick
 				onNodeMouseMove: c,
 				onNodeMouseLeave: l,
 				onNodeContextMenu: u,
-				nodeClickDistance: G,
+				nodeClickDistance: ae,
 				onlyRenderVisibleElements: D,
 				noPanClassName: he,
 				noDragClassName: pe,
@@ -7004,7 +7004,7 @@ var md = {
 	position: "relative",
 	zIndex: 0
 };
-function hd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i, nodeTypes: o, edgeTypes: s, onNodeClick: c, onEdgeClick: l, onInit: u, onMove: d, onMoveStart: f, onMoveEnd: p, onConnect: m, onConnectStart: h, onConnectEnd: v, onClickConnectStart: y, onClickConnectEnd: b, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: C, onNodeContextMenu: w, onNodeDoubleClick: T, onNodeDragStart: E, onNodeDrag: O, onNodeDragStop: k, onNodesDelete: A, onEdgesDelete: j, onDelete: M, onSelectionChange: N, onSelectionDragStart: P, onSelectionDrag: F, onSelectionDragStop: I, onSelectionContextMenu: L, onSelectionStart: R, onSelectionEnd: ee, onBeforeDelete: z, connectionMode: B, connectionLineType: V = Ta.Bezier, connectionLineStyle: H, connectionLineComponent: U, connectionLineContainerStyle: W, deleteKeyCode: te = "Backspace", selectionKeyCode: ne = "Shift", selectionOnDrag: re = !1, selectionMode: ie = Ca.Full, panActivationKeyCode: G = "Space", multiSelectionKeyCode: ae = lo() ? "Meta" : "Control", zoomActivationKeyCode: oe = lo() ? "Meta" : "Control", snapToGrid: se, snapGrid: ce, onlyRenderVisibleElements: le = !1, selectNodesOnDrag: ue, nodesDraggable: de, autoPanOnNodeFocus: fe, nodesConnectable: pe, nodesFocusable: me, nodeOrigin: he = Fc, edgesFocusable: ge, edgesReconnectable: _e, elementsSelectable: ve = !0, defaultViewport: ye = Ic, minZoom: be = .5, maxZoom: xe = 2, translateExtent: Se = va, preventScrolling: Ce = !0, nodeExtent: we, defaultMarkerColor: Te = "#b1b1b7", zoomOnScroll: Ee = !0, zoomOnPinch: De = !0, panOnScroll: Oe = !1, panOnScrollSpeed: ke = .5, panOnScrollMode: Ae = Sa.Free, zoomOnDoubleClick: je = !0, panOnDrag: Me = !0, onPaneClick: Ne, onPaneMouseEnter: Pe, onPaneMouseMove: Fe, onPaneMouseLeave: Ie, onPaneScroll: Le, onPaneContextMenu: Re, paneClickDistance: ze = 1, nodeClickDistance: Be = 0, children: Ve, onReconnect: He, onReconnectStart: Ue, onReconnectEnd: We, onEdgeContextMenu: Ge, onEdgeDoubleClick: Ke, onEdgeMouseEnter: qe, onEdgeMouseMove: Je, onEdgeMouseLeave: Ye, reconnectRadius: Xe = 10, onNodesChange: Ze, onEdgesChange: Qe, noDragClassName: $e = "nodrag", noWheelClassName: et = "nowheel", noPanClassName: tt = "nopan", fitView: nt, fitViewOptions: rt, connectOnClick: it, attributionPosition: at, proOptions: ot, defaultEdgeOptions: st, elevateNodesOnSelect: ct = !0, elevateEdgesOnSelect: lt = !1, disableKeyboardA11y: ut = !1, autoPanOnConnect: dt, autoPanOnNodeDrag: ft, autoPanOnSelection: pt = !0, autoPanSpeed: mt, connectionRadius: ht, isValidConnection: gt, onError: _t, style: vt, id: yt, nodeDragThreshold: bt, connectionDragThreshold: xt, viewport: St, onViewportChange: Ct, width: wt, height: Tt, colorMode: Et = "light", debug: Dt, onScroll: Ot, ariaLabelConfig: kt, zIndexMode: At = "basic", ...jt }, Mt) {
+function hd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i, nodeTypes: o, edgeTypes: s, onNodeClick: c, onEdgeClick: l, onInit: u, onMove: d, onMoveStart: f, onMoveEnd: p, onConnect: m, onConnectStart: h, onConnectEnd: v, onClickConnectStart: y, onClickConnectEnd: b, onNodeMouseEnter: x, onNodeMouseMove: S, onNodeMouseLeave: C, onNodeContextMenu: w, onNodeDoubleClick: T, onNodeDragStart: E, onNodeDrag: O, onNodeDragStop: k, onNodesDelete: A, onEdgesDelete: j, onDelete: M, onSelectionChange: N, onSelectionDragStart: P, onSelectionDrag: F, onSelectionDragStop: I, onSelectionContextMenu: L, onSelectionStart: R, onSelectionEnd: ee, onBeforeDelete: z, connectionMode: B, connectionLineType: V = Ta.Bezier, connectionLineStyle: H, connectionLineComponent: U, connectionLineContainerStyle: W, deleteKeyCode: te = "Backspace", selectionKeyCode: ne = "Shift", selectionOnDrag: re = !1, selectionMode: ie = Ca.Full, panActivationKeyCode: ae = "Space", multiSelectionKeyCode: G = lo() ? "Meta" : "Control", zoomActivationKeyCode: oe = lo() ? "Meta" : "Control", snapToGrid: se, snapGrid: ce, onlyRenderVisibleElements: le = !1, selectNodesOnDrag: ue, nodesDraggable: de, autoPanOnNodeFocus: fe, nodesConnectable: pe, nodesFocusable: me, nodeOrigin: he = Fc, edgesFocusable: ge, edgesReconnectable: _e, elementsSelectable: ve = !0, defaultViewport: ye = Ic, minZoom: be = .5, maxZoom: xe = 2, translateExtent: Se = va, preventScrolling: Ce = !0, nodeExtent: we, defaultMarkerColor: Te = "#b1b1b7", zoomOnScroll: Ee = !0, zoomOnPinch: De = !0, panOnScroll: Oe = !1, panOnScrollSpeed: ke = .5, panOnScrollMode: Ae = Sa.Free, zoomOnDoubleClick: je = !0, panOnDrag: Me = !0, onPaneClick: Ne, onPaneMouseEnter: Pe, onPaneMouseMove: Fe, onPaneMouseLeave: Ie, onPaneScroll: Le, onPaneContextMenu: Re, paneClickDistance: ze = 1, nodeClickDistance: Be = 0, children: Ve, onReconnect: He, onReconnectStart: Ue, onReconnectEnd: We, onEdgeContextMenu: Ge, onEdgeDoubleClick: Ke, onEdgeMouseEnter: qe, onEdgeMouseMove: Je, onEdgeMouseLeave: Ye, reconnectRadius: Xe = 10, onNodesChange: Ze, onEdgesChange: Qe, noDragClassName: $e = "nodrag", noWheelClassName: et = "nowheel", noPanClassName: tt = "nopan", fitView: nt, fitViewOptions: rt, connectOnClick: it, attributionPosition: at, proOptions: ot, defaultEdgeOptions: st, elevateNodesOnSelect: ct = !0, elevateEdgesOnSelect: lt = !1, disableKeyboardA11y: ut = !1, autoPanOnConnect: dt, autoPanOnNodeDrag: ft, autoPanOnSelection: pt = !0, autoPanSpeed: mt, connectionRadius: ht, isValidConnection: gt, onError: _t, style: vt, id: yt, nodeDragThreshold: bt, connectionDragThreshold: xt, viewport: St, onViewportChange: Ct, width: wt, height: Tt, colorMode: Et = "light", debug: Dt, onScroll: Ot, ariaLabelConfig: kt, zIndexMode: At = "basic", ...jt }, Mt) {
 	let Nt = yt || "1", Pt = Hc(Et), Ft = a((e) => {
 		e.currentTarget.scrollTo({
 			top: 0,
@@ -7121,8 +7121,8 @@ function hd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i
 					selectionOnDrag: re,
 					selectionMode: ie,
 					deleteKeyCode: te,
-					multiSelectionKeyCode: ae,
-					panActivationKeyCode: G,
+					multiSelectionKeyCode: G,
+					panActivationKeyCode: ae,
 					zoomActivationKeyCode: oe,
 					onlyRenderVisibleElements: le,
 					defaultViewport: ye,
@@ -7486,18 +7486,18 @@ var Ud = i(Hd), Wd = i(Vd), Gd = 200, Kd = 150, qd = (e) => !e.hidden, Jd = (e)
 	};
 }, Yd = "react-flow__minimap-desc";
 function Xd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClassName: i = "", nodeBorderRadius: o = 5, nodeStrokeWidth: s, nodeComponent: l, bgColor: u, maskColor: f, maskStrokeColor: p, maskStrokeWidth: m, position: h = "bottom-right", onClick: v, onNodeClick: y, pannable: b = !1, zoomable: x = !1, ariaLabel: S, inversePan: C, zoomStep: w = 1, offsetScale: T = 5 }) {
-	let E = Q(), O = d(null), { boundingRect: k, viewBB: A, rfId: j, panZoom: M, translateExtent: N, flowWidth: P, flowHeight: F, ariaLabelConfig: I } = Z(Jd, X), L = e?.width ?? Gd, R = e?.height ?? Kd, ee = k.width / L, z = k.height / R, B = Math.max(ee, z), V = B * L, H = B * R, U = T * B, W = k.x - (V - k.width) / 2 - U, te = k.y - (H - k.height) / 2 - U, ne = V + U * 2, re = H + U * 2, ie = `${Yd}-${j}`, G = d(0), ae = d();
-	G.current = B, c(() => {
-		if (O.current && M) return ae.current = As({
+	let E = Q(), O = d(null), { boundingRect: k, viewBB: A, rfId: j, panZoom: M, translateExtent: N, flowWidth: P, flowHeight: F, ariaLabelConfig: I } = Z(Jd, X), L = e?.width ?? Gd, R = e?.height ?? Kd, ee = k.width / L, z = k.height / R, B = Math.max(ee, z), V = B * L, H = B * R, U = T * B, W = k.x - (V - k.width) / 2 - U, te = k.y - (H - k.height) / 2 - U, ne = V + U * 2, re = H + U * 2, ie = `${Yd}-${j}`, ae = d(0), G = d();
+	ae.current = B, c(() => {
+		if (O.current && M) return G.current = As({
 			domNode: O.current,
 			panZoom: M,
 			getTransform: () => E.getState().transform,
-			getViewScale: () => G.current
+			getViewScale: () => ae.current
 		}), () => {
-			ae.current?.destroy();
+			G.current?.destroy();
 		};
 	}, [M]), c(() => {
-		ae.current?.update({
+		G.current?.update({
 			translateExtent: N,
 			width: P,
 			height: F,
@@ -7516,7 +7516,7 @@ function Xd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 		F
 	]);
 	let oe = v ? (e) => {
-		let [t, n] = ae.current?.pointer(e) || [0, 0];
+		let [t, n] = G.current?.pointer(e) || [0, 0];
 		v(e, {
 			x: t,
 			y: n
@@ -7831,7 +7831,13 @@ var of = {
 	GeometryNodeEvaluateAtIndex: "CONVERTER",
 	GeometryNodeEvaluateOnDomain: "CONVERTER",
 	GeometryNodeFieldVariance: "CONVERTER",
-	GeometryNodeViewer: "OUTPUT"
+	GeometryNodeViewer: "OUTPUT",
+	GeometryNodeSimulationInput: "DEFAULT",
+	GeometryNodeSimulationOutput: "DEFAULT",
+	GeometryNodeRepeatInput: "DEFAULT",
+	GeometryNodeRepeatOutput: "DEFAULT",
+	GeometryNodeForeachGeometryElementInput: "DEFAULT",
+	GeometryNodeForeachGeometryElementOutput: "DEFAULT"
 };
 function sf(e, t) {
 	if (e === "ShaderNodeMix") return t === "VECTOR" ? "VECTOR" : t === "RGBA" ? "COLOR" : "CONVERTER";
@@ -8848,8 +8854,8 @@ function mp() {
 			width: "100%",
 			height: "100%",
 			borderRadius: 10,
-			border: "1.5px solid rgba(150, 104, 140, 0.5)",
-			background: "rgba(124, 58, 96, 0.16)",
+			border: "1.5px solid rgba(102, 65, 98, 0.85)",
+			background: "rgba(102, 65, 98, 0.2)",
 			pointerEvents: "none"
 		}
 	});
@@ -8893,26 +8899,26 @@ var gp = {
 	nodeFrame: hp
 }, _p = { padding: .08 };
 function vp(e) {
-	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, interaction: u = "always" } = e, { fitView: p, getNodes: m, getNodesBounds: h } = ml(), v = bd(), y = d(null), b = d(!1), x = d([]), [S, C] = f(null), [w, D] = f(!1), [O, k] = f(!1), A = d(null), [j, M] = f("mouse"), [N, P] = f(!1), [F, I] = f(!1), L = d([]), [R, ee, z] = _d(t), [B, V, H] = vd(n), [U, W] = f(void 0);
+	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, interaction: u = "always" } = e, { fitView: p, getNodes: m, getNodesBounds: h } = ml(), v = bd(), y = d(null), b = d(!1), x = d([]), [S, C] = f(null), [w, D] = f(!1), [O, k] = f(!1), A = d(null), [j, M] = f("mouse"), N = d(-Infinity), [P, F] = f(!1), [I, L] = f(!1), R = d([]), [ee, z, B] = _d(t), [V, H, U] = vd(n), [W, te] = f(void 0);
 	c(() => {
 		if (!v) return;
 		let e = h(m());
-		W([[e.x, e.y], [e.x + e.width, e.y + e.height]]);
+		te([[e.x, e.y], [e.x + e.width, e.y + e.height]]);
 	}, [
 		v,
 		t,
 		m,
 		h
 	]), c(() => {
-		ee(t), s?.([]), b.current = !1, p(_p);
+		z(t), s?.([]), b.current = !1, p(_p);
 	}, [
 		t,
-		ee,
+		z,
 		s,
 		p
 	]), c(() => {
-		V(n);
-	}, [n, V]), c(() => {
+		H(n);
+	}, [n, H]), c(() => {
 		let e = y.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
@@ -8920,19 +8926,19 @@ function vp(e) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [p]);
-	let te = a((e) => {
+	let ne = a((e) => {
 		e && (b.current = !0);
-	}, []), ne = a(({ nodes: e }) => {
+	}, []), re = a(({ nodes: e }) => {
 		let t = e.map((e) => e.id);
 		x.current = t, s?.(t);
-	}, [s]), re = a((e) => {
+	}, [s]), ie = a((e) => {
 		e.preventDefault();
 		let t = y.current?.getBoundingClientRect();
 		C({
 			x: e.clientX - (t?.left ?? 0),
 			y: e.clientY - (t?.top ?? 0)
 		});
-	}, []), ie = a(async () => {
+	}, []), ae = a(async () => {
 		C(null);
 		try {
 			let e = JSON.parse(r), t = new Set(x.current.map(Number).filter(Number.isFinite)), n = t.size > 0 ? E(e, t) : e, i = await T(JSON.stringify(n));
@@ -8940,23 +8946,24 @@ function vp(e) {
 				l();
 				return;
 			}
-			L.current.forEach(clearTimeout), I(!1), P(!0), L.current = [setTimeout(() => I(!0), 2500), setTimeout(() => {
-				P(!1), I(!1);
+			R.current.forEach(clearTimeout), L(!1), F(!0), R.current = [setTimeout(() => L(!0), 2500), setTimeout(() => {
+				F(!1), L(!1);
 			}, 3e3)];
 		} catch {}
 	}, [r, l]);
-	c(() => () => L.current.forEach(clearTimeout), []), c(() => () => {
+	c(() => () => R.current.forEach(clearTimeout), []), c(() => () => {
 		A.current && clearTimeout(A.current);
 	}, []);
-	let G = u === "hybrid", ae = u === "always" || G && w, oe = ae && j === "mouse", se = ae && j === "trackpad", ce = [1], le = a((e) => {
+	let G = u === "hybrid", oe = u === "always" || G && w, se = oe && j === "mouse", ce = oe && j === "trackpad", le = [1], ue = a((e) => {
 		if (!e.ctrlKey) {
-			let t = e.deltaMode === 0 && (e.deltaX !== 0 || !Number.isInteger(e.deltaY) || Math.abs(e.deltaY) < 40) ? "trackpad" : "mouse";
+			e.deltaX !== 0 && (N.current = e.timeStamp);
+			let t = e.timeStamp - N.current < 400 ? "trackpad" : "mouse";
 			M((e) => e === t ? e : t);
 		}
 		G && !w && !e.ctrlKey && (k(!0), A.current && clearTimeout(A.current), A.current = setTimeout(() => k(!1), 1600));
-	}, [G, w]), ue = a((e) => {
+	}, [G, w]), de = a((e) => {
 		G && e.button === 0 && (D(!0), k(!1));
-	}, [G]), de = a(() => {
+	}, [G]), fe = a(() => {
 		G && D(!1);
 	}, [G]);
 	return c(() => {
@@ -8975,23 +8982,23 @@ function vp(e) {
 			height: "100%",
 			position: "relative"
 		},
-		onContextMenu: re,
-		onPointerDown: ue,
-		onPointerLeave: de,
-		onWheel: le,
+		onContextMenu: ie,
+		onPointerDown: de,
+		onPointerLeave: fe,
+		onWheel: ue,
 		children: [
 			/* @__PURE__ */ _(gd, {
-				nodes: R,
-				edges: B,
-				onNodesChange: z,
-				onEdgesChange: H,
-				onSelectionChange: ne,
-				onMoveStart: te,
+				nodes: ee,
+				edges: V,
+				onNodesChange: B,
+				onEdgesChange: U,
+				onSelectionChange: re,
+				onMoveStart: ne,
 				nodeTypes: gp,
 				fitView: !0,
 				fitViewOptions: _p,
 				minZoom: .2,
-				translateExtent: U,
+				translateExtent: W,
 				nodesDraggable: !1,
 				nodesConnectable: !1,
 				elementsSelectable: !0,
@@ -9001,10 +9008,10 @@ function vp(e) {
 				selectionOnDrag: !0,
 				selectionMode: Ca.Partial,
 				connectOnClick: !1,
-				panOnDrag: ce,
-				zoomOnScroll: oe,
-				panOnScroll: se,
-				preventScrolling: ae,
+				panOnDrag: le,
+				zoomOnScroll: se,
+				panOnScroll: ce,
+				preventScrolling: oe,
 				zoomOnDoubleClick: !1,
 				children: [
 					/* @__PURE__ */ g(Dd, {
@@ -9027,7 +9034,7 @@ function vp(e) {
 							className: "gn-top-left",
 							children: [/* @__PURE__ */ _("span", {
 								className: "gn-version-badge",
-								children: ["node-web-render v", "0.3.20"]
+								children: ["node-web-render v", "0.3.22"]
 							}), i.length > 1 ? /* @__PURE__ */ g("nav", {
 								className: "gn-breadcrumbs",
 								"aria-label": "Node group path",
@@ -9068,12 +9075,12 @@ function vp(e) {
 					type: "button",
 					className: "gn-context-menu__item",
 					role: "menuitem",
-					onClick: ie,
+					onClick: ae,
 					children: "Copy selected nodes to Tree Clipper magic string"
 				})
 			}) : null,
-			N || F ? /* @__PURE__ */ g("div", {
-				className: `gn-context-toast${F ? " gnwr-leaving" : ""}`,
+			P || I ? /* @__PURE__ */ g("div", {
+				className: `gn-context-toast${I ? " gnwr-leaving" : ""}`,
 				role: "status",
 				children: "Copied Tree Clipper magic string"
 			}) : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonodes-web-render",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Browser-based viewer for Blender Geometry Nodes exported via Tree Clipper. Renders node trees as a read-only, Blender-styled graph.",
   "type": "module",
   "exports": {