@realsee/dnalogel 2.0.0-alpha.56 → 2.0.0-alpha.58

package/libs/GuideLinePlugin/utils/getLineGeometries.js

@@ -0,0 +1,183 @@
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+import getNormals from 'polyline-normals';
+import './getPoint';
+// 定义常量
+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 轴坐标
+/**
+ * @description: 根据坐标获取平滑曲线
+ * @param {Vector3[]} positionList 坐标点数组
+ * @param {number} config.unitWidth 宽
+ * @param {number} config.unitHeight 高
+ * @param {boolean} config.skipPosition 是否越过点位。如果点位上有其他物体，比如点位圆环，可以开启此选项来使越过点位，使其不会重叠显示
+ * @return {THREE.BufferGeometry[]} THREE.BufferGeometry[]
+ */
+export default function getLineGeometries(positionList, config) {
+    var _a, _b, _c;
+    if (positionList.length < 2) {
+        console.warn('positionList length must be greater than 1');
+        return [];
+    }
+    const unitWidth = (_a = config === null || config === void 0 ? void 0 : config.unitWidth) !== null && _a !== void 0 ? _a : 0.5;
+    const unitHeight = (_b = config === null || config === void 0 ? void 0 : config.unitHeight) !== null && _b !== void 0 ? _b : 0.5;
+    const skipPosition = (_c = config === null || config === void 0 ? void 0 : config.skipPosition) !== null && _c !== void 0 ? _c : false;
+    // 点位组成的平滑曲线
+    const curve = new THREE.CatmullRomCurve3(positionList, false, 'catmullrom', 1);
+    if (skipPosition) {
+        // 曲线切片数
+        const divisions = Math.ceil((curve.getLength() / unitHeight) * 1.5); // 一个箭头切1.5点（切几个随意，越多越精准）
+        const curvePoints = curve.getPoints(divisions);
+        const geometries = [];
+        let startIndex = 0;
+        // curvePoints.forEach((point) => {
+        //   const p1 = getPoint(point, 1)
+        //   ;(window as any).five.scene.add(p1)
+        // })
+        const originPositions = positionList;
+        // eslint-disable-next-line complexity
+        originPositions.forEach((originPosition, index) => {
+            let nearestCurvePointIndex = 0;
+            let distance = 99999999;
+            // 获取离panoIndex最近的曲线点curvePoint
+            curvePoints.forEach((curvePoint, curvePointIndex) => {
+                const curvePointDistanceToOriginPosition = curvePoint.distanceTo(originPosition);
+                if (curvePointDistanceToOriginPosition < distance) {
+                    nearestCurvePointIndex = curvePointIndex;
+                    distance = curvePointDistanceToOriginPosition;
+                }
+            });
+            const nextCurvePoint = curvePoints[nearestCurvePointIndex + 1];
+            const nextCurvePointDistanceToOriginPosition = nextCurvePoint === null || nextCurvePoint === void 0 ? void 0 : nextCurvePoint.distanceTo(originPosition);
+            const lastCurvePoint = curvePoints[nearestCurvePointIndex - 1];
+            const lastCurvePointDistanceToOriginPosition = lastCurvePoint === null || lastCurvePoint === void 0 ? void 0 : lastCurvePoint.distanceTo(originPosition);
+            if (nearestCurvePointIndex > startIndex && nearestCurvePointIndex - startIndex > 1) {
+                let endIndex = nearestCurvePointIndex;
+                // endIndex
+                if (lastCurvePoint !== undefined && lastCurvePointDistanceToOriginPosition > 0.8) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                if (lastCurvePoint !== undefined &&
+                    lastCurvePointDistanceToOriginPosition > 0.2 &&
+                    lastCurvePointDistanceToOriginPosition < 0.3) {
+                    endIndex = nearestCurvePointIndex;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    endIndex = nearestCurvePointIndex + 1;
+                }
+                // end
+                // startIndex
+                let _startIndex = startIndex;
+                if (nextCurvePoint !== undefined &&
+                    nextCurvePointDistanceToOriginPosition > 0.2 &&
+                    nextCurvePointDistanceToOriginPosition < 0.3) {
+                    _startIndex = startIndex + 1;
+                }
+                else if (distance > 0.2 && distance < 0.3) {
+                    _startIndex = startIndex;
+                }
+                if (curvePoints[_startIndex] && curvePoints[_startIndex + 1]) {
+                    const pano = originPositions[index - 1];
+                    if (pano) {
+                        if (pano.equals(curvePoints[_startIndex]))
+                            _startIndex += 1;
+                        else {
+                            const normal = new Vector3().subVectors(curvePoints[_startIndex + 1], curvePoints[_startIndex]);
+                            const panoPosition = new Vector3().subVectors(pano, curvePoints[_startIndex]);
+                            const isBehind = normal.angleTo(panoPosition) < Math.PI / 2;
+                            if (isBehind)
+                                _startIndex += 1;
+                        }
+                    }
+                    // const p0 = getPoint(pano, 0)
+                    // const p1 = getPoint(curvePoints[_startIndex]!, 1)
+                    // const p2 = getPoint(curvePoints[_startIndex + 1]!, 2)
+                    // ;(window as any).five.scene.add(p0, p1, p2)
+                }
+                // end
+                if (endIndex < _startIndex || endIndex - _startIndex <= 1)
+                    return;
+                const slicedCurvePoints = curvePoints.slice(_startIndex, endIndex);
+                const geometry = getLineGeometry(slicedCurvePoints, unitWidth, unitHeight);
+                geometries.push(geometry);
+                startIndex = nearestCurvePointIndex;
+            }
+        });
+        return geometries;
+    }
+    else {
+        // 曲线切片数
+        const divisions = Math.ceil(curve.getLength()); // 一米切一个点
+        const curvePoints = curve.getPoints(divisions);
+        const geometry = getLineGeometry(curvePoints, unitWidth, unitHeight);
+        return [geometry];
+    }
+}
+function getLineGeometry(curvePoints, unitWidth, unitHeight) {
+    const halfUnitWidth = unitWidth / 2;
+    const aspect = unitHeight / unitWidth; // 纵横比 height / width
+    const curvePointsLength = curvePoints.length;
+    const normals = getNormals(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);
+    curvePoints.forEach((point, i) => {
+        // if (i === curvePoints.length - 1) {
+        //   const p1 = getPoint(point, 1)
+        //   ;(window as any).five.scene.add(p1)
+        // } else {
+        //   // const p1 = getPoint(point, 0)
+        //   // ;(window as any).five.scene.add(p1)
+        // }
+        if (i === 0) {
+            // const p1 = getPoint(point, 3)
+            // ;(window as any).five.scene.add(p1)
+        }
+        else {
+            // const p1 = getPoint(point, 0)
+            // ;(window as any).five.scene.add(p1)
+        }
+    });
+    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]
+        const vertices2i = new Vector3(curvePointX + nx * halfUnitWidth, curvePointY + 0.05, curvePointZ + nz * halfUnitWidth);
+        positions[i * 6 + 0] = vertices2i.x;
+        positions[i * 6 + 1] = vertices2i.y;
+        positions[i * 6 + 2] = vertices2i.z;
+        // vertices[2i + 1]
+        const vertices2i1 = new Vector3(curvePointX - nx * halfUnitWidth, curvePointY + 0.05, curvePointZ - nz * halfUnitWidth);
+        positions[i * 6 + 3] = vertices2i1.x;
+        positions[i * 6 + 4] = vertices2i1.y;
+        positions[i * 6 + 5] = vertices2i1.z;
+        totalLength += i > 0 ? curvePoints[i - 1].clone().sub(curvePoints[i]).length() : 0;
+        const end = totalLength / unitWidth / 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.BufferGeometry();
+    geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+    geometry.setAttribute('uv', new THREE.BufferAttribute(uv, 2));
+    geometry.setIndex(new THREE.BufferAttribute(index, 1));
+    return geometry;
+}

package/libs/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/libs/GuideLinePlugin/utils/getLineGeometry.js

@@ -0,0 +1,64 @@
+import * as THREE from 'three';
+import getNormals from 'polyline-normals';
+// 定义常量
+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 轴坐标
+export default 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.CatmullRomCurve3(keyPoints, false, 'catmullrom', 0.5);
+    // 求顶点和 UV
+    const divisions = Math.ceil(curve.getLength()); // 曲线切片数
+    const curvePoints = curve.getPoints(divisions);
+    const curvePointsLength = curvePoints.length;
+    const normals = getNormals(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.BufferGeometry();
+    geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+    geometry.setAttribute('uv', new THREE.BufferAttribute(uv, 2));
+    geometry.setIndex(new THREE.BufferAttribute(index, 1));
+    return geometry;
+}

package/libs/GuideLinePlugin/utils/getPoint.d.ts

@@ -0,0 +1,3 @@
+import * as THREE from 'three';
+export default function getPoint(position?: THREE.Vector3, colorIndex?: number): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+export declare function getAllMesh(): any[];

package/libs/GuideLinePlugin/utils/getPoint.js

@@ -0,0 +1,23 @@
+import * as THREE from 'three';
+const meshes = [];
+export default function getPoint(position = new THREE.Vector3(1, 1, 1), colorIndex = 0) {
+    const geometry = new THREE.SphereGeometry(0.02, 16, 16);
+    const materials = [
+        new THREE.MeshBasicMaterial({ color: 0xffff00 }),
+        new THREE.MeshBasicMaterial({ color: 0xff00ff }),
+        new THREE.MeshBasicMaterial({ color: 0xff0000 }),
+        new THREE.MeshBasicMaterial({ color: 0x00ffff }), // 蓝
+    ];
+    const material = materials[colorIndex];
+    const sphere = new THREE.Mesh(geometry, material);
+    material.depthTest = false;
+    material.transparent = true;
+    material.opacity = 0.6;
+    material.side = THREE.DoubleSide;
+    sphere.position.copy(position);
+    meshes.push(sphere);
+    return sphere;
+}
+export function getAllMesh() {
+    return meshes;
+}

package/libs/ItemLabelPlugin/ItemLabelComponent.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append,

package/libs/ItemLabelPlugin/utils/isImpacted.d.ts

@@ -1,6 +1,8 @@
 import * as THREE from 'three';
 import type { Five } from "@realsee/five";
+declare const Vector3: typeof THREE.Vector3;
 /**
  * 碰撞检测可见性
  * */
 export declare const isImpacted: (five: Five, sourceVector: THREE.Vector3, targetVector: THREE.Vector3, distance: number) => boolean;
+export {};

package/libs/ModelItemLabelPlugin/ItemLabelComponent.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/ModelItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append,

package/libs/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append,

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append,

package/libs/PanoRulerPlugin/Plugin.js

@@ -228,8 +228,14 @@ export const PanoRulerPlugin = (five, params) => {
             if (_name.split(',').indexOf(panoIndex.toString()) >= 0)
                 name = _name;
         }
-        if (!name)
+        if (!name) {
+            for (const _name in __rule) {
+                for (const { $element } of __rule[_name].rules) {
+                    $element.style.display = 'none';
+                }
+            }
             return;
+        }
         const cameraPosition = camera.position;
         const cameraDirection = camera.getWorldDirection(new Vector3());
         const width = element.clientWidth;
@@ -365,24 +371,16 @@ export const PanoRulerPlugin = (five, params) => {
         $rule.setAttribute('class', 'PanoRulerPlugin' + (state.options.className ? ' ' + state.options.className : ''));
         (_b = (_a = five.getElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.append($rule);
         freshRule();
-        five.on('panoArrived', freshRule);
         five.on('modeChange', freshRule);
-        five.on('cameraDirectionUpdate', nextFrameFreshRule);
-        five.on('movingToPano', nextFrameFreshRule);
-        five.on('mouseWheel', throttleFreshRule);
-        five.on('pinchGesture', throttleFreshRule);
+        five.on('cameraUpdate', nextFrameFreshRule);
         state.enable = true;
         return true;
     };
     const disable = () => {
         if (!state.enable)
             return true;
-        five.off('panoArrived', freshRule);
         five.off('modeChange', freshRule);
-        five.off('cameraDirectionUpdate', nextFrameFreshRule);
-        five.off('movingToPano', nextFrameFreshRule);
-        five.off('mouseWheel', throttleFreshRule);
-        five.off('pinchGesture', throttleFreshRule);
+        five.off('cameraUpdate', nextFrameFreshRule);
         if ($rule) {
             $rule.remove();
         }

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	check_outros,

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append_styles,

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.50.1 */
 import {
 	SvelteComponent,
 	append,

package/libs/PanoTagPlugin/Assets/Icon.d.ts

@@ -0,0 +1,2 @@
+export declare const Image_Arrow = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAB0ElEQVRYCe2WSUoEQRBFLVHEiVZU1I03cKW38SSewRt4A5fiTty5cQIFR9pZQWkcUNSe2/Z9yISiSGxRkUAy4BGZSVX168gistraYsQKxArECsQKxApYqkDyU5lmsznMM+ZgAGpQhaUkSRbINgLJCXiCBtSgAkVYtGGIBTKj8AgKSVahDNvQa0IUkUG4Bx91BpLdBTOS/cgUIB3a+gMwI9mFzE3a0I3z5B4r292JzGVA8tSSZILMcUDyzIykthOZvYDk+V9Ktmz4yGzhOhV4/+5YU4N/hzqo0StX3Fg5TcnNlYvgs8bPsM4hkScHoyO46haRnGEYktQVI+4ypUYKyXtxyUu27JCceAMJvjo0HoM5CEZ7cPX7i013q3IWVV5r2aw/2TK+svWbPGU68KQCa6pYeus1V0X99quSfvtVSc39lmfz2mdbz32tg1dAJ0421AVs9E7/FxBSezrMmjI/gm5/nYmMkBq+TqBs7LNgTlZH6EnWlPmORdk+pHQipUNfTxtg7p3NIXWRMvXfoqusmXsNhpC6crIS1Zf9C6yAOdlxpK5BW18CiT7A/G93gE+P0FY/RoO+RWqS62YhB2r4YhlixArECsQKxArECvzjCnwAOr0wF44ggHAAAAAASUVORK5CYII=";
+export declare const Image_Play = "data:image/png;base64,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";

package/libs/PanoTagPlugin/Assets/Icon.js

@@ -0,0 +1,2 @@
+export const Image_Arrow = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAB0ElEQVRYCe2WSUoEQRBFLVHEiVZU1I03cKW38SSewRt4A5fiTty5cQIFR9pZQWkcUNSe2/Z9yISiSGxRkUAy4BGZSVX168gistraYsQKxArECsQKxApYqkDyU5lmsznMM+ZgAGpQhaUkSRbINgLJCXiCBtSgAkVYtGGIBTKj8AgKSVahDNvQa0IUkUG4Bx91BpLdBTOS/cgUIB3a+gMwI9mFzE3a0I3z5B4r292JzGVA8tSSZILMcUDyzIykthOZvYDk+V9Ktmz4yGzhOhV4/+5YU4N/hzqo0StX3Fg5TcnNlYvgs8bPsM4hkScHoyO46haRnGEYktQVI+4ypUYKyXtxyUu27JCceAMJvjo0HoM5CEZ7cPX7i013q3IWVV5r2aw/2TK+svWbPGU68KQCa6pYeus1V0X99quSfvtVSc39lmfz2mdbz32tg1dAJ0421AVs9E7/FxBSezrMmjI/gm5/nYmMkBq+TqBs7LNgTlZH6EnWlPmORdk+pHQipUNfTxtg7p3NIXWRMvXfoqusmXsNhpC6crIS1Zf9C6yAOdlxpK5BW18CiT7A/G93gE+P0FY/RoO+RWqS62YhB2r4YhlixArECsQKxArECvzjCnwAOr0wF44ggHAAAAAASUVORK5CYII=';
+export const Image_Play = 'data:image/png;base64,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';

package/libs/PanoTagPlugin/Components/Common/Arrow.js

@@ -0,0 +1,232 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	append,
+	append_styles,
+	attr,
+	bubble,
+	check_outros,
+	create_component,
+	create_in_transition,
+	create_out_transition,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	group_outros,
+	init,
+	insert,
+	listen,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { fade } from 'svelte/transition';
+import { Image_Arrow } from '../../Assets/Icon';
+import { cubicInOut } from 'svelte/easing';
+import Shadow from './Shadow';
+
+function add_css(target) {
+	append_styles(target, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
+}
+
+// (12:0) {#if visible}
+function create_if_block(ctx) {
+	let div1;
+	let shadow;
+	let t;
+	let div0;
+	let div0_class_value;
+	let div0_intro;
+	let div0_outro;
+	let current;
+	let mounted;
+	let dispose;
+
+	shadow = new Shadow({
+			props: {
+				center: true,
+				blurRadius: 9,
+				spreadRadius: 3,
+				zIndex: -1
+			}
+		});
+
+	return {
+		c() {
+			div1 = element("div");
+			create_component(shadow.$$.fragment);
+			t = space();
+			div0 = element("div");
+			attr(div0, "class", div0_class_value = "arrow " + /*direction*/ ctx[0] + " svelte-1ogmlqq");
+			set_style(div0, "background-image", "url(" + Image_Arrow + ")");
+			attr(div1, "class", "arrow-wrapper svelte-1ogmlqq");
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			mount_component(shadow, div1, null);
+			append(div1, t);
+			append(div1, div0);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(div0, "click", /*click_handler*/ ctx[5]);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (!current || dirty & /*direction*/ 1 && div0_class_value !== (div0_class_value = "arrow " + /*direction*/ ctx[0] + " svelte-1ogmlqq")) {
+				attr(div0, "class", div0_class_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+
+			if (local) {
+				add_render_callback(() => {
+					if (div0_outro) div0_outro.end(1);
+
+					div0_intro = create_in_transition(div0, fade, {
+						duration: /*duration*/ ctx[2],
+						delay: /*inDelay*/ ctx[3],
+						easing: cubicInOut
+					});
+
+					div0_intro.start();
+				});
+			}
+
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			if (div0_intro) div0_intro.invalidate();
+
+			if (local) {
+				div0_outro = create_out_transition(div0, fade, {
+					duration: /*duration*/ ctx[2],
+					delay: /*outDelay*/ ctx[4],
+					easing: cubicInOut
+				});
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+			destroy_component(shadow);
+			if (detaching && div0_outro) div0_outro.end();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*visible*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*visible*/ 2) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { direction = 'right' } = $$props;
+	let { visible = true } = $$props;
+	let { duration = 0 } = $$props;
+	let { inDelay = 0 } = $$props;
+	let { outDelay = 0 } = $$props;
+
+	function click_handler(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	$$self.$$set = $$props => {
+		if ('direction' in $$props) $$invalidate(0, direction = $$props.direction);
+		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
+		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
+		if ('inDelay' in $$props) $$invalidate(3, inDelay = $$props.inDelay);
+		if ('outDelay' in $$props) $$invalidate(4, outDelay = $$props.outDelay);
+	};
+
+	return [direction, visible, duration, inDelay, outDelay, click_handler];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				direction: 0,
+				visible: 1,
+				duration: 2,
+				inDelay: 3,
+				outDelay: 4
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;