@realsee/dnalogel 2.0.0 → 2.0.2-alpha

package/dist/index.es.js

@@ -13,7 +13,6 @@ import * as TWEEN from '@tweenjs/tween.js';
 import TWEEN__default from '@tweenjs/tween.js';
 import Hammer from 'hammerjs';
 import classNames from 'classnames';
-import getNormals from 'polyline-normals';
 
 /**
  * Five 模型插件
@@ -462,7 +461,7 @@ const PanoCursorRaycasterPlugin = (five) => {
 
 const ROOM_LABEL_BG = 'data:image/png;base64,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';
 
-/* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.49.0 */
+/* src/ModelRoomLabelPlugin/RoomLabelItem.svelte generated by Svelte v3.50.1 */
 
 function add_css$q(target) {
 	append_styles(target, "svelte-877671", ".room-label-item.svelte-877671{position:absolute;font-size:0.41667rem;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-label-item__text.svelte-877671{position:absolute;left:0;top:-3.33333rem;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center;height:1.04167rem;min-width:1.66667rem;padding:0 0.3125rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.room-label-item__bar.svelte-877671{position:absolute;top:-2.29167rem;height:2.5rem;width:1px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))}.wide.svelte-877671{font-size:0.52083rem}");
@@ -562,7 +561,7 @@ class RoomLabelItem extends SvelteComponent {
 	}
 }
 
-/* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.49.0 */
+/* src/ModelRoomLabelPlugin/RoomLabelItems.svelte generated by Svelte v3.50.1 */
 
 const { Map: Map_1 } = globals;
 
@@ -1126,7 +1125,7 @@ function rad2Deg$1(rad) {
     return (rad * 180) / Math.PI;
 }
 
-/* src/floorplan/Components/Camera.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/Camera.svelte generated by Svelte v3.50.1 */
 
 function add_css$o(target) {
 	append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
@@ -1231,7 +1230,7 @@ class Camera$1 extends SvelteComponent {
 
 const COMPASS_IMAGE = 'data:image/png;base64,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';
 
-/* src/floorplan/Components/Compass.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/Compass.svelte generated by Svelte v3.50.1 */
 
 function add_css$n(target) {
 	append_styles(target, "svelte-z9kwkx", ".floorplan-plugin__compass.svelte-z9kwkx{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-z9kwkx{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-z9kwkx{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
@@ -1331,7 +1330,7 @@ class Compass extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/Normalmage.svelte generated by Svelte v3.50.1 */
 
 function add_css$m(target) {
 	append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
@@ -1381,7 +1380,7 @@ class Normalmage extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/SvgImage.svelte generated by Svelte v3.50.1 */
 
 function add_css$l(target) {
 	append_styles(target, "svelte-ub47ya", ".floorplan-plugin__base-image.svelte-ub47ya{width:100%;height:100%}");
@@ -1448,7 +1447,7 @@ class SvgImage extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/BaseImage.svelte generated by Svelte v3.50.1 */
 
 function add_css$k(target) {
 	append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
@@ -1649,13 +1648,13 @@ class BaseImage extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomLabels/RoomLabel.svelte generated by Svelte v3.50.1 */
 
 function add_css$j(target) {
 	append_styles(target, "svelte-12pzct5", ".floorplan-plugin__room-label-item.svelte-12pzct5{position:absolute;display:flex;flex-flow:column;align-items:center;line-height:1;color:#fff;transform:translate(-50%, -50%);white-space:nowrap;will-change:opacity;transition:opacity 300ms}.floorplan-plugin__room-size.svelte-12pzct5{opacity:0.45}");
 }
 
-// (95:30) 
+// (96:30) 
 function create_if_block_1$5(ctx) {
 	let html_tag;
 	let raw_value = /*userConfigElement*/ ctx[4].outerHTML + "";
@@ -1681,13 +1680,14 @@ function create_if_block_1$5(ctx) {
 	};
 }
 
-// (89:2) {#if getLabelElement === undefined}
+// (90:2) {#if getLabelElement === undefined}
 function create_if_block$9(ctx) {
 	let span0;
 	let t0_value = /*room*/ ctx[0].name + "";
 	let t0;
 	let t1;
 	let span1;
+	let t2;
 
 	return {
 		c() {
@@ -1695,7 +1695,7 @@ function create_if_block$9(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			span1 = element("span");
-			span1.textContent = `${/*roomSizeDes*/ ctx[5]}`;
+			t2 = text(/*roomSizeDes*/ ctx[5]);
 			attr(span0, "class", "floorplan-plugin__room-name");
 			attr(span1, "class", "floorplan-plugin__room-size svelte-12pzct5");
 		},
@@ -1704,9 +1704,11 @@ function create_if_block$9(ctx) {
 			append(span0, t0);
 			insert(target, t1, anchor);
 			insert(target, span1, anchor);
+			append(span1, t2);
 		},
 		p(ctx, dirty) {
 			if (dirty & /*room*/ 1 && t0_value !== (t0_value = /*room*/ ctx[0].name + "")) set_data(t0, t0_value);
+			if (dirty & /*roomSizeDes*/ 32) set_data(t2, /*roomSizeDes*/ ctx[5]);
 		},
 		d(detaching) {
 			if (detaching) detach(span0);
@@ -1740,7 +1742,7 @@ function create_fragment$o(ctx) {
 		m(target, anchor) {
 			insert(target, div, anchor);
 			if (if_block) if_block.m(div, null);
-			/*div_binding*/ ctx[15](div);
+			/*div_binding*/ ctx[16](div);
 		},
 		p(ctx, [dirty]) {
 			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
@@ -1768,7 +1770,7 @@ function create_fragment$o(ctx) {
 				if_block.d();
 			}
 
-			/*div_binding*/ ctx[15](null);
+			/*div_binding*/ ctx[16](null);
 		}
 	};
 }
@@ -1791,12 +1793,14 @@ function isPointInPolygon(point, polygon) {
 }
 
 function instance$o($$self, $$props, $$invalidate) {
+	let roomSizeDes;
 	let isLabelInRoom;
 	let userConfigElement;
 	let labelVisible;
 	let { pxmm } = $$props;
 	let { room } = $$props;
 	let { hoveredRoom } = $$props;
+	let { getRoomAreaText } = $$props;
 	let { getLabelElement } = $$props;
 	let { adaptiveRoomLabelVisibleEnable } = $$props;
 
@@ -1836,7 +1840,6 @@ function instance$o($$self, $$props, $$invalidate) {
 	const bodyWidth = document.body.clientWidth;
 
 	const bodyHeight = document.body.clientHeight;
-	const roomSizeDes = room.size ? (room.size / 1000000).toFixed(1) + '㎡' : '';
 
 	// ====================================
 	const roomLabel = room.roomLabel;
@@ -1852,7 +1855,7 @@ function instance$o($$self, $$props, $$invalidate) {
 	let labelElementSize;
 
 	hoveredRoom.subscribe(function onHoverdRoomUpdate(_room) {
-		$$invalidate(12, isHoverd = !!_room && _room.id === room.id);
+		$$invalidate(13, isHoverd = !!_room && _room.id === room.id);
 	});
 
 	onMount(() => {
@@ -1862,7 +1865,7 @@ function instance$o($$self, $$props, $$invalidate) {
 		? void 0
 		: labelElement.getClientRects()[0];
 
-		$$invalidate(13, labelElementSize = {
+		$$invalidate(14, labelElementSize = {
 			width: labelDomRect.width,
 			height: labelDomRect.height
 		});
@@ -1879,13 +1882,18 @@ function instance$o($$self, $$props, $$invalidate) {
 		if ('pxmm' in $$props) $$invalidate(9, pxmm = $$props.pxmm);
 		if ('room' in $$props) $$invalidate(0, room = $$props.room);
 		if ('hoveredRoom' in $$props) $$invalidate(10, hoveredRoom = $$props.hoveredRoom);
+		if ('getRoomAreaText' in $$props) $$invalidate(11, getRoomAreaText = $$props.getRoomAreaText);
 		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
-		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(11, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(12, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*labelElementSize, room*/ 8193) {
-			$$invalidate(14, isLabelInRoom = labelElementSize
+		if ($$self.$$.dirty & /*room, getRoomAreaText*/ 2049) {
+			$$invalidate(5, roomSizeDes = room.size ? getRoomAreaText(room.size) : '');
+		}
+
+		if ($$self.$$.dirty & /*labelElementSize, room*/ 16385) {
+			$$invalidate(15, isLabelInRoom = labelElementSize
 			? isLabelInRoomCurry(room, labelElementSize)
 			: undefined);
 		}
@@ -1896,7 +1904,7 @@ function instance$o($$self, $$props, $$invalidate) {
 			: getLabelElement(room));
 		}
 
-		if ($$self.$$.dirty & /*adaptiveRoomLabelVisibleEnable, isHoverd, isLabelInRoom, pxmm*/ 23040) {
+		if ($$self.$$.dirty & /*adaptiveRoomLabelVisibleEnable, isHoverd, isLabelInRoom, pxmm*/ 45568) {
 			$$invalidate(3, labelVisible = adaptiveRoomLabelVisibleEnable
 			? isHoverd
 				? true
@@ -1919,6 +1927,7 @@ function instance$o($$self, $$props, $$invalidate) {
 		fontSize,
 		pxmm,
 		hoveredRoom,
+		getRoomAreaText,
 		adaptiveRoomLabelVisibleEnable,
 		isHoverd,
 		labelElementSize,
@@ -1941,15 +1950,16 @@ class RoomLabel extends SvelteComponent {
 				pxmm: 9,
 				room: 0,
 				hoveredRoom: 10,
+				getRoomAreaText: 11,
 				getLabelElement: 1,
-				adaptiveRoomLabelVisibleEnable: 11
+				adaptiveRoomLabelVisibleEnable: 12
 			},
 			add_css$j
 		);
 	}
 }
 
-/* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomLabels/RoomLabels.svelte generated by Svelte v3.50.1 */
 
 function add_css$i(target) {
 	append_styles(target, "svelte-13xux0b", ".floorplan-plugin__room-labels.svelte-13xux0b{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
@@ -1957,19 +1967,19 @@ function add_css$i(target) {
 
 function get_each_context$b(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[9] = list[i];
+	child_ctx[10] = list[i];
 	return child_ctx;
 }
 
-// (17:0) {#if rooms}
+// (18:0) {#if rooms}
 function create_if_block$8(ctx) {
 	let div;
 	let each_blocks = [];
 	let each_1_lookup = new Map();
 	let div_resize_listener;
 	let current;
-	let each_value = /*rooms*/ ctx[5];
-	const get_key = ctx => /*room*/ ctx[9].id;
+	let each_value = /*rooms*/ ctx[6];
+	const get_key = ctx => /*room*/ ctx[10].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context$b(ctx, each_value, i);
@@ -1986,7 +1996,7 @@ function create_if_block$8(ctx) {
 			}
 
 			attr(div, "class", "floorplan-plugin__room-labels svelte-13xux0b");
-			add_render_callback(() => /*div_elementresize_handler*/ ctx[8].call(div));
+			add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -1995,12 +2005,12 @@ function create_if_block$8(ctx) {
 				each_blocks[i].m(div, null);
 			}
 
-			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[8].bind(div));
+			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
 			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55) {
-				each_value = /*rooms*/ ctx[5];
+			if (dirty & /*pxmm, rooms, getLabelElement, getRoomAreaText, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 111) {
+				each_value = /*rooms*/ ctx[6];
 				group_outros();
 				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$b, null, get_each_context$b);
 				check_outros();
@@ -2034,7 +2044,7 @@ function create_if_block$8(ctx) {
 	};
 }
 
-// (19:4) {#each rooms as room (room.id)}
+// (20:4) {#each rooms as room (room.id)}
 function create_each_block$b(key_1, ctx) {
 	let first;
 	let roomlabel;
@@ -2042,11 +2052,12 @@ function create_each_block$b(key_1, ctx) {
 
 	const roomlabel_spread_levels = [
 		{
-			pxmm: /*pxmm*/ ctx[4],
-			room: /*room*/ ctx[9],
-			getLabelElement: /*getLabelElement*/ ctx[1],
+			pxmm: /*pxmm*/ ctx[5],
+			room: /*room*/ ctx[10],
+			getLabelElement: /*getLabelElement*/ ctx[2],
+			getRoomAreaText: /*getRoomAreaText*/ ctx[1],
 			hoveredRoom: /*hoveredRoom*/ ctx[0],
-			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[3]
 		}
 	];
 
@@ -2074,14 +2085,15 @@ function create_each_block$b(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const roomlabel_changes = (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55)
+			const roomlabel_changes = (dirty & /*pxmm, rooms, getLabelElement, getRoomAreaText, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 111)
 			? get_spread_update(roomlabel_spread_levels, [
 					{
-						pxmm: /*pxmm*/ ctx[4],
-						room: /*room*/ ctx[9],
-						getLabelElement: /*getLabelElement*/ ctx[1],
+						pxmm: /*pxmm*/ ctx[5],
+						room: /*room*/ ctx[10],
+						getLabelElement: /*getLabelElement*/ ctx[2],
+						getRoomAreaText: /*getRoomAreaText*/ ctx[1],
 						hoveredRoom: /*hoveredRoom*/ ctx[0],
-						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[3]
 					}
 				])
 			: {};
@@ -2107,7 +2119,7 @@ function create_each_block$b(key_1, ctx) {
 function create_fragment$n(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*rooms*/ ctx[5] && create_if_block$8(ctx);
+	let if_block = /*rooms*/ ctx[6] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -2120,11 +2132,11 @@ function create_fragment$n(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*rooms*/ ctx[5]) {
+			if (/*rooms*/ ctx[6]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*rooms*/ 32) {
+					if (dirty & /*rooms*/ 64) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -2164,6 +2176,7 @@ function instance$n($$self, $$props, $$invalidate) {
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
 	let { hoveredRoom } = $$props;
+	let { getRoomAreaText } = $$props;
 	let { getLabelElement } = $$props;
 	let { adaptiveRoomLabelVisibleEnable } = $$props;
 	let clientWidth = 0;
@@ -2171,33 +2184,35 @@ function instance$n($$self, $$props, $$invalidate) {
 
 	function div_elementresize_handler() {
 		clientWidth = this.clientWidth;
-		$$invalidate(3, clientWidth);
+		$$invalidate(4, clientWidth);
 	}
 
 	$$self.$$set = $$props => {
-		if ('floorIndex' in $$props) $$invalidate(6, floorIndex = $$props.floorIndex);
-		if ('floorplanData' in $$props) $$invalidate(7, floorplanData = $$props.floorplanData);
+		if ('floorIndex' in $$props) $$invalidate(7, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(8, floorplanData = $$props.floorplanData);
 		if ('hoveredRoom' in $$props) $$invalidate(0, hoveredRoom = $$props.hoveredRoom);
-		if ('getLabelElement' in $$props) $$invalidate(1, getLabelElement = $$props.getLabelElement);
-		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(2, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
+		if ('getRoomAreaText' in $$props) $$invalidate(1, getRoomAreaText = $$props.getRoomAreaText);
+		if ('getLabelElement' in $$props) $$invalidate(2, getLabelElement = $$props.getLabelElement);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(3, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 192) {
-			$$invalidate(5, rooms = floorplanData.floorDatas[floorIndex].rooms);
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 384) {
+			$$invalidate(6, rooms = floorplanData.floorDatas[floorIndex].rooms);
 		}
 
-		if ($$self.$$.dirty & /*floorplanData, clientWidth*/ 136) {
+		if ($$self.$$.dirty & /*floorplanData, clientWidth*/ 272) {
 			{
 				const { max, min } = floorplanData.bounding;
 				const boundingWidth = max.x - min.x;
-				$$invalidate(4, pxmm = clientWidth / boundingWidth);
+				$$invalidate(5, pxmm = clientWidth / boundingWidth);
 			}
 		}
 	};
 
 	return [
 		hoveredRoom,
+		getRoomAreaText,
 		getLabelElement,
 		adaptiveRoomLabelVisibleEnable,
 		clientWidth,
@@ -2220,18 +2235,19 @@ class RoomLabels extends SvelteComponent {
 			create_fragment$n,
 			safe_not_equal,
 			{
-				floorIndex: 6,
-				floorplanData: 7,
+				floorIndex: 7,
+				floorplanData: 8,
 				hoveredRoom: 0,
-				getLabelElement: 1,
-				adaptiveRoomLabelVisibleEnable: 2
+				getRoomAreaText: 1,
+				getLabelElement: 2,
+				adaptiveRoomLabelVisibleEnable: 3
 			},
 			add_css$i
 		);
 	}
 }
 
-/* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RuleLabels/RuleItem.svelte generated by Svelte v3.50.1 */
 
 function add_css$h(target) {
 	append_styles(target, "svelte-xt7p1v", ".floorplan-plugin__rule-labels.svelte-xt7p1v.svelte-xt7p1v{position:absolute;display:flex}.floorplan-plugin__rule-labels--top.svelte-xt7p1v.svelte-xt7p1v{left:0;top:-1.25rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v.svelte-xt7p1v{left:0;bottom:-1.25rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v.svelte-xt7p1v{top:0;left:-1.25rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v.svelte-xt7p1v{top:0;right:-1.25rem}.floorplan-plugin__rule-line.svelte-xt7p1v.svelte-xt7p1v{background:#fff;opacity:0.05;width:100%;height:100%}.floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute;width:0.3125rem;height:100%;left:50%;top:0;transform:translateX(-50%)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale-wrapper.svelte-xt7p1v{width:100%;height:0.3125rem;top:50%;left:0;transform:translateY(-50%)}.floorplan-plugin__rule-scale.svelte-xt7p1v.svelte-xt7p1v{position:absolute;background:#fff;opacity:0.05;width:100%;height:0.0625rem}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-scale.svelte-xt7p1v{width:0.0625rem;height:100%}.floorplan-plugin__rule-text-wrapper.svelte-xt7p1v.svelte-xt7p1v{position:absolute}.floorplan-plugin__rule-labels--top.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;top:0.625rem}.floorplan-plugin__rule-labels--bottom.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:100%;height:0;bottom:0.625rem}.floorplan-plugin__rule-labels--left.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;left:0.625rem}.floorplan-plugin__rule-labels--right.svelte-xt7p1v .floorplan-plugin__rule-text-wrapper.svelte-xt7p1v{width:0;height:100%;right:0.625rem}.floorplan-plugin__rule-text-item.svelte-xt7p1v.svelte-xt7p1v{width:0;height:0;position:absolute;transform:rotate(90deg)}.floorplan-plugin__rule-labels.is-row.svelte-xt7p1v .floorplan-plugin__rule-text-item.svelte-xt7p1v{transform:rotate(0)}.floorplan-plugin__rule-text.svelte-xt7p1v.svelte-xt7p1v{width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%, -50%);font-size:0.625rem;color:#fff;opacity:0.2}");
@@ -2239,18 +2255,18 @@ function add_css$h(target) {
 
 function get_each_context$a(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[10] = list[i];
-	child_ctx[12] = i;
+	child_ctx[11] = list[i];
+	child_ctx[13] = i;
 	return child_ctx;
 }
 
 function get_each_context_1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[13] = list[i];
+	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
-// (47:4) {#each rulerLabels as rulerLabel}
+// (48:4) {#each rulerLabels as rulerLabel}
 function create_each_block_1(ctx) {
 	let div;
 
@@ -2258,8 +2274,8 @@ function create_each_block_1(ctx) {
 		c() {
 			div = element("div");
 			attr(div, "class", "floorplan-plugin__rule-scale svelte-xt7p1v");
-			set_style(div, "left", /*rulerLabel*/ ctx[13].left * 100 + '%', false);
-			set_style(div, "bottom", /*rulerLabel*/ ctx[13].bottom * 100 + '%', false);
+			set_style(div, "left", /*rulerLabel*/ ctx[14].left * 100 + '%', false);
+			set_style(div, "bottom", /*rulerLabel*/ ctx[14].bottom * 100 + '%', false);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -2271,11 +2287,11 @@ function create_each_block_1(ctx) {
 	};
 }
 
-// (56:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
+// (57:4) {#each rulerTexts as textItem, textItemIndex (textItemIndex)}
 function create_each_block$a(key_1, ctx) {
 	let div1;
 	let div0;
-	let t0_value = /*textItem*/ ctx[10].distance + "";
+	let t0_value = /*getRuleDistanceText*/ ctx[1](/*textItem*/ ctx[11].distance) + "";
 	let t0;
 	let t1;
 
@@ -2288,10 +2304,10 @@ function create_each_block$a(key_1, ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			attr(div0, "class", "floorplan-plugin__rule-text svelte-xt7p1v");
-			toggle_class(div0, "is-row", /*isRow*/ ctx[1]);
+			toggle_class(div0, "is-row", /*isRow*/ ctx[2]);
 			attr(div1, "class", "floorplan-plugin__rule-text-item svelte-xt7p1v");
-			set_style(div1, "left", /*textItem*/ ctx[10].left * 100 + '%', false);
-			set_style(div1, "bottom", /*textItem*/ ctx[10].bottom * 100 + '%', false);
+			set_style(div1, "left", /*textItem*/ ctx[11].left * 100 + '%', false);
+			set_style(div1, "bottom", /*textItem*/ ctx[11].bottom * 100 + '%', false);
 			this.first = div1;
 		},
 		m(target, anchor) {
@@ -2302,6 +2318,7 @@ function create_each_block$a(key_1, ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
+			if (dirty & /*getRuleDistanceText*/ 2 && t0_value !== (t0_value = /*getRuleDistanceText*/ ctx[1](/*textItem*/ ctx[11].distance) + "")) set_data(t0, t0_value);
 		},
 		d(detaching) {
 			if (detaching) detach(div1);
@@ -2319,15 +2336,15 @@ function create_fragment$m(ctx) {
 	let each_blocks = [];
 	let each1_lookup = new Map();
 	let div3_class_value;
-	let each_value_1 = /*rulerLabels*/ ctx[2];
+	let each_value_1 = /*rulerLabels*/ ctx[3];
 	let each_blocks_1 = [];
 
 	for (let i = 0; i < each_value_1.length; i += 1) {
 		each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
 	}
 
-	let each_value = /*rulerTexts*/ ctx[3];
-	const get_key = ctx => /*textItemIndex*/ ctx[12];
+	let each_value = /*rulerTexts*/ ctx[4];
+	const get_key = ctx => /*textItemIndex*/ ctx[13];
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context$a(ctx, each_value, i);
@@ -2355,12 +2372,12 @@ function create_fragment$m(ctx) {
 
 			attr(div0, "class", "floorplan-plugin__rule-line svelte-xt7p1v");
 			attr(div1, "class", "floorplan-plugin__rule-scale-wrapper svelte-xt7p1v");
-			toggle_class(div1, "is-row", /*isRow*/ ctx[1]);
+			toggle_class(div1, "is-row", /*isRow*/ ctx[2]);
 			attr(div2, "class", "floorplan-plugin__rule-text-wrapper svelte-xt7p1v");
 			attr(div3, "class", div3_class_value = "floorplan-plugin__rule-labels floorplan-plugin__rule-labels--" + /*type*/ ctx[0] + " svelte-xt7p1v");
-			toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
-			set_style(div3, "width", /*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
-			set_style(div3, "height", !/*isRow*/ ctx[1] ? '100%' : 1 / 16 + 'rem', false);
+			toggle_class(div3, "is-row", /*isRow*/ ctx[2]);
+			set_style(div3, "width", /*isRow*/ ctx[2] ? '100%' : 1 / 16 + 'rem', false);
+			set_style(div3, "height", !/*isRow*/ ctx[2] ? '100%' : 1 / 16 + 'rem', false);
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);
@@ -2380,8 +2397,8 @@ function create_fragment$m(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*rulerLabels*/ 4) {
-				each_value_1 = /*rulerLabels*/ ctx[2];
+			if (dirty & /*rulerLabels*/ 8) {
+				each_value_1 = /*rulerLabels*/ ctx[3];
 				let i;
 
 				for (i = 0; i < each_value_1.length; i += 1) {
@@ -2403,8 +2420,8 @@ function create_fragment$m(ctx) {
 				each_blocks_1.length = each_value_1.length;
 			}
 
-			if (dirty & /*rulerTexts, isRow*/ 10) {
-				each_value = /*rulerTexts*/ ctx[3];
+			if (dirty & /*rulerTexts, isRow, getRuleDistanceText*/ 22) {
+				each_value = /*rulerTexts*/ ctx[4];
 				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each1_lookup, div2, destroy_block, create_each_block$a, null, get_each_context$a);
 			}
 
@@ -2412,8 +2429,8 @@ function create_fragment$m(ctx) {
 				attr(div3, "class", div3_class_value);
 			}
 
-			if (dirty & /*type, isRow*/ 3) {
-				toggle_class(div3, "is-row", /*isRow*/ ctx[1]);
+			if (dirty & /*type, isRow*/ 5) {
+				toggle_class(div3, "is-row", /*isRow*/ ctx[2]);
 			}
 		},
 		i: noop$1,
@@ -2436,6 +2453,7 @@ function instance$m($$self, $$props, $$invalidate) {
 	let { type } = $$props;
 	let { data } = $$props;
 	let { bounding } = $$props;
+	let { getRuleDistanceText } = $$props;
 	const isRow = type === 'top' || type === 'bottom';
 	const contentWidth = bounding.max.x - bounding.min.x - (padding$1 - exteriorWallOffset$1) * 2;
 	const contentHeight = bounding.max.y - bounding.min.y - (padding$1 - exteriorWallOffset$1) * 2;
@@ -2481,21 +2499,36 @@ function instance$m($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('type' in $$props) $$invalidate(0, type = $$props.type);
-		if ('data' in $$props) $$invalidate(4, data = $$props.data);
-		if ('bounding' in $$props) $$invalidate(5, bounding = $$props.bounding);
+		if ('data' in $$props) $$invalidate(5, data = $$props.data);
+		if ('bounding' in $$props) $$invalidate(6, bounding = $$props.bounding);
+		if ('getRuleDistanceText' in $$props) $$invalidate(1, getRuleDistanceText = $$props.getRuleDistanceText);
 	};
 
-	return [type, isRow, rulerLabels, rulerTexts, data, bounding];
+	return [type, getRuleDistanceText, isRow, rulerLabels, rulerTexts, data, bounding];
 }
 
 class RuleItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { type: 0, data: 4, bounding: 5 }, add_css$h);
+
+		init(
+			this,
+			options,
+			instance$m,
+			create_fragment$m,
+			safe_not_equal,
+			{
+				type: 0,
+				data: 5,
+				bounding: 6,
+				getRuleDistanceText: 1
+			},
+			add_css$h
+		);
 	}
 }
 
-/* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RuleLabels/RuleLabels.svelte generated by Svelte v3.50.1 */
 
 function add_css$g(target) {
 	append_styles(target, "svelte-1mzj9p3", ".floorplan-plugin__rule-labels-wrapper.svelte-1mzj9p3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
@@ -2503,12 +2536,12 @@ function add_css$g(target) {
 
 function get_each_context$9(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i][0];
-	child_ctx[13] = list[i][1];
+	child_ctx[13] = list[i][0];
+	child_ctx[14] = list[i][1];
 	return child_ctx;
 }
 
-// (19:2) {#each ruleLabelArray as [type, data] (type)}
+// (20:2) {#each ruleLabelArray as [type, data] (type)}
 function create_each_block$9(key_1, ctx) {
 	let first;
 	let ruleitem;
@@ -2516,9 +2549,10 @@ function create_each_block$9(key_1, ctx) {
 
 	const ruleitem_spread_levels = [
 		{
-			type: /*type*/ ctx[12],
-			data: /*data*/ ctx[13],
-			bounding: /*bounding*/ ctx[0]
+			type: /*type*/ ctx[13],
+			data: /*data*/ ctx[14],
+			bounding: /*bounding*/ ctx[1],
+			getRuleDistanceText: /*getRuleDistanceText*/ ctx[0]
 		}
 	];
 
@@ -2546,12 +2580,13 @@ function create_each_block$9(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const ruleitem_changes = (dirty & /*ruleLabelArray, bounding*/ 9)
+			const ruleitem_changes = (dirty & /*ruleLabelArray, bounding, getRuleDistanceText*/ 19)
 			? get_spread_update(ruleitem_spread_levels, [
 					{
-						type: /*type*/ ctx[12],
-						data: /*data*/ ctx[13],
-						bounding: /*bounding*/ ctx[0]
+						type: /*type*/ ctx[13],
+						data: /*data*/ ctx[14],
+						bounding: /*bounding*/ ctx[1],
+						getRuleDistanceText: /*getRuleDistanceText*/ ctx[0]
 					}
 				])
 			: {};
@@ -2579,8 +2614,8 @@ function create_fragment$l(ctx) {
 	let each_blocks = [];
 	let each_1_lookup = new Map();
 	let current;
-	let each_value = /*ruleLabelArray*/ ctx[3];
-	const get_key = ctx => /*type*/ ctx[12];
+	let each_value = /*ruleLabelArray*/ ctx[4];
+	const get_key = ctx => /*type*/ ctx[13];
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context$9(ctx, each_value, i);
@@ -2597,8 +2632,8 @@ function create_fragment$l(ctx) {
 			}
 
 			attr(div, "class", "floorplan-plugin__rule-labels-wrapper svelte-1mzj9p3");
-			set_style(div, "width", /*width*/ ctx[2], false);
-			set_style(div, "height", /*height*/ ctx[1], false);
+			set_style(div, "width", /*width*/ ctx[3], false);
+			set_style(div, "height", /*height*/ ctx[2], false);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -2610,19 +2645,19 @@ function create_fragment$l(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*ruleLabelArray, bounding*/ 9) {
-				each_value = /*ruleLabelArray*/ ctx[3];
+			if (dirty & /*ruleLabelArray, bounding, getRuleDistanceText*/ 19) {
+				each_value = /*ruleLabelArray*/ ctx[4];
 				group_outros();
 				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$9, null, get_each_context$9);
 				check_outros();
 			}
 
-			if (dirty & /*width*/ 4) {
-				set_style(div, "width", /*width*/ ctx[2], false);
+			if (dirty & /*width*/ 8) {
+				set_style(div, "width", /*width*/ ctx[3], false);
 			}
 
-			if (dirty & /*height*/ 2) {
-				set_style(div, "height", /*height*/ ctx[1], false);
+			if (dirty & /*height*/ 4) {
+				set_style(div, "height", /*height*/ ctx[2], false);
 			}
 		},
 		i(local) {
@@ -2667,55 +2702,58 @@ function instance$l($$self, $$props, $$invalidate) {
 	let height;
 	let { floorIndex } = $$props;
 	let { floorplanData } = $$props;
+	let { getRuleDistanceText } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('floorIndex' in $$props) $$invalidate(4, floorIndex = $$props.floorIndex);
-		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
+		if ('floorIndex' in $$props) $$invalidate(5, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(6, floorplanData = $$props.floorplanData);
+		if ('getRuleDistanceText' in $$props) $$invalidate(0, getRuleDistanceText = $$props.getRuleDistanceText);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*floorplanData*/ 32) {
-			$$invalidate(0, bounding = floorplanData.bounding);
+		if ($$self.$$.dirty & /*floorplanData*/ 64) {
+			$$invalidate(1, bounding = floorplanData.bounding);
 		}
 
-		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 48) {
-			$$invalidate(10, ruleLabelData = floorplanData.floorDatas[floorIndex].rules);
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 96) {
+			$$invalidate(11, ruleLabelData = floorplanData.floorDatas[floorIndex].rules);
 		}
 
-		if ($$self.$$.dirty & /*ruleLabelData*/ 1024) {
-			$$invalidate(11, ruleLabelDataKeys = Object.keys(ruleLabelData));
+		if ($$self.$$.dirty & /*ruleLabelData*/ 2048) {
+			$$invalidate(12, ruleLabelDataKeys = Object.keys(ruleLabelData));
 		}
 
-		if ($$self.$$.dirty & /*ruleLabelDataKeys, ruleLabelData*/ 3072) {
-			$$invalidate(3, ruleLabelArray = ruleLabelDataKeys.map(key => [key, ruleLabelData[key]]));
+		if ($$self.$$.dirty & /*ruleLabelDataKeys, ruleLabelData*/ 6144) {
+			$$invalidate(4, ruleLabelArray = ruleLabelDataKeys.map(key => [key, ruleLabelData[key]]));
 		}
 
-		if ($$self.$$.dirty & /*bounding*/ 1) {
-			$$invalidate(8, boundingWidth = bounding.max.x - bounding.min.x);
+		if ($$self.$$.dirty & /*bounding*/ 2) {
+			$$invalidate(9, boundingWidth = bounding.max.x - bounding.min.x);
 		}
 
-		if ($$self.$$.dirty & /*bounding*/ 1) {
-			$$invalidate(6, boundingHeight = bounding.max.y - bounding.min.y);
+		if ($$self.$$.dirty & /*bounding*/ 2) {
+			$$invalidate(7, boundingHeight = bounding.max.y - bounding.min.y);
 		}
 
-		if ($$self.$$.dirty & /*bounding*/ 1) {
-			$$invalidate(9, contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2);
+		if ($$self.$$.dirty & /*bounding*/ 2) {
+			$$invalidate(10, contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2);
 		}
 
-		if ($$self.$$.dirty & /*bounding*/ 1) {
-			$$invalidate(7, contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2);
+		if ($$self.$$.dirty & /*bounding*/ 2) {
+			$$invalidate(8, contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2);
 		}
 
-		if ($$self.$$.dirty & /*contentWidth, boundingWidth*/ 768) {
-			$$invalidate(2, width = contentWidth / boundingWidth * 100 + '%');
+		if ($$self.$$.dirty & /*contentWidth, boundingWidth*/ 1536) {
+			$$invalidate(3, width = contentWidth / boundingWidth * 100 + '%');
 		}
 
-		if ($$self.$$.dirty & /*contentHeight, boundingHeight*/ 192) {
-			$$invalidate(1, height = contentHeight / boundingHeight * 100 + '%');
+		if ($$self.$$.dirty & /*contentHeight, boundingHeight*/ 384) {
+			$$invalidate(2, height = contentHeight / boundingHeight * 100 + '%');
 		}
 	};
 
 	return [
+		getRuleDistanceText,
 		bounding,
 		height,
 		width,
@@ -2734,7 +2772,20 @@ function instance$l($$self, $$props, $$invalidate) {
 class RuleLabels extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css$g);
+
+		init(
+			this,
+			options,
+			instance$l,
+			create_fragment$l,
+			safe_not_equal,
+			{
+				floorIndex: 5,
+				floorplanData: 6,
+				getRuleDistanceText: 0
+			},
+			add_css$g
+		);
 	}
 }
 
@@ -2789,7 +2840,7 @@ function getFloorIndexFromModelPosition(position, five) {
     return floorIndex;
 }
 
-/* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomMaterials/RoomMaterial_0.svelte generated by Svelte v3.50.1 */
 
 function create_fragment$k(ctx) {
 	let path_1;
@@ -2840,7 +2891,7 @@ class RoomMaterial_0 extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomMaterials/RoomMaterial_1.svelte generated by Svelte v3.50.1 */
 
 function create_fragment$j(ctx) {
 	let defs;
@@ -2929,7 +2980,7 @@ class RoomMaterial_1 extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomMaterials/RoomMaterial_2.svelte generated by Svelte v3.50.1 */
 
 function create_fragment$i(ctx) {
 	let defs;
@@ -3056,7 +3107,7 @@ class RoomMaterial_2 extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomMaterials/RoomMaterial.svelte generated by Svelte v3.50.1 */
 
 function add_css$f(target) {
 	append_styles(target, "svelte-1dykexu", ".floorplan-plugin__room-material.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%}svg.svelte-1dykexu{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}");
@@ -3361,7 +3412,7 @@ class RoomMaterial extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomHighlight/Room.svelte generated by Svelte v3.50.1 */
 
 function add_css$e(target) {
 	append_styles(target, "svelte-19uvvss", "path.svelte-19uvvss{opacity:0}path.svelte-19uvvss:hover{opacity:0.1}");
@@ -3451,7 +3502,7 @@ class Room extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/RoomHighlight/RoomHighlight.svelte generated by Svelte v3.50.1 */
 
 function add_css$d(target) {
 	append_styles(target, "svelte-1kqo6e4", ".floorplan-plugin__room-highlight.svelte-1kqo6e4{position:absolute;width:100%;height:100%}svg.svelte-1kqo6e4{width:100%;height:100%;overflow:visible}");
@@ -3639,13 +3690,13 @@ class RoomHighlight extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/CurrentFloor.svelte generated by Svelte v3.50.1 */
 
 function add_css$c(target) {
 	append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
 }
 
-// (20:2) {#if hoverEnable}
+// (22:2) {#if hoverEnable}
 function create_if_block_2(ctx) {
 	let roomhighlight;
 	let current;
@@ -3654,7 +3705,7 @@ function create_if_block_2(ctx) {
 		{
 			floorIndex: /*floorIndex*/ ctx[1],
 			floorplanData: /*floorplanData*/ ctx[5],
-			hoveredRoom: /*hoveredRoom*/ ctx[8]
+			hoveredRoom: /*hoveredRoom*/ ctx[10]
 		}
 	];
 
@@ -3675,12 +3726,12 @@ function create_if_block_2(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const roomhighlight_changes = (dirty & /*floorIndex, floorplanData, hoveredRoom*/ 290)
+			const roomhighlight_changes = (dirty & /*floorIndex, floorplanData, hoveredRoom*/ 1058)
 			? get_spread_update(roomhighlight_spread_levels, [
 					{
 						floorIndex: /*floorIndex*/ ctx[1],
 						floorplanData: /*floorplanData*/ ctx[5],
-						hoveredRoom: /*hoveredRoom*/ ctx[8]
+						hoveredRoom: /*hoveredRoom*/ ctx[10]
 					}
 				])
 			: {};
@@ -3702,7 +3753,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (24:2) {#if roomLabelsEnable}
+// (26:2) {#if roomLabelsEnable}
 function create_if_block_1$3(ctx) {
 	let roomlabels;
 	let current;
@@ -3711,9 +3762,10 @@ function create_if_block_1$3(ctx) {
 		{
 			floorplanData: /*floorplanData*/ ctx[5],
 			floorIndex: /*floorIndex*/ ctx[1],
-			getLabelElement: /*getLabelElement*/ ctx[6],
-			hoveredRoom: /*hoveredRoom*/ ctx[8],
-			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[7]
+			getRoomAreaText: /*getRoomAreaText*/ ctx[6],
+			getLabelElement: /*getLabelElement*/ ctx[7],
+			hoveredRoom: /*hoveredRoom*/ ctx[10],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[9]
 		}
 	];
 
@@ -3734,14 +3786,15 @@ function create_if_block_1$3(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const roomlabels_changes = (dirty & /*floorplanData, floorIndex, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 482)
+			const roomlabels_changes = (dirty & /*floorplanData, floorIndex, getRoomAreaText, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 1762)
 			? get_spread_update(roomlabels_spread_levels, [
 					{
 						floorplanData: /*floorplanData*/ ctx[5],
 						floorIndex: /*floorIndex*/ ctx[1],
-						getLabelElement: /*getLabelElement*/ ctx[6],
-						hoveredRoom: /*hoveredRoom*/ ctx[8],
-						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[7]
+						getRoomAreaText: /*getRoomAreaText*/ ctx[6],
+						getLabelElement: /*getLabelElement*/ ctx[7],
+						hoveredRoom: /*hoveredRoom*/ ctx[10],
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[9]
 					}
 				])
 			: {};
@@ -3763,7 +3816,7 @@ function create_if_block_1$3(ctx) {
 	};
 }
 
-// (27:2) {#if ruleLabelsEnable}
+// (38:2) {#if ruleLabelsEnable}
 function create_if_block$6(ctx) {
 	let rulelabels;
 	let current;
@@ -3771,7 +3824,8 @@ function create_if_block$6(ctx) {
 	const rulelabels_spread_levels = [
 		{
 			floorplanData: /*floorplanData*/ ctx[5],
-			floorIndex: /*floorIndex*/ ctx[1]
+			floorIndex: /*floorIndex*/ ctx[1],
+			getRuleDistanceText: /*getRuleDistanceText*/ ctx[8]
 		}
 	];
 
@@ -3792,11 +3846,12 @@ function create_if_block$6(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const rulelabels_changes = (dirty & /*floorplanData, floorIndex*/ 34)
+			const rulelabels_changes = (dirty & /*floorplanData, floorIndex, getRuleDistanceText*/ 290)
 			? get_spread_update(rulelabels_spread_levels, [
 					{
 						floorplanData: /*floorplanData*/ ctx[5],
-						floorIndex: /*floorIndex*/ ctx[1]
+						floorIndex: /*floorIndex*/ ctx[1],
+						getRuleDistanceText: /*getRuleDistanceText*/ ctx[8]
 					}
 				])
 			: {};
@@ -4025,7 +4080,9 @@ function instance$e($$self, $$props, $$invalidate) {
 	let { roomLabelsEnable } = $$props;
 	let { ruleLabelsEnable } = $$props;
 	let { floorplanData } = $$props;
+	let { getRoomAreaText } = $$props;
 	let { getLabelElement } = $$props;
+	let { getRuleDistanceText } = $$props;
 	let { adaptiveRoomLabelVisibleEnable } = $$props;
 	const hoveredRoom = writable(undefined);
 
@@ -4036,8 +4093,10 @@ function instance$e($$self, $$props, $$invalidate) {
 		if ('roomLabelsEnable' in $$props) $$invalidate(3, roomLabelsEnable = $$props.roomLabelsEnable);
 		if ('ruleLabelsEnable' in $$props) $$invalidate(4, ruleLabelsEnable = $$props.ruleLabelsEnable);
 		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
-		if ('getLabelElement' in $$props) $$invalidate(6, getLabelElement = $$props.getLabelElement);
-		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(7, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
+		if ('getRoomAreaText' in $$props) $$invalidate(6, getRoomAreaText = $$props.getRoomAreaText);
+		if ('getLabelElement' in $$props) $$invalidate(7, getLabelElement = $$props.getLabelElement);
+		if ('getRuleDistanceText' in $$props) $$invalidate(8, getRuleDistanceText = $$props.getRuleDistanceText);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(9, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	return [
@@ -4047,7 +4106,9 @@ function instance$e($$self, $$props, $$invalidate) {
 		roomLabelsEnable,
 		ruleLabelsEnable,
 		floorplanData,
+		getRoomAreaText,
 		getLabelElement,
+		getRuleDistanceText,
 		adaptiveRoomLabelVisibleEnable,
 		hoveredRoom
 	];
@@ -4070,15 +4131,17 @@ class CurrentFloor$1 extends SvelteComponent {
 				roomLabelsEnable: 3,
 				ruleLabelsEnable: 4,
 				floorplanData: 5,
-				getLabelElement: 6,
-				adaptiveRoomLabelVisibleEnable: 7
+				getRoomAreaText: 6,
+				getLabelElement: 7,
+				getRuleDistanceText: 8,
+				adaptiveRoomLabelVisibleEnable: 9
 			},
 			add_css$c
 		);
 	}
 }
 
-/* src/floorplan/Components/Main.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/Components/Main.svelte generated by Svelte v3.50.1 */
 
 function add_css$b(target) {
 	append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
@@ -4086,11 +4149,11 @@ function add_css$b(target) {
 
 function get_each_context$6(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[14] = list[i];
+	child_ctx[16] = list[i];
 	return child_ctx;
 }
 
-// (22:0) {#if visible}
+// (24:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let t0;
@@ -4157,7 +4220,7 @@ function create_if_block$5(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 13232) {
+			if (dirty & /*hoverEnable, floorplanData, getRoomAreaText, getLabelElement, getRuleDistanceText, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 62384) {
 				each_value = /*floorplanData*/ ctx[9].floorDatas;
 				let i;
 
@@ -4263,7 +4326,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (24:4) {#each floorplanData.floorDatas as floorData}
+// (26:4) {#each floorplanData.floorDatas as floorData}
 function create_each_block$6(ctx) {
 	let currentfloor;
 	let current;
@@ -4272,16 +4335,18 @@ function create_each_block$6(ctx) {
 		{
 			hoverEnable: /*hoverEnable*/ ctx[5],
 			floorplanData: /*floorplanData*/ ctx[9],
-			getLabelElement: /*getLabelElement*/ ctx[12],
+			getRoomAreaText: /*getRoomAreaText*/ ctx[12],
+			getLabelElement: /*getLabelElement*/ ctx[13],
+			getRuleDistanceText: /*getRuleDistanceText*/ ctx[14],
 			roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
 			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8],
-			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[13]
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[15]
 		},
 		{
-			floorIndex: /*floorData*/ ctx[14].floorIndex
+			floorIndex: /*floorData*/ ctx[16].floorIndex
 		},
 		{
-			isCurrent: /*floorData*/ ctx[14].floorIndex === /*floorIndex*/ ctx[4]
+			isCurrent: /*floorData*/ ctx[16].floorIndex === /*floorIndex*/ ctx[4]
 		}
 	];
 
@@ -4302,21 +4367,23 @@ function create_each_block$6(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			const currentfloor_changes = (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 13232)
+			const currentfloor_changes = (dirty & /*hoverEnable, floorplanData, getRoomAreaText, getLabelElement, getRuleDistanceText, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable, floorIndex*/ 62384)
 			? get_spread_update(currentfloor_spread_levels, [
-					dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable*/ 13216 && {
+					dirty & /*hoverEnable, floorplanData, getRoomAreaText, getLabelElement, getRuleDistanceText, roomLabelsEnable, ruleLabelsEnable, adaptiveRoomLabelVisibleEnable*/ 62368 && {
 						hoverEnable: /*hoverEnable*/ ctx[5],
 						floorplanData: /*floorplanData*/ ctx[9],
-						getLabelElement: /*getLabelElement*/ ctx[12],
+						getRoomAreaText: /*getRoomAreaText*/ ctx[12],
+						getLabelElement: /*getLabelElement*/ ctx[13],
+						getRuleDistanceText: /*getRuleDistanceText*/ ctx[14],
 						roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
 						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8],
-						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[13]
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[15]
 					},
 					dirty & /*floorplanData*/ 512 && {
-						floorIndex: /*floorData*/ ctx[14].floorIndex
+						floorIndex: /*floorData*/ ctx[16].floorIndex
 					},
 					dirty & /*floorplanData, floorIndex*/ 528 && {
-						isCurrent: /*floorData*/ ctx[14].floorIndex === /*floorIndex*/ ctx[4]
+						isCurrent: /*floorData*/ ctx[16].floorIndex === /*floorIndex*/ ctx[4]
 					}
 				])
 			: {};
@@ -4338,7 +4405,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-// (39:4) {#if compassEnable}
+// (43:4) {#if compassEnable}
 function create_if_block_1$2(ctx) {
 	let compass;
 	let current;
@@ -4447,7 +4514,9 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
 	let { cameraImageUrl } = $$props;
+	let { getRoomAreaText } = $$props;
 	let { getLabelElement } = $$props;
+	let { getRuleDistanceText } = $$props;
 	let { adaptiveRoomLabelVisibleEnable } = $$props;
 
 	$$self.$$set = $$props => {
@@ -4463,8 +4532,10 @@ function instance$d($$self, $$props, $$invalidate) {
 		if ('floorplanData' in $$props) $$invalidate(9, floorplanData = $$props.floorplanData);
 		if ('lastPanoramaLongitude' in $$props) $$invalidate(10, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
 		if ('cameraImageUrl' in $$props) $$invalidate(11, cameraImageUrl = $$props.cameraImageUrl);
-		if ('getLabelElement' in $$props) $$invalidate(12, getLabelElement = $$props.getLabelElement);
-		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(13, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
+		if ('getRoomAreaText' in $$props) $$invalidate(12, getRoomAreaText = $$props.getRoomAreaText);
+		if ('getLabelElement' in $$props) $$invalidate(13, getLabelElement = $$props.getLabelElement);
+		if ('getRuleDistanceText' in $$props) $$invalidate(14, getRuleDistanceText = $$props.getRuleDistanceText);
+		if ('adaptiveRoomLabelVisibleEnable' in $$props) $$invalidate(15, adaptiveRoomLabelVisibleEnable = $$props.adaptiveRoomLabelVisibleEnable);
 	};
 
 	return [
@@ -4480,7 +4551,9 @@ function instance$d($$self, $$props, $$invalidate) {
 		floorplanData,
 		lastPanoramaLongitude,
 		cameraImageUrl,
+		getRoomAreaText,
 		getLabelElement,
+		getRuleDistanceText,
 		adaptiveRoomLabelVisibleEnable
 	];
 }
@@ -4508,8 +4581,10 @@ class Main$1 extends SvelteComponent {
 				floorplanData: 9,
 				lastPanoramaLongitude: 10,
 				cameraImageUrl: 11,
-				getLabelElement: 12,
-				adaptiveRoomLabelVisibleEnable: 13
+				getRoomAreaText: 12,
+				getLabelElement: 13,
+				getRuleDistanceText: 14,
+				adaptiveRoomLabelVisibleEnable: 15
 			},
 			add_css$b
 		);
@@ -5373,10 +5448,12 @@ class Controller$5 extends Controller$6 {
             autoShowEnable: true,
             ruleLabelsEnable: true,
             roomLabelsEnable: true,
+            adaptiveRoomLabelVisibleEnable: true,
             cameraImageUrl: CAMERA_IMAGE,
             attachedTo: FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,
             getLabelElement: undefined,
-            adaptiveRoomLabelVisibleEnable: true,
+            getRoomAreaText: (size) => (size / 1000000).toFixed(1) + '㎡',
+            getRuleDistanceText: (distance) => distance.toString()
         };
         const paramsConfig = params ? omit(params, ['selector', 'scale']) : {};
         const config = Object.assign(Object.assign({}, baseConfig), paramsConfig);
@@ -5449,12 +5526,10 @@ class Controller$5 extends Controller$6 {
             const options = { userAction };
             state.visible ? this._show(options) : this._hide(options);
         }
+        this.render();
     }
-    changeConfigs(_config, userAction = true) {
-        const config = Object.assign(Object.assign({}, this.state.config), _config);
+    changeConfigs(config, userAction = true) {
         this.updateState({ config }, userAction);
-        if (!this.container)
-            return;
         this.render();
     }
     async formatData(serverData) {
@@ -5462,7 +5537,8 @@ class Controller$5 extends Controller$6 {
     }
     updateState(state, userAction) {
         const prevState = this.state;
-        this.state = Object.assign(Object.assign({}, this.state), state);
+        const config = state.config ? Object.assign(Object.assign({}, prevState.config), state.config) : prevState.config;
+        this.state = Object.assign(Object.assign(Object.assign({}, this.state), state), { config });
         if (equal(this.state, prevState, { deep: true }))
             return;
         this.hooks.emit('stateChange', { state: this.state, prevState, userAction });
@@ -6705,7 +6781,7 @@ function throttle(func, wait = 200) {
     };
 }
 
-/* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/Camera.svelte generated by Svelte v3.50.1 */
 
 function add_css$a(target) {
 	append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
@@ -6855,7 +6931,7 @@ class Camera extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.svelte generated by Svelte v3.50.1 */
 
 function add_css$9(target) {
 	append_styles(target, "svelte-1i87fz7", ".plugin-pano-floorplan__extra-objects.svelte-1i87fz7{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-1i87fz7{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-1i87fz7{transform:translate(-50%, -50%)}");
@@ -6992,7 +7068,7 @@ class ExtraObjects extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/CurrentFloor.svelte generated by Svelte v3.50.1 */
 
 function create_if_block$4(ctx) {
 	let highlight;
@@ -7219,7 +7295,7 @@ class CurrentFloor extends SvelteComponent {
 	}
 }
 
-/* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.49.0 */
+/* src/floorplan/PanoFloorplanRadarPlugin/Components/Main.svelte generated by Svelte v3.50.1 */
 
 function add_css$8(target) {
 	append_styles(target, "svelte-1mvqyqq", ".plugin-floorplan-radar.svelte-1mvqyqq{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-1mvqyqq{position:relative}");
@@ -9014,15 +9090,32 @@ const PanoRulerPlugin = (five, params) => {
         state.enable = false;
         return true;
     };
+    function changeConfigs(config) {
+        if (config.distanceText && config.distanceText !== state.options.distanceText) {
+            const distanceText = config.distanceText;
+            state.options.distanceText = distanceText;
+            Object.values(__rule).forEach((item) => {
+                item.rules.forEach((rule) => {
+                    const [origin, vertical] = rule.rule;
+                    const distance = origin.distanceTo(vertical);
+                    const textEle = rule.$element.querySelector('.PanoRulerPlugin-rule-label-name');
+                    if (!textEle)
+                        return;
+                    textEle.innerText = distanceText(distance);
+                });
+            });
+        }
+    }
     return {
         enable,
         disable,
         load,
         state,
+        changeConfigs,
     };
 };
 
-/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.49.0 */
+/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.50.1 */
 
 function add_css$7(target) {
 	append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
@@ -9315,7 +9408,7 @@ class RulerItem extends SvelteComponent {
 	}
 }
 
-/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.49.0 */
+/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.50.1 */
 
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -10915,7 +11008,8 @@ function createDistanceItem(props) {
         if (userDistanceItem) {
             userDistanceItem.update({ line: line.toCompletelyJson(), polyline: line.getPolyline().toCompletelyJson() });
         }
-        const distanceString = startPoint.position.clone().distanceTo(endPoint.position).toFixed(2) + 'm';
+        const distance = startPoint.position.clone().distanceTo(endPoint.position);
+        const distanceString = props.line.model.params.getDistanceText(distance);
         contentDom.innerText !== distanceString && (contentDom.innerText = distanceString);
     }
     function appendTo(container) {
@@ -11254,6 +11348,12 @@ const preventDefault = (e) => e.preventDefault();
 class BaseController {
     constructor(params) {
         var _a, _b;
+        Object.defineProperty(this, "model", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "five", {
             enumerable: true,
             configurable: true,
@@ -11266,7 +11366,13 @@ class BaseController {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "model", {
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dashed", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -11325,6 +11431,7 @@ class BaseController {
             configurable: true,
             writable: true,
             value: () => {
+                this.dashed.distanceItem.update(this.five);
                 this.model.lines.forEach((line) => line.distanceItem.update(this.five));
             }
         });
@@ -11332,6 +11439,7 @@ class BaseController {
         this.five = params.five;
         this.hook = params.hook;
         this.model = params.model;
+        this.config = params.config;
         this.magnifier = params.magnifier;
         this.container = params.container;
         this.fiveHelper = params.fiveHelper;
@@ -11340,6 +11448,10 @@ class BaseController {
         // ==================== Groups ====================
         this.group = params.group;
         this.mouseGroup = params.mouseGroup;
+        // ==================== 虚线 ====================
+        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
+        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
+        this.dashed.mesh.name = 'dashLine';
         const fiveElement = this.five.getElement();
         if (fiveElement) {
             fiveElement.addEventListener('touchstart', preventDefault);
@@ -11415,12 +11527,6 @@ class EditController extends BaseController {
             writable: true,
             value: 'edit'
         });
-        Object.defineProperty(this, "model", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
-        });
         Object.defineProperty(this, "pressPoint", {
             enumerable: true,
             configurable: true,
@@ -11452,13 +11558,6 @@ class EditController extends BaseController {
             writable: true,
             value: null
         });
-        /** 鼠标点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         Object.defineProperty(this, "hammer", {
             enumerable: true,
             configurable: true,
@@ -11671,9 +11770,7 @@ class EditController extends BaseController {
                 this.dashed.distanceItem.update(this.five);
             }
         });
-        // ==================== 虚线 ====================
-        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
+        this.model = new Model(this.config);
         // ==================== 事件监听 ====================
         // five
         this.five.on('cameraUpdate', this.onCameraUpdate);
@@ -12507,7 +12604,7 @@ class MixedController extends BaseController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
+            value: new Model(this.config)
         });
         Object.defineProperty(this, "hasAppendDashed", {
             enumerable: true,
@@ -12545,13 +12642,6 @@ class MixedController extends BaseController {
             writable: true,
             value: void 0
         });
-        /** 圆环点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         /** 编辑线条发生改变时通知外部 */
         Object.defineProperty(this, "onLineChanged", {
             enumerable: true,
@@ -12754,10 +12844,6 @@ class MixedController extends BaseController {
             onClick: this.deleteDomClickCallback,
             cancelDelete: this.cancelDeleteClickCallback,
         }).appendTo(this.container);
-        // ==================== 虚线 ====================
-        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
-        this.dashed.mesh.name = 'dashLine';
         // ==================== 事件监听 ====================
         // five
         this.five.on('cameraUpdate', this.onCameraUpdate);
@@ -14131,6 +14217,12 @@ class MeasureController {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "fiveHelper", {
             enumerable: true,
             configurable: true,
@@ -14229,7 +14321,14 @@ class MeasureController {
         });
         this.five = five;
         this.params = params;
-        this.model = new Model({ userDistanceItemCreator: this.params.userDistanceItemCreator });
+        const defaultConfig = {
+            userDistanceItemCreator: undefined,
+            getDistanceText(distance) {
+                return distance.toFixed(2) + 'm';
+            },
+        };
+        this.config = Object.assign(Object.assign({}, defaultConfig), omit(params, ['openParams', 'magnifierParams']));
+        this.model = new Model(this.config);
         this.fiveHelper = new FiveHelper(five);
         // magnifier
         this.magnifier = new Magnifier(five, (_a = params.magnifierParams) !== null && _a !== void 0 ? _a : { width: 190, height: 190, scale: 2 });
@@ -14251,6 +14350,7 @@ class MeasureController {
             hook: this.hook,
             group: this.group,
             model: this.model,
+            config: this.config,
             magnifier: this.magnifier,
             container: this.container,
             fiveHelper: this.fiveHelper,
@@ -14385,6 +14485,14 @@ class MeasureController {
             (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.dispose();
         this.useUIController = new UIController(this, this.controllerParams);
     }
+    changeConfigs(config) {
+        var _a;
+        if (config.getDistanceText && config.getDistanceText !== this.config.getDistanceText) {
+            const getDistanceText = config.getDistanceText;
+            this.config.getDistanceText = getDistanceText;
+            (_a = this.controller) === null || _a === void 0 ? void 0 : _a.updateDistanceUI();
+        }
+    }
 }
 
 const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
@@ -14393,7 +14501,7 @@ const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
 
 const currentTarget = writable(null);
 
-/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.49.0 */
+/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.50.1 */
 
 function add_css$6(target) {
 	append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
@@ -14542,7 +14650,7 @@ class Origins extends SvelteComponent {
 	}
 }
 
-/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.49.0 */
+/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.50.1 */
 
 function add_css$5(target) {
 	append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
@@ -15468,7 +15576,7 @@ var DISPLAY_STRATEGY_TYPE;
     DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
 })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
 
-/* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
+/* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
 function add_css$4(target) {
 	append_styles(target, "svelte-n1c1kg", ".item-label-item.svelte-n1c1kg{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-n1c1kg{opacity:1;-webkit-animation:svelte-n1c1kg-fadeIn .3s ease-in;animation:svelte-n1c1kg-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-n1c1kg::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(0.83333rem);z-index:-1}.item-label-item__text-wrap.svelte-n1c1kg{padding:0.3125rem 0.3125rem 0;position:absolute;height:1.04167rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.52083rem;font-size:0.57292rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-n1c1kg{padding-bottom:0.20833rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:1px solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-n1c1kg{position:absolute;bottom:0;width:1px;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-n1c1kg-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
@@ -15594,7 +15702,7 @@ function debounce(func, wait = 200) {
     };
 }
 
-/* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
+/* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
 
 function add_css$3(target) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
@@ -16359,7 +16467,7 @@ var ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE;
     ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
 })(ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE || (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = {}));
 
-/* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
+/* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
 
 function add_css$2(target) {
 	append_styles(target, "svelte-1mppr0a", ".item-label-item.svelte-1mppr0a.svelte-1mppr0a{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-1mppr0a-fadeIn .3s ease-in;animation:svelte-1mppr0a-fadeIn .3s ease-in}.item-label-item.fold.svelte-1mppr0a>.item-label-item__text-wrap.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a:after{visibility:visible}.item-label-item__text-wrap.svelte-1mppr0a.svelte-1mppr0a{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-1mppr0a.svelte-1mppr0a{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1mppr0a.svelte-1mppr0a{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-1mppr0a.svelte-1mppr0a{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-1mppr0a.svelte-1mppr0a{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-1mppr0a.svelte-1mppr0a{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-1mppr0a.svelte-1mppr0a: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-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
@@ -16708,7 +16816,7 @@ function transform2RenderData(data) {
     return data.map(label => (Object.assign({ observerIndex: undefined, visible: false, isFold: false }, label)));
 }
 
-/* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.49.0 */
+/* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
 
 function add_css$1(target) {
 	append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
@@ -17452,7 +17560,7 @@ class BasePanoPluginController extends Controller$7 {
     }
 }
 
-/* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.49.0 */
+/* src/PanoDoorLabelPlugin/DoorLabelItem.svelte generated by Svelte v3.50.1 */
 
 function add_css(target) {
 	append_styles(target, "svelte-16kdbw2", ".plugin-DoorLabelPlugin-item.svelte-16kdbw2.svelte-16kdbw2{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2{position:absolute;top:50%;left:50%;border-radius:2px;background:rgba(0, 0, 0, 0.35);line-height:0.625rem;padding:0.3125rem;white-space:nowrap;font-size:0.625rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2::after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:2px;border:1px solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2:active,.plugin-DoorLabelPlugin-cnt.svelte-16kdbw2.svelte-16kdbw2:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-16kdbw2.svelte-16kdbw2{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.52083rem;height:0.52083rem;margin-left:0.20833rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-txt.svelte-16kdbw2{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2 .plugin-DoorLabelPlugin-icon.svelte-16kdbw2{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-16kdbw2.svelte-16kdbw2:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
@@ -18085,6 +18193,193 @@ const PanoDoorLabelPlugin = (five) => {
     return new PanoDoorLabelPluginController(five);
 };
 
+var polylineMiterUtil = {};
+
+var add_1 = add$1;
+
+/**
+ * Adds two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function add$1(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    return out
+}
+
+var set_1 = set$1;
+
+/**
+ * Set the components of a vec2 to the given values
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} out
+ */
+function set$1(out, x, y) {
+    out[0] = x;
+    out[1] = y;
+    return out
+}
+
+var normalize_1 = normalize$1;
+
+/**
+ * Normalize a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to normalize
+ * @returns {vec2} out
+ */
+function normalize$1(out, a) {
+    var x = a[0],
+        y = a[1];
+    var len = x*x + y*y;
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len);
+        out[0] = a[0] * len;
+        out[1] = a[1] * len;
+    }
+    return out
+}
+
+var subtract_1 = subtract$1;
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function subtract$1(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    return out
+}
+
+var dot_1 = dot$1;
+
+/**
+ * Calculates the dot product of two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+function dot$1(a, b) {
+    return a[0] * b[0] + a[1] * b[1]
+}
+
+var add = add_1;
+var set = set_1;
+var normalize = normalize_1;
+var subtract = subtract_1;
+var dot = dot_1;
+
+var tmp = [0, 0];
+
+polylineMiterUtil.computeMiter = function computeMiter(tangent, miter, lineA, lineB, halfThick) {
+    //get tangent line
+    add(tangent, lineA, lineB);
+    normalize(tangent, tangent);
+
+    //get miter as a unit vector
+    set(miter, -tangent[1], tangent[0]);
+    set(tmp, -lineA[1], lineA[0]);
+
+    //get the necessary length of our miter
+    return halfThick / dot(miter, tmp)
+};
+
+polylineMiterUtil.normal = function normal(out, dir) {
+    //get perpendicular
+    set(out, -dir[1], dir[0]);
+    return out
+};
+
+polylineMiterUtil.direction = function direction(out, a, b) {
+    //get unit dir of two lines
+    subtract(out, a, b);
+    normalize(out, out);
+    return out
+};
+
+var util = polylineMiterUtil;
+
+var lineA = [0, 0];
+var lineB = [0, 0];
+var tangent = [0, 0];
+var miter = [0, 0];
+
+var polylineNormals = function(points, closed) {
+    var curNormal = null;
+    var out = [];
+    if (closed) {
+        points = points.slice();
+        points.push(points[0]);
+    }
+
+    var total = points.length;
+    for (var i=1; i<total; i++) {
+        var last = points[i-1];
+        var cur = points[i];
+        var next = i<points.length-1 ? points[i+1] : null;
+
+        util.direction(lineA, cur, last);
+        if (!curNormal)  {
+            curNormal = [0, 0];
+            util.normal(curNormal, lineA);
+        }
+
+        if (i === 1) //add initial normals
+            addNext(out, curNormal, 1);
+
+        if (!next) { //no miter, simple segment
+            util.normal(curNormal, lineA); //reset normal
+            addNext(out, curNormal, 1);
+        } else { //miter with last
+            //get unit dir of next line
+            util.direction(lineB, next, cur);
+
+            //stores tangent & miter
+            var miterLen = util.computeMiter(tangent, miter, lineA, lineB, 1);
+            addNext(out, miter, miterLen);
+        }
+    }
+
+    //if the polyline is a closed loop, clean up the last normal
+    if (points.length > 2 && closed) {
+        var last2 = points[total-2];
+        var cur2 = points[0];
+        var next2 = points[1];
+
+        util.direction(lineA, cur2, last2);
+        util.direction(lineB, next2, cur2);
+        util.normal(curNormal, lineA);
+        
+        var miterLen2 = util.computeMiter(tangent, miter, lineA, lineB, 1);
+        out[0][0] = miter.slice();
+        out[total-1][0] = miter.slice();
+        out[0][1] = miterLen2;
+        out[total-1][1] = miterLen2;
+        out.pop();
+    }
+
+    return out
+};
+
+function addNext(out, normal, length) {
+    out.push([[normal[0], normal[1]], length]);
+}
+
 // 定义常量
 const TRIANGLE_NUMBER_OF_RECTANGLE = 2; // 每个矩形有两个三角形
 const VERTEX_NUMBER_OF_TRIANGLE = 3; // 每个三角形有三个顶点
@@ -18202,7 +18497,7 @@ function getLineGeometry(curvePoints, unitWidth, unitHeight) {
     const halfUnitWidth = unitWidth / 2;
     const aspect = unitHeight / unitWidth; // 纵横比 height / width
     const curvePointsLength = curvePoints.length;
-    const normals = getNormals(curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
+    const normals = polylineNormals(curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
     const rectangleNumber = curvePoints.length - 1; // 曲线上 N 个点，构成了 N - 1 个矩形
     const indexNumber = rectangleNumber * TRIANGLE_NUMBER_OF_RECTANGLE * VERTEX_NUMBER_OF_TRIANGLE;
     const verticesNumber = 2 * curvePointsLength; // 顶点数量（包含公用）：每个曲线点对应两个顶点，N 个 点有 2N 个顶点