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

package/dist/index.js

@@ -490,11 +490,11 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
 
 /* 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 + "";
@@ -561,7 +561,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -584,7 +584,7 @@ function instance$u($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -592,7 +592,7 @@ class RoomLabelItem extends internal.SvelteComponent {
 
 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}");
 }
 
@@ -651,7 +651,7 @@ function create_each_block$c(key_1, ctx) {
 	};
 }
 
-function create_fragment$t(ctx) {
+function create_fragment$u(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map_1();
@@ -723,7 +723,7 @@ function create_fragment$t(ctx) {
 	};
 }
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
 	let rendererSize;
 	let { five } = $$props;
 	let { roomLabels } = $$props;
@@ -848,7 +848,7 @@ function instance$t($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -1136,11 +1136,11 @@ function rad2Deg$1(rad) {
 
 /* 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;
 
@@ -1177,7 +1177,7 @@ function create_fragment$s(ctx) {
 	};
 }
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
 	let { panoIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
@@ -1223,8 +1223,8 @@ class Camera$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$s,
-			create_fragment$s,
+			instance$t,
+			create_fragment$t,
 			internal.safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1232,7 +1232,7 @@ class Camera$1 extends internal.SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
@@ -1241,7 +1241,7 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 
 /* 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}");
 }
 
@@ -1282,7 +1282,7 @@ function create_if_block$b(ctx) {
 	};
 }
 
-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);
 
@@ -1311,7 +1311,7 @@ function rad2Deg(rad) {
 	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;
@@ -1335,17 +1335,17 @@ function instance$r($$self, $$props, $$invalidate) {
 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;
 
@@ -1372,7 +1372,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1385,17 +1385,17 @@ function instance$q($$self, $$props, $$invalidate) {
 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;
@@ -1428,7 +1428,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -1452,13 +1452,13 @@ function instance$p($$self, $$props, $$invalidate) {
 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}");
 }
 
@@ -1533,7 +1533,7 @@ function create_if_block$a(ctx) {
 	};
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
@@ -1621,7 +1621,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
 	var _a, _b;
@@ -1653,13 +1653,13 @@ function instance$o($$self, $$props, $$invalidate) {
 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}");
 }
 
@@ -1724,7 +1724,7 @@ function create_if_block$9(ctx) {
 	};
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
 	let div;
 
 	function select_block_type(ctx, dirty) {
@@ -1798,7 +1798,7 @@ function isPointInPolygon(point, polygon) {
 	return inside;
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let isLabelInRoom;
 	let userConfigElement;
 	let labelVisible;
@@ -1942,8 +1942,8 @@ class RoomLabel extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$n,
-			create_fragment$n,
+			instance$o,
+			create_fragment$o,
 			internal.safe_not_equal,
 			{
 				pxmm: 9,
@@ -1952,14 +1952,14 @@ class RoomLabel extends internal.SvelteComponent {
 				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}");
 }
 
@@ -2112,7 +2112,7 @@ function create_each_block$b(key_1, ctx) {
 	};
 }
 
-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);
@@ -2167,7 +2167,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -2224,8 +2224,8 @@ class RoomLabels extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$n,
+			create_fragment$n,
 			internal.safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2234,14 +2234,14 @@ class RoomLabels extends internal.SvelteComponent {
 				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}");
 }
 
@@ -2317,7 +2317,7 @@ function create_each_block$a(key_1, ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$m(ctx) {
 	let div3;
 	let div0;
 	let t0;
@@ -2440,7 +2440,7 @@ function create_fragment$l(ctx) {
 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;
@@ -2499,13 +2499,13 @@ function instance$l($$self, $$props, $$invalidate) {
 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}");
 }
 
@@ -2582,7 +2582,7 @@ function create_each_block$9(key_1, ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$l(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -2662,7 +2662,7 @@ function create_fragment$k(ctx) {
 const padding = 1000;
 const exteriorWallOffset = 180;
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let bounding;
 	let ruleLabelData;
 	let ruleLabelDataKeys;
@@ -2742,7 +2742,7 @@ function instance$k($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -2799,7 +2799,7 @@ function getFloorIndexFromModelPosition(position, five) {
 
 /* 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 {
@@ -2824,7 +2824,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2844,13 +2844,13 @@ function instance$j($$self, $$props, $$invalidate) {
 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;
@@ -2911,7 +2911,7 @@ function create_fragment$i(ctx) {
 
 const halfWidth = 6;
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 	const width = halfWidth * 2;
@@ -2933,13 +2933,13 @@ function instance$i($$self, $$props, $$invalidate) {
 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;
@@ -3040,7 +3040,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3060,13 +3060,13 @@ function instance$h($$self, $$props, $$invalidate) {
 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}");
 }
 
@@ -3253,7 +3253,7 @@ function create_each_block$8(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$h(ctx) {
 	let div;
 	let current;
 	let each_value = /*rooms*/ ctx[0];
@@ -3339,7 +3339,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -3365,17 +3365,17 @@ function instance$g($$self, $$props, $$invalidate) {
 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;
@@ -3410,7 +3410,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3446,22 +3446,22 @@ class Room extends internal.SvelteComponent {
 		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}");
 }
 
@@ -3537,7 +3537,7 @@ function create_each_block$7(key_1, ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$f(ctx) {
 	let div;
 	let svg;
 	let each_blocks = [];
@@ -3611,7 +3611,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
@@ -3634,22 +3634,22 @@ class RoomHighlight extends internal.SvelteComponent {
 		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}");
 }
 
@@ -3826,7 +3826,7 @@ function create_if_block$6(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -4026,7 +4026,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let { isCurrent } = $$props;
 	let { floorIndex } = $$props;
 	let { hoverEnable } = $$props;
@@ -4068,8 +4068,8 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$d,
-			create_fragment$d,
+			instance$e,
+			create_fragment$e,
 			internal.safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4081,14 +4081,14 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 				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}");
 }
 
@@ -4387,7 +4387,7 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-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);
@@ -4442,7 +4442,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let { duration = 0 } = $$props;
 	let { visible } = $$props;
 	let { northDesc } = $$props;
@@ -4500,8 +4500,8 @@ class Main$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$d,
+			create_fragment$d,
 			internal.safe_not_equal,
 			{
 				duration: 0,
@@ -4519,7 +4519,7 @@ class Main$1 extends internal.SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$a
+			add_css$b
 		);
 	}
 }
@@ -5282,11 +5282,11 @@ function throttle(func, wait = 200) {
 
 /* 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;
@@ -5336,7 +5336,7 @@ function getCameraRotateTransform(longitude) {
 	return `rotate(${rotate}deg)`;
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let positionTransform;
 	let rotateTransform;
 	let { five } = $$props;
@@ -5416,8 +5416,8 @@ class Camera extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$c,
+			create_fragment$c,
 			internal.safe_not_equal,
 			{
 				five: 3,
@@ -5425,14 +5425,14 @@ class Camera extends internal.SvelteComponent {
 				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%)}");
 }
 
@@ -5502,7 +5502,7 @@ function create_each_block$5(key_1, ctx) {
 	};
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$b(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -5550,7 +5550,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -5563,7 +5563,7 @@ function instance$a($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -5629,7 +5629,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -5740,7 +5740,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let currentFloorExtraObjects;
 	let { five } = $$props;
 	let { pxmm } = $$props;
@@ -5783,7 +5783,7 @@ class CurrentFloor extends internal.SvelteComponent {
 	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,
@@ -5796,7 +5796,7 @@ class CurrentFloor extends internal.SvelteComponent {
 
 /* 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}");
 }
 
@@ -5980,7 +5980,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-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);
@@ -6035,7 +6035,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { visible } = $$props;
 	let { hoverEnable } = $$props;
@@ -6121,8 +6121,8 @@ class Main extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$8,
-			create_fragment$8,
+			instance$9,
+			create_fragment$9,
 			internal.safe_not_equal,
 			{
 				five: 0,
@@ -6132,7 +6132,7 @@ class Main extends internal.SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$7
+			add_css$8
 		);
 	}
 }
@@ -7990,7 +7990,7 @@ const PanoRulerStyle = `<style type="text/css">
 </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) => {
@@ -8097,7 +8097,7 @@ const PanoRulerPlugin = (five$1, params) => {
                         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) {
@@ -8379,7 +8379,7 @@ const PanoRulerPlugin = (five$1, params) => {
 
 /* 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)}}");
 }
 
@@ -8517,7 +8517,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let div2;
 	let t0;
 	let div1;
@@ -8631,7 +8631,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let vars;
 	let { rulerItemProp } = $$props;
 	let _visible = true;
@@ -8666,7 +8666,7 @@ function instance$7($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -8715,7 +8715,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$7(ctx) {
 	let div;
 	let current;
 	let each_value = /*rulerItemProp*/ ctx[0];
@@ -8799,7 +8799,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-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;
@@ -9017,7 +9017,7 @@ function instance$6($$self, $$props, $$invalidate) {
 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 });
 	}
 }
 
@@ -9256,7 +9256,7 @@ function tweenProgress(duration, easing = TWEEN__default["default"].Easing.Linea
     return tween;
 }
 
-const defaultBaseOptions = { userAction: true };
+const defaultBaseOptions$1 = { userAction: true };
 class PanoCompassController extends Controller$4 {
     constructor(five$1, config) {
         super(five$1);
@@ -9543,7 +9543,7 @@ class PanoCompassController extends Controller$4 {
      * 启用插件，响应用户操作并展示UI
      * @param options
      */
-    enable(options = defaultBaseOptions) {
+    enable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: true,
         }, options);
@@ -9552,7 +9552,7 @@ class PanoCompassController extends Controller$4 {
      * 禁用插件，禁止响应用户操作并隐藏UI
      * @param options
      */
-    disable(options = defaultBaseOptions) {
+    disable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: false,
         }, options);
@@ -9563,7 +9563,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    show(options = defaultBaseOptions) {
+    show(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -9577,7 +9577,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    hide(options = defaultBaseOptions) {
+    hide(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -13750,7 +13750,7 @@ const currentTarget = store.writable(null);
 
 /* 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}}");
 }
 
@@ -13817,7 +13817,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$6(ctx) {
 	let each_1_anchor;
 	let each_value = /*origins*/ ctx[0];
 	let each_blocks = [];
@@ -13874,7 +13874,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -13893,17 +13893,17 @@ function instance$5($$self, $$props, $$invalidate) {
 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;
@@ -14018,7 +14018,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let { id } = $$props;
 	let { upsideDown } = $$props;
 	let { content } = $$props;
@@ -14155,8 +14155,8 @@ class Tag extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$4,
-			create_fragment$4,
+			instance$5,
+			create_fragment$5,
 			internal.safe_not_equal,
 			{
 				id: 0,
@@ -14171,7 +14171,7 @@ class Tag extends internal.SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css$4
+			add_css$5
 		);
 	}
 }
@@ -14825,11 +14825,11 @@ exports.DISPLAY_STRATEGY_TYPE = void 0;
 
 /* 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;
@@ -14910,7 +14910,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 
@@ -14930,7 +14930,7 @@ function instance$3($$self, $$props, $$invalidate) {
 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);
 	}
 }
 
@@ -14951,7 +14951,7 @@ function debounce(func, wait = 200) {
 
 /* 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}");
 }
 
@@ -15010,7 +15010,7 @@ function create_each_block$1(key_1, ctx) {
 	};
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$3(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -15090,7 +15090,7 @@ function create_fragment$2(ctx) {
 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;
@@ -15292,8 +15292,8 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$3,
+			create_fragment$3,
 			internal.safe_not_equal,
 			{
 				five: 5,
@@ -15302,7 +15302,7 @@ class ItemLabelComponent$1 extends internal.SvelteComponent {
 				hooks: 0,
 				displayStrategyType: 8
 			},
-			add_css$2
+			add_css$3
 		);
 	}
 }
@@ -15716,11 +15716,11 @@ exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
 
 /* 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;
@@ -15743,9 +15743,9 @@ function create_else_block(ctx) {
 			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);
@@ -15782,33 +15782,27 @@ function create_else_block(ctx) {
 	};
 }
 
-// (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;
@@ -15820,16 +15814,16 @@ function create_if_block_1(ctx) {
 		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;
 			}
 		},
@@ -15846,9 +15840,11 @@ function create_if_block_1(ctx) {
 	};
 }
 
-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;
@@ -15857,11 +15853,13 @@ function create_fragment$1(ctx) {
 	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 {
@@ -15871,11 +15869,15 @@ function create_fragment$1(ctx) {
 			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);
 		},
@@ -15887,12 +15889,12 @@ function create_fragment$1(ctx) {
 			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);
@@ -15904,11 +15906,17 @@ function create_fragment$1(ctx) {
 				}
 			}
 
+			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);
 			}
 
@@ -15916,7 +15924,7 @@ function create_fragment$1(ctx) {
 				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);
 			}
 
@@ -15939,7 +15947,7 @@ function create_fragment$1(ctx) {
 	};
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$2($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 	let { anchorEnabled } = $$props;
@@ -15950,16 +15958,50 @@ function instance$1($$self, $$props, $$invalidate) {
 		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 {
@@ -15969,16 +16011,16 @@ class ItemLabelItem extends internal.SvelteComponent {
 		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
 		);
 	}
 }
@@ -16023,7 +16065,7 @@ function transform2RenderData(data) {
 
 /* 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}");
 }
 
@@ -16142,7 +16184,7 @@ function create_each_block(key_1, ctx) {
 	};
 }
 
-function create_fragment(ctx) {
+function create_fragment$1(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -16220,7 +16262,7 @@ function create_fragment(ctx) {
 }
 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;
@@ -16513,8 +16555,8 @@ class ItemLabelComponent extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance,
-			create_fragment,
+			instance$1,
+			create_fragment$1,
 			internal.safe_not_equal,
 			{
 				five: 7,
@@ -16525,7 +16567,7 @@ class ItemLabelComponent extends internal.SvelteComponent {
 				displayStrategyType: 11,
 				maxVisibleDistance: 12
 			},
-			add_css,
+			add_css$1,
 			[-1, -1]
 		);
 	}
@@ -16663,7 +16705,737 @@ const itemLabelPluginServerParams = {
     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;
@@ -16680,6 +17452,7 @@ exports.ModelTVVideoPlugin = ModelTVVideoPlugin;
 exports.ModelViewPlugin = ModelViewPlugin;
 exports.PanoCompassPlugin = PanoCompassPlugin;
 exports.PanoCursorRaycasterPlugin = PanoCursorRaycasterPlugin;
+exports.PanoDoorLabelPlugin = PanoDoorLabelPlugin;
 exports.PanoFloorplanRadarPlugin = PanoFloorplanRadarPlugin;
 exports.PanoMeasurePlugin = PanoMeasurePlugin;
 exports.PanoRulerPlugin = PanoRulerPlugin;