@realsee/five 5.0.0-alpha.14 → 5.0.0-alpha.142

package/react/index.d.ts

@@ -1,16 +1,18 @@
 import { EventCallback } from '@realsee/five';
 import { Five } from '@realsee/five';
 import { FiveInitArgs } from '@realsee/five';
-import { FiveScene } from '@realsee/five';
 import { Intersection } from '@realsee/five';
 import { Model } from '@realsee/five';
 import { Pose } from '@realsee/five';
 import * as React_2 from 'react';
+import { Scene } from '@realsee/five';
 import { State } from '@realsee/five';
 import * as THREE_2 from 'three';
 import { Vector2 } from 'three';
 import { Work } from '@realsee/five';
 
+export declare function createFiveFeature<T extends FiveInjectionFeature>(...features: T[]): T[];
+
 /**
  * 创建一个 FiveProvider
  * 在 React 的体系下，使用 Provider 的方式来组织组件结构。
@@ -29,17 +31,20 @@ import { Work } from '@realsee/five';
  * ReactDOM.render(<App/>, document.getElementById("app"));
  * ```
  */
-export declare function createFiveProvider(fiveInitArgs: Omit<FiveInitArgs, "renderer" | "scissor">): {
+export declare function createFiveProvider(fiveInitArgs?: Omit<FiveInitArgs, "renderer" | "scissor">): {
     new (props: FiveProviderPropTypes): {
         /**
          * five 实例，可以通过 FiveProvider 的 ref.five 获取得到
          * 在一些外部调用方面可以尝试使用
          */
         five?: Five;
-        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number): void;
+        loadWork(work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean): Promise<void>;
         shouldComponentUpdate(nextProps: FiveProviderPropTypes): boolean;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React_2.FunctionComponentElement<React_2.ProviderProps<{
+            five: Five;
+            loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean) => Promise<void>;
+        }>>;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<FiveProviderPropTypes>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -101,7 +106,7 @@ export declare function createStore<T extends StoreValueMapType, A extends Store
                 onValuesChange?: (value: T, prevValue: T) => void;
                 children: React_2.ReactNode;
             }): boolean;
-            render(): JSX.Element;
+            render(): React_2.FunctionComponentElement<React_2.ProviderProps<Store<T>>>;
             context: any;
             setState<K_3 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
                 initialValue: T;
@@ -190,7 +195,7 @@ export declare interface FiveActionReactCallbacks {
      *
      * // 使用指定解析器
      * // 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器
-     * initialBasisLoader("https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/");
+     * initialBasisLoader("https://vr-public.realsee-cdn.cn/release/static/image/release/five/basis/");
      * ```
      */
     initBasisLoader(transcoderResourcePath?: string): void;
@@ -253,9 +258,9 @@ export declare const FiveCanvas: React_2.FC<{
     height: number;
 }>;
 
-export declare type FiveInjectionActionFeature = "loadWork" | "setState" | "on" | "off" | "intersectRaycaster" | "project2d" | "updateCamera" | "initBasisLoader" | "getPixels" | "render" | "needsRender" | "preloadPano";
+export declare type FiveInjectionActionFeature = "loadWork" | "setState" | "on" | "off" | "intersectRaycaster" | "project2d" | "updateCamera" | "initBasisLoader" | "getPixels" | "render" | "needsRender" | "preloadPano" | "showFloor" | "toggleHelperVisible";
 
-export declare type FiveInjectionDataFeature = "unsafe__fiveInstance" | "currentState" | "state" | "work" | "scene" | "cameraDirection" | "cameraRaycaster" | "modelReadyState";
+export declare type FiveInjectionDataFeature = "unsafe__fiveInstance" | "currentState" | "currentObserver" | "state" | "work" | "model" | "scene" | "cameraDirection" | "cameraRaycaster" | "modelReadyState" | "shownFloor" | "totalFloorLength" | "helperVisible";
 
 export declare type FiveInjectionFeature = FiveInjectionDataFeature | FiveInjectionActionFeature;
 
@@ -414,7 +419,7 @@ export declare interface FiveInjectionTypes extends Record<FiveInjectionFeature,
      *
      * // 使用指定解析器
      * // 会调用这个目录下的 basis_transcoder.js basis_transcoder.wasm 文件作为解析器
-     * five.initialBasisLoader("https://vrlab-public.ljcdn.com/release/static/image/release/five/basis/");
+     * five.initialBasisLoader("https://vr-public.realsee-cdn.cn/release/static/image/release/five/basis/");
      * ```
      */
     initBasisLoader: Five["initBasisLoader"];
@@ -458,26 +463,38 @@ export declare interface FiveInjectionTypes extends Record<FiveInjectionFeature,
      * @returns 加载完成的 Promise 参数同 callback
      */
     preloadPano: Five["preloadPano"];
+    /**
+     * 显示楼层
+     * @param floorIndex - 楼层，如果不传则都显示
+     */
+    showFloor: (floorIndex?: number) => void;
+    /**
+     * 帮助元素的隐藏/显示
+     * @param visible - 隐藏/显示
+     */
+    toggleHelperVisible: (visible: boolean) => void;
 }
 
 export declare type FiveProviderPropTypes = {
     work?: Work;
-    initialWork?: Work;
+    initialWork?: Work | Promise<Work>;
     initialState?: "inherit" | "initial" | Partial<Omit<State, "offset">>;
+    initialUserAction?: boolean;
     onWorkChange?: (work: Work) => void;
     onStateChange?: (state: State, userAction: boolean) => void;
     onCurrentStateChange?: (state: State, userAction: boolean) => void;
+    onError?: (error: Error) => void;
     children: React_2.ReactNode;
 };
 
 export declare type FiveProviderType = ReturnType<typeof createFiveProvider>;
 
-export declare interface InjectFiveToProps<F extends FiveInjectionFeature> {
-    [INJECTION_PROPNAME]: Pick<FiveInjectionTypes, F>;
-}
-
 export declare const INJECTION_PROPNAME = "$five";
 
+export declare interface PropTypeOfFiveFeatures<F extends FiveInjectionFeature[]> {
+    [INJECTION_PROPNAME]: Pick<FiveInjectionTypes, F[number]>;
+}
+
 /**
  * 监听者模式
  * @template T - 预设的监听回调类型
@@ -629,6 +646,16 @@ export declare function useFiveCameraDirection(): THREE_2.Vector3;
  */
 export declare function useFiveCameraRaycaster(): THREE_2.Raycaster;
 
+/**
+ * Five React Hooks: Five 的当前观测点
+ * @returns Work.observers[number] 当前观测点, 如果 work 未加载则为 null
+ * @example
+ * ```
+ * const observer = useFiveCurrentObserver();
+ * ```
+ */
+export declare function useFiveCurrentObserver(): Work["observers"][number] | null;
+
 /**
  * Five React Hooks: Five 的实时状态
  * @returns
@@ -640,7 +667,7 @@ export declare function useFiveCameraRaycaster(): THREE_2.Raycaster;
  */
 export declare function useFiveCurrentState(): [
 currentState: State,
-setState: (state: Partial<State>, immediately?: boolean) => void
+setState: (state: Partial<State> | ((prevState: State) => Partial<State>), immediately?: boolean, userAction?: boolean) => void
 ];
 
 /**
@@ -651,7 +678,36 @@ setState: (state: Partial<State>, immediately?: boolean) => void
  * useFiveEvent("cameraUpdate", pose => {});
  * ```
  */
-export declare function useFiveEvent<T extends keyof EventCallback>(name: T, callback: EventCallback[T], deps?: React_2.DependencyList | undefined): void;
+export declare function useFiveEventCallback<T extends keyof EventCallback>(name: T, callback: EventCallback[T], deps?: React_2.DependencyList | undefined): void;
+
+/**
+ * Five React Hooks: Five 楼层
+ * @returns
+ * [ shownFloor: Five 当前显示的楼层， null 为都显示, showFloor: 设置显示楼层，不传参数为都显示 ]
+ * @example
+ * ```
+ * const [ shownFloor, showFloor ] = useFiveFloor;
+ * ```
+ */
+export declare function useFiveFloor(): [
+shownFloor: number | null,
+totalFloorLength: number,
+showFloor: (floorIndex?: number) => void
+];
+
+/**
+ * Five React Hooks: Five 帮助元素的隐藏/显示
+ * @returns
+ * [ helperVisible: Five 帮助元素是否显示显示, toggleHelperVisible: 设置 帮助元素的隐藏/显示 ]
+ * @example
+ * ```
+ * const [ helperVisible, toggleHelperVisible ] = useFiveHelper;
+ * ```
+ */
+export declare function useFiveHelper(): [
+helperVisible: boolean,
+toggleHelperVisible: (visible: boolean) => void
+];
 
 /**
  * Five React Hooks: 获取当前模型碰撞检测方法
@@ -674,7 +730,7 @@ export declare function useFiveEvent<T extends keyof EventCallback>(name: T, cal
 export declare function useFiveModelIntersectRaycaster(): (raycaster: THREE_2.Raycaster) => Intersection[];
 
 /**
- * Five React Hooks: 获取当前模型碰加载状态
+ * Five React Hooks: 获取当前模型加载状态
  * @returns
  * "Loaded": 加载完成
  * "Empty" 加载未完成
@@ -701,23 +757,29 @@ export declare function useFiveModelReadyState(): "Loaded" | "Empty";
  */
 export declare function useFiveProject2d(): (vector: THREE.Vector3, testModel: boolean) => Vector2;
 
+/**
+ * @deprecated
+ * 请使用 `useFiveSceneEffect` 替代
+ */
+export declare const useFiveScene: typeof useFiveSceneEffect;
+
 /**
  * Five React Hooks: 操作 Five 的 Scene
  * @param callback - 获取 Five 的 Scene 的回调函数
  * @example
  * ```
- * useFiveScene(scene => {
+ * useFiveSceneEffect(scene => {
  *  // object is a THREE.Object3D
  *  scene.add(object);
- *  return () => scene.remove(object);
+ *  return () => scene.remove(object); // 析构函数
  * });
  * ```
  */
-export declare function useFiveScene(callback: (scene: FiveScene) => void | (() => void), deps?: React_2.DependencyList | undefined): void;
+export declare function useFiveSceneEffect(callback: (scene: Scene) => void | (() => void), deps?: React_2.DependencyList | undefined): void;
 
 export declare function useFiveState(): [
 state: State,
-setState: (state: Partial<State>, immediately?: boolean) => void
+setState: (state: Partial<State> | ((prevState: State) => Partial<State>), immediately?: boolean, userAction?: boolean) => void
 ];
 
 /**
@@ -744,10 +806,10 @@ setState: (state: Partial<State>, immediately?: boolean) => void
  * ```
  */
 export declare function useFiveWork(): [
-work: Work,
-loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number) => void
+work: Work | undefined,
+loadWork: (work: Work, state?: "inherit" | "initial" | Partial<Omit<State, "offset">>, duration?: number, userAction?: boolean) => Promise<void>
 ];
 
-export declare function withFive<F extends FiveInjectionFeature>(...features: F[]): <P extends InjectFiveToProps<F>, C extends React_2.ComponentClass<P, any>>(Component: C & React_2.ComponentClass<P, any>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<Omit<P, "$five">> & React_2.RefAttributes<Omit<InstanceType<C>, "state" | "setState" | "render" | "componentDidMount" | "shouldComponentUpdate" | "componentWillUnmount" | "componentDidCatch" | "getSnapshotBeforeUpdate" | "componentDidUpdate" | "componentWillMount" | "UNSAFE_componentWillMount" | "componentWillReceiveProps" | "UNSAFE_componentWillReceiveProps" | "componentWillUpdate" | "UNSAFE_componentWillUpdate" | "context" | "forceUpdate" | "props" | "refs">>>;
+export declare function withFive<F extends FiveInjectionFeature[]>(features: F): <P extends PropTypeOfFiveFeatures<F>, C extends React_2.ComponentClass<P, any>>(Component: C & React_2.ComponentClass<P, any>) => React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<Omit<P, "$five">> & React_2.RefAttributes<Omit<InstanceType<C>, "state" | "setState" | "render" | "componentDidMount" | "shouldComponentUpdate" | "componentWillUnmount" | "componentDidCatch" | "getSnapshotBeforeUpdate" | "componentDidUpdate" | "componentWillMount" | "UNSAFE_componentWillMount" | "componentWillReceiveProps" | "UNSAFE_componentWillReceiveProps" | "componentWillUpdate" | "UNSAFE_componentWillUpdate" | "context" | "forceUpdate" | "props" | "refs">>>;
 
 export { }

package/react/index.js

@@ -1 +1,260 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("tslib"),t=require("react"),n=require("@realsee/five");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=o(e),i=o(t),a=Number(u.REVISION);if(a<115||a>117)throw new Error('"Five" needs "THREE.js" version between 125 - 117.');var f=[];var s=i.createContext(null);function c(){var e=i.useContext(s);if(!e)throw new Error("FiveProvider never found.");return e.five}function l(){var e=i.useContext(s);if(!e)throw new Error("FiveProvider never found.");return e.loadWork}var v={display:"inline-block",overflow:"hidden"};function d(e){return r.__assign({},e.state)}function p(e){var r=e.camera.getWorldDirection(new u.Vector3);return new u.Raycaster(e.camera.position,r)}function h(e){return e.camera.getWorldDirection(new u.Vector3)}function y(e){return e.model.empty?"Empty":"Loaded"}function m(e,r){return r.indexOf(e)>=0}function g(e,r){for(var t=0,n=Object.keys(r);t<n.length;t++){var o=n[t];void 0!==r[o]&&(e[o]=r[o])}}function S(e,t){var n=m("state",t),o=i.useState(Symbol()),u=o[0],a=o[1],f=i.useMemo((function(){if(n)return r.__assign({},e.state)}),[e,u]);return i.useLayoutEffect((function(){if(n)return e.on("stateChange",(function(){return a(Symbol())}))}),[e]),[f,u]}function C(e,r){var t=m("currentState",r),n=i.useState(Symbol()),o=n[0],u=n[1],a=i.useMemo((function(){if(t)return e.getCurrentState()}),[e,o]);return i.useLayoutEffect((function(){if(t)return e.on("currentStateChange",(function(){return u(Symbol())}))}),[e]),[a,o]}function w(e,r){return[m("unsafe__fiveInstance",r)?e:void 0]}function k(e,r){var t=m("work",r),n=i.useState(Symbol()),o=n[0],u=n[1],a=i.useMemo((function(){if(t)return e.work}),[e,o]);return i.useLayoutEffect((function(){if(t)return e.on("load",(function(){return u(Symbol())}))}),[e]),[a,o]}function E(e,r){return[m("scene",r)?e.scene:void 0]}function x(e,r){var t=m("cameraDirection",r),n=i.useState(Symbol()),o=n[0],a=n[1],f=i.useMemo((function(){if(t)return e.camera.getWorldDirection(new u.Vector3)}),[e,o]);return i.useLayoutEffect((function(){if(t)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}function b(e,r){var t=m("cameraRaycaster",r),n=i.useState(Symbol()),o=n[0],a=n[1],f=i.useMemo((function(){if(t){var r=e.camera.getWorldDirection(new u.Vector3);return new u.Raycaster(e.camera.position,r)}}),[e,o]);return i.useLayoutEffect((function(){if(t)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}function _(e,r){var t=m("modelReadyState",r),n=i.useState(Symbol()),o=n[0],u=n[1],a=i.useMemo((function(){if(t)return e.model.empty?"Empty":"Loaded"}),[e,o]);return i.useLayoutEffect((function(){if(t)return e.on("modelLoaded",(function(){return u(Symbol())}))}),[e]),[a,o]}function P(e,r){if(m("loadWork",r))return e}function R(e,r){if(m("setState",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.setState.apply(e,r)}}function L(e,r){if(m("on",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.on.apply(e,r)}}function V(e,r){if(m("on",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.once.apply(e,r)}}function F(e,r){if(m("off",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.off.apply(e,r)}}function W(e,r){if(m("intersectRaycaster",r))return function(){for(var r,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return(r=e.model).intersectRaycaster.apply(r,t)}}function O(e,r){if(m("project2d",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.project2d.apply(e,r)}}function j(e,r){if(m("updateCamera",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.updateCamera.apply(e,r)}}function M(e,r){if(m("initBasisLoader",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.initBasisLoader.apply(e,r)}}function N(e,r){if(m("getPixels",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.getPixels.apply(e,r)}}function A(e,r){if(m("render",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.render.apply(e,r)}}function D(e,r){if(m("needsRender",r))return function(){e.needsRender=!0}}function I(e,r){if(m("preloadPano",r))return function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.preloadPano.apply(e,r)}}function U(e,r){for(var t={},n=r.length,o=-1;++o<n;){var u=r[o];u in e&&(t[u]=e[u])}return t}function B(e,r){for(var t=0;t<e.length;t++)for(var n=0;t<r.length;n++)if(e[t]===r[n])return!0;return!1}var q=function(){function e(e,r){this.values=e,this.listeners=[],this.onValuesChange=r}return e.prototype.on=function(e,r){var t=this,n=[e,r];return this.listeners.push(n),function(){var e=t.listeners.indexOf(n);e>=0&&t.listeners.splice(e,1)}},e.prototype.getValues=function(e){return U(this.values,e)},e.prototype.setValues=function(e,t){var n,o,u=[];for(var i in t)e.indexOf(i)>=0&&(n=t[i],o=this.values[i],!("number"==typeof n&&"number"==typeof o&&isNaN(n)&&isNaN(o)||n===o))&&u.push(i);if(0!==u.length){for(var a=r.__assign({},this.values),f=0,s=u;f<s.length;f++){var c=s[f];this.values[c]=t[c]}this.onValuesChange&&this.onValuesChange(this.values,a);for(var l=0,v=this.listeners;l<v.length;l++){var d=v[l],p=d[0],h=d[1];if(B(p,u)){var y=U(a,p);h(U(this.values,p),y)}}}},e}();exports.FiveCanvas=function(e){var t=e.width,n=e.height,o=c(),u=i.createRef(),a=r.__assign({width:t,height:n},v);return i.useLayoutEffect((function(){if(u.current){if(null!==o.renderer.domElement.parentNode&&o.renderer.domElement.parentNode!==u.current)throw new Error("There are more than 2 fiveCanvas in this context.");o.renderer.domElement.parentNode!==u.current&&u.current.appendChild(o.renderer.domElement),o.renderer.setSize(t,n)}}),[t,n,u.current]),i.createElement("div",{ref:u,style:a})},exports.INJECTION_PROPNAME="$five",exports.Store=q,exports.createFiveProvider=function(e){return function(t){function o(o){var i=t.call(this,o)||this;if(!o.work&&!o.initialWork)throw new Error("props 'work' or 'initialWork' is never set.");var a=function(e){var r=void 0===e?{}:e,t=r.backgroundColor,n=void 0===t?1579548:t,o=r.backgroundAlpha,i=void 0===o?1:o,a=r.pixelRatio,s=void 0===a?1:a,c=f.shift();return c||(c=new u.WebGLRenderer({antialias:!1,alpha:!0})),c.setPixelRatio(s),c.setClearColor(n,i),c.autoClear=!0,c}({pixelRatio:1===n.getViewportScale()?window.devicePixelRatio:1});return i.five=new n.Five(r.__assign({renderer:a},e)),i.five.load(o.work||o.initialWork,o.initialState),i.five.on("load",(function(){var e;i.props.onWorkChange&&i.props.onWorkChange(null===(e=i.five)||void 0===e?void 0:e.work)})),i.five.on("stateChange",(function(e,r){i.props.onStateChange&&i.props.onStateChange(e,r)})),i.five.on("currentStateChange",(function(e,r){i.props.onCurrentStateChange&&i.props.onCurrentStateChange(e,r)})),i}return r.__extends(o,t),o.prototype.loadWork=function(e,r,t){var n;if(this.props.work)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");null===(n=this.five)||void 0===n||n.load(e,r,t)},o.prototype.shouldComponentUpdate=function(e){var r,t;return e.work&&e.work!==(null===(r=this.five)||void 0===r?void 0:r.work)&&(null===(t=this.five)||void 0===t||t.load(e.work,e.initialState)),e.children!==this.props.children},o.prototype.componentWillUnmount=function(){var e;this.five&&(this.five.dispose(),e=this.five.renderer,-1===f.indexOf(e)&&f.push(e),delete this.five)},o.prototype.render=function(){var e=this;return i.createElement(s.Provider,{value:{five:this.five,loadWork:function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];return e.loadWork.apply(e,r)}}},this.props.children)},o}(i.Component)},exports.createStore=function(e){var t=i.createContext(null);return{useStore:function(e){var n=i.useContext(t);if(null===n)throw new Error("StoreProvider never found.");var o=i.useRef(!0),u=i.useState(n.getValues(e)),a=u[0],f=u[1],s=r.__spreadArray([n],e);return i.useLayoutEffect((function(){return o.current?o.current=!1:f(n.getValues(e)),n.on(e,(function(e){return f(e)}))}),s),[a,i.useCallback((function(r){return n.setValues(e,r)}),s)]},useStoreSetter:function(e){var n=i.useContext(t);if(null===n)throw new Error("StoreProvider never found.");return i.useCallback((function(r){return n.setValues(e,r)}),r.__spreadArray([n],e))},watchStore:function(e,n,o){var u=i.useContext(t);if(null===u)throw new Error("StoreProvider never found.");var a=r.__spreadArray([u],e);void 0!==o&&(a=a.concat(o)),i.useLayoutEffect((function(){return u.on(e,n)}),a)},useStoreAction:function(n){var o=i.useContext(t);if(null===o)throw new Error("StoreProvider never found.");return i.useCallback((function(){for(var t=[],u=0;u<arguments.length;u++)t[u]=arguments[u];var i=e[n],a=i[0],f=i.slice(1),s=function(){return o.getValues(f)},c=function(e){return o.setValues(f,e)};return a.apply(void 0,r.__spreadArray([s,c],t))}),[])},StoreProvider:function(e){function n(r){var t=e.call(this,r)||this;return t.store=new q(r.initialValue,(function(){for(var e,r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];t.props.onValuesChange&&(e=t.props).onValuesChange.apply(e,r)})),t}return r.__extends(n,e),n.prototype.shouldComponentUpdate=function(e){return e.children!==this.props.children},n.prototype.render=function(){return i.createElement(t.Provider,{value:this.store},this.props.children)},n}(i.Component)}},exports.unsafe__useFiveInstance=function(){return c()},exports.useFiveAction=function(){var e=c();return{updateCamera:i.useCallback((function(r,t){return e.updateCamera(r,t)}),[e]),initBasisLoader:i.useCallback((function(r){return e.initBasisLoader(r)}),[e]),getPixels:i.useCallback((function(r,t,n,o,u){return e.getPixels(r,t,n,o,u)}),[e]),render:i.useCallback((function(r){return e.render(r)}),[e]),needsRender:i.useCallback((function(){return e.needsRender=!0}),[e]),preloadPano:i.useCallback((function(r,t){return e.preloadPano(r,t)}),[e])}},exports.useFiveCameraDirection=function(){var e=c(),r=i.useState((function(){return h(e)})),t=r[0],n=r[1];return i.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(h(e))}))}),[e]),t},exports.useFiveCameraRaycaster=function(){var e=c(),r=i.useState((function(){return p(e)})),t=r[0],n=r[1];return i.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(p(e))}))}),[e]),t},exports.useFiveCurrentState=function(){var e=c(),r=i.useState((function(){return e.getCurrentState()})),t=r[0],n=r[1],o=i.useCallback((function(r,t){void 0===t&&(t=!1),e.setState(r,t)}),[e]);return i.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return n(e.getCurrentState())}))}),[e]),[t,o]},exports.useFiveEvent=function(e,r,t){var n=i.useState({});n[0],n[1];var o=c();if(!o)throw new Error("fiveProvider never found.");var u=[o,e];void 0!==t&&(u=u.concat(t)),i.useLayoutEffect((function(){return o.on(e,r)}),u)},exports.useFiveModelIntersectRaycaster=function(){var e=c();return i.useCallback((function(r){return e.model.intersectRaycaster(r)}),[e])},exports.useFiveModelReadyState=function(){var e=c(),r=i.useState((function(){return y(e)})),t=r[0],n=r[1];return i.useLayoutEffect((function(){return e.on("modelLoaded",(function(){return n(y(e))}))}),[e]),t},exports.useFiveProject2d=function(){var e=c();return i.useCallback((function(r,t){return e.project2d(r,t)}),[e])},exports.useFiveScene=function(e,r){var t=c(),n=[t];void 0!==r&&(n=n.concat(r)),i.useLayoutEffect((function(){return e(t.scene)}),n)},exports.useFiveState=function(){var e=c(),r=i.useState((function(){return d(e)})),t=r[0],n=r[1],o=i.useCallback((function(r,t){void 0===t&&(t=!1),e.setState(r,t)}),[e]);return i.useLayoutEffect((function(){return e.on("stateChange",(function(){return n(d(e))}))}),[e]),[t,o]},exports.useFiveWork=function(){var e=c(),r=l(),t=i.useState((function(){return e.work})),n=t[0],o=t[1];return i.useLayoutEffect((function(){return e.on("load",(function(){return o(e.work)}))}),[e]),[n,r]},exports.withFive=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){return i.forwardRef((function(n,o){var u=c(),a=l(),f=w(u,e)[0],s=S(u,e),v=s[0],d=s[1],p=C(u,e),h=p[0],y=p[1],m=k(u,e),U=m[0],B=m[1],q=E(u,e)[0],T=x(u,e),z=T[0],$=T[1],G=b(u,e),H=G[0],J=G[1],K=_(u,e),Q=K[0],X=K[1],Y=i.useMemo((function(){var r={};return g(r,{setState:R(u,e),loadWork:P(a,e),on:L(u,e),once:V(u,e),off:F(u,e),intersectRaycaster:W(u,e),project2d:O(u,e),updateCamera:j(u,e),initBasisLoader:M(u,e),getPixels:N(u,e),render:A(u,e),needsRender:D(u,e),preloadPano:I(u,e)}),r}),[u,a]),Z=i.useMemo((function(){var e=r.__assign({},Y);return g(e,{unsafe__fiveInstance:f,state:v,currentState:h,work:U,scene:q,cameraDirection:z,cameraRaycaster:H,modelReadyState:Q}),e}),[u,Y,d,y,B,$,J,X]);return i.createElement(t,r.__assign({ref:o,$five:Z},n))}))}};
+/**
+ * @realsee/five
+ *
+ * Generated: 2022-08-03
+ * Version: 5.0.0-alpha.142
+ *
+ * Terms:
+ * Realsee SDK License Agreement
+ *
+ * Update: July 28, 2021
+ *
+ * THIS LICENSE AGREEMENT BETWEEN YOU AND 【BEIKE REALSEE TECHNOLOGY (HK)
+ * LIMITED】(“Realsee”) FORMS A LEGALLY BINDING CONTRACT BETWEEN YOU AND REALSEE IN
+ * RELATION TO YOUR USE OF THE SDK. This License Agreement accompanies the Realsee
+ * Software Development Kit(s) for the software and related explanatory materials
+ * (the "SDK") and includes any upgrades, modified versions, updates, additions,
+ * and copies of the SDK licensed to You by Realsee.
+ * BY DOWNLOADING, INSTALLING, OR OTHERWISE ACCESSING OR USING THE SDK, YOU AGREE
+ * THAT YOU HAVE READ, UNDERSTOOD, AND AGREE TO BE BOUND BY THIS AGREEMENT. YOU ARE
+ * AGREEING ON YOUR OWN BEHALF AND/OR ON BEHALF OF YOUR COMPANY OR ORGANIZATION TO
+ * THE TERMS AND CONDITIONS STATED BELOW.
+ * This Agreement applies to Your use of the SDK in the country in which You
+ * legally install it (“Territory”) and is subject to the laws of such Territory
+ * and further subject to Section 12 below. Different terms, conditions, and
+ * limitations may apply to the use of the SDK in any additional countries.
+ * 1. DEFINITIONS.
+ * “Agreement” means this Realsee SDK License Agreement.
+ * “Developer”, “You” and “Your” means the person(s) or entity acquiring or using
+ * the SDK or otherwise exercising rights under the terms of this Agreement.
+ * “Documentation” means the technical or other specifications or documentation
+ * that Realsee may provide to You for use in connection with the SDK.
+ * “Integrated Product” means any software, website, or on-line service developed
+ * by You based on or using the SDK (collectively, the “Integrated Product”).
+ * “Intellectual Property” means any patents, patent rights, trademarks, service
+ * marks, registered and unregistered designs, applications for any of the
+ * foregoing, copyright, and any other similar protected rights in any country and
+ * to the extent recognised by any relevant jurisdiction as intellectual property,
+ * trade secrets, know-how and confidential information. Realsee reserves all
+ * rights not expressly granted to You.
+ * “Realsee” means [Beike Realsee Technology (HK) Limited, a company incorporated
+ * and validly existing under the laws of Hong Kong].
+ * “SDK” means the Realsee-proprietary Software Development Kits (SDK) provided
+ * hereunder, includes all development tools (including any compiler and debugger),
+ * application programming interfaces (“APIs”), libraries, binary utilities, header
+ * files, Documentation, content, data, code samples, and other materials provided
+ * to You in connection with this Agreement, whether delivered through a download,
+ * or any other media or form, and is licensed, not sold, to You by Realsee for use
+ * only under the terms of this Agreement. The terms of this Agreement will govern
+ * any updates provided by Realsee that replace and/or supplement the original SDK
+ * delivered to You, unless such update is accompanied by a separate license, in
+ * which case the terms of such license will govern.
+ * 2. LICENSED USES AND RESTRICTIONS.
+ * 2.1 Subject to the restrictions contained in this Section 2, Realsee grants to
+ * You during the term, a limited, non-exclusive, revocable, non-sublicensable,
+ * non-transferable license to install and use the SDK within the Territory only
+ * for the purpose of internal development.
+ * 2.2 Restrictions. You acknowledge and agree that, You shall not, and shall
+ * ensure that Your affiliates, employees, agents, representatives, officers,
+ * representatives, and subcontractors do not (directly or indirectly):
+ * 2.2.1 decompile, reverse engineer, disassemble or attempt to derive the source
+ * code of, those components of the SDK provided in object code form, or any part
+ * thereof;
+ * 2.2.2 remove, alter, or obscure any copyright notice or other proprietary rights
+ * notice on any part of the SDK;
+ * 2.2.3 sell, assign, pledge, rent, lease, lend, upload to or host on any website
+ * or server for use by any third party except You, redistribute, or sublicense the
+ * SDK (or any part thereof), or operate the SDK (or any part thereof) in the
+ * capacity of a service bureau or other hosted services provider, in whole or in
+ * part, nor may You enable others to do so;
+ * 2.2.4 or alter, modify, customize or improve the SDK, or any part thereof;
+ * 2.2.5 use the SDK (or any part thereof) for any illegal purpose, in any manner
+ * that is inconsistent with the terms of this Agreement, or to engage in any
+ * illegal activity;
+ * 2.2.6 use the SDK (or any part thereof) in any manner that may damage the
+ * operation of Realsee’s products or services; or
+ * 2.2.7 use the SDK or any information contained therein or otherwise provided by
+ * Realsee for the purpose of developing, or having developed, any product
+ * competitive with any Realsee product or service, as determined by Realsee in its
+ * sole discretion;
+ * 2.2.8 include any portion of the SDK in Your Developer products.
+ * 2.3 Realsee has the right to impose reasonable conditions such as a reasonable
+ * fee for use of the SDK in Integrated Product in the future.
+ * 2.4 You may make a limited number of copies of the SDK to be used by Your
+ * employees or consultants as provided herein, and not for general business
+ * purposes, and such employees or consultants shall be subject to the obligations
+ * and restrictions in this Agreement.
+ * 2.5 All licenses not expressly granted in this Agreement are reserved and no
+ * other licenses, immunity, or rights, express or implied, are granted by Realsee,
+ * by implication, estoppel, or otherwise.
+ * 3. CONFIDENTIALITY.
+ * The SDK and all source code, Documentation, specifications, engineering details,
+ * and related information pertaining to the SDK, whether in oral, written,
+ * graphic, or electronic form, are and shall remain the confidential and
+ * proprietary information of Realsee or its licensors (collectively, the
+ * “Confidential Information”). You shall (i) disclose Confidential Information to
+ * only those directors and employees (collectively, “Affiliates”) whose duties
+ * justify their need to know such information and who have been clearly informed
+ * of their obligation to maintain the confidential, proprietary, and/or trade
+ * secret status of such Confidential Information; and (ii) use Confidential
+ * Information solely in accordance with the license granted hereunder. In any
+ * event, You and Your Affiliates shall treat Confidential Information as strictly
+ * confidential and shall use the same care to prevent disclosure of such
+ * information as You use with respect to Your own similar confidential and/or
+ * proprietary information, which shall not be less than the care a reasonable
+ * person would use under similar circumstances. All Confidential Information, and
+ * any copies thereof, shall be returned promptly to Realsee upon request. You
+ * shall ensure that Your Affiliates comply with the provisions of this Section 3,
+ * and You shall be liable for any breach of this Section 3 resulting from the act
+ * or omission of any of Your Affiliates. You shall not disclose Confidential
+ * Information to any third party, including, without limitation, any of Your
+ * subcontractors.
+ * 4. PROPRIETARY RIGHTS.
+ * 4.1 As between You and Realsee, Realsee and/or its licensors retain ownership of
+ * all right, title, and interest in, to, and under the SDK, including, without
+ * limitation, all patents, copyrights, trade secrets, trademarks and other
+ * intellectual property and other proprietary rights therein, and reserve all
+ * rights not expressly granted to You.
+ * 4.2 The items contained in the SDK are the intellectual property of Realsee and
+ * its licensors and are protected by PRC copyright and patent law, international
+ * treaty provisions and applicable laws of the country in which it is being used.
+ * You agree to protect all copyright and other ownership interests of Realsee
+ * and/or its licensors in all items in the SDK supplied under this License
+ * Agreement. You agree that all copies of the items in the SDK, reproduced for any
+ * reason by You, contain the same copyright notices, and other proprietary notices
+ * as appropriate, as appear on or in the original items delivered by Realsee in
+ * the SDK. Realsee and/or its licensors retain title and ownership of the items in
+ * the SDK, the media on which it is loaded, and all subsequent copies, regardless
+ * of the form or media in or on which the original and other copies may exist.
+ * Except as stated above, this Agreement does not grant You any rights to patents,
+ * copyrights, trade secrets, trademarks or any other rights in respect to the
+ * items in the SDK.
+ * 5. TERM AND TERMINATION.
+ * 5.1 This Agreement is effective until terminated. Realsee has the right to
+ * terminate this Agreement immediately, without judicial intervention, if You fail
+ * to comply with any term herein. Upon any such termination You must remove all
+ * full and partial copies of the items in the SDK from Your computer and
+ * discontinue the use of the items in the SDK.
+ * 5.2 Realsee may at any time, terminate the Agreement with You if: (A) You have
+ * breached any provision of the Agreement; or (B) Realsee is required to do so by
+ * law; or (C) Realsee decides to no longer provide the SDK or certain parts of the
+ * SDK to users in the country in which You are resident or from which You use the
+ * service, or the provision of the SDK or certain SDK services to You by Realsee
+ * is, in Realsee's sole discretion, no longer legally or commercially viable.
+ * 5.3 When the Agreement comes to an end, all of the legal rights, obligations and
+ * liabilities that You and Realsee have benefited from, been subject to (or which
+ * have accrued over time whilst the Agreement has been in force) or which are
+ * expressed to continue indefinitely, shall be unaffected by this cessation, and
+ * the provisions of Section 3, 4, 6, 7 and 8 shall continue to apply to such
+ * rights, obligations and liabilities indefinitely.
+ * 6. DISCLAIMER OF WARRANTY.
+ * YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT, TO THE EXTENT PERMITTED BY APPLICABLE
+ * LAW, USE OF THE SDK (OR ANY PART THEREOF) IS AT YOUR SOLE RISK AND THAT THE
+ * ENTIRE RISK AS TO SATISFACTORY QUALITY, PERFORMANCE, ACCURACY, AND EFFORT IS
+ * WITH YOU. REALSEE LICENSES THE SDK TO YOU ONLY ON AN "AS-IS" BASIS. REALSEE
+ * MAKES NO REPRESENTATION WITH RESPECT TO THE ADEQUACY OF ANY ITEMS IN THE SDK,
+ * WHETHER OR NOT USED BY YOU IN THE DEVELOPMENT OF INTEGRATED PRODUCT, FOR ANY
+ * PARTICULAR PURPOSE OR WITH RESPECT TO THEIR ADEQUACY TO PRODUCE ANY PARTICULAR
+ * RESULT. REALSEE AND ITS LICENSORS SHALL NOT BE LIABLE FOR LOSS OR DAMAGE ARISING
+ * OUT OF THIS AGREEMENT OR FROM THE DISTRIBUTION OR USE OF INTEGRATED PRODUCT
+ * CONTAINING PORTIONS OF THE SDK. REALSEE AND ITS LICENSORS DISCLAIM ALL
+ * WARRANTIES, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED
+ * CONDITIONS OR WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ * OR NONINFRINGEMENT OF ANY THIRD PARTY RIGHT IN RESPECT OF THE ITEMS IN THE SDK
+ * OR ANY SERVICES RELATED TO THE SDK.
+ * REALSEE IS UNDER NO OBLIGATION TO PROVIDE ANY SUPPORT UNDER THIS LICENSE
+ * AGREEMENT, INCLUDING UPGRADES OR FUTURE VERSIONS OF THE SDK OR ANY PORTIONS
+ * THEREOF, TO YOU, END USER OR TO ANY OTHER PARTY.
+ * 7. LIMITATION OF LIABILITY.
+ * TO THE EXTENT NOT PROHIBITED BY APPLICABLE LAW, IN NO EVENT WILL REALSEE OR ITS
+ * LICENSORS BE LIABLE FOR ANY DIRECT, INCIDENTAL, SPECIAL, INDIRECT, OR
+ * CONSEQUENTIAL DAMAGES, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF USE,
+ * LOSS OF BUSINESS, REVENUE, OR PROFITS, LOSS OF OPPORTUNITY (WHETHER DIRECT OR
+ * INDIRECT), CORRUPTION OR LOSS OF DATA, LOSS OF REPUTATION OR SAVINGS, DOWNTIME,
+ * OR DAMAGE TO, LOSS OF OR REPLACEMENT OF DATA OR TRANSACTIONS, COST OF
+ * PROCUREMENT OF SUBSTITUTE SERVICES, BUSINESS INTERRUPTION, OR ANY OTHER
+ * COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF OR RELATED TO YOUR USE OR INABILITY
+ * TO USE THE SDK (OR ANY PART THEREOF), ANY INTEGRATED PRODUCT, OR ANY THIRD PARTY
+ * SOFTWARE, APPLICATIONS, OR SERVICES IN CONJUNCTION WITH THE SDK (OR ANY PART
+ * THEREOF), HOWEVER CAUSED, REGARDLESS OF THE THEORY OF LIABILITY (CONTRACT, TORT,
+ * OR OTHERWISE) AND EVEN IF REALSEE HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+ * DAMAGES. IN NO EVENT WILL REALSEE’S TOTAL LIABILITY TO YOU FOR ALL DAMAGES
+ * EXCEED ONE HUNDRED DOLLARS ($100.00). THE FOREGOING LIMITATIONS WILL APPLY EVEN
+ * IF THE ABOVE STATED REMEDY FAILS OF ITS ESSENTIAL PURPOSE. THE LIMITATIONS
+ * CONTAINED IN SECTIONS 6 AND THIS SECTION 7 ARE A FUNDAMENTAL PART OF THE BASIS
+ * OF REALSEE’S BARGAIN HEREUNDER, AND REALSEE WOULD NOT ENTER INTO THIS AGREEMENT
+ * OR PROVIDE YOU WITH ACCESS TO THE SDK ABSENT SUCH LIMITATIONS.
+ * 8. INDEMNIFICATION.
+ * To the extent permitted by applicable law, You agree to indemnify, defend and
+ * hold harmless Realsee, its affiliates and each of their directors, officers,
+ * employees, independent contractors, and agents (each a “Realsee Indemnified
+ * Party”) from any and all claims, losses, liabilities, damages, expenses, and
+ * costs (including without limitation attorneys’ fees and court costs) incurred by
+ * a Realsee Indemnified Party as a result of: (i) Your non-compliance with any
+ * terms of this Agreement; (ii) Your use of the SDK (or any part thereof); or
+ * (iii) Your use of any Integrated Product, including any claim that Integrated
+ * Product infringes the copyright, trademark, trade secret or other intellectual
+ * property right of a third party.
+ * 9. ACKNOWLEDGEMENTS.
+ * Portions of the SDK may utilize or include third party software and other
+ * copyrighted material. Acknowledgments, licensing terms, and disclaimers for such
+ * material are contained in Documentation for the SDK or may otherwise accompany
+ * such material, and Your use of such materials governed by their respective
+ * terms. In the event of conflict between the terms of this Agreement and an
+ * applicable open source or third party agreement, the open source or third party
+ * agreement will control solely with respect to the open source software or third
+ * party software. Moreover, You shall not subject any items (including not limited
+ * to source code, object code, and any software)  included in the SDK to any open
+ * source license.
+ * 10. NON-BLOCKING OF REALSEE DEVELOPMENT.
+ * You acknowledge that Realsee is currently developing or may develop technologies
+ * and products in the future that have or may have design and/or functionality
+ * similar to Integrated Product that You may develop based on Your license herein.
+ * Nothing in this Agreement shall impair, limit or curtail Realsee's right to
+ * continue with its development, maintenance and/or distribution of Realsee's
+ * technology or products.
+ * 11. GENERAL.
+ * 11.1 Export Control. You may not use or otherwise export or re-export the SDK
+ * (or any part thereof) except as authorized by United States law and the laws of
+ * the jurisdiction(s) in which the SDK (or any part thereof) was obtained. In
+ * particular, but without limitation, the SDK may not be exported or re-exported
+ * (i) into any U.S. embargoed countries or (ii) to anyone on the U.S. Treasury
+ * Department's list of Specially Designated Nationals or the U.S. Department of
+ * Commerce Denied Person's List or Entity List. By using the SDK (or any part
+ * thereof), You represent and warrant that You are not located in any such country
+ * or on any such list.
+ * 11.2 Governing Law. This Agreement and the rights of the parties hereunder shall
+ * be governed by and construed in accordance with the laws of People’s Republic of
+ * China (for purpose of this Agreement, excluding Hong Kong, Taiwan, and Macau),
+ * without reference to its conflict of laws principles. Any dispute, controversy
+ * or claim arising from or in connection with this Agreement, or the breach,
+ * termination or invalidity thereof, shall be submitted to China International
+ * Economic and Trade Arbitration Commission (“CIETAC”) for arbitration in Beijing
+ * which shall be conducted in accordance with the CIETAC's arbitration rules in
+ * effect at the time of applying for arbitration. The arbitral award is final and
+ * binding upon both parties.
+ * 11.3 Severability. If any provision of this Agreement is held by a court of
+ * competent jurisdiction to be unenforceable for any reason, the remaining
+ * provisions hereof will be unaffected and remain in full force and effect.
+ * 11.4. Modifications. Realsee reserves the right, from time to time, with or
+ * without notice to You, to make revisions to this Agreement in our sole and
+ * absolute discretion.  The most current version of this Agreement will supersede
+ * all previous versions and shall be made available on the website where the SDK
+ * is made available, or by such other means as Realsee may determine in its
+ * discretion. Any modified versions of this Agreement hereto shall take effect
+ * from the time that it is made available. You shall be responsible for regularly
+ * checking for notice of any such modifications. You agree that Your continued use
+ * of the SDK constitutes Your agreement to the modified Agreement.
+ * 11.5 Relationship of the Parties. This Agreement will not be construed as
+ * creating an agency, partnership, joint venture, fiduciary duty, or any other
+ * form of legal association between You and Realsee, and You will not represent to
+ * the contrary, whether expressly, by implication, appearance, or otherwise.
+ * 11.6 Entire Agreement; Governing Language. This Agreement constitutes the entire
+ * agreement between You and Realsee with respect to the use of the SDK licensed
+ * hereunder and supersedes all prior understandings regarding such subject matter.
+ * 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.
+ */
+
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("three"),r=require("@realsee/five");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=o(t),i=o(n),a=[],f=[];var c=u.createContext(null);function s(){var e=u.useContext(c);if(!e)throw new Error("FiveProvider never found.");return e.five}function l(){var e=u.useContext(c);if(!e)throw new Error("FiveProvider never found.");return e.loadWork}var d={display:"inline-block",overflow:"hidden"};function v(e,t){var n=s(),r=[n];void 0!==t&&(r=r.concat(t)),u.useLayoutEffect((function(){return e(n.scene)}),r)}var p=v;function h(t){return e.__assign({},t.state)}function m(e){var t=e.camera.getWorldDirection(new i.Vector3);return new i.Raycaster(e.camera.position,t)}function y(e){return e.camera.getWorldDirection(new i.Vector3)}function g(e){return e.model.empty?"Empty":"Loaded"}function S(e,t){return t.indexOf(e)>=0}function b(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];void 0!==t[o]&&(e[o]=t[o])}}function C(e,t){if(S("loadWork",t))return e}function w(e,t){if(S("setState",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.setState.apply(e,t)}}function k(e,t){if(S("on",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.on.apply(e,t)}}function x(e,t){if(S("on",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.once.apply(e,t)}}function E(e,t){if(S("off",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.off.apply(e,t)}}function L(e,t){if(S("intersectRaycaster",t))return function(){for(var t,n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return(t=e.model).intersectRaycaster.apply(t,n)}}function F(e,t){if(S("project2d",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.project2d.apply(e,t)}}function _(e,t){if(S("updateCamera",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.updateCamera.apply(e,t)}}function P(e,t){if(S("initBasisLoader",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.initBasisLoader.apply(e,t)}}function R(e,t){if(S("getPixels",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.getPixels.apply(e,t)}}function V(e,t){if(S("render",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.render.apply(e,t)}}function W(e,t){if(S("needsRender",t))return function(){e.needsRender=!0}}function M(e,t){if(S("preloadPano",t))return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.preloadPano.apply(e,t)}}function O(e,t){if(S("showFloor",t))return function(t){"number"==typeof t?e.model.show(t):e.model.show()}}function j(e,t){if(S("toggleHelperVisible",t))return function(t){e.helperVisible=t}}function A(e,t){for(var n={},r=t.length,o=-1;++o<r;){var u=t[o];u in e&&(n[u]=e[u])}return n}function N(e,t){for(var n=0;n<e.length;n++)for(var r=0;r<t.length;r++)if(e[n]===t[r])return!0;return!1}var U=function(){function t(e,t){this.values=e,this.listeners=[],this.onValuesChange=t}return t.prototype.on=function(e,t){var n=this,r=[e,t];return this.listeners.push(r),function(){var e=n.listeners.indexOf(r);e>=0&&n.listeners.splice(e,1)}},t.prototype.getValues=function(e){return A(this.values,e)},t.prototype.setValues=function(t,n){var r,o,u=[];for(var i in n)t.indexOf(i)>=0&&(r=n[i],o=this.values[i],!("number"==typeof r&&"number"==typeof o&&isNaN(r)&&isNaN(o)||r===o))&&u.push(i);if(0!==u.length){for(var a=e.__assign({},this.values),f=0,c=u;f<c.length;f++){var s=c[f];this.values[s]=n[s]}this.onValuesChange&&this.onValuesChange(this.values,a);for(var l=0,d=this.listeners;l<d.length;l++){var v=d[l],p=v[0],h=v[1];if(N(p,u)){var m=A(a,p);h(A(this.values,p),m)}}}},t}();exports.FiveCanvas=function(t){var n=t.width,r=t.height,o=s(),i=u.createRef(),a=e.__assign({width:n,height:r},d);return u.useLayoutEffect((function(){if(i.current&&o.renderer){if(null!==o.renderer.domElement.parentNode&&o.renderer.domElement.parentNode!==i.current)throw new Error("There are more than 2 fiveCanvas in this context.");o.renderer.domElement.parentNode!==i.current&&i.current.appendChild(o.renderer.domElement),o.camera.aspect=n/r,o.camera.updateProjectionMatrix(),o.renderer.setSize(n,r),o.needsRender=!0}}),[n,r,i.current]),u.createElement("div",{ref:i,style:a})},exports.INJECTION_PROPNAME="$five",exports.Store=U,exports.createFiveFeature=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e},exports.createFiveProvider=function(t){return void 0===t&&(t={}),function(n){function o(o){var u,c=this;c=n.call(this,o)||this;var s=function(e){var t=void 0===e?{}:e,n=t.backgroundColor,r=void 0===n?1579548:n,o=t.backgroundAlpha,u=void 0===o?1:o,c=t.pixelRatio,s=void 0===c?1:c,l=t.webgl2,d=void 0!==l&&l;if("undefined"!=typeof window){var v=null;if(!(v=d?a.shift():f.shift())){if(d){var p=document.createElement("canvas"),h=p.getContext("webgl2");if(null===h)throw new Error("error occurred when getting webgl2 canvas context");v=new i.WebGLRenderer({antialias:!1,alpha:!0,canvas:p,context:h})}else v=new i.WebGLRenderer({antialias:!1,alpha:!0});v.outputEncoding=i.sRGBEncoding}return v.setPixelRatio(s),v.setClearColor(r,u),v.autoClear=!0,v}}({pixelRatio:1===r.getViewportScale()?window.devicePixelRatio:1,backgroundAlpha:t.backgroundAlpha,backgroundColor:t.backgroundColor,webgl2:null==t?void 0:t.webgl2});return c.five=new r.Five(e.__assign({renderer:s},t)),(o.work||o.initialWork)&&c.five.load(o.work||o.initialWork,o.initialState,void 0,null===(u=o.initialUserAction)||void 0===u||u),c.five.on("load",(function(){var e;c.props.onWorkChange&&c.props.onWorkChange(null===(e=c.five)||void 0===e?void 0:e.work)})),c.five.on("stateChange",(function(e,t){c.props.onStateChange&&c.props.onStateChange(e,t)})),c.five.on("currentStateChange",(function(e,t){c.props.onCurrentStateChange&&c.props.onCurrentStateChange(e,t)})),c.five.on("error",(function(e){c.props.onError?c.props.onError(e):console.warn(e.message)})),c}return e.__extends(o,n),o.prototype.loadWork=function(e,t,n,r){if(void 0===r&&(r=!0),this.props.work)throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");return this.five.load(e,t,n,r)},o.prototype.shouldComponentUpdate=function(e){var t,n;return e.work&&e.work!==(null===(t=this.five)||void 0===t?void 0:t.work)&&(null===(n=this.five)||void 0===n||n.load(e.work,e.initialState)),!0},o.prototype.componentWillUnmount=function(){var e;this.five&&(this.five.dispose(),(e=this.five.renderer)&&(e.capabilities.isWebGL2?-1===f.indexOf(e)&&f.push(e):-1===a.indexOf(e)&&a.push(e)),delete this.five)},o.prototype.render=function(){var e=this;return u.createElement(c.Provider,{value:{five:this.five,loadWork:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.loadWork.apply(e,t)}}},this.props.children)},o}(u.Component)},exports.createStore=function(t){var n=u.createContext(null);return{useStore:function(t){var r=u.useContext(n);if(null===r)throw new Error("StoreProvider never found.");var o=u.useRef(!0),i=u.useState(r.getValues(t)),a=i[0],f=i[1],c=e.__spreadArray([r],t,!0);return u.useLayoutEffect((function(){return o.current?o.current=!1:f(r.getValues(t)),r.on(t,(function(e){return f(e)}))}),c),[a,u.useCallback((function(e){return r.setValues(t,e)}),c)]},useStoreSetter:function(t){var r=u.useContext(n);if(null===r)throw new Error("StoreProvider never found.");return u.useCallback((function(e){return r.setValues(t,e)}),e.__spreadArray([r],t,!0))},watchStore:function(t,r,o){var i=u.useContext(n);if(null===i)throw new Error("StoreProvider never found.");var a=e.__spreadArray([i],t,!0);void 0!==o&&(a=a.concat(o)),u.useLayoutEffect((function(){return i.on(t,r)}),a)},useStoreAction:function(r){var o=u.useContext(n);if(null===o)throw new Error("StoreProvider never found.");return u.useCallback((function(){for(var n=[],u=0;u<arguments.length;u++)n[u]=arguments[u];var i=t[r],a=i[0],f=i.slice(1),c=function(){return o.getValues(f)},s=function(e){return o.setValues(f,e)};return a.apply(void 0,e.__spreadArray([c,s],n,!1))}),[])},StoreProvider:function(t){function r(e){var n=t.call(this,e)||this;return n.store=new U(e.initialValue,(function(){for(var e,t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];n.props.onValuesChange&&(e=n.props).onValuesChange.apply(e,t)})),n}return e.__extends(r,t),r.prototype.shouldComponentUpdate=function(e){return e.children!==this.props.children},r.prototype.render=function(){return u.createElement(n.Provider,{value:this.store},this.props.children)},r}(u.Component)}},exports.unsafe__useFiveInstance=function(){return s()},exports.useFiveAction=function(){var e=s();return{updateCamera:u.useCallback((function(t,n){return e.updateCamera(t,n)}),[e]),initBasisLoader:u.useCallback((function(t){return e.initBasisLoader(t)}),[e]),getPixels:u.useCallback((function(t,n,r,o,u){return e.getPixels(t,n,r,o,u)}),[e]),render:u.useCallback((function(t){return e.render(t)}),[e]),needsRender:u.useCallback((function(){return e.needsRender=!0}),[e]),preloadPano:u.useCallback((function(t,n){return e.preloadPano(t,n)}),[e])}},exports.useFiveCameraDirection=function(){var e=s(),t=u.useState((function(){return y(e)})),n=t[0],r=t[1];return u.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return r(y(e))}))}),[e]),n},exports.useFiveCameraRaycaster=function(){var e=s(),t=u.useState((function(){return m(e)})),n=t[0],r=t[1];return u.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return r(m(e))}))}),[e]),n},exports.useFiveCurrentObserver=function(){var e=s(),t=u.useState((function(){return e.getCurrentState()})),n=t[0],r=t[1];return u.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return r(e.getCurrentState())}))}),[e]),e.work?e.work.observers[n.panoIndex]:null},exports.useFiveCurrentState=function(){var e=s(),t=u.useState((function(){return e.getCurrentState()})),n=t[0],r=t[1],o=u.useCallback((function(t,n,r){void 0===n&&(n=!1),void 0===r&&(r=!0);var o="function"==typeof t?t(e.getCurrentState()):t;e.setState(o,n,r)}),[e]);return u.useLayoutEffect((function(){return e.on("currentStateChange",(function(){return r(e.getCurrentState())}))}),[e]),[n,o]},exports.useFiveEventCallback=function(e,t,n){var r=s(),o=[r,e];void 0!==n&&(o=o.concat(n)),u.useLayoutEffect((function(){return r.on(e,t)}),o)},exports.useFiveFloor=function(){var e=s(),t=u.useState(e.model.shownFloor),n=t[0],r=t[1],o=u.useState(e.model.floorLength),i=o[0],a=o[1],f=u.useCallback((function(t){"number"==typeof t?e.model.show(t):e.model.show()}),[e]);return u.useLayoutEffect((function(){var t=[];return t.push(e.on("modelShownFloorChange",(function(){return r(e.model.shownFloor)}))),t.push(e.on("modelLoaded",(function(){return a(e.model.floorLength)}))),function(){for(var e;e=t.shift();)e()}}),[e]),[n,i,f]},exports.useFiveHelper=function(){var e=s(),t=u.useState(e.helperVisible),n=t[0],r=t[1],o=u.useCallback((function(t){e.helperVisible=t}),[e]);return u.useLayoutEffect((function(){return e.on("helpersVisibleChange",(function(e){return r(e)}))}),[e]),[n,o]},exports.useFiveModelIntersectRaycaster=function(){var e=s();return u.useCallback((function(t){return e.model.intersectRaycaster(t)}),[e])},exports.useFiveModelReadyState=function(){var e=s(),t=u.useState((function(){return g(e)})),n=t[0],r=t[1];return u.useLayoutEffect((function(){return e.on("modelLoaded",(function(){return r(g(e))}))}),[e]),n},exports.useFiveProject2d=function(){var e=s(),t=u.useState((function(){return Symbol()}));t[0];var n=t[1];return u.useLayoutEffect((function(){return e.on("cameraUpdate",(function(){return n(Symbol())}))}),[e]),u.useCallback((function(t,n){return e.project2d(t,n)}),[e])},exports.useFiveScene=p,exports.useFiveSceneEffect=v,exports.useFiveState=function(){var e=s(),t=u.useState((function(){return h(e)})),n=t[0],r=t[1],o=u.useCallback((function(t,n,r){void 0===n&&(n=!1),void 0===r&&(r=!0);var o="function"==typeof t?t(e.getCurrentState()):t;e.setState(o,n,r)}),[e]);return u.useLayoutEffect((function(){return e.on("stateChange",(function(){return r(h(e))}))}),[e]),[n,o]},exports.useFiveWork=function(){var e=s(),t=l(),n=u.useState((function(){return e.work})),r=n[0],o=n[1];return u.useLayoutEffect((function(){return e.on("load",(function(){return o(e.work)}))}),[e]),[r,t]},exports.withFive=function(t){return function(n){return u.forwardRef((function(r,o){var a=s(),f=l(),c=function(e,t){return[S("unsafe__fiveInstance",t)?e:void 0]}(a,t)[0],d=function(t,n){var r=S("state",n),o=u.useState(Symbol()),i=o[0],a=o[1],f=u.useMemo((function(){if(r)return e.__assign({},t.state)}),[t,i]);return u.useLayoutEffect((function(){if(r)return t.on("stateChange",(function(){return a(Symbol())}))}),[t]),[f,i]}(a,t),v=d[0],p=d[1],h=function(e,t){var n=S("currentState",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.getCurrentState()}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("currentStateChange",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),m=h[0],y=h[1],g=function(e,t){var n=S("currentObserver",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.getCurrentState()}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("currentStateChange",(function(){return i(Symbol())}))}),[e]),[a?e.work?e.work.observers[a.panoIndex]:null:void 0,o]}(a,t),A=g[0],N=g[1],U=function(e,t){var n=S("work",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.work}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("load",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),D=U[0],I=U[1],B=function(e,t){var n=S("model",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.model}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),q=B[0],G=B[1],H=function(e,t){return[S("scene",t)?e.scene:void 0]}(a,t)[0],z=function(e,t){var n=S("cameraDirection",t),r=u.useState(Symbol()),o=r[0],a=r[1],f=u.useMemo((function(){if(n)return e.camera.getWorldDirection(new i.Vector3)}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}(a,t),T=z[0],$=z[1],J=function(e,t){var n=S("cameraRaycaster",t),r=u.useState(Symbol()),o=r[0],a=r[1],f=u.useMemo((function(){if(n){var t=e.camera.getWorldDirection(new i.Vector3);return new i.Raycaster(e.camera.position,t)}}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("cameraUpdate",(function(){return a(Symbol())}))}),[e]),[f,o]}(a,t),K=J[0],Q=J[1],X=function(e,t){var n=S("modelReadyState",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.model.empty?"Empty":"Loaded"}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),Y=X[0],Z=X[1],ee=function(e,t){var n=S("shownFloor",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.model.shownFloor}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("modelShownFloorChange",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),te=ee[0],ne=ee[1],re=function(e,t){var n=S("totalFloorLength",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.model.hasFloors()}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("modelLoaded",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),oe=re[0],ue=re[1],ie=function(e,t){var n=S("helperVisible",t),r=u.useState(Symbol()),o=r[0],i=r[1],a=u.useMemo((function(){if(n)return e.helperVisible}),[e,o]);return u.useLayoutEffect((function(){if(n)return e.on("helpersVisibleChange",(function(){return i(Symbol())}))}),[e]),[a,o]}(a,t),ae=ie[0],fe=ie[1],ce=u.useMemo((function(){var e={};return b(e,{setState:w(a,t),loadWork:C(f,t),on:k(a,t),once:x(a,t),off:E(a,t),intersectRaycaster:L(a,t),project2d:F(a,t),updateCamera:_(a,t),initBasisLoader:P(a,t),getPixels:R(a,t),render:V(a,t),needsRender:W(a,t),preloadPano:M(a,t),showFloor:O(a,t),toggleHelperVisible:j(a,t)}),e}),[a,f]),se=u.useMemo((function(){var t=e.__assign({},ce);return b(t,{unsafe__fiveInstance:c,state:v,currentState:m,currentObserver:A,work:D,model:q,scene:H,cameraDirection:T,cameraRaycaster:K,modelReadyState:Y,shownFloor:te,totalFloorLength:oe,helperVisible:ae}),t}),[a,ce,p,y,N,I,G,$,Q,Z,ne,ue,fe]);return u.createElement(n,e.__assign({ref:o,$five:se},r))}))}};