@realsee/dnalogel 2.0.0-alpha.29-beta → 2.0.0-alpha.30-beta

package/dist/index.umd.js

@@ -478,11 +478,11 @@
 
     /* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.47.0 */
 
-    function add_css$m(target) {
+    function add_css$o(target) {
     	internal.append_styles(target, "svelte-1ak9fbs", ".room-label-item.svelte-1ak9fbs{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-label-item__text.svelte-1ak9fbs{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 0.3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-1ak9fbs{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-1ak9fbs{font-size:0.52083rem}");
     }
 
-    function create_fragment$q(ctx) {
+    function create_fragment$s(ctx) {
     	let div1;
     	let span;
     	let t0_value = /*roomLabel*/ ctx[0].name + "";
@@ -549,7 +549,7 @@
     	};
     }
 
-    function instance$q($$self, $$props, $$invalidate) {
+    function instance$s($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { roomLabel } = $$props;
 
@@ -572,7 +572,7 @@
     class RoomLabelItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$q, create_fragment$q, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$m);
+    		internal.init(this, options, instance$s, create_fragment$s, internal.safe_not_equal, { five: 2, roomLabel: 0 }, add_css$o);
     	}
     }
 
@@ -580,18 +580,18 @@
 
     const { Map: Map_1 } = internal.globals;
 
-    function add_css$l(target) {
+    function add_css$n(target) {
     	internal.append_styles(target, "svelte-9eg4zi", ".room-labels-container.svelte-9eg4zi{width:100%;height:100%;position:relative;color:#fff}");
     }
 
-    function get_each_context$9(ctx, list, i) {
+    function get_each_context$a(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[12] = list[i];
     	return child_ctx;
     }
 
     // (82:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
-    function create_each_block$9(key_1, ctx) {
+    function create_each_block$a(key_1, ctx) {
     	let first;
     	let roomlabelitem;
     	let current;
@@ -639,7 +639,7 @@
     	};
     }
 
-    function create_fragment$p(ctx) {
+    function create_fragment$r(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map_1();
@@ -649,9 +649,9 @@
     	const get_key = ctx => /*roomLableItem*/ ctx[12].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$9(ctx, each_value, i);
+    		let child_ctx = get_each_context$a(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
     	}
 
     	return {
@@ -679,7 +679,7 @@
     			if (dirty & /*roomLabels, five*/ 3) {
     				each_value = /*roomLabels*/ ctx[0];
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$a, null, get_each_context$a);
     				internal.check_outros();
     			}
     		},
@@ -711,7 +711,7 @@
     	};
     }
 
-    function instance$p($$self, $$props, $$invalidate) {
+    function instance$r($$self, $$props, $$invalidate) {
     	let rendererSize;
     	let { five } = $$props;
     	let { roomLabels } = $$props;
@@ -836,7 +836,7 @@
     class RoomLabelItems extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$l);
+    		internal.init(this, options, instance$r, create_fragment$r, internal.safe_not_equal, { five: 1, roomLabels: 0 }, add_css$n);
     	}
     }
 
@@ -1235,11 +1235,11 @@
 
     /* src/floorplan/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-    function add_css$k(target) {
+    function add_css$m(target) {
     	internal.append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
     }
 
-    function create_fragment$o(ctx) {
+    function create_fragment$q(ctx) {
     	let div1;
     	let div0;
 
@@ -1276,7 +1276,7 @@
     	};
     }
 
-    function instance$o($$self, $$props, $$invalidate) {
+    function instance$q($$self, $$props, $$invalidate) {
     	let { panoIndex } = $$props;
     	let { floorplanData } = $$props;
     	let { lastPanoramaLongitude } = $$props;
@@ -1322,8 +1322,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$o,
-    			create_fragment$o,
+    			instance$q,
+    			create_fragment$q,
     			internal.safe_not_equal,
     			{
     				panoIndex: 5,
@@ -1331,7 +1331,7 @@
     				lastPanoramaLongitude: 7,
     				cameraImageUrl: 0
     			},
-    			add_css$k
+    			add_css$m
     		);
     	}
     }
@@ -1340,7 +1340,7 @@
 
     /* src/floorplan/Components/Compass.svelte generated by Svelte v3.47.0 */
 
-    function add_css$j(target) {
+    function add_css$l(target) {
     	internal.append_styles(target, "svelte-1q44ru9", ".floorplan-plugin__compass.svelte-1q44ru9{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-1q44ru9{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-1q44ru9{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
     }
 
@@ -1381,7 +1381,7 @@
     	};
     }
 
-    function create_fragment$n(ctx) {
+    function create_fragment$p(ctx) {
     	let if_block_anchor;
     	let if_block = /*northRad*/ ctx[1] && create_if_block$8(ctx);
 
@@ -1410,7 +1410,7 @@
     	return rad / Math.PI * 180;
     }
 
-    function instance$n($$self, $$props, $$invalidate) {
+    function instance$p($$self, $$props, $$invalidate) {
     	var _a;
     	let { floorplanData } = $$props;
     	let { northDesc } = $$props;
@@ -1433,17 +1433,17 @@
     class Compass extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$n, create_fragment$n, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$j);
+    		internal.init(this, options, instance$p, create_fragment$p, internal.safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$l);
     	}
     }
 
     /* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$i(target) {
+    function add_css$k(target) {
     	internal.append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
     }
 
-    function create_fragment$m(ctx) {
+    function create_fragment$o(ctx) {
     	let img;
     	let img_src_value;
 
@@ -1470,7 +1470,7 @@
     	};
     }
 
-    function instance$m($$self, $$props, $$invalidate) {
+    function instance$o($$self, $$props, $$invalidate) {
     	let { url } = $$props;
 
     	$$self.$$set = $$props => {
@@ -1483,17 +1483,17 @@
     class Normalmage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { url: 0 }, add_css$i);
+    		internal.init(this, options, instance$o, create_fragment$o, internal.safe_not_equal, { url: 0 }, add_css$k);
     	}
     }
 
     /* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$h(target) {
+    function add_css$j(target) {
     	internal.append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
     }
 
-    function create_fragment$l(ctx) {
+    function create_fragment$n(ctx) {
     	let div;
     	let html_tag;
     	let t;
@@ -1526,7 +1526,7 @@
     	};
     }
 
-    function instance$l($$self, $$props, $$invalidate) {
+    function instance$n($$self, $$props, $$invalidate) {
     	let { content } = $$props;
 
     	const svgStyle = `
@@ -1550,13 +1550,13 @@
     class SvgImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { content: 0 }, add_css$h);
+    		internal.init(this, options, instance$n, create_fragment$n, internal.safe_not_equal, { content: 0 }, add_css$j);
     	}
     }
 
     /* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.47.0 */
 
-    function add_css$g(target) {
+    function add_css$i(target) {
     	internal.append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
     }
 
@@ -1631,7 +1631,7 @@
     	};
     }
 
-    function create_fragment$k(ctx) {
+    function create_fragment$m(ctx) {
     	let div;
     	let current_block_type_index;
     	let if_block;
@@ -1719,7 +1719,7 @@
     	};
     }
 
-    function instance$k($$self, $$props, $$invalidate) {
+    function instance$m($$self, $$props, $$invalidate) {
     	let imageData;
     	let svgContent;
     	var _a, _b;
@@ -1751,13 +1751,13 @@
     class BaseImage extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$k, create_fragment$k, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$g);
+    		internal.init(this, options, instance$m, create_fragment$m, internal.safe_not_equal, { floorIndex: 2, floorplanData: 3 }, add_css$i);
     	}
     }
 
     /* src/floorplan/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-i2nwuk", ".floorplan-plugin__room-label-item.svelte-i2nwuk{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:0.78125rem;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}.floorplan-plugin__room-size.svelte-i2nwuk{opacity:0.45}");
     }
 
@@ -1822,7 +1822,7 @@
     	};
     }
 
-    function create_fragment$j(ctx) {
+    function create_fragment$l(ctx) {
     	let div;
 
     	function select_block_type(ctx, dirty) {
@@ -1871,7 +1871,7 @@
     	};
     }
 
-    function instance$j($$self, $$props, $$invalidate) {
+    function instance$l($$self, $$props, $$invalidate) {
     	let userConfigElement;
     	let { room } = $$props;
     	let { getLabelElement } = $$props;
@@ -1905,17 +1905,17 @@
     class RoomLabel extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { room: 0, getLabelElement: 1 }, add_css$f);
+    		internal.init(this, options, instance$l, create_fragment$l, internal.safe_not_equal, { room: 0, getLabelElement: 1 }, add_css$h);
     	}
     }
 
     /* src/floorplan/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-13xux0b", ".floorplan-plugin__room-labels.svelte-13xux0b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
     }
 
-    function get_each_context$8(ctx, list, i) {
+    function get_each_context$9(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[4] = list[i];
     	return child_ctx;
@@ -1931,9 +1931,9 @@
     	const get_key = ctx => /*room*/ ctx[4].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$8(ctx, each_value, i);
+    		let child_ctx = get_each_context$9(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
     	}
 
     	return {
@@ -1959,7 +1959,7 @@
     			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$8, null, get_each_context$8);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
     				internal.check_outros();
     			}
     		},
@@ -1990,7 +1990,7 @@
     }
 
     // (10:4) {#each rooms as room (room.id)}
-    function create_each_block$8(key_1, ctx) {
+    function create_each_block$9(key_1, ctx) {
     	let first;
     	let roomlabel;
     	let current;
@@ -2053,7 +2053,7 @@
     	};
     }
 
-    function create_fragment$i(ctx) {
+    function create_fragment$k(ctx) {
     	let if_block_anchor;
     	let current;
     	let if_block = /*rooms*/ ctx[1] && create_if_block$5(ctx);
@@ -2108,7 +2108,7 @@
     	};
     }
 
-    function instance$i($$self, $$props, $$invalidate) {
+    function instance$k($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -2136,26 +2136,26 @@
     		internal.init(
     			this,
     			options,
-    			instance$i,
-    			create_fragment$i,
+    			instance$k,
+    			create_fragment$k,
     			internal.safe_not_equal,
     			{
     				floorIndex: 2,
     				floorplanData: 3,
     				getLabelElement: 0
     			},
-    			add_css$e
+    			add_css$g
     		);
     	}
     }
 
     /* src/floorplan/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-xt7p1v", ".floorplan-plugin__rule-labels.svelte-xt7p1v.svelte-xt7p1v{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-xt7p1v.svelte-xt7p1v{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v.svelte-xt7p1v{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v.svelte-xt7p1v{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v.svelte-xt7p1v{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-xt7p1v.svelte-xt7p1v{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-xt7p1v.svelte-xt7p1v{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale.svelte-xt7p1v{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute}.floorplan-plugin__rule-labels--top.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-xt7p1v.svelte-xt7p1v{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-text-item.svelte-xt7p1v{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-xt7p1v.svelte-xt7p1v{width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
     }
 
-    function get_each_context$7(ctx, list, i) {
+    function get_each_context$8(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[10] = list[i];
     	child_ctx[12] = i;
@@ -2190,7 +2190,7 @@
     }
 
     // (62:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
-    function create_each_block$7(key_1, ctx) {
+    function create_each_block$8(key_1, ctx) {
     	let div1;
     	let div0;
     	let t0_value = /*textItem*/ ctx[10].distance + "";
@@ -2227,7 +2227,7 @@
     	};
     }
 
-    function create_fragment$h(ctx) {
+    function create_fragment$j(ctx) {
     	let div3;
     	let div0;
     	let t0;
@@ -2248,9 +2248,9 @@
     	const get_key = ctx => /*textItemIndex*/ ctx[12];
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$7(ctx, each_value, i);
+    		let child_ctx = get_each_context$8(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each1_lookup.set(key, each_blocks[i] = create_each_block$7(key, child_ctx));
+    		each1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
     	}
 
     	return {
@@ -2323,7 +2323,7 @@
 
     			if (dirty & /*rulerTexts, isRow*/ 10) {
     				each_value = /*rulerTexts*/ ctx[3];
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, internal.destroy_block, create_each_block$7, null, get_each_context$7);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, internal.destroy_block, create_each_block$8, null, get_each_context$8);
     			}
 
     			if (dirty & /*type*/ 1 && div3_class_value !== (div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-xt7p1v")) {
@@ -2350,7 +2350,7 @@
     const padding$1 = 1000;
     const exteriorWallOffset$1 = 180;
 
-    function instance$h($$self, $$props, $$invalidate) {
+    function instance$j($$self, $$props, $$invalidate) {
     	let { type } = $$props;
     	let { data } = $$props;
     	let { bounding } = $$props;
@@ -2409,17 +2409,17 @@
     class RuleItem extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$d);
+    		internal.init(this, options, instance$j, create_fragment$j, internal.safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$f);
     	}
     }
 
     /* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.47.0 */
 
-    function add_css$c(target) {
+    function add_css$e(target) {
     	internal.append_styles(target, "svelte-1mzj9p3", ".floorplan-plugin__rule-labels-wrapper.svelte-1mzj9p3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
     }
 
-    function get_each_context$6(ctx, list, i) {
+    function get_each_context$7(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[12] = list[i][0];
     	child_ctx[13] = list[i][1];
@@ -2427,7 +2427,7 @@
     }
 
     // (19:2) {#each ruleLabelArray as [type, data] (type)}
-    function create_each_block$6(key_1, ctx) {
+    function create_each_block$7(key_1, ctx) {
     	let first;
     	let ruleitem;
     	let current;
@@ -2492,7 +2492,7 @@
     	};
     }
 
-    function create_fragment$g(ctx) {
+    function create_fragment$i(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -2501,9 +2501,9 @@
     	const get_key = ctx => /*type*/ ctx[12];
 
     	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 {
@@ -2531,7 +2531,7 @@
     			if (dirty & /*ruleLabelArray, bounding*/ 9) {
     				each_value = /*ruleLabelArray*/ ctx[3];
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block$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();
     			}
 
@@ -2572,7 +2572,7 @@
     const padding = 1000;
     const exteriorWallOffset = 180;
 
-    function instance$g($$self, $$props, $$invalidate) {
+    function instance$i($$self, $$props, $$invalidate) {
     	let bounding;
     	let ruleLabelData;
     	let ruleLabelDataKeys;
@@ -2652,13 +2652,13 @@
     class RuleLabels extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$c);
+    		internal.init(this, options, instance$i, create_fragment$i, internal.safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$e);
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$f(ctx) {
+    function create_fragment$h(ctx) {
     	let path_1;
 
     	return {
@@ -2683,7 +2683,7 @@
     	};
     }
 
-    function instance$f($$self, $$props, $$invalidate) {
+    function instance$h($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -2703,13 +2703,13 @@
     class RoomMaterial_0 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$f, create_fragment$f, internal.safe_not_equal, { path: 1 });
+    		internal.init(this, options, instance$h, create_fragment$h, internal.safe_not_equal, { path: 1 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$e(ctx) {
+    function create_fragment$g(ctx) {
     	let defs;
     	let pattern;
     	let rect;
@@ -2769,7 +2769,7 @@
 
     const halfWidth = 6;
 
-    function instance$e($$self, $$props, $$invalidate) {
+    function instance$g($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
     	const width = halfWidth * 2;
@@ -2791,13 +2791,13 @@
     class RoomMaterial_1 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$e, create_fragment$e, internal.safe_not_equal, { path: 3 });
+    		internal.init(this, options, instance$g, create_fragment$g, internal.safe_not_equal, { path: 3 });
     	}
     }
 
     /* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.47.0 */
 
-    function create_fragment$d(ctx) {
+    function create_fragment$f(ctx) {
     	let defs;
     	let pattern0;
     	let rect0;
@@ -2896,7 +2896,7 @@
     	};
     }
 
-    function instance$d($$self, $$props, $$invalidate) {
+    function instance$f($$self, $$props, $$invalidate) {
     	let d;
     	let { path } = $$props;
 
@@ -2916,17 +2916,17 @@
     class RoomMaterial_2 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.svelte generated by Svelte v3.47.0 */
 
-    function add_css$b(target) {
+    function add_css$d(target) {
     	internal.append_styles(target, "svelte-1d4xj70", "svg.svelte-1d4xj70{position:absolute;width:100%;height:100%;overflow:visible}");
     }
 
-    function get_each_context$5(ctx, list, i) {
+    function get_each_context$6(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[5] = list[i];
     	return child_ctx;
@@ -3035,7 +3035,7 @@
     }
 
     // (13:2) {#each rooms as room}
-    function create_each_block$5(ctx) {
+    function create_each_block$6(ctx) {
     	let svg;
     	let current_block_type_index;
     	let if_block;
@@ -3110,14 +3110,14 @@
     	};
     }
 
-    function create_fragment$c(ctx) {
+    function create_fragment$e(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$5(get_each_context$5(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
     	}
 
     	const out = i => internal.transition_out(each_blocks[i], 1, 1, () => {
@@ -3149,13 +3149,13 @@
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$5(ctx, each_value, i);
+    					const child_ctx = get_each_context$6(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     						internal.transition_in(each_blocks[i], 1);
     					} else {
-    						each_blocks[i] = create_each_block$5(child_ctx);
+    						each_blocks[i] = create_each_block$6(child_ctx);
     						each_blocks[i].c();
     						internal.transition_in(each_blocks[i], 1);
     						each_blocks[i].m(div, null);
@@ -3196,7 +3196,7 @@
     	};
     }
 
-    function instance$c($$self, $$props, $$invalidate) {
+    function instance$e($$self, $$props, $$invalidate) {
     	let rooms;
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
@@ -3222,17 +3222,17 @@
     class RoomMaterial extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$c, create_fragment$c, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$b);
+    		internal.init(this, options, instance$e, create_fragment$e, internal.safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css$d);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.47.0 */
 
-    function add_css$a(target) {
+    function add_css$c(target) {
     	internal.append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
     }
 
-    function create_fragment$b(ctx) {
+    function create_fragment$d(ctx) {
     	let path;
 
     	return {
@@ -3254,7 +3254,7 @@
     	};
     }
 
-    function instance$b($$self, $$props, $$invalidate) {
+    function instance$d($$self, $$props, $$invalidate) {
     	let { room } = $$props;
     	let { floorplanData } = $$props;
     	const { bounding } = floorplanData;
@@ -3275,24 +3275,24 @@
     class Room extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$b, create_fragment$b, internal.safe_not_equal, { room: 1, floorplanData: 2 }, add_css$a);
+    		internal.init(this, options, instance$d, create_fragment$d, internal.safe_not_equal, { room: 1, floorplanData: 2 }, add_css$c);
     	}
     }
 
     /* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.47.0 */
 
-    function add_css$9(target) {
+    function add_css$b(target) {
     	internal.append_styles(target, "svelte-1kqo6e4", ".floorplan-plugin__room-highlight.svelte-1kqo6e4{position:absolute;width:100%;height:100%}svg.svelte-1kqo6e4{width:100%;height:100%;overflow:visible}");
     }
 
-    function get_each_context$4(ctx, list, i) {
+    function get_each_context$5(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[4] = list[i];
     	return child_ctx;
     }
 
     // (10:4) {#each floorplanData.floorDatas[floorIndex].rooms as room (room.id)}
-    function create_each_block$4(key_1, ctx) {
+    function create_each_block$5(key_1, ctx) {
     	let first;
     	let room;
     	let current;
@@ -3355,7 +3355,7 @@
     	};
     }
 
-    function create_fragment$a(ctx) {
+    function create_fragment$c(ctx) {
     	let div;
     	let svg;
     	let each_blocks = [];
@@ -3365,9 +3365,9 @@
     	const get_key = ctx => /*room*/ ctx[4].id;
 
     	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 {
@@ -3399,7 +3399,7 @@
     			if (dirty & /*floorplanData, floorIndex*/ 3) {
     				each_value = /*floorplanData*/ ctx[1].floorDatas[/*floorIndex*/ ctx[0]].rooms;
     				internal.group_outros();
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block$4, null, get_each_context$4);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, svg, internal.outro_and_destroy_block, create_each_block$5, null, get_each_context$5);
     				internal.check_outros();
     			}
     		},
@@ -3429,7 +3429,7 @@
     	};
     }
 
-    function instance$a($$self, $$props, $$invalidate) {
+    function instance$c($$self, $$props, $$invalidate) {
     	let { floorIndex } = $$props;
     	let { floorplanData } = $$props;
     	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
@@ -3446,13 +3446,13 @@
     class RoomHighlight extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$a, create_fragment$a, internal.safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css$9);
+    		internal.init(this, options, instance$c, create_fragment$c, internal.safe_not_equal, { floorIndex: 0, floorplanData: 1 }, add_css$b);
     	}
     }
 
     /* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.47.0 */
 
-    function add_css$8(target) {
+    function add_css$a(target) {
     	internal.append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
     }
 
@@ -3623,7 +3623,7 @@
     	};
     }
 
-    function create_fragment$9(ctx) {
+    function create_fragment$b(ctx) {
     	let div;
     	let roommaterial;
     	let t0;
@@ -3823,7 +3823,7 @@
     	};
     }
 
-    function instance$9($$self, $$props, $$invalidate) {
+    function instance$b($$self, $$props, $$invalidate) {
     	let { isCurrent } = $$props;
     	let { floorIndex } = $$props;
     	let { hoverEnable } = $$props;
@@ -3860,8 +3860,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$9,
-    			create_fragment$9,
+    			instance$b,
+    			create_fragment$b,
     			internal.safe_not_equal,
     			{
     				isCurrent: 0,
@@ -3872,18 +3872,18 @@
     				floorplanData: 5,
     				getLabelElement: 6
     			},
-    			add_css$8
+    			add_css$a
     		);
     	}
     }
 
     /* src/floorplan/Components/Main.svelte generated by Svelte v3.47.0 */
 
-    function add_css$7(target) {
+    function add_css$9(target) {
     	internal.append_styles(target, "svelte-q5wdnn", ".floorplan-main.svelte-q5wdnn{width:100%;height:100%}");
     }
 
-    function get_each_context$3(ctx, list, i) {
+    function get_each_context$4(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[13] = list[i];
     	return child_ctx;
@@ -3901,7 +3901,7 @@
     	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, () => {
@@ -3961,13 +3961,13 @@
     				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, t0);
@@ -4063,7 +4063,7 @@
     }
 
     // (23:4) {#each floorplanData.floorDatas as floorData}
-    function create_each_block$3(ctx) {
+    function create_each_block$4(ctx) {
     	let currentfloor;
     	let current;
 
@@ -4176,7 +4176,7 @@
     	};
     }
 
-    function create_fragment$8(ctx) {
+    function create_fragment$a(ctx) {
     	let if_block_anchor;
     	let current;
     	let if_block = /*visible*/ ctx[1] && create_if_block$2(ctx);
@@ -4231,7 +4231,7 @@
     	};
     }
 
-    function instance$8($$self, $$props, $$invalidate) {
+    function instance$a($$self, $$props, $$invalidate) {
     	let { duration = 0 } = $$props;
     	let { visible } = $$props;
     	let { northDesc } = $$props;
@@ -4286,8 +4286,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$8,
-    			create_fragment$8,
+    			instance$a,
+    			create_fragment$a,
     			internal.safe_not_equal,
     			{
     				duration: 0,
@@ -4304,7 +4304,7 @@
     				cameraImageUrl: 11,
     				getLabelElement: 12
     			},
-    			add_css$7
+    			add_css$9
     		);
     	}
     }
@@ -4684,11 +4684,11 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.47.0 */
 
-    function add_css$6(target) {
+    function add_css$8(target) {
     	internal.append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
     }
 
-    function create_fragment$7(ctx) {
+    function create_fragment$9(ctx) {
     	let div2;
     	let div1;
     	let div0;
@@ -4738,7 +4738,7 @@
     	return `rotate(${rotate}deg)`;
     }
 
-    function instance$7($$self, $$props, $$invalidate) {
+    function instance$9($$self, $$props, $$invalidate) {
     	let positionTransform;
     	let rotateTransform;
     	let { five } = $$props;
@@ -4818,8 +4818,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$7,
-    			create_fragment$7,
+    			instance$9,
+    			create_fragment$9,
     			internal.safe_not_equal,
     			{
     				five: 3,
@@ -4827,25 +4827,25 @@
     				floorplanData: 5,
     				cameraImageUrl: 0
     			},
-    			add_css$6
+    			add_css$8
     		);
     	}
     }
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.47.0 */
 
-    function add_css$5(target) {
+    function add_css$7(target) {
     	internal.append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
     }
 
-    function get_each_context$2(ctx, list, i) {
+    function get_each_context$3(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$2(key_1, ctx) {
+    function create_each_block$3(key_1, ctx) {
     	let div1;
     	let div0;
     	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
@@ -4904,7 +4904,7 @@
     	};
     }
 
-    function create_fragment$6(ctx) {
+    function create_fragment$8(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -4912,9 +4912,9 @@
     	const get_key = ctx => /*extraObject*/ ctx[1].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context$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 {
@@ -4937,7 +4937,7 @@
     		p(ctx, [dirty]) {
     			if (dirty & /*extraObjects*/ 1) {
     				each_value = /*extraObjects*/ ctx[0];
-    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.destroy_block, create_each_block$2, null, get_each_context$2);
+    				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.destroy_block, create_each_block$3, null, get_each_context$3);
     			}
     		},
     		i: internal.noop,
@@ -4952,7 +4952,7 @@
     	};
     }
 
-    function instance$6($$self, $$props, $$invalidate) {
+    function instance$8($$self, $$props, $$invalidate) {
     	let { extraObjects = [] } = $$props;
 
     	$$self.$$set = $$props => {
@@ -4965,7 +4965,7 @@
     class ExtraObjects extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$6, create_fragment$6, internal.safe_not_equal, { extraObjects: 0 }, add_css$5);
+    		internal.init(this, options, instance$8, create_fragment$8, internal.safe_not_equal, { extraObjects: 0 }, add_css$7);
     	}
     }
 
@@ -5031,7 +5031,7 @@
     	};
     }
 
-    function create_fragment$5(ctx) {
+    function create_fragment$7(ctx) {
     	let baseimage;
     	let t0;
     	let extraobjects;
@@ -5142,7 +5142,7 @@
     	};
     }
 
-    function instance$5($$self, $$props, $$invalidate) {
+    function instance$7($$self, $$props, $$invalidate) {
     	let currentFloorExtraObjects;
     	let { five } = $$props;
     	let { pxmm } = $$props;
@@ -5185,7 +5185,7 @@
     	constructor(options) {
     		super();
 
-    		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, {
+    		internal.init(this, options, instance$7, create_fragment$7, internal.safe_not_equal, {
     			five: 0,
     			pxmm: 1,
     			floorIndex: 2,
@@ -5198,7 +5198,7 @@
 
     /* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.47.0 */
 
-    function add_css$4(target) {
+    function add_css$6(target) {
     	internal.append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
     }
 
@@ -5321,7 +5321,7 @@
     	};
     }
 
-    function create_fragment$4(ctx) {
+    function create_fragment$6(ctx) {
     	let div;
     	let div_resize_listener;
     	let current;
@@ -5381,7 +5381,7 @@
     	};
     }
 
-    function instance$4($$self, $$props, $$invalidate) {
+    function instance$6($$self, $$props, $$invalidate) {
     	let { five } = $$props;
     	let { hoverEnable } = $$props;
     	let { floorplanData } = $$props;
@@ -5464,8 +5464,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$4,
-    			create_fragment$4,
+    			instance$6,
+    			create_fragment$6,
     			internal.safe_not_equal,
     			{
     				five: 0,
@@ -5474,7 +5474,7 @@
     				cameraImageUrl: 3,
     				extraObjects: 4
     			},
-    			add_css$4
+    			add_css$6
     		);
     	}
     }
@@ -13348,18 +13348,18 @@
 
     /* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.47.0 */
 
-    function add_css$3(target) {
+    function add_css$5(target) {
     	internal.append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
     }
 
-    function get_each_context$1(ctx, list, i) {
+    function get_each_context$2(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$1(ctx) {
+    function create_each_block$2(ctx) {
     	let i;
     	let style_top = `${/*origin*/ ctx[3].top}%`;
     	let style_left = `${/*origin*/ ctx[3].left}%`;
@@ -13415,13 +13415,13 @@
     	};
     }
 
-    function create_fragment$3(ctx) {
+    function create_fragment$5(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$1(get_each_context$1(ctx, each_value, i));
+    		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
     	}
 
     	return {
@@ -13445,12 +13445,12 @@
     				let i;
 
     				for (i = 0; i < each_value.length; i += 1) {
-    					const child_ctx = get_each_context$1(ctx, each_value, i);
+    					const child_ctx = get_each_context$2(ctx, each_value, i);
 
     					if (each_blocks[i]) {
     						each_blocks[i].p(child_ctx, dirty);
     					} else {
-    						each_blocks[i] = create_each_block$1(child_ctx);
+    						each_blocks[i] = create_each_block$2(child_ctx);
     						each_blocks[i].c();
     						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
     					}
@@ -13472,7 +13472,7 @@
     	};
     }
 
-    function instance$3($$self, $$props, $$invalidate) {
+    function instance$5($$self, $$props, $$invalidate) {
     	let { origins } = $$props;
 
     	const handleClick = id => {
@@ -13491,17 +13491,17 @@
     class Origins extends internal.SvelteComponent {
     	constructor(options) {
     		super();
-    		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { origins: 0 }, add_css$3);
+    		internal.init(this, options, instance$5, create_fragment$5, internal.safe_not_equal, { origins: 0 }, add_css$5);
     	}
     }
 
     /* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.47.0 */
 
-    function add_css$2(target) {
+    function add_css$4(target) {
     	internal.append_styles(target, "svelte-1wukaol", ".PanoSpatialTagPlugin__tag-x.svelte-1wukaol.svelte-1wukaol{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-1wukaol.svelte-1wukaol{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-1wukaol.svelte-1wukaol{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol.svelte-1wukaol{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-1wukaol.svelte-1wukaol{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-1wukaol.svelte-1wukaol{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-1wukaol .PanoSpatialTagPlugin__tag-line1.svelte-1wukaol{-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-line2.svelte-1wukaol{-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol.svelte-1wukaol{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-line.svelte-1wukaol{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1wukaol.svelte-1wukaol{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-animate.svelte-1wukaol{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1wukaol.svelte-1wukaol{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-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-flagpole.svelte-1wukaol{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-shadow.svelte-1wukaol{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-content.svelte-1wukaol{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-content .svelte-1wukaol{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-line1.svelte-1wukaol{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1wukaol .PanoSpatialTagPlugin__tag-line2.svelte-1wukaol{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-1wukaol-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-1wukaol-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-1wukaol-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-1wukaol-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-1wukaol-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-1wukaol-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-1wukaol-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-1wukaol-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-1wukaol-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$2(ctx) {
+    function create_fragment$4(ctx) {
     	let div4;
     	let div0;
     	let t0;
@@ -13616,7 +13616,7 @@
     	};
     }
 
-    function instance$2($$self, $$props, $$invalidate) {
+    function instance$4($$self, $$props, $$invalidate) {
     	let { id } = $$props;
     	let { upsideDown } = $$props;
     	let { content } = $$props;
@@ -13753,8 +13753,8 @@
     		internal.init(
     			this,
     			options,
-    			instance$2,
-    			create_fragment$2,
+    			instance$4,
+    			create_fragment$4,
     			internal.safe_not_equal,
     			{
     				id: 0,
@@ -13769,7 +13769,7 @@
     				events: 14,
     				hooks: 15
     			},
-    			add_css$2
+    			add_css$4
     		);
     	}
     }
@@ -14412,11 +14412,11 @@
 
     /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
 
-    function add_css$1(target) {
+    function add_css$3(target) {
     	internal.append_styles(target, "svelte-1hzvil1", ".item-label-item.svelte-1hzvil1{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1hzvil1{opacity:1;-webkit-animation:svelte-1hzvil1-fadeIn .3s ease-in;animation:svelte-1hzvil1-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1hzvil1::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-1hzvil1{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-1hzvil1{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-1hzvil1{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-1hzvil1-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-1hzvil1-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
     }
 
-    function create_fragment$1(ctx) {
+    function create_fragment$3(ctx) {
     	let div2;
     	let div0;
     	let span;
@@ -14497,7 +14497,7 @@
     	};
     }
 
-    function instance$1($$self, $$props, $$invalidate) {
+    function instance$3($$self, $$props, $$invalidate) {
     	let { itemLabel } = $$props;
     	let { hooks } = $$props;
 
@@ -14514,10 +14514,10 @@
     	return [itemLabel, onClick, hooks];
     }
 
-    class ItemLabelItem extends internal.SvelteComponent {
+    class ItemLabelItem$1 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);
+    		internal.init(this, options, instance$3, create_fragment$3, internal.safe_not_equal, { itemLabel: 0, hooks: 2 }, add_css$3);
     	}
     }
 
@@ -14538,23 +14538,23 @@
 
     /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
 
-    function add_css(target) {
+    function add_css$2(target) {
     	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
     }
 
-    function get_each_context(ctx, list, i) {
+    function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
     	child_ctx[28] = list[i];
     	return child_ctx;
     }
 
     // (163:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
-    function create_each_block(key_1, ctx) {
+    function create_each_block$1(key_1, ctx) {
     	let first;
     	let itemlabelitem;
     	let current;
 
-    	itemlabelitem = new ItemLabelItem({
+    	itemlabelitem = new ItemLabelItem$1({
     			props: {
     				itemLabel: /*itemLabelItem*/ ctx[28],
     				hooks: /*hooks*/ ctx[0]
@@ -14597,7 +14597,7 @@
     	};
     }
 
-    function create_fragment(ctx) {
+    function create_fragment$2(ctx) {
     	let div;
     	let each_blocks = [];
     	let each_1_lookup = new Map();
@@ -14607,9 +14607,9 @@
     	const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
 
     	for (let i = 0; i < each_value.length; i += 1) {
-    		let child_ctx = get_each_context(ctx, each_value, i);
+    		let child_ctx = get_each_context$1(ctx, each_value, i);
     		let key = get_key(child_ctx);
-    		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
     	}
 
     	return {
@@ -14638,7 +14638,7 @@
     			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);
+    				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$1, null, get_each_context$1);
     				internal.check_outros();
     			}
 
@@ -14675,9 +14675,9 @@
     }
 
     let cssHeight = 26;
-    let basicWidth = 11;
+    let basicWidth$1 = 11;
 
-    function instance($$self, $$props, $$invalidate) {
+    function instance$2($$self, $$props, $$invalidate) {
     	const { Raycaster, Vector3 } = THREE__namespace;
     	let { five } = $$props;
     	let { modelOcclusionEnable } = $$props;
@@ -14764,7 +14764,7 @@
     		// 计算位置 & 可见性
     		const newLabels = labels.map(label => {
     			const cssOffset = getLabelCssOffset(five, label);
-    			const curLabelWidth = label.name.length * basicWidth;
+    			const curLabelWidth = label.name.length * basicWidth$1;
     			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
 
     			// 是否加入碰撞检测
@@ -14891,15 +14891,15 @@
     	];
     }
 
-    class ItemLabelComponent extends internal.SvelteComponent {
+    class ItemLabelComponent$1 extends internal.SvelteComponent {
     	constructor(options) {
     		super();
 
     		internal.init(
     			this,
     			options,
-    			instance,
-    			create_fragment,
+    			instance$2,
+    			create_fragment$2,
     			internal.safe_not_equal,
     			{
     				five: 5,
@@ -14909,7 +14909,7 @@
     				hooks: 0,
     				displayStrategyType: 9
     			},
-    			add_css
+    			add_css$2
     		);
     	}
     }
@@ -14983,7 +14983,7 @@
             }
             // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值
             if (!pluginState.app) {
-                pluginState.app = new ItemLabelComponent({
+                pluginState.app = new ItemLabelComponent$1({
                     target: pluginState.container,
                     props: {
                         five: five$1,
@@ -15313,9 +15313,662 @@
         return { enable, disable, load, dispose };
     };
 
+    exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
+    (function (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) {
+        ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
+        ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
+        ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
+        ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
+    })(exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE || (exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = {}));
+
+    /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
+
+    function add_css$1(target) {
+    	internal.append_styles(target, "svelte-1s5p8g", ".item-label-item.svelte-1s5p8g{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1s5p8g{opacity:1;-webkit-animation:svelte-1s5p8g-fadeIn .3s ease-in;animation:svelte-1s5p8g-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1s5p8g{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;pointer-events:none;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}.item-label-item__text-wrap.visible.svelte-1s5p8g{pointer-events:all}.icon-wrap.svelte-1s5p8g{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1s5p8g{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1s5p8g{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-1s5p8g{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-1s5p8g{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-1s5p8g{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-1s5p8g: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-1s5p8g-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-1s5p8g-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+    }
+
+    function create_fragment$1(ctx) {
+    	let div5;
+    	let div3;
+    	let div1;
+    	let div0;
+    	let div0_style_value;
+    	let t0;
+    	let div2;
+    	let span0;
+    	let t1_value = (/*itemLabel*/ ctx[0].code ?? /*itemLabel*/ ctx[0].id) + "";
+    	let t1;
+    	let t2;
+    	let span1;
+    	let t3_value = /*itemLabel*/ ctx[0].name + "";
+    	let t3;
+    	let div3_class_value;
+    	let t4;
+    	let div4;
+    	let div4_class_value;
+    	let div5_class_value;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			div5 = internal.element("div");
+    			div3 = internal.element("div");
+    			div1 = internal.element("div");
+    			div0 = internal.element("div");
+    			t0 = internal.space();
+    			div2 = internal.element("div");
+    			span0 = internal.element("span");
+    			t1 = internal.text(t1_value);
+    			t2 = internal.space();
+    			span1 = internal.element("span");
+    			t3 = internal.text(t3_value);
+    			t4 = internal.space();
+    			div4 = internal.element("div");
+    			internal.attr(div0, "class", "icon svelte-1s5p8g");
+    			internal.attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon ?? defaultIcon})`);
+    			internal.attr(div1, "class", "icon-wrap svelte-1s5p8g");
+    			internal.attr(span0, "class", "item-model svelte-1s5p8g");
+    			internal.attr(span1, "class", "item-name svelte-1s5p8g");
+    			internal.attr(div2, "class", "item-label-text svelte-1s5p8g");
+    			internal.attr(div3, "class", div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1s5p8g"));
+    			internal.set_style(div3, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+    			internal.attr(div4, "class", div4_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1s5p8g"));
+    			internal.set_style(div4, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+    			internal.attr(div5, "class", div5_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1s5p8g"));
+    			internal.set_style(div5, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+    			internal.set_style(div5, "transform", /*itemLabel*/ ctx[0].transform, false);
+    		},
+    		m(target, anchor) {
+    			internal.insert(target, div5, anchor);
+    			internal.append(div5, div3);
+    			internal.append(div3, div1);
+    			internal.append(div1, div0);
+    			internal.append(div3, t0);
+    			internal.append(div3, div2);
+    			internal.append(div2, span0);
+    			internal.append(span0, t1);
+    			internal.append(div2, t2);
+    			internal.append(div2, span1);
+    			internal.append(span1, t3);
+    			internal.append(div5, t4);
+    			internal.append(div5, div4);
+
+    			if (!mounted) {
+    				dispose = internal.listen(div3, "click", /*onClick*/ ctx[2]);
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*itemLabel*/ 1 && div0_style_value !== (div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon ?? defaultIcon})`)) {
+    				internal.attr(div0, "style", div0_style_value);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code ?? /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
+    			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
+
+    			if (dirty & /*itemLabel*/ 1 && div3_class_value !== (div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1s5p8g"))) {
+    				internal.attr(div3, "class", div3_class_value);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1) {
+    				internal.set_style(div3, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+    			}
+
+    			if (dirty & /*anchorEnabled*/ 2 && div4_class_value !== (div4_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1s5p8g"))) {
+    				internal.attr(div4, "class", div4_class_value);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1) {
+    				internal.set_style(div4, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1 && div5_class_value !== (div5_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1s5p8g"))) {
+    				internal.attr(div5, "class", div5_class_value);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1) {
+    				internal.set_style(div5, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+    			}
+
+    			if (dirty & /*itemLabel*/ 1) {
+    				internal.set_style(div5, "transform", /*itemLabel*/ ctx[0].transform, false);
+    			}
+    		},
+    		i: internal.noop,
+    		o: internal.noop,
+    		d(detaching) {
+    			if (detaching) internal.detach(div5);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+    }
+
+    const defaultIcon = '//vrlab-public.ljcdn.com/common/file/web/c8591aaa-e62b-4e31-8fed-671483ace37f.svg\n';
+
+    function instance$1($$self, $$props, $$invalidate) {
+    	let { itemLabel } = $$props;
+    	let { hooks } = $$props;
+    	let { anchorEnabled } = $$props;
+
+    	function onClick() {
+    		hooks.emit('onLabelClick', itemLabel);
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
+    		if ('hooks' in $$props) $$invalidate(3, hooks = $$props.hooks);
+    		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
+    	};
+
+    	return [itemLabel, anchorEnabled, 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: 3, anchorEnabled: 1 }, add_css$1);
+    	}
+    }
+
+    /* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
+
+    function add_css(target) {
+    	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
+    }
+
+    function get_each_context(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[28] = list[i];
+    	return child_ctx;
+    }
+
+    // (163: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[28],
+    				hooks: /*hooks*/ ctx[1],
+    				anchorEnabled: /*five*/ ctx[0].currentMode === five.Five.Mode.Panorama
+    			}
+    		});
+
+    	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*/ 4) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
+    			if (dirty & /*hooks*/ 2) itemlabelitem_changes.hooks = /*hooks*/ ctx[1];
+    			if (dirty & /*five*/ 1) itemlabelitem_changes.anchorEnabled = /*five*/ ctx[0].currentMode === five.Five.Mode.Panorama;
+    			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[2];
+    	const get_key = ctx => /*itemLabelItem*/ ctx[28].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-gk8s47");
+    			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
+    			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
+    		},
+    		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[10].bind(div));
+    			current = true;
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*renderItemLabels, hooks, five, Five*/ 7) {
+    				each_value = /*renderItemLabels*/ ctx[2];
+    				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();
+    			}
+
+    			if (dirty & /*itemsVisible*/ 32) {
+    				internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
+    			}
+    		},
+    		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 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 = [];
+
+    	// 动画过程中 itemsVisible 为 false
+    	let itemsVisible = true;
+
+    	/**
+     * 可见性策略：
+     * 1、当前楼层(假设先不考虑多楼层)
+     * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
+     * */
+    	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 === null || cssPosition === void 0
+    		? void 0
+    		: cssPosition.x;
+
+    		const yOffset = cssPosition === null || cssPosition === void 0
+    		? void 0
+    		: cssPosition.y;
+
+    		return [xOffset, yOffset];
+    	};
+
+    	const getLabelTransform = cssOffset => {
+    		return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`;
+    	};
+
+    	function getStrokeLength(itemSpaceHeight, type) {
+    		switch (type) {
+    			case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL:
+    				return Math.ceil(-27.78 * itemSpaceHeight + 85);
+    			case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.MIDLLE:
+    				return Math.ceil(-38.9 * itemSpaceHeight + 130);
+    			case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.LARGE:
+    				return Math.ceil(-44.44 * itemSpaceHeight + 140);
+    			case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
+    				return Math.ceil(-92.59 * itemSpaceHeight + 300);
+    		}
+    	}
+
+    	const getFormatedItemLabels = (five, labels) => {
+    		// 计算位置 & 可见性
+    		const newLabels = labels.map(label => {
+    			const cssOffset = getLabelCssOffset(five, label);
+    			label.name.length * basicWidth;
+    			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
+
+    			// 是否加入碰撞检测
+    			const naturalVisible = modelOcclusionEnable
+    			? getLabelVisible(five, label)
+    			: true;
+
+    			const visible = naturalVisible;
+
+    			// 关掉重叠计算
+    			// const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth)
+    			if (!visible) return Object.assign(Object.assign({}, label), { visible });
+
+    			cssOffsetLists.push(cssOffset);
+
+    			// position
+    			const transform = getLabelTransform(cssOffset);
+
+    			return Object.assign(Object.assign({}, 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 Object.assign(Object.assign({}, label), { zIndex: sortIndex * 10 });
+    			return label;
+    		});
+    	};
+
+    	const onItemLabelUpdate = () => {
+    		cssOffsetLists = [];
+    		$$invalidate(2, renderItemLabels = getFormatedItemLabels(five, renderItemLabels));
+    	};
+
+    	svelte.beforeUpdate(() => {
+    		addDataUpdateListener();
+    	});
+
+    	const handleCameraUpdateCallback = () => {
+    		$$invalidate(5, itemsVisible = false);
+    		handleCameraUpdate();
+    	};
+
+    	svelte.onMount(() => {
+    		$$invalidate(2, renderItemLabels = itemLabels);
+    		curItemLabels = itemLabels;
+    		onItemLabelUpdate();
+    		addResizeListener();
+    		five.on('cameraUpdate', handleCameraUpdateCallback);
+    	});
+
+    	const handleCameraUpdate = debounce(
+    		() => {
+    			$$invalidate(5, itemsVisible = true);
+    			onItemLabelUpdate();
+    		},
+    		300
+    	);
+
+    	const addResizeListener = () => {
+    		wrapperSize = {
+    			width: wrapper.clientWidth,
+    			height: wrapper.clientHeight
+    		};
+
+    		resizeObserver.observe(wrapper);
+    	};
+
+    	const addDataUpdateListener = () => {
+    		if (curItemLabels !== itemLabels) {
+    			$$invalidate(2, renderItemLabels = itemLabels);
+    			curItemLabels = itemLabels;
+    			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', handleCameraUpdateCallback);
+    		resizeObserver.unobserve(wrapper);
+    	});
+
+    	function div_elementresize_handler() {
+    		containerWidth = this.clientWidth;
+    		containerHeight = this.clientHeight;
+    		$$invalidate(3, containerWidth);
+    		$$invalidate(4, containerHeight);
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('five' in $$props) $$invalidate(0, five = $$props.five);
+    		if ('modelOcclusionEnable' in $$props) $$invalidate(6, modelOcclusionEnable = $$props.modelOcclusionEnable);
+    		if ('itemLabels' in $$props) $$invalidate(7, itemLabels = $$props.itemLabels);
+    		if ('wrapper' in $$props) $$invalidate(8, wrapper = $$props.wrapper);
+    		if ('hooks' in $$props) $$invalidate(1, hooks = $$props.hooks);
+    		if ('displayStrategyType' in $$props) $$invalidate(9, displayStrategyType = $$props.displayStrategyType);
+    	};
+
+    	return [
+    		five,
+    		hooks,
+    		renderItemLabels,
+    		containerWidth,
+    		containerHeight,
+    		itemsVisible,
+    		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: 0,
+    				modelOcclusionEnable: 6,
+    				itemLabels: 7,
+    				wrapper: 8,
+    				hooks: 1,
+    				displayStrategyType: 9
+    			},
+    			add_css
+    		);
+    	}
+    }
+
+    /** @description 转成内部所需数据 */
+    function parseItemLabelPluginData(data) {
+        return data.item_labels.map(label => (Object.assign({ modelPosition: [label.position[0], label.position[1], label.position[2]] }, label)));
+    }
+
+    const Plugin = (five$1, params) => {
+        var _a, _b;
+        const pluginState = {
+            container: document.createElement('div'),
+            data: null,
+            enabled: true,
+            fiveModeEnabled: true,
+            itemLabels: [],
+            wrapper: null,
+            app: undefined,
+            hooks: new five.Subscribe(),
+            modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
+            displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
+        };
+        pluginState.container.setAttribute('class', 'item-label-plugin-container');
+        pluginState.container.style.cssText = `
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    `;
+        pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
+        const appendTo = (wrapper) => {
+            pluginState.wrapper = wrapper;
+            wrapper.appendChild(pluginState.container);
+            render();
+            return true;
+        };
+        const load = (data) => {
+            pluginState.itemLabels = parseItemLabelPluginData(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 render = () => {
+            var _a;
+            if (!pluginState.wrapper)
+                return;
+            // 只要不可展示，销毁容器
+            if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
+                (_a = pluginState.app) === null || _a === void 0 ? void 0 : _a.$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 监听
+        const removeListener4Five = () => {
+            five$1.off('modeChange', onFiveModeChange);
+        };
+        const onFiveModeChange = (mode) => {
+            if (!pluginState.enabled)
+                return;
+            pluginState.fiveModeEnabled = false;
+            render();
+            five$1.once('initAnimationEnded', () => {
+                pluginState.fiveModeEnabled = true;
+                render();
+            });
+        };
+        addListener4Five();
+        return {
+            appendTo,
+            load,
+            enable,
+            disable,
+            dispose,
+            hooks: pluginState.hooks
+        };
+    };
+
+    const itemLabelPluginServerParams = {
+        name: 'ItemLabelPlugin',
+        version: 0,
+    };
+
     exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
     exports.CameraMovementPlugin = CameraMovementPlugin;
     exports.FLOOR_TYPE_MAP = FLOOR_TYPE_MAP;
+    exports.ItemLabelPlugin = Plugin;
     exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
     exports.ModelEntryDoorGuidePlugin = ModelEntryDoorGuidePlugin;
     exports.ModelFloorplanPlugin = ModelFloorplanPlugin;
@@ -15332,6 +15985,7 @@
     exports.ROOM_FETILE_TYPE_MAP = ROOM_FETILE_TYPE_MAP;
     exports.ROOM_TYPE_MAP = ROOM_TYPE_MAP;
     exports.TopviewFloorplanPlugin = TopviewFloorplanPlugin;
+    exports.itemLabelPluginServerParams = itemLabelPluginServerParams;
     exports.modelItemLabelPluginServerParams = modelItemLabelPluginServerParams;
     exports.modelRoomLabelPluginServerParams = modelRoomLabelPluginServerParams;
     exports.panoCompassPluginServerParams = panoCompassPluginServerParams;