@realsee/dnalogel 2.0.0-alpha.11 → 2.0.0-alpha.12

package/dist/index.js

@@ -13,6 +13,7 @@ var five = require('@realsee/five');
 var FBXLoader = require('three/examples/jsm/loaders/FBXLoader');
 var TWEEN = require('@tweenjs/tween.js');
 var store = require('svelte/store');
+var classNames = require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -52,6 +53,7 @@ function _mergeNamespaces(n, m) {
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 var TWEEN__namespace = /*#__PURE__*/_interopNamespace(TWEEN);
 var TWEEN__default = /*#__PURE__*/_interopDefaultLegacy(TWEEN);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 /**
  * Five 模型插件
@@ -497,11 +499,11 @@ const ROOM_LABEL_BG = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAY
 
 /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
 
-function add_css$j(target) {
+function add_css$l(target) {
 	internal.append_styles(target, "svelte-17nkflf", ".room-label-item.svelte-17nkflf{position:absolute;font-size:8px;z-index:0;transform:none;cursor:pointer;pointer-events:none;user-select:none}.room-label-item__text.svelte-17nkflf{position:absolute;left:0;top:-64px;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:20px;min-width:32px;padding:0 6px;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-17nkflf{position:absolute;top:-44px;height:48px;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-17nkflf{font-size:10px}");
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$q(ctx) {
 	let div1;
 	let span;
 	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -568,7 +570,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabel } = $$props;
 
@@ -591,24 +593,24 @@ function instance$o($$self, $$props, $$invalidate) {
 class RoomLabelItem extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$j);
+		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$l);
 	}
 }
 
 /* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.47.0 */
 
-function add_css$i(target) {
+function add_css$k(target) {
 	internal.append_styles(target, "svelte-185yvaa", ".room-labels-container.svelte-185yvaa{width:100%;height:100%;position:relative;color:#fff}");
 }
 
-function get_each_context$7(ctx, list, i) {
+function get_each_context$8(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[9] = list[i];
 	return child_ctx;
 }
 
 // (70:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
-function create_each_block$7(key_1, ctx) {
+function create_each_block$8(key_1, ctx) {
 	let first;
 	let roomlabelitem;
 	let current;
@@ -656,7 +658,7 @@ function create_each_block$7(key_1, ctx) {
 	};
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$p(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -666,9 +668,9 @@ function create_fragment$n(ctx) {
 	const get_key = ctx => /*roomLableItem*/ ctx[9].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$7(ctx, each_value, i);
+		let child_ctx = get_each_context$8(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
 	}
 
 	return {
@@ -696,7 +698,7 @@ function create_fragment$n(ctx) {
 			if (dirty & /*roomLabels, five*/ 3) {
 				each_value = /*roomLabels*/ ctx[0];
 				internal.group_outros();
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$7, null, get_each_context$7);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$8, null, get_each_context$8);
 				internal.check_outros();
 			}
 		},
@@ -728,7 +730,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { roomLabels } = $$props;
 	let containerWidth;
@@ -762,7 +764,7 @@ function instance$n($$self, $$props, $$invalidate) {
 
 	function getFormatedRoomLabels(five, labels) {
 		const newLabels = labels.map(roomLabelItem => {
-			// 计算是否可见，入股不可见，不会更新位置
+			// 计算是否可见，如果不可见，不会更新位置
 			const visible = getLabelVisible(five, roomLabelItem);
 
 			if (!visible) return { ...roomLabelItem, visible };
@@ -819,7 +821,7 @@ function instance$n($$self, $$props, $$invalidate) {
 class RoomLabelItems extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$n, create_fragment$n, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$i);
+		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$k);
 	}
 }
 
@@ -1173,11 +1175,11 @@ function rad2Deg$1(rad) {
 
 /* src/floorplan/ModelFloorplanPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-function add_css$h(target) {
+function add_css$j(target) {
 	internal.append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$o(ctx) {
 	let div1;
 	let div0;
 
@@ -1214,7 +1216,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { panoIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
@@ -1260,8 +1262,8 @@ class Camera$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$m,
-			create_fragment$m,
+			instance$o,
+			create_fragment$o,
 			internal.safe_not_equal,
 			{
 				panoIndex: 5,
@@ -1269,7 +1271,7 @@ class Camera$1 extends internal.SvelteComponent {
 				lastPanoramaLongitude: 7,
 				cameraImageUrl: 0
 			},
-			add_css$h
+			add_css$j
 		);
 	}
 }
@@ -1278,7 +1280,7 @@ const COMPASS_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArUAAAB7CAM
 
 /* src/floorplan/ModelFloorplanPlugin/Components/Compass.svelte generated by Svelte v3.47.0 */
 
-function add_css$g(target) {
+function add_css$i(target) {
 	internal.append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{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-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
 }
 
@@ -1319,7 +1321,7 @@ function create_if_block$8(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$n(ctx) {
 	let if_block_anchor;
 	let if_block = /*northRad*/ ctx[1] && create_if_block$8(ctx);
 
@@ -1348,7 +1350,7 @@ function rad2Deg(rad) {
 	return rad / Math.PI * 180;
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let { floorplanData } = $$props;
 	let { northDesc } = $$props;
 	const northRad = floorplanData.entrance?.northRad;
@@ -1366,13 +1368,13 @@ function instance$l($$self, $$props, $$invalidate) {
 class Compass extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$g);
+		internal.init(this, options, instance$n, create_fragment$n, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$i);
 	}
 }
 
 /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.47.0 */
 
-function add_css$f(target) {
+function add_css$h(target) {
 	internal.append_styles(target, "svelte-1ashbdx", ".floorplan-plugin__room-label-item.svelte-1ashbdx{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:15px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-1ashbdx{opacity:0.45}");
 }
 
@@ -1437,7 +1439,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$m(ctx) {
 	let div;
 
 	function select_block_type(ctx, dirty) {
@@ -1486,7 +1488,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let userConfigElement;
 	let { room } = $$props;
 	let { getLabelElement } = $$props;
@@ -1518,17 +1520,17 @@ function instance$k($$self, $$props, $$invalidate) {
 class RoomLabel extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { room: 0, getLabelElement: 1 }, add_css$f);
+		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { room: 0, getLabelElement: 1 }, add_css$h);
 	}
 }
 
 /* src/floorplan/ModelFloorplanPlugin/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.47.0 */
 
-function add_css$e(target) {
+function add_css$g(target) {
 	internal.append_styles(target, "svelte-sw25w3", ".floorplan-plugin__room-labels.svelte-sw25w3{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20}");
 }
 
-function get_each_context$6(ctx, list, i) {
+function get_each_context$7(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[4] = list[i];
 	return child_ctx;
@@ -1544,9 +1546,9 @@ function create_if_block$6(ctx) {
 	const get_key = ctx => /*room*/ ctx[4].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$6(ctx, each_value, i);
+		let child_ctx = get_each_context$7(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$6(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
 	}
 
 	return {
@@ -1572,7 +1574,7 @@ function create_if_block$6(ctx) {
 			if (dirty & /*rooms, getLabelElement*/ 3) {
 				each_value = /*rooms*/ ctx[1];
 				internal.group_outros();
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$6, null, get_each_context$6);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$7, null, get_each_context$7);
 				internal.check_outros();
 			}
 		},
@@ -1603,7 +1605,7 @@ function create_if_block$6(ctx) {
 }
 
 // (10:4) {#each rooms as room (room.id)}
-function create_each_block$6(key_1, ctx) {
+function create_each_block$7(key_1, ctx) {
 	let first;
 	let roomlabel;
 	let current;
@@ -1666,7 +1668,7 @@ function create_each_block$6(key_1, ctx) {
 	};
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$l(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*rooms*/ ctx[1] && create_if_block$6(ctx);
@@ -1721,7 +1723,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
@@ -1749,15 +1751,15 @@ class RoomLabels extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$j,
-			create_fragment$j,
+			instance$l,
+			create_fragment$l,
 			internal.safe_not_equal,
 			{
 				floorIndex: 2,
 				floorplanData: 3,
 				getLabelElement: 0
 			},
-			add_css$e
+			add_css$g
 		);
 	}
 }
@@ -1776,11 +1778,11 @@ function notNil(value) {
 
 /* src/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.47.0 */
 
-function add_css$d(target) {
+function add_css$f(target) {
 	internal.append_styles(target, "svelte-1rr09in", ".floorplan-plugin__rule-labels.svelte-1rr09in{position:absolute;height:5px;display:flex;align-items:center}.floorplan-plugin__rule-labels-top.svelte-1rr09in{left:0;top:0}.floorplan-plugin__rule-labels-bottom.svelte-1rr09in{left:0;bottom:0}.floorplan-plugin__rule-labels-left.svelte-1rr09in{bottom:0;left:0}.floorplan-plugin__rule-labels-right.svelte-1rr09in{bottom:0;right:0}.floorplan-plugin__rule-line.svelte-1rr09in{background:#fff;opacity:0.05;width:100%;height:1px}.floorplan-plugin__rule-scale.svelte-1rr09in{position:absolute;background:#fff;opacity:0.05;transform-origin:center;width:1px;height:5px}.floorplan-plugin__text-wrapper.svelte-1rr09in{width:0;height:0;position:absolute}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper--is-left-or-top.svelte-1rr09in{top:10px}.floorplan-plugin__text-wrapper.floorplan-plugin__text-wrapper-is-right-or-bottom.svelte-1rr09in{bottom:10px}.floorplan-plugin__rule-text.svelte-1rr09in{position:absolute;width:max-content;display:block;transform:translate(-50%, -50%) rotate(180deg);font-size:10px;color:#fff;opacity:0.2}.floorplan-plugin__rule-text.is-row.svelte-1rr09in{transform:translate(-50%, -50%)}");
 }
 
-function get_each_context$5(ctx, list, i) {
+function get_each_context$6(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[24] = list[i];
 	child_ctx[26] = i;
@@ -1821,7 +1823,7 @@ function create_each_block_1(key_1, ctx) {
 }
 
 // (69:2) {#each textArray as textItem, textItemIndex (textItemIndex)}
-function create_each_block$5(key_1, ctx) {
+function create_each_block$6(key_1, ctx) {
 	let div;
 	let span;
 	let t0_value = /*textItem*/ ctx[24].distance + "";
@@ -1860,7 +1862,7 @@ function create_each_block$5(key_1, ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$k(ctx) {
 	let div1;
 	let div0;
 	let t0;
@@ -1883,9 +1885,9 @@ function create_fragment$i(ctx) {
 	const get_key_1 = ctx => /*textItemIndex*/ ctx[26];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$5(ctx, each_value, i);
+		let child_ctx = get_each_context$6(ctx, each_value, i);
 		let key = get_key_1(child_ctx);
-		each1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
+		each1_lookup.set(key, each_blocks[i] = create_each_block$6(key, child_ctx));
 	}
 
 	return {
@@ -1933,7 +1935,7 @@ function create_fragment$i(ctx) {
 
 			if (dirty & /*isLeft, isTop, isRight, isBottom, textArray, isRow*/ 1086) {
 				each_value = /*textArray*/ ctx[10];
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key_1, 1, ctx, each_value, each1_lookup, div1, internal.destroy_block, create_each_block$5, null, get_each_context$5);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key_1, 1, ctx, each_value, each1_lookup, div1, internal.destroy_block, create_each_block$6, null, get_each_context$6);
 			}
 
 			if (dirty & /*type*/ 1 && div1_class_value !== (div1_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels-" + /*type*/ ctx[0] + " svelte-1rr09in")) {
@@ -1958,7 +1960,7 @@ function create_fragment$i(ctx) {
 
 const padding = 1000;
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let { pxmm } = $$props;
 	let { type } = $$props;
 	let { data } = $$props;
@@ -2040,8 +2042,8 @@ class RuleItem extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$i,
-			create_fragment$i,
+			instance$k,
+			create_fragment$k,
 			internal.safe_not_equal,
 			{
 				pxmm: 11,
@@ -2049,14 +2051,14 @@ class RuleItem extends internal.SvelteComponent {
 				data: 12,
 				bounding: 13
 			},
-			add_css$d
+			add_css$f
 		);
 	}
 }
 
 /* src/floorplan/ModelFloorplanPlugin/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.47.0 */
 
-function get_each_context$4(ctx, list, i) {
+function get_each_context$5(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[7] = list[i][0];
 	child_ctx[8] = list[i][1];
@@ -2064,7 +2066,7 @@ function get_each_context$4(ctx, list, i) {
 }
 
 // (12:2) {#each ruleLabelArray as [type, data] (type)}
-function create_each_block$4(key_1, ctx) {
+function create_each_block$5(key_1, ctx) {
 	let first;
 	let ruleitem;
 	let current;
@@ -2131,7 +2133,7 @@ function create_each_block$4(key_1, ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$j(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -2140,9 +2142,9 @@ function create_fragment$h(ctx) {
 	const get_key = ctx => /*type*/ ctx[7];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$4(ctx, each_value, i);
+		let child_ctx = get_each_context$5(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$5(key, child_ctx));
 	}
 
 	return {
@@ -2168,7 +2170,7 @@ function create_fragment$h(ctx) {
 			if (dirty & /*ruleLabelArray, pxmm, bounding*/ 7) {
 				each_value = /*ruleLabelArray*/ ctx[1];
 				internal.group_outros();
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$4, null, get_each_context$4);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$5, null, get_each_context$5);
 				internal.check_outros();
 			}
 		},
@@ -2198,7 +2200,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let bounding;
 	let ruleLabelData;
 	let ruleLabelDataKeys;
@@ -2245,17 +2247,17 @@ function instance$h($$self, $$props, $$invalidate) {
 class RuleLabels extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { pxmm: 0, floorIndex: 3, floorplanData: 4 });
+		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { pxmm: 0, floorIndex: 3, floorplanData: 4 });
 	}
 }
 
 /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
 
-function add_css$c(target) {
+function add_css$e(target) {
 	internal.append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$i(ctx) {
 	let img;
 	let img_src_value;
 
@@ -2282,7 +2284,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { url } = $$props;
 
 	$$self.$$set = $$props => {
@@ -2295,17 +2297,17 @@ function instance$g($$self, $$props, $$invalidate) {
 class Normalmage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { url: 0 }, add_css$c);
+		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { url: 0 }, add_css$e);
 	}
 }
 
 /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
 
-function add_css$b(target) {
+function add_css$d(target) {
 	internal.append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$h(ctx) {
 	let div;
 	let html_tag;
 	let t;
@@ -2338,7 +2340,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { content } = $$props;
 
 	const svgStyle = `
@@ -2363,13 +2365,13 @@ function instance$f($$self, $$props, $$invalidate) {
 class SvgImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { content: 0 }, add_css$b);
+		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { content: 0 }, add_css$d);
 	}
 }
 
 /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
 
-function add_css$a(target) {
+function add_css$c(target) {
 	internal.append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
@@ -2444,7 +2446,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$g(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
@@ -2532,7 +2534,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let imageData;
 	let svgContent;
 	let { floorIndex } = $$props;
@@ -2559,13 +2561,13 @@ function instance$e($$self, $$props, $$invalidate) {
 class BaseImage extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$e, create_fragment$e, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$a);
+		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$c);
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$d(ctx) {
+function create_fragment$f(ctx) {
 	let path_1;
 
 	return {
@@ -2590,7 +2592,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2610,13 +2612,13 @@ function instance$d($$self, $$props, $$invalidate) {
 class RoomMaterial_0 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$d, create_fragment$d, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$c(ctx) {
+function create_fragment$e(ctx) {
 	let defs;
 	let pattern;
 	let rect;
@@ -2676,7 +2678,7 @@ function create_fragment$c(ctx) {
 
 const halfWidth = 6;
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 	const width = halfWidth * 2;
@@ -2698,13 +2700,13 @@ function instance$c($$self, $$props, $$invalidate) {
 class RoomMaterial_1 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$c, create_fragment$c, internal.safe_not_equal, { path: 3 });
+		internal.init(this, options, instance$e, create_fragment$e, internal.safe_not_equal, { path: 3 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.47.0 */
 
-function create_fragment$b(ctx) {
+function create_fragment$d(ctx) {
 	let defs;
 	let pattern0;
 	let rect0;
@@ -2803,7 +2805,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let d;
 	let { path } = $$props;
 
@@ -2823,17 +2825,17 @@ function instance$b($$self, $$props, $$invalidate) {
 class RoomMaterial_2 extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { path: 1 });
+		internal.init(this, options, instance$d, create_fragment$d, internal.safe_not_equal, { path: 1 });
 	}
 }
 
 /* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.47.0 */
 
-function add_css$9(target) {
+function add_css$b(target) {
 	internal.append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
 }
 
-function get_each_context$3(ctx, list, i) {
+function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[4] = list[i];
 	return child_ctx;
@@ -2942,7 +2944,7 @@ function create_if_block$4(ctx) {
 }
 
 // (15:2) {#each rooms as room}
-function create_each_block$3(ctx) {
+function create_each_block$4(ctx) {
 	let svg;
 	let current_block_type_index;
 	let if_block;
@@ -3013,14 +3015,14 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$c(ctx) {
 	let div;
 	let current;
 	let each_value = /*rooms*/ ctx[0];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+		each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
 	}
 
 	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
@@ -3052,13 +3054,13 @@ function create_fragment$a(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context$3(ctx, each_value, i);
+					const child_ctx = get_each_context$4(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 						internal.transition_in(each_blocks[i], 1);
 					} else {
-						each_blocks[i] = create_each_block$3(child_ctx);
+						each_blocks[i] = create_each_block$4(child_ctx);
 						each_blocks[i].c();
 						internal.transition_in(each_blocks[i], 1);
 						each_blocks[i].m(div, null);
@@ -3099,7 +3101,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
 	let { pxmm } = $$props;
@@ -3126,17 +3128,17 @@ function instance$a($$self, $$props, $$invalidate) {
 class RoomMaterial extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, { floorIndex: 1, pxmm: 2, floorplanData: 3 }, add_css$9);
+		internal.init(this, options, instance$c, create_fragment$c, internal.safe_not_equal, { floorIndex: 1, pxmm: 2, floorplanData: 3 }, add_css$b);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
 
-function add_css$8(target) {
+function add_css$a(target) {
 	internal.append_styles(target, "svelte-11takew", "path.svelte-11takew{opacity:0}path.svelte-11takew:hover{opacity:0.1}");
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$b(ctx) {
 	let path;
 
 	return {
@@ -3158,7 +3160,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { pxmm } = $$props;
 	let { room } = $$props;
 	let { floorplanData } = $$props;
@@ -3181,24 +3183,24 @@ function instance$9($$self, $$props, $$invalidate) {
 class Room extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$9, create_fragment$9, internal.safe_not_equal, { pxmm: 1, room: 2, floorplanData: 3 }, add_css$8);
+		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { pxmm: 1, room: 2, floorplanData: 3 }, add_css$a);
 	}
 }
 
 /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
 
-function add_css$7(target) {
+function add_css$9(target) {
 	internal.append_styles(target, "svelte-1aais5l", ".floorplan-plugin__room-highlight.svelte-1aais5l{position:absolute;width:100%;height:100%;pointer-events:all}svg.svelte-1aais5l{width:100%;height:100%;overflow:visible}");
 }
 
-function get_each_context$2(ctx, list, i) {
+function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[12] = list[i];
 	return child_ctx;
 }
 
 // (41:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
-function create_each_block$2(key_1, ctx) {
+function create_each_block$3(key_1, ctx) {
 	let first;
 	let room;
 	let current;
@@ -3263,7 +3265,7 @@ function create_each_block$2(key_1, ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$a(ctx) {
 	let div;
 	let svg;
 	let each_blocks = [];
@@ -3276,9 +3278,9 @@ function create_fragment$8(ctx) {
 	const get_key = ctx => /*room*/ ctx[12].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$2(ctx, each_value, i);
+		let child_ctx = get_each_context$3(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
 	}
 
 	return {
@@ -3315,7 +3317,7 @@ function create_fragment$8(ctx) {
 			if (dirty & /*floorplanData, floorIndex, pxmm*/ 7) {
 				each_value = /*floorplanData*/ ctx[2].floorDatas[/*floorIndex*/ ctx[1]].rooms;
 				internal.group_outros();
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block$2, null, get_each_context$2);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block$3, null, get_each_context$3);
 				internal.check_outros();
 			}
 		},
@@ -3350,7 +3352,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { pxmm } = $$props;
 	let { floorIndex } = $$props;
@@ -3427,8 +3429,8 @@ class RoomHighlight extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$8,
-			create_fragment$8,
+			instance$a,
+			create_fragment$a,
 			internal.safe_not_equal,
 			{
 				five: 7,
@@ -3437,14 +3439,14 @@ class RoomHighlight extends internal.SvelteComponent {
 				floorplanData: 2,
 				onRoomHeightClick: 8
 			},
-			add_css$7
+			add_css$9
 		);
 	}
 }
 
 /* src/floorplan/ModelFloorplanPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-function add_css$6(target) {
+function add_css$8(target) {
 	internal.append_styles(target, "svelte-3pdgs4", ".floorplan-current-floor.svelte-3pdgs4{position:relative;width:100%;height:100%}");
 }
 
@@ -3623,7 +3625,7 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$9(ctx) {
 	let div;
 	let roommaterial;
 	let t0;
@@ -3815,7 +3817,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { pxmm } = $$props;
 	let { five } = $$props;
 	let { floorIndex } = $$props;
@@ -3858,8 +3860,8 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$7,
-			create_fragment$7,
+			instance$9,
+			create_fragment$9,
 			internal.safe_not_equal,
 			{
 				pxmm: 0,
@@ -3872,14 +3874,14 @@ class CurrentFloor$1 extends internal.SvelteComponent {
 				onRoomHeightClick: 7,
 				getLabelElement: 8
 			},
-			add_css$6
+			add_css$8
 		);
 	}
 }
 
 /* src/floorplan/ModelFloorplanPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
-function add_css$5(target) {
+function add_css$7(target) {
 	internal.append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
 }
 
@@ -4084,7 +4086,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$8(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*visible*/ ctx[4] && create_if_block$2(ctx);
@@ -4139,7 +4141,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let { northDesc } = $$props;
 	let { pxmm } = $$props;
 	let { five } = $$props;
@@ -4203,8 +4205,8 @@ class Main$1 extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$6,
-			create_fragment$6,
+			instance$8,
+			create_fragment$8,
 			internal.safe_not_equal,
 			{
 				northDesc: 0,
@@ -4224,7 +4226,7 @@ class Main$1 extends internal.SvelteComponent {
 				onRoomHeightClick: 14,
 				getLabelElement: 15
 			},
-			add_css$5
+			add_css$7
 		);
 	}
 }
@@ -4456,11 +4458,11 @@ function throttle(func, wait = 200) {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-function add_css$4(target) {
+function add_css$6(target) {
 	internal.append_styles(target, "svelte-o7uo2v", ".plugin-radar__camera-wrapper.svelte-o7uo2v{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-o7uo2v{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-o7uo2v{position:absolute;left:-15px;top:-15px;width:17px;height:17px;transform-origin:15px 15px;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$7(ctx) {
 	let div2;
 	let div1;
 	let div0;
@@ -4503,7 +4505,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
@@ -4574,8 +4576,8 @@ class Camera extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$5,
-			create_fragment$5,
+			instance$7,
+			create_fragment$7,
 			internal.safe_not_equal,
 			{
 				five: 3,
@@ -4583,25 +4585,25 @@ class Camera extends internal.SvelteComponent {
 				floorplanData: 5,
 				cameraImageUrl: 0
 			},
-			add_css$4
+			add_css$6
 		);
 	}
 }
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
 
-function add_css$3(target) {
+function add_css$5(target) {
 	internal.append_styles(target, "svelte-8n0d4v", ".plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%, -50%)}");
 }
 
-function get_each_context$1(ctx, list, i) {
+function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[1] = list[i];
 	return child_ctx;
 }
 
 // (5:2) {#each extraObjects as extraObject (extraObject.id)}
-function create_each_block$1(key_1, ctx) {
+function create_each_block$2(key_1, ctx) {
 	let div1;
 	let div0;
 	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
@@ -4660,7 +4662,7 @@ function create_each_block$1(key_1, ctx) {
 	};
 }
 
-function create_fragment$4(ctx) {
+function create_fragment$6(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
@@ -4668,9 +4670,9 @@ function create_fragment$4(ctx) {
 	const get_key = ctx => /*extraObject*/ ctx[1].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context$1(ctx, each_value, i);
+		let child_ctx = get_each_context$2(ctx, each_value, i);
 		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
+		each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
 	}
 
 	return {
@@ -4693,7 +4695,7 @@ function create_fragment$4(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*extraObjects*/ 1) {
 				each_value = /*extraObjects*/ ctx[0];
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.destroy_block, create_each_block$1, null, get_each_context$1);
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.destroy_block, create_each_block$2, null, get_each_context$2);
 			}
 		},
 		i: internal.noop,
@@ -4708,7 +4710,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { extraObjects = [] } = $$props;
 
 	$$self.$$set = $$props => {
@@ -4721,7 +4723,7 @@ function instance$4($$self, $$props, $$invalidate) {
 class ExtraObjects extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$4, create_fragment$4, internal.safe_not_equal, { extraObjects: 0 }, add_css$3);
+		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { extraObjects: 0 }, add_css$5);
 	}
 }
 
@@ -4787,7 +4789,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-function create_fragment$3(ctx) {
+function create_fragment$5(ctx) {
 	let baseimage;
 	let t0;
 	let extraobjects;
@@ -4898,7 +4900,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let currentFloorExtraObjects;
 	let { five } = $$props;
 	let { pxmm } = $$props;
@@ -4939,7 +4941,7 @@ class CurrentFloor extends internal.SvelteComponent {
 	constructor(options) {
 		super();
 
-		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, {
+		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, {
 			five: 0,
 			pxmm: 1,
 			floorIndex: 2,
@@ -4952,7 +4954,7 @@ class CurrentFloor extends internal.SvelteComponent {
 
 /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
-function add_css$2(target) {
+function add_css$4(target) {
 	internal.append_styles(target, "svelte-7d8ub2", ".plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}");
 }
 
@@ -5075,7 +5077,7 @@ function create_if_block(ctx) {
 	};
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$4(ctx) {
 	let div;
 	let div_resize_listener;
 	let current;
@@ -5135,7 +5137,7 @@ function create_fragment$2(ctx) {
 	};
 }
 
-function instance$2($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { five } = $$props;
 	let { hoverEnable } = $$props;
 	let { floorplanData } = $$props;
@@ -5218,8 +5220,8 @@ class Main extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$4,
+			create_fragment$4,
 			internal.safe_not_equal,
 			{
 				five: 0,
@@ -5228,7 +5230,7 @@ class Main extends internal.SvelteComponent {
 				cameraImageUrl: 3,
 				extraObjects: 4
 			},
-			add_css$2
+			add_css$4
 		);
 	}
 }
@@ -11931,18 +11933,18 @@ const currentTarget = store.writable(null);
 
 /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
 
-function add_css$1(target) {
+function add_css$3(target) {
 	internal.append_styles(target, "svelte-scnx9u", ".PanoSpatialTagPlugin__tag-origin.svelte-scnx9u{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;animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-scnx9u:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-scnx9u{transform:translate(-50%, -50%) scale(0.6);animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-scnx9u-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-scnx9u-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}}");
 }
 
-function get_each_context(ctx, list, i) {
+function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
 	child_ctx[3] = list[i];
 	return child_ctx;
 }
 
 // (8:0) {#each origins as origin}
-function create_each_block(ctx) {
+function create_each_block$1(ctx) {
 	let i;
 	let style_top = `${/*origin*/ ctx[3].top}%`;
 	let style_left = `${/*origin*/ ctx[3].left}%`;
@@ -11998,13 +12000,13 @@ function create_each_block(ctx) {
 	};
 }
 
-function create_fragment$1(ctx) {
+function create_fragment$3(ctx) {
 	let each_1_anchor;
 	let each_value = /*origins*/ ctx[0];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
-		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
 	}
 
 	return {
@@ -12028,12 +12030,12 @@ function create_fragment$1(ctx) {
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
-					const child_ctx = get_each_context(ctx, each_value, i);
+					const child_ctx = get_each_context$1(ctx, each_value, i);
 
 					if (each_blocks[i]) {
 						each_blocks[i].p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i] = create_each_block$1(child_ctx);
 						each_blocks[i].c();
 						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
 					}
@@ -12055,7 +12057,7 @@ function create_fragment$1(ctx) {
 	};
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$3($$self, $$props, $$invalidate) {
 	let { origins } = $$props;
 
 	const handleClick = id => {
@@ -12074,17 +12076,17 @@ function instance$1($$self, $$props, $$invalidate) {
 class Origins extends internal.SvelteComponent {
 	constructor(options) {
 		super();
-		internal.init(this, options, instance$1, create_fragment$1, internal.safe_not_equal, { origins: 0 }, add_css$1);
+		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { origins: 0 }, add_css$3);
 	}
 }
 
 /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
 
-function add_css(target) {
-	internal.append_styles(target, "svelte-1xmyxaa", ".PanoSpatialTagPlugin__tag-x.svelte-1xmyxaa.svelte-1xmyxaa{position:relative;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-1xmyxaa.svelte-1xmyxaa{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-1xmyxaa.svelte-1xmyxaa{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa.svelte-1xmyxaa{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-1xmyxaa.svelte-1xmyxaa{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-1xmyxaa.svelte-1xmyxaa{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-1xmyxaa .PanoSpatialTagPlugin__tag-line1.svelte-1xmyxaa{animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line2.svelte-1xmyxaa{animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa.svelte-1xmyxaa{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line.svelte-1xmyxaa{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1xmyxaa.svelte-1xmyxaa{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-animate.svelte-1xmyxaa{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa.svelte-1xmyxaa{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-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-flagpole.svelte-1xmyxaa{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-shadow.svelte-1xmyxaa{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content.svelte-1xmyxaa{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-content .svelte-1xmyxaa{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line1.svelte-1xmyxaa{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1xmyxaa .PanoSpatialTagPlugin__tag-line2.svelte-1xmyxaa{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1xmyxaa-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1xmyxaa-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-1xmyxaa-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-1xmyxaa-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-1xmyxaa-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 add_css$2(target) {
+	internal.append_styles(target, "svelte-1c0xhg0", ".PanoSpatialTagPlugin__tag-x.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;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-1c0xhg0.svelte-1c0xhg0{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-1c0xhg0.svelte-1c0xhg0{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0.svelte-1c0xhg0{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-1c0xhg0.svelte-1c0xhg0{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-1c0xhg0.svelte-1c0xhg0{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-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0.svelte-1c0xhg0{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-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content .svelte-1c0xhg0{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1c0xhg0-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-1c0xhg0-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-1c0xhg0-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-1c0xhg0-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(ctx) {
+function create_fragment$2(ctx) {
 	let div4;
 	let div0;
 	let t0;
@@ -12115,19 +12117,19 @@ function create_fragment(ctx) {
 			t3 = internal.space();
 			div3 = internal.element("div");
 			div2 = internal.element("div");
-			internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1xmyxaa");
+			internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
 			internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
-			internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1xmyxaa");
+			internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
 			internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
-			internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1xmyxaa");
-			internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1xmyxaa");
-			internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1xmyxaa");
-			internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1xmyxaa");
-			internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1xmyxaa");
+			internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
+			internal.attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
+			internal.attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
+			internal.attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
+			internal.attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
 			internal.set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
 			internal.attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
 			internal.set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
-			internal.attr(div4, "class", "svelte-1xmyxaa");
+			internal.attr(div4, "class", "svelte-1c0xhg0");
 			internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
 			internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
 			internal.toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);
@@ -12199,7 +12201,7 @@ function create_fragment(ctx) {
 	};
 }
 
-function instance($$self, $$props, $$invalidate) {
+function instance$2($$self, $$props, $$invalidate) {
 	let { id } = $$props;
 	let { upsideDown } = $$props;
 	let { content } = $$props;
@@ -12336,8 +12338,8 @@ class Tag extends internal.SvelteComponent {
 		internal.init(
 			this,
 			options,
-			instance,
-			create_fragment,
+			instance$2,
+			create_fragment$2,
 			internal.safe_not_equal,
 			{
 				id: 0,
@@ -12352,7 +12354,7 @@ class Tag extends internal.SvelteComponent {
 				events: 14,
 				hooks: 15
 			},
-			add_css
+			add_css$2
 		);
 	}
 }
@@ -12951,11 +12953,655 @@ const PanoSpatialTagPlugin = (five$1, params) => {
     };
 };
 
+var DISPLAY_STRATEGY_TYPE;
+(function (DISPLAY_STRATEGY_TYPE) {
+    DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
+    DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
+    DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
+})(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
+
+/* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
+
+function add_css$1(target) {
+	internal.append_styles(target, "svelte-1mttyji", ".item-label-item.svelte-1mttyji{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1mttyji{opacity:1;animation:svelte-1mttyji-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1mttyji::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(16px);z-index:-1}.item-label-item__text-wrap.svelte-1mttyji{padding:6px 6px 0;position:absolute;height:20px;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:10px;font-size:11px;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1mttyji{padding-bottom:4px;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;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-1mttyji{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@keyframes svelte-1mttyji-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+}
+
+function create_fragment$1(ctx) {
+	let div2;
+	let div0;
+	let span;
+
+	let t0_value = (/*itemLabel*/ ctx[0].name.length > 6
+	? `${/*itemLabel*/ ctx[0].name.slice(0, 6)}...`
+	: /*itemLabel*/ ctx[0].name) + "";
+
+	let t0;
+	let t1;
+	let div1;
+	let div2_class_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div2 = internal.element("div");
+			div0 = internal.element("div");
+			span = internal.element("span");
+			t0 = internal.text(t0_value);
+			t1 = internal.space();
+			div1 = internal.element("div");
+			internal.attr(span, "class", "item-label-item__text svelte-1mttyji");
+			internal.attr(div0, "class", "item-label-item__text-wrap svelte-1mttyji");
+			internal.set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
+			internal.attr(div1, "class", "item-label-item__bar svelte-1mttyji");
+			internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"));
+			internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
+		},
+		m(target, anchor) {
+			internal.insert(target, div2, anchor);
+			internal.append(div2, div0);
+			internal.append(div0, span);
+			internal.append(span, t0);
+			internal.append(div2, t1);
+			internal.append(div2, div1);
+
+			if (!mounted) {
+				dispose = internal.listen(span, "click", /*onClick*/ ctx[1]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*itemLabel*/ 1 && t0_value !== (t0_value = (/*itemLabel*/ ctx[0].name.length > 6
+			? `${/*itemLabel*/ ctx[0].name.slice(0, 6)}...`
+			: /*itemLabel*/ ctx[0].name) + "")) internal.set_data(t0, t0_value);
+
+			if (dirty & /*itemLabel*/ 1) {
+				internal.set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			}
+
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1mttyji"))) {
+				internal.attr(div2, "class", div2_class_value);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			}
+
+			if (dirty & /*itemLabel*/ 1) {
+				internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
+			}
+		},
+		i: internal.noop,
+		o: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div2);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let { itemLabel } = $$props;
+	let { hooks } = $$props;
+
+	function onClick() {
+		console.log('__onclick___: ', itemLabel);
+		hooks.emit('onLabelClick', itemLabel);
+	}
+
+	$$self.$$set = $$props => {
+		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
+		if ('hooks' in $$props) $$invalidate(2, hooks = $$props.hooks);
+	};
+
+	return [itemLabel, onClick, hooks];
+}
+
+class ItemLabelItem extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+		internal.init(this, options, instance$1, create_fragment$1, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$1);
+	}
+}
+
+/* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
+
+function add_css(target) {
+	internal.append_styles(target, "svelte-rmdeb", ".item-labels-container.svelte-rmdeb{width:100%;height:100%;position:relative}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[26] = list[i];
+	return child_ctx;
+}
+
+// (179:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let itemlabelitem;
+	let current;
+
+	itemlabelitem = new ItemLabelItem({
+			props: {
+				itemLabel: /*itemLabelItem*/ ctx[26],
+				hooks: /*hooks*/ ctx[0]
+			}
+		});
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = internal.empty();
+			internal.create_component(itemlabelitem.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			internal.insert(target, first, anchor);
+			internal.mount_component(itemlabelitem, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const itemlabelitem_changes = {};
+			if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[26];
+			if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
+			itemlabelitem.$set(itemlabelitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			internal.transition_in(itemlabelitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			internal.transition_out(itemlabelitem.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(first);
+			internal.destroy_component(itemlabelitem, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let div_resize_listener;
+	let current;
+	let each_value = /*renderItemLabels*/ ctx[1];
+	const get_key = ctx => /*itemLabelItem*/ ctx[26].id;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = internal.element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			internal.attr(div, "class", "item-labels-container svelte-rmdeb");
+			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*renderItemLabels, hooks*/ 3) {
+				each_value = /*renderItemLabels*/ ctx[1];
+				internal.group_outros();
+				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
+				internal.check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				internal.transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				internal.transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) internal.detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+
+			div_resize_listener();
+		}
+	};
+}
+
+let cssHeight = 26;
+let basicWidth = 11;
+
+function instance($$self, $$props, $$invalidate) {
+	const { Raycaster, Vector3 } = THREE__namespace;
+	let { five } = $$props;
+	let { modelOcclusionEnable } = $$props;
+	let { itemLabels } = $$props;
+	let { wrapper } = $$props;
+	let { hooks } = $$props;
+	let { displayStrategyType } = $$props;
+	let curItemLabels = null;
+	let renderItemLabels = null;
+	let wrapperSize = { width: 0, height: 0 };
+	let containerWidth;
+	let containerHeight;
+
+	// 计算重叠
+	let cssOffsetLists = [];
+
+	const getLabelVisible = (five, itemLabel) => {
+		// 虚拟 VR 仅有一层，不考虑楼层信息
+		const raycaster = new Raycaster();
+
+		const cameraPosition = five.camera.position.clone();
+		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
+
+		// 计算点到相机的位置
+		const vectorDistance = modelPosition.distanceTo(cameraPosition);
+
+		raycaster.set(cameraPosition.clone(), modelPosition.clone().sub(cameraPosition).normalize());
+		const [intersection] = five.model.intersectRaycaster(raycaster);
+		return !(intersection && intersection.distance + 1 < vectorDistance);
+	};
+
+	// cssOffset 获取
+	const getLabelCssOffset = (five, itemLabel) => {
+		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
+		const cssPosition = five.project2d(modelPosition);
+		const xOffset = cssPosition?.x;
+		const yOffset = cssPosition?.y;
+		return [xOffset, yOffset];
+	};
+
+	const getLabelTransform = cssOffset => {
+		return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`;
+	};
+
+	// 重叠计算
+	const isOverlap = (cssOffset, widthOffset) => {
+		if (cssOffsetLists.length === 0) {
+			return false;
+		}
+
+		const hasOverlapPoint = cssOffsetLists.find(item => cssOffset[0] >= item[0] - widthOffset && cssOffset[0] <= item[0] + widthOffset || cssOffset[1] >= item[1] - cssHeight && cssOffset[1] <= item[1] + cssHeight);
+		return !!hasOverlapPoint;
+	};
+
+	function getStrokeLength(itemSpaceHeight, type) {
+		switch (type) {
+			case DISPLAY_STRATEGY_TYPE.SMALL:
+				return Math.ceil(-27.78 * itemSpaceHeight + 85);
+			case DISPLAY_STRATEGY_TYPE.MIDLLE:
+				return Math.ceil(-38.9 * itemSpaceHeight + 130);
+			case DISPLAY_STRATEGY_TYPE.LARGE:
+				return Math.ceil(-44.44 * itemSpaceHeight + 140);
+		}
+	}
+
+	const getFormatedItemLabels = (five, labels) => {
+		// 计算位置 & 可见性
+		const newLabels = labels.map(label => {
+			const cssOffset = getLabelCssOffset(five, label);
+			const curLabelWidth = label.name.length * basicWidth;
+			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
+
+			// 是否加入碰撞检测
+			const naturalVisible = modelOcclusionEnable
+			? getLabelVisible(five, label)
+			: true;
+
+			const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth);
+			if (!visible) return { ...label, visible };
+			cssOffsetLists.push(cssOffset);
+
+			// position
+			const transform = getLabelTransform(cssOffset);
+
+			return {
+				...label,
+				visible,
+				transform,
+				strokeLength
+			};
+		});
+
+		const sortedItemLabelItems = newLabels.filter(({ visible }) => visible).map(label => ({
+			itemLabelItem: label,
+			distance: new Vector3(label.modelPosition[0], label.modelPosition[1], label.modelPosition[2]).clone().distanceTo(five.camera.position)
+		})).sort((a, b) => a.distance - b.distance);
+
+		return newLabels.map(label => {
+			const sortIndex = sortedItemLabelItems.findIndex(item => item.itemLabelItem.id === label.id);
+			if (sortIndex !== undefined) return { ...label, zIndex: sortIndex * 10 };
+			return label;
+		});
+	};
+
+	const onItemLabelUpdate = () => {
+		cssOffsetLists = [];
+		$$invalidate(1, renderItemLabels = getFormatedItemLabels(five, renderItemLabels));
+	};
+
+	svelte.beforeUpdate(() => {
+		addDataUpdateListener();
+	});
+
+	svelte.onMount(() => {
+		$$invalidate(1, renderItemLabels = itemLabels);
+		curItemLabels = itemLabels;
+		onItemLabelUpdate();
+
+		// five.on('cameraUpdate', onItemLabelUpdate)
+		addResizeListener();
+	});
+
+	const addResizeListener = () => {
+		wrapperSize = {
+			width: wrapper.clientWidth,
+			height: wrapper.clientHeight
+		};
+
+		resizeObserver.observe(wrapper);
+	};
+
+	const addDataUpdateListener = () => {
+		if (curItemLabels !== itemLabels) {
+			$$invalidate(1, renderItemLabels = itemLabels);
+			curItemLabels = itemLabels;
+			console.log('--debug--update--');
+			onItemLabelUpdate();
+		}
+	};
+
+	const resizeObserver = new ResizeObserver(entries => {
+			const entry = entries[0];
+			const target = entry.target;
+			const curWidth = target.clientWidth;
+			const curHeight = target.clientHeight;
+
+			if (wrapperSize.width !== curWidth || wrapperSize.height !== curHeight) {
+				wrapperSize = { width: curWidth, height: curHeight };
+				onItemLabelUpdate();
+			}
+		});
+
+	svelte.onDestroy(() => {
+		// five.off('cameraUpdate', onItemLabelUpdate)
+		resizeObserver.unobserve(wrapper);
+
+		curItemLabels = null;
+		$$invalidate(1, renderItemLabels = null);
+		wrapperSize = { width: 0, height: 0 };
+	});
+
+	function div_elementresize_handler() {
+		containerWidth = this.clientWidth;
+		containerHeight = this.clientHeight;
+		$$invalidate(2, containerWidth);
+		$$invalidate(3, containerHeight);
+	}
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(4, five = $$props.five);
+		if ('modelOcclusionEnable' in $$props) $$invalidate(5, modelOcclusionEnable = $$props.modelOcclusionEnable);
+		if ('itemLabels' in $$props) $$invalidate(6, itemLabels = $$props.itemLabels);
+		if ('wrapper' in $$props) $$invalidate(7, wrapper = $$props.wrapper);
+		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
+		if ('displayStrategyType' in $$props) $$invalidate(8, displayStrategyType = $$props.displayStrategyType);
+	};
+
+	return [
+		hooks,
+		renderItemLabels,
+		containerWidth,
+		containerHeight,
+		five,
+		modelOcclusionEnable,
+		itemLabels,
+		wrapper,
+		displayStrategyType,
+		div_elementresize_handler
+	];
+}
+
+class ItemLabelComponent extends internal.SvelteComponent {
+	constructor(options) {
+		super();
+
+		internal.init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			internal.safe_not_equal,
+			{
+				five: 4,
+				modelOcclusionEnable: 5,
+				itemLabels: 6,
+				wrapper: 7,
+				hooks: 0,
+				displayStrategyType: 8
+			},
+			add_css
+		);
+	}
+}
+
+/** @description 转成内部所需数据 */
+function parseModelItemLabelPluginData(data) {
+    return data.model_item_labels.map(label => ({
+        modelPosition: [label.position[0], label.position[1] + label.size[1], label.position[2]],
+        ...label
+    }));
+}
+
+const ModelItemLabelPlugin = (five$1, params) => {
+    const pluginState = {
+        container: document.createElement('div'),
+        data: null,
+        enabled: true,
+        fiveModeEnabled: undefined,
+        itemLabels: [],
+        wrapper: null,
+        app: undefined,
+        hooks: new five.Subscribe(),
+        modelOcclusionEnable: params?.modelOcclusionEnable ?? true,
+        displayStrategyType: params?.displayStrategyType ?? DISPLAY_STRATEGY_TYPE.SMALL
+    };
+    pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
+    pluginState.container.style.cssText = `
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        pointerEvents: none;
+    `;
+    const appendTo = (wrapper) => {
+        pluginState.wrapper = wrapper;
+        wrapper.appendChild(pluginState.container);
+        render();
+        return true;
+    };
+    const load = (data) => {
+        console.log('🐶--当前标签总条数： ', data.model_item_labels.length);
+        pluginState.itemLabels = parseModelItemLabelPluginData(data);
+        render();
+    };
+    const enable = () => {
+        if (pluginState.enabled)
+            return true;
+        pluginState.enabled = true;
+        render();
+        return true;
+    };
+    const disable = () => {
+        if (!pluginState.enabled)
+            return true;
+        pluginState.enabled = false;
+        render();
+        return true;
+    };
+    const dispose = () => {
+        removeListener4Five();
+        pluginState.container.remove();
+    };
+    const handleRerender = () => {
+        if (!pluginState.enabled || !pluginState.fiveModeEnabled)
+            return;
+        disable();
+    };
+    const rerender = (a, b, c) => {
+        if (!pluginState.fiveModeEnabled)
+            return;
+        if (!c)
+            return;
+        enable();
+        render();
+    };
+    const handleInteriaPanRerender = (a, b) => {
+        if (!pluginState.fiveModeEnabled)
+            return;
+        if (!b)
+            return;
+        enable();
+        render();
+    };
+    const handleWantsPanGesture = (pose, final) => {
+        if (pose) {
+            handleRerender();
+        }
+    };
+    const handlePanGesture = (pose, final) => {
+        if (!pluginState.fiveModeEnabled)
+            return;
+        if (!final)
+            return;
+        enable();
+        render();
+    };
+    const render = () => {
+        if (!pluginState.wrapper)
+            return;
+        // 只要不可展示，销毁容器
+        if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
+            pluginState.app?.$destroy();
+            pluginState.app = undefined;
+            return;
+        }
+        // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值
+        if (!pluginState.app) {
+            pluginState.app = new ItemLabelComponent({
+                target: pluginState.container,
+                props: {
+                    five: five$1,
+                    modelOcclusionEnable: pluginState.modelOcclusionEnable,
+                    itemLabels: pluginState.itemLabels,
+                    wrapper: pluginState.wrapper,
+                    hooks: pluginState.hooks,
+                    displayStrategyType: pluginState.displayStrategyType
+                }
+            });
+        }
+        else {
+            pluginState.app.$set({
+                five: five$1,
+                itemLabels: pluginState.itemLabels
+            });
+        }
+    };
+    // 添加 five 监听
+    const addListener4Five = () => {
+        five$1.on('modeChange', onFiveModeChange);
+        five$1.once('dispose', dispose);
+        // five.on('wantsGesture', handleRerender)
+        // five.on('gesture', rerender)
+        five$1.on('wantsMouseWheel', handleRerender);
+        five$1.on('mouseWheel', rerender);
+        five$1.on('wantsInteriaPan', handleRerender);
+        five$1.on('interiaPan', handleInteriaPanRerender);
+        five$1.on('wantsPanGesture', handleWantsPanGesture);
+        five$1.on('panGesture', handlePanGesture);
+        five$1.on('wantsPinchGesture', handleRerender);
+        five$1.on('pinchGesture', rerender);
+    };
+    // 取消 five 监听
+    const removeListener4Five = () => {
+        five$1.off('modeChange', onFiveModeChange);
+        // five.off('wantsGesture', handleRerender)
+        // five.off('gesture', rerender)
+        five$1.off('wantsMouseWheel', handleRerender);
+        five$1.off('mouseWheel', rerender);
+        five$1.off('wantsInteriaPan', handleRerender);
+        five$1.off('interiaPan', handleInteriaPanRerender);
+        five$1.off('wantsPanGesture', handleWantsPanGesture);
+        five$1.off('panGesture', handlePanGesture);
+        five$1.off('wantsPinchGesture', handleRerender);
+        five$1.off('pinchGesture', rerender);
+    };
+    const onFiveModeChange = (mode) => {
+        if (mode !== five.Five.Mode.Floorplan) {
+            pluginState.fiveModeEnabled = false;
+            render();
+            return;
+        }
+        five$1.once('initAnimationEnded', () => {
+            pluginState.fiveModeEnabled = five$1.currentMode === five.Five.Mode.Floorplan;
+            render();
+        });
+    };
+    addListener4Five();
+    return {
+        appendTo,
+        load,
+        enable,
+        disable,
+        dispose,
+        hooks: pluginState.hooks
+    };
+};
+
 exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
 exports.CameraMovementPlugin = CameraMovementPlugin;
 exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
 exports.ModelEntryDoorGuidePlugin = ModelEntryDoorGuidePlugin;
 exports.ModelFloorplanPlugin = ModelFloorplanPlugin;
+exports.ModelItemLabelPlugin = ModelItemLabelPlugin;
 exports.ModelRoomLabelPlugin = ModelRoomLabelPlugin;
 exports.ModelViewPlugin = ModelViewPlugin;
 exports.PanoCompassPlugin = PanoCompassPlugin;