@realsee/dnalogel 2.0.0-alpha.44 → 2.0.0-alpha.45

package/dist/index.umd.js

@@ -478,11 +478,11 @@
 
     /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.49.0 */
 
-    function add_css$p(target) {
+    function add_css$q(target) {
     	internal.append_styles(target, "svelte-877671", ".room-label-item.svelte-877671{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-877671{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-877671{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-877671{font-size:0.52083rem}");
     }
 
-    function create_fragment$u(ctx) {
+    function create_fragment$v(ctx) {
     	let div1;
     	let span;
     	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -549,7 +549,7 @@
     	};
     }
 
-    function instance$u($$self, $$props, $$invalidate) {
+    function instance$v($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { roomLabel } = $$props;
 
@@ -572,7 +572,7 @@
     class RoomLabelItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$p);
+    		internal.init(this, options, instance$v, create_fragment$v, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$q);
     	}
     }
 
@@ -580,7 +580,7 @@
 
     const { Map: Map_1 } = internal.globals;
 
-    function add_css$o(target) {
+    function add_css$p(target) {
     	internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
     }
 
@@ -639,7 +639,7 @@
     	};
     }
 
-    function create_fragment$t(ctx) {
+    function create_fragment$u(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map_1();
@@ -711,7 +711,7 @@
     	};
     }
 
-    function instance$t($$self, $$props, $$invalidate) {
+    function instance$u($$self, $$props, $$invalidate) {
     	let rendererSize;
     	let { five } = $$props;
     	let { roomLabels } = $$props;
@@ -836,7 +836,7 @@
     class RoomLabelItems extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$t, create_fragment$t, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$o);
+    		internal.init(this, options, instance$u, create_fragment$u, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$p);
     	}
     }
 
@@ -1124,11 +1124,11 @@
 
     /* src/floorplan/Components/Camera.svelte generated by Svelte v3.49.0 */
 
-    function add_css$n(target) {
+    function add_css$o(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$s(ctx) {
+    function create_fragment$t(ctx) {
     	let div1;
     	let div0;
 
@@ -1165,7 +1165,7 @@
     	};
     }
 
-    function instance$s($$self, $$props, $$invalidate) {
+    function instance$t($$self, $$props, $$invalidate) {
     	let { panoIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { lastPanoramaLongitude } = $$props;
@@ -1211,8 +1211,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$s,
-    			create_fragment$s,
+    			instance$t,
+    			create_fragment$t,
     			internal.safe_not_equal,
     			{
     				panoIndex: 5,
@@ -1220,7 +1220,7 @@
     				lastPanoramaLongitude: 7,
     				cameraImageUrl: 0
     			},
-    			add_css$n
+    			add_css$o
     		);
     	}
     }
@@ -1229,7 +1229,7 @@
 
     /* src/floorplan/Components/Compass.svelte generated by Svelte v3.49.0 */
 
-    function add_css$m(target) {
+    function add_css$n(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}");
     }
 
@@ -1270,7 +1270,7 @@
     	};
     }
 
-    function create_fragment$r(ctx) {
+    function create_fragment$s(ctx) {
     	let if_block_anchor;
     	let if_block = /*canCompassShow*/ ctx[1] && create_if_block$b(ctx);
 
@@ -1299,7 +1299,7 @@
     	return rad / Math.PI * 180;
     }
 
-    function instance$r($$self, $$props, $$invalidate) {
+    function instance$s($$self, $$props, $$invalidate) {
     	var _a;
     	let { floorplanData } = $$props;
     	let { northDesc } = $$props;
@@ -1323,17 +1323,17 @@
     class Compass extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$m);
+    		internal.init(this, options, instance$s, create_fragment$s, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$n);
     	}
     }
 
     /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.49.0 */
 
-    function add_css$l(target) {
+    function add_css$m(target) {
     	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
     }
 
-    function create_fragment$q(ctx) {
+    function create_fragment$r(ctx) {
     	let img;
     	let img_src_value;
 
@@ -1360,7 +1360,7 @@
     	};
     }
 
-    function instance$q($$self, $$props, $$invalidate) {
+    function instance$r($$self, $$props, $$invalidate) {
     	let { url } = $$props;
 
     	$$self.$$set = $$props => {
@@ -1373,17 +1373,17 @@
     class Normalmage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { url: 0 }, add_css$l);
+    		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { url: 0 }, add_css$m);
     	}
     }
 
     /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.49.0 */
 
-    function add_css$k(target) {
+    function add_css$l(target) {
     	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
     }
 
-    function create_fragment$p(ctx) {
+    function create_fragment$q(ctx) {
     	let div;
     	let html_tag;
     	let t;
@@ -1416,7 +1416,7 @@
     	};
     }
 
-    function instance$p($$self, $$props, $$invalidate) {
+    function instance$q($$self, $$props, $$invalidate) {
     	let { content } = $$props;
 
     	const svgStyle = `
@@ -1440,13 +1440,13 @@
     class SvgImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { content: 0 }, add_css$k);
+    		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { content: 0 }, add_css$l);
     	}
     }
 
     /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.49.0 */
 
-    function add_css$j(target) {
+    function add_css$k(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}");
     }
 
@@ -1521,7 +1521,7 @@
     	};
     }
 
-    function create_fragment$o(ctx) {
+    function create_fragment$p(ctx) {
     	let div;
     	let current_block_type_index;
     	let if_block;
@@ -1609,7 +1609,7 @@
     	};
     }
 
-    function instance$o($$self, $$props, $$invalidate) {
+    function instance$p($$self, $$props, $$invalidate) {
     	let imageData;
     	let svgContent;
     	var _a, _b;
@@ -1641,13 +1641,13 @@
     class BaseImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$j);
+    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$k);
     	}
     }
 
     /* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.49.0 */
 
-    function add_css$i(target) {
+    function add_css$j(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}");
     }
 
@@ -1712,7 +1712,7 @@
     	};
     }
 
-    function create_fragment$n(ctx) {
+    function create_fragment$o(ctx) {
     	let div;
 
     	function select_block_type(ctx, dirty) {
@@ -1786,7 +1786,7 @@
     	return inside;
     }
 
-    function instance$n($$self, $$props, $$invalidate) {
+    function instance$o($$self, $$props, $$invalidate) {
     	let isLabelInRoom;
     	let userConfigElement;
     	let labelVisible;
@@ -1930,8 +1930,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$n,
-    			create_fragment$n,
+    			instance$o,
+    			create_fragment$o,
     			internal.safe_not_equal,
     			{
     				pxmm: 9,
@@ -1940,14 +1940,14 @@
     				getLabelElement: 1,
     				adaptiveRoomLabelVisibleEnable: 11
     			},
-    			add_css$i
+    			add_css$j
     		);
     	}
     }
 
     /* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.49.0 */
 
-    function add_css$h(target) {
+    function add_css$i(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}");
     }
 
@@ -2100,7 +2100,7 @@
     	};
     }
 
-    function create_fragment$m(ctx) {
+    function create_fragment$n(ctx) {
     	let if_block_anchor;
     	let current;
     	let if_block = /*rooms*/ ctx[5] && create_if_block$8(ctx);
@@ -2155,7 +2155,7 @@
     	};
     }
 
-    function instance$m($$self, $$props, $$invalidate) {
+    function instance$n($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -2212,8 +2212,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$m,
-    			create_fragment$m,
+    			instance$n,
+    			create_fragment$n,
     			internal.safe_not_equal,
     			{
     				floorIndex: 6,
@@ -2222,14 +2222,14 @@
     				getLabelElement: 1,
     				adaptiveRoomLabelVisibleEnable: 2
     			},
-    			add_css$h
+    			add_css$i
     		);
     	}
     }
 
     /* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.49.0 */
 
-    function add_css$g(target) {
+    function add_css$h(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}");
     }
 
@@ -2305,7 +2305,7 @@
     	};
     }
 
-    function create_fragment$l(ctx) {
+    function create_fragment$m(ctx) {
     	let div3;
     	let div0;
     	let t0;
@@ -2428,7 +2428,7 @@
     const padding$1 = 1000;
     const exteriorWallOffset$1 = 180;
 
-    function instance$l($$self, $$props, $$invalidate) {
+    function instance$m($$self, $$props, $$invalidate) {
     	let { type } = $$props;
     	let { data } = $$props;
     	let { bounding } = $$props;
@@ -2487,13 +2487,13 @@
     class RuleItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$g);
+    		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$h);
     	}
     }
 
     /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.49.0 */
 
-    function add_css$f(target) {
+    function add_css$g(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}");
     }
 
@@ -2570,7 +2570,7 @@
     	};
     }
 
-    function create_fragment$k(ctx) {
+    function create_fragment$l(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -2650,7 +2650,7 @@
     const padding = 1000;
     const exteriorWallOffset = 180;
 
-    function instance$k($$self, $$props, $$invalidate) {
+    function instance$l($$self, $$props, $$invalidate) {
     	let bounding;
     	let ruleLabelData;
     	let ruleLabelDataKeys;
@@ -2730,7 +2730,7 @@
     class RuleLabels extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$f);
+    		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$g);
     	}
     }
 
@@ -2787,7 +2787,7 @@
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.49.0 */
 
-    function create_fragment$j(ctx) {
+    function create_fragment$k(ctx) {
     	let path_1;
 
     	return {
@@ -2812,7 +2812,7 @@
     	};
     }
 
-    function instance$j($$self, $$props, $$invalidate) {
+    function instance$k($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -2832,13 +2832,13 @@
     class RoomMaterial_0 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { path: 1 });
+    		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { path: 1 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.49.0 */
 
-    function create_fragment$i(ctx) {
+    function create_fragment$j(ctx) {
     	let defs;
     	let pattern;
     	let rect;
@@ -2899,7 +2899,7 @@
 
     const halfWidth = 6;
 
-    function instance$i($$self, $$props, $$invalidate) {
+    function instance$j($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
     	const width = halfWidth * 2;
@@ -2921,13 +2921,13 @@
     class RoomMaterial_1 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { path: 3 });
+    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { path: 3 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.49.0 */
 
-    function create_fragment$h(ctx) {
+    function create_fragment$i(ctx) {
     	let defs;
     	let pattern0;
     	let rect0;
@@ -3028,7 +3028,7 @@
     	};
     }
 
-    function instance$h($$self, $$props, $$invalidate) {
+    function instance$i($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -3048,13 +3048,13 @@
     class RoomMaterial_2 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$i, create_fragment$i, internal.safe_not_equal, { path: 1 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.49.0 */
 
-    function add_css$e(target) {
+    function add_css$f(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}");
     }
 
@@ -3241,7 +3241,7 @@
     	};
     }
 
-    function create_fragment$g(ctx) {
+    function create_fragment$h(ctx) {
     	let div;
     	let current;
     	let each_value = /*rooms*/ ctx[0];
@@ -3327,7 +3327,7 @@
     	};
     }
 
-    function instance$g($$self, $$props, $$invalidate) {
+    function instance$h($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -3353,17 +3353,17 @@
     class RoomMaterial extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$e);
+    		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$f);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.49.0 */
 
-    function add_css$d(target) {
+    function add_css$e(target) {
     	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
     }
 
-    function create_fragment$f(ctx) {
+    function create_fragment$g(ctx) {
     	let path;
     	let mounted;
     	let dispose;
@@ -3398,7 +3398,7 @@
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let { room } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -3434,22 +3434,22 @@
     		internal.init(
     			this,
     			options,
-    			instance$f,
-    			create_fragment$f,
+    			instance$g,
+    			create_fragment$g,
     			internal.safe_not_equal,
     			{
     				room: 3,
     				floorplanData: 4,
     				hoveredRoom: 5
     			},
-    			add_css$d
+    			add_css$e
     		);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.49.0 */
 
-    function add_css$c(target) {
+    function add_css$d(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}");
     }
 
@@ -3525,7 +3525,7 @@
     	};
     }
 
-    function create_fragment$e(ctx) {
+    function create_fragment$f(ctx) {
     	let div;
     	let svg;
     	let each_blocks = [];
@@ -3599,7 +3599,7 @@
     	};
     }
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { hoveredRoom } = $$props;
@@ -3622,22 +3622,22 @@
     		internal.init(
     			this,
     			options,
-    			instance$e,
-    			create_fragment$e,
+    			instance$f,
+    			create_fragment$f,
     			internal.safe_not_equal,
     			{
     				floorIndex: 0,
     				floorplanData: 1,
     				hoveredRoom: 2
     			},
-    			add_css$c
+    			add_css$d
     		);
     	}
     }
 
     /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.49.0 */
 
-    function add_css$b(target) {
+    function add_css$c(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}");
     }
 
@@ -3814,7 +3814,7 @@
     	};
     }
 
-    function create_fragment$d(ctx) {
+    function create_fragment$e(ctx) {
     	let div;
     	let roommaterial;
     	let t0;
@@ -4014,7 +4014,7 @@
     	};
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	let { isCurrent } = $$props;
     	let { floorIndex } = $$props;
     	let { hoverEnable } = $$props;
@@ -4056,8 +4056,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$d,
-    			create_fragment$d,
+    			instance$e,
+    			create_fragment$e,
     			internal.safe_not_equal,
     			{
     				isCurrent: 0,
@@ -4069,14 +4069,14 @@
     				getLabelElement: 6,
     				adaptiveRoomLabelVisibleEnable: 7
     			},
-    			add_css$b
+    			add_css$c
     		);
     	}
     }
 
     /* src/floorplan/Components/Main.svelte generated by Svelte v3.49.0 */
 
-    function add_css$a(target) {
+    function add_css$b(target) {
     	internal.append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
     }
 
@@ -4375,7 +4375,7 @@
     	};
     }
 
-    function create_fragment$c(ctx) {
+    function create_fragment$d(ctx) {
     	let if_block_anchor;
     	let current;
     	let if_block = /*visible*/ ctx[1] && create_if_block$5(ctx);
@@ -4430,7 +4430,7 @@
     	};
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	let { duration = 0 } = $$props;
     	let { visible } = $$props;
     	let { northDesc } = $$props;
@@ -4488,8 +4488,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$c,
-    			create_fragment$c,
+    			instance$d,
+    			create_fragment$d,
     			internal.safe_not_equal,
     			{
     				duration: 0,
@@ -4507,7 +4507,7 @@
     				getLabelElement: 12,
     				adaptiveRoomLabelVisibleEnable: 13
     			},
-    			add_css$a
+    			add_css$b
     		);
     	}
     }
@@ -5270,11 +5270,11 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.49.0 */
 
-    function add_css$9(target) {
+    function add_css$a(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$b(ctx) {
+    function create_fragment$c(ctx) {
     	let div2;
     	let div1;
     	let div0;
@@ -5324,7 +5324,7 @@
     	return `rotate(${rotate}deg)`;
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let positionTransform;
     	let rotateTransform;
     	let { five } = $$props;
@@ -5404,8 +5404,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$b,
-    			create_fragment$b,
+    			instance$c,
+    			create_fragment$c,
     			internal.safe_not_equal,
     			{
     				five: 3,
@@ -5413,14 +5413,14 @@
     				floorplanData: 5,
     				cameraImageUrl: 0
     			},
-    			add_css$9
+    			add_css$a
     		);
     	}
     }
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.49.0 */
 
-    function add_css$8(target) {
+    function add_css$9(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%)}");
     }
 
@@ -5490,7 +5490,7 @@
     	};
     }
 
-    function create_fragment$a(ctx) {
+    function create_fragment$b(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -5538,7 +5538,7 @@
     	};
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let { extraObjects = [] } = $$props;
 
     	$$self.$$set = $$props => {
@@ -5551,7 +5551,7 @@
     class ExtraObjects extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, { extraObjects: 0 }, add_css$8);
+    		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { extraObjects: 0 }, add_css$9);
     	}
     }
 
@@ -5617,7 +5617,7 @@
     	};
     }
 
-    function create_fragment$9(ctx) {
+    function create_fragment$a(ctx) {
     	let baseimage;
     	let t0;
     	let extraobjects;
@@ -5728,7 +5728,7 @@
     	};
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let currentFloorExtraObjects;
     	let { five } = $$props;
     	let { pxmm } = $$props;
@@ -5771,7 +5771,7 @@
     	constructor(options) {
     		super();
 
-    		internal.init(this, options, instance$9, create_fragment$9, internal.safe_not_equal, {
+    		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, {
     			five: 0,
     			pxmm: 1,
     			floorIndex: 2,
@@ -5784,7 +5784,7 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.49.0 */
 
-    function add_css$7(target) {
+    function add_css$8(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}");
     }
 
@@ -5968,7 +5968,7 @@
     	};
     }
 
-    function create_fragment$8(ctx) {
+    function create_fragment$9(ctx) {
     	let if_block_anchor;
     	let current;
     	let if_block = /*visible*/ ctx[1] && create_if_block$3(ctx);
@@ -6023,7 +6023,7 @@
     	};
     }
 
-    function instance$8($$self, $$props, $$invalidate) {
+    function instance$9($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { visible } = $$props;
     	let { hoverEnable } = $$props;
@@ -6109,8 +6109,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$8,
-    			create_fragment$8,
+    			instance$9,
+    			create_fragment$9,
     			internal.safe_not_equal,
     			{
     				five: 0,
@@ -6120,7 +6120,7 @@
     				cameraImageUrl: 4,
     				extraObjects: 5
     			},
-    			add_css$7
+    			add_css$8
     		);
     	}
     }
@@ -7978,7 +7978,7 @@
 </style>
 `;
 
-    const getDistance = (p1, p2) => {
+    const getDistance$1 = (p1, p2) => {
         return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
     };
     const getRoomHeightInfo = (roomInfo, five) => {
@@ -8085,7 +8085,7 @@
                             y: position.y,
                             z: position.z,
                         };
-                        const distance = getDistance({ x, z }, observerPoint);
+                        const distance = getDistance$1({ x, z }, observerPoint);
                         if (medianFloorHeight) {
                             // 取最近点时排除高度与房间平均高度差大于0.3米的点
                             if (distance < minDistance && Math.abs(observerPoint.y - medianFloorHeight) < 0.3) {
@@ -8367,7 +8367,7 @@
 
     /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.49.0 */
 
-    function add_css$6(target) {
+    function add_css$7(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)}}");
     }
 
@@ -8505,7 +8505,7 @@
     	};
     }
 
-    function create_fragment$7(ctx) {
+    function create_fragment$8(ctx) {
     	let div2;
     	let t0;
     	let div1;
@@ -8619,7 +8619,7 @@
     	};
     }
 
-    function instance$7($$self, $$props, $$invalidate) {
+    function instance$8($$self, $$props, $$invalidate) {
     	let vars;
     	let { rulerItemProp } = $$props;
     	let _visible = true;
@@ -8654,7 +8654,7 @@
     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);
+    		internal.init(this, options, instance$8, create_fragment$8, internal.safe_not_equal, { rulerItemProp: 0 }, add_css$7);
     	}
     }
 
@@ -8703,7 +8703,7 @@
     	};
     }
 
-    function create_fragment$6(ctx) {
+    function create_fragment$7(ctx) {
     	let div;
     	let current;
     	let each_value = /*rulerItemProp*/ ctx[0];
@@ -8787,7 +8787,7 @@
     	};
     }
 
-    function instance$6($$self, $$props, $$invalidate) {
+    function instance$7($$self, $$props, $$invalidate) {
     	var _a, _b, _c, _d;
     	let { five: five$1 } = $$props;
     	let { rulerDatas } = $$props;
@@ -9005,7 +9005,7 @@
     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 });
+    		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
     	}
     }
 
@@ -9244,7 +9244,7 @@
         return tween;
     }
 
-    const defaultBaseOptions = { userAction: true };
+    const defaultBaseOptions$1 = { userAction: true };
     class PanoCompassController extends Controller$4 {
         constructor(five$1, config) {
             super(five$1);
@@ -9531,7 +9531,7 @@
          * 启用插件，响应用户操作并展示UI
          * @param options
          */
-        enable(options = defaultBaseOptions) {
+        enable(options = defaultBaseOptions$1) {
             this.setState({
                 enabled: true,
             }, options);
@@ -9540,7 +9540,7 @@
          * 禁用插件，禁止响应用户操作并隐藏UI
          * @param options
          */
-        disable(options = defaultBaseOptions) {
+        disable(options = defaultBaseOptions$1) {
             this.setState({
                 enabled: false,
             }, options);
@@ -9551,7 +9551,7 @@
          * @returns
          * @todo 需要考虑动画
          */
-        show(options = defaultBaseOptions) {
+        show(options = defaultBaseOptions$1) {
             if (!this.state.enabled)
                 return;
             this.setState({
@@ -9565,7 +9565,7 @@
          * @returns
          * @todo 需要考虑动画
          */
-        hide(options = defaultBaseOptions) {
+        hide(options = defaultBaseOptions$1) {
             if (!this.state.enabled)
                 return;
             this.setState({
@@ -13738,7 +13738,7 @@ void main() {
 
     /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.49.0 */
 
-    function add_css$5(target) {
+    function add_css$6(target) {
     	internal.append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
     }
 
@@ -13805,7 +13805,7 @@ void main() {
     	};
     }
 
-    function create_fragment$5(ctx) {
+    function create_fragment$6(ctx) {
     	let each_1_anchor;
     	let each_value = /*origins*/ ctx[0];
     	let each_blocks = [];
@@ -13862,7 +13862,7 @@ void main() {
     	};
     }
 
-    function instance$5($$self, $$props, $$invalidate) {
+    function instance$6($$self, $$props, $$invalidate) {
     	let { origins } = $$props;
 
     	const handleClick = id => {
@@ -13881,17 +13881,17 @@ void main() {
     class Origins extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, { origins: 0 }, add_css$5);
+    		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { origins: 0 }, add_css$6);
     	}
     }
 
     /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.49.0 */
 
-    function add_css$4(target) {
+    function add_css$5(target) {
     	internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
     }
 
-    function create_fragment$4(ctx) {
+    function create_fragment$5(ctx) {
     	let div4;
     	let div0;
     	let t0;
@@ -14006,7 +14006,7 @@ void main() {
     	};
     }
 
-    function instance$4($$self, $$props, $$invalidate) {
+    function instance$5($$self, $$props, $$invalidate) {
     	let { id } = $$props;
     	let { upsideDown } = $$props;
     	let { content } = $$props;
@@ -14143,8 +14143,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$4,
-    			create_fragment$4,
+    			instance$5,
+    			create_fragment$5,
     			internal.safe_not_equal,
     			{
     				id: 0,
@@ -14159,7 +14159,7 @@ void main() {
     				events: 14,
     				hooks: 15
     			},
-    			add_css$4
+    			add_css$5
     		);
     	}
     }
@@ -14813,11 +14813,11 @@ void main() {
 
     /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-    function add_css$3(target) {
+    function add_css$4(target) {
     	internal.append_styles(target, "svelte-n1c1kg", ".item-label-item.svelte-n1c1kg{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-n1c1kg{opacity:1;-webkit-animation:svelte-n1c1kg-fadeIn .3s ease-in;animation:svelte-n1c1kg-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-n1c1kg::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(0.83333rem);z-index:-1}.item-label-item__text-wrap.svelte-n1c1kg{padding:0.3125rem 0.3125rem 0;position:absolute;height:1.04167rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.52083rem;font-size:0.57292rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-n1c1kg{padding-bottom:0.20833rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-n1c1kg{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
     }
 
-    function create_fragment$3(ctx) {
+    function create_fragment$4(ctx) {
     	let div2;
     	let div0;
     	let span;
@@ -14898,7 +14898,7 @@ void main() {
     	};
     }
 
-    function instance$3($$self, $$props, $$invalidate) {
+    function instance$4($$self, $$props, $$invalidate) {
     	let { itemLabel } = $$props;
     	let { hooks } = $$props;
 
@@ -14918,7 +14918,7 @@ void main() {
     class ItemLabelItem$1 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$3);
+    		internal.init(this, options, instance$4, create_fragment$4, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$4);
     	}
     }
 
@@ -14939,7 +14939,7 @@ void main() {
 
     /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
 
-    function add_css$2(target) {
+    function add_css$3(target) {
     	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
     }
 
@@ -14998,7 +14998,7 @@ void main() {
     	};
     }
 
-    function create_fragment$2(ctx) {
+    function create_fragment$3(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -15078,7 +15078,7 @@ void main() {
     let cssHeight = 26;
     let basicWidth$1 = 11;
 
-    function instance$2($$self, $$props, $$invalidate) {
+    function instance$3($$self, $$props, $$invalidate) {
     	const { Raycaster, Vector3 } = THREE__namespace;
     	let { five } = $$props;
     	let { modelOcclusionEnable } = $$props;
@@ -15280,8 +15280,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$2,
-    			create_fragment$2,
+    			instance$3,
+    			create_fragment$3,
     			internal.safe_not_equal,
     			{
     				five: 5,
@@ -15290,7 +15290,7 @@ void main() {
     				hooks: 0,
     				displayStrategyType: 8
     			},
-    			add_css$2
+    			add_css$3
     		);
     	}
     }
@@ -15704,11 +15704,11 @@ void main() {
 
     /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-    function add_css$1(target) {
-    	internal.append_styles(target, "svelte-fxbyy", ".item-label-item.svelte-fxbyy.svelte-fxbyy{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-fxbyy-fadeIn 0.3s ease-in;animation:svelte-fxbyy-fadeIn 0.3s ease-in}.item-label-item.fold.svelte-fxbyy>.item-label-item__text-wrap.svelte-fxbyy{visibility:hidden}.item-label-item.fold.svelte-fxbyy>.item-label-item__bar.anchor.svelte-fxbyy{visibility:hidden}.item-label-item.fold.svelte-fxbyy>.item-label-item__bar.anchor.svelte-fxbyy:after{visibility:visible}.item-label-item__text-wrap.svelte-fxbyy.svelte-fxbyy{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(\n      269deg,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(0, 0, 0, 0.6) 49%,\n      rgba(31, 38, 46, 0.7) 100%\n    );border:1.5px solid rgba(255, 255, 255, 0.65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.icon-wrap.svelte-fxbyy.svelte-fxbyy{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-fxbyy.svelte-fxbyy{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-fxbyy.svelte-fxbyy{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, 0.2) 1px;border-top:solid rgba(255, 255, 255, 0.2) 0;border-right:solid rgba(255, 255, 255, 0.2) 0;border-bottom:solid rgba(255, 255, 255, 0.2) 0;pointer-events:auto}.item-model.svelte-fxbyy.svelte-fxbyy{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-fxbyy.svelte-fxbyy{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-fxbyy.svelte-fxbyy{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.2);pointer-events:none}.item-label-item__bar.anchor.svelte-fxbyy.svelte-fxbyy:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url('//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png ');background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-fxbyy-fadeIn{from{opacity:0}to{opacity:1}}@keyframes svelte-fxbyy-fadeIn{from{opacity:0}to{opacity:1}}");
+    function add_css$2(target) {
+    	internal.append_styles(target, "svelte-6b32dy", ".item-label-item.svelte-6b32dy.svelte-6b32dy{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-6b32dy-fadeIn .3s ease-in;animation:svelte-6b32dy-fadeIn .3s ease-in}.item-label-item.fold.svelte-6b32dy>.item-label-item__text-wrap.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy:after{visibility:visible}.item-label-item__text-wrap.svelte-6b32dy.svelte-6b32dy{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-6b32dy.svelte-6b32dy{padding:0.625rem;max-width:unset;min-height:unset}.icon-wrap.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-6b32dy.svelte-6b32dy{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-6b32dy.svelte-6b32dy{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-6b32dy.svelte-6b32dy{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-6b32dy.svelte-6b32dy{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-6b32dy.svelte-6b32dy:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
     }
 
-    // (25:4) {:else}
+    // (34:8) {:else}
     function create_else_block(ctx) {
     	let t0;
     	let div;
@@ -15731,9 +15731,9 @@ void main() {
     			t2 = internal.space();
     			span1 = internal.element("span");
     			t3 = internal.text(t3_value);
-    			internal.attr(span0, "class", "item-model svelte-fxbyy");
-    			internal.attr(span1, "class", "item-name svelte-fxbyy");
-    			internal.attr(div, "class", "item-label-text svelte-fxbyy");
+    			internal.attr(span0, "class", "item-model svelte-6b32dy");
+    			internal.attr(span1, "class", "item-name svelte-6b32dy");
+    			internal.attr(div, "class", "item-label-text svelte-6b32dy");
     		},
     		m(target, anchor) {
     			if (if_block) if_block.m(target, anchor);
@@ -15770,33 +15770,27 @@ void main() {
     	};
     }
 
-    // (23:4) {#if itemLabel.customElement}
+    // (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
     function create_if_block$1(ctx) {
-    	let html_tag;
-    	let raw_value = /*itemLabel*/ ctx[0].customElement + "";
-    	let html_anchor;
+    	let div;
 
     	return {
     		c() {
-    			html_tag = new internal.HtmlTag(false);
-    			html_anchor = internal.empty();
-    			html_tag.a = html_anchor;
+    			div = internal.element("div");
     		},
     		m(target, anchor) {
-    			html_tag.m(raw_value, target, anchor);
-    			internal.insert(target, html_anchor, anchor);
-    		},
-    		p(ctx, dirty) {
-    			if (dirty & /*itemLabel*/ 1 && raw_value !== (raw_value = /*itemLabel*/ ctx[0].customElement + "")) html_tag.p(raw_value);
+    			internal.insert(target, div, anchor);
+    			/*div_binding*/ ctx[6](div);
     		},
+    		p: internal.noop,
     		d(detaching) {
-    			if (detaching) internal.detach(html_anchor);
-    			if (detaching) html_tag.d();
+    			if (detaching) internal.detach(div);
+    			/*div_binding*/ ctx[6](null);
     		}
     	};
     }
 
-    // (26:6) {#if itemLabel.icon}
+    // (35:12) {#if itemLabel.icon}
     function create_if_block_1(ctx) {
     	let div1;
     	let div0;
@@ -15808,16 +15802,16 @@ void main() {
     		c() {
     			div1 = internal.element("div");
     			div0 = internal.element("div");
-    			internal.attr(div0, "class", "icon svelte-fxbyy");
+    			internal.attr(div0, "class", "icon svelte-6b32dy");
     			internal.attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-    			internal.attr(div1, "class", "icon-wrap svelte-fxbyy");
+    			internal.attr(div1, "class", "icon-wrap svelte-6b32dy");
     		},
     		m(target, anchor) {
     			internal.insert(target, div1, anchor);
     			internal.append(div1, div0);
 
     			if (!mounted) {
-    				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[5]);
+    				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[7]);
     				mounted = true;
     			}
     		},
@@ -15834,9 +15828,11 @@ void main() {
     	};
     }
 
-    function create_fragment$1(ctx) {
+    function create_fragment$2(ctx) {
     	let div2;
     	let div0;
+    	let show_if;
+    	let div0_class_value;
     	let t;
     	let div1;
     	let div1_class_value;
@@ -15845,11 +15841,13 @@ void main() {
     	let dispose;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*itemLabel*/ ctx[0].customElement) return create_if_block$1;
+    		if (dirty & /*itemLabel*/ 1) show_if = null;
+    		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
+    		if (show_if) return create_if_block$1;
     		return create_else_block;
     	}
 
-    	let current_block_type = select_block_type(ctx);
+    	let current_block_type = select_block_type(ctx, -1);
     	let if_block = current_block_type(ctx);
 
     	return {
@@ -15859,11 +15857,15 @@ void main() {
     			if_block.c();
     			t = internal.space();
     			div1 = internal.element("div");
-    			internal.attr(div0, "class", "" + (internal.null_to_empty(classNames__default["default"]('item-label-item__text-wrap')) + " svelte-fxbyy"));
+
+    			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+    				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+    			})) + " svelte-6b32dy"));
+
     			internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-    			internal.attr(div1, "class", div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]('item-label-item__bar', { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-fxbyy"));
+    			internal.attr(div1, "class", div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"));
     			internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-    			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]('item-label-item', { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-fxbyy"));
+    			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"));
     			internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
     			internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
     		},
@@ -15875,12 +15877,12 @@ void main() {
     			internal.append(div2, div1);
 
     			if (!mounted) {
-    				dispose = internal.listen(div0, "click", /*onClick*/ ctx[3]);
+    				dispose = internal.listen(div0, "click", /*onClick*/ ctx[4]);
     				mounted = true;
     			}
     		},
     		p(ctx, [dirty]) {
-    			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+    			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
     				if_block.p(ctx, dirty);
     			} else {
     				if_block.d(1);
@@ -15892,11 +15894,17 @@ void main() {
     				}
     			}
 
+    			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+    				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+    			})) + " svelte-6b32dy"))) {
+    				internal.attr(div0, "class", div0_class_value);
+    			}
+
     			if (dirty & /*itemLabel*/ 1) {
     				internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
     			}
 
-    			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]('item-label-item__bar', { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-fxbyy"))) {
+    			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"))) {
     				internal.attr(div1, "class", div1_class_value);
     			}
 
@@ -15904,7 +15912,7 @@ void main() {
     				internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
     			}
 
-    			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]('item-label-item', { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-fxbyy"))) {
+    			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"))) {
     				internal.attr(div2, "class", div2_class_value);
     			}
 
@@ -15927,7 +15935,7 @@ void main() {
     	};
     }
 
-    function instance$1($$self, $$props, $$invalidate) {
+    function instance$2($$self, $$props, $$invalidate) {
     	let { itemLabel } = $$props;
     	let { hooks } = $$props;
     	let { anchorEnabled } = $$props;
@@ -15938,16 +15946,50 @@ void main() {
     		hooks.emit('onLabelClick', itemLabel);
     	}
 
+    	let customElement;
+
+    	function div_binding($$value) {
+    		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			customElement = $$value;
+    			$$invalidate(3, customElement);
+    		});
+    	}
+
     	const click_handler = e => onIconClick(itemLabel);
 
     	$$self.$$set = $$props => {
     		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
-    		if ('hooks' in $$props) $$invalidate(4, hooks = $$props.hooks);
+    		if ('hooks' in $$props) $$invalidate(5, hooks = $$props.hooks);
     		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
     		if ('onIconClick' in $$props) $$invalidate(2, onIconClick = $$props.onIconClick);
     	};
 
-    	return [itemLabel, anchorEnabled, onIconClick, onClick, hooks, click_handler];
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*itemLabel, customElement*/ 9) {
+    			{
+    				if (typeof itemLabel.render === 'function' && customElement) {
+    					if (customElement.children.length === 0) {
+    						const child = itemLabel.render(itemLabel);
+
+    						if (child) {
+    							customElement.appendChild(child);
+    						}
+    					}
+    				}
+    			}
+    		}
+    	};
+
+    	return [
+    		itemLabel,
+    		anchorEnabled,
+    		onIconClick,
+    		customElement,
+    		onClick,
+    		hooks,
+    		div_binding,
+    		click_handler
+    	];
     }
 
     class ItemLabelItem extends internal.SvelteComponent {
@@ -15957,16 +15999,16 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance$1,
-    			create_fragment$1,
+    			instance$2,
+    			create_fragment$2,
     			internal.safe_not_equal,
     			{
     				itemLabel: 0,
-    				hooks: 4,
+    				hooks: 5,
     				anchorEnabled: 1,
     				onIconClick: 2
     			},
-    			add_css$1
+    			add_css$2
     		);
     	}
     }
@@ -16011,7 +16053,7 @@ void main() {
 
     /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
 
-    function add_css(target) {
+    function add_css$1(target) {
     	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
     }
 
@@ -16130,7 +16172,7 @@ void main() {
     	};
     }
 
-    function create_fragment(ctx) {
+    function create_fragment$1(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -16208,7 +16250,7 @@ void main() {
     }
     let basicWidth = 11;
 
-    function instance($$self, $$props, $$invalidate) {
+    function instance$1($$self, $$props, $$invalidate) {
     	const { Raycaster, Vector3 } = THREE__namespace;
     	let { five: five$1 } = $$props;
     	let { modelOcclusionEnable } = $$props;
@@ -16501,8 +16543,8 @@ void main() {
     		internal.init(
     			this,
     			options,
-    			instance,
-    			create_fragment,
+    			instance$1,
+    			create_fragment$1,
     			internal.safe_not_equal,
     			{
     				five: 7,
@@ -16513,7 +16555,7 @@ void main() {
     				displayStrategyType: 11,
     				maxVisibleDistance: 12
     			},
-    			add_css,
+    			add_css$1,
     			[-1, -1]
     		);
     	}
@@ -16651,7 +16693,737 @@ void main() {
         version: 0,
     };
 
-    const DnalogelVersion = '2.0.0-alpha.38';
+    /**
+     * pano plugin controller 基类
+     * @author kyleju
+     */
+    class BasePanoPluginController extends Controller$5 {
+        constructor(five) {
+            super(five);
+            Object.defineProperty(this, "state", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "container", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "enabled", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            this.five = five;
+            this.five.once('dispose', this.dispose);
+            this.enabled = true;
+            this.state = this.initState();
+            console.log('base controller');
+        }
+        /**
+         * 启用组件
+         * @param options
+         */
+        enable(options) {
+            this.enabled = true;
+            this.updateState(Object.assign(Object.assign({}, options), { userAction: true }));
+        }
+        /**
+         * 禁用组件
+         * @param options
+         */
+        disable(options) {
+            this.enabled = false;
+            this.updateState(Object.assign(Object.assign({}, options), { userAction: true }));
+        }
+        /**
+         * 显示 UI
+         * @param options
+         * @returns
+         */
+        show(options) {
+            if (!this.state.enabled)
+                return;
+            this.setState(Object.assign(Object.assign({}, this.state), { visible: true }), options);
+            return Promise.resolve();
+        }
+        /**
+         * 隐藏 UI
+         * @param options
+         * @returns
+         */
+        hide(options) {
+            if (!this.state.enabled)
+                return;
+            this.setState(Object.assign(Object.assign({}, this.state), { visible: false }), options);
+            return Promise.resolve();
+        }
+        /**
+         * 销毁对象
+         */
+        dispose() {
+            this.container.remove();
+        }
+        /**
+         * 设置状态
+         * @param state @T 状态
+         * @param options @BaseOptions 可选配置
+         * @returns
+         */
+        setState(state, options) {
+            if (!this.enabled)
+                return;
+            const prevState = Object.assign({}, this.state);
+            this.state = Object.assign(Object.assign(Object.assign({}, this.state), state), options);
+            this.stateChangedCallback(prevState, options);
+        }
+        get visible() {
+            return this.five.state.mode === five.Five.Mode.Panorama;
+        }
+        appendTo(container) {
+            if (!this.enabled)
+                return;
+            this.container = container;
+            this.render();
+        }
+        updateState(options) {
+            this.setState(Object.assign(Object.assign({}, this.state), { enabled: this.enabled, visible: this.visible }), options);
+        }
+    }
+
+    /* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.49.0 */
+
+    function add_css(target) {
+    	internal.append_styles(target, "svelte-6rn4em", ".plugin-DoorLabelPlugin-item.svelte-6rn4em.svelte-6rn4em{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.625rem;padding:0.3125rem;white-space:nowrap;font-size:0.625rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em::after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:0.125rem;border:1px solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-6rn4em.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.52083rem;height:0.52083rem;margin-left:0.20833rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
+    }
+
+    function create_fragment(ctx) {
+    	let div1;
+    	let div0;
+    	let span;
+    	let t1;
+    	let i;
+    	let div0_class_value;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			div1 = internal.element("div");
+    			div0 = internal.element("div");
+    			span = internal.element("span");
+    			span.textContent = `${/*name*/ ctx[8]}`;
+    			t1 = internal.space();
+    			i = internal.element("i");
+    			internal.attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-6rn4em");
+    			internal.attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-6rn4em");
+    			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"));
+    			internal.attr(div0, "style", `transform: ${/*transform*/ ctx[6] || 'initial'};pointerEvents: ${/*inSight*/ ctx[5] ? 'auto' : 'none'};opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+    			internal.attr(div0, "data-camera-toward", /*cameraToward*/ ctx[7]);
+    			internal.attr(div1, "style", `left: ${/*left*/ ctx[3] || 0}%;top: ${/*top*/ ctx[4] || 0}%;opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+    			internal.attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-6rn4em");
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, div1, anchor);
+    			internal.append(div1, div0);
+    			internal.append(div0, span);
+    			internal.append(div0, t1);
+    			internal.append(div0, i);
+    			/*div1_binding*/ ctx[10](div1);
+
+    			if (!mounted) {
+    				dispose = internal.listen(div0, "click", /*click_handler*/ ctx[9]);
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"))) {
+    				internal.attr(div0, "class", div0_class_value);
+    			}
+    		},
+    		i: internal.noop,
+    		o: internal.noop,
+    		d(detaching) {
+    			if (detaching) internal.detach(div1);
+    			/*div1_binding*/ ctx[10](null);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+    }
+
+    function instance($$self, $$props, $$invalidate) {
+    	let { props } = $$props;
+    	let { onClick } = $$props;
+    	let divElement;
+    	let { left, top, inSight, transform, panoIndex, cameraToward, name } = props;
+    	let prevPanoIndexRef = 0;
+
+    	const initPanoIndex = () => {
+    		if (!left || !top || !inSight) {
+    			return;
+    		}
+
+    		if (!divElement) return;
+    		const _width = divElement.current.clientWidth / window.innerWidth * 100;
+    		const _height = divElement.current.clientHeight / window.innerHeight * 100;
+
+    		if (left <= _width / 2 || left >= 100 - _width / 2) {
+    			return;
+    		}
+
+    		if (top <= _height / 2 || top >= 100 - _height / 2) {
+    			return;
+    		}
+
+    		const prevPanoIndex = prevPanoIndexRef;
+
+    		if (panoIndex !== prevPanoIndex) {
+    			// 触发埋点
+    			console.log('panoDoorLabelPlugin', panoIndex, '触发埋点');
+
+    			// 这里触发曝光埋点
+    			prevPanoIndexRef = panoIndex;
+    		}
+    	};
+
+    	const click_handler = e => {
+    		if (onClick) onClick();
+    	};
+
+    	function div1_binding($$value) {
+    		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			divElement = $$value;
+    			$$invalidate(2, divElement);
+    		});
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('props' in $$props) $$invalidate(0, props = $$props.props);
+    		if ('onClick' in $$props) $$invalidate(1, onClick = $$props.onClick);
+    	};
+
+    	{
+    		initPanoIndex();
+    	}
+
+    	return [
+    		props,
+    		onClick,
+    		divElement,
+    		left,
+    		top,
+    		inSight,
+    		transform,
+    		cameraToward,
+    		name,
+    		click_handler,
+    		div1_binding
+    	];
+    }
+
+    class DoorLabelItem extends internal.SvelteComponent {
+    	constructor(options) {
+    		super();
+    		internal.init(this, options, instance, create_fragment, internal.safe_not_equal, { props: 0, onClick: 1 }, add_css);
+    	}
+    }
+
+    function isTwoRectOverlaped(rect1, rect2) {
+        // 两矩形的中心点水平及垂直距离
+        const verticalDistance = Math.abs(rect1.top + rect1.height / 2 - rect2.top - rect2.height / 2);
+        const horizontalDistance = Math.abs(rect1.left + rect1.width / 2 - rect2.left - rect2.width / 2);
+        const verticalThreshold = (rect1.height + rect2.height) / 2;
+        const horizontalThroshold = (rect1.width + rect2.width) / 2;
+        if (verticalDistance > verticalThreshold && horizontalDistance > horizontalThroshold) {
+            return false;
+        }
+        return true;
+    }
+    function getCameraToward(five) {
+        const { camera } = five;
+        const cameraDirection = camera.getWorldDirection(new THREE.Vector3());
+        let angel = (Math.atan(cameraDirection.z / cameraDirection.x) * 180) / Math.PI;
+        let toward = '';
+        if (cameraDirection.x < 0)
+            angel += 180;
+        if (angel < 0)
+            angel += 360;
+        if (angel > 315 || angel <= 45) {
+            toward = 'right';
+        }
+        else if (angel > 45 && angel <= 135) {
+            toward = 'back';
+        }
+        else if (angel > 135 && angel <= 225) {
+            toward = 'left';
+        }
+        else if (angel > 225 && angel <= 315) {
+            toward = 'forward';
+        }
+        return toward;
+    }
+    function getDistance(p1, p2) {
+        return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
+    }
+    // left、right、forward、back 是 roomLabel 的朝向
+    function getToward(rad) {
+        const pi_4 = Math.PI / 4;
+        if (rad > -pi_4 && rad <= pi_4) {
+            return 'left';
+        }
+        else if (rad > pi_4 * 3 || rad <= -pi_4 * 3) {
+            return 'right';
+        }
+        else if (rad > -pi_4 * 3 && rad <= -pi_4) {
+            return 'forward';
+        }
+        else if (rad > pi_4 && rad <= pi_4 * 3) {
+            return 'back';
+        }
+        return '';
+    }
+
+    const defaultBaseOptions = { userAction: true };
+    /**
+     * 分间标签插件
+     * @author kyleju
+     */
+    class PanoDoorLabelPluginController extends BasePanoPluginController {
+        constructor(five) {
+            super(five);
+            Object.defineProperty(this, "MinVisibledistance", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: 1.8
+            });
+            Object.defineProperty(this, "MaxVisibledistance", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: 6
+            });
+            Object.defineProperty(this, "OffsetHeight", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: -1.3
+            }); // 标签页面高度偏移值
+            Object.defineProperty(this, "rooms", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "floorplanServerData", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            /** 标签项 */
+            Object.defineProperty(this, "doorLabelItems", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            /** 每个点位 visible 标签的缓存 */
+            Object.defineProperty(this, "visibleLabelMap", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: new Map()
+            });
+            /** 标签项Prop值 */
+            Object.defineProperty(this, "labelItems", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: []
+            });
+            /** 数据 */
+            Object.defineProperty(this, "doorLabels", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "roomObservers", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "loadData", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (floorplanServerData) => {
+                    if (this.doorLabelItems && this.doorLabelItems.length > 0) {
+                        this.doorLabelItems.forEach((doorItem) => {
+                            doorItem.$destroy();
+                        });
+                    }
+                    this.labelItems = [];
+                    this.doorLabels = [];
+                    this.doorLabelItems = [];
+                    this.floorplanServerData = floorplanServerData;
+                    this.five.once('panoArrived', () => {
+                        console.log('doorplugin', 'panoArrived');
+                        this.initData();
+                    });
+                }
+            });
+            Object.defineProperty(this, "initRoomObservers", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    var _a, _b;
+                    const floorDatas = this.floorplanServerData.computed_data.floor_datas || [];
+                    const observers = ((_b = (_a = this.five) === null || _a === void 0 ? void 0 : _a.work) === null || _b === void 0 ? void 0 : _b.observers) || [];
+                    const roomObservers = observers
+                        // eslint-disable-next-line array-callback-return
+                        .map((ob) => {
+                        const panoIndex = ob.panoIndex;
+                        const floorIndex = ob.floorIndex;
+                        const floor = floorDatas === null || floorDatas === void 0 ? void 0 : floorDatas.find((d) => d.floor_index === floorIndex);
+                        if (floor) {
+                            const room = floor.rooms.find((r) => r.observer_indexs.includes(panoIndex));
+                            if (room) {
+                                return { panoIndex, floorIndex, name: room.name };
+                            }
+                        }
+                    })
+                        .filter(Boolean);
+                    this.roomObservers = roomObservers;
+                }
+            });
+            Object.defineProperty(this, "hideAllLabels", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    this.labelItems.forEach((item) => {
+                        item.visible = false;
+                        item.inSight = false;
+                    });
+                    this.render();
+                }
+            });
+            Object.defineProperty(this, "fixDoorVisibleAndPosition", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    this.initRoomObservers();
+                    const { panoIndex } = this.five;
+                    if (!this.visible)
+                        return;
+                    if (this.five.model.empty)
+                        return;
+                    if (panoIndex === null)
+                        return;
+                    if (!this.roomObservers.find((item) => item.panoIndex === panoIndex))
+                        return;
+                    const roomObserver = this.roomObservers.find((item) => {
+                        return item.panoIndex === panoIndex;
+                    });
+                    const position = this.five.work.observers.find((item) => item.panoIndex === panoIndex).position;
+                    const targetPoint = position.clone();
+                    const visibleLabelIds = (() => {
+                        if (this.visibleLabelMap.has(panoIndex)) {
+                            /** 使用缓存 */
+                            return this.visibleLabelMap.get(panoIndex);
+                        }
+                        else {
+                            const visibleDoorIds = [];
+                            this.doorLabels.forEach((doorLabelItem, index) => {
+                                // step1 校验分间
+                                if (doorLabelItem.roomName === roomObserver.name)
+                                    return;
+                                // step2 校验最大最小值
+                                const doorPosition = doorLabelItem.position.clone();
+                                const distance = doorPosition.distanceTo(targetPoint);
+                                if (distance < this.MinVisibledistance || distance > this.MaxVisibledistance)
+                                    return;
+                                // step3 碰撞检测是否有遮挡
+                                const raycaster = new THREE.Raycaster();
+                                const direction = doorPosition.clone().sub(targetPoint).normalize();
+                                raycaster.set(targetPoint, direction);
+                                const [intersection] = this.five.model.intersectRaycaster(raycaster);
+                                if (intersection && intersection.distance + 0.1 < distance)
+                                    return;
+                                // 🥳 最终剩下的就是当前点位可见的标签
+                                visibleDoorIds.push(index);
+                            });
+                            this.visibleLabelMap.set(panoIndex, visibleDoorIds);
+                            return visibleDoorIds;
+                        }
+                    })();
+                    this.labelItems.forEach((data, index) => {
+                        data.visible = visibleLabelIds.includes(index);
+                    });
+                    this.fixDoorPosition();
+                }
+            });
+            Object.defineProperty(this, "fixDoorPosition", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    const { panoIndex, camera } = this.five;
+                    if (panoIndex === null)
+                        return;
+                    if (this.five.currentMode !== 'Panorama')
+                        return this.hideAllLabels();
+                    const fiveElement = this.five.getElement();
+                    const canvasWidth = fiveElement.clientWidth;
+                    const canvasHeight = fiveElement.clientHeight;
+                    const cameraDirection = camera.getWorldDirection(new THREE.Vector3());
+                    const neverOverlapLabels = [];
+                    const labelItems = [...this.labelItems];
+                    labelItems.forEach((doorLabel, index) => {
+                        if (doorLabel.visible) {
+                            const disFromCameraToLabel = camera.position.distanceTo(doorLabel.position);
+                            const labelPosition = doorLabel.position.clone().add(new THREE.Vector3(0, this.OffsetHeight, 0));
+                            const direction = labelPosition.clone().sub(camera.position).normalize();
+                            const angle = direction.angleTo(cameraDirection);
+                            const mouse = labelPosition.clone().project(camera);
+                            const left = ((mouse.x + 1) / 2.2) * 100;
+                            const top = ((-mouse.y + 1) / 2.2) * 100;
+                            const visible = left >= 0 &&
+                                left <= 100 &&
+                                top >= 0 &&
+                                top <= 100 &&
+                                disFromCameraToLabel > this.MinVisibledistance &&
+                                disFromCameraToLabel <= this.MaxVisibledistance;
+                            doorLabel.left = left;
+                            doorLabel.top = top;
+                            doorLabel.inSight = visible && angle < Math.PI / 2;
+                            doorLabel.cameraToward = getCameraToward(this.five);
+                            if (visible)
+                                neverOverlapLabels.push({ disFromCameraToLabel, left, top, index });
+                            else
+                                doorLabel.transform = 'translate(-50%, -50%)';
+                        }
+                        else {
+                            doorLabel.inSight = false;
+                        }
+                    });
+                    // 视线内多标签防重叠单独处理
+                    if (neverOverlapLabels.length > 1) {
+                        let heightLevel = 0;
+                        neverOverlapLabels.sort((a, b) => b.disFromCameraToLabel - a.disFromCameraToLabel);
+                        for (let i = 1; i < neverOverlapLabels.length; i++) {
+                            const { index: idx1, left: l1, top: t1 } = neverOverlapLabels[i - 1];
+                            const { index: idx2, left: l2, top: t2 } = neverOverlapLabels[i];
+                            const rectDom1 = this.container.children[idx1];
+                            const rectDom2 = this.container.children[idx2];
+                            if (!rectDom1 || !rectDom2)
+                                return;
+                            const rect1 = {
+                                left: (canvasWidth * l1) / 100,
+                                top: (canvasHeight * t1) / 100,
+                                width: rectDom1.children[0].clientWidth,
+                                height: rectDom1.children[0].clientHeight,
+                            };
+                            const rect2 = {
+                                left: (canvasWidth * l2) / 100,
+                                top: (canvasHeight * t2) / 100,
+                                width: rectDom2.children[0].clientWidth,
+                                height: rectDom2.children[0].clientHeight,
+                            };
+                            if (isTwoRectOverlaped(rect1, rect2)) {
+                                heightLevel++;
+                                labelItems[idx1].transform = `translate(-50%, ${(heightLevel - 1) * 100 - 50}%)`;
+                                labelItems[idx2].transform = `translate(-50%, ${heightLevel * 100 - 50}%)`;
+                            }
+                        }
+                    }
+                    this.labelItems = labelItems;
+                    this.render();
+                }
+            });
+            Object.defineProperty(this, "onClick", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (roomName, position) => {
+                    if (!this.rooms)
+                        return;
+                    const { work } = this.five;
+                    let nearestIndex;
+                    let nearestVector;
+                    let minDistance = Infinity;
+                    for (let index = 0; index < work.observers.length; index++) {
+                        if (this.rooms[index].name !== roomName)
+                            continue;
+                        const observer = work.observers[index];
+                        const observerPoint = observer.standingPosition;
+                        const distance = position.distanceTo(observerPoint);
+                        if (distance < minDistance) {
+                            nearestIndex = index;
+                            nearestVector = observerPoint.clone().sub(position).normalize();
+                            minDistance = distance;
+                        }
+                    }
+                    if (nearestVector !== null && nearestIndex !== null) {
+                        const options = {};
+                        if (minDistance > 0) {
+                            const fromVector = new THREE.Vector3(0, 0, -1);
+                            const toVector = nearestVector.clone();
+                            const quaternion = new THREE.Quaternion();
+                            quaternion.setFromUnitVectors(fromVector, toVector);
+                            const euler = new THREE.Euler();
+                            euler.setFromQuaternion(quaternion, 'YXZ');
+                            options.longitude = euler.y;
+                        }
+                        const canceled = this.five.emit('wantsToMoveToPano', nearestIndex, {}, true);
+                        if (!canceled) {
+                            this.five.moveToPano(nearestIndex, { longitude: options.longitude });
+                        }
+                    }
+                }
+            });
+            Object.defineProperty(this, "initData", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    var _a;
+                    this.doorLabels = [];
+                    const pano_index = this.five.panoIndex;
+                    const floor_index = this.floorplanServerData.computed_data.observers[pano_index].floor_index;
+                    const rooms = floor_index !== undefined &&
+                        ((_a = this.floorplanServerData.computed_data.floor_datas[floor_index]) === null || _a === void 0 ? void 0 : _a.rooms);
+                    this.rooms = rooms;
+                    if (this.rooms && this.rooms.length > 0) {
+                        this.rooms.forEach((room) => {
+                            var _a;
+                            const doors = (_a = this.floorplanServerData.computed_data.doors) === null || _a === void 0 ? void 0 : _a.filter((doorItem) => {
+                                if (doorItem && doorItem.name === room.name) {
+                                    return true;
+                                }
+                                return false;
+                            });
+                            const observersInRoom = this.five.work.observers.filter((observer, index) => {
+                                if (room.observer_indexs.find((item) => item === index))
+                                    return true;
+                                return false;
+                            });
+                            if (doors) {
+                                doors.forEach((door) => {
+                                    const doorPoint = door.position;
+                                    let minDistance = Infinity;
+                                    let nearestPoint;
+                                    // 遍历门所在房间所有的点，找到离门最近的点
+                                    observersInRoom.forEach((observer) => {
+                                        const position = observer.standingPosition;
+                                        const observerPoint = {
+                                            x: position.x,
+                                            y: position.y,
+                                            z: position.z,
+                                        };
+                                        const distance = getDistance(doorPoint, observerPoint);
+                                        if (distance < minDistance) {
+                                            minDistance = distance;
+                                            nearestPoint = observerPoint;
+                                        }
+                                    });
+                                    if (nearestPoint)
+                                        doorPoint.y = nearestPoint.y + 0.01;
+                                    const position = new THREE.Vector3(doorPoint.x, doorPoint.y, doorPoint.z);
+                                    position.add(new THREE.Vector3(-0.2, 1.8, 0).applyEuler(new THREE.Euler(0, door.rad, 0)));
+                                    this.doorLabels.push({
+                                        roomName: room.name,
+                                        name: door.name,
+                                        position,
+                                        toward: getToward(door.rad),
+                                    });
+                                });
+                            }
+                        });
+                    }
+                    this.labelItems = this.doorLabels.map((data) => (Object.assign(Object.assign({}, data), { left: 0, top: 0, visible: false, inSight: false, transform: '', cameraToward: '' })));
+                    console.log('doorplugin', 'labelItems', this.labelItems);
+                    this.five.on('wantsToMoveToPano', this.hideAllLabels);
+                    this.five.on('modelLoaded', this.fixDoorVisibleAndPosition);
+                    this.five.on('panoArrived', this.fixDoorVisibleAndPosition);
+                    this.five.on('initAnimationEnded', this.fixDoorPosition);
+                    this.five.on('cameraUpdate', this.fixDoorPosition);
+                    this.five.on('mouseWheel', this.fixDoorPosition);
+                    this.five.on('pinchGesture', this.fixDoorPosition);
+                    this.fixDoorVisibleAndPosition();
+                }
+            });
+        }
+        stateChangedCallback(prevState, options) {
+            if (this.hooks.hasListener('stateChange')) {
+                const optionParams = {
+                    state: this.state,
+                    prevState,
+                    userAction: options ? options.userAction : defaultBaseOptions.userAction,
+                };
+                this.hooks.emit('stateChange', optionParams);
+            }
+        }
+        render() {
+            if (!this.enabled) {
+                this.doorLabelItems &&
+                    this.doorLabelItems.length > 0 &&
+                    this.doorLabelItems.forEach((item) => {
+                        item === null || item === void 0 ? void 0 : item.$destroy();
+                    });
+                this.doorLabels = undefined;
+                return;
+            }
+            if (this.doorLabelItems) {
+                this.doorLabelItems.forEach((item) => {
+                    item.$destroy();
+                });
+            }
+            this.doorLabelItems = [];
+            this.labelItems.forEach((item) => {
+                this.doorLabelItems.push(new DoorLabelItem({
+                    target: this.container,
+                    props: {
+                        props: item,
+                        onClick: () => {
+                            this.onClick(item.name, item.position);
+                        },
+                    },
+                }));
+            });
+        }
+        initState() {
+            return { enabled: true, visible: true };
+        }
+        dispose() {
+            if (this.five) {
+                this.five.off('wantsToMoveToPano', this.hideAllLabels);
+                this.five.off('modelLoaded', this.fixDoorVisibleAndPosition);
+                this.five.off('panoArrived', this.fixDoorVisibleAndPosition);
+                this.five.off('initAnimationEnded', this.fixDoorPosition);
+                this.five.off('cameraUpdate', this.fixDoorPosition);
+                this.five.off('mouseWheel', this.fixDoorPosition);
+                this.five.off('pinchGesture', this.fixDoorPosition);
+                super.dispose();
+            }
+        }
+    }
+
+    const PanoDoorLabelPlugin = (five) => {
+        return new PanoDoorLabelPluginController(five);
+    };
+
+    const DnalogelVersion = '2.0.0-alpha.43';
 
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
@@ -16668,6 +17440,7 @@ void main() {
     exports.ModelViewPlugin = ModelViewPlugin;
     exports.PanoCompassPlugin = PanoCompassPlugin;
     exports.PanoCursorRaycasterPlugin = PanoCursorRaycasterPlugin;
+    exports.PanoDoorLabelPlugin = PanoDoorLabelPlugin;
     exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
     exports.PanoMeasurePlugin = PanoMeasurePlugin;
     exports.PanoRulerPlugin = PanoRulerPlugin;