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

package/libs/floorplan/Components/Camera.js

@@ -0,0 +1,120 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style
+} from "svelte/internal";
+
+import { CAMERA_IMAGE } from '../Assets/camera';
+import rad2Deg from '../../shared-utils/math/rad2Deg';
+
+function add_css(target) {
+	append_styles(target, "svelte-e8a2kn", ".floorplan__camera-position.svelte-e8a2kn{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-e8a2kn{position:absolute;background-repeat:no-repeat;background-size:100%}");
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
+			set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
+			set_style(div0, "width", /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "height", /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "left", '-' + /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "top", '-' + /*domSizeStyle*/ ctx[4], false);
+			set_style(div0, "transform", `rotate(${/*rotate*/ ctx[3]}deg)`, false);
+			set_style(div0, "transform-origin", `${/*domSizeStyle*/ ctx[4]} ${/*domSizeStyle*/ ctx[4]}`, false);
+			attr(div1, "class", "floorplan__camera-position svelte-e8a2kn");
+			set_style(div1, "left", /*positionLeft*/ ctx[1], false);
+			set_style(div1, "top", /*positionTop*/ ctx[2], false);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*cameraImageUrl*/ 1) {
+				set_style(div0, "background-image", `url(${/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE})`);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { panoIndex } = $$props;
+	let { floorplanData } = $$props;
+	let { lastPanoramaLongitude } = $$props;
+	let { cameraImageUrl } = $$props;
+	const { observers } = floorplanData;
+	const observer = observers[panoIndex];
+	const leftRatio = observer.positionInImage.x;
+	const topRatio = observer.positionInImage.y;
+	const positionLeft = leftRatio * 100 + '%';
+	const positionTop = topRatio * 100 + '%';
+	const rotate = -rad2Deg(lastPanoramaLongitude) + 45;
+
+	// TODO: 统一这里的判断条件，目前写了多处
+	const bodyWidth = document.body.clientWidth;
+
+	const bodyHeight = document.body.clientHeight;
+	const size = bodyWidth < 500 || bodyHeight < 500 ? 17 : 37;
+	const domSizeStyle = `${size / 16}rem`;
+
+	$$self.$$set = $$props => {
+		if ('panoIndex' in $$props) $$invalidate(5, panoIndex = $$props.panoIndex);
+		if ('floorplanData' in $$props) $$invalidate(6, floorplanData = $$props.floorplanData);
+		if ('lastPanoramaLongitude' in $$props) $$invalidate(7, lastPanoramaLongitude = $$props.lastPanoramaLongitude);
+		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
+	};
+
+	return [
+		cameraImageUrl,
+		positionLeft,
+		positionTop,
+		rotate,
+		domSizeStyle,
+		panoIndex,
+		floorplanData,
+		lastPanoramaLongitude
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				panoIndex: 5,
+				floorplanData: 6,
+				lastPanoramaLongitude: 7,
+				cameraImageUrl: 0
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/Compass.js

@@ -0,0 +1,120 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	empty,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_data,
+	set_style,
+	space,
+	text
+} from "svelte/internal";
+
+import { COMPASS_IMAGE } from '../Assets/compass';
+
+function add_css(target) {
+	append_styles(target, "svelte-p7yk9v", ".floorplan-plugin__compass.svelte-p7yk9v{position:absolute;left:50%;top:-46px;width:231px;height:41px;will-change:opacity;transform-origin:center 184px}.floorplan-plugin__compass-image.svelte-p7yk9v{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-p7yk9v{position:absolute;left:50%;top:15px;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:10px;color:#fff}");
+}
+
+// (14:0) {#if canCompassShow}
+function create_if_block(ctx) {
+	let div1;
+	let div0;
+	let t0;
+	let span;
+	let t1;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = space();
+			span = element("span");
+			t1 = text(/*northDesc*/ ctx[0]);
+			attr(div0, "class", "floorplan-plugin__compass-image svelte-p7yk9v");
+			set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
+			attr(span, "class", "floorplan-plugin__compass-text svelte-p7yk9v");
+			attr(div1, "class", "floorplan-plugin__compass svelte-p7yk9v");
+			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]);
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let if_block = /*canCompassShow*/ ctx[1] && 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);
+		},
+		p(ctx, [dirty]) {
+			if (/*canCompassShow*/ ctx[1]) if_block.p(ctx, dirty);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function rad2Deg(rad) {
+	return rad / Math.PI * 180;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	var _a;
+	let { floorplanData } = $$props;
+	let { northDesc } = $$props;
+
+	const northRad = (_a = floorplanData.entrance) === null || _a === void 0
+	? void 0
+	: _a.northRad;
+
+	const canCompassShow = typeof northRad === 'number';
+	const rotate = !northRad ? 0 : rad2Deg(northRad);
+	const compassTransformStyle = `translateX(-50%) translateZ(10px) rotate(${-rotate + 90}deg)`;
+
+	$$self.$$set = $$props => {
+		if ('floorplanData' in $$props) $$invalidate(3, floorplanData = $$props.floorplanData);
+		if ('northDesc' in $$props) $$invalidate(0, northDesc = $$props.northDesc);
+	};
+
+	return [northDesc, canCompassShow, compassTransformStyle, floorplanData];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorplanData: 3, northDesc: 0 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/CurrentFloor.js

@@ -0,0 +1,469 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	null_to_empty,
+	safe_not_equal,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { writable } from 'svelte/store';
+import BaseImage from './BaseImage';
+import RoomLabels from './RoomLabels/RoomLabels';
+import RuleLabels from './RuleLabels/RuleLabels';
+import RoomMaterial from './RoomMaterials/RoomMaterial';
+import RoomHighlight from './RoomHighlight/RoomHighlight';
+
+function add_css(target) {
+	append_styles(target, "svelte-1oamigj", ".floorplan-plugin__floor.svelte-1oamigj{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-1oamigj{opacity:1;pointer-events:auto}");
+}
+
+// (20:2) {#if hoverEnable}
+function create_if_block_2(ctx) {
+	let roomhighlight;
+	let current;
+
+	const roomhighlight_spread_levels = [
+		{
+			floorIndex: /*floorIndex*/ ctx[1],
+			floorplanData: /*floorplanData*/ ctx[5],
+			hoveredRoom: /*hoveredRoom*/ ctx[8]
+		}
+	];
+
+	let roomhighlight_props = {};
+
+	for (let i = 0; i < roomhighlight_spread_levels.length; i += 1) {
+		roomhighlight_props = assign(roomhighlight_props, roomhighlight_spread_levels[i]);
+	}
+
+	roomhighlight = new RoomHighlight({ props: roomhighlight_props });
+
+	return {
+		c() {
+			create_component(roomhighlight.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(roomhighlight, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const roomhighlight_changes = (dirty & /*floorIndex, floorplanData, hoveredRoom*/ 290)
+			? get_spread_update(roomhighlight_spread_levels, [
+					{
+						floorIndex: /*floorIndex*/ ctx[1],
+						floorplanData: /*floorplanData*/ ctx[5],
+						hoveredRoom: /*hoveredRoom*/ ctx[8]
+					}
+				])
+			: {};
+
+			roomhighlight.$set(roomhighlight_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roomhighlight.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roomhighlight.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(roomhighlight, detaching);
+		}
+	};
+}
+
+// (24:2) {#if roomLabelsEnable}
+function create_if_block_1(ctx) {
+	let roomlabels;
+	let current;
+
+	const roomlabels_spread_levels = [
+		{
+			floorplanData: /*floorplanData*/ ctx[5],
+			floorIndex: /*floorIndex*/ ctx[1],
+			getLabelElement: /*getLabelElement*/ ctx[6],
+			hoveredRoom: /*hoveredRoom*/ ctx[8],
+			adaptiveRoomLabelVisibleEnable: /*adaptiveRoomLabelVisibleEnable*/ ctx[7]
+		}
+	];
+
+	let roomlabels_props = {};
+
+	for (let i = 0; i < roomlabels_spread_levels.length; i += 1) {
+		roomlabels_props = assign(roomlabels_props, roomlabels_spread_levels[i]);
+	}
+
+	roomlabels = new RoomLabels({ props: roomlabels_props });
+
+	return {
+		c() {
+			create_component(roomlabels.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(roomlabels, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const roomlabels_changes = (dirty & /*floorplanData, floorIndex, getLabelElement, hoveredRoom, adaptiveRoomLabelVisibleEnable*/ 482)
+			? 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]
+					}
+				])
+			: {};
+
+			roomlabels.$set(roomlabels_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roomlabels.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(roomlabels.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(roomlabels, detaching);
+		}
+	};
+}
+
+// (27:2) {#if ruleLabelsEnable}
+function create_if_block(ctx) {
+	let rulelabels;
+	let current;
+
+	const rulelabels_spread_levels = [
+		{
+			floorplanData: /*floorplanData*/ ctx[5],
+			floorIndex: /*floorIndex*/ ctx[1]
+		}
+	];
+
+	let rulelabels_props = {};
+
+	for (let i = 0; i < rulelabels_spread_levels.length; i += 1) {
+		rulelabels_props = assign(rulelabels_props, rulelabels_spread_levels[i]);
+	}
+
+	rulelabels = new RuleLabels({ props: rulelabels_props });
+
+	return {
+		c() {
+			create_component(rulelabels.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(rulelabels, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const rulelabels_changes = (dirty & /*floorplanData, floorIndex*/ 34)
+			? get_spread_update(rulelabels_spread_levels, [
+					{
+						floorplanData: /*floorplanData*/ ctx[5],
+						floorIndex: /*floorIndex*/ ctx[1]
+					}
+				])
+			: {};
+
+			rulelabels.$set(rulelabels_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(rulelabels.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(rulelabels.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(rulelabels, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let roommaterial;
+	let t0;
+	let t1;
+	let baseimage;
+	let t2;
+	let t3;
+	let div_class_value;
+	let current;
+
+	const roommaterial_spread_levels = [
+		{
+			floorIndex: /*floorIndex*/ ctx[1],
+			floorplanData: /*floorplanData*/ ctx[5]
+		}
+	];
+
+	let roommaterial_props = {};
+
+	for (let i = 0; i < roommaterial_spread_levels.length; i += 1) {
+		roommaterial_props = assign(roommaterial_props, roommaterial_spread_levels[i]);
+	}
+
+	roommaterial = new RoomMaterial({ props: roommaterial_props });
+	let if_block0 = /*hoverEnable*/ ctx[2] && create_if_block_2(ctx);
+
+	const baseimage_spread_levels = [
+		{
+			floorplanData: /*floorplanData*/ ctx[5],
+			floorIndex: /*floorIndex*/ ctx[1]
+		}
+	];
+
+	let baseimage_props = {};
+
+	for (let i = 0; i < baseimage_spread_levels.length; i += 1) {
+		baseimage_props = assign(baseimage_props, baseimage_spread_levels[i]);
+	}
+
+	baseimage = new BaseImage({ props: baseimage_props });
+	let if_block1 = /*roomLabelsEnable*/ ctx[3] && create_if_block_1(ctx);
+	let if_block2 = /*ruleLabelsEnable*/ ctx[4] && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			create_component(roommaterial.$$.fragment);
+			t0 = space();
+			if (if_block0) if_block0.c();
+			t1 = space();
+			create_component(baseimage.$$.fragment);
+			t2 = space();
+			if (if_block1) if_block1.c();
+			t3 = space();
+			if (if_block2) if_block2.c();
+
+			attr(div, "class", div_class_value = "" + (null_to_empty(`floorplan-plugin__floor${/*isCurrent*/ ctx[0]
+			? ' floorplan-plugin__floor--is-current'
+			: ''}`) + " svelte-1oamigj"));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(roommaterial, div, null);
+			append(div, t0);
+			if (if_block0) if_block0.m(div, null);
+			append(div, t1);
+			mount_component(baseimage, div, null);
+			append(div, t2);
+			if (if_block1) if_block1.m(div, null);
+			append(div, t3);
+			if (if_block2) if_block2.m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			const roommaterial_changes = (dirty & /*floorIndex, floorplanData*/ 34)
+			? get_spread_update(roommaterial_spread_levels, [
+					{
+						floorIndex: /*floorIndex*/ ctx[1],
+						floorplanData: /*floorplanData*/ ctx[5]
+					}
+				])
+			: {};
+
+			roommaterial.$set(roommaterial_changes);
+
+			if (/*hoverEnable*/ ctx[2]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*hoverEnable*/ 4) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_2(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(div, t1);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			const baseimage_changes = (dirty & /*floorplanData, floorIndex*/ 34)
+			? get_spread_update(baseimage_spread_levels, [
+					{
+						floorplanData: /*floorplanData*/ ctx[5],
+						floorIndex: /*floorIndex*/ ctx[1]
+					}
+				])
+			: {};
+
+			baseimage.$set(baseimage_changes);
+
+			if (/*roomLabelsEnable*/ ctx[3]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*roomLabelsEnable*/ 8) {
+						transition_in(if_block1, 1);
+					}
+				} else {
+					if_block1 = create_if_block_1(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(div, t3);
+				}
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
+			}
+
+			if (/*ruleLabelsEnable*/ ctx[4]) {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+
+					if (dirty & /*ruleLabelsEnable*/ 16) {
+						transition_in(if_block2, 1);
+					}
+				} else {
+					if_block2 = create_if_block(ctx);
+					if_block2.c();
+					transition_in(if_block2, 1);
+					if_block2.m(div, null);
+				}
+			} else if (if_block2) {
+				group_outros();
+
+				transition_out(if_block2, 1, 1, () => {
+					if_block2 = null;
+				});
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*isCurrent*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`floorplan-plugin__floor${/*isCurrent*/ ctx[0]
+			? ' floorplan-plugin__floor--is-current'
+			: ''}`) + " svelte-1oamigj"))) {
+				attr(div, "class", div_class_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(roommaterial.$$.fragment, local);
+			transition_in(if_block0);
+			transition_in(baseimage.$$.fragment, local);
+			transition_in(if_block1);
+			transition_in(if_block2);
+			current = true;
+		},
+		o(local) {
+			transition_out(roommaterial.$$.fragment, local);
+			transition_out(if_block0);
+			transition_out(baseimage.$$.fragment, local);
+			transition_out(if_block1);
+			transition_out(if_block2);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(roommaterial);
+			if (if_block0) if_block0.d();
+			destroy_component(baseimage);
+			if (if_block1) if_block1.d();
+			if (if_block2) if_block2.d();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { isCurrent } = $$props;
+	let { floorIndex } = $$props;
+	let { hoverEnable } = $$props;
+	let { roomLabelsEnable } = $$props;
+	let { ruleLabelsEnable } = $$props;
+	let { floorplanData } = $$props;
+	let { getLabelElement } = $$props;
+	let { adaptiveRoomLabelVisibleEnable } = $$props;
+	const hoveredRoom = writable(undefined);
+
+	$$self.$$set = $$props => {
+		if ('isCurrent' in $$props) $$invalidate(0, isCurrent = $$props.isCurrent);
+		if ('floorIndex' in $$props) $$invalidate(1, floorIndex = $$props.floorIndex);
+		if ('hoverEnable' in $$props) $$invalidate(2, hoverEnable = $$props.hoverEnable);
+		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);
+	};
+
+	return [
+		isCurrent,
+		floorIndex,
+		hoverEnable,
+		roomLabelsEnable,
+		ruleLabelsEnable,
+		floorplanData,
+		getLabelElement,
+		adaptiveRoomLabelVisibleEnable,
+		hoveredRoom
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				isCurrent: 0,
+				floorIndex: 1,
+				hoverEnable: 2,
+				roomLabelsEnable: 3,
+				ruleLabelsEnable: 4,
+				floorplanData: 5,
+				getLabelElement: 6,
+				adaptiveRoomLabelVisibleEnable: 7
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;