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

package/dist/index.es.js

@@ -581,7 +581,7 @@ function get_each_context$7(ctx, list, i) {
 	return child_ctx;
 }
 
-// (68:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
+// (70:2) {#each roomLabels as roomLableItem (roomLableItem.id)}
 function create_each_block$7(key_1, ctx) {
 	let first;
 	let roomlabelitem;
@@ -764,9 +764,11 @@ function instance$n($$self, $$props, $$invalidate) {
 	}
 
 	five.on('cameraUpdate', onFiveCameraUpdate);
+	five.on('modelShownFloorChange', onFiveCameraUpdate);
 
 	onDestroy(() => {
 		five.off('cameraUpdate', onFiveCameraUpdate);
+		five.off('modelShownFloorChange', onFiveCameraUpdate);
 	});
 
 	onMount(() => {
@@ -1254,12 +1256,13 @@ function add_css$g(target) {
 	append_styles(target, "svelte-5l80pv", ".floorplan-plugin__compass.svelte-5l80pv{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-5l80pv{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-5l80pv{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
 }
 
-// (11:0) {#if northRad}
+// (12:0) {#if northRad}
 function create_if_block$8(ctx) {
 	let div1;
 	let div0;
 	let t0;
 	let span;
+	let t1;
 
 	return {
 		c() {
@@ -1267,20 +1270,23 @@ function create_if_block$8(ctx) {
 			div0 = element("div");
 			t0 = space();
 			span = element("span");
-			span.textContent = "北";
+			t1 = text(/*northDesc*/ ctx[0]);
 			attr(div0, "class", "floorplan-plugin__compass-image svelte-5l80pv");
 			set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
 			attr(span, "class", "floorplan-plugin__compass-text svelte-5l80pv");
 			attr(div1, "class", "floorplan-plugin__compass svelte-5l80pv");
-			set_style(div1, "transform", /*compassTransformStyle*/ ctx[1], false);
+			set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
 			append(div1, div0);
 			append(div1, t0);
 			append(div1, span);
+			append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*northDesc*/ 1) set_data(t1, /*northDesc*/ ctx[0]);
 		},
-		p: noop,
 		d(detaching) {
 			if (detaching) detach(div1);
 		}
@@ -1289,7 +1295,7 @@ function create_if_block$8(ctx) {
 
 function create_fragment$l(ctx) {
 	let if_block_anchor;
-	let if_block = /*northRad*/ ctx[0] && create_if_block$8(ctx);
+	let if_block = /*northRad*/ ctx[1] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -1301,7 +1307,7 @@ function create_fragment$l(ctx) {
 			insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (/*northRad*/ ctx[0]) if_block.p(ctx, dirty);
+			if (/*northRad*/ ctx[1]) if_block.p(ctx, dirty);
 		},
 		i: noop,
 		o: noop,
@@ -1318,21 +1324,23 @@ function rad2Deg(rad) {
 
 function instance$l($$self, $$props, $$invalidate) {
 	let { floorplanData } = $$props;
+	let { northDesc } = $$props;
 	const northRad = floorplanData.entrance?.northRad;
 	const rotate = !northRad ? 0 : rad2Deg(northRad);
 	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
 
 	$$self.$$set = $$props => {
-		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
 	};
 
-	return [northRad, compassTransformStyle, floorplanData];
+	return [northDesc, northRad, compassTransformStyle, floorplanData];
 }
 
 class Compass extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { floorplanData: 2 }, add_css$g);
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css$g);
 	}
 }
 
@@ -3849,7 +3857,7 @@ function add_css$5(target) {
 	append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
 }
 
-// (23:0) {#if visible}
+// (24:0) {#if visible}
 function create_if_block$2(ctx) {
 	let div;
 	let currentfloor;
@@ -3861,15 +3869,15 @@ function create_if_block$2(ctx) {
 
 	const currentfloor_spread_levels = [
 		{
-			five: /*five*/ ctx[1],
-			pxmm: /*pxmm*/ ctx[0],
-			floorIndex: /*floorIndex*/ ctx[5],
-			hoverEnable: /*hoverEnable*/ ctx[6],
-			floorplanData: /*floorplanData*/ ctx[10],
-			getLabelElement: /*getLabelElement*/ ctx[14],
-			roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
-			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
-			onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+			five: /*five*/ ctx[2],
+			pxmm: /*pxmm*/ ctx[1],
+			floorIndex: /*floorIndex*/ ctx[6],
+			hoverEnable: /*hoverEnable*/ ctx[7],
+			floorplanData: /*floorplanData*/ ctx[11],
+			getLabelElement: /*getLabelElement*/ ctx[15],
+			roomLabelsEnable: /*roomLabelsEnable*/ ctx[9],
+			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[10],
+			onRoomHeightClick: /*onRoomHeightClick*/ ctx[14]
 		}
 	];
 
@@ -3883,10 +3891,10 @@ function create_if_block$2(ctx) {
 
 	const camera_spread_levels = [
 		{
-			panoIndex: /*panoIndex*/ ctx[4],
-			floorplanData: /*floorplanData*/ ctx[10],
-			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
-			cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+			panoIndex: /*panoIndex*/ ctx[5],
+			floorplanData: /*floorplanData*/ ctx[11],
+			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[13]
 		}
 	];
 
@@ -3897,7 +3905,7 @@ function create_if_block$2(ctx) {
 	}
 
 	camera = new Camera$1({ props: camera_props });
-	let if_block = /*compassEnable*/ ctx[7] && create_if_block_1(ctx);
+	let if_block = /*compassEnable*/ ctx[8] && create_if_block_1(ctx);
 
 	return {
 		c() {
@@ -3921,42 +3929,42 @@ function create_if_block$2(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 26467)
+			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 52934)
 			? get_spread_update(currentfloor_spread_levels, [
 					{
-						five: /*five*/ ctx[1],
-						pxmm: /*pxmm*/ ctx[0],
-						floorIndex: /*floorIndex*/ ctx[5],
-						hoverEnable: /*hoverEnable*/ ctx[6],
-						floorplanData: /*floorplanData*/ ctx[10],
-						getLabelElement: /*getLabelElement*/ ctx[14],
-						roomLabelsEnable: /*roomLabelsEnable*/ ctx[8],
-						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[9],
-						onRoomHeightClick: /*onRoomHeightClick*/ ctx[13]
+						five: /*five*/ ctx[2],
+						pxmm: /*pxmm*/ ctx[1],
+						floorIndex: /*floorIndex*/ ctx[6],
+						hoverEnable: /*hoverEnable*/ ctx[7],
+						floorplanData: /*floorplanData*/ ctx[11],
+						getLabelElement: /*getLabelElement*/ ctx[15],
+						roomLabelsEnable: /*roomLabelsEnable*/ ctx[9],
+						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[10],
+						onRoomHeightClick: /*onRoomHeightClick*/ ctx[14]
 					}
 				])
 			: {};
 
 			currentfloor.$set(currentfloor_changes);
 
-			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 7184)
+			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 14368)
 			? get_spread_update(camera_spread_levels, [
 					{
-						panoIndex: /*panoIndex*/ ctx[4],
-						floorplanData: /*floorplanData*/ ctx[10],
-						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[11],
-						cameraImageUrl: /*cameraImageUrl*/ ctx[12]
+						panoIndex: /*panoIndex*/ ctx[5],
+						floorplanData: /*floorplanData*/ ctx[11],
+						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[13]
 					}
 				])
 			: {};
 
 			camera.$set(camera_changes);
 
-			if (/*compassEnable*/ ctx[7]) {
+			if (/*compassEnable*/ ctx[8]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*compassEnable*/ 128) {
+					if (dirty & /*compassEnable*/ 256) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -3984,7 +3992,7 @@ function create_if_block$2(ctx) {
 			if (!div_intro) {
 				add_render_callback(() => {
 					div_intro = create_in_transition(div, fade, {
-						duration: /*duration*/ ctx[2],
+						duration: /*duration*/ ctx[3],
 						easing: linear
 					});
 
@@ -4009,13 +4017,16 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (39:4) {#if compassEnable}
+// (40:4) {#if compassEnable}
 function create_if_block_1(ctx) {
 	let compass;
 	let current;
 
 	compass = new Compass({
-			props: { floorplanData: /*floorplanData*/ ctx[10] }
+			props: {
+				floorplanData: /*floorplanData*/ ctx[11],
+				northDesc: /*northDesc*/ ctx[0]
+			}
 		});
 
 	return {
@@ -4028,7 +4039,8 @@ function create_if_block_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const compass_changes = {};
-			if (dirty & /*floorplanData*/ 1024) compass_changes.floorplanData = /*floorplanData*/ ctx[10];
+			if (dirty & /*floorplanData*/ 2048) compass_changes.floorplanData = /*floorplanData*/ ctx[11];
+			if (dirty & /*northDesc*/ 1) compass_changes.northDesc = /*northDesc*/ ctx[0];
 			compass.$set(compass_changes);
 		},
 		i(local) {
@@ -4049,7 +4061,7 @@ function create_if_block_1(ctx) {
 function create_fragment$6(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[3] && create_if_block$2(ctx);
+	let if_block = /*visible*/ ctx[4] && create_if_block$2(ctx);
 
 	return {
 		c() {
@@ -4062,11 +4074,11 @@ function create_fragment$6(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*visible*/ ctx[3]) {
+			if (/*visible*/ ctx[4]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 8) {
+					if (dirty & /*visible*/ 16) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -4102,6 +4114,7 @@ function create_fragment$6(ctx) {
 }
 
 function instance$6($$self, $$props, $$invalidate) {
+	let { northDesc } = $$props;
 	let { pxmm } = $$props;
 	let { five } = $$props;
 	let { duration = 0 } = $$props;
@@ -4119,24 +4132,26 @@ function instance$6($$self, $$props, $$invalidate) {
 	let { getLabelElement } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('pxmm' in $$props) $$invalidate(0, pxmm = $$props.pxmm);
-		if ('five' in $$props) $$invalidate(1, five = $$props.five);
-		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
-		if ('visible' in $$props) $$invalidate(3, visible = $$props.visible);
-		if ('panoIndex' in $$props) $$invalidate(4, panoIndex = $$props.panoIndex);
-		if ('floorIndex' in $$props) $$invalidate(5, floorIndex = $$props.floorIndex);
-		if ('hoverEnable' in $$props) $$invalidate(6, hoverEnable = $$props.hoverEnable);
-		if ('compassEnable' in $$props) $$invalidate(7, compassEnable = $$props.compassEnable);
-		if ('roomLabelsEnable' in $$props) $$invalidate(8, roomLabelsEnable = $$props.roomLabelsEnable);
-		if ('ruleLabelsEnable' in $$props) $$invalidate(9, ruleLabelsEnable = $$props.ruleLabelsEnable);
-		if ('floorplanData' in $$props) $$invalidate(10, floorplanData = $$props.floorplanData);
-		if ('lastPanoramaLongitude' in $$props) $$invalidate(11, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
-		if ('cameraImageUrl' in $$props) $$invalidate(12, cameraImageUrl = $$props.cameraImageUrl);
-		if ('onRoomHeightClick' in $$props) $$invalidate(13, onRoomHeightClick = $$props.onRoomHeightClick);
-		if ('getLabelElement' in $$props) $$invalidate(14, getLabelElement = $$props.getLabelElement);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
+		if ('pxmm' in $$props) $$invalidate(1, pxmm = $$props.pxmm);
+		if ('five' in $$props) $$invalidate(2, five = $$props.five);
+		if ('duration' in $$props) $$invalidate(3, duration = $$props.duration);
+		if ('visible' in $$props) $$invalidate(4, visible = $$props.visible);
+		if ('panoIndex' in $$props) $$invalidate(5, panoIndex = $$props.panoIndex);
+		if ('floorIndex' in $$props) $$invalidate(6, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(7, hoverEnable = $$props.hoverEnable);
+		if ('compassEnable' in $$props) $$invalidate(8, compassEnable = $$props.compassEnable);
+		if ('roomLabelsEnable' in $$props) $$invalidate(9, roomLabelsEnable = $$props.roomLabelsEnable);
+		if ('ruleLabelsEnable' in $$props) $$invalidate(10, ruleLabelsEnable = $$props.ruleLabelsEnable);
+		if ('floorplanData' in $$props) $$invalidate(11, floorplanData = $$props.floorplanData);
+		if ('lastPanoramaLongitude' in $$props) $$invalidate(12, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
+		if ('cameraImageUrl' in $$props) $$invalidate(13, cameraImageUrl = $$props.cameraImageUrl);
+		if ('onRoomHeightClick' in $$props) $$invalidate(14, onRoomHeightClick = $$props.onRoomHeightClick);
+		if ('getLabelElement' in $$props) $$invalidate(15, getLabelElement = $$props.getLabelElement);
 	};
 
 	return [
+		northDesc,
 		pxmm,
 		five,
 		duration,
@@ -4166,21 +4181,22 @@ class Main$1 extends SvelteComponent {
 			create_fragment$6,
 			safe_not_equal,
 			{
-				pxmm: 0,
-				five: 1,
-				duration: 2,
-				visible: 3,
-				panoIndex: 4,
-				floorIndex: 5,
-				hoverEnable: 6,
-				compassEnable: 7,
-				roomLabelsEnable: 8,
-				ruleLabelsEnable: 9,
-				floorplanData: 10,
-				lastPanoramaLongitude: 11,
-				cameraImageUrl: 12,
-				onRoomHeightClick: 13,
-				getLabelElement: 14
+				northDesc: 0,
+				pxmm: 1,
+				five: 2,
+				duration: 3,
+				visible: 4,
+				panoIndex: 5,
+				floorIndex: 6,
+				hoverEnable: 7,
+				compassEnable: 8,
+				roomLabelsEnable: 9,
+				ruleLabelsEnable: 10,
+				floorplanData: 11,
+				lastPanoramaLongitude: 12,
+				cameraImageUrl: 13,
+				onRoomHeightClick: 14,
+				getLabelElement: 15
 			},
 			add_css$5
 		);
@@ -4356,9 +4372,10 @@ class TopviewFloorplanPluginController {
             return;
         if (this.size.width === 0)
             return;
-        const { getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
+        const { northDesc, getLabelElement, cameraImageUrl, preventRoomClick, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
         const handleClick = preventRoomClick ? () => false : undefined;
         const props = {
+            northDesc: northDesc ?? '北',
             five: this.five,
             pxmm: this.pxmm,
             cameraImageUrl,
@@ -5804,8 +5821,9 @@ class ModelFloorplanPluginController {
             return;
         if (this.size.width === 0)
             return;
-        const { hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
+        const { northDesc, hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
         const props = {
+            northDesc: northDesc ?? '北',
             five: this.five,
             pxmm: this.pxmm,
             cameraImageUrl,