@realsee/five 6.8.4 → 6.8.6

package/react/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 2026/5/13
- * Version: 6.8.4
+ * Generated: 2026/5/27
+ * Version: 6.8.6
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -257,61 +257,93 @@ import { useCallback as t, useEffect as n, useRef as r, useState as i } from "re
 import * as a from "three";
 import { Five as o, getViewportScale as s } from "@realsee/five";
 //#region build/react/rendererPool.js
-var c = [], l = [];
-function u({ preserveDrawingBuffer: e = !0, webgl2: t = !1 } = {}) {
+var c = [], l = [], u = null, d = 3e3;
+function f({ preserveDrawingBuffer: e, premultipliedAlpha: t, stencil: n, antialias: r, webgl2: i, logarithmicDepthBuffer: o, precision: s, powerPreference: c }) {
+	let l = {
+		antialias: r,
+		alpha: !0,
+		depth: !0,
+		preserveDrawingBuffer: e,
+		stencil: n,
+		premultipliedAlpha: t,
+		powerPreference: c
+	}, u = {
+		logarithmicDepthBuffer: o,
+		precision: s
+	}, d;
+	if (i) {
+		let e = document.createElement("canvas"), t = e.getContext("webgl2", l);
+		t ? d = new a.WebGLRenderer(Object.assign(Object.assign(Object.assign({}, l), u), {
+			canvas: e,
+			context: t
+		})) : (console.error("error occurred when getting webgl2 canvas context, maybe webgl2 not supported, fallback to webgl."), d = new a.WebGLRenderer(Object.assign(Object.assign({}, l), u)));
+	} else d = new a.WebGLRenderer(Object.assign(Object.assign({}, l), u));
+	return d.outputEncoding = a.sRGBEncoding, d.autoClear = !0, d;
+}
+function p({ preserveDrawingBuffer: e = !0, premultipliedAlpha: t = !0, stencil: n = !0, antialias: r = !1, webgl2: i = !1, logarithmicDepthBuffer: a, precision: o, powerPreference: s, backgroundColor: d = 1579548, backgroundAlpha: p = 1, pixelRatio: m } = {}) {
 	if (typeof window > "u") return;
-	let n = null;
-	if (n = t ? c.shift() : l.shift(), !n) {
-		if (t) {
-			let t = document.createElement("canvas"), r = t.getContext("webgl2");
-			r ? n = new a.WebGLRenderer({
-				preserveDrawingBuffer: e,
-				antialias: !0,
-				alpha: !0,
-				stencil: !0,
-				canvas: t,
-				context: r
-			}) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), n = new a.WebGLRenderer({
-				preserveDrawingBuffer: e,
-				antialias: !1,
-				alpha: !0,
-				stencil: !0
-			}));
-		} else n = new a.WebGLRenderer({
-			preserveDrawingBuffer: e,
-			antialias: !1,
-			alpha: !0,
-			stencil: !0
-		});
-		n.outputEncoding = a.sRGBEncoding;
-	}
-	return n.autoClear = !0, n;
-}
-function d(e) {
-	e && (e.capabilities.isWebGL2 ? l.indexOf(e) === -1 && l.push(e) : c.indexOf(e) === -1 && c.push(e));
+	u && (clearTimeout(u), u = null);
+	let h;
+	return h = i ? l.shift() : c.shift(), h || (h = f({
+		preserveDrawingBuffer: e,
+		premultipliedAlpha: t,
+		stencil: n,
+		antialias: r,
+		webgl2: i,
+		logarithmicDepthBuffer: a,
+		precision: o,
+		powerPreference: s
+	})), m !== void 0 && h.setPixelRatio(m), h.setClearColor(d, p), h.autoClear = !0, h;
+}
+function m(e) {
+	e && (e.capabilities.isWebGL2 ? l.indexOf(e) === -1 && l.push(e) : c.indexOf(e) === -1 && c.push(e), h());
+}
+function h(e = d) {
+	u && clearTimeout(u), u = setTimeout(() => {
+		u = null, g();
+	}, e);
+}
+function g() {
+	for (let e of c) e.dispose();
+	for (let e of l) e.dispose();
+	c.length = 0, l.length = 0;
 }
 //#endregion
 //#region build/react/context.js
-var f = e.createContext(null);
-function p() {
-	let t = e.useContext(f);
+var _ = e.createContext(null);
+function v() {
+	let t = e.useContext(_);
 	if (!t) throw Error("FiveProvider never found.");
 	return t.five;
 }
-function m() {
-	let t = e.useContext(f);
+function y() {
+	let t = e.useContext(_);
 	if (!t) throw Error("FiveProvider never found.");
 	return t.loadWork;
 }
 //#endregion
 //#region build/react/createProvider.js
-function h(e, t) {
+function b(e, t) {
 	let n = Array.isArray(e) ? e : [e], r = Array.isArray(t) ? t : [t];
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) if (n[e].workCode !== r[e].workCode) return !1;
 	return !0;
 }
-function g(t = {}) {
+function x(e = {}) {
+	let t = s() === 1 ? window.devicePixelRatio : 1, n = e.backgroundColor;
+	return {
+		webgl2: e.webgl2,
+		preserveDrawingBuffer: e.preserveDrawingBuffer,
+		antialias: e.antialias,
+		logarithmicDepthBuffer: e.logarithmicDepthBuffer,
+		precision: e.precision,
+		powerPreference: e.powerPreference,
+		backgroundColor: (n instanceof a.Color, n),
+		backgroundAlpha: e.backgroundAlpha,
+		pixelRatio: t
+	};
+}
+function S(t = {}) {
 	return class extends e.Component {
 		constructor(e) {
 			super(e), this.__fiveEventDisposers = [], this.__fiveDisposeTimer = null, this.five = new o(Object.assign(Object.assign({}, t), { renderer: void 0 })), this.loadWork = this.loadWork.bind(this), this.state = {};
@@ -321,21 +353,13 @@ function g(t = {}) {
 			return this.five.load(e, t, n, r);
 		}
 		shouldComponentUpdate(e) {
-			return this.five.renderer && this.five && e.work && !h(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
+			return this.five.renderer && this.five && e.work && !b(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
 		}
 		componentDidMount() {
 			var e;
 			clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null;
 			let n;
-			if (typeof window < "u") {
-				n = u({
-					webgl2: t == null ? void 0 : t.webgl2,
-					preserveDrawingBuffer: t == null ? void 0 : t.preserveDrawingBuffer
-				});
-				let e = s() === 1 ? window.devicePixelRatio : 1;
-				n == null || n.setPixelRatio(e);
-			}
-			this.five.renderer = n, this.setState({ renderer: n }), this.__fiveEventDisposers.push(this.five.on("load", () => {
+			typeof window < "u" && (n = p(x(t))), this.five.renderer = n, this.setState({ renderer: n }), this.__fiveEventDisposers.push(this.five.on("load", () => {
 				this.props.onWorksChange && this.props.onWorksChange(this.five.works);
 			})), this.__fiveEventDisposers.push(this.five.on("stateChange", (e, t) => {
 				this.props.onStateChange && this.props.onStateChange(e, t);
@@ -351,13 +375,13 @@ function g(t = {}) {
 			var e;
 			(e = this.five.controller) == null || e.destroy();
 			let t = this.five.renderer;
-			this.five.renderer = void 0, d(t), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(() => {
+			this.five.renderer = void 0, m(t), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(() => {
 				this.__fiveDisposeTimer = null, this.five.dispose();
 			}, 1e3);
 		}
 		render() {
 			let t = this.five, n = this.loadWork, r = this.state.renderer;
-			return e.createElement(f.Provider, { value: {
+			return e.createElement(_.Provider, { value: {
 				renderer: r,
 				five: t,
 				loadWork: n
@@ -367,15 +391,15 @@ function g(t = {}) {
 }
 //#endregion
 //#region build/react/canvas.js
-var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
+var C = typeof window < "u" ? e.useLayoutEffect : e.useEffect, w = {
 	display: "inline-block",
 	overflow: "hidden"
-}, y = ({ width: t, height: n }) => {
-	let r = p(), i = e.createRef(), a = Object.assign({
+}, T = ({ width: t, height: n }) => {
+	let r = v(), i = e.createRef(), a = Object.assign({
 		width: t,
 		height: n
-	}, v);
-	return _(() => {
+	}, w);
+	return C(() => {
 		let e = i.current;
 		if (!e || !r.renderer) return;
 		let a = r.renderer.domElement;
@@ -396,8 +420,8 @@ var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
 		ref: i,
 		style: a
 	});
-}, b = ({ children: t }) => {
-	let n = p(), r = e.useRef(null);
+}, E = ({ children: t }) => {
+	let n = v(), r = e.useRef(null);
 	return e.useEffect(() => {
 		let e = r.current;
 		if (!e || !n.renderer) return;
@@ -424,8 +448,8 @@ var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
 			bottom: 0
 		}
 	}, t);
-}, x = ({ renderChildren: t, load: n, children: r, fallback: i }) => {
-	let a = e.useContext(f), o = a == null ? void 0 : a.five, [s, c] = e.useState(!!t), [l, u] = e.useState(!1);
+}, D = ({ renderChildren: t, load: n, children: r, fallback: i }) => {
+	let a = e.useContext(_), o = a == null ? void 0 : a.five, [s, c] = e.useState(!!t), [l, u] = e.useState(!1);
 	return e.useEffect(() => {
 		o && o.getElement() && (c(!0), n && n(o).then((e) => {
 			o.load(...e);
@@ -437,62 +461,62 @@ var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
 			o.off("works.load", e);
 		};
 	}, [o]), !o || !l && !t || !s ? i == null ? null : e.createElement(e.Fragment, null, i) : e.createElement(e.Fragment, null, r);
-}, S = {
+}, O = {
 	position: "relative",
 	width: "100vw",
 	height: "100vh",
 	overflow: "hidden"
-}, C = {
+}, k = {
 	backgroundAlpha: 1,
 	backgroundColor: 0,
 	imageOptions: { size: 512 },
 	textureOptions: { autoResize: !1 },
 	preserveDrawingBuffer: !0,
 	webgl2: !0
-}, w = ({ fiveInitArgs: t = C, renderChildren: n, plugins: r, load: i, children: a, fullscreen: o, autoCanvas: s = !0, fallback: c }) => {
-	let [l] = e.useState(() => g(Object.assign(Object.assign({}, t), { plugins: r }))), u = [];
-	s && u.push(e.createElement(b, { key: "auto-canvas" })), a && u.push(a);
-	let d = e.createElement(l, null, e.createElement(x, {
+}, A = ({ fiveInitArgs: t = k, renderChildren: n, plugins: r, load: i, children: a, fullscreen: o, autoCanvas: s = !0, fallback: c }) => {
+	let [l] = e.useState(() => S(Object.assign(Object.assign({}, t), { plugins: r }))), u = [];
+	s && u.push(e.createElement(E, { key: "auto-canvas" })), a && u.push(a);
+	let d = e.createElement(l, null, e.createElement(D, {
 		load: i,
 		renderChildren: n,
 		fallback: c
 	}, ...u));
-	return o ? e.createElement("div", { style: S }, d) : d;
+	return o ? e.createElement("div", { style: O }, d) : d;
 };
 //#endregion
 //#region build/react/hooks/unsafe__useFiveInstance.js
-function T() {
-	return p();
+function j() {
+	return v();
 }
 //#endregion
 //#region build/react/hooks/useFiveSceneEffect.js
-function E(t, n) {
-	let r = p(), i = [r];
+function M(t, n) {
+	let r = v(), i = [r];
 	n !== void 0 && (i = i.concat(n)), e.useLayoutEffect(() => t(r.scene), i);
 }
-var D = E;
+var ee = M;
 //#endregion
 //#region build/react/hooks/useFiveWork.js
-function O() {
-	let t = p(), n = m(), [r, i] = e.useState(() => t.works);
+function te() {
+	let t = v(), n = y(), [r, i] = e.useState(() => t.works);
 	return e.useLayoutEffect(() => t.on("load", () => i(t.works)), [t]), [r, n];
 }
 //#endregion
 //#region build/react/hooks/useFiveState.js
-function k(e) {
+function N(e) {
 	return Object.assign({}, e.state);
 }
-function A() {
-	let t = p(), [n, r] = e.useState(() => k(t)), i = e.useCallback((e, n = !1, r = !0) => {
+function P() {
+	let t = v(), [n, r] = e.useState(() => N(t)), i = e.useCallback((e, n = !1, r = !0) => {
 		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
 		t.setState(i, n, r);
 	}, [t]);
-	return e.useLayoutEffect(() => t.on("stateChange", () => r(k(t))), [t]), [n, i];
+	return e.useLayoutEffect(() => t.on("stateChange", () => r(N(t))), [t]), [n, i];
 }
 //#endregion
 //#region build/react/hooks/useFiveCurrentState.js
-function j() {
-	let t = p(), [n, r] = e.useState(() => t.getCurrentState()), i = e.useCallback((e, n = !1, r = !0) => {
+function F() {
+	let t = v(), [n, r] = e.useState(() => t.getCurrentState()), i = e.useCallback((e, n = !1, r = !0) => {
 		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
 		t.setState(i, n, r);
 	}, [t]);
@@ -500,20 +524,20 @@ function j() {
 }
 //#endregion
 //#region build/react/hooks/useFiveCurrentObserver.js
-function M() {
-	let t = p(), [n, r] = e.useState(() => t.getCurrentState());
+function I() {
+	let t = v(), [n, r] = e.useState(() => t.getCurrentState());
 	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), t.works.getObserver(n);
 }
 //#endregion
 //#region build/react/hooks/useFiveEventCallback.js
-function ee(t, n, r) {
-	let i = p(), a = [i, t];
+function L(t, n, r) {
+	let i = v(), a = [i, t];
 	r !== void 0 && (a = a.concat(r)), e.useLayoutEffect(() => i.on(t, n), a);
 }
 //#endregion
 //#region build/react/hooks/useFiveAction.js
-function te() {
-	let t = p();
+function R() {
+	let t = v();
 	return {
 		updateCamera: e.useCallback((e, n) => t.updateCamera(e, n), [t]),
 		getPixels: e.useCallback(t.getPixels.bind(t), [t]),
@@ -525,90 +549,90 @@ function te() {
 //#endregion
 //#region build/react/hooks/useFiveProject2d.js
 function ne() {
-	let t = p(), [n, r] = e.useState(() => Symbol());
+	let t = v(), [n, r] = e.useState(() => Symbol());
 	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(Symbol())), [t]), e.useCallback((e, n) => t.project2d(e, n), [t]);
 }
 //#endregion
 //#region build/react/hooks/useFiveCameraRaycaster.js
-function N(e) {
+function z(e) {
 	let t = e.camera.getWorldDirection(new a.Vector3());
 	return new a.Raycaster(e.camera.position, t);
 }
 function re() {
-	let t = p(), [n, r] = e.useState(() => N(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(N(t))), [t]), n;
+	let t = v(), [n, r] = e.useState(() => z(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(z(t))), [t]), n;
 }
 //#endregion
 //#region build/react/hooks/useFiveCameraDirection.js
-function P(e) {
+function B(e) {
 	return e.camera.getWorldDirection(new a.Vector3());
 }
-function F() {
-	let t = p(), [n, r] = e.useState(() => P(t));
-	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(P(t))), [t]), n;
+function ie() {
+	let t = v(), [n, r] = e.useState(() => B(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(B(t))), [t]), n;
 }
 //#endregion
 //#region build/react/hooks/useFiveModelIntersectRaycaster.js
-function I() {
-	let t = p();
+function ae() {
+	let t = v();
 	return e.useCallback((e) => t.model.intersectRaycaster(e), [t]);
 }
 //#endregion
 //#region build/react/hooks/useFiveModelReadyState.js
-function L(e) {
+function V(e) {
 	return e.model.empty ? "Empty" : "Loaded";
 }
-function ie() {
-	let t = p(), [n, r] = e.useState(() => L(t));
-	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(L(t))), [t]), n;
+function H() {
+	let t = v(), [n, r] = e.useState(() => V(t));
+	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(V(t))), [t]), n;
 }
 //#endregion
 //#region build/react/hooks/useFivePlugin.js
-var R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
-function B(e) {
-	let t = z.get(e);
+var U = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Map();
+function G(e) {
+	let t = W.get(e);
 	t && t.forEach((e) => e());
 }
-function V(e, t) {
-	return z.has(e) || z.set(e, /* @__PURE__ */ new Set()), z.get(e).add(t), () => {
-		let n = z.get(e);
-		n && (n.delete(t), n.size === 0 && z.delete(e));
+function K(e, t) {
+	return W.has(e) || W.set(e, /* @__PURE__ */ new Set()), W.get(e).add(t), () => {
+		let n = W.get(e);
+		n && (n.delete(t), n.size === 0 && W.delete(e));
 	};
 }
-function H(e, t) {
+function q(e, t) {
 	return `${e}:${t}`;
 }
-function U(e, t) {
+function J(e, t) {
 	var n;
-	return (n = R.get(H(e, t))) == null ? void 0 : n.plugin;
+	return (n = U.get(q(e, t))) == null ? void 0 : n.plugin;
 }
-function W(e, t, n) {
-	R.set(H(e, t), { plugin: n }), B(e);
+function oe(e, t, n) {
+	U.set(q(e, t), { plugin: n }), G(e);
 }
-function G(e, a) {
+function se(e, a) {
 	var o, s;
-	let c = p(), l = (s = (o = c.work) == null ? void 0 : o.workCode) == null ? "" : s, u = H(l, e), d = r(c), [, f] = i(0);
+	let c = v(), l = (s = (o = c.work) == null ? void 0 : o.workCode) == null ? "" : s, u = q(l, e), d = r(c), [, f] = i(0);
 	return n(() => {
-		if (l) return V(l, () => f((e) => e + 1));
+		if (l) return K(l, () => f((e) => e + 1));
 	}, [l]), n(() => {
 		if (d.current === c) return;
 		d.current = c;
-		let t = R.get(u);
+		let t = U.get(u);
 		if (!t) return;
 		let n = t.plugin;
 		if (a != null && a.reCreateOnFiveChange && a.createPlugin) {
 			typeof n.dispose == "function" && n.dispose();
 			let t = a.createPlugin(c);
-			R.set(u, { plugin: t }), c.plugins[e] = t, B(l);
+			U.set(u, { plugin: t }), c.plugins[e] = t, G(l);
 		} else n && (typeof n.updateFive == "function" ? n.updateFive(c) : "five" in n && (n.five = c));
 	}, [c]), t(() => {
-		let t = R.get(u);
+		let t = U.get(u);
 		if (t) return c.plugins[e] = t.plugin, t.plugin;
 		let n = c.plugins[e];
-		if (n) return R.set(u, { plugin: n }), n;
+		if (n) return U.set(u, { plugin: n }), n;
 		if (a != null && a.createPlugin) {
 			let t = a.createPlugin(c);
-			return R.set(u, { plugin: t }), c.plugins[e] = t, B(l), t;
+			return U.set(u, { plugin: t }), c.plugins[e] = t, G(l), t;
 		}
 	}, [
 		u,
@@ -618,8 +642,8 @@ function G(e, a) {
 }
 //#endregion
 //#region build/react/hooks/useFiveFloor.js
-function K() {
-	let t = p(), [n, r] = e.useState(t.model.shownFloor), [i, a] = e.useState(t.model.floorLength), o = e.useCallback((e) => {
+function ce() {
+	let t = v(), [n, r] = e.useState(t.model.shownFloor), [i, a] = e.useState(t.model.floorLength), o = e.useCallback((e) => {
 		typeof e == "number" ? t.model.show(e) : t.model.show();
 	}, [t]);
 	return e.useLayoutEffect(() => {
@@ -636,22 +660,22 @@ function K() {
 }
 //#endregion
 //#region build/react/hooks/useFiveHelper.js
-function q() {
-	let t = p(), [n, r] = e.useState(t.helperVisible), i = e.useCallback((e) => {
+function le() {
+	let t = v(), [n, r] = e.useState(t.helperVisible), i = e.useCallback((e) => {
 		t.helperVisible = e;
 	}, [t]);
 	return e.useLayoutEffect(() => t.on("helpersVisibleChange", (e) => r(e)), [t]), [n, i];
 }
 //#endregion
 //#region build/react/withFive.js
-var J = "$five";
+var ue = "$five";
 function Y(e, t) {
 	return t.indexOf(e) >= 0;
 }
 function X(e, t) {
 	for (let n of Object.keys(t)) t[n] !== void 0 && (e[n] = t[n]);
 }
-function ae(t, n) {
+function de(t, n) {
 	let r = Y("state", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return Object.assign({}, t.state);
 	}, [t, i]);
@@ -659,7 +683,7 @@ function ae(t, n) {
 		if (r) return t.on("stateChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function oe(t, n) {
+function fe(t, n) {
 	let r = Y("currentState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.getCurrentState();
 	}, [t, i]);
@@ -667,7 +691,7 @@ function oe(t, n) {
 		if (r) return t.on("currentStateChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function se(t, n) {
+function pe(t, n) {
 	let r = Y("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.getCurrentState();
 	}, [t, i]);
@@ -677,10 +701,10 @@ function se(t, n) {
 	let s;
 	return o && (s = t.works.getObserver(o)), [s, i];
 }
-function ce(e, t) {
+function me(e, t) {
 	return [Y("unsafe__fiveInstance", t) ? e : void 0];
 }
-function le(t, n) {
+function he(t, n) {
 	let r = Y("works", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.works;
 	}, [t, i]);
@@ -688,7 +712,7 @@ function le(t, n) {
 		if (r) return t.on("load", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function ue(t, n) {
+function ge(t, n) {
 	let r = Y("model", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model;
 	}, [t, i]);
@@ -696,10 +720,10 @@ function ue(t, n) {
 		if (r) return t.on("modelLoaded", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function de(e, t) {
+function Z(e, t) {
 	return [Y("scene", t) ? e.scene : void 0];
 }
-function fe(t, n) {
+function _e(t, n) {
 	let r = Y("cameraDirection", n), [i, o] = e.useState(Symbol()), s = e.useMemo(() => {
 		if (r) return t.camera.getWorldDirection(new a.Vector3());
 	}, [t, i]);
@@ -707,7 +731,7 @@ function fe(t, n) {
 		if (r) return t.on("cameraUpdate", () => o(Symbol()));
 	}, [t]), [s, i];
 }
-function pe(t, n) {
+function ve(t, n) {
 	let r = Y("cameraRaycaster", n), [i, o] = e.useState(Symbol()), s = e.useMemo(() => {
 		if (r) {
 			let e = t.camera.getWorldDirection(new a.Vector3());
@@ -718,7 +742,7 @@ function pe(t, n) {
 		if (r) return t.on("cameraUpdate", () => o(Symbol()));
 	}, [t]), [s, i];
 }
-function me(t, n) {
+function ye(t, n) {
 	let r = Y("modelReadyState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model.empty ? "Empty" : "Loaded";
 	}, [t, i]);
@@ -726,7 +750,7 @@ function me(t, n) {
 		if (r) return t.on("modelLoaded", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function he(t, n) {
+function be(t, n) {
 	let r = Y("shownFloor", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.model.shownFloor;
 	}, [t, i]);
@@ -734,7 +758,7 @@ function he(t, n) {
 		if (r) return t.on("modelShownFloorChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function ge(t, n) {
+function xe(t, n) {
 	let r = Y("helperVisible", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
 		if (r) return t.helperVisible;
 	}, [t, i]);
@@ -742,74 +766,74 @@ function ge(t, n) {
 		if (r) return t.on("helpersVisibleChange", () => a(Symbol()));
 	}, [t]), [o, i];
 }
-function _e(e, t) {
+function Se(e, t) {
 	if (Y("loadWork", t)) return e;
 }
-function ve(e, t) {
+function Ce(e, t) {
 	if (Y("setState", t)) return (...t) => e.setState(...t);
 }
-function ye(e, t) {
+function we(e, t) {
 	if (Y("on", t)) return (...t) => e.on(...t);
 }
-function be(e, t) {
+function Te(e, t) {
 	if (Y("on", t)) return (...t) => e.once(...t);
 }
-function xe(e, t) {
+function Ee(e, t) {
 	if (Y("off", t)) return (...t) => e.off(...t);
 }
-function Se(e, t) {
+function De(e, t) {
 	if (Y("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
 }
-function Ce(e, t) {
+function Oe(e, t) {
 	if (Y("project2d", t)) return (...t) => e.project2d(...t);
 }
-function we(e, t) {
+function ke(e, t) {
 	if (Y("updateCamera", t)) return (...t) => e.updateCamera(...t);
 }
-function Te(e, t) {
+function Ae(e, t) {
 	if (Y("getPixels", t)) return e.getPixels.bind(e);
 }
-function Ee(e, t) {
+function je(e, t) {
 	if (Y("render", t)) return (...t) => e.render(...t);
 }
-function De(e, t) {
+function Me(e, t) {
 	if (Y("needsRender", t)) return () => {
 		e.needsRender = !0;
 	};
 }
-function Oe(e, t) {
+function Ne(e, t) {
 	if (Y("preloadPano", t)) return (...t) => e.preloadPano(...t);
 }
-function ke(e, t) {
+function Pe(e, t) {
 	if (Y("showFloor", t)) return (t) => {
 		typeof t == "number" ? e.model.show(t) : e.model.show();
 	};
 }
-function Z(e, t) {
+function Fe(e, t) {
 	if (Y("toggleHelperVisible", t)) return (t) => {
 		e.helperVisible = t;
 	};
 }
-function Ae(t) {
+function Ie(t) {
 	return function(n) {
 		return e.forwardRef((r, i) => {
-			let a = p(), o = m(), [s] = ce(a, t), [c, l] = ae(a, t), [u, d] = oe(a, t), [f, h] = se(a, t), [g, _] = le(a, t), [v, y] = ue(a, t), [b] = de(a, t), [x, S] = fe(a, t), [C, w] = pe(a, t), [T, E] = me(a, t), [D, O] = he(a, t), [k, A] = ge(a, t), j = e.useMemo(() => {
+			let a = v(), o = y(), [s] = me(a, t), [c, l] = de(a, t), [u, d] = fe(a, t), [f, p] = pe(a, t), [m, h] = he(a, t), [g, _] = ge(a, t), [b] = Z(a, t), [x, S] = _e(a, t), [C, w] = ve(a, t), [T, E] = ye(a, t), [D, O] = be(a, t), [k, A] = xe(a, t), j = e.useMemo(() => {
 				let e = {};
 				return X(e, {
-					setState: ve(a, t),
-					loadWork: _e(o, t),
-					on: ye(a, t),
-					once: be(a, t),
-					off: xe(a, t),
-					intersectRaycaster: Se(a, t),
-					project2d: Ce(a, t),
-					updateCamera: we(a, t),
-					getPixels: Te(a, t),
-					render: Ee(a, t),
-					needsRender: De(a, t),
-					preloadPano: Oe(a, t),
-					showFloor: ke(a, t),
-					toggleHelperVisible: Z(a, t)
+					setState: Ce(a, t),
+					loadWork: Se(o, t),
+					on: we(a, t),
+					once: Te(a, t),
+					off: Ee(a, t),
+					intersectRaycaster: De(a, t),
+					project2d: Oe(a, t),
+					updateCamera: ke(a, t),
+					getPixels: Ae(a, t),
+					render: je(a, t),
+					needsRender: Me(a, t),
+					preloadPano: Ne(a, t),
+					showFloor: Pe(a, t),
+					toggleHelperVisible: Fe(a, t)
 				}), e;
 			}, [a, o]), M = e.useMemo(() => {
 				let e = Object.assign({}, j);
@@ -818,8 +842,8 @@ function Ae(t) {
 					state: c,
 					currentState: u,
 					currentObserver: f,
-					work: g,
-					model: v,
+					work: m,
+					model: g,
 					scene: b,
 					cameraDirection: x,
 					cameraRaycaster: C,
@@ -832,9 +856,9 @@ function Ae(t) {
 				j,
 				l,
 				d,
+				p,
 				h,
 				_,
-				y,
 				S,
 				w,
 				E,
@@ -848,7 +872,7 @@ function Ae(t) {
 		});
 	};
 }
-function je(...e) {
+function Le(...e) {
 	return e;
 }
 //#endregion
@@ -861,10 +885,10 @@ function Q(e, t) {
 	}
 	return n;
 }
-function Me(e, t) {
+function Re(e, t) {
 	return typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t) ? !0 : e === t;
 }
-function Ne(e, t) {
+function ze(e, t) {
 	for (let n = 0; n < e.length; n++) for (let r = 0; r < t.length; r++) if (e[n] === t[r]) return !0;
 	return !1;
 }
@@ -884,19 +908,19 @@ var $ = class {
 	}
 	setValues(e, t) {
 		let n = [];
-		for (let r in t) e.indexOf(r) >= 0 && !Me(t[r], this.values[r]) && n.push(r);
+		for (let r in t) e.indexOf(r) >= 0 && !Re(t[r], this.values[r]) && n.push(r);
 		if (n.length === 0) return;
 		let r = Object.assign({}, this.values);
 		for (let e of n) this.values[e] = t[e];
 		this.onValuesChange && this.onValuesChange(this.values, r);
 		for (let [e, t] of this.listeners) {
-			if (!Ne(e, n)) continue;
+			if (!ze(e, n)) continue;
 			let i = Q(r, e);
 			t(Q(this.values, e), i);
 		}
 	}
 };
-function Pe(t) {
+function Be(t) {
 	let n = e.createContext(null);
 	return {
 		useStore(t) {
@@ -940,4 +964,4 @@ function Pe(t) {
 	};
 }
 //#endregion
-export { w as FiveApp, b as FiveAutoCanvas, y as FiveCanvas, J as INJECTION_PROPNAME, $ as Store, je as createFiveFeature, g as createFiveProvider, Pe as createStore, U as getPlugin, W as setPlugin, T as unsafe__useFiveInstance, te as useFiveAction, F as useFiveCameraDirection, re as useFiveCameraRaycaster, M as useFiveCurrentObserver, j as useFiveCurrentState, ee as useFiveEventCallback, K as useFiveFloor, q as useFiveHelper, I as useFiveModelIntersectRaycaster, ie as useFiveModelReadyState, G as useFivePlugin, ne as useFiveProject2d, D as useFiveScene, E as useFiveSceneEffect, A as useFiveState, O as useFiveWork, Ae as withFive };
+export { A as FiveApp, E as FiveAutoCanvas, T as FiveCanvas, ue as INJECTION_PROPNAME, $ as Store, Le as createFiveFeature, S as createFiveProvider, Be as createStore, J as getPlugin, oe as setPlugin, j as unsafe__useFiveInstance, R as useFiveAction, ie as useFiveCameraDirection, re as useFiveCameraRaycaster, I as useFiveCurrentObserver, F as useFiveCurrentState, L as useFiveEventCallback, ce as useFiveFloor, le as useFiveHelper, ae as useFiveModelIntersectRaycaster, H as useFiveModelReadyState, se as useFivePlugin, ne as useFiveProject2d, ee as useFiveScene, M as useFiveSceneEffect, P as useFiveState, te as useFiveWork, Ie as withFive };