@realsee/dnalogel 2.0.0-alpha.36 → 2.0.0-alpha.39

package/dist/index.umd.js

@@ -80,8 +80,7 @@
         };
         const handleModelLoaded = () => {
             function cloneMaterial(material) {
-                material = material.clone();
-                material.uniforms.modelAlpha.value = 1;
+                material.clone().uniforms.modelAlpha.value = 1;
                 if (material.uniforms.map.value) {
                     material.uniforms.map.value.needsUpdate = true;
                 }
@@ -129,7 +128,7 @@
                 return;
             const element = renderer.domElement;
             const container = element.parentNode;
-            if (container && container.nodeName) {
+            if (container === null || container === void 0 ? void 0 : container.nodeName) {
                 const { width = container.offsetWidth, height = container.offsetHeight } = size;
                 renderer.setSize(width, height);
                 // 修改摄像机 aspect 比值
@@ -479,11 +478,11 @@
 
     /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
 
-    function add_css$o(target) {
+    function add_css$p(target) {
     	internal.append_styles(target, "svelte-1ak9fbs", ".room-label-item.svelte-1ak9fbs{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-1ak9fbs{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 0.3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1ak9fbs{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1ak9fbs{font-size:0.52083rem}");
     }
 
-    function create_fragment$s(ctx) {
+    function create_fragment$u(ctx) {
     	let div1;
     	let span;
     	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -550,7 +549,7 @@
     	};
     }
 
-    function instance$s($$self, $$props, $$invalidate) {
+    function instance$u($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { roomLabel } = $$props;
 
@@ -573,7 +572,7 @@
     class RoomLabelItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$s, create_fragment$s, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$o);
+    		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$p);
     	}
     }
 
@@ -581,18 +580,18 @@
 
     const { Map: Map_1 } = internal.globals;
 
-    function add_css$n(target) {
+    function add_css$o(target) {
     	internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
     }
 
-    function get_each_context$a(ctx, list, i) {
+    function get_each_context$c(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[12] = list[i];
     	return child_ctx;
     }
 
     // (82:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
-    function create_each_block$a(key_1, ctx) {
+    function create_each_block$c(key_1, ctx) {
     	let first;
     	let roomlabelitem;
     	let current;
@@ -640,7 +639,7 @@
     	};
     }
 
-    function create_fragment$r(ctx) {
+    function create_fragment$t(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map_1();
@@ -650,9 +649,9 @@
     	const get_key = ctx => /*roomLableItem*/ ctx[12].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$a(ctx, each_value, i);
+    		let child_ctx = get_each_context$c(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$c(key, child_ctx));
     	}
 
     	return {
@@ -680,7 +679,7 @@
     			if (dirty & /*roomLabels, five*/ 3) {
     				each_value = /*roomLabels*/ ctx[0];
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$a, null, get_each_context$a);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$c, null, get_each_context$c);
     				internal.check_outros();
     			}
     		},
@@ -712,7 +711,7 @@
     	};
     }
 
-    function instance$r($$self, $$props, $$invalidate) {
+    function instance$t($$self, $$props, $$invalidate) {
     	let rendererSize;
     	let { five } = $$props;
     	let { roomLabels } = $$props;
@@ -837,7 +836,7 @@
     class RoomLabelItems extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$n);
+    		internal.init(this, options, instance$t, create_fragment$t, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$o);
     	}
     }
 
@@ -1125,11 +1124,11 @@
 
     /* src/floorplan/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-    function add_css$m(target) {
+    function add_css$n(target) {
     	internal.append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
     }
 
-    function create_fragment$q(ctx) {
+    function create_fragment$s(ctx) {
     	let div1;
     	let div0;
 
@@ -1166,7 +1165,7 @@
     	};
     }
 
-    function instance$q($$self, $$props, $$invalidate) {
+    function instance$s($$self, $$props, $$invalidate) {
     	let { panoIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { lastPanoramaLongitude } = $$props;
@@ -1212,8 +1211,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$q,
-    			create_fragment$q,
+    			instance$s,
+    			create_fragment$s,
     			internal.safe_not_equal,
     			{
     				panoIndex: 5,
@@ -1221,7 +1220,7 @@
     				lastPanoramaLongitude: 7,
     				cameraImageUrl: 0
     			},
-    			add_css$m
+    			add_css$n
     		);
     	}
     }
@@ -1230,12 +1229,12 @@
 
     /* src/floorplan/Components/Compass.svelte generated by Svelte v3.47.0 */
 
-    function add_css$l(target) {
+    function add_css$m(target) {
     	internal.append_styles(target, "svelte-z9kwkx", ".floorplan-plugin__compass.svelte-z9kwkx{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-z9kwkx{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-z9kwkx{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
     }
 
     // (14:0) {#if canCompassShow}
-    function create_if_block$a(ctx) {
+    function create_if_block$b(ctx) {
     	let div1;
     	let div0;
     	let t0;
@@ -1271,9 +1270,9 @@
     	};
     }
 
-    function create_fragment$p(ctx) {
+    function create_fragment$r(ctx) {
     	let if_block_anchor;
-    	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$a(ctx);
+    	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$b(ctx);
 
     	return {
     		c() {
@@ -1300,7 +1299,7 @@
     	return rad / Math.PI * 180;
     }
 
-    function instance$p($$self, $$props, $$invalidate) {
+    function instance$r($$self, $$props, $$invalidate) {
     	var _a;
     	let { floorplanData } = $$props;
     	let { northDesc } = $$props;
@@ -1324,17 +1323,17 @@
     class Compass extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$l);
+    		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$m);
     	}
     }
 
     /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$k(target) {
+    function add_css$l(target) {
     	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
     }
 
-    function create_fragment$o(ctx) {
+    function create_fragment$q(ctx) {
     	let img;
     	let img_src_value;
 
@@ -1361,7 +1360,7 @@
     	};
     }
 
-    function instance$o($$self, $$props, $$invalidate) {
+    function instance$q($$self, $$props, $$invalidate) {
     	let { url } = $$props;
 
     	$$self.$$set = $$props => {
@@ -1374,17 +1373,17 @@
     class Normalmage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { url: 0 }, add_css$k);
+    		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { url: 0 }, add_css$l);
     	}
     }
 
     /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$j(target) {
+    function add_css$k(target) {
     	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
     }
 
-    function create_fragment$n(ctx) {
+    function create_fragment$p(ctx) {
     	let div;
     	let html_tag;
     	let t;
@@ -1417,7 +1416,7 @@
     	};
     }
 
-    function instance$n($$self, $$props, $$invalidate) {
+    function instance$p($$self, $$props, $$invalidate) {
     	let { content } = $$props;
 
     	const svgStyle = `
@@ -1441,13 +1440,13 @@
     class SvgImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$n, create_fragment$n, internal.safe_not_equal, { content: 0 }, add_css$j);
+    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { content: 0 }, add_css$k);
     	}
     }
 
     /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$i(target) {
+    function add_css$j(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}");
     }
 
@@ -1486,7 +1485,7 @@
     }
 
     // (11:2) {#if svgContent}
-    function create_if_block$9(ctx) {
+    function create_if_block$a(ctx) {
     	let svgimage;
     	let current;
 
@@ -1522,12 +1521,12 @@
     	};
     }
 
-    function create_fragment$m(ctx) {
+    function create_fragment$o(ctx) {
     	let div;
     	let current_block_type_index;
     	let if_block;
     	let current;
-    	const if_block_creators = [create_if_block$9, create_if_block_1$5];
+    	const if_block_creators = [create_if_block$a, create_if_block_1$5];
     	const if_blocks = [];
 
     	function select_block_type(ctx, dirty) {
@@ -1610,7 +1609,7 @@
     	};
     }
 
-    function instance$m($$self, $$props, $$invalidate) {
+    function instance$o($$self, $$props, $$invalidate) {
     	let imageData;
     	let svgContent;
     	var _a, _b;
@@ -1642,13 +1641,13 @@
     class BaseImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$i);
+    		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$j);
     	}
     }
 
     /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
 
-    function add_css$h(target) {
+    function add_css$i(target) {
     	internal.append_styles(target, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
     }
 
@@ -1679,7 +1678,7 @@
     }
 
     // (89:2) {#if getLabelElement === undefined}
-    function create_if_block$8(ctx) {
+    function create_if_block$9(ctx) {
     	let span0;
     	let t0_value = /*room*/ ctx[0].name + "";
     	let t0;
@@ -1713,11 +1712,11 @@
     	};
     }
 
-    function create_fragment$l(ctx) {
+    function create_fragment$n(ctx) {
     	let div;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$8;
+    		if (/*getLabelElement*/ ctx[1] === undefined) return create_if_block$9;
     		if (/*userConfigElement*/ ctx[4]) return create_if_block_1$4;
     	}
 
@@ -1787,7 +1786,7 @@
     	return inside;
     }
 
-    function instance$l($$self, $$props, $$invalidate) {
+    function instance$n($$self, $$props, $$invalidate) {
     	let isLabelInRoom;
     	let userConfigElement;
     	let labelVisible;
@@ -1931,8 +1930,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$l,
-    			create_fragment$l,
+    			instance$n,
+    			create_fragment$n,
     			internal.safe_not_equal,
     			{
     				pxmm: 9,
@@ -1941,25 +1940,25 @@
     				getLabelElement: 1,
     				adaptiveRoomLabelVisibleEnable: 11
     			},
-    			add_css$h
+    			add_css$i
     		);
     	}
     }
 
     /* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
 
-    function add_css$g(target) {
+    function add_css$h(target) {
     	internal.append_styles(target, "svelte-13xux0b", ".floorplan-plugin__room-labels.svelte-13xux0b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
     }
 
-    function get_each_context$9(ctx, list, i) {
+    function get_each_context$b(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[9] = list[i];
     	return child_ctx;
     }
 
     // (17:0) {#if rooms}
-    function create_if_block$7(ctx) {
+    function create_if_block$8(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -1969,9 +1968,9 @@
     	const get_key = ctx => /*room*/ ctx[9].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$9(ctx, each_value, i);
+    		let child_ctx = get_each_context$b(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$b(key, child_ctx));
     	}
 
     	return {
@@ -1999,7 +1998,7 @@
     			if (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55) {
     				each_value = /*rooms*/ ctx[5];
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$b, null, get_each_context$b);
     				internal.check_outros();
     			}
     		},
@@ -2032,7 +2031,7 @@
     }
 
     // (19:4) {#each rooms as room (room.id)}
-    function create_each_block$9(key_1, ctx) {
+    function create_each_block$b(key_1, ctx) {
     	let first;
     	let roomlabel;
     	let current;
@@ -2101,10 +2100,10 @@
     	};
     }
 
-    function create_fragment$k(ctx) {
+    function create_fragment$m(ctx) {
     	let if_block_anchor;
     	let current;
-    	let if_block = /*rooms*/ ctx[5] && create_if_block$7(ctx);
+    	let if_block = /*rooms*/ ctx[5] && create_if_block$8(ctx);
 
     	return {
     		c() {
@@ -2125,7 +2124,7 @@
     						internal.transition_in(if_block, 1);
     					}
     				} else {
-    					if_block = create_if_block$7(ctx);
+    					if_block = create_if_block$8(ctx);
     					if_block.c();
     					internal.transition_in(if_block, 1);
     					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2156,7 +2155,7 @@
     	};
     }
 
-    function instance$k($$self, $$props, $$invalidate) {
+    function instance$m($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -2213,8 +2212,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$k,
-    			create_fragment$k,
+    			instance$m,
+    			create_fragment$m,
     			internal.safe_not_equal,
     			{
     				floorIndex: 6,
@@ -2223,18 +2222,18 @@
     				getLabelElement: 1,
     				adaptiveRoomLabelVisibleEnable: 2
     			},
-    			add_css$g
+    			add_css$h
     		);
     	}
     }
 
     /* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
 
-    function add_css$f(target) {
+    function add_css$g(target) {
     	internal.append_styles(target, "svelte-xt7p1v", ".floorplan-plugin__rule-labels.svelte-xt7p1v.svelte-xt7p1v{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-xt7p1v.svelte-xt7p1v{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v.svelte-xt7p1v{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v.svelte-xt7p1v{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v.svelte-xt7p1v{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-xt7p1v.svelte-xt7p1v{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-xt7p1v.svelte-xt7p1v{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale.svelte-xt7p1v{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute}.floorplan-plugin__rule-labels--top.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-xt7p1v.svelte-xt7p1v{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-text-item.svelte-xt7p1v{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-xt7p1v.svelte-xt7p1v{width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
     }
 
-    function get_each_context$8(ctx, list, i) {
+    function get_each_context$a(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[10] = list[i];
     	child_ctx[12] = i;
@@ -2269,7 +2268,7 @@
     }
 
     // (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
-    function create_each_block$8(key_1, ctx) {
+    function create_each_block$a(key_1, ctx) {
     	let div1;
     	let div0;
     	let t0_value = /*textItem*/ ctx[10].distance + "";
@@ -2306,7 +2305,7 @@
     	};
     }
 
-    function create_fragment$j(ctx) {
+    function create_fragment$l(ctx) {
     	let div3;
     	let div0;
     	let t0;
@@ -2327,9 +2326,9 @@
     	const get_key = ctx => /*textItemIndex*/ ctx[12];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$8(ctx, each_value, i);
+    		let child_ctx = get_each_context$a(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
+    		each1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
     	}
 
     	return {
@@ -2402,7 +2401,7 @@
 
     			if (dirty & /*rulerTexts, isRow*/ 10) {
     				each_value = /*rulerTexts*/ ctx[3];
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, internal.destroy_block, create_each_block$8, null, get_each_context$8);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, internal.destroy_block, create_each_block$a, null, get_each_context$a);
     			}
 
     			if (dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-xt7p1v")) {
@@ -2429,7 +2428,7 @@
     const padding$1 = 1000;
     const exteriorWallOffset$1 = 180;
 
-    function instance$j($$self, $$props, $$invalidate) {
+    function instance$l($$self, $$props, $$invalidate) {
     	let { type } = $$props;
     	let { data } = $$props;
     	let { bounding } = $$props;
@@ -2488,17 +2487,17 @@
     class RuleItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$f);
+    		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$g);
     	}
     }
 
     /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.47.0 */
 
-    function add_css$e(target) {
+    function add_css$f(target) {
     	internal.append_styles(target, "svelte-1mzj9p3", ".floorplan-plugin__rule-labels-wrapper.svelte-1mzj9p3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
     }
 
-    function get_each_context$7(ctx, list, i) {
+    function get_each_context$9(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[12] = list[i][0];
     	child_ctx[13] = list[i][1];
@@ -2506,7 +2505,7 @@
     }
 
     // (19:2) {#each ruleLabelArray as [type, data] (type)}
-    function create_each_block$7(key_1, ctx) {
+    function create_each_block$9(key_1, ctx) {
     	let first;
     	let ruleitem;
     	let current;
@@ -2571,7 +2570,7 @@
     	};
     }
 
-    function create_fragment$i(ctx) {
+    function create_fragment$k(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -2580,9 +2579,9 @@
     	const get_key = ctx => /*type*/ ctx[12];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$7(ctx, each_value, i);
+    		let child_ctx = get_each_context$9(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
     	}
 
     	return {
@@ -2610,7 +2609,7 @@
     			if (dirty & /*ruleLabelArray, bounding*/ 9) {
     				each_value = /*ruleLabelArray*/ ctx[3];
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$7, null, get_each_context$7);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
     				internal.check_outros();
     			}
 
@@ -2651,7 +2650,7 @@
     const padding = 1000;
     const exteriorWallOffset = 180;
 
-    function instance$i($$self, $$props, $$invalidate) {
+    function instance$k($$self, $$props, $$invalidate) {
     	let bounding;
     	let ruleLabelData;
     	let ruleLabelDataKeys;
@@ -2731,7 +2730,7 @@
     class RuleLabels extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$e);
+    		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$f);
     	}
     }
 
@@ -2788,7 +2787,7 @@
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$h(ctx) {
+    function create_fragment$j(ctx) {
     	let path_1;
 
     	return {
@@ -2813,7 +2812,7 @@
     	};
     }
 
-    function instance$h($$self, $$props, $$invalidate) {
+    function instance$j($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -2833,13 +2832,13 @@
     class RoomMaterial_0 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { path: 1 });
+    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { path: 1 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$g(ctx) {
+    function create_fragment$i(ctx) {
     	let defs;
     	let pattern;
     	let rect;
@@ -2900,7 +2899,7 @@
 
     const halfWidth = 6;
 
-    function instance$g($$self, $$props, $$invalidate) {
+    function instance$i($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
     	const width = halfWidth * 2;
@@ -2922,13 +2921,13 @@
     class RoomMaterial_1 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { path: 3 });
+    		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { path: 3 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$f(ctx) {
+    function create_fragment$h(ctx) {
     	let defs;
     	let pattern0;
     	let rect0;
@@ -3029,7 +3028,7 @@
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$h($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -3049,24 +3048,24 @@
     class RoomMaterial_2 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { path: 1 });
+    		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { path: 1 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
 
-    function add_css$d(target) {
+    function add_css$e(target) {
     	internal.append_styles(target, "svelte-1dykexu", ".floorplan-plugin__room-material.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%}svg.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}");
     }
 
-    function get_each_context$6(ctx, list, i) {
+    function get_each_context$8(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[5] = list[i];
     	return child_ctx;
     }
 
     // (19:6) {:else}
-    function create_else_block(ctx) {
+    function create_else_block$1(ctx) {
     	let roommaterial_1;
     	let current;
     	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
@@ -3134,7 +3133,7 @@
     }
 
     // (15:6) {#if room.floorType === 1}
-    function create_if_block$6(ctx) {
+    function create_if_block$7(ctx) {
     	let roommaterial_0;
     	let current;
     	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[5].path } });
@@ -3168,13 +3167,13 @@
     }
 
     // (13:2) {#each rooms as room}
-    function create_each_block$6(ctx) {
+    function create_each_block$8(ctx) {
     	let svg;
     	let current_block_type_index;
     	let if_block;
     	let svg_viewBox_value;
     	let current;
-    	const if_block_creators = [create_if_block$6, create_if_block_1$3, create_else_block];
+    	const if_block_creators = [create_if_block$7, create_if_block_1$3, create_else_block$1];
     	const if_blocks = [];
 
     	function select_block_type(ctx, dirty) {
@@ -3243,14 +3242,14 @@
     	};
     }
 
-    function create_fragment$e(ctx) {
+    function create_fragment$g(ctx) {
     	let div;
     	let current;
     	let each_value = /*rooms*/ ctx[0];
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$8(get_each_context$8(ctx, each_value, i));
     	}
 
     	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
@@ -3282,13 +3281,13 @@
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$6(ctx, each_value, i);
+    					const child_ctx = get_each_context$8(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     						internal.transition_in(each_blocks[i], 1);
     					} else {
-    						each_blocks[i] = create_each_block$6(child_ctx);
+    						each_blocks[i] = create_each_block$8(child_ctx);
     						each_blocks[i].c();
     						internal.transition_in(each_blocks[i], 1);
     						each_blocks[i].m(div, null);
@@ -3329,7 +3328,7 @@
     	};
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -3355,17 +3354,17 @@
     class RoomMaterial extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$e, create_fragment$e, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$d);
+    		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$e);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
 
-    function add_css$c(target) {
+    function add_css$d(target) {
     	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
     }
 
-    function create_fragment$d(ctx) {
+    function create_fragment$f(ctx) {
     	let path;
     	let mounted;
     	let dispose;
@@ -3400,7 +3399,7 @@
     	};
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let { room } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -3436,33 +3435,33 @@
     		internal.init(
     			this,
     			options,
-    			instance$d,
-    			create_fragment$d,
+    			instance$f,
+    			create_fragment$f,
     			internal.safe_not_equal,
     			{
     				room: 3,
     				floorplanData: 4,
     				hoveredRoom: 5
     			},
-    			add_css$c
+    			add_css$d
     		);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
 
-    function add_css$b(target) {
+    function add_css$c(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$5(ctx, list, i) {
+    function get_each_context$7(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[5] = list[i];
     	return child_ctx;
     }
 
     // (11:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
-    function create_each_block$5(key_1, ctx) {
+    function create_each_block$7(key_1, ctx) {
     	let first;
     	let room;
     	let current;
@@ -3527,7 +3526,7 @@
     	};
     }
 
-    function create_fragment$c(ctx) {
+    function create_fragment$e(ctx) {
     	let div;
     	let svg;
     	let each_blocks = [];
@@ -3537,9 +3536,9 @@
     	const get_key = ctx => /*room*/ ctx[5].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$5(ctx, each_value, i);
+    		let child_ctx = get_each_context$7(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
     	}
 
     	return {
@@ -3571,7 +3570,7 @@
     			if (dirty & /*floorplanData, floorIndex, hoveredRoom*/ 7) {
     				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$5, null, get_each_context$5);
+    				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$7, null, get_each_context$7);
     				internal.check_outros();
     			}
     		},
@@ -3601,7 +3600,7 @@
     	};
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -3624,22 +3623,22 @@
     		internal.init(
     			this,
     			options,
-    			instance$c,
-    			create_fragment$c,
+    			instance$e,
+    			create_fragment$e,
     			internal.safe_not_equal,
     			{
     				floorIndex: 0,
     				floorplanData: 1,
     				hoveredRoom: 2
     			},
-    			add_css$b
+    			add_css$c
     		);
     	}
     }
 
     /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-    function add_css$a(target) {
+    function add_css$b(target) {
     	internal.append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
     }
 
@@ -3762,7 +3761,7 @@
     }
 
     // (27:2) {#if ruleLabelsEnable}
-    function create_if_block$5(ctx) {
+    function create_if_block$6(ctx) {
     	let rulelabels;
     	let current;
 
@@ -3816,7 +3815,7 @@
     	};
     }
 
-    function create_fragment$b(ctx) {
+    function create_fragment$d(ctx) {
     	let div;
     	let roommaterial;
     	let t0;
@@ -3858,7 +3857,7 @@
 
     	baseimage = new BaseImage({ props: baseimage_props });
     	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1$2(ctx);
-    	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$5(ctx);
+    	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block$6(ctx);
 
     	return {
     		c() {
@@ -3967,7 +3966,7 @@
     						internal.transition_in(if_block2, 1);
     					}
     				} else {
-    					if_block2 = create_if_block$5(ctx);
+    					if_block2 = create_if_block$6(ctx);
     					if_block2.c();
     					internal.transition_in(if_block2, 1);
     					if_block2.m(div, null);
@@ -4016,7 +4015,7 @@
     	};
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	let { isCurrent } = $$props;
     	let { floorIndex } = $$props;
     	let { hoverEnable } = $$props;
@@ -4058,8 +4057,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$b,
-    			create_fragment$b,
+    			instance$d,
+    			create_fragment$d,
     			internal.safe_not_equal,
     			{
     				isCurrent: 0,
@@ -4071,25 +4070,25 @@
     				getLabelElement: 6,
     				adaptiveRoomLabelVisibleEnable: 7
     			},
-    			add_css$a
+    			add_css$b
     		);
     	}
     }
 
     /* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
 
-    function add_css$9(target) {
+    function add_css$a(target) {
     	internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
     }
 
-    function get_each_context$4(ctx, list, i) {
+    function get_each_context$6(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[14] = list[i];
     	return child_ctx;
     }
 
     // (22:0) {#if visible}
-    function create_if_block$4(ctx) {
+    function create_if_block$5(ctx) {
     	let div;
     	let t0;
     	let camera;
@@ -4100,7 +4099,7 @@
     	let each_blocks = [];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
     	}
 
     	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
@@ -4160,13 +4159,13 @@
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$4(ctx, each_value, i);
+    					const child_ctx = get_each_context$6(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     						internal.transition_in(each_blocks[i], 1);
     					} else {
-    						each_blocks[i] = create_each_block$4(child_ctx);
+    						each_blocks[i] = create_each_block$6(child_ctx);
     						each_blocks[i].c();
     						internal.transition_in(each_blocks[i], 1);
     						each_blocks[i].m(div, t0);
@@ -4262,7 +4261,7 @@
     }
 
     // (24:4) {#each floorplanData.floorDatas as floorData}
-    function create_each_block$4(ctx) {
+    function create_each_block$6(ctx) {
     	let currentfloor;
     	let current;
 
@@ -4377,10 +4376,10 @@
     	};
     }
 
-    function create_fragment$a(ctx) {
+    function create_fragment$c(ctx) {
     	let if_block_anchor;
     	let current;
-    	let if_block = /*visible*/ ctx[1] && create_if_block$4(ctx);
+    	let if_block = /*visible*/ ctx[1] && create_if_block$5(ctx);
 
     	return {
     		c() {
@@ -4401,7 +4400,7 @@
     						internal.transition_in(if_block, 1);
     					}
     				} else {
-    					if_block = create_if_block$4(ctx);
+    					if_block = create_if_block$5(ctx);
     					if_block.c();
     					internal.transition_in(if_block, 1);
     					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4432,7 +4431,7 @@
     	};
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let { duration = 0 } = $$props;
     	let { visible } = $$props;
     	let { northDesc } = $$props;
@@ -4490,8 +4489,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$a,
-    			create_fragment$a,
+    			instance$c,
+    			create_fragment$c,
     			internal.safe_not_equal,
     			{
     				duration: 0,
@@ -4509,7 +4508,7 @@
     				getLabelElement: 12,
     				adaptiveRoomLabelVisibleEnable: 13
     			},
-    			add_css$9
+    			add_css$a
     		);
     	}
     }
@@ -4641,7 +4640,7 @@
     /**
      * plugin 的基本控制器
      */
-    class Controller$4 {
+    class Controller$5 {
         constructor(five$1) {
             Object.defineProperty(this, "five", {
                 enumerable: true,
@@ -4668,7 +4667,7 @@
         }
     }
 
-    class Controller$3 extends Controller$4 {
+    class Controller$4 extends Controller$5 {
     }
 
     /**
@@ -4771,7 +4770,7 @@
         });
     }
 
-    class Controller$2 extends Controller$3 {
+    class Controller$3 extends Controller$4 {
         constructor(five, params) {
             super(five);
             // =============== public properties =================
@@ -5248,7 +5247,7 @@
     }
 
     const TopviewFloorplanPlugin = (five, params) => {
-        return new Controller$2(five, params);
+        return new Controller$3(five, params);
     };
 
     /**
@@ -5272,11 +5271,11 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-    function add_css$8(target) {
+    function add_css$9(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$9(ctx) {
+    function create_fragment$b(ctx) {
     	let div2;
     	let div1;
     	let div0;
@@ -5326,7 +5325,7 @@
     	return `rotate(${rotate}deg)`;
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let positionTransform;
     	let rotateTransform;
     	let { five } = $$props;
@@ -5406,8 +5405,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$9,
-    			create_fragment$9,
+    			instance$b,
+    			create_fragment$b,
     			internal.safe_not_equal,
     			{
     				five: 3,
@@ -5415,25 +5414,25 @@
     				floorplanData: 5,
     				cameraImageUrl: 0
     			},
-    			add_css$8
+    			add_css$9
     		);
     	}
     }
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
 
-    function add_css$7(target) {
+    function add_css$8(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$3(ctx, list, i) {
+    function get_each_context$5(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$3(key_1, ctx) {
+    function create_each_block$5(key_1, ctx) {
     	let div1;
     	let div0;
     	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
@@ -5492,7 +5491,7 @@
     	};
     }
 
-    function create_fragment$8(ctx) {
+    function create_fragment$a(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -5500,9 +5499,9 @@
     	const get_key = ctx => /*extraObject*/ ctx[1].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$3(ctx, each_value, i);
+    		let child_ctx = get_each_context$5(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
     	}
 
     	return {
@@ -5525,7 +5524,7 @@
     		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$3, null, get_each_context$3);
+    				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$5, null, get_each_context$5);
     			}
     		},
     		i: internal.noop,
@@ -5540,7 +5539,7 @@
     	};
     }
 
-    function instance$8($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let { extraObjects = [] } = $$props;
 
     	$$self.$$set = $$props => {
@@ -5553,13 +5552,13 @@
     class ExtraObjects extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$8, create_fragment$8, internal.safe_not_equal, { extraObjects: 0 }, add_css$7);
+    		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, { extraObjects: 0 }, add_css$8);
     	}
     }
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-    function create_if_block$3(ctx) {
+    function create_if_block$4(ctx) {
     	let highlight;
     	let current;
 
@@ -5619,7 +5618,7 @@
     	};
     }
 
-    function create_fragment$7(ctx) {
+    function create_fragment$9(ctx) {
     	let baseimage;
     	let t0;
     	let extraobjects;
@@ -5648,7 +5647,7 @@
     			}
     		});
 
-    	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$3(ctx);
+    	let if_block = /*hoverEnable*/ ctx[3] && create_if_block$4(ctx);
 
     	return {
     		c() {
@@ -5691,7 +5690,7 @@
     						internal.transition_in(if_block, 1);
     					}
     				} else {
-    					if_block = create_if_block$3(ctx);
+    					if_block = create_if_block$4(ctx);
     					if_block.c();
     					internal.transition_in(if_block, 1);
     					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -5730,7 +5729,7 @@
     	};
     }
 
-    function instance$7($$self, $$props, $$invalidate) {
+    function instance$9($$self, $$props, $$invalidate) {
     	let currentFloorExtraObjects;
     	let { five } = $$props;
     	let { pxmm } = $$props;
@@ -5773,7 +5772,7 @@
     	constructor(options) {
     		super();
 
-    		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, {
+    		internal.init(this, options, instance$9, create_fragment$9, internal.safe_not_equal, {
     			five: 0,
     			pxmm: 1,
     			floorIndex: 2,
@@ -5786,12 +5785,12 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
-    function add_css$6(target) {
+    function add_css$7(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:0) {#if visible}
-    function create_if_block$2(ctx) {
+    function create_if_block$3(ctx) {
     	let div;
     	let div_resize_listener;
     	let current;
@@ -5970,10 +5969,10 @@
     	};
     }
 
-    function create_fragment$6(ctx) {
+    function create_fragment$8(ctx) {
     	let if_block_anchor;
     	let current;
-    	let if_block = /*visible*/ ctx[1] && create_if_block$2(ctx);
+    	let if_block = /*visible*/ ctx[1] && create_if_block$3(ctx);
 
     	return {
     		c() {
@@ -5994,7 +5993,7 @@
     						internal.transition_in(if_block, 1);
     					}
     				} else {
-    					if_block = create_if_block$2(ctx);
+    					if_block = create_if_block$3(ctx);
     					if_block.c();
     					internal.transition_in(if_block, 1);
     					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -6025,7 +6024,7 @@
     	};
     }
 
-    function instance$6($$self, $$props, $$invalidate) {
+    function instance$8($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { visible } = $$props;
     	let { hoverEnable } = $$props;
@@ -6111,8 +6110,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$6,
-    			create_fragment$6,
+    			instance$8,
+    			create_fragment$8,
     			internal.safe_not_equal,
     			{
     				five: 0,
@@ -6122,12 +6121,12 @@
     				cameraImageUrl: 4,
     				extraObjects: 5
     			},
-    			add_css$6
+    			add_css$7
     		);
     	}
     }
 
-    class Controller$1 extends Controller$3 {
+    class Controller$2 extends Controller$4 {
         constructor(five, params) {
             super(five);
             // =============== public properties =================
@@ -6364,7 +6363,7 @@
     }
 
     const PanoFloorplanRadarPlugin = (five, params) => {
-        return new Controller$1(five, params);
+        return new Controller$2(five, params);
     };
 
     /**
@@ -6472,7 +6471,7 @@
         const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
         return latitudeVisible && longitudeVisible;
     }
-    class Controller extends Controller$3 {
+    class Controller$1 extends Controller$4 {
         constructor(five, params) {
             var _a;
             super(five);
@@ -6889,7 +6888,7 @@
                     const fiveCurrentState = this.five.getCurrentState();
                     if (shouldFloorplanHideWithPose(fiveCurrentState)) {
                         this.updateState({ visible: false }, userAction);
-                        this._hide({ userAction });
+                        this._hide({ userAction, isAutoHide: true });
                     }
                 }
             });
@@ -7062,6 +7061,13 @@
                 state.visible ? this._show(options) : this._hide(options);
             }
         }
+        changeConfigs(_config, userAction = true) {
+            const config = Object.assign(Object.assign({}, this.state.config), _config);
+            this.updateState({ config }, userAction);
+            if (!this.container)
+                return;
+            this.render();
+        }
         async formatData(serverData) {
             return await formatData(serverData.data);
         }
@@ -7134,7 +7140,7 @@
     }
 
     const ModelFloorplanPlugin = (five, params) => {
-        return new Controller(five, params);
+        return new Controller$1(five, params);
     };
 
     /** 房屋数据映射表 */
@@ -8360,31 +8366,792 @@
         };
     };
 
-    const roomInfoIcon = 'data:image/png;base64,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';
+    /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.47.0 */
 
-    function getRoomInfoInstance() {
-        const infoDom = document.createElement('div');
-        const iconDom = document.createElement('i');
-        const textDom = document.createElement('span');
-        infoDom.appendChild(iconDom);
-        infoDom.appendChild(textDom);
-        // infoDom style
-        infoDom.style.position = 'relative';
-        infoDom.style.width = '100%';
-        infoDom.style.display = 'flex';
-        infoDom.style.flexDirection = 'column';
-        infoDom.style.alignItems = 'center';
-        infoDom.style.marginTop = `${150 / 16}rem`;
-        infoDom.style.opacity = '0';
-        infoDom.style.transition = 'opacity 1000ms linear';
-        // iconDom style
-        iconDom.style.display = 'block';
-        iconDom.style.width = `${134 / 16}rem`;
-        iconDom.style.height = `${22 / 16}rem`;
-        iconDom.style.backgroundSize = '100%';
-        iconDom.style.backgroundRepeat = 'no-repeat';
-        iconDom.style.backgroundImage = `url(${roomInfoIcon})`;
-        textDom.style.marginTop = `${10 / 16}rem`;
+    function add_css$6(target) {
+    	internal.append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
+    }
+
+    function get_each_context$4(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[6] = list[i];
+    	return child_ctx;
+    }
+
+    // (28:2) {:else}
+    function create_else_block(ctx) {
+    	let div;
+    	let each_value = /*rulerItemProp*/ ctx[0].children;
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
+    	}
+
+    	return {
+    		c() {
+    			div = internal.element("div");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			internal.attr(div, "class", "rule-mixed-line svelte-qy4ud2");
+    		},
+    		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 & /*rulerItemProp, vars*/ 9) {
+    				each_value = /*rulerItemProp*/ ctx[0].children;
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context$4(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block$4(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(div, null);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value.length;
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) internal.detach(div);
+    			internal.destroy_each(each_blocks, detaching);
+    		}
+    	};
+    }
+
+    // (26:2) {#if rulerItemProp.children.length === 0}
+    function create_if_block$2(ctx) {
+    	let em;
+    	let em_class_value;
+
+    	return {
+    		c() {
+    			em = internal.element("em");
+
+    			internal.attr(em, "class", em_class_value = "" + (internal.null_to_empty(/*rulerItemProp*/ ctx[0].state
+    			? 'em-solid'
+    			: 'em-dotted') + " svelte-qy4ud2"));
+
+    			internal.attr(em, "style", /*vars*/ ctx[3]);
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, em, anchor);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (internal.null_to_empty(/*rulerItemProp*/ ctx[0].state
+    			? 'em-solid'
+    			: 'em-dotted') + " svelte-qy4ud2"))) {
+    				internal.attr(em, "class", em_class_value);
+    			}
+
+    			if (dirty & /*vars*/ 8) {
+    				internal.attr(em, "style", /*vars*/ ctx[3]);
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) internal.detach(em);
+    		}
+    	};
+    }
+
+    // (30:6) {#each rulerItemProp.children as child}
+    function create_each_block$4(ctx) {
+    	let div;
+    	let div_class_value;
+    	let style_width = `${/*child*/ ctx[6].width}px`;
+
+    	return {
+    		c() {
+    			div = internal.element("div");
+    			internal.attr(div, "class", div_class_value = "" + (internal.null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"));
+    			internal.attr(div, "style", /*vars*/ ctx[3]);
+    			internal.set_style(div, "width", style_width, false);
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, div, anchor);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (internal.null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"))) {
+    				internal.attr(div, "class", div_class_value);
+    			}
+
+    			if (dirty & /*vars*/ 8) {
+    				internal.attr(div, "style", /*vars*/ ctx[3]);
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
+    				internal.set_style(div, "width", style_width, false);
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) internal.detach(div);
+    		}
+    	};
+    }
+
+    function create_fragment$7(ctx) {
+    	let div2;
+    	let t0;
+    	let div1;
+    	let div0;
+    	let t1_value = /*rulerItemProp*/ ctx[0].labelElement + "";
+    	let t1;
+    	let div0_resize_listener;
+    	let style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`;
+    	let style_width = `${/*rulerItemProp*/ ctx[0].width}px`;
+    	let style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`;
+    	let style_top = `${/*rulerItemProp*/ ctx[0].top}px`;
+    	let style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`;
+
+    	function select_block_type(ctx, dirty) {
+    		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block$2;
+    		return create_else_block;
+    	}
+
+    	let current_block_type = select_block_type(ctx);
+    	let if_block = current_block_type(ctx);
+
+    	return {
+    		c() {
+    			div2 = internal.element("div");
+    			if_block.c();
+    			t0 = internal.space();
+    			div1 = internal.element("div");
+    			div0 = internal.element("div");
+    			t1 = internal.text(t1_value);
+    			internal.attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-qy4ud2");
+    			internal.add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
+    			internal.attr(div1, "class", "PanoRulerPlugin-rule-label svelte-qy4ud2");
+    			internal.set_style(div1, "left", style_left, false);
+    			internal.attr(div2, "class", "PanoRulerPlugin-rule-line svelte-qy4ud2");
+    			internal.set_style(div2, "width", style_width, false);
+    			internal.set_style(div2, "left", style_left_1, false);
+    			internal.set_style(div2, "top", style_top, false);
+    			internal.set_style(div2, "transform", style_transform, false);
+
+    			internal.set_style(
+    				div2,
+    				"display",
+    				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+    				? 'block'
+    				: 'none',
+    				false
+    			);
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, div2, anchor);
+    			if_block.m(div2, null);
+    			internal.append(div2, t0);
+    			internal.append(div2, div1);
+    			internal.append(div1, div0);
+    			internal.append(div0, t1);
+    			div0_resize_listener = internal.add_resize_listener(div0, /*div0_elementresize_handler*/ ctx[4].bind(div0));
+    		},
+    		p(ctx, [dirty]) {
+    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+    				if_block.p(ctx, dirty);
+    			} else {
+    				if_block.d(1);
+    				if_block = current_block_type(ctx);
+
+    				if (if_block) {
+    					if_block.c();
+    					if_block.m(div2, t0);
+    				}
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) internal.set_data(t1, t1_value);
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
+    				internal.set_style(div1, "left", style_left, false);
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
+    				internal.set_style(div2, "width", style_width, false);
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
+    				internal.set_style(div2, "left", style_left_1, false);
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
+    				internal.set_style(div2, "top", style_top, false);
+    			}
+
+    			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
+    				internal.set_style(div2, "transform", style_transform, false);
+    			}
+
+    			if (dirty & /*rulerItemProp, _visible*/ 5) {
+    				internal.set_style(
+    					div2,
+    					"display",
+    					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+    					? 'block'
+    					: 'none',
+    					false
+    				);
+    			}
+    		},
+    		i: internal.noop,
+    		o: internal.noop,
+    		d(detaching) {
+    			if (detaching) internal.detach(div2);
+    			if_block.d();
+    			div0_resize_listener();
+    		}
+    	};
+    }
+
+    function instance$7($$self, $$props, $$invalidate) {
+    	let vars;
+    	let { rulerItemProp } = $$props;
+    	let _visible = true;
+    	let labelWidth;
+    	let EM_DOTTED_BG = `data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=`;
+
+    	function div0_elementresize_handler() {
+    		labelWidth = this.offsetWidth;
+    		$$invalidate(1, labelWidth);
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('rulerItemProp' in $$props) $$invalidate(0, rulerItemProp = $$props.rulerItemProp);
+    	};
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*labelWidth, rulerItemProp*/ 3) {
+    			{
+    				if (labelWidth >= rulerItemProp.width || labelWidth / 2 >= rulerItemProp.labelOffset / 100 * rulerItemProp.width || labelWidth / 2 >= (1 - rulerItemProp.labelOffset / 100) * rulerItemProp.width) {
+    					$$invalidate(2, _visible = false);
+    				} else {
+    					$$invalidate(2, _visible = true);
+    				}
+    			}
+    		}
+    	};
+
+    	$$invalidate(3, vars = `--background-image: url(${EM_DOTTED_BG})`);
+    	return [rulerItemProp, labelWidth, _visible, vars, div0_elementresize_handler];
+    }
+
+    class RulerItem extends internal.SvelteComponent {
+    	constructor(options) {
+    		super();
+    		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$6);
+    	}
+    }
+
+    /* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.47.0 */
+
+    function get_each_context$3(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[16] = list[i];
+    	return child_ctx;
+    }
+
+    // (206:2) {#each rulerItemProp as itemData}
+    function create_each_block$3(ctx) {
+    	let ruleritem;
+    	let current;
+
+    	ruleritem = new RulerItem({
+    			props: { rulerItemProp: /*itemData*/ ctx[16] }
+    		});
+
+    	return {
+    		c() {
+    			internal.create_component(ruleritem.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			internal.mount_component(ruleritem, target, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			const ruleritem_changes = {};
+    			if (dirty & /*rulerItemProp*/ 1) ruleritem_changes.rulerItemProp = /*itemData*/ ctx[16];
+    			ruleritem.$set(ruleritem_changes);
+    		},
+    		i(local) {
+    			if (current) return;
+    			internal.transition_in(ruleritem.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			internal.transition_out(ruleritem.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			internal.destroy_component(ruleritem, detaching);
+    		}
+    	};
+    }
+
+    function create_fragment$6(ctx) {
+    	let div;
+    	let current;
+    	let each_value = /*rulerItemProp*/ ctx[0];
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+    	}
+
+    	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
+    		each_blocks[i] = null;
+    	});
+
+    	return {
+    		c() {
+    			div = internal.element("div");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, div, anchor);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(div, null);
+    			}
+
+    			current = true;
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*rulerItemProp*/ 1) {
+    				each_value = /*rulerItemProp*/ ctx[0];
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context$3(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    						internal.transition_in(each_blocks[i], 1);
+    					} else {
+    						each_blocks[i] = create_each_block$3(child_ctx);
+    						each_blocks[i].c();
+    						internal.transition_in(each_blocks[i], 1);
+    						each_blocks[i].m(div, null);
+    					}
+    				}
+
+    				internal.group_outros();
+
+    				for (i = each_value.length; i < each_blocks.length; i += 1) {
+    					out(i);
+    				}
+
+    				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) {
+    			each_blocks = each_blocks.filter(Boolean);
+
+    			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);
+    			internal.destroy_each(each_blocks, detaching);
+    		}
+    	};
+    }
+
+    function instance$6($$self, $$props, $$invalidate) {
+    	var _a, _b, _c, _d;
+    	let { five: five$1 } = $$props;
+    	let { rulerDatas } = $$props;
+    	let { options } = $$props;
+    	let rulerItemProp = [];
+
+    	const canvasWidth = ((_b = (_a = five$1.getElement()) === null || _a === void 0
+    	? void 0
+    	: _a.parentElement) === null || _b === void 0
+    	? void 0
+    	: _b.clientWidth) || 0;
+
+    	const canvasHeight = ((_d = (_c = five$1.getElement()) === null || _c === void 0
+    	? void 0
+    	: _c.parentElement) === null || _d === void 0
+    	? void 0
+    	: _d.clientHeight) || 0;
+
+    	const getRuleScreenIntr = (startPoint, endPoint) => {
+    		const screenLines = [
+    			[{ x: 0, y: 0 }, { x: canvasWidth, y: 0 }],
+    			[{ x: 0, y: 0 }, { x: 0, y: canvasHeight }],
+    			[{ x: canvasWidth, y: 0 }, { x: canvasWidth, y: canvasHeight }],
+    			[{ x: 0, y: canvasHeight }, { x: canvasWidth, y: canvasHeight }]
+    		];
+
+    		const intr = [];
+
+    		for (let i = 0; i < screenLines.length; i++) {
+    			const result = intersectionOfLine([startPoint, endPoint], [screenLines[i][0], screenLines[i][1]], true);
+    			if (result) intr.push(result);
+    		}
+
+    		if (intr.length === 0) return false; else {
+    			return intr;
+    		}
+    	};
+
+    	const getPosition = (start, end) => {
+    		const startPoint = start.clone().project(five$1.camera);
+    		const startLeft = (startPoint.x + 1) / 2 * canvasWidth;
+    		const startTop = (-startPoint.y + 1) / 2 * canvasHeight;
+    		const endPoint = end.clone().project(five$1.camera);
+    		const endLeft = (endPoint.x + 1) / 2 * canvasWidth;
+    		const endTop = (-endPoint.y + 1) / 2 * canvasHeight;
+    		const distance = Math.sqrt(Math.pow(endLeft - startLeft, 2) + Math.pow(endTop - startTop, 2));
+
+    		return {
+    			startLeft,
+    			startTop,
+    			endLeft,
+    			endTop,
+    			distance
+    		};
+    	};
+
+    	const getPositionAndVisible = (start, end, visibleOrigin) => {
+    		const cameraPosition = five$1.camera.position;
+    		const cameraDirection = five$1.camera.getWorldDirection(new THREE.Vector3());
+    		const startAngle = start.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
+    		const endAngle = end.clone().sub(cameraPosition).normalize().angleTo(cameraDirection);
+    		const ruleLength = start.distanceTo(end);
+    		const midPoint = end.clone().sub(end.clone().sub(start).divide(new THREE.Vector3(2, 2, 2)));
+    		const disFromCameraToMid = midPoint.distanceTo(cameraPosition);
+    		const { startLeft, startTop, endLeft, endTop, distance } = getPosition(start, end);
+    		const rad = Math.PI / 2 - Math.atan2(endLeft - startLeft, startTop - endTop);
+    		const deg = -(rad / Math.PI) * 180;
+    		let visible = true;
+    		if (!visibleOrigin) visible = false;
+
+    		// 只显示拐点相连的线
+    		if (!equal(start, visibleOrigin) && !equal(end, visibleOrigin)) {
+    			visible = false;
+    		}
+
+    		// 线小于0.3m隐藏
+    		if (ruleLength < 0.3) {
+    			visible = false;
+    		}
+
+    		if (startAngle > Math.PI / 2) {
+    			visible = false;
+    		}
+
+    		if (endAngle > Math.PI / 2) {
+    			visible = false;
+    		}
+
+    		if (disFromCameraToMid / ruleLength > 8) {
+    			visible = false;
+    		}
+
+    		let labelOffset = 50;
+    		let visibleLength = distance;
+    		const intr = getRuleScreenIntr({ x: ~~startLeft, y: ~~startTop }, { x: ~~endLeft, y: ~~endTop });
+
+    		if (intr && intr.length === 1) {
+    			if (equal(start, visibleOrigin)) {
+    				visibleLength = Math.sqrt(Math.pow(intr[0].x - startLeft, 2) + Math.pow(intr[0].y - startTop, 2));
+    				labelOffset = visibleLength / distance * 50;
+    			} else if (equal(end, visibleOrigin)) {
+    				visibleLength = Math.sqrt(Math.pow(intr[0].x - endLeft, 2) + Math.pow(intr[0].y - endTop, 2));
+    				labelOffset = 100 - visibleLength / distance * 50;
+    			}
+    		}
+
+    		if (intr && intr.length === 2) {
+    			const middlePoint = {
+    				x: (intr[0].x + intr[1].x) / 2,
+    				y: (intr[0].y + intr[1].y) / 2
+    			};
+
+    			const distanceFromStart = Math.sqrt(Math.pow(middlePoint.x - startLeft, 2) + Math.pow(middlePoint.y - startTop, 2));
+    			labelOffset = distanceFromStart / distance * 100;
+    		}
+
+    		return {
+    			startLeft,
+    			startTop,
+    			distance,
+    			deg,
+    			visible,
+    			labelOffset,
+    			ruleLength
+    		};
+    	};
+
+    	const updatePanoRulerData = () => {
+    		const panoIndex = five$1.panoIndex;
+    		const rulerData = rulerDatas.find(data => data.panoIndex === panoIndex);
+    		if (!rulerData) return $$invalidate(0, rulerItemProp = []);
+
+    		// 非全景模式下隐藏所有标尺
+    		if (five$1.currentMode !== five.Five.Mode.Panorama) return $$invalidate(0, rulerItemProp = []);
+
+    		const cameraPosition = five$1.camera.position;
+    		const cameraDirection = five$1.camera.getWorldDirection(new THREE.Vector3());
+    		const startPoints = rulerData.lines.map(v => new THREE.Vector3(v.start[0], -v.start[1], -v.start[2]));
+    		const endPoints = rulerData.lines.map(v => new THREE.Vector3(v.end[0], -v.end[1], -v.end[2]));
+
+    		// 可以看到的角度最小的拐点
+    		const [visibleOrigin] = startPoints.concat(endPoints).sort((pointA, pointB) => {
+    			const angleA = pointA.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
+    			const angleB = pointB.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
+    			return angleA - angleB;
+    		});
+
+    		const data = rulerData.lines.map(line => {
+    			var _a, _b;
+    			const start = line.start;
+    			const end = line.end;
+    			const { startLeft, startTop, distance, deg, visible, labelOffset, ruleLength } = getPositionAndVisible(new THREE.Vector3(start[0], -start[1], -start[2]), new THREE.Vector3(end[0], -end[1], -end[2]), visibleOrigin);
+    			const children = [];
+
+    			if (line.children && ((_a = line.children) === null || _a === void 0
+    			? void 0
+    			: _a.length) > 0) {
+    				(_b = line.children) === null || _b === void 0
+    				? void 0
+    				: _b.forEach(l => {
+    						const start = l.start;
+    						const end = l.end;
+    						const { distance } = getPosition(new THREE.Vector3(start[0], -start[1], -start[2]), new THREE.Vector3(end[0], -end[1], -end[2]));
+    						children.push({ width: distance, state: l.state });
+    					});
+    			}
+
+    			return {
+    				width: distance,
+    				left: startLeft,
+    				top: startTop,
+    				rotateDeg: deg,
+    				state: line.state,
+    				children,
+    				labelOffset,
+    				visible,
+    				labelElement: options.distanceText(ruleLength)
+    			};
+    		});
+
+    		$$invalidate(0, rulerItemProp = data);
+    	};
+
+    	const nextFrameFreshRule = () => nextFrame$1(updatePanoRulerData);
+    	const throttleFreshRule = throttle(updatePanoRulerData, 80);
+
+    	svelte.onMount(() => {
+    		updatePanoRulerData();
+    		five$1.on('panoArrived', updatePanoRulerData);
+    		five$1.on('modeChange', updatePanoRulerData);
+    		five$1.on('cameraDirectionUpdate', nextFrameFreshRule);
+    		five$1.on('movingToPano', nextFrameFreshRule);
+    		five$1.on('mouseWheel', () => throttleFreshRule());
+    		five$1.on('pinchGesture', () => throttleFreshRule());
+    	});
+
+    	svelte.onDestroy(() => {
+    		five$1.off('panoArrived', updatePanoRulerData);
+    		five$1.off('modeChange', updatePanoRulerData);
+    		five$1.off('cameraDirectionUpdate', nextFrameFreshRule);
+    		five$1.off('movingToPano', nextFrameFreshRule);
+    		five$1.off('mouseWheel', () => throttleFreshRule());
+    		five$1.off('pinchGesture', () => throttleFreshRule());
+    	});
+
+    	$$self.$$set = $$props => {
+    		if ('five' in $$props) $$invalidate(1, five$1 = $$props.five);
+    		if ('rulerDatas' in $$props) $$invalidate(2, rulerDatas = $$props.rulerDatas);
+    		if ('options' in $$props) $$invalidate(3, options = $$props.options);
+    	};
+
+    	return [rulerItemProp, five$1, rulerDatas, options];
+    }
+
+    class RulerItems extends internal.SvelteComponent {
+    	constructor(options) {
+    		super();
+    		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+    	}
+    }
+
+    class Controller {
+        constructor(five, params) {
+            var _a, _b;
+            Object.defineProperty(this, "five", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "container", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: document.createElement('div')
+            });
+            Object.defineProperty(this, "panoRulerProData", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "rulerItems", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "state", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: {
+                    enabled: false,
+                    loaded: false,
+                    options: {
+                        className: '',
+                        distanceText: (distance) => `${distance.toFixed(1)}m`,
+                    },
+                }
+            });
+            this.five = five;
+            this.container.classList.add('panoRulerProPlugin-container');
+            this.container.setAttribute('style', `position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;`);
+            if (params) {
+                if (params.data) {
+                    this.load(params.data);
+                }
+                this.state.options = Object.assign(Object.assign({}, this.state.options), (params.options || {}));
+                if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
+                    this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
+            }
+            this.five.once('modelLoaded', async () => {
+                var _a, _b;
+                (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
+            });
+            this.five.once('dispose', () => this.dispose());
+        }
+        async load(serverData) {
+            if (!this.five.work)
+                return;
+            const data = serverData.data;
+            if (!data)
+                throw new Error('标尺数据依赖不齐全！');
+            this.panoRulerProData = data;
+            this.state.loaded = true;
+        }
+        enable() {
+            if (!this.state.loaded)
+                return false;
+            if (this.state.enabled)
+                return true;
+            this.state.enabled = true;
+            this.render();
+            return true;
+        }
+        disable() {
+            if (!this.state.enabled)
+                return true;
+            this.state.enabled = false;
+            this.render();
+            return true;
+        }
+        async render() {
+            var _a;
+            if (this.state.enabled) {
+                if (!this.panoRulerProData || !this.container)
+                    return;
+                this.rulerItems = new RulerItems({
+                    target: this.container,
+                    props: {
+                        five: this.five,
+                        rulerDatas: this.panoRulerProData,
+                        options: this.state.options,
+                    },
+                });
+            }
+            else {
+                (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
+                this.rulerItems = undefined;
+            }
+        }
+        dispose() {
+            if (this.container) {
+                this.rulerItems.$destroy();
+                this.rulerItems = undefined;
+            }
+            this.container.remove();
+        }
+    }
+
+    /**
+     * 全景标尺插件
+     */
+    const PanoRulerProPlugin = (five, params) => {
+        return new Controller(five, params);
+    };
+
+    const roomInfoIcon = 'data:image/png;base64,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';
+
+    function getRoomInfoInstance() {
+        const infoDom = document.createElement('div');
+        const iconDom = document.createElement('i');
+        const textDom = document.createElement('span');
+        infoDom.appendChild(iconDom);
+        infoDom.appendChild(textDom);
+        // infoDom style
+        infoDom.style.position = 'relative';
+        infoDom.style.width = '100%';
+        infoDom.style.display = 'flex';
+        infoDom.style.flexDirection = 'column';
+        infoDom.style.alignItems = 'center';
+        infoDom.style.marginTop = `${150 / 16}rem`;
+        infoDom.style.opacity = '0';
+        infoDom.style.transition = 'opacity 1000ms linear';
+        // iconDom style
+        iconDom.style.display = 'block';
+        iconDom.style.width = `${134 / 16}rem`;
+        iconDom.style.height = `${22 / 16}rem`;
+        iconDom.style.backgroundSize = '100%';
+        iconDom.style.backgroundRepeat = 'no-repeat';
+        iconDom.style.backgroundImage = `url(${roomInfoIcon})`;
+        textDom.style.marginTop = `${10 / 16}rem`;
         // textDom style
         textDom.style.fontSize = `${16 / 16}rem`;
         textDom.style.color = '#fff';
@@ -14822,18 +15589,18 @@ void main() {
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[30] = list[i];
+    	child_ctx[31] = list[i];
     	return child_ctx;
     }
 
-    // (229:2) {#if itemLabelItem.visible}
+    // (235:2) {#if itemLabelItem.visible}
     function create_if_block(ctx) {
     	let itemlabelitem;
     	let current;
 
     	itemlabelitem = new ItemLabelItem({
     			props: {
-    				itemLabel: /*itemLabelItem*/ ctx[30],
+    				itemLabel: /*itemLabelItem*/ ctx[31],
     				hooks: /*hooks*/ ctx[0],
     				anchorEnabled: /*anchorEnabled*/ ctx[2],
     				onIconClick: /*onIconClick*/ ctx[6]
@@ -14850,7 +15617,7 @@ void main() {
     		},
     		p(ctx, dirty) {
     			const itemlabelitem_changes = {};
-    			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[30];
+    			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
     			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
     			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
     			itemlabelitem.$set(itemlabelitem_changes);
@@ -14870,12 +15637,12 @@ void main() {
     	};
     }
 
-    // (228:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+    // (234:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
     function create_each_block(key_1, ctx) {
     	let first;
     	let if_block_anchor;
     	let current;
-    	let if_block = /*itemLabelItem*/ ctx[30].visible && create_if_block(ctx);
+    	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
 
     	return {
     		key: key_1,
@@ -14895,7 +15662,7 @@ void main() {
     		p(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (/*itemLabelItem*/ ctx[30].visible) {
+    			if (/*itemLabelItem*/ ctx[31].visible) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
 
@@ -14942,7 +15709,7 @@ void main() {
     	let div_resize_listener;
     	let current;
     	let each_value = /*renderItemLabels*/ ctx[1];
-    	const get_key = ctx => /*itemLabelItem*/ ctx[30].id;
+    	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
     		let child_ctx = get_each_context(ctx, each_value, i);
@@ -14959,7 +15726,7 @@ void main() {
     			}
 
     			internal.attr(div, "class", "item-labels-container svelte-gk8s47");
-    			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[12].call(div));
+    			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
     			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
     		},
     		m(target, anchor) {
@@ -14969,7 +15736,7 @@ void main() {
     				each_blocks[i].m(div, null);
     			}
 
-    			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[12].bind(div));
+    			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
     			current = true;
     		},
     		p(ctx, dirty) {
@@ -15017,6 +15784,7 @@ void main() {
     	const { Raycaster, Vector3 } = THREE__namespace;
     	let { five: five$1 } = $$props;
     	let { modelOcclusionEnable } = $$props;
+    	let { onlyVisibleInPanorama } = $$props;
     	let { itemLabels } = $$props;
     	let { hooks } = $$props;
     	let { displayStrategyType } = $$props;
@@ -15068,7 +15836,10 @@ void main() {
     		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
     		const isFront = Math.abs(offsetZFromCenter) < 1;
     		const cssOffset = [ratioFromLeft, ratioFromTop];
+
+    		// 只计算在前面就行
     		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
+
     		return Boolean(isInViewport);
     	};
 
@@ -15089,8 +15860,15 @@ void main() {
     	};
 
     	const getFormatedItemLabels = (five$1, labels) => {
+    		console.log(labels);
+
     		// 计算位置 & 可见性
     		const newLabels = labels.map(label => {
+    			// 不在绑定点位则直接不可见
+    			if (five$1.state.panoIndex !== label.panoIndex) {
+    				return Object.assign(Object.assign({}, label), { visible: false });
+    			}
+
     			const cssOffset = getLabelCssOffset(five$1, label);
     			label.name.length * basicWidth;
     			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
@@ -15143,16 +15921,6 @@ void main() {
     		handleCameraUpdate();
     	};
 
-    	const onFiveModeChange = mode => {
-    		$$invalidate(5, itemsVisible = false);
-
-    		five$1.once('initAnimationEnded', (panoIndex, pose, userAction) => {
-    			$$invalidate(2, anchorEnabled = mode === five.Five.Mode.Panorama);
-    			$$invalidate(5, itemsVisible = true);
-    			if (!userAction) return; else onItemLabelUpdate();
-    		});
-    	};
-
     	const handleCameraUpdate = debounce(
     		() => {
     			$$invalidate(5, itemsVisible = true);
@@ -15210,11 +15978,10 @@ void main() {
     	const onIconClick = itemLabel => {
     		if (five$1.state.mode === five.Five.Mode.Panorama) return;
     		const observers = five$1.work.observers;
-    		const fromPositionVector = new Vector3(itemLabel.position[0], itemLabel.position[1], itemLabel.position[2]);
+    		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
     		const observer = getNearObserverPano(fromPositionVector, observers);
 
     		if (observer) {
-    			console.log('--has observer--');
     			itemLabel.observerIndex = observer.panoIndex;
     		}
 
@@ -15257,12 +16024,12 @@ void main() {
     		onItemLabelUpdate();
     		addResizeListener();
     		five$1.on('cameraUpdate', handleCameraUpdateCallback);
-    		five$1.on('modeChange', onFiveModeChange);
-    	});
+    	}); // five.on('modeChange', onFiveModeChange)
 
     	svelte.onDestroy(() => {
     		five$1.off('cameraUpdate', handleCameraUpdateCallback);
-    		five$1.off('modeChange', onFiveModeChange);
+
+    		// five.off('modeChange', onFiveModeChange)
     		window.removeEventListener('resize', onResize, false);
     	});
 
@@ -15276,10 +16043,11 @@ void main() {
     	$$self.$$set = $$props => {
     		if ('five' in $$props) $$invalidate(7, five$1 = $$props.five);
     		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-    		if ('itemLabels' in $$props) $$invalidate(9, itemLabels = $$props.itemLabels);
+    		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
+    		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
     		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-    		if ('displayStrategyType' in $$props) $$invalidate(10, displayStrategyType = $$props.displayStrategyType);
-    		if ('maxVisibleDistance' in $$props) $$invalidate(11, maxVisibleDistance = $$props.maxVisibleDistance);
+    		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
+    		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
     	};
 
     	return [
@@ -15292,6 +16060,7 @@ void main() {
     		onIconClick,
     		five$1,
     		modelOcclusionEnable,
+    		onlyVisibleInPanorama,
     		itemLabels,
     		displayStrategyType,
     		maxVisibleDistance,
@@ -15312,10 +16081,11 @@ void main() {
     			{
     				five: 7,
     				modelOcclusionEnable: 8,
-    				itemLabels: 9,
+    				onlyVisibleInPanorama: 9,
+    				itemLabels: 10,
     				hooks: 0,
-    				displayStrategyType: 10,
-    				maxVisibleDistance: 11
+    				displayStrategyType: 11,
+    				maxVisibleDistance: 12
     			},
     			add_css,
     			[-1, -1]
@@ -15325,12 +16095,12 @@ void main() {
 
     /** @description 转成内部所需数据 */
     function parseItemLabelPluginData(data) {
-        return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined }, label)));
+        return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
     }
 
     const defaultMaxVisibleDistance = undefined;
     const Plugin = (five$1, params) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const pluginState = {
             container: document.createElement('div'),
             data: null,
@@ -15341,8 +16111,9 @@ void main() {
             app: undefined,
             hooks: new five.Subscribe(),
             modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-            displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-            maxVisibleDistance: (_c = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _c !== void 0 ? _c : defaultMaxVisibleDistance,
+            onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
+            displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+            maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
         };
         pluginState.container.setAttribute('class', 'item-label-plugin-container');
         pluginState.container.style.cssText = `
@@ -15379,6 +16150,7 @@ void main() {
             return true;
         };
         const dispose = () => {
+            removeListener4Five();
             pluginState.container.remove();
         };
         const render = () => {
@@ -15398,6 +16170,7 @@ void main() {
                     props: {
                         five: five$1,
                         modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                        onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
                         itemLabels: pluginState.itemLabels,
                         wrapper: pluginState.wrapper,
                         hooks: pluginState.hooks,
@@ -15415,9 +16188,27 @@ void main() {
         };
         // 添加 five 监听
         const addListener4Five = () => {
-            // five.on('modeChange', onFiveModeChange)
+            five$1.on('modeChange', onFiveModeChange);
             five$1.once('dispose', dispose);
         };
+        // 取消 five 监听
+        const removeListener4Five = () => {
+            five$1.off('modeChange', onFiveModeChange);
+        };
+        const onFiveModeChange = (mode) => {
+            // if (!pluginState.enabled) return
+            if (mode !== five.Five.Mode.Panorama) {
+                pluginState.fiveModeEnabled = false;
+                disable();
+                return;
+            }
+            // pluginState.fiveModeEnabled = false
+            // render()
+            five$1.once('initAnimationEnded', () => {
+                pluginState.fiveModeEnabled = true;
+                enable();
+            });
+        };
         addListener4Five();
         return {
             appendTo,
@@ -15434,8 +16225,11 @@ void main() {
         version: 0,
     };
 
+    const DnalogelVersion = '2.0.0-alpha.38';
+
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
+    exports.DnalogelVersion = DnalogelVersion;
     exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
     exports.ItemLabelPlugin = Plugin;
     exports.Magnifier = Magnifier;
@@ -15451,6 +16245,7 @@ void main() {
     exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
     exports.PanoMeasurePlugin = PanoMeasurePlugin;
     exports.PanoRulerPlugin = PanoRulerPlugin;
+    exports.PanoRulerProPlugin = PanoRulerProPlugin;
     exports.PanoSpatialTagPlugin = PanoSpatialTagPlugin;
     exports.ROOM_FETILE_TYPE_MAP = ROOM_FETILE_TYPE_MAP;
     exports.ROOM_TYPE_MAP = ROOM_TYPE_MAP;