@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0-beta.36

package/libs/floorplan/Components/RoomLabels/RoomLabels.js

@@ -0,0 +1,309 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	add_resize_listener,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import RoomLabel from './RoomLabel';
+
+function add_css(target) {
+	append_styles(target, "svelte-447cof", ".floorplan-plugin__room-labels.svelte-447cof{width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;pointer-events:none}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[9] = list[i];
+	return child_ctx;
+}
+
+// (17:0) {#if rooms}
+function create_if_block(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;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__room-labels svelte-447cof");
+			add_render_callback(() => /*div_elementresize_handler*/ ctx[8].call(div));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[8].bind(div));
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55) {
+				each_value = /*rooms*/ ctx[5];
+				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, null, get_each_context);
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+
+			div_resize_listener();
+		}
+	};
+}
+
+// (19:4) {#each rooms as room (room.id)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let roomlabel;
+	let current;
+
+	const roomlabel_spread_levels = [
+		{
+			pxmm: /*pxmm*/ ctx[4],
+			room: /*room*/ ctx[9],
+			getLabelElement: /*getLabelElement*/ ctx[1],
+			hoveredRoom: /*hoveredRoom*/ ctx[0],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
+		}
+	];
+
+	let roomlabel_props = {};
+
+	for (let i = 0; i < roomlabel_spread_levels.length; i += 1) {
+		roomlabel_props = assign(roomlabel_props, roomlabel_spread_levels[i]);
+	}
+
+	roomlabel = new RoomLabel({ props: roomlabel_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(roomlabel.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(roomlabel, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const roomlabel_changes = (dirty & /*pxmm, rooms, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 55)
+			? get_spread_update(roomlabel_spread_levels, [
+					{
+						pxmm: /*pxmm*/ ctx[4],
+						room: /*room*/ ctx[9],
+						getLabelElement: /*getLabelElement*/ ctx[1],
+						hoveredRoom: /*hoveredRoom*/ ctx[0],
+						adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[2]
+					}
+				])
+			: {};
+
+			roomlabel.$set(roomlabel_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roomlabel.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roomlabel.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(roomlabel, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*rooms*/ ctx[5] && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*rooms*/ ctx[5]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*rooms*/ 32) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let rooms;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+	let { hoveredRoom } = $$props;
+	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
+	let clientWidth = 0;
+	let pxmm = 0;
+
+	function div_elementresize_handler() {
+		clientWidth = this.clientWidth;
+		$$invalidate(3, clientWidth);
+	}
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(6, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(7, 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);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 192) {
+			$: $$invalidate(5, rooms = floorplanData.floorDatas[floorIndex].rooms);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, clientWidth*/ 136) {
+			$: {
+				const { max, min } = floorplanData.bounding;
+				const boundingWidth = max.x - min.x;
+				$$invalidate(4, pxmm = clientWidth / boundingWidth);
+			}
+		}
+	};
+
+	return [
+		hoveredRoom,
+		getLabelElement,
+		adaptiveRoomLabelVisibleEnable,
+		clientWidth,
+		pxmm,
+		rooms,
+		floorIndex,
+		floorplanData,
+		div_elementresize_handler
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				floorIndex: 6,
+				floorplanData: 7,
+				hoveredRoom: 0,
+				getLabelElement: 1,
+				adaptiveRoomLabelVisibleEnable: 2
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/RoomMaterials/RoomMaterial.js

@@ -25,20 +25,20 @@ import RoomMaterial_1 from './RoomMaterial_1';
 import RoomMaterial_2 from './RoomMaterial_2';
 
 function add_css(target) {
-	append_styles(target, "svelte-1b0icjc", "svg.svelte-1b0icjc{position:absolute;width:100%;height:100%;overflow:visible}");
+	append_styles(target, "svelte-9ip3e6", ".floorplan-plugin__room-material.svelte-9ip3e6{position:absolute;left:0;top:0;width:100%;height:100%}svg.svelte-9ip3e6{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}");
 }
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[4] = list[i];
+	child_ctx[5] = list[i];
 	return child_ctx;
 }
 
-// (21:6) {:else}
+// (19:6) {:else}
 function create_else_block(ctx) {
 	let roommaterial_1;
 	let current;
-	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[4].path } });
+	roommaterial_1 = new RoomMaterial_1({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -50,7 +50,7 @@ function create_else_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_1_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_1_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_1_changes.path = /*room*/ ctx[5].path;
 			roommaterial_1.$set(roommaterial_1_changes);
 		},
 		i(local) {
@@ -68,11 +68,11 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:37) 
+// (17:37) 
 function create_if_block_1(ctx) {
 	let roommaterial_2;
 	let current;
-	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[4].path } });
+	roommaterial_2 = new RoomMaterial_2({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -84,7 +84,7 @@ function create_if_block_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_2_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_2_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_2_changes.path = /*room*/ ctx[5].path;
 			roommaterial_2.$set(roommaterial_2_changes);
 		},
 		i(local) {
@@ -102,11 +102,11 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (17:6) {#if room.floorType === 1}
+// (15:6) {#if room.floorType === 1}
 function create_if_block(ctx) {
 	let roommaterial_0;
 	let current;
-	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[4].path } });
+	roommaterial_0 = new RoomMaterial_0({ props: { path: /*room*/ ctx[5].path } });
 
 	return {
 		c() {
@@ -118,7 +118,7 @@ function create_if_block(ctx) {
 		},
 		p(ctx, dirty) {
 			const roommaterial_0_changes = {};
-			if (dirty & /*rooms*/ 1) roommaterial_0_changes.path = /*room*/ ctx[4].path;
+			if (dirty & /*rooms*/ 1) roommaterial_0_changes.path = /*room*/ ctx[5].path;
 			roommaterial_0.$set(roommaterial_0_changes);
 		},
 		i(local) {
@@ -136,18 +136,19 @@ function create_if_block(ctx) {
 	};
 }
 
-// (15:2) {#each rooms as room}
+// (13:2) {#each rooms as room}
 function create_each_block(ctx) {
 	let svg;
 	let current_block_type_index;
 	let if_block;
+	let svg_viewBox_value;
 	let current;
 	const if_block_creators = [create_if_block, create_if_block_1, create_else_block];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
-		if (/*room*/ ctx[4].floorType === 1) return 0;
-		if (/*room*/ ctx[4].floorType === 0) return 1;
+		if (/*room*/ ctx[5].floorType === 1) return 0;
+		if (/*room*/ ctx[5].floorType === 0) return 1;
 		return 2;
 	}
 
@@ -158,7 +159,10 @@ function create_each_block(ctx) {
 		c() {
 			svg = svg_element("svg");
 			if_block.c();
-			attr(svg, "class", "svelte-1b0icjc");
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", svg_viewBox_value = `0 0 ${/*boundingWidth*/ ctx[1]} ${/*boundingHeight*/ ctx[2]}`);
+			attr(svg, "class", "svelte-9ip3e6");
 		},
 		m(target, anchor) {
 			insert(target, svg, anchor);
@@ -230,7 +234,7 @@ function create_fragment(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "floorplan-plugin__room-material");
+			attr(div, "class", "floorplan-plugin__room-material svelte-9ip3e6");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -242,7 +246,7 @@ function create_fragment(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*rooms*/ 1) {
+			if (dirty & /*boundingWidth, boundingHeight, rooms*/ 7) {
 				each_value = /*rooms*/ ctx[0];
 				let i;
 
@@ -297,31 +301,30 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let rooms;
 	let { floorIndex } = $$props;
-	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
+	const boundingWidth = floorplanData.bounding.max.x - floorplanData.bounding.min.x;
+	const boundingHeight = floorplanData.bounding.max.y - floorplanData.bounding.min.y;
 
 	$$self.$$set = $$props => {
-		if ('floorIndex' in $$props) $$invalidate(1, floorIndex = $$props.floorIndex);
-		if ('pxmm' in $$props) $$invalidate(2, pxmm = $$props.pxmm);
-		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('floorIndex' in $$props) $$invalidate(3, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(4, floorplanData = $$props.floorplanData);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*floorplanData, floorIndex, pxmm*/ 14) {
-			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => ({
-				...room,
-				path: room.path.map(p => formatFloorplanPoint(p, pxmm, floorplanData.bounding))
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 24) {
+			$: $$invalidate(0, rooms = floorplanData.floorDatas[floorIndex].rooms.map(room => Object.assign(Object.assign({}, room), {
+				path: room.path.map(p => formatFloorplanPoint(p, floorplanData.bounding))
 			})));
 		}
 	};
 
-	return [rooms, floorIndex, pxmm, floorplanData];
+	return [rooms, boundingWidth, boundingHeight, floorIndex, floorplanData];
 }
 
 class Component extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 1, pxmm: 2, floorplanData: 3 }, add_css);
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 3, floorplanData: 4 }, add_css);
 	}
 }
 

package/libs/floorplan/Components/RoomMaterials/RoomMaterial_1.js

@@ -46,6 +46,7 @@ function create_fragment(ctx) {
 			attr(pattern, "width", /*width*/ ctx[1]);
 			attr(pattern, "height", /*width*/ ctx[1]);
 			attr(pattern, "patternUnits", "userSpaceOnUse");
+			attr(pattern, "patternTransform", "scale(50 50)");
 			attr(path1, "d", /*d*/ ctx[0]);
 			attr(path1, "fill", "url(#fpm-room-pattern-0)");
 		},

package/libs/floorplan/Components/RoomMaterials/RoomMaterial_2.js

@@ -40,8 +40,8 @@ function create_fragment(ctx) {
 			path1 = svg_element("path");
 			t2 = space();
 			path2 = svg_element("path");
-			attr(rect0, "x", "0.5");
-			attr(rect0, "y", "0.5");
+			attr(rect0, "x", "0");
+			attr(rect0, "y", "0");
 			attr(rect0, "width", "6");
 			attr(rect0, "height", "50");
 			attr(rect0, "fill", "none");
@@ -50,22 +50,24 @@ function create_fragment(ctx) {
 			attr(pattern0, "id", "room-material-pattern-1");
 			attr(pattern0, "x", "0");
 			attr(pattern0, "y", "0");
-			attr(pattern0, "width", "13");
-			attr(pattern0, "height", "51");
+			attr(pattern0, "width", "12");
+			attr(pattern0, "height", "50");
 			attr(pattern0, "patternUnits", "userSpaceOnUse");
-			attr(rect1, "x", "0.5");
-			attr(rect1, "y", "0.5");
+			attr(pattern0, "patternTransform", "scale(50 50)");
+			attr(rect1, "x", "0");
+			attr(rect1, "y", "0");
 			attr(rect1, "width", "6");
 			attr(rect1, "height", "50");
 			attr(rect1, "fill", "none");
 			attr(rect1, "stroke", "#4B4B57");
 			attr(rect1, "stroke-width", "0.5");
 			attr(pattern1, "id", "room-material-pattern-2");
-			attr(pattern1, "x", "7");
+			attr(pattern1, "x", "6");
 			attr(pattern1, "y", "25");
-			attr(pattern1, "width", "13");
-			attr(pattern1, "height", "51");
+			attr(pattern1, "width", "12");
+			attr(pattern1, "height", "50");
 			attr(pattern1, "patternUnits", "userSpaceOnUse");
+			attr(pattern1, "patternTransform", "scale(50 50)");
 			attr(path0, "d", /*d*/ ctx[0]);
 			attr(path0, "fill", "#43434D");
 			attr(path1, "d", /*d*/ ctx[0]);