@realsee/dnalogel 2.0.0-alpha.51 → 2.0.0-alpha.54

package/dist/index.umd.js

@@ -4695,7 +4695,7 @@
     /**
      * plugin 的基本控制器
      */
-    class Controller$6 {
+    class Controller$7 {
         constructor(five$1) {
             Object.defineProperty(this, "five", {
                 enumerable: true,
@@ -4722,7 +4722,7 @@
         }
     }
 
-    class Controller$5 extends Controller$6 {
+    class Controller$6 extends Controller$7 {
     }
 
     var FloorplanErrorType;
@@ -4874,7 +4874,7 @@
         const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
         return latitudeVisible && longitudeVisible;
     }
-    class Controller$4 extends Controller$5 {
+    class Controller$5 extends Controller$6 {
         constructor(five, params) {
             var _a;
             super(five);
@@ -5543,7 +5543,7 @@
     }
 
     const ModelFloorplanPlugin = (five, params) => {
-        return new Controller$4(five, params);
+        return new Controller$5(five, params);
     };
 
     /** 当前 five 的相机视角是否满足户型图自动隐藏条件
@@ -5568,7 +5568,7 @@
         const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
         return latitudeVisible && longitudeVisible;
     }
-    class Controller$3 extends Controller$5 {
+    class Controller$4 extends Controller$6 {
         constructor(five, params) {
             super(five);
             // =============== public properties =================
@@ -6217,10 +6217,10 @@
     }
 
     const MapviewFloorplanPlugin = (five, params) => {
-        return new Controller$3(five, params);
+        return new Controller$4(five, params);
     };
 
-    class Controller$2 extends Controller$5 {
+    class Controller$3 extends Controller$6 {
         constructor(five, params) {
             super(five);
             // =============== public properties =================
@@ -6697,7 +6697,7 @@
     }
 
     const TopviewFloorplanPlugin = (five, params) => {
-        return new Controller$2(five, params);
+        return new Controller$3(five, params);
     };
 
     /**
@@ -7576,7 +7576,7 @@
     	}
     }
 
-    class Controller$1 extends Controller$5 {
+    class Controller$2 extends Controller$6 {
         constructor(five, params) {
             super(five);
             // =============== public properties =================
@@ -7813,7 +7813,7 @@
     }
 
     const PanoFloorplanRadarPlugin = (five, params) => {
-        return new Controller$1(five, params);
+        return new Controller$2(five, params);
     };
 
     /** 房屋数据映射表 */
@@ -9683,7 +9683,7 @@
     	}
     }
 
-    class Controller {
+    class Controller$1 {
         constructor(five, params) {
             var _a, _b;
             Object.defineProperty(this, "five", {
@@ -9797,7 +9797,7 @@
      * 全景标尺插件
      */
     const PanoRulerProPlugin = (five, params) => {
-        return new Controller(five, params);
+        return new Controller$1(five, params);
     };
 
     const roomInfoIcon = 'data:image/png;base64,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';
@@ -9919,7 +9919,7 @@
     }
 
     const defaultBaseOptions$1 = { userAction: true };
-    class PanoCompassController extends Controller$5 {
+    class PanoCompassController extends Controller$6 {
         constructor(five$1, config) {
             super(five$1);
             /**
@@ -17371,7 +17371,7 @@ void main() {
      * pano plugin controller 基类
      * @author kyleju
      */
-    class BasePanoPluginController extends Controller$6 {
+    class BasePanoPluginController extends Controller$7 {
         constructor(five) {
             super(five);
             Object.defineProperty(this, "state", {
@@ -18102,12 +18102,1308 @@ void main() {
         return new PanoDoorLabelPluginController(five);
     };
 
+    var polylineMiterUtil = {};
+
+    var add_1 = add$1;
+
+    /**
+     * Adds two vec2's
+     *
+     * @param {vec2} out the receiving vector
+     * @param {vec2} a the first operand
+     * @param {vec2} b the second operand
+     * @returns {vec2} out
+     */
+    function add$1(out, a, b) {
+        out[0] = a[0] + b[0];
+        out[1] = a[1] + b[1];
+        return out
+    }
+
+    var set_1 = set$1;
+
+    /**
+     * Set the components of a vec2 to the given values
+     *
+     * @param {vec2} out the receiving vector
+     * @param {Number} x X component
+     * @param {Number} y Y component
+     * @returns {vec2} out
+     */
+    function set$1(out, x, y) {
+        out[0] = x;
+        out[1] = y;
+        return out
+    }
+
+    var normalize_1 = normalize$1;
+
+    /**
+     * Normalize a vec2
+     *
+     * @param {vec2} out the receiving vector
+     * @param {vec2} a vector to normalize
+     * @returns {vec2} out
+     */
+    function normalize$1(out, a) {
+        var x = a[0],
+            y = a[1];
+        var len = x*x + y*y;
+        if (len > 0) {
+            //TODO: evaluate use of glm_invsqrt here?
+            len = 1 / Math.sqrt(len);
+            out[0] = a[0] * len;
+            out[1] = a[1] * len;
+        }
+        return out
+    }
+
+    var subtract_1 = subtract$1;
+
+    /**
+     * Subtracts vector b from vector a
+     *
+     * @param {vec2} out the receiving vector
+     * @param {vec2} a the first operand
+     * @param {vec2} b the second operand
+     * @returns {vec2} out
+     */
+    function subtract$1(out, a, b) {
+        out[0] = a[0] - b[0];
+        out[1] = a[1] - b[1];
+        return out
+    }
+
+    var dot_1 = dot$1;
+
+    /**
+     * Calculates the dot product of two vec2's
+     *
+     * @param {vec2} a the first operand
+     * @param {vec2} b the second operand
+     * @returns {Number} dot product of a and b
+     */
+    function dot$1(a, b) {
+        return a[0] * b[0] + a[1] * b[1]
+    }
+
+    var add = add_1;
+    var set = set_1;
+    var normalize = normalize_1;
+    var subtract = subtract_1;
+    var dot = dot_1;
+
+    var tmp = [0, 0];
+
+    polylineMiterUtil.computeMiter = function computeMiter(tangent, miter, lineA, lineB, halfThick) {
+        //get tangent line
+        add(tangent, lineA, lineB);
+        normalize(tangent, tangent);
+
+        //get miter as a unit vector
+        set(miter, -tangent[1], tangent[0]);
+        set(tmp, -lineA[1], lineA[0]);
+
+        //get the necessary length of our miter
+        return halfThick / dot(miter, tmp)
+    };
+
+    polylineMiterUtil.normal = function normal(out, dir) {
+        //get perpendicular
+        set(out, -dir[1], dir[0]);
+        return out
+    };
+
+    polylineMiterUtil.direction = function direction(out, a, b) {
+        //get unit dir of two lines
+        subtract(out, a, b);
+        normalize(out, out);
+        return out
+    };
+
+    var util = polylineMiterUtil;
+
+    var lineA = [0, 0];
+    var lineB = [0, 0];
+    var tangent = [0, 0];
+    var miter = [0, 0];
+
+    var polylineNormals = function(points, closed) {
+        var curNormal = null;
+        var out = [];
+        if (closed) {
+            points = points.slice();
+            points.push(points[0]);
+        }
+
+        var total = points.length;
+        for (var i=1; i<total; i++) {
+            var last = points[i-1];
+            var cur = points[i];
+            var next = i<points.length-1 ? points[i+1] : null;
+
+            util.direction(lineA, cur, last);
+            if (!curNormal)  {
+                curNormal = [0, 0];
+                util.normal(curNormal, lineA);
+            }
+
+            if (i === 1) //add initial normals
+                addNext(out, curNormal, 1);
+
+            if (!next) { //no miter, simple segment
+                util.normal(curNormal, lineA); //reset normal
+                addNext(out, curNormal, 1);
+            } else { //miter with last
+                //get unit dir of next line
+                util.direction(lineB, next, cur);
+
+                //stores tangent & miter
+                var miterLen = util.computeMiter(tangent, miter, lineA, lineB, 1);
+                addNext(out, miter, miterLen);
+            }
+        }
+
+        //if the polyline is a closed loop, clean up the last normal
+        if (points.length > 2 && closed) {
+            var last2 = points[total-2];
+            var cur2 = points[0];
+            var next2 = points[1];
+
+            util.direction(lineA, cur2, last2);
+            util.direction(lineB, next2, cur2);
+            util.normal(curNormal, lineA);
+            
+            var miterLen2 = util.computeMiter(tangent, miter, lineA, lineB, 1);
+            out[0][0] = miter.slice();
+            out[total-1][0] = miter.slice();
+            out[0][1] = miterLen2;
+            out[total-1][1] = miterLen2;
+            out.pop();
+        }
+
+        return out
+    };
+
+    function addNext(out, normal, length) {
+        out.push([[normal[0], normal[1]], length]);
+    }
+
+    // 定义常量
+    const TRIANGLE_NUMBER_OF_RECTANGLE = 2; // 每个矩形有两个三角形
+    const VERTEX_NUMBER_OF_TRIANGLE = 3; // 每个三角形有三个顶点
+    const AXIS_NUMBER_OF_VERTEX = 3; // 每个顶点有三个轴坐标
+    const UV_NUMBER_OF_VERTEX = 2; // 每个顶点有两个 UV 轴坐标
+    function getLineGeometry(positionList) {
+        if (positionList.length < 2)
+            return console.warn('positionList length must be greater than 1');
+        const lineWidth = 0.6;
+        const halfLineWidth = lineWidth / 2;
+        const aspect = 0.67; // 纵横比 width / height
+        // 点位向量数组
+        const keyPoints = positionList;
+        // 点位组成的平滑曲线
+        const curve = new THREE__namespace.CatmullRomCurve3(keyPoints, false, 'catmullrom', 0.5);
+        // 求顶点和 UV
+        const divisions = Math.ceil(curve.getLength()); // 曲线切片数
+        const curvePoints = curve.getPoints(divisions);
+        const curvePointsLength = curvePoints.length;
+        const normals = polylineNormals(curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
+        const rectangleNumber = curvePoints.length - 1; // 曲线上 N 个点，构成了 N - 1 个矩形
+        const indexNumber = rectangleNumber * TRIANGLE_NUMBER_OF_RECTANGLE * VERTEX_NUMBER_OF_TRIANGLE;
+        const verticesNumber = 2 * curvePointsLength; // 顶点数量（包含公用）：每个曲线点对应两个顶点，N 个 点有 2N 个顶点
+        const positionNumber = verticesNumber * AXIS_NUMBER_OF_VERTEX; // 坐标点数量
+        const uvNumber = verticesNumber * UV_NUMBER_OF_VERTEX; // uv 数量
+        const index = new Uint32Array(indexNumber);
+        const positions = new Float32Array(positionNumber);
+        const uv = new Float32Array(uvNumber);
+        let totalLength = 0;
+        for (let i = 0; i < curvePoints.length; i++) {
+            const [nx, nz] = normals[i][0];
+            const curvePoint = curvePoints[i];
+            const { x: curvePointX, y: curvePointY, z: curvePointZ } = curvePoint;
+            // vertices[2i]
+            positions[i * 6 + 0] = curvePointX + nx * halfLineWidth;
+            positions[i * 6 + 1] = curvePointY + 0.05;
+            positions[i * 6 + 2] = curvePointZ + nz * halfLineWidth;
+            // vertices[2i + 1]
+            positions[i * 6 + 3] = curvePointX - nx * halfLineWidth;
+            positions[i * 6 + 4] = curvePointY + 0.05;
+            positions[i * 6 + 5] = curvePointZ - nz * halfLineWidth;
+            totalLength += i > 0 ? curvePoints[i - 1].clone().sub(curvePoints[i]).length() : 0;
+            const end = totalLength / lineWidth / aspect;
+            uv[i * 4 + 0] = 0;
+            uv[i * 4 + 1] = end;
+            uv[i * 4 + 2] = 1;
+            uv[i * 4 + 3] = end;
+            if (i === curvePoints.length - 1)
+                continue;
+            index[i * 6 + 0] = i * 2 + 0;
+            index[i * 6 + 1] = i * 2 + 2;
+            index[i * 6 + 2] = i * 2 + 1;
+            index[i * 6 + 3] = i * 2 + 2;
+            index[i * 6 + 4] = i * 2 + 3;
+            index[i * 6 + 5] = i * 2 + 1;
+        }
+        const geometry = new THREE__namespace.BufferGeometry();
+        geometry.setAttribute('position', new THREE__namespace.BufferAttribute(positions, 3));
+        geometry.setAttribute('uv', new THREE__namespace.BufferAttribute(uv, 2));
+        geometry.setIndex(new THREE__namespace.BufferAttribute(index, 1));
+        return geometry;
+    }
+
+    function getArrowMaterial(params) {
+        var _a;
+        // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow.c5d028e4.png')
+        // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow2.aa1762e4.png')
+        // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow3.06c5b657.png')
+        // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow4.b1427685.png')
+        // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow5.ae49f3c8.png')
+        const texture = new THREE__namespace.TextureLoader().load((_a = params === null || params === void 0 ? void 0 : params.textureUrl) !== null && _a !== void 0 ? _a : '//vrlab-static.ljcdn.com/release/web/arrow6.b6ce0c62.png');
+        texture.wrapS = texture.wrapT = THREE__namespace.RepeatWrapping;
+        texture.encoding = THREE__namespace.sRGBEncoding;
+        const arrowMaterial = new THREE__namespace.MeshBasicMaterial({
+            color: 0xffffff,
+            map: texture,
+            transparent: true,
+            opacity: 0.8,
+        });
+        return arrowMaterial;
+    }
+
+    /**
+     * 判断对象是否为`null`或`undefined`。
+     * @param
+     * @return
+     */
+    /**
+     * 判断对象不为`null`或`undefined`。
+     */
+    function notNil(value) {
+        return value !== null && value !== undefined;
+    }
+
+    const VERSION$1 = 'v1.0.1';
+    const PLUGIN_NAME$1 = 'GuideLinePlugin';
+    const PLUGIN$1 = `${PLUGIN_NAME$1}@${VERSION$1}`;
+    const pluginFlag = (name) => `${PLUGIN$1}--${name}`;
+    class Controller extends Controller$6 {
+        constructor(five) {
+            super(five);
+            Object.defineProperty(this, "state", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: {
+                    visible: false,
+                    enabled: true,
+                    disposed: false,
+                }
+            });
+            Object.defineProperty(this, "data", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "linesGroup", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "disposedErrorLog", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    console.error(`${PLUGIN$1} is disposed`);
+                }
+            });
+            Object.defineProperty(this, "actionWhenEnabled", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (func) => {
+                    if (this.state.enabled)
+                        return func();
+                }
+            });
+            Object.assign(window, { [`__${PLUGIN_NAME$1}_DEBUG__`]: this });
+        }
+        async load(serverData, state, userAction = true) {
+            const prevData = this.data ? JSON.parse(JSON.stringify(this.data)) : undefined;
+            // format server data to plugin data
+            const data = await this.formatData(serverData);
+            this.hooks.emit('dataChange', data, prevData);
+            this.data = data;
+            // render line group
+            if (this.linesGroup)
+                this.five.scene.remove(this.linesGroup);
+            const linesGroup = this.getLinesGroup(data.routes);
+            if (!linesGroup)
+                return;
+            this.linesGroup = linesGroup;
+            this.five.scene.add(linesGroup);
+            this.handleVisible(this.state.visible);
+            this.handleEnable(this.state.enabled);
+            // initialize plugin state
+            if (state)
+                this.setState(state);
+            // load end
+            this.five.needsRender = true;
+            this.hooks.emit('dataLoaded', data);
+            console.log(`${PLUGIN$1} loaded`, data);
+        }
+        async formatData(serverData) {
+            if (typeof serverData === 'object' && serverData !== null && serverData.version && serverData.data) {
+                return serverData.data;
+            }
+            return serverData;
+        }
+        async show(options) {
+            this.setState({ visible: true }, options);
+        }
+        async hide(options) {
+            this.setState({ visible: false }, options);
+        }
+        enable(options) {
+            this.setState({ enabled: true }, options);
+        }
+        disable(options) {
+            this.setState({ enabled: false }, options);
+        }
+        dispose() {
+            this.setState({ disposed: true });
+        }
+        setState(state, options) {
+            var _a;
+            if (this.state.disposed)
+                return this.disposedErrorLog();
+            const prevState = Object.assign({}, this.state);
+            this.state = Object.assign(Object.assign({}, this.state), state);
+            if (state.disposed !== undefined && state.disposed !== prevState.disposed) {
+                if (state.disposed)
+                    this.handleDispose();
+            }
+            if (state.visible !== undefined && state.visible !== prevState.visible) {
+                this.handleVisible(state.visible, options === null || options === void 0 ? void 0 : options.userAction);
+            }
+            if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
+                this.handleEnable(state.enabled, options === null || options === void 0 ? void 0 : options.userAction);
+            }
+            if (!equal(prevState, this.state, { deep: true })) {
+                this.hooks.emit('stateChange', { state: this.state, prevState, userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
+                this.five.needsRender = true;
+            }
+        }
+        handleEnable(enabled, userAction = true) {
+            if (this.linesGroup) {
+                if (enabled) {
+                    this.five.scene.add(this.linesGroup);
+                    this.actionWhenEnabled(() => this.hooks.emit('enable', { userAction }));
+                }
+                else {
+                    this.five.scene.remove(this.linesGroup);
+                    this.hooks.emit('disable', { userAction });
+                }
+            }
+        }
+        handleVisible(visible, userAction = true) {
+            if (this.linesGroup) {
+                if (visible) {
+                    this.linesGroup.visible = true;
+                    this.actionWhenEnabled(() => this.hooks.emit('show', { userAction }));
+                }
+                else {
+                    this.linesGroup.visible = false;
+                    this.actionWhenEnabled(() => this.hooks.emit('hide', { userAction }));
+                }
+            }
+        }
+        handleDispose() {
+            if (this.linesGroup)
+                this.five.scene.add(this.linesGroup);
+        }
+        /**
+         * 获取多条路线的 Mesh Group
+         */
+        getLinesGroup(routes) {
+            /** 'as THREE.Mesh[]' for build check */
+            const meshes = routes.map(this.getLineMesh.bind(this)).filter(notNil);
+            const group = new THREE__namespace.Group();
+            group.name = pluginFlag('route-group');
+            if (meshes.length === 0)
+                return;
+            group.add(...meshes);
+            return group;
+        }
+        /**
+         * 获取单条路线的 Mesh
+         */
+        getLineMesh(data) {
+            const positions = data.panoIndexList.map((panoIndex) => { var _a; return (_a = this.five.work.observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.standingPosition; }).filter(notNil);
+            const geometry = getLineGeometry(positions);
+            if (!geometry)
+                return;
+            const material = getArrowMaterial({ textureUrl: data.arrowTextureUrl });
+            const mesh = new THREE__namespace.Mesh(geometry, material);
+            mesh.name = pluginFlag('route-line-mesh');
+            // mesh.renderOrder = 3
+            return mesh;
+        }
+    }
+    Object.defineProperty(Controller, "lasestVersion", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: VERSION$1
+    });
+
+    const GuideLinePlugin = (five) => new Controller(five);
+
+    /** 坐标转换成单位向量 */
+    function coordinatesToVector(coordinates) {
+        const distance = Math.abs(Math.cos(coordinates.latitude));
+        return new THREE__namespace.Vector3(
+        /* x */ -Math.sin(coordinates.longitude) * distance, 
+        /* y */ -Math.sin(coordinates.latitude), 
+        /* z */ -Math.cos(coordinates.longitude) * distance);
+    }
+
+    /**
+     * @description: 获取coordinates间的夹角
+     * @return {number} 夹角角度
+     */
+    function coordinatesAngle(coordinates1, coordinates2) {
+        const vector1 = coordinatesToVector(coordinates1);
+        const vector2 = coordinatesToVector(coordinates2);
+        const angle = vector1.angleTo(vector2);
+        return angle;
+    }
+
+    const safeCall = async (fn) => {
+        try {
+            // eslint-disable-next-line prettier/prettier
+            fn().then(() => { }, () => { }).catch(() => { });
+        }
+        catch (e) { }
+    };
+
+    const TAU = Math.PI * 2;
+    /**
+     * 将弧度转成 0 - 2PI 中的值
+     * @param rad - 任意弧度值
+     * @return 0 - 2PI 的数值
+     */
+    function formatRad(rad) {
+        if (rad >= 0 && rad < TAU)
+            return rad;
+        return ((rad % TAU) + TAU) % TAU;
+    }
+
+    /** 单位向量转换成坐标 */
+    function vectorToCoordinates(vector) {
+        return {
+            longitude: formatRad(-Math.atan2(vector.x, -vector.z)),
+            latitude: -Math.asin(vector.y / 1),
+        };
+    }
+
+    // eslint-disable-next-line max-params
+    function linerValue(x0, v0, t1, t) {
+        const a = -x0 / t1;
+        const d = x0;
+        return a * t + d;
+    }
+
+    function sleep(duration) {
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                resolve();
+            }, duration);
+        });
+    }
+
+    const VERSION = 'v1.0.6';
+    const PLUGIN_NAME = 'CruisePlugin';
+    const PLUGIN = `${PLUGIN_NAME}@${VERSION}`;
+    const disposedErrorLog = () => {
+        console.error(`${PLUGIN} is disposed`);
+    };
+    const disableWarnLog = () => {
+        console.warn(`${PLUGIN} is disabled`);
+    };
+    const disableErrorLog = () => {
+        console.error(`${PLUGIN} is disabled`);
+    };
+    const pauseDataMap = new Map();
+    class CruisePluginController extends Controller$6 {
+        constructor(five) {
+            super(five);
+            Object.defineProperty(this, "state", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: {
+                    visible: true,
+                    enabled: true,
+                    disposed: false,
+                    playing: false,
+                    speed: 1,
+                    config: {
+                        speedConfig: {
+                            rotateSpeed: 0.001,
+                            rotateSpeedUnit: 'rad/ms',
+                            moveSpeed: 0.002,
+                            moveSpeedUnit: 'm/ms',
+                        },
+                    },
+                }
+            });
+            Object.defineProperty(this, "data", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "privateState", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: {
+                    playing: false,
+                    currentPlayQueue: [],
+                    currentPlayKeyframe: null,
+                    broke: false,
+                    disposers: [],
+                }
+            });
+            Object.defineProperty(this, "GuideLine", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.assign(window, { [`__${PLUGIN_NAME}_DEBUG__`]: this });
+            const setFiveLinearUpdateCamera = this.setFiveLinearUpdateCamera.bind(this);
+            const setFiveOriginUpdateCamera = this.setFiveOriginUpdateCamera.bind(this);
+            this.hooks.on('play', setFiveLinearUpdateCamera);
+            this.hooks.on('broke', setFiveOriginUpdateCamera);
+            this.hooks.on('end', setFiveOriginUpdateCamera);
+            this.hooks.on('pause', setFiveOriginUpdateCamera);
+            this.privateState.disposers.push(() => {
+                this.hooks.off('play', setFiveLinearUpdateCamera);
+                this.hooks.off('broke', setFiveOriginUpdateCamera);
+                this.hooks.off('end', setFiveOriginUpdateCamera);
+                this.hooks.off('pause', setFiveOriginUpdateCamera);
+            });
+        }
+        /**
+         * @description Load Data and State
+         */
+        async load(serverData, state, userAction) {
+            var _a, _b, _c, _d, _e;
+            if (this.state.disposed)
+                return disposedErrorLog();
+            if (!this.privateState.fiveOriginGetProgress) {
+                if (!((_b = (_a = this.five.controller) === null || _a === void 0 ? void 0 : _a.cameraMotion) === null || _b === void 0 ? void 0 : _b.getProgress)) {
+                    await this.waitFiveLoaded();
+                    this.privateState.fiveOriginGetProgress = (_d = (_c = this.five.controller) === null || _c === void 0 ? void 0 : _c.cameraMotion) === null || _d === void 0 ? void 0 : _d.getProgress;
+                }
+            }
+            this.clear();
+            // copy this.data
+            const prevData = this.data ? JSON.parse(JSON.stringify(this.data)) : undefined;
+            // format server data to plugin data
+            const data = await this.formatData(serverData);
+            this.data = data;
+            this.hooks.emit('dataChange', data, prevData);
+            let guideLinePanoIndex = [];
+            let tempFloorIndex;
+            // filter panoIndex list Data
+            const hasPanoIndexKeyframes = this.data.keyframes.filter((keyframe) => keyframe.data.panoIndex !== undefined);
+            hasPanoIndexKeyframes
+                .filter((keyframe, index) => { var _a; return keyframe.data.panoIndex !== ((_a = hasPanoIndexKeyframes[index - 1]) === null || _a === void 0 ? void 0 : _a.data.panoIndex); })
+                .map((keyframe) => keyframe.data.panoIndex)
+                .forEach((panoIndex) => {
+                var _a, _b;
+                const floorIndex = (_a = this.five.work.observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.floorIndex;
+                if (floorIndex === undefined)
+                    return;
+                if (tempFloorIndex === floorIndex) {
+                    const index = guideLinePanoIndex.length - 1;
+                    guideLinePanoIndex[index] = [...((_b = guideLinePanoIndex[index]) !== null && _b !== void 0 ? _b : []), panoIndex];
+                }
+                else {
+                    tempFloorIndex = floorIndex;
+                    const index = guideLinePanoIndex.length;
+                    guideLinePanoIndex[index] = [panoIndex];
+                }
+            });
+            // initialize GuideLinePlugin
+            if (!this.GuideLine)
+                this.GuideLine = GuideLinePlugin(this.five);
+            // load GuideLine
+            (_e = this.GuideLine) === null || _e === void 0 ? void 0 : _e.load({ routes: guideLinePanoIndex.map((route) => ({ panoIndexList: route })) });
+            // first pause
+            this.setState({ playing: false });
+            // set state
+            this.handleVisible(this.state.visible);
+            this.handleEnable(this.state.enabled);
+            this.changePlayState(this.state.playing);
+            this.changeSpeed(this.state.speed);
+            // initialize plugin state
+            if (state)
+                this.setState(state, { userAction });
+            // load end
+            console.log(`${PLUGIN} loaded`, data);
+            this.hooks.emit('dataLoaded', data);
+        }
+        /**
+         * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+         */
+        play(options) {
+            this.setState({ playing: true }, options);
+        }
+        /**
+         * @description If playing, first pause, then play from keyframes index/id
+         * @param {number} options.index play from keyframes index
+         * @param {string} options.id play from keyframes id
+         */
+        playFrom(options) {
+            const { index, id, userAction } = options;
+            if (this.state.playing)
+                this.setState({ playing: false }, { userAction });
+            this.setState({ playing: true }, { userAction, playFromIndex: index, playFromId: id });
+        }
+        /**
+         * @description Play from first keyframe
+         */
+        playFromStart(options) {
+            return this.playFrom(Object.assign(Object.assign({}, options), { index: 0 }));
+        }
+        /**
+         * @description Pause
+         */
+        pause(options) {
+            this.setState({ playing: false }, options);
+        }
+        /**
+         * @description Show guide line
+         */
+        async show(options) {
+            this.setState({ visible: true }, options);
+        }
+        /**
+         * @description Hide guide line
+         */
+        async hide(options) {
+            this.setState({ visible: false }, options);
+        }
+        /**
+         * @description Enable
+         */
+        enable(options) {
+            this.setState({ enabled: true }, options);
+        }
+        /**
+         * @description Disable
+         */
+        disable(options) {
+            this.setState({ enabled: false }, options);
+        }
+        /**
+         * @description Dispose
+         */
+        dispose() {
+            this.setState({ disposed: true });
+        }
+        /**
+         * @description Set state
+         */
+        setState(state, options) {
+            var _a;
+            if (this.state.disposed)
+                return disposedErrorLog();
+            if (!this.state.enabled) {
+                // when plugin is disabled, only can change enabled or disposed to true
+                if (state.enabled !== true && state.disposed !== true)
+                    return disableErrorLog();
+            }
+            const prevState = Object.assign({}, this.state);
+            this.state = Object.assign(Object.assign({}, this.state), state);
+            if (state.disposed !== undefined && state.disposed !== prevState.disposed) {
+                if (state.disposed)
+                    this.handleDispose();
+            }
+            if (state.visible !== undefined && state.visible !== prevState.visible) {
+                this.handleVisible(state.visible, options === null || options === void 0 ? void 0 : options.userAction);
+            }
+            if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
+                this.handleEnable(state.enabled, options === null || options === void 0 ? void 0 : options.userAction);
+            }
+            if (state.playing !== undefined && state.playing !== prevState.playing) {
+                this.changePlayState(state.playing, options);
+            }
+            if (state.speed !== undefined && state.speed !== prevState.speed) {
+                this.changeSpeed(state.speed, options === null || options === void 0 ? void 0 : options.userAction);
+            }
+            if (!equal(prevState, this.state, { deep: true })) {
+                console.log('--emit stateChange--', this.state);
+                this.hooks.emit('stateChange', { state: this.state, prevState, userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
+            }
+        }
+        /**
+         * @description Format data
+         */
+        async formatData(serverData) {
+            if (!this.five.work)
+                await this.waitFiveLoaded();
+            const observers = this.five.work.observers;
+            const data = (() => {
+                const _serverData = serverData;
+                if (typeof _serverData === 'object' && _serverData !== null && _serverData.version && _serverData.data) {
+                    return _serverData.data;
+                }
+                return _serverData;
+            })();
+            if (data.keyframes) {
+                return {
+                    keyframesId: uuid(),
+                    keyframes: data.keyframes.map((keyframe, index) => {
+                        var _a;
+                        const nextKeyframe = data.keyframes[index + 1];
+                        const stay = (() => {
+                            if (!nextKeyframe)
+                                return 0;
+                            if (nextKeyframe.start === undefined || keyframe.end === undefined)
+                                return 0;
+                            return nextKeyframe.start - keyframe.end;
+                        })();
+                        return Object.assign({ id: (_a = keyframe.uuid) !== null && _a !== void 0 ? _a : uuid(), moveIndex: index, stay, index }, keyframe);
+                    }),
+                };
+            }
+            else if (data.panoIndexList) {
+                let keyframes = [];
+                const { moveEffect, moveToFirstPanoEffect } = data;
+                this.privateState.moveToFirstPanoEffect = moveToFirstPanoEffect;
+                data.panoIndexList
+                    .filter((panoIndex, index) => panoIndex !== data.panoIndexList[index - 1])
+                    .forEach((panoIndex, index) => {
+                    const lookatNextPanoIndex = (() => {
+                        var _a, _b, _c, _d;
+                        const nextPanoIndex = data.panoIndexList[index + 1];
+                        if (nextPanoIndex === undefined)
+                            return;
+                        const vectorFrom = (_a = observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.position;
+                        const vectorTo = (_b = observers[nextPanoIndex]) === null || _b === void 0 ? void 0 : _b.position;
+                        if (!vectorTo || !vectorFrom)
+                            return;
+                        // if panoIndex and next panoIndex isn't in same floor, return
+                        if (((_c = observers[panoIndex]) === null || _c === void 0 ? void 0 : _c.floorIndex) !== ((_d = observers[nextPanoIndex]) === null || _d === void 0 ? void 0 : _d.floorIndex))
+                            return;
+                        const vector = new THREE__namespace.Vector3().subVectors(vectorTo, vectorFrom);
+                        return vectorToCoordinates(vector);
+                    })();
+                    if (data.moveType === undefined || data.moveType === 'justMove') {
+                        // move to panoIndex, latitude, longitude
+                        keyframes.push({
+                            moveIndex: index,
+                            stay: data.stay,
+                            data: Object.assign({ effect: 'Move', panoIndex, moveEffect }, (lookatNextPanoIndex !== null && lookatNextPanoIndex !== void 0 ? lookatNextPanoIndex : {})),
+                        });
+                    }
+                    else if (data.moveType === 'moveAndRotate') {
+                        // move to panoIndex, then rotate to latitude and longitude
+                        keyframes.push({ moveIndex: index, stay: data.stay, data: { effect: 'Move', panoIndex, moveEffect } });
+                        if (lookatNextPanoIndex)
+                            keyframes.push({ moveIndex: index, stay: data.stay, data: Object.assign({ effect: 'Rotate', panoIndex }, lookatNextPanoIndex) });
+                    }
+                });
+                return { keyframesId: uuid(), keyframes: keyframes.map((keyframe, index) => (Object.assign({ id: uuid(), index }, keyframe))) };
+            }
+            else {
+                throw new Error('format error: data no keyframes or no panoIndexList');
+            }
+        }
+        handleEnable(enabled, userAction = true) {
+            var _a, _b;
+            if (enabled) {
+                (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.enable();
+                this.hooks.emit('enable', { userAction });
+            }
+            else {
+                (_b = this.GuideLine) === null || _b === void 0 ? void 0 : _b.disable();
+                this.changePlayState(false, { userAction });
+                this.hooks.emit('disable', { userAction });
+            }
+            this.state.enabled = enabled;
+        }
+        handleVisible(visible, userAction = true) {
+            var _a, _b;
+            if (visible) {
+                (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.show();
+                this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));
+            }
+            else {
+                (_b = this.GuideLine) === null || _b === void 0 ? void 0 : _b.hide();
+                this.actionIfStateIsEnabled(() => this.hooks.emit('hide', { userAction }));
+            }
+            this.state.visible = visible;
+        }
+        changePlayState(play, options) {
+            this.actionIfStateIsEnabled(() => { var _a; return this.hooks.emit('playStateChange', play ? 'playing' : 'pause', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true }); });
+            play ? this.handlePlay(options) : this.handlePause(options);
+            this.state.playing = play;
+        }
+        /**
+         * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+         * @param {number} options.playFromIndex play from keyframes index
+         * @param {string} options.playFromId play from keyframes id
+         */
+        // eslint-disable-next-line complexity
+        async handlePlay(options) {
+            var _a;
+            const { data, state, privateState, hooks } = this;
+            // check whether keyframes can be played
+            if (privateState.playing)
+                return;
+            if (!(data === null || data === void 0 ? void 0 : data.keyframes) || (data === null || data === void 0 ? void 0 : data.keyframes.length) === 0)
+                return;
+            // set current play id
+            const currentPlayId = uuid();
+            // if handlePlay function is called again before play end, currentPlayId isn't equal to privateState.playId
+            privateState.playId = currentPlayId;
+            // set state
+            privateState.playing = true;
+            privateState.broke = false;
+            const keyframes = data.keyframes;
+            const pauseData = this.getPauseData();
+            if ((options === null || options === void 0 ? void 0 : options.notEmitEvent) !== true) {
+                hooks.emit('play', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
+            }
+            let playedFirstKeyframe = false;
+            const getPlayFromIndex = async () => {
+                var _a, _b;
+                // play from index
+                if ((options === null || options === void 0 ? void 0 : options.playFromIndex) !== undefined)
+                    return options.playFromIndex;
+                // play from id
+                else if ((options === null || options === void 0 ? void 0 : options.playFromId) !== undefined)
+                    return (_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframes.findIndex((keyframe) => keyframe.id === options.playFromId);
+                // play from pause position
+                else if (pauseData === null || pauseData === void 0 ? void 0 : pauseData.keyframeId) {
+                    const pausedKeyframe = (_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframes.find((keyframe) => keyframe.id === pauseData.keyframeId);
+                    // restore paused state
+                    if (pauseData === null || pauseData === void 0 ? void 0 : pauseData.fiveState)
+                        await this.move(pauseData.fiveState, { moveEffect: privateState.moveToFirstPanoEffect });
+                    if (pausedKeyframe) {
+                        if (pausedKeyframe.data.effect === 'Move')
+                            return pausedKeyframe.index;
+                        else if (pausedKeyframe.data.effect === 'Rotate') {
+                            const duration = pauseData.duration !== undefined ? pauseData.duration * (1 - pauseData.playedProgress) : undefined;
+                            await this.playKeyframe(pausedKeyframe, { duration });
+                            playedFirstKeyframe = true;
+                            // playFromIndex += 1 cause played last part of paused keyframe
+                            return pausedKeyframe.index + 1;
+                        }
+                    }
+                }
+            };
+            const playFromIndex = await getPlayFromIndex();
+            this.clearPauseData();
+            // play keyframes
+            for (const keyframe of keyframes) {
+                if (privateState.broke || !state.playing || !privateState.playing)
+                    return;
+                if (currentPlayId !== privateState.playId)
+                    return;
+                // jump to start keyframe
+                if (playFromIndex !== undefined && keyframe.index < playFromIndex)
+                    continue;
+                // play single keyframe
+                try {
+                    console.log('playIndexChange', keyframe.index);
+                    hooks.emit('playIndexChange', keyframe.index, keyframe);
+                    console.log({ playFromIndex });
+                    await this.playKeyframe(keyframe, {
+                        moveEffect: playedFirstKeyframe === false ? privateState.moveToFirstPanoEffect : undefined,
+                        duration: 800,
+                    });
+                    if (keyframe.stay)
+                        await sleep(keyframe.stay);
+                    if (playedFirstKeyframe === false)
+                        playedFirstKeyframe = true;
+                }
+                catch (error) {
+                    return Promise.resolve('broke');
+                    // if think the play be interupted by five gesture is an error, return Promise.reject(error)
+                    // return Promise.reject(error)
+                }
+            }
+            if (state.playing && currentPlayId === privateState.playId) {
+                this.setState({ playing: false }, { userAction: false });
+                console.log('--emit end--');
+                hooks.emit('end');
+                this.clearPauseData();
+            }
+        }
+        /**
+         * @description: Pause and record pause state
+         */
+        handlePause(options) {
+            var _a;
+            const { state, privateState, hooks } = this;
+            state.playing = false;
+            if (privateState.playing === false)
+                return;
+            privateState.playing = false;
+            this.setPauseData();
+            if (!privateState.broke)
+                this.forceInteruptUpdateCamera();
+            console.log('--emit pause--');
+            if ((options === null || options === void 0 ? void 0 : options.notEmitEvent) !== true) {
+                hooks.emit('pause', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
+            }
+        }
+        /**
+         * @description Play single keyframe
+         */
+        async playKeyframe(keyframe, params) {
+            var _a;
+            const { privateState } = this;
+            if (((_a = this.privateState.currentPlayKeyframe) === null || _a === void 0 ? void 0 : _a.keyframe.id) !== keyframe.id)
+                this.privateState.currentPlayKeyframe = { keyframe };
+            privateState.currentPlayQueue.push(this.getPlayPromise(keyframe, params));
+            return this.actionPromiseQueue();
+        }
+        /**
+         * @description: listen interupted by five gesture
+         */
+        addInterruptListener(callback) {
+            this.five.once('gesture', callback);
+            this.five.once('modeChange', callback);
+            return () => {
+                this.five.off('gesture', callback);
+                this.five.once('modeChange', callback);
+            };
+        }
+        /**
+         * @description: getPlayPromise
+         */
+        async getPlayPromise(keyframe, params) {
+            var _a;
+            const data = keyframe.data;
+            (_a = params === null || params === void 0 ? void 0 : params.duration) !== null && _a !== void 0 ? _a : (keyframe.start !== undefined && keyframe.end !== undefined ? keyframe.end - keyframe.start : undefined);
+            if (!data)
+                return;
+            return new Promise((resolve, reject) => {
+                let fulfilled = false;
+                this.addInterruptListener(() => {
+                    if (fulfilled)
+                        return;
+                    console.log('--emit broke--');
+                    this.hooks.emit('broke');
+                    this.privateState.broke = true;
+                    this.setState({ playing: false });
+                    fulfilled = true;
+                    return reject(new Error('play is interupted'));
+                });
+                try {
+                    if (fulfilled)
+                        return;
+                    const res = () => {
+                        resolve();
+                        fulfilled = true;
+                    };
+                    switch (data.effect) {
+                        case 'Move':
+                            this.move(data, params).then(res);
+                            break;
+                        case 'Rotate':
+                            this.rotate(data, params).then(res);
+                            break;
+                        default:
+                            this.rotate(data, params).then(res);
+                    }
+                }
+                catch (e) { }
+            });
+        }
+        /**
+         * @description Action promise queue in sequence
+         */
+        async actionPromiseQueue() {
+            const { privateState } = this;
+            return new Promise((resolve, reject) => {
+                if (privateState.currentPlayQueue.length === 0) {
+                    resolve();
+                    return;
+                }
+                const promise = privateState.currentPlayQueue.shift();
+                if (!promise) {
+                    resolve();
+                    return;
+                }
+                promise.then(resolve, reject);
+            }).then(() => {
+                if (privateState.currentPlayQueue.length === 0)
+                    return Promise.resolve();
+                return this.actionPromiseQueue();
+            });
+        }
+        /**
+         * @description Action move keyframe
+         */
+        async move(data, params) {
+            console.log('--move--', data.panoIndex);
+            if (data.mode && data.mode !== this.five.currentMode) {
+                await this.changeMode(data);
+            }
+            else if (data.panoIndex !== this.five.panoIndex) {
+                await this.changePano(data, params);
+            }
+            else {
+                return Promise.resolve();
+            }
+            // await updateCamera(data)
+        }
+        /**
+         * @description Action rotate keyframe
+         */
+        async rotate(data, params) {
+            console.log('--rotate--', data);
+            if (data.mode && data.mode !== this.five.currentMode) {
+                await this.changeMode({ mode: data.mode, panoIndex: data.panoIndex });
+            }
+            else if (data.panoIndex && data.panoIndex !== this.five.panoIndex) {
+                return await this.changePano(data, params);
+            }
+            await this.updateCamera(data, params === null || params === void 0 ? void 0 : params.duration);
+        }
+        /**
+         * @description Update five camera
+         */
+        async updateCamera(data, paramsDuration = 800) {
+            const { five, privateState, state } = this;
+            let originDuration = paramsDuration;
+            const speed = (() => {
+                var _a, _b;
+                const speedConfig = (_a = state.config) === null || _a === void 0 ? void 0 : _a.speedConfig;
+                const speedValue = (_b = data.rotateSpeed) !== null && _b !== void 0 ? _b : speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.rotateSpeed;
+                if ((speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.rotateSpeedUnit) === undefined)
+                    return speedValue;
+                if (speedValue !== undefined) {
+                    return speedConfig.rotateSpeedUnit === 'rad/ms' ? speedValue : speedValue / 1000;
+                }
+            })();
+            if (speed) {
+                const coordinates1 = this.five.getCurrentState();
+                const coordinates2 = data;
+                const angle = coordinatesAngle(coordinates1, coordinates2);
+                originDuration = angle / speed;
+            }
+            if (privateState.currentPlayKeyframe)
+                privateState.currentPlayKeyframe.originDuration = originDuration;
+            const duration = this.getSpeededDuration(originDuration);
+            return new Promise((resolve) => {
+                safeCall(() => five.updateCamera(data, duration));
+                setTimeout(() => resolve(), duration);
+            });
+        }
+        /**
+         * @description: Change five pano
+         */
+        async changePano(data, params) {
+            var _a;
+            const { five, privateState, state } = this;
+            if (typeof data.panoIndex !== 'number')
+                return;
+            if (data.panoIndex === five.panoIndex)
+                return;
+            let originDuration = (_a = params === null || params === void 0 ? void 0 : params.duration) !== null && _a !== void 0 ? _a : 800;
+            const speed = (() => {
+                var _a, _b;
+                const speedConfig = (_a = state.config) === null || _a === void 0 ? void 0 : _a.speedConfig;
+                const speedValue = (_b = data.moveSpeed) !== null && _b !== void 0 ? _b : speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.moveSpeed;
+                if ((speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.moveSpeedUnit) === undefined)
+                    return speedValue;
+                if (speedValue !== undefined) {
+                    return speedConfig.moveSpeedUnit === 'm/ms' ? speedValue : speedValue / 1000;
+                }
+            })();
+            if (speed && typeof five.panoIndex === 'number' && typeof data.panoIndex === 'number') {
+                const postion1 = five.work.observers[five.panoIndex].position;
+                const postion2 = five.work.observers[data.panoIndex].position;
+                const distance = postion1.distanceTo(postion2);
+                originDuration = distance / speed;
+            }
+            if (privateState.currentPlayKeyframe)
+                privateState.currentPlayKeyframe.originDuration = originDuration;
+            const duration = this.getSpeededDuration(originDuration);
+            return new Promise((resolve) => {
+                var _a, _b, _c;
+                five.moveToPano(data.panoIndex, {
+                    latitude: data.latitude,
+                    longitude: data.longitude,
+                    fov: data.fov,
+                    duration,
+                    effect: (_c = (_a = params === null || params === void 0 ? void 0 : params.moveEffect) !== null && _a !== void 0 ? _a : (_b = this.state.config) === null || _b === void 0 ? void 0 : _b.moveEffect) !== null && _c !== void 0 ? _c : data.moveEffect,
+                    moveCancelCallback: () => resolve(),
+                    moveEndCallback: () => resolve(),
+                });
+            });
+        }
+        /**
+         * @description: Change play speed
+         */
+        changeSpeed(speed, userAction = true) {
+            const { state, privateState, hooks } = this;
+            const { currentPlayKeyframe } = privateState;
+            hooks.emit('speedChange', speed, { userAction });
+            if (state.playing && currentPlayKeyframe) {
+                try {
+                    const duration = currentPlayKeyframe.originDuration !== undefined ? currentPlayKeyframe.originDuration * (1 - this.getProgress()) : undefined;
+                    console.log('--speedChange--', speed, { duration });
+                    const promise = this.playKeyframe(currentPlayKeyframe.keyframe, { duration });
+                    privateState.currentPlayQueue.push(promise);
+                }
+                catch (e) { }
+            }
+        }
+        /**
+         * @description Get duration by speed
+         */
+        getSpeededDuration(duration) {
+            return duration / this.state.speed;
+        }
+        /**
+         * @description Get ratate progress
+         */
+        getProgress() {
+            return this.five.controller.cameraMotion.progress;
+        }
+        /**
+         * @description Change five mode
+         */
+        async changeMode(data, duration) {
+            if (data.mode && data.mode !== this.five.currentMode) {
+                await this.five.changeMode(data.mode, data, duration);
+            }
+        }
+        /**
+         * @description Force interupt five updateCamera
+         */
+        forceInteruptUpdateCamera() {
+            this.five.updateCamera({}, 0);
+        }
+        getPauseData() {
+            var _a, _b;
+            if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
+                return pauseDataMap.get((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId);
+        }
+        /**
+         * @description Set pause data
+         */
+        setPauseData() {
+            var _a, _b, _c, _d;
+            if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
+                return pauseDataMap.set((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId, {
+                    keyframeId: (_c = this.privateState.currentPlayKeyframe) === null || _c === void 0 ? void 0 : _c.keyframe.id,
+                    fiveState: this.five.getCurrentState(),
+                    duration: (_d = this.privateState.currentPlayKeyframe) === null || _d === void 0 ? void 0 : _d.originDuration,
+                    playedProgress: this.getProgress(),
+                });
+        }
+        /**
+         * @description Clear pause data
+         */
+        clearPauseData() {
+            var _a, _b;
+            if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
+                return pauseDataMap.delete((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId);
+        }
+        /**
+         * @description: Restore state that before loaded
+         */
+        clear() {
+            this.clearPauseData();
+            this.privateState.currentPlayKeyframe = null;
+        }
+        // TODO
+        handleDispose() {
+            var _a, _b;
+            this.setState({ playing: false });
+            this.clearPauseData();
+            this.clear();
+            (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.dispose();
+            this.GuideLine = undefined;
+            (_b = this.privateState.disposers) === null || _b === void 0 ? void 0 : _b.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        }
+        /**
+         * @description Action function if plugin is enable
+         */
+        actionIfStateIsEnabled(func, options) {
+            if (this.state.enabled)
+                return func();
+            else {
+                if (options === null || options === void 0 ? void 0 : options.warnLog)
+                    disableWarnLog();
+            }
+        }
+        /**
+         * @description: Wait for five work ready
+         */
+        async waitFiveLoaded() {
+            return new Promise((resolve) => {
+                if (this.five.work) {
+                    resolve();
+                    return;
+                }
+                this.five.once('loaded', () => {
+                    resolve();
+                });
+            });
+        }
+        setFiveLinearUpdateCamera() {
+            if (!this.privateState.fiveOriginGetProgress)
+                return;
+            this.five.controller.cameraMotion.getProgress = (time) => {
+                const cameraMotion = this.five.controller.cameraMotion;
+                const deltaTime = time - cameraMotion.startTime;
+                if (deltaTime < 0)
+                    return 0;
+                if (deltaTime >= cameraMotion.duration)
+                    return 1;
+                return 1 - linerValue(1, cameraMotion.startVelocity, cameraMotion.duration, deltaTime);
+            };
+        }
+        setFiveOriginUpdateCamera() {
+            if (!this.privateState.fiveOriginGetProgress)
+                return;
+            this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress;
+        }
+    }
+    Object.defineProperty(CruisePluginController, "PluginVersion", {
+        enumerable: true,
+        configurable: true,
+        writable: true,
+        value: VERSION
+    });
+
+    const CruisePlugin = (five) => new CruisePluginController(five);
+
     const DnalogelVersion = '2.0.0-alpha.49';
 
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
+    exports.CruisePlugin = CruisePlugin;
+    exports.CruisePluginController = CruisePluginController;
     exports.DnalogelVersion = DnalogelVersion;
     exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
+    exports.GuideLinePlugin = GuideLinePlugin;
     exports.ItemLabelPlugin = Plugin;
     exports.Magnifier = Magnifier;
     exports.MapviewFloorplanPlugin = MapviewFloorplanPlugin;