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

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import { Vector3 as Vector3$1, Scene, Group, Raycaster as Raycaster$1, MeshBasicMaterial, CanvasTexture, AnimationMixer, Color, TextureLoader, Vector2 as Vector2$1, PlaneGeometry, sRGBEncoding, Mesh, CurvePath, LineCurve3, TubeGeometry, ShaderMaterial, SphereGeometry, DoubleSide, RingGeometry } from 'three';
+import { Vector3 as Vector3$1, Scene, Group, Raycaster as Raycaster$1, MeshBasicMaterial, CanvasTexture, AnimationMixer, Color, TextureLoader, Vector2 as Vector2$1, PlaneGeometry, sRGBEncoding, Mesh, CurvePath, LineCurve3, TubeGeometry, ShaderMaterial, SphereGeometry, DoubleSide, RingGeometry, Quaternion, Euler } from 'three';
 import { CSS3DRenderer, CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import { Line as Line$1 } from '@realsee/five/line';
 import { SvelteComponent, init, safe_not_equal, append_styles, element, text, space, attr, set_style, toggle_class, insert, append, listen, set_data, noop as noop$1, detach, add_render_callback, add_resize_listener, group_outros, update_keyed_each, outro_and_destroy_block, check_outros, transition_in, transition_out, globals, empty, create_component, mount_component, destroy_component, src_url_equal, HtmlTag, binding_callbacks, assign, get_spread_update, destroy_block, destroy_each, svg_element, run_all, null_to_empty, create_in_transition } from 'svelte/internal';
@@ -462,11 +462,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) {
 	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 + "";
@@ -533,7 +533,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -556,7 +556,7 @@ function instance$u($$self, $$props, $$invalidate) {
 class RoomLabelItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$p);
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { five: 2, roomLabel: 0 }, add_css$q);
 	}
 }
 
@@ -564,7 +564,7 @@ class RoomLabelItem extends SvelteComponent {
 
 const { Map: Map_1 } = globals;
 
-function add_css$o(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
 }
 
@@ -623,7 +623,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();
@@ -695,7 +695,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;
@@ -820,7 +820,7 @@ function instance$t($$self, $$props, $$invalidate) {
 class RoomLabelItems extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$t, create_fragment$t, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$o);
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { five: 1, roomLabels: 0 }, add_css$p);
 	}
 }
 
@@ -1108,11 +1108,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) {
 	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;
 
@@ -1149,7 +1149,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;
@@ -1195,8 +1195,8 @@ class Camera$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$s,
-			create_fragment$s,
+			instance$t,
+			create_fragment$t,
 			safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1204,7 +1204,7 @@ class Camera$1 extends SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
@@ -1213,7 +1213,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) {
 	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}");
 }
 
@@ -1254,7 +1254,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);
 
@@ -1283,7 +1283,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;
@@ -1307,17 +1307,17 @@ function instance$r($$self, $$props, $$invalidate) {
 class Compass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$m);
+		init(this, options, instance$s, create_fragment$s, 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) {
 	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;
 
@@ -1344,7 +1344,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1357,17 +1357,17 @@ function instance$q($$self, $$props, $$invalidate) {
 class Normalmage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, { url: 0 }, add_css$l);
+		init(this, options, instance$r, create_fragment$r, 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) {
 	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;
@@ -1400,7 +1400,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -1424,13 +1424,13 @@ function instance$p($$self, $$props, $$invalidate) {
 class SvgImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { content: 0 }, add_css$k);
+		init(this, options, instance$q, create_fragment$q, 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) {
 	append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
@@ -1505,7 +1505,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;
@@ -1593,7 +1593,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;
@@ -1625,13 +1625,13 @@ function instance$o($$self, $$props, $$invalidate) {
 class BaseImage extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$o, create_fragment$o, safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$j);
+		init(this, options, instance$p, create_fragment$p, 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) {
 	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}");
 }
 
@@ -1696,7 +1696,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) {
@@ -1770,7 +1770,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;
@@ -1914,8 +1914,8 @@ class RoomLabel extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$n,
-			create_fragment$n,
+			instance$o,
+			create_fragment$o,
 			safe_not_equal,
 			{
 				pxmm: 9,
@@ -1924,14 +1924,14 @@ class RoomLabel extends 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) {
 	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}");
 }
 
@@ -2084,7 +2084,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);
@@ -2139,7 +2139,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;
@@ -2196,8 +2196,8 @@ class RoomLabels extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$n,
+			create_fragment$n,
 			safe_not_equal,
 			{
 				floorIndex: 6,
@@ -2206,14 +2206,14 @@ class RoomLabels extends 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) {
 	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}");
 }
 
@@ -2289,7 +2289,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;
@@ -2412,7 +2412,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;
@@ -2471,13 +2471,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class RuleItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$g);
+		init(this, options, instance$m, create_fragment$m, 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) {
 	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}");
 }
 
@@ -2554,7 +2554,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();
@@ -2634,7 +2634,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;
@@ -2714,7 +2714,7 @@ function instance$k($$self, $$props, $$invalidate) {
 class RuleLabels extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$f);
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$g);
 	}
 }
 
@@ -2771,7 +2771,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 {
@@ -2796,7 +2796,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2816,13 +2816,13 @@ function instance$j($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { path: 1 });
+		init(this, options, instance$k, create_fragment$k, 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;
@@ -2883,7 +2883,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;
@@ -2905,13 +2905,13 @@ function instance$i($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { path: 3 });
+		init(this, options, instance$j, create_fragment$j, 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;
@@ -3012,7 +3012,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -3032,13 +3032,13 @@ function instance$h($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, { path: 1 });
+		init(this, options, instance$i, create_fragment$i, 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) {
 	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}");
 }
 
@@ -3225,7 +3225,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];
@@ -3311,7 +3311,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;
@@ -3337,17 +3337,17 @@ function instance$g($$self, $$props, $$invalidate) {
 class RoomMaterial extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$g, create_fragment$g, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$e);
+		init(this, options, instance$h, create_fragment$h, 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) {
 	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;
@@ -3382,7 +3382,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;
@@ -3418,22 +3418,22 @@ class Room extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$g,
+			create_fragment$g,
 			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) {
 	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}");
 }
 
@@ -3509,7 +3509,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 = [];
@@ -3583,7 +3583,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;
@@ -3606,22 +3606,22 @@ class RoomHighlight extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$e,
-			create_fragment$e,
+			instance$f,
+			create_fragment$f,
 			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) {
 	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}");
 }
 
@@ -3798,7 +3798,7 @@ function create_if_block$6(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$e(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -3998,7 +3998,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;
@@ -4040,8 +4040,8 @@ class CurrentFloor$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$d,
-			create_fragment$d,
+			instance$e,
+			create_fragment$e,
 			safe_not_equal,
 			{
 				isCurrent: 0,
@@ -4053,14 +4053,14 @@ class CurrentFloor$1 extends 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) {
 	append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
@@ -4359,7 +4359,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);
@@ -4414,7 +4414,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;
@@ -4472,8 +4472,8 @@ class Main$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$d,
+			create_fragment$d,
 			safe_not_equal,
 			{
 				duration: 0,
@@ -4491,7 +4491,7 @@ class Main$1 extends SvelteComponent {
 				getLabelElement: 12,
 				adaptiveRoomLabelVisibleEnable: 13
 			},
-			add_css$a
+			add_css$b
 		);
 	}
 }
@@ -5254,11 +5254,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) {
 	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;
@@ -5308,7 +5308,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;
@@ -5388,8 +5388,8 @@ class Camera extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$c,
+			create_fragment$c,
 			safe_not_equal,
 			{
 				five: 3,
@@ -5397,14 +5397,14 @@ class Camera extends 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) {
 	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%)}");
 }
 
@@ -5474,7 +5474,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();
@@ -5522,7 +5522,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -5535,7 +5535,7 @@ function instance$a($$self, $$props, $$invalidate) {
 class ExtraObjects extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, { extraObjects: 0 }, add_css$8);
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { extraObjects: 0 }, add_css$9);
 	}
 }
 
@@ -5601,7 +5601,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$a(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -5712,7 +5712,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;
@@ -5755,7 +5755,7 @@ class CurrentFloor extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, {
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -5768,7 +5768,7 @@ class CurrentFloor extends SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.49.0 */
 
-function add_css$7(target) {
+function add_css$8(target) {
 	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}");
 }
 
@@ -5952,7 +5952,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);
@@ -6007,7 +6007,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;
@@ -6093,8 +6093,8 @@ class Main extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$8,
-			create_fragment$8,
+			instance$9,
+			create_fragment$9,
 			safe_not_equal,
 			{
 				five: 0,
@@ -6104,7 +6104,7 @@ class Main extends SvelteComponent {
 				cameraImageUrl: 4,
 				extraObjects: 5
 			},
-			add_css$7
+			add_css$8
 		);
 	}
 }
@@ -7962,7 +7962,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) => {
@@ -8069,7 +8069,7 @@ const PanoRulerPlugin = (five, 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) {
@@ -8351,7 +8351,7 @@ const PanoRulerPlugin = (five, params) => {
 
 /* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$6(target) {
+function add_css$7(target) {
 	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)}}");
 }
 
@@ -8489,7 +8489,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$8(ctx) {
 	let div2;
 	let t0;
 	let div1;
@@ -8603,7 +8603,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;
@@ -8638,7 +8638,7 @@ function instance$7($$self, $$props, $$invalidate) {
 class RulerItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { rulerItemProp: 0 }, add_css$6);
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { rulerItemProp: 0 }, add_css$7);
 	}
 }
 
@@ -8687,7 +8687,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];
@@ -8771,7 +8771,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 } = $$props;
 	let { rulerDatas } = $$props;
@@ -8989,7 +8989,7 @@ function instance$6($$self, $$props, $$invalidate) {
 class RulerItems extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$6, create_fragment$6, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { five: 1, rulerDatas: 2, options: 3 });
 	}
 }
 
@@ -9228,7 +9228,7 @@ function tweenProgress(duration, easing = TWEEN__default.Easing.Linear.None) {
     return tween;
 }
 
-const defaultBaseOptions = { userAction: true };
+const defaultBaseOptions$1 = { userAction: true };
 class PanoCompassController extends Controller$4 {
     constructor(five, config) {
         super(five);
@@ -9515,7 +9515,7 @@ class PanoCompassController extends Controller$4 {
      * 启用插件，响应用户操作并展示UI
      * @param options
      */
-    enable(options = defaultBaseOptions) {
+    enable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: true,
         }, options);
@@ -9524,7 +9524,7 @@ class PanoCompassController extends Controller$4 {
      * 禁用插件，禁止响应用户操作并隐藏UI
      * @param options
      */
-    disable(options = defaultBaseOptions) {
+    disable(options = defaultBaseOptions$1) {
         this.setState({
             enabled: false,
         }, options);
@@ -9535,7 +9535,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    show(options = defaultBaseOptions) {
+    show(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -9549,7 +9549,7 @@ class PanoCompassController extends Controller$4 {
      * @returns
      * @todo 需要考虑动画
      */
-    hide(options = defaultBaseOptions) {
+    hide(options = defaultBaseOptions$1) {
         if (!this.state.enabled)
             return;
         this.setState({
@@ -13722,7 +13722,7 @@ const currentTarget = writable(null);
 
 /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.49.0 */
 
-function add_css$5(target) {
+function add_css$6(target) {
 	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}}");
 }
 
@@ -13789,7 +13789,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 = [];
@@ -13846,7 +13846,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -13865,17 +13865,17 @@ function instance$5($$self, $$props, $$invalidate) {
 class Origins extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { origins: 0 }, add_css$5);
+		init(this, options, instance$6, create_fragment$6, 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) {
 	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;
@@ -13990,7 +13990,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;
@@ -14127,8 +14127,8 @@ class Tag extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$4,
-			create_fragment$4,
+			instance$5,
+			create_fragment$5,
 			safe_not_equal,
 			{
 				id: 0,
@@ -14143,7 +14143,7 @@ class Tag extends SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css$4
+			add_css$5
 		);
 	}
 }
@@ -14797,11 +14797,11 @@ var DISPLAY_STRATEGY_TYPE;
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$3(target) {
+function add_css$4(target) {
 	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;
@@ -14882,7 +14882,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { itemLabel } = $$props;
 	let { hooks } = $$props;
 
@@ -14902,7 +14902,7 @@ function instance$3($$self, $$props, $$invalidate) {
 class ItemLabelItem$1 extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$3);
+		init(this, options, instance$4, create_fragment$4, safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$4);
 	}
 }
 
@@ -14923,7 +14923,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) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -14982,7 +14982,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();
@@ -15062,7 +15062,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;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -15264,8 +15264,8 @@ class ItemLabelComponent$1 extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$3,
+			create_fragment$3,
 			safe_not_equal,
 			{
 				five: 5,
@@ -15274,7 +15274,7 @@ class ItemLabelComponent$1 extends SvelteComponent {
 				hooks: 0,
 				displayStrategyType: 8
 			},
-			add_css$2
+			add_css$3
 		);
 	}
 }
@@ -15688,11 +15688,11 @@ var ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE;
 
 /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
-function add_css$1(target) {
-	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) {
+	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;
@@ -15715,9 +15715,9 @@ function create_else_block(ctx) {
 			t2 = space();
 			span1 = element("span");
 			t3 = text(t3_value);
-			attr(span0, "class", "item-model svelte-fxbyy");
-			attr(span1, "class", "item-name svelte-fxbyy");
-			attr(div, "class", "item-label-text svelte-fxbyy");
+			attr(span0, "class", "item-model svelte-6b32dy");
+			attr(span1, "class", "item-name svelte-6b32dy");
+			attr(div, "class", "item-label-text svelte-6b32dy");
 		},
 		m(target, anchor) {
 			if (if_block) if_block.m(target, anchor);
@@ -15754,33 +15754,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 HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
+			div = element("div");
 		},
 		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			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);
+			insert(target, div, anchor);
+			/*div_binding*/ ctx[6](div);
 		},
+		p: noop$1,
 		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
+			if (detaching) 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;
@@ -15792,16 +15786,16 @@ function create_if_block_1(ctx) {
 		c() {
 			div1 = element("div");
 			div0 = element("div");
-			attr(div0, "class", "icon svelte-fxbyy");
+			attr(div0, "class", "icon svelte-6b32dy");
 			attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			attr(div1, "class", "icon-wrap svelte-fxbyy");
+			attr(div1, "class", "icon-wrap svelte-6b32dy");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
 			append(div1, div0);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*click_handler*/ ctx[5]);
+				dispose = listen(div1, "click", /*click_handler*/ ctx[7]);
 				mounted = true;
 			}
 		},
@@ -15818,9 +15812,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;
@@ -15829,11 +15825,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 {
@@ -15843,11 +15841,15 @@ function create_fragment$1(ctx) {
 			if_block.c();
 			t = space();
 			div1 = element("div");
-			attr(div0, "class", "" + (null_to_empty(classNames('item-label-item__text-wrap')) + " svelte-fxbyy"));
+
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"));
+
 			set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(classNames('item-label-item__bar', { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-fxbyy"));
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"));
 			set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames('item-label-item', { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-fxbyy"));
+			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"));
 			set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
 			set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 		},
@@ -15859,12 +15861,12 @@ function create_fragment$1(ctx) {
 			append(div2, div1);
 
 			if (!mounted) {
-				dispose = listen(div0, "click", /*onClick*/ ctx[3]);
+				dispose = 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);
@@ -15876,11 +15878,17 @@ function create_fragment$1(ctx) {
 				}
 			}
 
+			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"))) {
+				attr(div0, "class", div0_class_value);
+			}
+
 			if (dirty & /*itemLabel*/ 1) {
 				set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(classNames('item-label-item__bar', { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-fxbyy"))) {
+			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -15888,7 +15896,7 @@ function create_fragment$1(ctx) {
 				set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames('item-label-item', { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-fxbyy"))) {
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"))) {
 				attr(div2, "class", div2_class_value);
 			}
 
@@ -15911,7 +15919,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;
@@ -15922,16 +15930,50 @@ function instance$1($$self, $$props, $$invalidate) {
 		hooks.emit('onLabelClick', itemLabel);
 	}
 
+	let customElement;
+
+	function div_binding($$value) {
+		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 SvelteComponent {
@@ -15941,16 +15983,16 @@ class ItemLabelItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1,
-			create_fragment$1,
+			instance$2,
+			create_fragment$2,
 			safe_not_equal,
 			{
 				itemLabel: 0,
-				hooks: 4,
+				hooks: 5,
 				anchorEnabled: 1,
 				onIconClick: 2
 			},
-			add_css$1
+			add_css$2
 		);
 	}
 }
@@ -15995,7 +16037,7 @@ function transform2RenderData(data) {
 
 /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
 
-function add_css(target) {
+function add_css$1(target) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
 }
 
@@ -16114,7 +16156,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();
@@ -16192,7 +16234,7 @@ function create_fragment(ctx) {
 }
 let basicWidth = 11;
 
-function instance($$self, $$props, $$invalidate) {
+function instance$1($$self, $$props, $$invalidate) {
 	const { Raycaster, Vector3 } = THREE;
 	let { five } = $$props;
 	let { modelOcclusionEnable } = $$props;
@@ -16485,8 +16527,8 @@ class ItemLabelComponent extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance,
-			create_fragment,
+			instance$1,
+			create_fragment$1,
 			safe_not_equal,
 			{
 				five: 7,
@@ -16497,7 +16539,7 @@ class ItemLabelComponent extends SvelteComponent {
 				displayStrategyType: 11,
 				maxVisibleDistance: 12
 			},
-			add_css,
+			add_css$1,
 			[-1, -1]
 		);
 	}
@@ -16635,6 +16677,736 @@ 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.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) {
+	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 = element("div");
+			div0 = element("div");
+			span = element("span");
+			span.textContent = `${/*name*/ ctx[8]}`;
+			t1 = space();
+			i = element("i");
+			attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-6rn4em");
+			attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-6rn4em");
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(classNames('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"));
+			attr(div0, "style", `transform: ${/*transform*/ ctx[6] || 'initial'};pointerEvents: ${/*inSight*/ ctx[5] ? 'auto' : 'none'};opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			attr(div0, "data-camera-toward", /*cameraToward*/ ctx[7]);
+			attr(div1, "style", `left: ${/*left*/ ctx[3] || 0}%;top: ${/*top*/ ctx[4] || 0}%;opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-6rn4em");
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div0, span);
+			append(div0, t1);
+			append(div0, i);
+			/*div1_binding*/ ctx[10](div1);
+
+			if (!mounted) {
+				dispose = listen(div0, "click", /*click_handler*/ ctx[9]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (null_to_empty(classNames('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"))) {
+				attr(div0, "class", div0_class_value);
+			}
+		},
+		i: noop$1,
+		o: noop$1,
+		d(detaching) {
+			if (detaching) 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) {
+		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 SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, 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 Vector3$1());
+    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 Raycaster$1();
+                            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 Vector3$1());
+                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 Vector3$1(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 Vector3$1(0, 0, -1);
+                        const toVector = nearestVector.clone();
+                        const quaternion = new Quaternion();
+                        quaternion.setFromUnitVectors(fromVector, toVector);
+                        const euler = new 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 Vector3$1(doorPoint.x, doorPoint.y, doorPoint.z);
+                                position.add(new Vector3$1(-0.2, 1.8, 0).applyEuler(new 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';
 
-export { CSS3DRenderPlugin, CameraMovementEffect, CameraMovementPlugin, DIRECTION, DISPLAY_STRATEGY_TYPE, DnalogelVersion, FLOOR_PLAN_ATTACHED_TO, FLOOR_TYPE_MAP, ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE, Plugin as ItemLabelPlugin, Magnifier, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelItemLabelPlugin, ModelRoomLabelPlugin, ModelTVVideoPlugin, ModelViewPlugin, PanoCompassPlugin, PanoCursorRaycasterPlugin, PanoFloorplanRadarPlugin, PanoMeasurePlugin, PanoRulerPlugin, PanoRulerProPlugin, PanoSpatialTagPlugin, ROOM_FETILE_TYPE_MAP, ROOM_TYPE_MAP, Rotation, TopviewFloorplanPlugin, itemLabelPluginServerParams, modelItemLabelPluginServerParams, modelRoomLabelPluginServerParams };
+export { CSS3DRenderPlugin, CameraMovementEffect, CameraMovementPlugin, DIRECTION, DISPLAY_STRATEGY_TYPE, DnalogelVersion, FLOOR_PLAN_ATTACHED_TO, FLOOR_TYPE_MAP, ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE, Plugin as ItemLabelPlugin, Magnifier, ModelChassisCompassPlugin, ModelEntryDoorGuidePlugin, ModelFloorplanPlugin, ModelItemLabelPlugin, ModelRoomLabelPlugin, ModelTVVideoPlugin, ModelViewPlugin, PanoCompassPlugin, PanoCursorRaycasterPlugin, PanoDoorLabelPlugin, PanoFloorplanRadarPlugin, PanoMeasurePlugin, PanoRulerPlugin, PanoRulerProPlugin, PanoSpatialTagPlugin, ROOM_FETILE_TYPE_MAP, ROOM_TYPE_MAP, Rotation, TopviewFloorplanPlugin, itemLabelPluginServerParams, modelItemLabelPluginServerParams, modelRoomLabelPluginServerParams };