@realsee/dnalogel 2.0.0-alpha.2 → 2.0.0-alpha.22

package/dist/floorplan/PanoFloorplanRadarPlugin/index.js

@@ -0,0 +1,1642 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var internal = require('svelte/internal');
+var svelte = require('svelte');
+
+const CAMERA_IMAGE = 'data:image/png;base64,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';
+
+/**
+ * 创建一个防抖动函数，该函数在高频调用时会每隔 wait 毫秒后调用 func 方法
+ * `throttle` 会在第一次调用时立刻调用一次
+ * @param func - 要防抖动的函数
+ * @param wait - 需要延迟的毫秒数
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function throttle(func, wait = 200) {
+    let last;
+    return function (...args) {
+        if (last)
+            return;
+        func(...args);
+        last = setTimeout(function () {
+            last = null;
+        }, wait);
+    };
+}
+
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
+
+function add_css$7(target) {
+	internal.append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
+}
+
+function create_fragment$8(ctx) {
+	let div2;
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div2 = internal.element("div");
+			div1 = internal.element("div");
+			div0 = internal.element("div");
+			internal.attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
+			internal.set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
+			internal.set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
+			internal.attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
+			internal.set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
+			internal.attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
+		},
+		m(target, anchor) {
+			internal.insert(target, div2, anchor);
+			internal.append(div2, div1);
+			internal.append(div1, div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*cameraImageUrl*/ 1) {
+				internal.set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
+			}
+
+			if (dirty & /*rotateTransform*/ 2) {
+				internal.set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
+			}
+
+			if (dirty & /*positionTransform*/ 4) {
+				internal.set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
+			}
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div2);
+		}
+	};
+}
+
+function instance$8($$self, $$props, $$invalidate) {
+	let { five } = $$props;
+	let { pxmm } = $$props;
+	let { floorplanData } = $$props;
+	let { cameraImageUrl } = $$props;
+
+	/** 获取相机在当前 Five 状态下的位移 */
+	function getCameraPositionTransform(panoIndex) {
+		const observer = floorplanData.observers[panoIndex];
+		const bounding = floorplanData.bounding;
+		const clientWidth = (bounding.max.x - bounding.min.x) * pxmm;
+		const clientHeight = (bounding.max.y - bounding.min.y) * pxmm;
+		if (!observer) return '';
+		const left = Math.floor(observer.positionInImage.x * clientWidth);
+		const top = Math.floor(observer.positionInImage.y * clientHeight);
+		return `translate(${left}px, ${top}px)`;
+	}
+
+	/** 获取相机在当前 Five 状态下的旋转 */
+	function getCameraRotationTransform() {
+		const { longitude } = five.getCurrentState();
+
+		// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
+		const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
+
+		return `rotate(${rotate}deg)`;
+	}
+
+	const changePosition = panoIndex => {
+		$$invalidate(2, positionTransform = getCameraPositionTransform(panoIndex));
+	};
+
+	const changeRotate = throttle(
+		() => {
+			$$invalidate(1, rotateTransform = getCameraRotationTransform());
+		},
+		1000 / 60
+	);
+
+	// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
+	let rotateTransform = getCameraRotationTransform();
+
+	let positionTransform = getCameraPositionTransform(five.getCurrentState().panoIndex);
+
+	svelte.onMount(() => {
+		five.on('panoWillArrive', changePosition);
+		five.on('cameraDirectionUpdate', changeRotate);
+	});
+
+	svelte.onDestroy(() => {
+		five.off('panoWillArrive', changePosition);
+		five.off('cameraDirectionUpdate', changeRotate);
+	});
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(3, five = $$props.five);
+		if ('pxmm' in $$props) $$invalidate(4, pxmm = $$props.pxmm);
+		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
+		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
+	};
+
+	return [cameraImageUrl, rotateTransform, positionTransform, five, pxmm, floorplanData];
+}
+
+class Camera extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+
+		internal.init(
+			this,
+			options,
+			instance$8,
+			create_fragment$8,
+			internal.safe_not_equal,
+			{
+				five: 3,
+				pxmm: 4,
+				floorplanData: 5,
+				cameraImageUrl: 0
+			},
+			add_css$7
+		);
+	}
+}
+
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
+
+function add_css$6(target) {
+	internal.append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
+}
+
+function get_each_context$1(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[1] = list[i];
+	return child_ctx;
+}
+
+// (5:2) {#each extraObjects as extraObject (extraObject.id)}
+function create_each_block$1(key_1, ctx) {
+	let div1;
+	let div0;
+	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
+	let style_height = `${/*extraObject*/ ctx[1].icon.height / 16}rem`;
+	let t;
+	let style_top = `${/*extraObject*/ ctx[1].positionInImage.y * 100}%`;
+	let style_left = `${/*extraObject*/ ctx[1].positionInImage.x * 100}%`;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div1 = internal.element("div");
+			div0 = internal.element("div");
+			t = internal.space();
+			internal.attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-1i87fz7");
+			internal.set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
+			internal.set_style(div0, "width", style_width, false);
+			internal.set_style(div0, "height", style_height, false);
+			internal.attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-1i87fz7");
+			internal.set_style(div1, "top", style_top, false);
+			internal.set_style(div1, "left", style_left, false);
+			this.first = div1;
+		},
+		m(target, anchor) {
+			internal.insert(target, div1, anchor);
+			internal.append(div1, div0);
+			internal.append(div1, t);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (dirty & /*extraObjects*/ 1) {
+				internal.set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_width !== (style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`)) {
+				internal.set_style(div0, "width", style_width, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_height !== (style_height = `${/*extraObject*/ ctx[1].icon.height / 16}rem`)) {
+				internal.set_style(div0, "height", style_height, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_top !== (style_top = `${/*extraObject*/ ctx[1].positionInImage.y * 100}%`)) {
+				internal.set_style(div1, "top", style_top, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_left !== (style_left = `${/*extraObject*/ ctx[1].positionInImage.x * 100}%`)) {
+				internal.set_style(div1, "left", style_left, false);
+			}
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div1);
+		}
+	};
+}
+
+function create_fragment$7(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let each_value = /*extraObjects*/ ctx[0];
+	const get_key = ctx => /*extraObject*/ ctx[1].id;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context$1(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = internal.element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			internal.attr(div, "class", "plugin-pano-floorplan__extra-objects svelte-1i87fz7");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*extraObjects*/ 1) {
+				each_value = /*extraObjects*/ ctx[0];
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.destroy_block, create_each_block$1, null, get_each_context$1);
+			}
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+function instance$7($$self, $$props, $$invalidate) {
+	let { extraObjects = [] } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('extraObjects' in $$props) $$invalidate(0, extraObjects = $$props.extraObjects);
+	};
+
+	return [extraObjects];
+}
+
+class ExtraObjects extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, { extraObjects: 0 }, add_css$6);
+	}
+}
+
+/* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
+
+function add_css$5(target) {
+	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
+}
+
+function create_fragment$6(ctx) {
+	let img;
+	let img_src_value;
+
+	return {
+		c() {
+			img = internal.element("img");
+			if (!internal.src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) internal.attr(img, "src", img_src_value);
+			internal.attr(img, "alt", "floorplan iamge");
+			internal.attr(img, "class", "svelte-1gfoniz");
+		},
+		m(target, anchor) {
+			internal.insert(target, img, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*url*/ 1 && !internal.src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) {
+				internal.attr(img, "src", img_src_value);
+			}
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(img);
+		}
+	};
+}
+
+function instance$6($$self, $$props, $$invalidate) {
+	let { url } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('url' in $$props) $$invalidate(0, url = $$props.url);
+	};
+
+	return [url];
+}
+
+class Normalmage extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { url: 0 }, add_css$5);
+	}
+}
+
+/* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
+
+function add_css$4(target) {
+	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
+}
+
+function create_fragment$5(ctx) {
+	let div;
+	let html_tag;
+	let t;
+	let html_tag_1;
+
+	return {
+		c() {
+			div = internal.element("div");
+			html_tag = new internal.HtmlTag();
+			t = internal.space();
+			html_tag_1 = new internal.HtmlTag();
+			html_tag.a = t;
+			html_tag_1.a = null;
+			internal.attr(div, "class", "floorplan-plugin__base-image svelte-ub47ya");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			html_tag.m(/*svgStyle*/ ctx[1], div);
+			internal.append(div, t);
+			html_tag_1.m(/*content*/ ctx[0], div);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*content*/ 1) html_tag_1.p(/*content*/ ctx[0]);
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div);
+		}
+	};
+}
+
+function instance$5($$self, $$props, $$invalidate) {
+	let { content } = $$props;
+
+	const svgStyle = `
+    <style>
+      svg [type='lineGroup'] path {
+        fill: #ffffff;
+        stroke: #ffffff;
+      }
+      svg [type='lineItemGroup'] g g g g {
+        stroke: #ffffff;
+      }</style>
+  `;
+
+	$$self.$$set = $$props => {
+		if ('content' in $$props) $$invalidate(0, content = $$props.content);
+	};
+
+	return [content, svgStyle];
+}
+
+class SvgImage extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, { content: 0 }, add_css$4);
+	}
+}
+
+/* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
+
+function add_css$3(target) {
+	internal.append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
+}
+
+// (13:22) 
+function create_if_block_1(ctx) {
+	let normalimage;
+	let current;
+	normalimage = new Normalmage({ props: { url: /*imageData*/ ctx[1].url } });
+
+	return {
+		c() {
+			internal.create_component(normalimage.$$.fragment);
+		},
+		m(target, anchor) {
+			internal.mount_component(normalimage, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const normalimage_changes = {};
+			if (dirty & /*imageData*/ 2) normalimage_changes.url = /*imageData*/ ctx[1].url;
+			normalimage.$set(normalimage_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(normalimage.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(normalimage.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			internal.destroy_component(normalimage, detaching);
+		}
+	};
+}
+
+// (11:2) {#if svgContent}
+function create_if_block$2(ctx) {
+	let svgimage;
+	let current;
+
+	svgimage = new SvgImage({
+			props: { content: /*svgContent*/ ctx[0] }
+		});
+
+	return {
+		c() {
+			internal.create_component(svgimage.$$.fragment);
+		},
+		m(target, anchor) {
+			internal.mount_component(svgimage, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const svgimage_changes = {};
+			if (dirty & /*svgContent*/ 1) svgimage_changes.content = /*svgContent*/ ctx[0];
+			svgimage.$set(svgimage_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(svgimage.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(svgimage.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			internal.destroy_component(svgimage, detaching);
+		}
+	};
+}
+
+function create_fragment$4(ctx) {
+	let div;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block$2, create_if_block_1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*svgContent*/ ctx[0]) return 0;
+		if (/*imageData*/ ctx[1]) return 1;
+		return -1;
+	}
+
+	if (~(current_block_type_index = select_block_type(ctx))) {
+		if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+	}
+
+	return {
+		c() {
+			div = internal.element("div");
+			if (if_block) if_block.c();
+			internal.attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if (~current_block_type_index) {
+					if_blocks[current_block_type_index].p(ctx, dirty);
+				}
+			} else {
+				if (if_block) {
+					internal.group_outros();
+
+					internal.transition_out(if_blocks[previous_block_index], 1, 1, () => {
+						if_blocks[previous_block_index] = null;
+					});
+
+					internal.check_outros();
+				}
+
+				if (~current_block_type_index) {
+					if_block = if_blocks[current_block_type_index];
+
+					if (!if_block) {
+						if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+						if_block.c();
+					} else {
+						if_block.p(ctx, dirty);
+					}
+
+					internal.transition_in(if_block, 1);
+					if_block.m(div, null);
+				} else {
+					if_block = null;
+				}
+			}
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].d();
+			}
+		}
+	};
+}
+
+function instance$4($$self, $$props, $$invalidate) {
+	let imageData;
+	let svgContent;
+	var _a, _b;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(2, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 12) {
+			$$invalidate(1, imageData = floorplanData.outlines[floorIndex]);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, _a, floorIndex, _b*/ 60) {
+			$$invalidate(0, svgContent = $$invalidate(5, _b = $$invalidate(4, _a = floorplanData.outlines) === null || _a === void 0
+			? void 0
+			: _a[floorIndex]) === null || _b === void 0
+			? void 0
+			: _b.svgContent);
+		}
+	};
+
+	return [svgContent, imageData, floorIndex, floorplanData, _a, _b];
+}
+
+class BaseImage extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$4, create_fragment$4, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$3);
+	}
+}
+
+function pathD(points, options = {}) {
+    let d = '';
+    const { needZ, needA } = options;
+    const _points = needZ ? points.slice().concat(points[0]) : points.slice();
+    _points.forEach((_point, index) => {
+        const { x, y } = options.format ? options.format(_point) : _point;
+        const point = x + ',' + y;
+        if (index === 0) {
+            d += 'M' + point;
+            return d;
+        }
+        if (needA === null || needA === void 0 ? void 0 : needA[index]) {
+            d += 'A' + needA[index] + ',' + point;
+            return d;
+        }
+        d += 'L' + point;
+        return d;
+    });
+    return d + (needZ ? 'Z' : '');
+}
+/** 把户型图上点点位转换到 SVG 上的点位 */
+function formatFloorplanPoint({ x, y }, bounding) {
+    const { max, min } = bounding;
+    return { x: x - min.x, y: max.y - y };
+}
+/** 模型坐标转户型图坐标 */
+function modelPosition2FloorplanPosition(position, floorplanData) {
+    const x = position.x * 1000 + floorplanData.bounding.origin.x;
+    const y = -position.z * 1000 + floorplanData.bounding.origin.y;
+    return { x, y };
+}
+/** 户型图点位转在图片上的相对坐标 */
+function floorplanPosition2ImagePosition(position, floorplanData) {
+    const bounding = floorplanData.bounding;
+    const boundingWidth = bounding.max.x - bounding.min.x;
+    const boundingHeight = bounding.max.y - bounding.min.y;
+    return {
+        x: (position.x - bounding.min.x) / boundingWidth,
+        y: (bounding.max.y - position.y) / boundingHeight,
+    };
+}
+/** 求三维坐标点所在的楼层 */
+function getFloorIndexFromModelPosition(position, five) {
+    const floorIndex = Math.max(...five.work.observers.map((observer) => {
+        if (position.z >= observer.standingPosition.z)
+            return observer.floorIndex;
+        return 0;
+    }));
+    return floorIndex;
+}
+
+/* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
+
+function add_css$2(target) {
+	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
+}
+
+function create_fragment$3(ctx) {
+	let path;
+
+	return {
+		c() {
+			path = internal.svg_element("path");
+			internal.attr(path, "d", /*_pathD*/ ctx[0]);
+			internal.attr(path, "fill", `#fff`);
+			internal.attr(path, "class", "svelte-19uvvss");
+		},
+		m(target, anchor) {
+			internal.insert(target, path, anchor);
+		},
+		p: internal.noop,
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(path);
+		}
+	};
+}
+
+function instance$3($$self, $$props, $$invalidate) {
+	let { room } = $$props;
+	let { floorplanData } = $$props;
+	const { bounding } = floorplanData;
+
+	const _pathD = pathD(room.path, {
+		needZ: true,
+		format: vector => formatFloorplanPoint(vector, bounding)
+	});
+
+	$$self.$$set = $$props => {
+		if ('room' in $$props) $$invalidate(1, room = $$props.room);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+	};
+
+	return [_pathD, room, floorplanData];
+}
+
+class Room extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { room: 1, floorplanData: 2 }, add_css$2);
+	}
+}
+
+/* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
+
+function add_css$1(target) {
+	internal.append_styles(target, "svelte-1kqo6e4", ".floorplan-plugin__room-highlight.svelte-1kqo6e4{position:absolute;width:100%;height:100%}svg.svelte-1kqo6e4{width:100%;height:100%;overflow:visible}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[4] = list[i];
+	return child_ctx;
+}
+
+// (10:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let room;
+	let current;
+
+	const room_spread_levels = [
+		{
+			room: /*room*/ ctx[4],
+			floorplanData: /*floorplanData*/ ctx[1]
+		}
+	];
+
+	let room_props = {};
+
+	for (let i = 0; i < room_spread_levels.length; i += 1) {
+		room_props = internal.assign(room_props, room_spread_levels[i]);
+	}
+
+	room = new Room({ props: room_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = internal.empty();
+			internal.create_component(room.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			internal.insert(target, first, anchor);
+			internal.mount_component(room, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const room_changes = (dirty & /*floorplanData, floorIndex*/ 3)
+			? internal.get_spread_update(room_spread_levels, [
+					{
+						room: /*room*/ ctx[4],
+						floorplanData: /*floorplanData*/ ctx[1]
+					}
+				])
+			: {};
+
+			room.$set(room_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(room.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(room.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(first);
+			internal.destroy_component(room, detaching);
+		}
+	};
+}
+
+function create_fragment$2(ctx) {
+	let div;
+	let svg;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let current;
+	let each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
+	const get_key = ctx => /*room*/ ctx[4].id;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = internal.element("div");
+			svg = internal.svg_element("svg");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			internal.attr(svg, "width", "100%");
+			internal.attr(svg, "height", "100%");
+			internal.attr(svg, "viewBox", `0 0 ${/*boundingWidth*/ ctx[2]} ${/*boundingHeight*/ ctx[3]}`);
+			internal.attr(svg, "class", "svelte-1kqo6e4");
+			internal.attr(div, "class", "floorplan-plugin__room-highlight svelte-1kqo6e4");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			internal.append(div, svg);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(svg, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*floorplanData, floorIndex*/ 3) {
+				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
+				internal.group_outros();
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
+				internal.check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				internal.transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				internal.transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+function instance$2($$self, $$props, $$invalidate) {
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
+	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(0, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(1, floorplanData = $$props.floorplanData);
+	};
+
+	return [floorIndex, floorplanData, boundingWidth, boundingHeight];
+}
+
+class RoomHighlight extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$2, create_fragment$2, internal.safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css$1);
+	}
+}
+
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
+
+function create_if_block$1(ctx) {
+	let highlight;
+	let current;
+
+	const highlight_spread_levels = [
+		{
+			five: /*five*/ ctx[0],
+			pxmm: /*pxmm*/ ctx[1],
+			floorIndex: /*floorIndex*/ ctx[2],
+			floorplanData: /*floorplanData*/ ctx[4],
+			onRoomHeightClick: /*onRoomHeightClick*/ ctx[6]
+		}
+	];
+
+	let highlight_props = {};
+
+	for (let i = 0; i < highlight_spread_levels.length; i += 1) {
+		highlight_props = internal.assign(highlight_props, highlight_spread_levels[i]);
+	}
+
+	highlight = new RoomHighlight({ props: highlight_props });
+
+	return {
+		c() {
+			internal.create_component(highlight.$$.fragment);
+		},
+		m(target, anchor) {
+			internal.mount_component(highlight, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const highlight_changes = (dirty & /*five, pxmm, floorIndex, floorplanData, onRoomHeightClick*/ 87)
+			? internal.get_spread_update(highlight_spread_levels, [
+					{
+						five: /*five*/ ctx[0],
+						pxmm: /*pxmm*/ ctx[1],
+						floorIndex: /*floorIndex*/ ctx[2],
+						floorplanData: /*floorplanData*/ ctx[4],
+						onRoomHeightClick: /*onRoomHeightClick*/ ctx[6]
+					}
+				])
+			: {};
+
+			highlight.$set(highlight_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(highlight.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(highlight.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			internal.destroy_component(highlight, detaching);
+		}
+	};
+}
+
+function create_fragment$1(ctx) {
+	let baseimage;
+	let t0;
+	let extraobjects;
+	let t1;
+	let if_block_anchor;
+	let current;
+
+	const baseimage_spread_levels = [
+		{
+			floorIndex: /*floorIndex*/ ctx[2],
+			floorplanData: /*floorplanData*/ ctx[4]
+		}
+	];
+
+	let baseimage_props = {};
+
+	for (let i = 0; i < baseimage_spread_levels.length; i += 1) {
+		baseimage_props = internal.assign(baseimage_props, baseimage_spread_levels[i]);
+	}
+
+	baseimage = new BaseImage({ props: baseimage_props });
+
+	extraobjects = new ExtraObjects({
+			props: {
+				extraObjects: /*currentFloorExtraObjects*/ ctx[5]
+			}
+		});
+
+	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$1(ctx);
+
+	return {
+		c() {
+			internal.create_component(baseimage.$$.fragment);
+			t0 = internal.space();
+			internal.create_component(extraobjects.$$.fragment);
+			t1 = internal.space();
+			if (if_block) if_block.c();
+			if_block_anchor = internal.empty();
+		},
+		m(target, anchor) {
+			internal.mount_component(baseimage, target, anchor);
+			internal.insert(target, t0, anchor);
+			internal.mount_component(extraobjects, target, anchor);
+			internal.insert(target, t1, anchor);
+			if (if_block) if_block.m(target, anchor);
+			internal.insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			const baseimage_changes = (dirty & /*floorIndex, floorplanData*/ 20)
+			? internal.get_spread_update(baseimage_spread_levels, [
+					{
+						floorIndex: /*floorIndex*/ ctx[2],
+						floorplanData: /*floorplanData*/ ctx[4]
+					}
+				])
+			: {};
+
+			baseimage.$set(baseimage_changes);
+			const extraobjects_changes = {};
+			if (dirty & /*currentFloorExtraObjects*/ 32) extraobjects_changes.extraObjects = /*currentFloorExtraObjects*/ ctx[5];
+			extraobjects.$set(extraobjects_changes);
+
+			if (/*hoverEnable*/ ctx[3]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*hoverEnable*/ 8) {
+						internal.transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$1(ctx);
+					if_block.c();
+					internal.transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				internal.group_outros();
+
+				internal.transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				internal.check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(baseimage.$$.fragment, local);
+			internal.transition_in(extraobjects.$$.fragment, local);
+			internal.transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(baseimage.$$.fragment, local);
+			internal.transition_out(extraobjects.$$.fragment, local);
+			internal.transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			internal.destroy_component(baseimage, detaching);
+			if (detaching) internal.detach(t0);
+			internal.destroy_component(extraobjects, detaching);
+			if (detaching) internal.detach(t1);
+			if (if_block) if_block.d(detaching);
+			if (detaching) internal.detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let currentFloorExtraObjects;
+	let { five } = $$props;
+	let { pxmm } = $$props;
+	let { floorIndex } = $$props;
+	let { hoverEnable } = $$props;
+	let { floorplanData } = $$props;
+	let { extraObjects = [] } = $$props;
+	const onRoomHeightClick = undefined;
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(0, five = $$props.five);
+		if ('pxmm' in $$props) $$invalidate(1, pxmm = $$props.pxmm);
+		if ('floorIndex' in $$props) $$invalidate(2, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(3, hoverEnable = $$props.hoverEnable);
+		if ('floorplanData' in $$props) $$invalidate(4, floorplanData = $$props.floorplanData);
+		if ('extraObjects' in $$props) $$invalidate(7, extraObjects = $$props.extraObjects);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*extraObjects, floorIndex*/ 132) {
+			$$invalidate(5, currentFloorExtraObjects = extraObjects === null || extraObjects === void 0
+			? void 0
+			: extraObjects.filter(object => object.floorIndex === floorIndex));
+		}
+	};
+
+	return [
+		five,
+		pxmm,
+		floorIndex,
+		hoverEnable,
+		floorplanData,
+		currentFloorExtraObjects,
+		onRoomHeightClick,
+		extraObjects
+	];
+}
+
+class CurrentFloor extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+
+		internal.init(this, options, instance$1, create_fragment$1, internal.safe_not_equal, {
+			five: 0,
+			pxmm: 1,
+			floorIndex: 2,
+			hoverEnable: 3,
+			floorplanData: 4,
+			extraObjects: 7
+		});
+	}
+}
+
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
+
+function add_css(target) {
+	internal.append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
+}
+
+// (41:2) {#if clientWidth !== 0}
+function create_if_block(ctx) {
+	let div;
+	let currentfloor;
+	let t;
+	let camera;
+	let style_width = `${/*contentWidth*/ ctx[7]}px`;
+	let style_height = `${/*contentHeight*/ ctx[10]}px`;
+	let current;
+
+	const currentfloor_spread_levels = [
+		{
+			five: /*five*/ ctx[0],
+			pxmm: /*pxmm*/ ctx[8],
+			floorIndex: /*floorIndex*/ ctx[9],
+			floorplanData: /*floorplanData*/ ctx[2],
+			hoverEnable: /*hoverEnable*/ ctx[1],
+			extraObjects: /*extraObjects*/ ctx[4]
+		}
+	];
+
+	let currentfloor_props = {};
+
+	for (let i = 0; i < currentfloor_spread_levels.length; i += 1) {
+		currentfloor_props = internal.assign(currentfloor_props, currentfloor_spread_levels[i]);
+	}
+
+	currentfloor = new CurrentFloor({ props: currentfloor_props });
+
+	const camera_spread_levels = [
+		{
+			pxmm: /*pxmm*/ ctx[8],
+			five: /*five*/ ctx[0],
+			floorplanData: /*floorplanData*/ ctx[2],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[3]
+		}
+	];
+
+	let camera_props = {};
+
+	for (let i = 0; i < camera_spread_levels.length; i += 1) {
+		camera_props = internal.assign(camera_props, camera_spread_levels[i]);
+	}
+
+	camera = new Camera({ props: camera_props });
+
+	return {
+		c() {
+			div = internal.element("div");
+			internal.create_component(currentfloor.$$.fragment);
+			t = internal.space();
+			internal.create_component(camera.$$.fragment);
+			internal.attr(div, "class", "plugin-floorplan-radar-container svelte-1mvqyqq");
+			internal.set_style(div, "width", style_width, false);
+			internal.set_style(div, "height", style_height, false);
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			internal.mount_component(currentfloor, div, null);
+			internal.append(div, t);
+			internal.mount_component(camera, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, floorplanData, hoverEnable, extraObjects*/ 791)
+			? internal.get_spread_update(currentfloor_spread_levels, [
+					{
+						five: /*five*/ ctx[0],
+						pxmm: /*pxmm*/ ctx[8],
+						floorIndex: /*floorIndex*/ ctx[9],
+						floorplanData: /*floorplanData*/ ctx[2],
+						hoverEnable: /*hoverEnable*/ ctx[1],
+						extraObjects: /*extraObjects*/ ctx[4]
+					}
+				])
+			: {};
+
+			currentfloor.$set(currentfloor_changes);
+
+			const camera_changes = (dirty & /*pxmm, five, floorplanData, cameraImageUrl*/ 269)
+			? internal.get_spread_update(camera_spread_levels, [
+					{
+						pxmm: /*pxmm*/ ctx[8],
+						five: /*five*/ ctx[0],
+						floorplanData: /*floorplanData*/ ctx[2],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[3]
+					}
+				])
+			: {};
+
+			camera.$set(camera_changes);
+
+			if (dirty & /*contentWidth*/ 128 && style_width !== (style_width = `${/*contentWidth*/ ctx[7]}px`)) {
+				internal.set_style(div, "width", style_width, false);
+			}
+
+			if (dirty & /*contentHeight*/ 1024 && style_height !== (style_height = `${/*contentHeight*/ ctx[10]}px`)) {
+				internal.set_style(div, "height", style_height, false);
+			}
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(currentfloor.$$.fragment, local);
+			internal.transition_in(camera.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(currentfloor.$$.fragment, local);
+			internal.transition_out(camera.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div);
+			internal.destroy_component(currentfloor);
+			internal.destroy_component(camera);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let div_resize_listener;
+	let current;
+	let if_block = /*clientWidth*/ ctx[5] !== 0 && create_if_block(ctx);
+
+	return {
+		c() {
+			div = internal.element("div");
+			if (if_block) if_block.c();
+			internal.attr(div, "class", "plugin-floorplan-radar svelte-1mvqyqq");
+			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[11].bind(div));
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*clientWidth*/ ctx[5] !== 0) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*clientWidth*/ 32) {
+						internal.transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					internal.transition_in(if_block, 1);
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				internal.group_outros();
+
+				internal.transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				internal.check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div);
+			if (if_block) if_block.d();
+			div_resize_listener();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { five } = $$props;
+	let { hoverEnable } = $$props;
+	let { floorplanData } = $$props;
+	let { cameraImageUrl } = $$props;
+	let { extraObjects = [] } = $$props;
+	let pxmm = 0;
+	let floorIndex = 0;
+	let clientWidth = 0;
+	let clientHeight = 0;
+	let contentWidth = 0;
+	let contentHeight = 0;
+
+	function handlePanoArrived(panoIndex) {
+		$$invalidate(9, floorIndex = five.work.observers[panoIndex].floorIndex);
+	}
+
+	svelte.onMount(() => {
+		five.on('panoArrived', handlePanoArrived);
+
+		return () => {
+			five.off('panoArrived', handlePanoArrived);
+		};
+	});
+
+	function div_elementresize_handler() {
+		clientWidth = this.clientWidth;
+		clientHeight = this.clientHeight;
+		$$invalidate(5, clientWidth);
+		$$invalidate(6, clientHeight);
+	}
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(0, five = $$props.five);
+		if ('hoverEnable' in $$props) $$invalidate(1, hoverEnable = $$props.hoverEnable);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('cameraImageUrl' in $$props) $$invalidate(3, cameraImageUrl = $$props.cameraImageUrl);
+		if ('extraObjects' in $$props) $$invalidate(4, extraObjects = $$props.extraObjects);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*clientWidth, clientHeight, floorplanData, contentWidth*/ 228) {
+			{
+				const size = Math.min(clientWidth, clientHeight);
+				const { max, min } = floorplanData.bounding;
+				const boundingWidth = max.x - min.x;
+				const boundingHeight = max.y - min.y;
+
+				const contentSize = (function getSize() {
+					if (boundingWidth > boundingHeight) return [size, size / boundingWidth * boundingHeight];
+					return [size / boundingHeight * boundingWidth, size];
+				})();
+
+				$$invalidate(7, contentWidth = contentSize[0]);
+				$$invalidate(10, contentHeight = contentSize[1]);
+				$$invalidate(8, pxmm = contentWidth / boundingWidth);
+			}
+		}
+	};
+
+	return [
+		five,
+		hoverEnable,
+		floorplanData,
+		cameraImageUrl,
+		extraObjects,
+		clientWidth,
+		clientHeight,
+		contentWidth,
+		pxmm,
+		floorIndex,
+		contentHeight,
+		div_elementresize_handler
+	];
+}
+
+class Main extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+
+		internal.init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			internal.safe_not_equal,
+			{
+				five: 0,
+				hoverEnable: 1,
+				floorplanData: 2,
+				cameraImageUrl: 3,
+				extraObjects: 4
+			},
+			add_css
+		);
+	}
+}
+
+const FLOORPLAN_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';
+
+async function formatOutlines(outlines) {
+    const headers = new Headers({ 'Content-Type': 'text/plain' });
+    const getOutlineItem = async function (item) {
+        const outlineItem = {
+            index: item.index,
+            url: item.url,
+            svgUrl: item.svg_url,
+        };
+        if (item.svg_url) {
+            const svgContent = await fetch(item.svg_url, { headers }).then((res) => res.text());
+            outlineItem.svgContent = svgContent;
+        }
+        return outlineItem;
+    };
+    const svgOutlineItems = await Promise.all(outlines.map(getOutlineItem));
+    return svgOutlineItems;
+}
+function formatRoom(data) {
+    const floorplanRoomItem = {
+        id: data.id,
+        size: data.size,
+        name: data.name,
+        path: data.path,
+        roomType: data.room_type,
+        floorType: data.floor_type,
+        roomLabel: {
+            position: data.room_label.position,
+            positionInImage: data.room_label.position_in_image,
+        },
+        observerIndexs: data.observer_indexs,
+    };
+    return floorplanRoomItem;
+}
+function formatFloorData(_data) {
+    return {
+        floorName: _data.floor_name,
+        floorIndex: _data.floor_index,
+        rooms: _data.rooms.map(formatRoom),
+        rules: _data.rules,
+    };
+}
+function formateFloorplanObserver(data) {
+    const floorplanObserver = {
+        index: data.index,
+        floorIndex: data.floor_index,
+        position: data.position,
+        positionInImage: data.position_in_image,
+    };
+    return floorplanObserver;
+}
+function formatFloorplanEntrance(data) {
+    const floorplanEntrance = {
+        rad: data.rad,
+        position: data.position,
+        positionInImage: data.position_in_image,
+        northRad: data.north_rad,
+        roomId: data.room_id,
+        floorIndex: data.floor_index,
+    };
+    return floorplanEntrance;
+}
+async function formatData(data) {
+    const outlines = await formatOutlines(data.outlines);
+    const bounding = data.computed_data.bounding;
+    const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
+    const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
+    const floorplanData = {
+        outlines,
+        entrance,
+        bounding,
+        floorDatas,
+        observers: data.computed_data.observers.map(formateFloorplanObserver),
+    };
+    return floorplanData;
+}
+function formatExtraObjects(data, five, floorplanData) {
+    const extraObjects = data.map((object) => {
+        const position = object.position;
+        const icon = object.icon
+            ? object.icon
+            : {
+                url: FLOORPLAN_EXTRA_OBJECT_IMAGE,
+                width: 45,
+                height: 48,
+            };
+        const floorIndex = getFloorIndexFromModelPosition(position, five);
+        const floorplanPosition = modelPosition2FloorplanPosition(position, floorplanData);
+        const floorplanImagePosition = floorplanPosition2ImagePosition(floorplanPosition, floorplanData);
+        return { floorIndex, icon, id: object.id, position: floorplanPosition, positionInImage: floorplanImagePosition };
+    });
+    return extraObjects;
+}
+
+class PanoFloorplanRadarPluginController {
+    constructor(five, params) {
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrapperSelector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "extraObjects", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "originExtraObjects", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "configs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a;
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+            }
+        });
+        Object.defineProperty(this, "load", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (data) => {
+                const copyData = JSON.parse(JSON.stringify(data));
+                const floorplanData = await formatData(copyData);
+                this.data = floorplanData;
+                // const loadImage = async () => {
+                //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
+                //   // 当有 svgString 时，没有加载过程
+                //   if (floorplanData.outlines[floorIndex]?.svgContent) return
+                //   // 如果当前楼层图片不存在，不存在加载过程
+                //   const nowFloorImageSrc = floorplanData.outlines[floorIndex]?.url
+                //   if (!nowFloorImageSrc) return
+                //   // 图片加载完成时再 render
+                //   await new Promise<void>((resolve) => {
+                //     const nowFloorImage = new Image()
+                //     nowFloorImage.src = nowFloorImageSrc
+                //     nowFloorImage.onload = () => resolve()
+                //   })
+                // }
+                // await loadImage()
+                this.render();
+            }
+        });
+        this.five = five;
+        (params === null || params === void 0 ? void 0 : params.configs) && Object.assign(this.configs, params.configs);
+        if (typeof (params === null || params === void 0 ? void 0 : params.wrapper) === 'string')
+            this.wrapperSelector = params.wrapper;
+        else if ((params === null || params === void 0 ? void 0 : params.wrapper) instanceof Element)
+            this.wrapper = params.wrapper;
+        five.once('dispose', this.dispose);
+    }
+    /** 把插件的渲染DOM插入到对应的容器中去 */
+    appendTo(wrapper) {
+        this.wrapper = wrapper;
+        this.render();
+    }
+    changeConfigs(configs) {
+        Object.assign(this.configs, configs);
+        this.render();
+    }
+    setExtraObjectsWith3DPositions(data) {
+        this.originExtraObjects = data;
+        if (!this.data)
+            return;
+        this.extraObjects = formatExtraObjects(data, this.five, this.data);
+        this.render();
+    }
+    render() {
+        var _a;
+        // 处理 wrapper
+        if (!this.wrapper) {
+            const _wrapper = document.querySelector(this.wrapperSelector);
+            this.wrapper = _wrapper;
+        }
+        if (!this.data || !this.wrapper)
+            return;
+        if (!this.extraObjects && this.originExtraObjects) {
+            this.extraObjects = formatExtraObjects(this.originExtraObjects, this.five, this.data);
+        }
+        const props = {
+            five: this.five,
+            floorplanData: this.data,
+            extraObjects: this.extraObjects,
+            cameraImageUrl: this.configs.cameraImageUrl,
+            hoverEnable: (_a = this.configs.hoverEnable) !== null && _a !== void 0 ? _a : false,
+        };
+        if (!this.app) {
+            this.app = new Main({
+                target: this.wrapper,
+                props,
+            });
+            return;
+        }
+        this.app.$set(props);
+    }
+}
+
+const PanoFloorplanRadarPlugin = (five, params) => {
+    return new PanoFloorplanRadarPluginController(five, params);
+};
+
+exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
+exports["default"] = PanoFloorplanRadarPlugin;