@realsee/dnalogel 2.0.0-alpha.18 → 2.0.0-alpha.20

package/libs/floorplan/{ModelFloorplanPlugin/Components → Components}/Main.js

@@ -10,6 +10,7 @@ import {
 	create_component,
 	create_in_transition,
 	destroy_component,
+	destroy_each,
 	detach,
 	element,
 	empty,
@@ -24,54 +25,47 @@ import {
 	transition_out
 } from "svelte/internal";
 
-import Camera from './Camera';
-import Compass from './Compass';
-import CurrentFloor from './CurrentFloor/CurrentFloor';
 import { linear } from 'svelte/easing';
 import { fade } from 'svelte/transition';
+import Camera from './Camera';
+import Compass from './Compass';
+import CurrentFloor from './CurrentFloor';
 
 function add_css(target) {
 	append_styles(target, "svelte-177x2q7", ".floorplan-main.svelte-177x2q7{width:100%;height:100%}");
 }
 
-// (24:0) {#if visible}
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[13] = list[i];
+	return child_ctx;
+}
+
+// (21:0) {#if visible}
 function create_if_block(ctx) {
 	let div;
-	let currentfloor;
 	let t0;
 	let camera;
 	let t1;
 	let div_intro;
 	let current;
+	let each_value = /*floorplanData*/ ctx[9].floorDatas;
+	let each_blocks = [];
 
-	const currentfloor_spread_levels = [
-		{
-			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]
-		}
-	];
-
-	let currentfloor_props = {};
-
-	for (let i = 0; i < currentfloor_spread_levels.length; i += 1) {
-		currentfloor_props = assign(currentfloor_props, currentfloor_spread_levels[i]);
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
-	currentfloor = new CurrentFloor({ props: currentfloor_props });
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
 
 	const camera_spread_levels = [
 		{
-			panoIndex: /*panoIndex*/ ctx[5],
-			floorplanData: /*floorplanData*/ ctx[11],
-			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
-			cameraImageUrl: /*cameraImageUrl*/ ctx[13]
+			panoIndex: /*panoIndex*/ ctx[3],
+			floorplanData: /*floorplanData*/ ctx[9],
+			lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[10],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[11]
 		}
 	];
 
@@ -82,12 +76,16 @@ function create_if_block(ctx) {
 	}
 
 	camera = new Camera({ props: camera_props });
-	let if_block = /*compassEnable*/ ctx[8] && create_if_block_1(ctx);
+	let if_block = /*compassEnable*/ ctx[6] && create_if_block_1(ctx);
 
 	return {
 		c() {
 			div = element("div");
-			create_component(currentfloor.$$.fragment);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
 			t0 = space();
 			create_component(camera.$$.fragment);
 			t1 = space();
@@ -96,7 +94,11 @@ function create_if_block(ctx) {
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			mount_component(currentfloor, div, null);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
 			append(div, t0);
 			mount_component(camera, div, null);
 			append(div, t1);
@@ -106,42 +108,51 @@ function create_if_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, onRoomHeightClick*/ 52934)
-			? get_spread_update(currentfloor_spread_levels, [
-					{
-						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]
+			if (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, floorIndex*/ 5040) {
+				each_value = /*floorplanData*/ ctx[9].floorDatas;
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(div, t0);
 					}
-				])
-			: {};
+				}
 
-			currentfloor.$set(currentfloor_changes);
+				group_outros();
 
-			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 14368)
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+
+			const camera_changes = (dirty & /*panoIndex, floorplanData, lastPanoramaLongitude, cameraImageUrl*/ 3592)
 			? get_spread_update(camera_spread_levels, [
 					{
-						panoIndex: /*panoIndex*/ ctx[5],
-						floorplanData: /*floorplanData*/ ctx[11],
-						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[12],
-						cameraImageUrl: /*cameraImageUrl*/ ctx[13]
+						panoIndex: /*panoIndex*/ ctx[3],
+						floorplanData: /*floorplanData*/ ctx[9],
+						lastPanoramaLongitude: /*lastPanoramaLongitude*/ ctx[10],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[11]
 					}
 				])
 			: {};
 
 			camera.$set(camera_changes);
 
-			if (/*compassEnable*/ ctx[8]) {
+			if (/*compassEnable*/ ctx[6]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*compassEnable*/ 256) {
+					if (dirty & /*compassEnable*/ 64) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -162,14 +173,18 @@ function create_if_block(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			transition_in(currentfloor.$$.fragment, local);
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
 			transition_in(camera.$$.fragment, local);
 			transition_in(if_block);
 
 			if (!div_intro) {
 				add_render_callback(() => {
 					div_intro = create_in_transition(div, fade, {
-						duration: /*duration*/ ctx[3],
+						duration: /*duration*/ ctx[0],
 						easing: linear
 					});
 
@@ -180,29 +195,107 @@ function create_if_block(ctx) {
 			current = true;
 		},
 		o(local) {
-			transition_out(currentfloor.$$.fragment, local);
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
 			transition_out(camera.$$.fragment, local);
 			transition_out(if_block);
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			destroy_component(currentfloor);
+			destroy_each(each_blocks, detaching);
 			destroy_component(camera);
 			if (if_block) if_block.d();
 		}
 	};
 }
 
-// (40:4) {#if compassEnable}
+// (23:4) {#each floorplanData.floorDatas as floorData}
+function create_each_block(ctx) {
+	let currentfloor;
+	let current;
+
+	const currentfloor_spread_levels = [
+		{
+			hoverEnable: /*hoverEnable*/ ctx[5],
+			floorplanData: /*floorplanData*/ ctx[9],
+			getLabelElement: /*getLabelElement*/ ctx[12],
+			roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
+			ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8]
+		},
+		{
+			floorIndex: /*floorData*/ ctx[13].floorIndex
+		},
+		{
+			isCurrent: /*floorData*/ ctx[13].floorIndex === /*floorIndex*/ ctx[4]
+		}
+	];
+
+	let currentfloor_props = {};
+
+	for (let i = 0; i < currentfloor_spread_levels.length; i += 1) {
+		currentfloor_props = assign(currentfloor_props, currentfloor_spread_levels[i]);
+	}
+
+	currentfloor = new CurrentFloor({ props: currentfloor_props });
+
+	return {
+		c() {
+			create_component(currentfloor.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(currentfloor, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const currentfloor_changes = (dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable, floorIndex*/ 5040)
+			? get_spread_update(currentfloor_spread_levels, [
+					dirty & /*hoverEnable, floorplanData, getLabelElement, roomLabelsEnable, ruleLabelsEnable*/ 5024 && {
+						hoverEnable: /*hoverEnable*/ ctx[5],
+						floorplanData: /*floorplanData*/ ctx[9],
+						getLabelElement: /*getLabelElement*/ ctx[12],
+						roomLabelsEnable: /*roomLabelsEnable*/ ctx[7],
+						ruleLabelsEnable: /*ruleLabelsEnable*/ ctx[8]
+					},
+					dirty & /*floorplanData*/ 512 && {
+						floorIndex: /*floorData*/ ctx[13].floorIndex
+					},
+					dirty & /*floorplanData, floorIndex*/ 528 && {
+						isCurrent: /*floorData*/ ctx[13].floorIndex === /*floorIndex*/ ctx[4]
+					}
+				])
+			: {};
+
+			currentfloor.$set(currentfloor_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(currentfloor.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(currentfloor.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(currentfloor, detaching);
+		}
+	};
+}
+
+// (37:4) {#if compassEnable}
 function create_if_block_1(ctx) {
 	let compass;
 	let current;
 
 	compass = new Compass({
 			props: {
-				floorplanData: /*floorplanData*/ ctx[11],
-				northDesc: /*northDesc*/ ctx[0]
+				floorplanData: /*floorplanData*/ ctx[9],
+				northDesc: /*northDesc*/ ctx[2]
 			}
 		});
 
@@ -216,8 +309,8 @@ function create_if_block_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const compass_changes = {};
-			if (dirty & /*floorplanData*/ 2048) compass_changes.floorplanData = /*floorplanData*/ ctx[11];
-			if (dirty & /*northDesc*/ 1) compass_changes.northDesc = /*northDesc*/ ctx[0];
+			if (dirty & /*floorplanData*/ 512) compass_changes.floorplanData = /*floorplanData*/ ctx[9];
+			if (dirty & /*northDesc*/ 4) compass_changes.northDesc = /*northDesc*/ ctx[2];
 			compass.$set(compass_changes);
 		},
 		i(local) {
@@ -238,7 +331,7 @@ function create_if_block_1(ctx) {
 function create_fragment(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*visible*/ ctx[4] && create_if_block(ctx);
+	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
 
 	return {
 		c() {
@@ -251,11 +344,11 @@ function create_fragment(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*visible*/ ctx[4]) {
+			if (/*visible*/ ctx[1]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 16) {
+					if (dirty & /*visible*/ 2) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -291,11 +384,9 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
-	let { northDesc } = $$props;
-	let { pxmm } = $$props;
-	let { five } = $$props;
 	let { duration = 0 } = $$props;
 	let { visible } = $$props;
+	let { northDesc } = $$props;
 	let { panoIndex } = $$props;
 	let { floorIndex } = $$props;
 	let { hoverEnable } = $$props;
@@ -305,34 +396,28 @@ function instance($$self, $$props, $$invalidate) {
 	let { floorplanData } = $$props;
 	let { lastPanoramaLongitude } = $$props;
 	let { cameraImageUrl } = $$props;
-	let { onRoomHeightClick } = $$props;
 	let { getLabelElement } = $$props;
 
 	$$self.$$set = $$props => {
-		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);
+		if ('duration' in $$props) $$invalidate(0, duration = $$props.duration);
+		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
+		if ('northDesc' in $$props) $$invalidate(2, northDesc = $$props.northDesc);
+		if ('panoIndex' in $$props) $$invalidate(3, panoIndex = $$props.panoIndex);
+		if ('floorIndex' in $$props) $$invalidate(4, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(5, hoverEnable = $$props.hoverEnable);
+		if ('compassEnable' in $$props) $$invalidate(6, compassEnable = $$props.compassEnable);
+		if ('roomLabelsEnable' in $$props) $$invalidate(7, roomLabelsEnable = $$props.roomLabelsEnable);
+		if ('ruleLabelsEnable' in $$props) $$invalidate(8, ruleLabelsEnable = $$props.ruleLabelsEnable);
+		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);
 	};
 
 	return [
-		northDesc,
-		pxmm,
-		five,
 		duration,
 		visible,
+		northDesc,
 		panoIndex,
 		floorIndex,
 		hoverEnable,
@@ -342,7 +427,6 @@ function instance($$self, $$props, $$invalidate) {
 		floorplanData,
 		lastPanoramaLongitude,
 		cameraImageUrl,
-		onRoomHeightClick,
 		getLabelElement
 	];
 }
@@ -358,22 +442,19 @@ class Component extends SvelteComponent {
 			create_fragment,
 			safe_not_equal,
 			{
-				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
+				duration: 0,
+				visible: 1,
+				northDesc: 2,
+				panoIndex: 3,
+				floorIndex: 4,
+				hoverEnable: 5,
+				compassEnable: 6,
+				roomLabelsEnable: 7,
+				ruleLabelsEnable: 8,
+				floorplanData: 9,
+				lastPanoramaLongitude: 10,
+				cameraImageUrl: 11,
+				getLabelElement: 12
 			},
 			add_css
 		);

package/libs/floorplan/Components/RoomHighlight/Room.js

@@ -41,29 +41,27 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
-	let { pxmm } = $$props;
 	let { room } = $$props;
 	let { floorplanData } = $$props;
 	const { bounding } = floorplanData;
 
 	const _pathD = pathD(room.path, {
 		needZ: true,
-		format: vector => formatFloorplanPoint(vector, pxmm, bounding)
+		format: vector => formatFloorplanPoint(vector, bounding)
 	});
 
 	$$self.$$set = $$props => {
-		if ('pxmm' in $$props) $$invalidate(1, pxmm = $$props.pxmm);
-		if ('room' in $$props) $$invalidate(2, room = $$props.room);
-		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('room' in $$props) $$invalidate(1, room = $$props.room);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
 	};
 
-	return [_pathD, pxmm, room, floorplanData];
+	return [_pathD, room, floorplanData];
 }
 
 class Component extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { pxmm: 1, room: 2, floorplanData: 3 }, add_css);
+		init(this, options, instance, create_fragment, safe_not_equal, { room: 1, floorplanData: 2 }, add_css);
 	}
 }