@realsee/dnalogel 2.0.0-alpha.8 → 2.0.0-alpha.9

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

@@ -0,0 +1,64 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let path_1;
+
+	return {
+		c() {
+			path_1 = svg_element("path");
+			attr(path_1, "d", /*d*/ ctx[0]);
+			attr(path_1, "fill", "#2F313A");
+		},
+		m(target, anchor) {
+			insert(target, path_1, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path_1, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(path_1);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let d;
+	let { path } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('path' in $$props) $$invalidate(1, path = $$props.path);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*path*/ 2) {
+			$: $$invalidate(0, d = pathD(path, { needZ: true }));
+		}
+	};
+
+	return [d, path];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { path: 1 });
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,103 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let defs;
+	let pattern;
+	let rect;
+	let path0;
+	let t;
+	let path1;
+
+	return {
+		c() {
+			defs = svg_element("defs");
+			pattern = svg_element("pattern");
+			rect = svg_element("rect");
+			path0 = svg_element("path");
+			t = space();
+			path1 = svg_element("path");
+			attr(rect, "x", "0");
+			attr(rect, "y", "0");
+			attr(rect, "width", /*width*/ ctx[1]);
+			attr(rect, "height", /*width*/ ctx[1]);
+			attr(rect, "fill", "#323747");
+			attr(path0, "d", /*patternPathD*/ ctx[2]);
+			attr(path0, "stroke", "#ffffff");
+			attr(path0, "stroke-opacity", "0.06");
+			attr(path0, "stroke-width", "0.5");
+			attr(path0, "fill", "none");
+			attr(pattern, "id", "fpm-room-pattern-0");
+			attr(pattern, "x", "0");
+			attr(pattern, "y", "0");
+			attr(pattern, "width", /*width*/ ctx[1]);
+			attr(pattern, "height", /*width*/ ctx[1]);
+			attr(pattern, "patternUnits", "userSpaceOnUse");
+			attr(path1, "d", /*d*/ ctx[0]);
+			attr(path1, "fill", "url(#fpm-room-pattern-0)");
+		},
+		m(target, anchor) {
+			insert(target, defs, anchor);
+			append(defs, pattern);
+			append(pattern, rect);
+			append(pattern, path0);
+			insert(target, t, anchor);
+			insert(target, path1, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path1, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(defs);
+			if (detaching) detach(t);
+			if (detaching) detach(path1);
+		}
+	};
+}
+
+const halfWidth = 6;
+
+function instance($$self, $$props, $$invalidate) {
+	let d;
+	let { path } = $$props;
+	const width = halfWidth * 2;
+	const patternPathD = `M0 ${halfWidth} h ${width} M${halfWidth} 0 v ${width}`;
+
+	$$self.$$set = $$props => {
+		if ('path' in $$props) $$invalidate(3, path = $$props.path);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*path*/ 8) {
+			$: $$invalidate(0, d = pathD(path, { needZ: true }));
+		}
+	};
+
+	return [d, width, patternPathD, path];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { path: 3 });
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,140 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	attr,
+	detach,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space,
+	svg_element
+} from "svelte/internal";
+
+import { pathD } from '../../utils/formatPosition';
+
+function create_fragment(ctx) {
+	let defs;
+	let pattern0;
+	let rect0;
+	let pattern1;
+	let rect1;
+	let t0;
+	let path0;
+	let t1;
+	let path1;
+	let t2;
+	let path2;
+
+	return {
+		c() {
+			defs = svg_element("defs");
+			pattern0 = svg_element("pattern");
+			rect0 = svg_element("rect");
+			pattern1 = svg_element("pattern");
+			rect1 = svg_element("rect");
+			t0 = space();
+			path0 = svg_element("path");
+			t1 = space();
+			path1 = svg_element("path");
+			t2 = space();
+			path2 = svg_element("path");
+			attr(rect0, "x", "0.5");
+			attr(rect0, "y", "0.5");
+			attr(rect0, "width", "6");
+			attr(rect0, "height", "50");
+			attr(rect0, "fill", "none");
+			attr(rect0, "stroke", "#4B4B57");
+			attr(rect0, "stroke-width", "0.5");
+			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, "patternUnits", "userSpaceOnUse");
+			attr(rect1, "x", "0.5");
+			attr(rect1, "y", "0.5");
+			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, "y", "25");
+			attr(pattern1, "width", "13");
+			attr(pattern1, "height", "51");
+			attr(pattern1, "patternUnits", "userSpaceOnUse");
+			attr(path0, "d", /*d*/ ctx[0]);
+			attr(path0, "fill", "#43434D");
+			attr(path1, "d", /*d*/ ctx[0]);
+			attr(path1, "fill", "url(#room-material-pattern-1)");
+			attr(path2, "d", /*d*/ ctx[0]);
+			attr(path2, "fill", "url(#room-material-pattern-2)");
+		},
+		m(target, anchor) {
+			insert(target, defs, anchor);
+			append(defs, pattern0);
+			append(pattern0, rect0);
+			append(defs, pattern1);
+			append(pattern1, rect1);
+			insert(target, t0, anchor);
+			insert(target, path0, anchor);
+			insert(target, t1, anchor);
+			insert(target, path1, anchor);
+			insert(target, t2, anchor);
+			insert(target, path2, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*d*/ 1) {
+				attr(path0, "d", /*d*/ ctx[0]);
+			}
+
+			if (dirty & /*d*/ 1) {
+				attr(path1, "d", /*d*/ ctx[0]);
+			}
+
+			if (dirty & /*d*/ 1) {
+				attr(path2, "d", /*d*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(defs);
+			if (detaching) detach(t0);
+			if (detaching) detach(path0);
+			if (detaching) detach(t1);
+			if (detaching) detach(path1);
+			if (detaching) detach(t2);
+			if (detaching) detach(path2);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let d;
+	let { path } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('path' in $$props) $$invalidate(1, path = $$props.path);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*path*/ 2) {
+			$: $$invalidate(0, d = pathD(path, { needZ: true }));
+		}
+	};
+
+	return [d, path];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { path: 1 });
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/SvgImage.js

@@ -0,0 +1,83 @@
+/* generated by Svelte v3.47.0 */
+import {
+	HtmlTag,
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
+}
+
+function create_fragment(ctx) {
+	let div;
+	let html_tag;
+	let t;
+	let html_tag_1;
+
+	return {
+		c() {
+			div = element("div");
+			html_tag = new HtmlTag();
+			t = space();
+			html_tag_1 = new HtmlTag();
+			html_tag.a = t;
+			html_tag_1.a = null;
+			attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			html_tag.m(/*svgStyle*/ ctx[1], div);
+			append(div, t);
+			html_tag_1.m(/*content*/ ctx[0], div);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*content*/ 1) html_tag_1.p(/*content*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { content } = $$props;
+
+	const svgStyle = `
+    <style>
+      svg [type='lineGroup'] path {
+        fill: #ffffff;
+        stroke: #ffffff;
+      }
+      svg [type='lineItemGroup'] g g g g {
+        stroke: #ffffff;
+      }
+    </style>
+  `;
+
+	$$self.$$set = $$props => {
+		if ('content' in $$props) $$invalidate(0, content = $$props.content);
+	};
+
+	return [content, svgStyle];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { content: 0 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/ModelFloorplanPlugin/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/ModelFloorplanPlugin/Components/Compass.js

@@ -0,0 +1,106 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	empty,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style,
+	space
+} from "svelte/internal";
+
+import { COMPASS_IMAGE } from '../Assets/compass';
+
+function add_css(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}
+function create_if_block(ctx) {
+	let div1;
+	let div0;
+	let t0;
+	let span;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t0 = space();
+			span = element("span");
+			span.textContent = "北";
+			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);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div1, t0);
+			append(div1, span);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let if_block = /*northRad*/ ctx[0] && 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 (/*northRad*/ ctx[0]) 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) {
+	let { floorplanData } = $$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);
+	};
+
+	return [northRad, compassTransformStyle, floorplanData];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorplanData: 2 }, add_css);
+	}
+}
+
+export default Component;