@realsee/five 6.8.0-alpha.9 → 6.8.1

package/react/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 2026/2/26
- * Version: 6.8.0-alpha.9
+ * Generated: 2026/4/28
+ * Version: 6.8.1
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,786 +252,691 @@
  * No amendment to or modification of this Agreement will be binding unless in 
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
-*/import * as u from "react";
-import * as p from "three";
-import { getViewportScale as ae, Five as ue } from "@realsee/five";
-var E = function(e, n) {
-  return E = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
-    t.__proto__ = r;
-  } || function(t, r) {
-    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
-  }, E(e, n);
+*/import * as e from "react";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+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 } = {}) {
+	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));
+}
+//#endregion
+//#region build/react/context.js
+var f = e.createContext(null);
+function p() {
+	let t = e.useContext(f);
+	if (!t) throw Error("FiveProvider never found.");
+	return t.five;
+}
+function m() {
+	let t = e.useContext(f);
+	if (!t) throw Error("FiveProvider never found.");
+	return t.loadWork;
+}
+//#endregion
+//#region build/react/createProvider.js
+function h(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 = {}) {
+	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 = {};
+		}
+		loadWork(e, t, n, r = !0) {
+			if (this.props.work) throw Error("props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
+			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;
+		}
+		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", () => {
+				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);
+			})), this.__fiveEventDisposers.push(this.five.on("currentStateChange", (e, t) => {
+				this.props.onCurrentStateChange && this.props.onCurrentStateChange(e, t);
+			})), this.__fiveEventDisposers.push(this.five.on("error", (e) => {
+				this.props.onError ? this.props.onError(e) : console.warn(e.message);
+			}));
+			let r = this.props.work || this.props.initialWork;
+			r && this.five.load(r, this.props.initialState, this.props.initialOptions, (e = this.props.initialUserAction) == null ? !0 : e);
+		}
+		componentWillUnmount() {
+			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.__fiveDisposeTimer = null, this.five.dispose();
+			}, 1e3);
+		}
+		render() {
+			let t = this.five, n = this.loadWork, r = this.state.renderer;
+			return e.createElement(f.Provider, { value: {
+				renderer: r,
+				five: t,
+				loadWork: n
+			} }, this.props.children);
+		}
+	};
+}
+//#endregion
+//#region build/react/canvas.js
+var _ = typeof window < "u" ? e.useLayoutEffect : e.useEffect, v = {
+	display: "inline-block",
+	overflow: "hidden"
+}, y = ({ width: t, height: n }) => {
+	let r = p(), i = e.createRef(), a = Object.assign({
+		width: t,
+		height: n
+	}, v);
+	return _(() => {
+		let e = i.current;
+		if (!e || !r.renderer) return;
+		let a = r.renderer.domElement;
+		if (a.parentNode !== null && a.parentNode !== e) throw Error("There are more than 2 fiveCanvas in this context.");
+		return a.parentNode !== e && e.appendChild(a), r.camera.aspect = t / n, r.camera.updateProjectionMatrix(), r.renderer.setSize(t, n), r.refresh({
+			width: t,
+			height: n
+		}), r.needsRender = !0, () => {
+			a.parentNode === e && e.removeChild(a);
+		};
+	}, [
+		r,
+		r.renderer,
+		t,
+		n,
+		i.current
+	]), e.createElement("div", {
+		ref: i,
+		style: a
+	});
+}, b = ({ children: t }) => {
+	let n = p(), r = e.useRef(null);
+	return e.useEffect(() => {
+		let e = r.current;
+		if (!e || !n.renderer) return;
+		let t = n.renderer.domElement;
+		e.appendChild(t);
+		let i = () => {
+			var t;
+			let { width: r, height: i } = e.getBoundingClientRect();
+			r === 0 || i === 0 || (n.camera.aspect = r / i, n.camera.updateProjectionMatrix(), (t = n.renderer) == null || t.setSize(r, i), n.refresh({
+				width: r,
+				height: i
+			}), n.needsRender = !0);
+		}, a = new ResizeObserver(i);
+		return a.observe(e), i(), () => {
+			t.parentNode === e && e.removeChild(t), a.unobserve(e), a.disconnect();
+		};
+	}, []), e.createElement("div", {
+		ref: r,
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0
+		}
+	}, t);
+}, x = ({ renderChildren: t, load: n, children: r, fallback: i }) => {
+	let a = p(), [o, s] = e.useState(!!t), [c, l] = e.useState(!1);
+	return e.useEffect(() => {
+		a.getElement() && (s(!0), n && n(a).then((e) => {
+			a.load(...e);
+		}));
+	}, [a]), e.useEffect(() => {
+		let e = () => l(!0);
+		return a.on("works.load", e), a.works && a.works.length > 0 && l(!0), () => {
+			a.off("works.load", e);
+		};
+	}, [a]), !c && !t || !o ? i == null ? null : e.createElement(e.Fragment, null, i) : e.createElement(e.Fragment, null, r);
+}, S = {
+	position: "relative",
+	width: "100vw",
+	height: "100vh",
+	overflow: "hidden"
+}, C = {
+	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, {
+		load: i,
+		renderChildren: n,
+		fallback: c
+	}, ...u));
+	return o ? e.createElement("div", { style: S }, d) : d;
 };
-function B(e, n) {
-  if (typeof n != "function" && n !== null)
-    throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-  E(e, n);
-  function t() {
-    this.constructor = e;
-  }
-  e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
-}
-var h = function() {
-  return h = Object.assign || function(n) {
-    for (var t, r = 1, o = arguments.length; r < o; r++) {
-      t = arguments[r];
-      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (n[a] = t[a]);
-    }
-    return n;
-  }, h.apply(this, arguments);
-};
-function w(e, n, t) {
-  if (t || arguments.length === 2) for (var r = 0, o = n.length, a; r < o; r++)
-    (a || !(r in n)) && (a || (a = Array.prototype.slice.call(n, 0, r)), a[r] = n[r]);
-  return e.concat(a || Array.prototype.slice.call(n));
-}
-var k = [], R = [];
-function ie(e) {
-  var n = e === void 0 ? {} : e, t = n.preserveDrawingBuffer, r = t === void 0 ? !0 : t, o = n.webgl2, a = o === void 0 ? !1 : o;
-  if (typeof window != "undefined") {
-    var i = null;
-    if (a ? i = k.shift() : i = R.shift(), !i) {
-      if (a) {
-        var s = document.createElement("canvas"), c = s.getContext("webgl2");
-        c ? i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !0, alpha: !0, stencil: !0, canvas: s, context: c }) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !1, alpha: !0, stencil: !0 }));
-      } else
-        i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !1, alpha: !0, stencil: !0 });
-      i.outputEncoding = p.sRGBEncoding;
-    }
-    return i.autoClear = !0, i;
-  }
-}
-function se(e) {
-  if (e) {
-    var n = e.capabilities.isWebGL2;
-    n ? R.indexOf(e) === -1 && R.push(e) : k.indexOf(e) === -1 && k.push(e);
-  }
-}
-var L = u.createContext(null);
-function v() {
-  var e = u.useContext(L);
-  if (!e)
-    throw new Error("FiveProvider never found.");
-  return e.five;
-}
-function H() {
-  var e = u.useContext(L);
-  if (!e)
-    throw new Error("FiveProvider never found.");
-  return e.loadWork;
-}
-function ce(e, n) {
-  var t = Array.isArray(e) ? e : [e], r = Array.isArray(n) ? n : [n];
-  if (t.length !== r.length)
-    return !1;
-  for (var o = 0; o < t.length; o++)
-    if (t[o].workCode !== r[o].workCode)
-      return !1;
-  return !0;
-}
-function Ge(e) {
-  return e === void 0 && (e = {}), /** @class */
-  (function(n) {
-    B(t, n);
-    function t(r) {
-      var o = n.call(this, r) || this;
-      return o.__fiveEventDisposers = [], o.__fiveDisposeTimer = null, o.five = new ue(h(h({}, e), { renderer: void 0 })), o.loadWork = o.loadWork.bind(o), o.state = {}, o;
-    }
-    return t.prototype.loadWork = function(r, o, a, i) {
-      if (i === void 0 && (i = !0), this.props.work)
-        throw new Error("props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
-      return this.five.load(r, o, a, i);
-    }, t.prototype.shouldComponentUpdate = function(r) {
-      return this.five.renderer && this.five && r.work && !ce(r.work, this.five.works) && this.five.load(r.work, r.initialState, r.initialOptions), !0;
-    }, t.prototype.componentDidMount = function() {
-      var r = this, o;
-      clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null;
-      var a;
-      if (typeof window != "undefined") {
-        a = ie({
-          webgl2: e == null ? void 0 : e.webgl2,
-          preserveDrawingBuffer: e == null ? void 0 : e.preserveDrawingBuffer
-        });
-        var i = ae(), s = i === 1 ? window.devicePixelRatio : 1;
-        a == null || a.setPixelRatio(s);
-      }
-      this.five.renderer = a, this.setState({ renderer: a }), this.__fiveEventDisposers.push(this.five.on("load", function() {
-        r.props.onWorksChange && r.props.onWorksChange(r.five.works);
-      })), this.__fiveEventDisposers.push(this.five.on("stateChange", function(l, d) {
-        r.props.onStateChange && r.props.onStateChange(l, d);
-      })), this.__fiveEventDisposers.push(this.five.on("currentStateChange", function(l, d) {
-        r.props.onCurrentStateChange && r.props.onCurrentStateChange(l, d);
-      })), this.__fiveEventDisposers.push(this.five.on("error", function(l) {
-        r.props.onError ? r.props.onError(l) : console.warn(l.message);
-      }));
-      var c = this.props.work || this.props.initialWork;
-      c && this.five.load(c, this.props.initialState, this.props.initialOptions, (o = this.props.initialUserAction) !== null && o !== void 0 ? o : !0);
-    }, t.prototype.componentWillUnmount = function() {
-      var r = this, o;
-      (o = this.five.controller) === null || o === void 0 || o.destroy();
-      var a = this.five.renderer;
-      this.five.renderer = void 0, se(a), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(function() {
-        r.__fiveDisposeTimer = null, r.five.dispose();
-      }, 1e3);
-    }, t.prototype.render = function() {
-      var r = this.five, o = this.loadWork, a = this.state.renderer;
-      return u.createElement(L.Provider, {
-        value: { renderer: a, five: r, loadWork: o }
-      }, this.props.children);
-    }, t;
-  })(u.Component);
-}
-var fe = typeof window != "undefined" ? u.useLayoutEffect : u.useEffect, le = {
-  display: "inline-block",
-  overflow: "hidden"
-}, Ie = function(e) {
-  var n = e.width, t = e.height, r = v(), o = u.createRef(), a = h({ width: n, height: t }, le);
-  return fe(function() {
-    var i = o.current;
-    if (i && r.renderer) {
-      var s = r.renderer.domElement;
-      if (s.parentNode !== null && s.parentNode !== i)
-        throw new Error("There are more than 2 fiveCanvas in this context.");
-      return s.parentNode !== i && i.appendChild(s), r.camera.aspect = n / t, r.camera.updateProjectionMatrix(), r.renderer.setSize(n, t), r.refresh({ width: n, height: t }), r.needsRender = !0, function() {
-        s.parentNode === i && i.removeChild(s);
-      };
-    }
-  }, [r, r.renderer, n, t, o.current]), u.createElement("div", { ref: o, style: a });
-};
-function qe() {
-  return v();
-}
-function ve(e, n) {
-  var t = v(), r = [t];
-  n !== void 0 && (r = r.concat(n)), u.useLayoutEffect(function() {
-    return e(t.scene);
-  }, r);
-}
-var ze = ve;
-function Ae() {
-  var e = v(), n = H(), t = u.useState(function() {
-    return e.works;
-  }), r = t[0], o = t[1];
-  return u.useLayoutEffect(function() {
-    return e.on("load", function() {
-      return o(e.works);
-    });
-  }, [e]), [r, n];
-}
-function U(e) {
-  return h({}, e.state);
-}
-function Je() {
-  var e = v(), n = u.useState(function() {
-    return U(e);
-  }), t = n[0], r = n[1], o = u.useCallback(function(a, i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = !0);
-    var c = typeof a == "function" ? a(e.getCurrentState()) : a;
-    e.setState(c, i, s);
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("stateChange", function() {
-      return r(U(e));
-    });
-  }, [e]), [t, o];
-}
-function Ke() {
-  var e = v(), n = u.useState(function() {
-    return e.getCurrentState();
-  }), t = n[0], r = n[1], o = u.useCallback(function(a, i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = !0);
-    var c = typeof a == "function" ? a(e.getCurrentState()) : a;
-    e.setState(c, i, s);
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("currentStateChange", function() {
-      return r(e.getCurrentState());
-    });
-  }, [e]), [t, o];
-}
-function Qe() {
-  var e = v(), n = u.useState(function() {
-    return e.getCurrentState();
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("currentStateChange", function() {
-      return r(e.getCurrentState());
-    });
-  }, [e]), e.works.getObserver(t);
-}
-function Xe(e, n, t) {
-  var r = v(), o = [r, e];
-  t !== void 0 && (o = o.concat(t)), u.useLayoutEffect(function() {
-    return r.on(e, n);
-  }, o);
-}
-function Ye() {
-  var e = v(), n = u.useCallback(function(i, s) {
-    return e.updateCamera(i, s);
-  }, [e]), t = u.useCallback(e.getPixels.bind(e), [e]), r = u.useCallback(function(i) {
-    return e.render(i);
-  }, [e]), o = u.useCallback(function() {
-    return e.needsRender = !0;
-  }, [e]), a = u.useCallback(function(i, s) {
-    return e.preloadPano(i, s);
-  }, [e]);
-  return { updateCamera: n, getPixels: t, render: r, needsRender: o, preloadPano: a };
-}
-function Ze() {
-  var e = v(), n = u.useState(function() {
-    return Symbol();
-  });
-  n[0];
-  var t = n[1];
-  u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return t(Symbol());
-    });
-  }, [e]);
-  var r = u.useCallback(function(o, a) {
-    return e.project2d(o, a);
-  }, [e]);
-  return r;
-}
-function j(e) {
-  var n = e.camera.getWorldDirection(new p.Vector3()), t = new p.Raycaster(e.camera.position, n);
-  return t;
-}
-function er() {
-  var e = v(), n = u.useState(function() {
-    return j(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return r(j(e));
-    });
-  }, [e]), t;
-}
-function T(e) {
-  return e.camera.getWorldDirection(new p.Vector3());
-}
-function rr() {
-  var e = v(), n = u.useState(function() {
-    return T(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return r(T(e));
-    });
-  }, [e]), t;
-}
-function tr() {
-  var e = v(), n = u.useCallback(function(t) {
-    return e.model.intersectRaycaster(t);
-  }, [e]);
-  return n;
-}
+//#endregion
+//#region build/react/hooks/unsafe__useFiveInstance.js
+function T() {
+	return p();
+}
+//#endregion
+//#region build/react/hooks/useFiveSceneEffect.js
+function E(t, n) {
+	let r = p(), i = [r];
+	n !== void 0 && (i = i.concat(n)), e.useLayoutEffect(() => t(r.scene), i);
+}
+var D = E;
+//#endregion
+//#region build/react/hooks/useFiveWork.js
+function O() {
+	let t = p(), n = m(), [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) {
+	return Object.assign({}, e.state);
+}
+function A() {
+	let t = p(), [n, r] = e.useState(() => k(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];
+}
+//#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) => {
+		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
+		t.setState(i, n, r);
+	}, [t]);
+	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), [n, i];
+}
+//#endregion
+//#region build/react/hooks/useFiveCurrentObserver.js
+function M() {
+	let t = p(), [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];
+	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();
+	return {
+		updateCamera: e.useCallback((e, n) => t.updateCamera(e, n), [t]),
+		getPixels: e.useCallback(t.getPixels.bind(t), [t]),
+		render: e.useCallback((e) => t.render(e), [t]),
+		needsRender: e.useCallback(() => t.needsRender = !0, [t]),
+		preloadPano: e.useCallback((e, n) => t.preloadPano(e, n), [t])
+	};
+}
+//#endregion
+//#region build/react/hooks/useFiveProject2d.js
+function ne() {
+	let t = p(), [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) {
-  return e.model.empty ? "Empty" : "Loaded";
-}
-function nr() {
-  var e = v(), n = u.useState(function() {
-    return N(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("modelLoaded", function() {
-      return r(N(e));
-    });
-  }, [e]), t;
-}
-function or() {
-  var e = v(), n = u.useState(e.model.shownFloor), t = n[0], r = n[1], o = u.useState(e.model.floorLength), a = o[0], i = o[1], s = u.useCallback(function(c) {
-    typeof c == "number" ? e.model.show(c) : e.model.show();
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    var c = [];
-    return c.push(e.on("modelShownFloorChange", function() {
-      return r(e.model.shownFloor);
-    })), c.push(e.on("modelLoaded", function() {
-      return i(e.model.floorLength);
-    })), function() {
-      for (var l; l = c.shift(); )
-        l();
-    };
-  }, [e]), [t, a, s];
-}
-function ar() {
-  var e = v(), n = u.useState(e.helperVisible), t = n[0], r = n[1], o = u.useCallback(function(a) {
-    e.helperVisible = a;
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("helpersVisibleChange", function(a) {
-      return r(a);
-    });
-  }, [e]), [t, o];
-}
-var ur = "$five";
-function f(e, n) {
-  return n.indexOf(e) >= 0;
-}
-function $(e, n) {
-  for (var t = 0, r = Object.keys(n); t < r.length; t++) {
-    var o = r[t];
-    n[o] !== void 0 && (e[o] = n[o]);
-  }
-}
-function de(e, n) {
-  var t = f("state", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return h({}, e.state);
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("stateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function pe(e, n) {
-  var t = f("currentState", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.getCurrentState();
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("currentStateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function he(e, n) {
-  var t = f("currentObserver", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.getCurrentState();
-  }, [e, o]);
-  u.useLayoutEffect(function() {
-    if (t)
-      return e.on("currentStateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]);
-  var s = void 0;
-  return i && (s = e.works.getObserver(i)), [s, o];
-}
-function ge(e, n) {
-  var t = f("unsafe__fiveInstance", n);
-  return [t ? e : void 0];
-}
-function me(e, n) {
-  var t = f("works", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.works;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("load", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function ye(e, n) {
-  var t = f("model", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelLoaded", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Se(e, n) {
-  var t = f("scene", n);
-  return [t ? e.scene : void 0];
-}
-function we(e, n) {
-  var t = f("cameraDirection", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.camera.getWorldDirection(new p.Vector3());
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("cameraUpdate", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function be(e, n) {
-  var t = f("cameraRaycaster", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t) {
-      var s = e.camera.getWorldDirection(new p.Vector3()), c = new p.Raycaster(e.camera.position, s);
-      return c;
-    }
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("cameraUpdate", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Ce(e, n) {
-  var t = f("modelReadyState", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model.empty ? "Empty" : "Loaded";
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelLoaded", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Fe(e, n) {
-  var t = f("shownFloor", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model.shownFloor;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelShownFloorChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Ee(e, n) {
-  var t = f("helperVisible", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.helperVisible;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("helpersVisibleChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function ke(e, n) {
-  if (f("loadWork", n))
-    return e;
-}
-function Re(e, n) {
-  if (f("setState", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.setState.apply(e, t);
-    };
-}
-function Le(e, n) {
-  if (f("on", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.on.apply(e, t);
-    };
-}
-function Ve(e, n) {
-  if (f("on", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.once.apply(e, t);
-    };
-}
-function Pe(e, n) {
-  if (f("off", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.off.apply(e, t);
-    };
-}
-function _e(e, n) {
-  if (f("intersectRaycaster", n))
-    return function() {
-      for (var t, r = [], o = 0; o < arguments.length; o++)
-        r[o] = arguments[o];
-      return (t = e.model).intersectRaycaster.apply(t, r);
-    };
-}
-function xe(e, n) {
-  if (f("project2d", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.project2d.apply(e, t);
-    };
-}
-function De(e, n) {
-  if (f("updateCamera", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.updateCamera.apply(e, t);
-    };
-}
-function We(e, n) {
-  if (f("getPixels", n))
-    return e.getPixels.bind(e);
-}
-function Oe(e, n) {
-  if (f("render", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.render.apply(e, t);
-    };
-}
-function Me(e, n) {
-  if (f("needsRender", n))
-    return function() {
-      e.needsRender = !0;
-    };
-}
-function Ue(e, n) {
-  if (f("preloadPano", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.preloadPano.apply(e, t);
-    };
-}
-function je(e, n) {
-  if (f("showFloor", n))
-    return function(t) {
-      typeof t == "number" ? e.model.show(t) : e.model.show();
-    };
-}
-function Te(e, n) {
-  if (f("toggleHelperVisible", n))
-    return function(t) {
-      e.helperVisible = t;
-    };
-}
-function ir(e) {
-  return function(n) {
-    return u.forwardRef(function(t, r) {
-      var o = v(), a = H(), i = ge(o, e)[0], s = de(o, e), c = s[0], l = s[1], d = pe(o, e), m = d[0], g = d[1], S = he(o, e), b = S[0], C = S[1], V = me(o, e), G = V[0], I = V[1], P = ye(o, e), q = P[0], z = P[1], A = Se(o, e)[0], _ = we(o, e), J = _[0], K = _[1], x = be(o, e), Q = x[0], X = x[1], D = Ce(o, e), Y = D[0], Z = D[1], W = Fe(o, e), ee = W[0], re = W[1], O = Ee(o, e), te = O[0], ne = O[1], M = u.useMemo(function() {
-        var y = {};
-        return $(y, {
-          setState: Re(o, e),
-          loadWork: ke(a, e),
-          on: Le(o, e),
-          once: Ve(o, e),
-          off: Pe(o, e),
-          intersectRaycaster: _e(o, e),
-          project2d: xe(o, e),
-          updateCamera: De(o, e),
-          getPixels: We(o, e),
-          render: Oe(o, e),
-          needsRender: Me(o, e),
-          preloadPano: Ue(o, e),
-          showFloor: je(o, e),
-          toggleHelperVisible: Te(o, e)
-        }), y;
-      }, [o, a]), oe = u.useMemo(function() {
-        var y = h({}, M);
-        return $(y, {
-          unsafe__fiveInstance: i,
-          state: c,
-          currentState: m,
-          currentObserver: b,
-          work: G,
-          model: q,
-          scene: A,
-          cameraDirection: J,
-          cameraRaycaster: Q,
-          modelReadyState: Y,
-          shownFloor: ee,
-          helperVisible: te
-        }), y;
-      }, [
-        o,
-        M,
-        l,
-        g,
-        C,
-        I,
-        z,
-        K,
-        X,
-        Z,
-        re,
-        ne
-      ]);
-      return u.createElement(n, h({ ref: r, $five: oe }, t));
-    });
-  };
-}
-function sr() {
-  for (var e = [], n = 0; n < arguments.length; n++)
-    e[n] = arguments[n];
-  return e;
-}
-function F(e, n) {
-  for (var t = {}, r = n.length, o = -1; ++o < r; ) {
-    var a = n[o];
-    a in e && (t[a] = e[a]);
-  }
-  return t;
-}
-function Ne(e, n) {
-  return typeof e == "number" && typeof n == "number" && isNaN(e) && isNaN(n) ? !0 : e === n;
-}
-function $e(e, n) {
-  for (var t = 0; t < e.length; t++)
-    for (var r = 0; r < n.length; r++)
-      if (e[t] === n[r])
-        return !0;
-  return !1;
-}
-var Be = (
-  /** @class */
-  (function() {
-    function e(n, t) {
-      this.values = n, this.listeners = [], this.onValuesChange = t;
-    }
-    return e.prototype.on = function(n, t) {
-      var r = this, o = [n, t];
-      return this.listeners.push(o), function() {
-        var a = r.listeners.indexOf(o);
-        a >= 0 && r.listeners.splice(a, 1);
-      };
-    }, e.prototype.getValues = function(n) {
-      return F(this.values, n);
-    }, e.prototype.setValues = function(n, t) {
-      var r = [];
-      for (var o in t)
-        n.indexOf(o) >= 0 && !Ne(t[o], this.values[o]) && r.push(o);
-      if (r.length !== 0) {
-        for (var a = h({}, this.values), i = 0, s = r; i < s.length; i++) {
-          var c = s[i];
-          this.values[c] = t[c];
-        }
-        this.onValuesChange && this.onValuesChange(this.values, a);
-        for (var l = 0, d = this.listeners; l < d.length; l++) {
-          var m = d[l], g = m[0], S = m[1];
-          if ($e(g, r)) {
-            var b = F(a, g), C = F(this.values, g);
-            S(C, b);
-          }
-        }
-      }
-    }, e;
-  })()
-);
-function cr(e) {
-  var n = u.createContext(null);
-  return {
-    /**
-     * 使用 Store
-     * @param names - 获取的 Store 字段
-     * @returns [值, 修改值方法]
-     */
-    useStore: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useRef(!0), a = u.useState(r.getValues(t)), i = a[0], s = a[1], c = w([r], t, !0);
-      u.useLayoutEffect(function() {
-        return o.current ? o.current = !1 : s(r.getValues(t)), r.on(t, function(d) {
-          return s(d);
-        });
-      }, c);
-      var l = u.useCallback(function(d) {
-        return r.setValues(t, d);
-      }, c);
-      return [i, l];
-    },
-    /**
-     * 使用 Store (仅设置值)
-     * @param names - 获取的 Store 字段
-     * @returns 修改值方法
-     */
-    useStoreSetter: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useCallback(function(a) {
-        return r.setValues(t, a);
-      }, w([r], t, !0));
-      return o;
-    },
-    /**
-     * 监听 Store 变化
-     * @param names - Store 字段
-     * @param callback - 监听变化的回调函数
-     * @param deps - 依赖对象
-     */
-    watchStore: function(t, r, o) {
-      var a = u.useContext(n);
-      if (a === null)
-        throw new Error("StoreProvider never found.");
-      var i = w([a], t, !0);
-      o !== void 0 && (i = i.concat(o)), u.useLayoutEffect(function() {
-        return a.on(t, r);
-      }, i);
-    },
-    useStoreAction: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useCallback(function() {
-        for (var a = [], i = 0; i < arguments.length; i++)
-          a[i] = arguments[i];
-        var s = e[t], c = s[0], l = s.slice(1), d = function() {
-          return r.getValues(l);
-        }, m = function(g) {
-          return r.setValues(l, g);
-        };
-        return c.apply(void 0, w([d, m], a, !1));
-      }, []);
-      return o;
-    },
-    /**
-     * Store Provider.
-     * 内部组件均可和 store 交互
-     */
-    StoreProvider: (
-      /** @class */
-      (function(t) {
-        B(r, t);
-        function r(o) {
-          var a = t.call(this, o) || this;
-          return a.store = new Be(o.initialValue, function() {
-            for (var i, s = [], c = 0; c < arguments.length; c++)
-              s[c] = arguments[c];
-            a.props.onValuesChange && (i = a.props).onValuesChange.apply(i, s);
-          }), a;
-        }
-        return r.prototype.shouldComponentUpdate = function(o) {
-          return o.children !== this.props.children;
-        }, r.prototype.render = function() {
-          return u.createElement(n.Provider, { value: this.store }, this.props.children);
-        }, r;
-      })(u.Component)
-    )
-  };
-}
-export {
-  Ie as FiveCanvas,
-  ur as INJECTION_PROPNAME,
-  Be as Store,
-  sr as createFiveFeature,
-  Ge as createFiveProvider,
-  cr as createStore,
-  qe as unsafe__useFiveInstance,
-  Ye as useFiveAction,
-  rr as useFiveCameraDirection,
-  er as useFiveCameraRaycaster,
-  Qe as useFiveCurrentObserver,
-  Ke as useFiveCurrentState,
-  Xe as useFiveEventCallback,
-  or as useFiveFloor,
-  ar as useFiveHelper,
-  tr as useFiveModelIntersectRaycaster,
-  nr as useFiveModelReadyState,
-  Ze as useFiveProject2d,
-  ze as useFiveScene,
-  ve as useFiveSceneEffect,
-  Je as useFiveState,
-  Ae as useFiveWork,
-  ir as withFive
+	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;
+}
+//#endregion
+//#region build/react/hooks/useFiveCameraDirection.js
+function P(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;
+}
+//#endregion
+//#region build/react/hooks/useFiveModelIntersectRaycaster.js
+function I() {
+	let t = p();
+	return e.useCallback((e) => t.model.intersectRaycaster(e), [t]);
+}
+//#endregion
+//#region build/react/hooks/useFiveModelReadyState.js
+function L(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;
+}
+//#endregion
+//#region build/react/hooks/useFivePlugin.js
+var R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
+function B(e) {
+	let t = z.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 H(e, t) {
+	return `${e}:${t}`;
+}
+function U(e, t) {
+	var n;
+	return (n = R.get(H(e, t))) == null ? void 0 : n.plugin;
+}
+function W(e, t, n) {
+	R.set(H(e, t), { plugin: n }), B(e);
+}
+function G(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);
+	return n(() => {
+		if (l) return V(l, () => f((e) => e + 1));
+	}, [l]), n(() => {
+		if (d.current === c) return;
+		d.current = c;
+		let t = R.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);
+		} else n && (typeof n.updateFive == "function" ? n.updateFive(c) : "five" in n && (n.five = c));
+	}, [c]), t(() => {
+		let t = R.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 (a != null && a.createPlugin) {
+			let t = a.createPlugin(c);
+			return R.set(u, { plugin: t }), c.plugins[e] = t, B(l), t;
+		}
+	}, [
+		u,
+		c,
+		a == null ? void 0 : a.createPlugin
+	])();
+}
+//#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) => {
+		typeof e == "number" ? t.model.show(e) : t.model.show();
+	}, [t]);
+	return e.useLayoutEffect(() => {
+		let e = [];
+		return e.push(t.on("modelShownFloorChange", () => r(t.model.shownFloor))), e.push(t.on("modelLoaded", () => a(t.model.floorLength))), () => {
+			let t;
+			for (; t = e.shift();) t();
+		};
+	}, [t]), [
+		n,
+		i,
+		o
+	];
+}
+//#endregion
+//#region build/react/hooks/useFiveHelper.js
+function q() {
+	let t = p(), [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";
+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) {
+	let r = Y("state", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return Object.assign({}, t.state);
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("stateChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function oe(t, n) {
+	let r = Y("currentState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.getCurrentState();
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("currentStateChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function se(t, n) {
+	let r = Y("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.getCurrentState();
+	}, [t, i]);
+	e.useLayoutEffect(() => {
+		if (r) return t.on("currentStateChange", () => a(Symbol()));
+	}, [t]);
+	let s;
+	return o && (s = t.works.getObserver(o)), [s, i];
+}
+function ce(e, t) {
+	return [Y("unsafe__fiveInstance", t) ? e : void 0];
+}
+function le(t, n) {
+	let r = Y("works", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.works;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("load", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function ue(t, n) {
+	let r = Y("model", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.model;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelLoaded", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function de(e, t) {
+	return [Y("scene", t) ? e.scene : void 0];
+}
+function fe(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]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("cameraUpdate", () => o(Symbol()));
+	}, [t]), [s, i];
+}
+function pe(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());
+			return new a.Raycaster(t.camera.position, e);
+		}
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("cameraUpdate", () => o(Symbol()));
+	}, [t]), [s, i];
+}
+function me(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]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelLoaded", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function he(t, n) {
+	let r = Y("shownFloor", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.model.shownFloor;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelShownFloorChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function ge(t, n) {
+	let r = Y("helperVisible", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.helperVisible;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("helpersVisibleChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function _e(e, t) {
+	if (Y("loadWork", t)) return e;
+}
+function ve(e, t) {
+	if (Y("setState", t)) return (...t) => e.setState(...t);
+}
+function ye(e, t) {
+	if (Y("on", t)) return (...t) => e.on(...t);
+}
+function be(e, t) {
+	if (Y("on", t)) return (...t) => e.once(...t);
+}
+function xe(e, t) {
+	if (Y("off", t)) return (...t) => e.off(...t);
+}
+function Se(e, t) {
+	if (Y("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
+}
+function Ce(e, t) {
+	if (Y("project2d", t)) return (...t) => e.project2d(...t);
+}
+function we(e, t) {
+	if (Y("updateCamera", t)) return (...t) => e.updateCamera(...t);
+}
+function Te(e, t) {
+	if (Y("getPixels", t)) return e.getPixels.bind(e);
+}
+function Ee(e, t) {
+	if (Y("render", t)) return (...t) => e.render(...t);
+}
+function De(e, t) {
+	if (Y("needsRender", t)) return () => {
+		e.needsRender = !0;
+	};
+}
+function Oe(e, t) {
+	if (Y("preloadPano", t)) return (...t) => e.preloadPano(...t);
+}
+function ke(e, t) {
+	if (Y("showFloor", t)) return (t) => {
+		typeof t == "number" ? e.model.show(t) : e.model.show();
+	};
+}
+function Z(e, t) {
+	if (Y("toggleHelperVisible", t)) return (t) => {
+		e.helperVisible = t;
+	};
+}
+function Ae(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 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)
+				}), e;
+			}, [a, o]), M = e.useMemo(() => {
+				let e = Object.assign({}, j);
+				return X(e, {
+					unsafe__fiveInstance: s,
+					state: c,
+					currentState: u,
+					currentObserver: f,
+					work: g,
+					model: v,
+					scene: b,
+					cameraDirection: x,
+					cameraRaycaster: C,
+					modelReadyState: T,
+					shownFloor: D,
+					helperVisible: k
+				}), e;
+			}, [
+				a,
+				j,
+				l,
+				d,
+				h,
+				_,
+				y,
+				S,
+				w,
+				E,
+				O,
+				A
+			]);
+			return e.createElement(n, Object.assign({
+				ref: i,
+				$five: M
+			}, r));
+		});
+	};
+}
+function je(...e) {
+	return e;
+}
+//#endregion
+//#region build/react/createStore.js
+function Q(e, t) {
+	let n = {}, r = t.length, i = -1;
+	for (; ++i < r;) {
+		let r = t[i];
+		r in e && (n[r] = e[r]);
+	}
+	return n;
+}
+function Me(e, t) {
+	return typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t) ? !0 : e === t;
+}
+function Ne(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;
+}
+var $ = class {
+	constructor(e, t) {
+		this.values = e, this.listeners = [], this.onValuesChange = t;
+	}
+	on(e, t) {
+		let n = [e, t];
+		return this.listeners.push(n), () => {
+			let e = this.listeners.indexOf(n);
+			e >= 0 && this.listeners.splice(e, 1);
+		};
+	}
+	getValues(e) {
+		return Q(this.values, e);
+	}
+	setValues(e, t) {
+		let n = [];
+		for (let r in t) e.indexOf(r) >= 0 && !Me(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;
+			let i = Q(r, e);
+			t(Q(this.values, e), i);
+		}
+	}
 };
+function Pe(t) {
+	let n = e.createContext(null);
+	return {
+		useStore(t) {
+			let r = e.useContext(n);
+			if (r === null) throw Error("StoreProvider never found.");
+			let i = e.useRef(!0), [a, o] = e.useState(r.getValues(t)), s = [r, ...t];
+			return e.useLayoutEffect(() => (i.current ? i.current = !1 : o(r.getValues(t)), r.on(t, (e) => o(e))), s), [a, e.useCallback((e) => r.setValues(t, e), s)];
+		},
+		useStoreSetter(t) {
+			let r = e.useContext(n);
+			if (r === null) throw Error("StoreProvider never found.");
+			return e.useCallback((e) => r.setValues(t, e), [r, ...t]);
+		},
+		watchStore(t, r, i) {
+			let a = e.useContext(n);
+			if (a === null) throw Error("StoreProvider never found.");
+			let o = [a, ...t];
+			i !== void 0 && (o = o.concat(i)), e.useLayoutEffect(() => a.on(t, r), o);
+		},
+		useStoreAction(r) {
+			let i = e.useContext(n);
+			if (i === null) throw Error("StoreProvider never found.");
+			return e.useCallback((...e) => {
+				let [n, ...a] = t[r];
+				return n(() => i.getValues(a), (e) => i.setValues(a, e), ...e);
+			}, []);
+		},
+		StoreProvider: class extends e.Component {
+			constructor(e) {
+				super(e), this.store = new $(e.initialValue, (...e) => {
+					this.props.onValuesChange && this.props.onValuesChange(...e);
+				});
+			}
+			shouldComponentUpdate(e) {
+				return e.children !== this.props.children;
+			}
+			render() {
+				return e.createElement(n.Provider, { value: this.store }, this.props.children);
+			}
+		}
+	};
+}
+//#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 };