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

package/libs/floorplan/PanoFloorplanRadarPlugin/Components/CurrentFloor/ExtraObjects.js

@@ -0,0 +1,154 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	destroy_block,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	set_style,
+	space,
+	update_keyed_each
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-8n0d4v", ".plugin-pano-floorplan__extra-objects.svelte-8n0d4v{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.plugin-pano-floorplan__extra-object-item--position.svelte-8n0d4v{position:absolute;width:0;height:0}.plugin-pano-floorplan__extra-object-item.svelte-8n0d4v{transform:translate(-50%, -50%)}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[1] = list[i];
+	return child_ctx;
+}
+
+// (5:2) {#each extraObjects as extraObject (extraObject.id)}
+function create_each_block(key_1, ctx) {
+	let div1;
+	let div0;
+	let style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`;
+	let style_height = `${/*extraObject*/ ctx[1].icon.height / 16}rem`;
+	let t;
+	let style_top = `${/*extraObject*/ ctx[1].positionInImage.y * 100}%`;
+	let style_left = `${/*extraObject*/ ctx[1].positionInImage.x * 100}%`;
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			t = space();
+			attr(div0, "class", "plugin-pano-floorplan__extra-object-item svelte-8n0d4v");
+			set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
+			set_style(div0, "width", style_width, false);
+			set_style(div0, "height", style_height, false);
+			attr(div1, "class", "plugin-pano-floorplan__extra-object-item--position svelte-8n0d4v");
+			set_style(div1, "top", style_top, false);
+			set_style(div1, "left", style_left, false);
+			this.first = div1;
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div1, t);
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (dirty & /*extraObjects*/ 1) {
+				set_style(div0, "background-image", `url(${/*extraObject*/ ctx[1].icon.url})`);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_width !== (style_width = `${/*extraObject*/ ctx[1].icon.width / 16}rem`)) {
+				set_style(div0, "width", style_width, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_height !== (style_height = `${/*extraObject*/ ctx[1].icon.height / 16}rem`)) {
+				set_style(div0, "height", style_height, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_top !== (style_top = `${/*extraObject*/ ctx[1].positionInImage.y * 100}%`)) {
+				set_style(div1, "top", style_top, false);
+			}
+
+			if (dirty & /*extraObjects*/ 1 && style_left !== (style_left = `${/*extraObject*/ ctx[1].positionInImage.x * 100}%`)) {
+				set_style(div1, "left", style_left, false);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let each_value = /*extraObjects*/ ctx[0];
+	const get_key = ctx => /*extraObject*/ ctx[1].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", "plugin-pano-floorplan__extra-objects svelte-8n0d4v");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*extraObjects*/ 1) {
+				each_value = /*extraObjects*/ ctx[0];
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, destroy_block, create_each_block, null, get_each_context);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { extraObjects = [] } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('extraObjects' in $$props) $$invalidate(0, extraObjects = $$props.extraObjects);
+	};
+
+	return [extraObjects];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { extraObjects: 0 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/PanoFloorplanRadarPlugin/Components/Main.js

@@ -0,0 +1,312 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	add_resize_listener,
+	append,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { onMount } from 'svelte';
+import Camera from './Camera';
+import CurrentFloor from './CurrentFloor/CurrentFloor';
+
+function add_css(target) {
+	append_styles(target, "svelte-7d8ub2", ".plugin-floorplan-radar.svelte-7d8ub2{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.plugin-floorplan-radar-container.svelte-7d8ub2{position:relative}");
+}
+
+// (41:2) {#if clientWidth !== 0}
+function create_if_block(ctx) {
+	let div;
+	let currentfloor;
+	let t;
+	let camera;
+	let style_width = `${/*contentWidth*/ ctx[7]}px`;
+	let style_height = `${/*contentHeight*/ ctx[10]}px`;
+	let current;
+
+	const currentfloor_spread_levels = [
+		{
+			five: /*five*/ ctx[0],
+			pxmm: /*pxmm*/ ctx[8],
+			floorIndex: /*floorIndex*/ ctx[9],
+			floorplanData: /*floorplanData*/ ctx[2],
+			hoverEnable: /*hoverEnable*/ ctx[1],
+			extraObjects: /*extraObjects*/ 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 });
+
+	const camera_spread_levels = [
+		{
+			pxmm: /*pxmm*/ ctx[8],
+			five: /*five*/ ctx[0],
+			floorplanData: /*floorplanData*/ ctx[2],
+			cameraImageUrl: /*cameraImageUrl*/ ctx[3]
+		}
+	];
+
+	let camera_props = {};
+
+	for (let i = 0; i < camera_spread_levels.length; i += 1) {
+		camera_props = assign(camera_props, camera_spread_levels[i]);
+	}
+
+	camera = new Camera({ props: camera_props });
+
+	return {
+		c() {
+			div = element("div");
+			create_component(currentfloor.$$.fragment);
+			t = space();
+			create_component(camera.$$.fragment);
+			attr(div, "class", "plugin-floorplan-radar-container svelte-7d8ub2");
+			set_style(div, "width", style_width, false);
+			set_style(div, "height", style_height, false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(currentfloor, div, null);
+			append(div, t);
+			mount_component(camera, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const currentfloor_changes = (dirty & /*five, pxmm, floorIndex, floorplanData, hoverEnable, extraObjects*/ 791)
+			? get_spread_update(currentfloor_spread_levels, [
+					{
+						five: /*five*/ ctx[0],
+						pxmm: /*pxmm*/ ctx[8],
+						floorIndex: /*floorIndex*/ ctx[9],
+						floorplanData: /*floorplanData*/ ctx[2],
+						hoverEnable: /*hoverEnable*/ ctx[1],
+						extraObjects: /*extraObjects*/ ctx[4]
+					}
+				])
+			: {};
+
+			currentfloor.$set(currentfloor_changes);
+
+			const camera_changes = (dirty & /*pxmm, five, floorplanData, cameraImageUrl*/ 269)
+			? get_spread_update(camera_spread_levels, [
+					{
+						pxmm: /*pxmm*/ ctx[8],
+						five: /*five*/ ctx[0],
+						floorplanData: /*floorplanData*/ ctx[2],
+						cameraImageUrl: /*cameraImageUrl*/ ctx[3]
+					}
+				])
+			: {};
+
+			camera.$set(camera_changes);
+
+			if (dirty & /*contentWidth*/ 128 && style_width !== (style_width = `${/*contentWidth*/ ctx[7]}px`)) {
+				set_style(div, "width", style_width, false);
+			}
+
+			if (dirty & /*contentHeight*/ 1024 && style_height !== (style_height = `${/*contentHeight*/ ctx[10]}px`)) {
+				set_style(div, "height", style_height, false);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(currentfloor.$$.fragment, local);
+			transition_in(camera.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(currentfloor.$$.fragment, local);
+			transition_out(camera.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(currentfloor);
+			destroy_component(camera);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let div_resize_listener;
+	let current;
+	let if_block = /*clientWidth*/ ctx[5] !== 0 && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block) if_block.c();
+			attr(div, "class", "plugin-floorplan-radar svelte-7d8ub2");
+			add_render_callback(() => /*div_elementresize_handler*/ ctx[11].call(div));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block) if_block.m(div, null);
+			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[11].bind(div));
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*clientWidth*/ ctx[5] !== 0) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*clientWidth*/ 32) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(div, null);
+				}
+			} 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 (detaching) detach(div);
+			if (if_block) if_block.d();
+			div_resize_listener();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { five } = $$props;
+	let { hoverEnable } = $$props;
+	let { floorplanData } = $$props;
+	let { cameraImageUrl } = $$props;
+	let { extraObjects = [] } = $$props;
+	let pxmm = 0;
+	let floorIndex = 0;
+	let clientWidth = 0;
+	let clientHeight = 0;
+	let contentWidth = 0;
+	let contentHeight = 0;
+
+	function handlePanoArrived(panoIndex) {
+		$$invalidate(9, floorIndex = five.work.observers[panoIndex].floorIndex);
+	}
+
+	onMount(() => {
+		five.on('panoArrived', handlePanoArrived);
+
+		return () => {
+			five.off('panoArrived', handlePanoArrived);
+		};
+	});
+
+	function div_elementresize_handler() {
+		clientWidth = this.clientWidth;
+		clientHeight = this.clientHeight;
+		$$invalidate(5, clientWidth);
+		$$invalidate(6, clientHeight);
+	}
+
+	$$self.$$set = $$props => {
+		if ('five' in $$props) $$invalidate(0, five = $$props.five);
+		if ('hoverEnable' in $$props) $$invalidate(1, hoverEnable = $$props.hoverEnable);
+		if ('floorplanData' in $$props) $$invalidate(2, floorplanData = $$props.floorplanData);
+		if ('cameraImageUrl' in $$props) $$invalidate(3, cameraImageUrl = $$props.cameraImageUrl);
+		if ('extraObjects' in $$props) $$invalidate(4, extraObjects = $$props.extraObjects);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*clientWidth, clientHeight, floorplanData, contentWidth*/ 228) {
+			$: {
+				const size = Math.min(clientWidth, clientHeight);
+				const { max, min } = floorplanData.bounding;
+				const boundingWidth = max.x - min.x;
+				const boundingHeight = max.y - min.y;
+
+				const contentSize = (function getSize() {
+					if (boundingWidth > boundingHeight) return [size, size / boundingWidth * boundingHeight];
+					return [size / boundingHeight * boundingWidth, size];
+				})();
+
+				$$invalidate(7, contentWidth = contentSize[0]);
+				$$invalidate(10, contentHeight = contentSize[1]);
+				$$invalidate(8, pxmm = contentWidth / boundingWidth);
+			}
+		}
+	};
+
+	return [
+		five,
+		hoverEnable,
+		floorplanData,
+		cameraImageUrl,
+		extraObjects,
+		clientWidth,
+		clientHeight,
+		contentWidth,
+		pxmm,
+		floorIndex,
+		contentHeight,
+		div_elementresize_handler
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				five: 0,
+				hoverEnable: 1,
+				floorplanData: 2,
+				cameraImageUrl: 3,
+				extraObjects: 4
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/floorplan/PanoFloorplanRadarPlugin/Controller.js

@@ -1,4 +1,4 @@
-import Main from './Components/Main.svelte';
+import Main from './Components/Main';
 import formatData, { formatExtraObjects } from '../utils/formatData';
 export default class PanoFloorplanRadarPluginController {
     app;

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -2,7 +2,7 @@ import { pluginStyle } from './style';
 import formatData from '../utils/formatData';
 import { omit } from '../../shared-utils/filter';
 import getPxmm from '../../shared-utils/getPxmm';
-import Main from "../ModelFloorplanPlugin/Components/Main.svelte";
+import Main from "../ModelFloorplanPlugin/Components/Main";
 import changeModelCanvasOpacity from '../../shared-utils/changeModelCanvasOpacity';
 export class TopviewFloorplanPluginController {
     size = { width: 0, height: 0 };

package/libs/index.d.ts

@@ -20,3 +20,5 @@ export type { PanoRulerPluginParameterType, PanoRulerPluginExportType, PanoRuler
 export { default as PanoRulerPlugin } from './PanoRulerPlugin';
 export type { PanoCompassPluginParameterType, PanoCompassPluginExportType, PanoCompassPluginData, } from './PanoCompassPlugin';
 export { default as PanoCompassPlugin } from './PanoCompassPlugin';
+export type { PluginReturns, PluginEvent, LineJson, PointJson } from './PanoMeasurePlugin';
+export { default as PanoMeasurePlugin } from './PanoMeasurePlugin';

package/libs/index.js

@@ -12,3 +12,4 @@ export { default as ModelEntryDoorGuidePlugin } from './ModelEntryDoorGuidePlugi
 export { default as CameraMovementPlugin } from './CameraMovementPlugin';
 export { default as PanoRulerPlugin } from './PanoRulerPlugin';
 export { default as PanoCompassPlugin } from './PanoCompassPlugin';
+export { default as PanoMeasurePlugin } from './PanoMeasurePlugin';

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "@realsee/dnalogel",
   "main": "libs/index.js",
+  "typings": "./lib/index.d.ts",
   "type": "module",
   "author": "REALSEE-DEVELOPER",
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "private": false,
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.9",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
-    "build:dev": "yarn tsb && vite build --watch",
-    "build": "yarn tsb && vite build",
-    "tsb": "tsc && yarn build:svelte",
-    "build:svelte": "svelte-strip strip src/ libs",
+    "build": "yarn run tsb && yarn run build:rollup && yarn build:docs",
+    "build:dev": "yarn build:svelte && tsc --watch",
+    "build:rollup": " rollup --config rollup.config.js",
+    "tsb": "tsc && yarn build:svelte && ./bin/svelte-compile.js",
+    "build:svelte": "svelte-strip strip src/ libs -m=false",
     "build:docs": "typedoc --options ./typedoc.json",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json"
@@ -26,9 +28,9 @@
     "@babel/core": "^7.17.5",
     "@realsee/five": "^5.0.0-alpha.98",
     "@rollup/plugin-alias": "^3.1.9",
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
+    "@rollup/plugin-commonjs": "^21.1.0",
+    "@rollup/plugin-typescript": "^8.3.2",
     "@tsconfig/svelte": "^2.0.1",
-    "@tweenjs/tween.js": "^18.6.4",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",
     "@vitejs/plugin-react-refresh": "^1.3.6",
@@ -36,18 +38,24 @@
     "classnames": "^2.3.1",
     "eslint": "^8.9.0",
     "eslint-config-alloy": "^4.5.1",
-    "glob": "^7.2.0",
-    "hammerjs": "^2.0.8",
+    "glob": "^8.0.1",
     "postcss": "^8.4.6",
     "postcss-plugin-px2rem": "^0.8.1",
-    "svelte": "^3.44.0",
+    "replace": "^1.2.1",
+    "rollup-plugin-multi-input": "^1.3.1",
+    "rollup-plugin-svelte": "^7.1.0",
     "svelte-check": "^2.2.7",
-    "svelte-preprocess": "^4.9.8",
+    "svelte-preprocess": "^4.10.6",
     "svelte-strip": "^1.0.1",
     "three": "0.117.1",
     "tslib": "^2.3.1",
     "typedoc": "^0.22.11",
     "typescript": "^4.5.5",
     "vite": "^2.8.0"
+  },
+  "dependencies": {
+    "@tweenjs/tween.js": "^18.6.4",
+    "hammerjs": "^2.0.8",
+    "svelte": "^3.47.0"
   }
 }