@realsee/dnalogel 2.1.0-alpha.2 → 2.1.0-alpha.3

package/libs/PanoTagPlugin/Components/Common/Media.js

@@ -8,6 +8,7 @@ import {
 	check_outros,
 	create_in_transition,
 	create_out_transition,
+	destroy_each,
 	detach,
 	element,
 	empty,
@@ -27,74 +28,79 @@ import {
 import { fly } from 'svelte/transition';
 import { Image_Play } from '../../Assets/Icon';
 import { linear } from 'svelte/easing';
+import { notNil } from '../../../shared-utils/isNil';
 
 function add_css(target) {
-	append_styles(target, "svelte-q613rs", ".media.svelte-q613rs{width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px}.media-content.svelte-q613rs{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover}.video-icon.svelte-q613rs{width:1.45833rem;height:1.45833rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+	append_styles(target, "svelte-129jnm", ".media.svelte-129jnm{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0.125rem}.carousel-item.svelte-129jnm{height:100%}.media-content.svelte-129jnm{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:inherit;object-fit:inherit}.video-icon.svelte-129jnm{width:1.75rem;height:1.75rem;background-size:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
 }
 
-// (12:0) {#if unfolded}
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[9] = list[i];
+	return child_ctx;
+}
+
+// (16:0) {#if unfolded}
 function create_if_block(ctx) {
 	let div;
-	let t;
 	let div_intro;
 	let div_outro;
 	let current;
+	let each_value = /*mediaDataList*/ ctx[6];
+	let each_blocks = [];
 
-	function select_block_type(ctx, dirty) {
-		if (/*imageUrl*/ ctx[5]) return create_if_block_2;
-		return create_else_block;
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block0 = current_block_type(ctx);
-	let if_block1 = /*mediaData*/ ctx[0].type === 'Video' && create_if_block_1(ctx);
-
 	return {
 		c() {
 			div = element("div");
-			if_block0.c();
-			t = space();
-			if (if_block1) if_block1.c();
-			attr(div, "class", "media svelte-q613rs");
-			toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "media svelte-129jnm");
+			toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			if_block0.m(div, null);
-			append(div, t);
-			if (if_block1) if_block1.m(div, null);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
 			current = true;
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block0) {
-				if_block0.p(ctx, dirty);
-			} else {
-				if_block0.d(1);
-				if_block0 = current_block_type(ctx);
+			if (dirty & /*objectFit, Image_Play, mediaDataList*/ 96) {
+				each_value = /*mediaDataList*/ ctx[6];
+				let i;
 
-				if (if_block0) {
-					if_block0.c();
-					if_block0.m(div, t);
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(div, null);
+					}
 				}
-			}
 
-			if (/*mediaData*/ ctx[0].type === 'Video') {
-				if (if_block1) {
-					if_block1.p(ctx, dirty);
-				} else {
-					if_block1 = create_if_block_1(ctx);
-					if_block1.c();
-					if_block1.m(div, null);
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
 				}
-			} else if (if_block1) {
-				if_block1.d(1);
-				if_block1 = null;
+
+				each_blocks.length = each_value.length;
 			}
 
-			if (!current || dirty & /*unfolded*/ 16) {
-				toggle_class(div, "unfolded", /*unfolded*/ ctx[4]);
+			if (!current || dirty & /*unfolded*/ 8) {
+				toggle_class(div, "unfolded", /*unfolded*/ ctx[3]);
 			}
 		},
 		i(local) {
@@ -104,12 +110,14 @@ function create_if_block(ctx) {
 				add_render_callback(() => {
 					if (div_outro) div_outro.end(1);
 
-					div_intro = create_in_transition(div, fly, {
-						y: 4,
-						duration: /*duration*/ ctx[3],
-						delay: /*inDelay*/ ctx[1],
-						easing: linear
-					});
+					div_intro = create_in_transition(div, fly, /*animation*/ ctx[4]
+					? {
+							y: 4,
+							duration: /*duration*/ ctx[2],
+							delay: /*inDelay*/ ctx[0],
+							easing: linear
+						}
+					: undefined);
 
 					div_intro.start();
 				});
@@ -121,57 +129,57 @@ function create_if_block(ctx) {
 			if (div_intro) div_intro.invalidate();
 
 			if (local) {
-				div_outro = create_out_transition(div, fly, {
-					y: 4,
-					duration: /*duration*/ ctx[3],
-					delay: /*outDelay*/ ctx[2],
-					easing: linear
-				});
+				div_outro = create_out_transition(div, fly, /*animation*/ ctx[4]
+				? {
+						y: 4,
+						duration: /*duration*/ ctx[2],
+						delay: /*outDelay*/ ctx[1],
+						easing: linear
+					}
+				: undefined);
 			}
 
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			if_block0.d();
-			if (if_block1) if_block1.d();
+			destroy_each(each_blocks, detaching);
 			if (detaching && div_outro) div_outro.end();
 		}
 	};
 }
 
-// (21:4) {:else}
-function create_else_block(ctx) {
+// (29:65) 
+function create_if_block_4(ctx) {
 	let video;
 	let video_src_value;
 	let video_poster_value;
 	let video_loop_value;
 	let video_controls_value;
-	let video_muted_value;
 
 	return {
 		c() {
 			video = element("video");
-			attr(video, "class", "media-content svelte-q613rs");
-			if (!src_url_equal(video.src, video_src_value = /*mediaData*/ ctx[0].url)) attr(video, "src", video_src_value);
-			attr(video, "poster", video_poster_value = /*mediaData*/ ctx[0].videoCoverUrl);
+			attr(video, "class", "media-content svelte-129jnm");
+			if (!src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) attr(video, "src", video_src_value);
+			attr(video, "poster", video_poster_value = /*media*/ ctx[9].videoCoverUrl);
 			video.playsInline = true;
 			attr(video, "paused", "");
 			video.loop = video_loop_value = false;
 			attr(video, "preload", "auto");
 			attr(video, "crossorigin", "");
 			video.controls = video_controls_value = false;
-			video.muted = video_muted_value = false;
+			video.muted = true;
 		},
 		m(target, anchor) {
 			insert(target, video, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*mediaData*/ 1 && !src_url_equal(video.src, video_src_value = /*mediaData*/ ctx[0].url)) {
+			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(video.src, video_src_value = /*media*/ ctx[9].url)) {
 				attr(video, "src", video_src_value);
 			}
 
-			if (dirty & /*mediaData*/ 1 && video_poster_value !== (video_poster_value = /*mediaData*/ ctx[0].videoCoverUrl)) {
+			if (dirty & /*mediaDataList*/ 64 && video_poster_value !== (video_poster_value = /*media*/ ctx[9].videoCoverUrl)) {
 				attr(video, "poster", video_poster_value);
 			}
 		},
@@ -181,7 +189,38 @@ function create_else_block(ctx) {
 	};
 }
 
-// (19:4) {#if imageUrl}
+// (27:64) 
+function create_if_block_3(ctx) {
+	let img;
+	let img_src_value;
+	let img_alt_value;
+
+	return {
+		c() {
+			img = element("img");
+			attr(img, "class", "media-content svelte-129jnm");
+			if (!src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) attr(img, "src", img_src_value);
+			attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
+		},
+		m(target, anchor) {
+			insert(target, img, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(img.src, img_src_value = /*media*/ ctx[9].videoCoverUrl)) {
+				attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*mediaDataList*/ 64 && img_alt_value !== (img_alt_value = /*media*/ ctx[9].name)) {
+				attr(img, "alt", img_alt_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(img);
+		}
+	};
+}
+
+// (25:8) {#if media.type === 'Image'}
 function create_if_block_2(ctx) {
 	let img;
 	let img_src_value;
@@ -190,19 +229,19 @@ function create_if_block_2(ctx) {
 	return {
 		c() {
 			img = element("img");
-			attr(img, "class", "media-content svelte-q613rs");
-			if (!src_url_equal(img.src, img_src_value = /*imageUrl*/ ctx[5])) attr(img, "src", img_src_value);
-			attr(img, "alt", img_alt_value = /*mediaData*/ ctx[0].name);
+			attr(img, "class", "media-content carousel-indicator-item svelte-129jnm");
+			if (!src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) attr(img, "src", img_src_value);
+			attr(img, "alt", img_alt_value = /*media*/ ctx[9].name);
 		},
 		m(target, anchor) {
 			insert(target, img, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*imageUrl*/ 32 && !src_url_equal(img.src, img_src_value = /*imageUrl*/ ctx[5])) {
+			if (dirty & /*mediaDataList*/ 64 && !src_url_equal(img.src, img_src_value = /*media*/ ctx[9].url)) {
 				attr(img, "src", img_src_value);
 			}
 
-			if (dirty & /*mediaData*/ 1 && img_alt_value !== (img_alt_value = /*mediaData*/ ctx[0].name)) {
+			if (dirty & /*mediaDataList*/ 64 && img_alt_value !== (img_alt_value = /*media*/ ctx[9].name)) {
 				attr(img, "alt", img_alt_value);
 			}
 		},
@@ -212,14 +251,14 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (35:4) {#if mediaData.type === 'Video'}
+// (33:8) {#if media.type === 'Video'}
 function create_if_block_1(ctx) {
 	let div;
 
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "video-icon svelte-q613rs");
+			attr(div, "class", "video-icon svelte-129jnm");
 			set_style(div, "background-image", "url(" + Image_Play + ")");
 		},
 		m(target, anchor) {
@@ -232,9 +271,85 @@ function create_if_block_1(ctx) {
 	};
 }
 
+// (23:4) {#each mediaDataList as media}
+function create_each_block(ctx) {
+	let div;
+	let t0;
+	let t1;
+	let div_style_value;
+
+	function select_block_type(ctx, dirty) {
+		if (/*media*/ ctx[9].type === 'Image') return create_if_block_2;
+		if (/*media*/ ctx[9].type === 'Video' && /*media*/ ctx[9].videoCoverUrl) return create_if_block_3;
+		if (/*media*/ ctx[9].type === 'Video' && !/*media*/ ctx[9].videoCoverUrl) return create_if_block_4;
+	}
+
+	let current_block_type = select_block_type(ctx, -1);
+	let if_block0 = current_block_type && current_block_type(ctx);
+	let if_block1 = /*media*/ ctx[9].type === 'Video' && create_if_block_1(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			if (if_block1) if_block1.c();
+			t1 = space();
+			attr(div, "class", "carousel-item svelte-129jnm");
+			attr(div, "style", div_style_value = `object-fit: ${/*objectFit*/ ctx[5]};`);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block0) if_block0.m(div, null);
+			append(div, t0);
+			if (if_block1) if_block1.m(div, null);
+			append(div, t1);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block0) {
+				if_block0.p(ctx, dirty);
+			} else {
+				if (if_block0) if_block0.d(1);
+				if_block0 = current_block_type && current_block_type(ctx);
+
+				if (if_block0) {
+					if_block0.c();
+					if_block0.m(div, t0);
+				}
+			}
+
+			if (/*media*/ ctx[9].type === 'Video') {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block_1(ctx);
+					if_block1.c();
+					if_block1.m(div, t1);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (dirty & /*objectFit*/ 32 && div_style_value !== (div_style_value = `object-fit: ${/*objectFit*/ ctx[5]};`)) {
+				attr(div, "style", div_style_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			if (if_block0) {
+				if_block0.d();
+			}
+
+			if (if_block1) if_block1.d();
+		}
+	};
+}
+
 function create_fragment(ctx) {
 	let if_block_anchor;
-	let if_block = /*unfolded*/ ctx[4] && create_if_block(ctx);
+	let if_block = /*unfolded*/ ctx[3] && create_if_block(ctx);
 
 	return {
 		c() {
@@ -246,11 +361,11 @@ function create_fragment(ctx) {
 			insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (/*unfolded*/ ctx[4]) {
+			if (/*unfolded*/ ctx[3]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*unfolded*/ 16) {
+					if (dirty & /*unfolded*/ 8) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -283,30 +398,44 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
-	let imageUrl;
+	let mediaDataList;
 	let { mediaData } = $$props;
 	let { inDelay = 0 } = $$props;
 	let { outDelay = 0 } = $$props;
 	let { duration = 0 } = $$props;
 	let { unfolded = true } = $$props;
+	let { animation = true } = $$props;
+	let { objectFit = 'cover' } = $$props;
+	let { enableCarousel = true } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('mediaData' in $$props) $$invalidate(0, mediaData = $$props.mediaData);
-		if ('inDelay' in $$props) $$invalidate(1, inDelay = $$props.inDelay);
-		if ('outDelay' in $$props) $$invalidate(2, outDelay = $$props.outDelay);
-		if ('duration' in $$props) $$invalidate(3, duration = $$props.duration);
-		if ('unfolded' in $$props) $$invalidate(4, unfolded = $$props.unfolded);
+		if ('mediaData' in $$props) $$invalidate(7, mediaData = $$props.mediaData);
+		if ('inDelay' in $$props) $$invalidate(0, inDelay = $$props.inDelay);
+		if ('outDelay' in $$props) $$invalidate(1, outDelay = $$props.outDelay);
+		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
+		if ('unfolded' in $$props) $$invalidate(3, unfolded = $$props.unfolded);
+		if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
+		if ('objectFit' in $$props) $$invalidate(5, objectFit = $$props.objectFit);
+		if ('enableCarousel' in $$props) $$invalidate(8, enableCarousel = $$props.enableCarousel);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*mediaData*/ 1) {
-			$: $$invalidate(5, imageUrl = mediaData.type === 'Image'
-			? mediaData.url
-			: mediaData.videoCoverUrl);
+		if ($$self.$$.dirty & /*enableCarousel, mediaData*/ 384) {
+			$: $$invalidate(6, mediaDataList = (enableCarousel ? mediaData : [mediaData[0]]).filter(notNil));
 		}
 	};
 
-	return [mediaData, inDelay, outDelay, duration, unfolded, imageUrl];
+	return [
+		inDelay,
+		outDelay,
+		duration,
+		unfolded,
+		animation,
+		objectFit,
+		mediaDataList,
+		mediaData,
+		enableCarousel
+	];
 }
 
 class Component extends SvelteComponent {
@@ -320,11 +449,14 @@ class Component extends SvelteComponent {
 			create_fragment,
 			safe_not_equal,
 			{
-				mediaData: 0,
-				inDelay: 1,
-				outDelay: 2,
-				duration: 3,
-				unfolded: 4
+				mediaData: 7,
+				inDelay: 0,
+				outDelay: 1,
+				duration: 2,
+				unfolded: 3,
+				animation: 4,
+				objectFit: 5,
+				enableCarousel: 8
 			},
 			add_css
 		);

package/libs/PanoTagPlugin/Components/Common/MultiLineText.js

@@ -27,7 +27,7 @@ import Text from '../Common/Text';
 import Arrow from '../Common/Arrow';
 
 function add_css(target) {
-	append_styles(target, "svelte-fdqrvu", ".text.svelte-fdqrvu{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:6.25rem;transition:transform 400ms ease-in-out;font-size:0.625rem;line-height:0.9375rem;white-space:initial;cursor:pointer}.arrow.svelte-fdqrvu{pointer-events:auto;display:inline-block;vertical-align:top;width:0.72917rem;height:0.72917rem;margin-left:2px;margin-top:2px}");
+	append_styles(target, "svelte-1fuzm7v", ".text.svelte-1fuzm7v{pointer-events:auto;box-sizing:border-box;display:inline-block;max-width:7.5rem;transition:transform 400ms ease-in-out;font-size:0.75rem;line-height:1.125rem;white-space:initial;cursor:pointer}.arrow.svelte-1fuzm7v{pointer-events:auto;display:inline-block;vertical-align:top;width:0.875rem;height:0.875rem;margin-left:0.125rem;margin-top:0.125rem}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -58,7 +58,7 @@ function create_each_block(key_1, ctx) {
 		c() {
 			div = element("div");
 			create_component(text_1.$$.fragment);
-			attr(div, "class", "text svelte-fdqrvu");
+			attr(div, "class", "text svelte-1fuzm7v");
 			set_style(div, "transform", /*transform*/ ctx[7], false);
 			this.first = div;
 		},
@@ -116,7 +116,7 @@ function create_if_block(ctx) {
 		c() {
 			div = element("div");
 			create_component(arrow.$$.fragment);
-			attr(div, "class", "arrow svelte-fdqrvu");
+			attr(div, "class", "arrow svelte-1fuzm7v");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);

package/libs/PanoTagPlugin/Components/Common/Point/CustomPoint.js

@@ -23,7 +23,7 @@ import 'svelte/easing';
 import Shadow from '../Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-px40eu", ".point.svelte-px40eu.svelte-px40eu{width:1.25rem;height:1.25rem}.small-point.svelte-px40eu.svelte-px40eu,.big-point.svelte-px40eu.svelte-px40eu{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-px40eu.svelte-px40eu{background-color:rgba(0, 0, 0, 0.1)}.folded.point.svelte-px40eu.svelte-px40eu{-webkit-animation:svelte-px40eu-breathing 2s linear infinite;animation:svelte-px40eu-breathing 2s linear infinite}.big-point.svelte-px40eu.svelte-px40eu::before,.big-point.svelte-px40eu.svelte-px40eu::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-px40eu.svelte-px40eu::before{width:100%;height:100%;background-image:url('//vrlab-static.ljcdn.com/release/web/carTagDotBorder.fa7c05cb.png')}.folded.svelte-px40eu .big-point.svelte-px40eu::before{-webkit-animation:svelte-px40eu-rotate 2s linear infinite;animation:svelte-px40eu-rotate 2s linear infinite}.big-point.svelte-px40eu.svelte-px40eu::after{position:absolute;width:0.83333rem;height:0.83333rem;background-image:var(--iconUrl)}.small-point.svelte-px40eu.svelte-px40eu::before{content:'';display:block;position:absolute;pointer-events:none;width:0.20833rem;height:0.20833rem;border-radius:100%;background-color:white}.folded.svelte-px40eu .big-point.svelte-px40eu{opacity:1;scale:1}.unfolded.svelte-px40eu .big-point.svelte-px40eu{opacity:0;scale:0}.folded.svelte-px40eu .small-point.svelte-px40eu{opacity:0;scale:6}.unfolded.svelte-px40eu .small-point.svelte-px40eu{opacity:1;scale:1}@-webkit-keyframes svelte-px40eu-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes svelte-px40eu-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes svelte-px40eu-breathing{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}}@keyframes svelte-px40eu-breathing{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}}");
+	append_styles(target, "svelte-mhqidy", ".point.svelte-mhqidy.svelte-mhqidy{width:1.5rem;height:1.5rem}.small-point.svelte-mhqidy.svelte-mhqidy,.big-point.svelte-mhqidy.svelte-mhqidy{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-mhqidy.svelte-mhqidy{background-color:rgba(0, 0, 0, 0.1)}.folded.point.svelte-mhqidy.svelte-mhqidy{-webkit-animation:svelte-mhqidy-breathing 2s linear infinite;animation:svelte-mhqidy-breathing 2s linear infinite}.big-point.svelte-mhqidy.svelte-mhqidy::before,.big-point.svelte-mhqidy.svelte-mhqidy::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-mhqidy.svelte-mhqidy::before{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAOHRSTlMABgoNFBsYIhEmHyksMoJ6RZ5aXzpnU03AtqaZjLuGN+zcifnW0cjEqnA+lOZzbWLhkH6i8rGuagnOwPMAAAQOSURBVFjDrZiHctpAEIYXYzvGOvXeUe+IYuD93ywrJAIhFJX8M8zoBHzz757utHvwTETJHJPfGQZfWJXILWCMPuqNbuu6vj+khrHjed40TWvFfQ2jvCl8nGha6lQCl7s07UqcUlfOZrOxVtKsN2a+0uJYK+ScEIqiFifhBSGSsnJ8f8u99cLMVnEUHTKXIOMX6vuk5gpphFYyhmHzHpzcDqNUJGgEER+oz5OaK8ShNcIdt+zx1ys7lhdqiDlRkPF+JaSdWIhasaz6lLPQ1qFDIwYpDeTr62veCS8bGLIQRSsVK78/5nDeOlYIYhovHeOtU0dDXw2KSGiKesQRyjJ10Q66QcyZMTvpTEMUumpMieyWvs9ZLZcmodAOYlorsysBflpjiEJTFBEY5+7sicul34T1iak5U25momN9Ya4wPCT57r8cteW0dk4YuKMTqjXVkgjciFr+8B3ngnmM6kii5X/efB0F+jUHnuiatLJY+Et84EnUNacfiaKZjQhX4oJAwPlqOB3mJaoh4dxxG5Nc3Q8DkywunP6kBalN53J7G3g0JqiNC3qpjQ7TRPvmn2U3L3/kU4JaTn/SKU0qb76dDf0kGNjHJbD+wX1gcMxO6fZVrzXUcQaROkvt3+pljIYugQ0LDi1ZBgeN9JK9MjTCkmgwgPou19I5QzBI5yy5RvqOw6xMMbKzoeGWmnQfBBwa6woj6wyNsYSx7R0chWuOwsjOqR6aboyNyvcpgOsl3ZzNhoNm3bztdAK1x5NuzmCwunkjjq4AEzKXFI1NUmVnwIfydJBoW7CPVAR1uR6XbVwlmgF2xF1yPTbbubYHLZamgyTNhiSmp4PoJIEk+R+gOAFb+x+hxRoctHw6iItsMLT/Mf3RHixbnP5AyhEPmZ1NB+E6A0V3pi9aPqyB6Pz0bSTxXID0kE/d2DgvxBFzEKdutdXawJGSMlM3/3Sd4fA93bnTXkfSuvwGFGOI016QbKm3VdbOn/bKjpd1e6Pg1SlFhPzjdXWNwjNTyprkhz33i4Wpji600FA5h05q4Ywv/bxge7mNRe7YYtQMwqt/kMLixpXHQhBwcCXBYukxBbvkBTv4S5V/HNNC6EF089tPxxGHNzV8sKTgRhSzVYa2Wf5yeadHphlWGdb4IUeEO5K2SHrUiqJuW9GiLFdwVzRbCXTf5tg11mvhYdufZbLUr11XEi/k4KHexUxWSY8DBCby7AU8E3eUhfzVkYZgR6H/agF8C3KNqCeHLIIRR7oEr0XXsixy9P1jH/doJLF2nPXbIlw5y1aC6t4eROW1pduaLs/7b6NEqFiWrWpBzaXuaOy4Nfe6bRfqGwzSXBJZhnF8y9oUhcnzOyM9pI7wCWP0LSkyy1iFWWwsFp8LeKLfd4doRyTLRacAAAAASUVORK5CYII=)}.folded.svelte-mhqidy .big-point.svelte-mhqidy::before{-webkit-animation:svelte-mhqidy-rotate 2s linear infinite;animation:svelte-mhqidy-rotate 2s linear infinite}.big-point.svelte-mhqidy.svelte-mhqidy::after{position:absolute;width:1rem;height:1rem;background-image:var(--iconUrl)}.small-point.svelte-mhqidy.svelte-mhqidy::before{content:'';display:block;position:absolute;pointer-events:none;width:0.25rem;height:0.25rem;border-radius:100%;background-color:white}.folded.svelte-mhqidy .big-point.svelte-mhqidy{opacity:1;scale:1}.unfolded.svelte-mhqidy .big-point.svelte-mhqidy{opacity:0;scale:0}.folded.svelte-mhqidy .small-point.svelte-mhqidy{opacity:0;scale:6}.unfolded.svelte-mhqidy .small-point.svelte-mhqidy{opacity:1;scale:1}@-webkit-keyframes svelte-mhqidy-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes svelte-mhqidy-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes svelte-mhqidy-breathing{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}}@keyframes svelte-mhqidy-breathing{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(1)}}");
 }
 
 function create_fragment(ctx) {
@@ -51,12 +51,12 @@ function create_fragment(ctx) {
 			div0 = element("div");
 			t1 = space();
 			div1 = element("div");
-			attr(div0, "class", "small-point svelte-px40eu");
+			attr(div0, "class", "small-point svelte-mhqidy");
 			set_style(div0, "transition-delay", /*folded*/ ctx[3] ? /*foldDelay*/ ctx[2] + 'ms' : '0ms', false);
-			attr(div1, "class", "big-point svelte-px40eu");
+			attr(div1, "class", "big-point svelte-mhqidy");
 			set_style(div1, "--iconUrl", "url(" + /*iconUrl*/ ctx[1] + ")");
 			set_style(div1, "transition-delay", /*folded*/ ctx[3] ? /*foldDelay*/ ctx[2] + 'ms' : '0ms', false);
-			attr(div2, "class", "point svelte-px40eu");
+			attr(div2, "class", "point svelte-mhqidy");
 			toggle_class(div2, "folded", /*folded*/ ctx[3]);
 			toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
 		},

package/libs/PanoTagPlugin/Components/Common/Point/DefaultPoint.js

@@ -23,7 +23,7 @@ import 'svelte/easing';
 import Shadow from '../Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-xnvc9g", ".point.svelte-xnvc9g.svelte-xnvc9g{width:0.83333rem;height:0.83333rem}.small-point.svelte-xnvc9g.svelte-xnvc9g,.big-point.svelte-xnvc9g.svelte-xnvc9g{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-xnvc9g.svelte-xnvc9g::before,.big-point.svelte-xnvc9g.svelte-xnvc9g::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-xnvc9g.svelte-xnvc9g::before{width:100%;height:100%;background-image:url('//vrlab-static.ljcdn.com/release/web/carTagDotBorder.fa7c05cb.png');background-size:contain;background-repeat:no-repeat}.small-point.svelte-xnvc9g.svelte-xnvc9g::before{content:'';display:block;position:absolute;pointer-events:none;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:white}.unfolded.svelte-xnvc9g .big-point.svelte-xnvc9g{opacity:0;transform:scale(0)}.folded.svelte-xnvc9g .big-point.svelte-xnvc9g{opacity:1;transform:scale(1)}.unfolded.svelte-xnvc9g .small-point.svelte-xnvc9g{transform:scale(0.6)}.folded.svelte-xnvc9g .small-point.svelte-xnvc9g{transform:scale(1)}");
+	append_styles(target, "svelte-1rg9uk", ".point.svelte-1rg9uk.svelte-1rg9uk{width:1rem;height:1rem}.small-point.svelte-1rg9uk.svelte-1rg9uk,.big-point.svelte-1rg9uk.svelte-1rg9uk{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 500ms}.big-point.svelte-1rg9uk.svelte-1rg9uk::before,.big-point.svelte-1rg9uk.svelte-1rg9uk::after{content:'';display:block;position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none}.big-point.svelte-1rg9uk.svelte-1rg9uk::before{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAOHRSTlMABgoNFBsYIhEmHyksMoJ6RZ5aXzpnU03AtqaZjLuGN+zcifnW0cjEqnA+lOZzbWLhkH6i8rGuagnOwPMAAAQOSURBVFjDrZiHctpAEIYXYzvGOvXeUe+IYuD93ywrJAIhFJX8M8zoBHzz757utHvwTETJHJPfGQZfWJXILWCMPuqNbuu6vj+khrHjed40TWvFfQ2jvCl8nGha6lQCl7s07UqcUlfOZrOxVtKsN2a+0uJYK+ScEIqiFifhBSGSsnJ8f8u99cLMVnEUHTKXIOMX6vuk5gpphFYyhmHzHpzcDqNUJGgEER+oz5OaK8ShNcIdt+zx1ys7lhdqiDlRkPF+JaSdWIhasaz6lLPQ1qFDIwYpDeTr62veCS8bGLIQRSsVK78/5nDeOlYIYhovHeOtU0dDXw2KSGiKesQRyjJ10Q66QcyZMTvpTEMUumpMieyWvs9ZLZcmodAOYlorsysBflpjiEJTFBEY5+7sicul34T1iak5U25momN9Ya4wPCT57r8cteW0dk4YuKMTqjXVkgjciFr+8B3ngnmM6kii5X/efB0F+jUHnuiatLJY+Et84EnUNacfiaKZjQhX4oJAwPlqOB3mJaoh4dxxG5Nc3Q8DkywunP6kBalN53J7G3g0JqiNC3qpjQ7TRPvmn2U3L3/kU4JaTn/SKU0qb76dDf0kGNjHJbD+wX1gcMxO6fZVrzXUcQaROkvt3+pljIYugQ0LDi1ZBgeN9JK9MjTCkmgwgPou19I5QzBI5yy5RvqOw6xMMbKzoeGWmnQfBBwa6woj6wyNsYSx7R0chWuOwsjOqR6aboyNyvcpgOsl3ZzNhoNm3bztdAK1x5NuzmCwunkjjq4AEzKXFI1NUmVnwIfydJBoW7CPVAR1uR6XbVwlmgF2xF1yPTbbubYHLZamgyTNhiSmp4PoJIEk+R+gOAFb+x+hxRoctHw6iItsMLT/Mf3RHixbnP5AyhEPmZ1NB+E6A0V3pi9aPqyB6Pz0bSTxXID0kE/d2DgvxBFzEKdutdXawJGSMlM3/3Sd4fA93bnTXkfSuvwGFGOI016QbKm3VdbOn/bKjpd1e6Pg1SlFhPzjdXWNwjNTyprkhz33i4Wpji600FA5h05q4Ywv/bxge7mNRe7YYtQMwqt/kMLixpXHQhBwcCXBYukxBbvkBTv4S5V/HNNC6EF089tPxxGHNzV8sKTgRhSzVYa2Wf5yeadHphlWGdb4IUeEO5K2SHrUiqJuW9GiLFdwVzRbCXTf5tg11mvhYdufZbLUr11XEi/k4KHexUxWSY8DBCby7AU8E3eUhfzVkYZgR6H/agF8C3KNqCeHLIIRR7oEr0XXsixy9P1jH/doJLF2nPXbIlw5y1aC6t4eROW1pduaLs/7b6NEqFiWrWpBzaXuaOy4Nfe6bRfqGwzSXBJZhnF8y9oUhcnzOyM9pI7wCWP0LSkyy1iFWWwsFp8LeKLfd4doRyTLRacAAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat}.small-point.svelte-1rg9uk.svelte-1rg9uk::before{content:'';display:block;position:absolute;pointer-events:none;width:0.375rem;height:0.375rem;border-radius:100%;background-color:white}.unfolded.svelte-1rg9uk .big-point.svelte-1rg9uk{opacity:0;transform:scale(0)}.folded.svelte-1rg9uk .big-point.svelte-1rg9uk{opacity:1;transform:scale(1)}.unfolded.svelte-1rg9uk .small-point.svelte-1rg9uk{transform:scale(0.6)}.folded.svelte-1rg9uk .small-point.svelte-1rg9uk{transform:scale(1)}");
 }
 
 function create_fragment(ctx) {
@@ -51,11 +51,11 @@ function create_fragment(ctx) {
 			div0 = element("div");
 			t1 = space();
 			div1 = element("div");
-			attr(div0, "class", "small-point svelte-xnvc9g");
+			attr(div0, "class", "small-point svelte-1rg9uk");
 			set_style(div0, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
-			attr(div1, "class", "big-point svelte-xnvc9g");
+			attr(div1, "class", "big-point svelte-1rg9uk");
 			set_style(div1, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
-			attr(div2, "class", "point svelte-xnvc9g");
+			attr(div2, "class", "point svelte-1rg9uk");
 			toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
 			toggle_class(div2, "folded", /*folded*/ ctx[2]);
 		},

package/libs/PanoTagPlugin/Components/Common/Point/PointSwitch.js

@@ -24,7 +24,7 @@ import CustomPoint from './CustomPoint';
 import DefaultPoint from './DefaultPoint';
 
 function add_css(target) {
-	append_styles(target, "svelte-1ozdm3x", ".point-click-helper.svelte-1ozdm3x{width:2.08333rem;height:2.08333rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
+	append_styles(target, "svelte-r4i9gl", ".point-click-helper.svelte-r4i9gl{width:2.5rem;height:2.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}");
 }
 
 // (9:0) {#if tag.pointTagStyle?.leftPercent && tag.pointTagStyle?.topPercent && tag.enabled !== false && tag.state && tag.temporaryState?.visible !== false}
@@ -108,7 +108,7 @@ function create_if_block_1(ctx) {
 			t = space();
 			if_block.c();
 			if_block_anchor = empty();
-			attr(div, "class", "point-click-helper svelte-1ozdm3x");
+			attr(div, "class", "point-click-helper svelte-r4i9gl");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);

package/libs/PanoTagPlugin/Components/Common/Text.js

@@ -23,7 +23,7 @@ import { notNil } from '../../../shared-utils/isNil';
 import { searchFirstValueSmallThanLastValue } from '../../utils';
 
 function add_css(target) {
-	append_styles(target, "svelte-nwherl", ".text-char.svelte-nwherl{display:inline-block;text-shadow:2px 0px 0.41667rem rgba(0, 0, 0, 0.15)}");
+	append_styles(target, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -47,7 +47,7 @@ function create_each_block(ctx) {
 		c() {
 			span = element("span");
 			t = text(t_value);
-			attr(span, "class", "text-char svelte-nwherl");
+			attr(span, "class", "text-char svelte-1b2n9wi");
 		},
 		m(target, anchor) {
 			insert(target, span, anchor);

package/libs/PanoTagPlugin/Components/Tag/AudioTag.js

@@ -34,7 +34,7 @@ import Shadow from '../Common/Shadow';
 import MultiLineText from '../Common/MultiLineText';
 
 function add_css(target) {
-	append_styles(target, "svelte-gxabvj", ".audio-tag.svelte-gxabvj.svelte-gxabvj{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-gxabvj.svelte-gxabvj{display:flex;position:absolute;top:0;left:0;width:8.4375rem;height:1px;transform:translate3d(0, -50%, 0.52083rem)}.content.svelte-gxabvj.svelte-gxabvj{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:2.8125rem;padding:1.875rem 0.20833rem 0 0.83333rem;position:absolute;left:0;bottom:2px;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-gxabvj.svelte-gxabvj{position:relative;width:100%;height:100%}.audio-icon.svelte-gxabvj.svelte-gxabvj{vertical-align:top;display:inline-block;width:0.83333rem;height:0.83333rem;margin-right:0.20833rem;margin-top:1px}.unfolded.svelte-gxabvj .audio-icon.svelte-gxabvj{pointer-events:auto}");
+	append_styles(target, "svelte-z2d21h", ".audio-tag.svelte-z2d21h.svelte-z2d21h{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.line.svelte-z2d21h.svelte-z2d21h{display:flex;position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-z2d21h.svelte-z2d21h{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:3.375rem;padding:2.25rem 0.25rem 0 1rem;position:absolute;left:0;bottom:0.125rem;overflow:hidden;box-sizing:border-box;font-size:0;white-space:nowrap;font-weight:600}.wrapper.svelte-z2d21h.svelte-z2d21h{position:relative;width:100%;height:100%}.audio-icon.svelte-z2d21h.svelte-z2d21h{vertical-align:top;display:inline-block;width:1rem;height:1rem;margin-right:0.25rem;margin-top:0.0625rem}.unfolded.svelte-z2d21h .audio-icon.svelte-z2d21h{pointer-events:auto}");
 }
 
 // (28:0) {#if tag.state}
@@ -110,14 +110,14 @@ function create_if_block(ctx) {
 			t2 = space();
 			div2 = element("div");
 			create_component(multilinetext.$$.fragment);
-			attr(div0, "class", "line svelte-gxabvj");
+			attr(div0, "class", "line svelte-z2d21h");
 			set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			attr(div1, "class", "audio-icon svelte-gxabvj");
+			attr(div1, "class", "audio-icon svelte-z2d21h");
 			set_style(div2, "display", `inline-block`, false);
-			attr(div3, "class", "wrapper svelte-gxabvj");
-			attr(div4, "class", "content svelte-gxabvj");
+			attr(div3, "class", "wrapper svelte-z2d21h");
+			attr(div4, "class", "content svelte-z2d21h");
 			add_render_callback(() => /*div4_elementresize_handler*/ ctx[10].call(div4));
-			attr(div5, "class", "audio-tag svelte-gxabvj");
+			attr(div5, "class", "audio-tag svelte-z2d21h");
 			toggle_class(div5, "unfolded", /*unfolded*/ ctx[6]);
 		},
 		m(target, anchor) {