@realsee/dnalogel 2.0.0-alpha.43 → 2.0.0-alpha.46

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -0,0 +1,159 @@
+/* generated by Svelte v3.48.0 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	binding_callbacks,
+	detach,
+	element,
+	init,
+	insert,
+	listen,
+	noop,
+	null_to_empty,
+	safe_not_equal,
+	space
+} from "svelte/internal";
+
+import classnames from 'classnames';
+
+function add_css(target) {
+	append_styles(target, "svelte-6rn4em", ".plugin-DoorLabelPlugin-item.svelte-6rn4em.svelte-6rn4em{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.625rem;padding:0.3125rem;white-space:nowrap;font-size:0.625rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em::after{content:\"\";display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:0.125rem;border:1px solid rgba(0, 0, 0, 0);-o-border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;border-image:url(\"//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png\") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-6rn4em.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg\") no-repeat;background-size:100%;display:inline-block;width:0.52083rem;height:0.52083rem;margin-left:0.20833rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-txt.svelte-6rn4em{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{transform:rotate(-90deg);margin-left:0;margin-right:0.20833rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em .plugin-DoorLabelPlugin-icon.svelte-6rn4em{background:url(\"//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg\") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-6rn4em.svelte-6rn4em:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}");
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let div0;
+	let span;
+	let t1;
+	let i;
+	let div0_class_value;
+	let div0_style_value;
+	let div1_style_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			span = element("span");
+			span.textContent = `${/*name*/ ctx[8]}`;
+			t1 = space();
+			i = element("i");
+			attr(span, "class", "plugin-DoorLabelPlugin-txt svelte-6rn4em");
+			attr(i, "class", "plugin-DoorLabelPlugin-icon svelte-6rn4em");
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(classnames('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"));
+			attr(div0, "style", div0_style_value = `transform: ${/*transform*/ ctx[6] || 'initial'};pointerEvents: ${/*inSight*/ ctx[5] ? 'auto' : 'none'};opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			attr(div0, "data-camera-toward", /*cameraToward*/ ctx[7]);
+			attr(div1, "style", div1_style_value = `left: ${/*left*/ ctx[3] || 0}%;top: ${/*top*/ ctx[4] || 0}%;opacity: ${/*inSight*/ ctx[5] ? 1 : 0}`);
+			attr(div1, "class", "plugin-DoorLabelPlugin-item svelte-6rn4em");
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			append(div0, span);
+			append(div0, t1);
+			append(div0, i);
+			/*div1_binding*/ ctx[10](div1);
+
+			if (!mounted) {
+				dispose = listen(div0, "click", /*click_handler*/ ctx[9]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*props*/ 1 && div0_class_value !== (div0_class_value = "" + (null_to_empty(classnames('plugin-DoorLabelPlugin-cnt', /*props*/ ctx[0].toward)) + " svelte-6rn4em"))) {
+				attr(div0, "class", div0_class_value);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+			/*div1_binding*/ ctx[10](null);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { props } = $$props;
+	let { onClick } = $$props;
+	let divElement;
+	let { left, top, inSight, transform, panoIndex, cameraToward, name } = props;
+	let prevPanoIndexRef = 0;
+
+	const initPanoIndex = () => {
+		if (!left || !top || !inSight) {
+			return;
+		}
+
+		if (!divElement) return;
+		const _width = divElement.current.clientWidth / window.innerWidth * 100;
+		const _height = divElement.current.clientHeight / window.innerHeight * 100;
+
+		if (left <= _width / 2 || left >= 100 - _width / 2) {
+			return;
+		}
+
+		if (top <= _height / 2 || top >= 100 - _height / 2) {
+			return;
+		}
+
+		const prevPanoIndex = prevPanoIndexRef;
+
+		if (panoIndex !== prevPanoIndex) {
+			// 触发埋点
+			console.log('panoDoorLabelPlugin', panoIndex, '触发埋点');
+
+			// 这里触发曝光埋点
+			prevPanoIndexRef = panoIndex;
+		}
+	};
+
+	const click_handler = e => {
+		if (onClick) onClick();
+	};
+
+	function div1_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			divElement = $$value;
+			$$invalidate(2, divElement);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('props' in $$props) $$invalidate(0, props = $$props.props);
+		if ('onClick' in $$props) $$invalidate(1, onClick = $$props.onClick);
+	};
+
+	$: {
+		initPanoIndex();
+	}
+
+	return [
+		props,
+		onClick,
+		divElement,
+		left,
+		top,
+		inSight,
+		transform,
+		cameraToward,
+		name,
+		click_handler,
+		div1_binding
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { props: 0, onClick: 1 }, add_css);
+	}
+}
+
+export default Component;

package/libs/PanoDoorLabelPlugin/index.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import type { FloorplanServerData } from '../floorplan';
+import type { PanoDoorLabelPluginController } from './Controller';
+export type { FloorplanServerData, FloorplanServerRoomItem, } from 'src/floorplan/typings/floorplanServerData';
+declare const PanoDoorLabelPlugin: FivePlugin<FloorplanServerData, PanoDoorLabelPluginController>;
+export { PanoDoorLabelPlugin };
+export default PanoDoorLabelPlugin;

package/libs/PanoDoorLabelPlugin/index.js

@@ -0,0 +1,6 @@
+import * as Controller from './Controller';
+const PanoDoorLabelPlugin = (five) => {
+    return new Controller.PanoDoorLabelPluginController(five);
+};
+export { PanoDoorLabelPlugin };
+export default PanoDoorLabelPlugin;

package/libs/PanoDoorLabelPlugin/typings.d.ts

@@ -0,0 +1,33 @@
+import type * as THREE from 'three';
+export interface DoorLabel {
+    /** 观察点的房间 */
+    roomName: string;
+    /** 标签展示的房间名 */
+    name: string;
+    /** 标签的三维坐标位置 */
+    position: THREE.Vector3;
+    /** 标签的朝向 */
+    toward: '' | 'left' | 'right' | 'back' | 'forward';
+    [props: string]: any;
+}
+export interface LabelItemProp extends DoorLabel {
+    /** css left */
+    left: number;
+    /** css top */
+    top: number;
+    /** css transform */
+    transform: string;
+    /** 当前点位有哪些标签可以展示 */
+    visible: boolean;
+    /** 是否能够展示在用户视线内（inSight 是 visible 的一个子集，当切换户型图模式或是有模型遮挡时，inSight 为 false） */
+    inSight: boolean;
+    /** icon 朝向 */
+    cameraToward: '' | 'left' | 'right' | 'back' | 'forward';
+}
+export interface NeverOverlapLabel {
+    left: number;
+    top: number;
+    disFromCameraToLabel: number;
+    index: number;
+    transform?: string;
+}

package/libs/PanoDoorLabelPlugin/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+export declare function isTwoRectOverlaped(rect1: any, rect2: any): boolean;
+export declare function getCameraToward(five: Five): "" | "right" | "left" | "back" | "forward";
+export declare function getDistance(p1: any, p2: any): number;
+export declare function getToward(rad: number): "" | "right" | "left" | "back" | "forward";

package/libs/PanoDoorLabelPlugin/utils.js

@@ -0,0 +1,55 @@
+import { Vector3 } from 'three';
+export function isTwoRectOverlaped(rect1, rect2) {
+    // 两矩形的中心点水平及垂直距离
+    const verticalDistance = Math.abs(rect1.top + rect1.height / 2 - rect2.top - rect2.height / 2);
+    const horizontalDistance = Math.abs(rect1.left + rect1.width / 2 - rect2.left - rect2.width / 2);
+    const verticalThreshold = (rect1.height + rect2.height) / 2;
+    const horizontalThroshold = (rect1.width + rect2.width) / 2;
+    if (verticalDistance > verticalThreshold && horizontalDistance > horizontalThroshold) {
+        return false;
+    }
+    return true;
+}
+export function getCameraToward(five) {
+    const { camera } = five;
+    const cameraDirection = camera.getWorldDirection(new Vector3());
+    let angel = (Math.atan(cameraDirection.z / cameraDirection.x) * 180) / Math.PI;
+    let toward = '';
+    if (cameraDirection.x < 0)
+        angel += 180;
+    if (angel < 0)
+        angel += 360;
+    if (angel > 315 || angel <= 45) {
+        toward = 'right';
+    }
+    else if (angel > 45 && angel <= 135) {
+        toward = 'back';
+    }
+    else if (angel > 135 && angel <= 225) {
+        toward = 'left';
+    }
+    else if (angel > 225 && angel <= 315) {
+        toward = 'forward';
+    }
+    return toward;
+}
+export function getDistance(p1, p2) {
+    return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
+}
+// left、right、forward、back 是 roomLabel 的朝向
+export function getToward(rad) {
+    const pi_4 = Math.PI / 4;
+    if (rad > -pi_4 && rad <= pi_4) {
+        return 'left';
+    }
+    else if (rad > pi_4 * 3 || rad <= -pi_4 * 3) {
+        return 'right';
+    }
+    else if (rad > -pi_4 * 3 && rad <= -pi_4) {
+        return 'forward';
+    }
+    else if (rad > pi_4 && rad <= pi_4 * 3) {
+        return 'back';
+    }
+    return '';
+}

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	add_render_callback,
@@ -21,7 +21,7 @@ import {
 } from "svelte/internal";
 
 function add_css(target) {
-	append_styles(target, "svelte-xuljmc", ".PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-xuljmc-viewport-rule-point 0.1s 1s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-xuljmc-viewport-rule-point 0.1s 1.5s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-xuljmc em.svelte-xuljmc{display:block;height:0.0625rem;animation:svelte-xuljmc-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-xuljmc.svelte-xuljmc{display:flex;height:0.0625rem;animation:svelte-xuljmc-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;align-items:center}.em-solid.svelte-xuljmc.svelte-xuljmc{height:100%;background:#ffffff}.em-dotted.svelte-xuljmc.svelte-xuljmc{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-xuljmc.svelte-xuljmc{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-xuljmc.svelte-xuljmc{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-xuljmc-viewport-rule-label 0.25s ease 1s;animation:svelte-xuljmc-viewport-rule-label 0.25s ease 1s;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@keyframes svelte-xuljmc-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-xuljmc-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-xuljmc-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
+	append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -48,7 +48,7 @@ function create_else_block(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "rule-mixed-line svelte-xuljmc");
+			attr(div, "class", "rule-mixed-line svelte-qy4ud2");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -99,7 +99,7 @@ function create_if_block(ctx) {
 
 			attr(em, "class", em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
 			? 'em-solid'
-			: 'em-dotted') + " svelte-xuljmc"));
+			: 'em-dotted') + " svelte-qy4ud2"));
 
 			attr(em, "style", /*vars*/ ctx[3]);
 		},
@@ -109,7 +109,7 @@ function create_if_block(ctx) {
 		p(ctx, dirty) {
 			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
 			? 'em-solid'
-			: 'em-dotted') + " svelte-xuljmc"))) {
+			: 'em-dotted') + " svelte-qy4ud2"))) {
 				attr(em, "class", em_class_value);
 			}
 
@@ -132,7 +132,7 @@ function create_each_block(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-xuljmc"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"));
 			attr(div, "style", /*vars*/ ctx[3]);
 			set_style(div, "width", style_width, false);
 		},
@@ -140,7 +140,7 @@ function create_each_block(ctx) {
 			insert(target, div, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-xuljmc"))) {
+			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-qy4ud2"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -188,11 +188,11 @@ function create_fragment(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			t1 = text(t1_value);
-			attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-xuljmc");
+			attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-qy4ud2");
 			add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
-			attr(div1, "class", "PanoRulerPlugin-rule-label svelte-xuljmc");
+			attr(div1, "class", "PanoRulerPlugin-rule-label svelte-qy4ud2");
 			set_style(div1, "left", style_left, false);
-			attr(div2, "class", "PanoRulerPlugin-rule-line svelte-xuljmc");
+			attr(div2, "class", "PanoRulerPlugin-rule-line svelte-qy4ud2");
 			set_style(div2, "width", style_width, false);
 			set_style(div2, "left", style_left_1, false);
 			set_style(div2, "top", style_top, false);

package/libs/PanoRulerProPlugin/RulerItems.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	check_outros,

package/libs/PanoSpatialTagPlugin/Components/origins.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append_styles,
@@ -19,7 +19,7 @@ import {
 import { currentTarget } from '../store';
 
 function add_css(target) {
-	append_styles(target, "svelte-scnx9u", ".PanoSpatialTagPlugin__tag-origin.svelte-scnx9u{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-scnx9u:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-scnx9u{transform:translate(-50%, -50%) scale(0.6);animation:svelte-scnx9u-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@keyframes svelte-scnx9u-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-scnx9u-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
+	append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -43,7 +43,7 @@ function create_each_block(ctx) {
 	return {
 		c() {
 			i = element("i");
-			attr(i, "class", "svelte-scnx9u");
+			attr(i, "class", "svelte-1kuu68s");
 			toggle_class(i, "PanoSpatialTagPlugin__tag-origin", true);
 			toggle_class(i, "PanoSpatialTagPlugin__tag-origin-destroy", /*origin*/ ctx[3].destroying);
 			set_style(i, "top", style_top, false);

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append,
@@ -22,7 +22,7 @@ import '../typings';
 import { currentTarget } from '../store';
 
 function add_css(target) {
-	append_styles(target, "svelte-8ki8yx", ".PanoSpatialTagPlugin__tag-x.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx.svelte-8ki8yx{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-8ki8yx.svelte-8ki8yx{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx{animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx{animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx.svelte-8ki8yx{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line.svelte-8ki8yx{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-8ki8yx.svelte-8ki8yx{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-animate.svelte-8ki8yx{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-8ki8yx.svelte-8ki8yx{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content .svelte-8ki8yx{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+	append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 
 function create_fragment(ctx) {
@@ -56,19 +56,19 @@ function create_fragment(ctx) {
 			t3 = space();
 			div3 = element("div");
 			div2 = element("div");
-			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-8ki8yx");
+			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
 			set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px) scale(" + 1 / /*contentZoom*/ ctx[3] + ")");
-			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-8ki8yx");
+			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
 			set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
-			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-8ki8yx");
-			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-8ki8yx");
-			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-8ki8yx");
-			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-8ki8yx");
-			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-8ki8yx");
+			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
+			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-eb8bdm");
+			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-eb8bdm");
+			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-eb8bdm");
+			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-eb8bdm");
 			set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
 			attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
 			set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
-			attr(div4, "class", "svelte-8ki8yx");
+			attr(div4, "class", "svelte-eb8bdm");
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);

package/libs/floorplan/Components/BaseImage.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append_styles,
@@ -21,7 +21,7 @@ import NormalImage from './Normalmage';
 import SvgImage from './SvgImage';
 
 function add_css(target) {
-	append_styles(target, "svelte-126ja8e", ".floorplan-plugin__base-image.svelte-126ja8e{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
+	append_styles(target, "svelte-ozpg4a", ".floorplan-plugin__base-image.svelte-ozpg4a{position:absolute;z-index:10;width:100%;height:100%;pointer-events:none}");
 }
 
 // (13:22) 
@@ -117,7 +117,7 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			if (if_block) if_block.c();
-			attr(div, "class", "floorplan-plugin__base-image svelte-126ja8e");
+			attr(div, "class", "floorplan-plugin__base-image svelte-ozpg4a");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);

package/libs/floorplan/Components/Camera.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append,
@@ -17,7 +17,7 @@ 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%}");
+	append_styles(target, "svelte-17cl35n", ".floorplan__camera-position.svelte-17cl35n{position:absolute;width:0;height:0}.floorplan__camera-rotate.svelte-17cl35n{position:absolute;background-repeat:no-repeat;background-size:100%}");
 }
 
 function create_fragment(ctx) {
@@ -28,7 +28,7 @@ function create_fragment(ctx) {
 		c() {
 			div1 = element("div");
 			div0 = element("div");
-			attr(div0, "class", "floorplan__camera-rotate svelte-e8a2kn");
+			attr(div0, "class", "floorplan__camera-rotate svelte-17cl35n");
 			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);
@@ -36,7 +36,7 @@ function create_fragment(ctx) {
 			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");
+			attr(div1, "class", "floorplan__camera-position svelte-17cl35n");
 			set_style(div1, "left", /*positionLeft*/ ctx[1], false);
 			set_style(div1, "top", /*positionTop*/ ctx[2], false);
 		},

package/libs/floorplan/Components/Compass.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append,
@@ -20,7 +20,7 @@ import {
 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}");
+	append_styles(target, "svelte-z9kwkx", ".floorplan-plugin__compass.svelte-z9kwkx{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-z9kwkx{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-z9kwkx{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
 }
 
 // (14:0) {#if canCompassShow}
@@ -38,10 +38,10 @@ function create_if_block(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(/*northDesc*/ ctx[0]);
-			attr(div0, "class", "floorplan-plugin__compass-image svelte-p7yk9v");
+			attr(div0, "class", "floorplan-plugin__compass-image svelte-z9kwkx");
 			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");
+			attr(span, "class", "floorplan-plugin__compass-text svelte-z9kwkx");
+			attr(div1, "class", "floorplan-plugin__compass svelte-z9kwkx");
 			set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {

package/libs/floorplan/Components/CurrentFloor.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append,
@@ -30,7 +30,7 @@ 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}");
+	append_styles(target, "svelte-bl8zrz", ".floorplan-plugin__floor.svelte-bl8zrz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}.floorplan-plugin__floor--is-current.svelte-bl8zrz{opacity:1;pointer-events:auto}");
 }
 
 // (20:2) {#if hoverEnable}
@@ -265,7 +265,7 @@ function create_fragment(ctx) {
 
 			attr(div, "class", div_class_value = "" + (null_to_empty(`floorplan-plugin__floor${/*isCurrent*/ ctx[0]
 			? ' floorplan-plugin__floor--is-current'
-			: ''}`) + " svelte-1oamigj"));
+			: ''}`) + " svelte-bl8zrz"));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -374,7 +374,7 @@ function create_fragment(ctx) {
 
 			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"))) {
+			: ''}`) + " svelte-bl8zrz"))) {
 				attr(div, "class", div_class_value);
 			}
 		},

package/libs/floorplan/Components/Main.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	add_render_callback,
@@ -32,7 +32,7 @@ import Compass from './Compass';
 import CurrentFloor from './CurrentFloor';
 
 function add_css(target) {
-	append_styles(target, "svelte-iyx1nn", ".floorplan-main.svelte-iyx1nn{width:100%;height:100%;pointer-events:none}");
+	append_styles(target, "svelte-86bqav", ".floorplan-main.svelte-86bqav{width:100%;height:100%;pointer-events:none}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -90,7 +90,7 @@ function create_if_block(ctx) {
 			create_component(camera.$$.fragment);
 			t1 = space();
 			if (if_block) if_block.c();
-			attr(div, "class", "floorplan-main svelte-iyx1nn");
+			attr(div, "class", "floorplan-main svelte-86bqav");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);

package/libs/floorplan/Components/Normalmage.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.49.0 */
+/* generated by Svelte v3.48.0 */
 import {
 	SvelteComponent,
 	append_styles,
@@ -13,7 +13,7 @@ import {
 } from "svelte/internal";
 
 function add_css(target) {
-	append_styles(target, "svelte-1cuuebb", "img.svelte-1cuuebb{width:100%;height:100%}");
+	append_styles(target, "svelte-1gfoniz", "img.svelte-1gfoniz{width:100%;height:100%}");
 }
 
 function create_fragment(ctx) {
@@ -25,7 +25,7 @@ function create_fragment(ctx) {
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = /*url*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", "floorplan iamge");
-			attr(img, "class", "svelte-1cuuebb");
+			attr(img, "class", "svelte-1gfoniz");
 		},
 		m(target, anchor) {
 			insert(target, img, anchor);