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

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

@@ -20,7 +20,7 @@ function add_css(target) {
 	append_styles(target, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
 }
 
-// (24:2) {#if tag.element === 'string'}
+// (24:2) {#if typeof tag.element === 'string'}
 function create_if_block(ctx) {
 	let html_tag;
 	let raw_value = /*tag*/ ctx[0].element + "";
@@ -48,7 +48,7 @@ function create_if_block(ctx) {
 
 function create_fragment(ctx) {
 	let div;
-	let if_block = /*tag*/ ctx[0].element === 'string' && create_if_block(ctx);
+	let if_block = typeof /*tag*/ ctx[0].element === 'string' && create_if_block(ctx);
 
 	return {
 		c() {
@@ -62,7 +62,7 @@ function create_fragment(ctx) {
 			/*div_binding*/ ctx[2](div);
 		},
 		p(ctx, [dirty]) {
-			if (/*tag*/ ctx[0].element === 'string') {
+			if (typeof /*tag*/ ctx[0].element === 'string') {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {

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

@@ -24,16 +24,16 @@ import {
 import uuid from '../../../shared-utils/uuid';
 import Text from '../Common/Text';
 import Line from '../Common/Line/Polyline';
-import MediaContainer from '../Common/Media';
+import Media from '../Common/Media';
 import Shadow from '../Common/Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-1f5r1f2", ".line.svelte-1f5r1f2{position:absolute;width:5.46875rem;height:1.09375rem;transform:translateY(-100%);z-index:10}.text.svelte-1f5r1f2{position:absolute;width:5.20833rem;left:0.83333rem;bottom:1px;z-index:10;font-weight:600}.media-wrapper.svelte-1f5r1f2{position:absolute;left:0.72917rem;top:-4.42708rem;width:4.6875rem;height:3.125rem;z-index:10;font-weight:600}");
+	append_styles(target, "svelte-1p8f9wy", ".line.svelte-1p8f9wy{position:absolute;width:6.5625rem;height:1.3125rem;transform:translateY(-100%);z-index:10}.text.svelte-1p8f9wy{position:absolute;width:6.25rem;left:1rem;bottom:0.0625rem;z-index:10;font-weight:600}.media-wrapper.svelte-1p8f9wy{position:absolute;left:0.875rem;top:-5.3125rem;width:5.625rem;height:3.75rem;z-index:10;font-weight:600}");
 }
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[9] = list[i].id;
+	child_ctx[8] = list[i].id;
 	child_ctx[1] = list[i].content;
 	return child_ctx;
 }
@@ -71,7 +71,7 @@ function create_if_block(ctx) {
 		});
 
 	let each_value = /*textItems*/ ctx[2];
-	const get_key = ctx => /*id*/ ctx[9];
+	const get_key = ctx => /*id*/ ctx[8];
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -96,7 +96,7 @@ function create_if_block(ctx) {
 			t2 = space();
 			if (if_block) if_block.c();
 			if_block_anchor = empty();
-			attr(div, "class", "line svelte-1f5r1f2");
+			attr(div, "class", "line svelte-1p8f9wy");
 		},
 		m(target, anchor) {
 			mount_component(shadow, target, anchor);
@@ -213,7 +213,7 @@ function create_each_block(key_1, ctx) {
 		c() {
 			div = element("div");
 			create_component(text_1.$$.fragment);
-			attr(div, "class", "text svelte-1f5r1f2");
+			attr(div, "class", "text svelte-1p8f9wy");
 			this.first = div;
 		},
 		m(target, anchor) {
@@ -247,10 +247,10 @@ function create_each_block(key_1, ctx) {
 // (29:2) {#if mediaData}
 function create_if_block_1(ctx) {
 	let div;
-	let mediacontainer;
+	let media;
 	let current;
 
-	mediacontainer = new MediaContainer({
+	media = new Media({
 			props: {
 				unfolded: /*unfolded*/ ctx[4],
 				mediaData: /*mediaData*/ ctx[3],
@@ -262,32 +262,32 @@ function create_if_block_1(ctx) {
 	return {
 		c() {
 			div = element("div");
-			create_component(mediacontainer.$$.fragment);
-			attr(div, "class", "media-wrapper svelte-1f5r1f2");
+			create_component(media.$$.fragment);
+			attr(div, "class", "media-wrapper svelte-1p8f9wy");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			mount_component(mediacontainer, div, null);
+			mount_component(media, div, null);
 			current = true;
 		},
 		p(ctx, dirty) {
-			const mediacontainer_changes = {};
-			if (dirty & /*unfolded*/ 16) mediacontainer_changes.unfolded = /*unfolded*/ ctx[4];
-			if (dirty & /*mediaData*/ 8) mediacontainer_changes.mediaData = /*mediaData*/ ctx[3];
-			mediacontainer.$set(mediacontainer_changes);
+			const media_changes = {};
+			if (dirty & /*unfolded*/ 16) media_changes.unfolded = /*unfolded*/ ctx[4];
+			if (dirty & /*mediaData*/ 8) media_changes.mediaData = /*mediaData*/ ctx[3];
+			media.$set(media_changes);
 		},
 		i(local) {
 			if (current) return;
-			transition_in(mediacontainer.$$.fragment, local);
+			transition_in(media.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(mediacontainer.$$.fragment, local);
+			transition_out(media.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			destroy_component(mediacontainer);
+			destroy_component(media);
 		}
 	};
 }
@@ -351,7 +351,7 @@ function instance($$self, $$props, $$invalidate) {
 	let unfolded;
 	let content;
 	let mediaData;
-	var _a, _b, _c, _d;
+	var _a, _b, _c;
 	let { tag } = $$props;
 	let textItems;
 
@@ -376,10 +376,8 @@ function instance($$self, $$props, $$invalidate) {
 			: tag.data.text);
 		}
 
-		if ($$self.$$.dirty & /*tag, _d*/ 257) {
-			$: $$invalidate(3, mediaData = $$invalidate(8, _d = tag.data.mediaData) === null || _d === void 0
-			? void 0
-			: _d[0]);
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$: $$invalidate(3, mediaData = tag.data.mediaData);
 		}
 
 		if ($$self.$$.dirty & /*content*/ 2) {
@@ -390,7 +388,7 @@ function instance($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [tag, content, textItems, mediaData, unfolded, _a, _b, _c, _d];
+	return [tag, content, textItems, mediaData, unfolded, _a, _b, _c];
 }
 
 class Component extends SvelteComponent {

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

@@ -25,7 +25,7 @@ import { LinkType } from '../../typings';
 import Shadow from '../Common/Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-1vax5j2", ".wrapper.svelte-1vax5j2{font-weight:600;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-1vax5j2{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-1vax5j2{position:relative;margin-bottom:0.57292rem}.arrow0.svelte-1vax5j2,.arrow1.svelte-1vax5j2,.arrow2.svelte-1vax5j2{position:absolute;width:1.35417rem;height:0.625rem;background-image:url(//vrlab-static.ljcdn.com/release/web/arrow.33fbbf45.png);background-repeat:no-repeat;background-size:contain;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.2s;animation-duration:1.2s}.arrow1.svelte-1vax5j2{position:relative}.arrow0.svelte-1vax5j2{top:-0.625rem;-webkit-animation-name:svelte-1vax5j2-up0;animation-name:svelte-1vax5j2-up0}.arrow1.svelte-1vax5j2{-webkit-animation-name:svelte-1vax5j2-up1;animation-name:svelte-1vax5j2-up1}.arrow2.svelte-1vax5j2{top:0.625rem;-webkit-animation-name:svelte-1vax5j2-up2;animation-name:svelte-1vax5j2-up2}.text.svelte-1vax5j2{font-size:0.72917rem;color:#ffffff;letter-spacing:0;text-align:center;line-height:0.9375rem;text-shadow:2px 0px 0.41667rem rgba(0, 0, 0, 0.15)}@-webkit-keyframes svelte-1vax5j2-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.625rem) scale(0.84)}}@keyframes svelte-1vax5j2-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.625rem) scale(0.84)}}@-webkit-keyframes svelte-1vax5j2-up1{0%{opacity:1;transform:translateY(0px) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.625rem) scale(0.84)}}@keyframes svelte-1vax5j2-up1{0%{opacity:1;transform:translateY(0px) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.625rem) scale(0.84)}}@-webkit-keyframes svelte-1vax5j2-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.625rem)}}@keyframes svelte-1vax5j2-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.625rem)}}.link.svelte-1vax5j2{position:relative;width:1.45833rem;height:0.625rem;background-image:url(//vrlab-static.ljcdn.com/release/web/arrow-icon.b89ee4d8.png);background-repeat:no-repeat;background-size:contain;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:svelte-1vax5j2-left-right;animation-name:svelte-1vax5j2-left-right}@-webkit-keyframes svelte-1vax5j2-left-right{0%,100%{opacity:0.8;transform:translateX(-0.26042rem)}50%{opacity:1;transform:translateX(0)}}@keyframes svelte-1vax5j2-left-right{0%,100%{opacity:0.8;transform:translateX(-0.26042rem)}50%{opacity:1;transform:translateX(0)}}");
+	append_styles(target, "svelte-ydv848", ".wrapper.svelte-ydv848{font-weight:600;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-ydv848{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-ydv848{position:relative;margin-bottom:0.6875rem}.arrow0.svelte-ydv848,.arrow1.svelte-ydv848,.arrow2.svelte-ydv848{position:absolute;width:1.625rem;height:0.75rem;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.2s;animation-duration:1.2s}.arrow1.svelte-ydv848{position:relative}.arrow0.svelte-ydv848{top:-0.75rem;-webkit-animation-name:svelte-ydv848-up0;animation-name:svelte-ydv848-up0}.arrow1.svelte-ydv848{-webkit-animation-name:svelte-ydv848-up1;animation-name:svelte-ydv848-up1}.arrow2.svelte-ydv848{top:0.75rem;-webkit-animation-name:svelte-ydv848-up2;animation-name:svelte-ydv848-up2}.text.svelte-ydv848{font-size:0.875rem;color:#ffffff;letter-spacing:0;text-align:center;line-height:1.125rem;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}@-webkit-keyframes svelte-ydv848-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.75rem) scale(0.84)}}@keyframes svelte-ydv848-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.75rem) scale(0.84)}}@-webkit-keyframes svelte-ydv848-up1{0%{opacity:1;transform:translateY(0rem) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.75rem) scale(0.84)}}@keyframes svelte-ydv848-up1{0%{opacity:1;transform:translateY(0rem) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.75rem) scale(0.84)}}@-webkit-keyframes svelte-ydv848-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.75rem)}}@keyframes svelte-ydv848-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.75rem)}}.link.svelte-ydv848{position:relative;width:1.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAkCAMAAAAgl+0yAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAjLy6ILM2Fi+Zng3BrPvao4VC9ceneQfKkmNdV1AbEeLOsHA77ujUtn5JLnRraSUUjVLj/+RVAAABhElEQVRIx63V2W6CQBiGYUBUQGDYdwTZQZZa7v/eimik/ket/7yZ4yeTTCYf8+dOX8etxGVoxAvCVbguR3g0uRTMA0w4odGi+CbzFnGKosCqrmHc5rdEwzCwqtGFJlC7DqtOcTxANY67BHnVKOpVoEZRjFPdLgxbqIZhhFTjINChGgThF06NhpGd35OGMcCppyDPfajm+YhUR8cRoeo4+RGlJnnbalBt2x6nHh1dt4Gq6bqDU886y2ZQZVn9jFJ51vcbqPo+Up18UeSgKoo3nHqVJEkGqi1JPk49aLZmQdW2xXf1zP+vUFHsC1QVReK33xdk+w9SaqAq+732UvvdZ2UEqrud8lR5Wc4a7pO8GaoL9VBjy7rMlMosq1lV43LhZlrtF+yuJlbtEXpqXXP3NYwI8VJqakOIziw5aepV1FQuTdfhvlWVZdJCrao6MPe0spRpqV5ZFivqNqYpq3RQ2TST5/h4quoRCmwqq6rymol6plV53IZSomTKE/MroWfxDevL/wAEdPq1eGDh4AAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:svelte-ydv848-left-right;animation-name:svelte-ydv848-left-right}@-webkit-keyframes svelte-ydv848-left-right{0%,100%{opacity:0.8;transform:translateX(-0.3125rem)}50%{opacity:1;transform:translateX(0)}}@keyframes svelte-ydv848-left-right{0%,100%{opacity:0.8;transform:translateX(-0.3125rem)}50%{opacity:1;transform:translateX(0)}}");
 }
 
 // (14:52) 
@@ -53,7 +53,7 @@ function create_if_block_1(ctx) {
 			create_component(shadow.$$.fragment);
 			t = space();
 			div = element("div");
-			attr(div, "class", "link svelte-1vax5j2");
+			attr(div, "class", "link svelte-ydv848");
 		},
 		m(target, anchor) {
 			mount_component(shadow, target, anchor);
@@ -111,9 +111,9 @@ function create_if_block(ctx) {
 			div1 = element("div");
 			t2 = space();
 			div2 = element("div");
-			attr(div0, "class", "arrow0 svelte-1vax5j2");
-			attr(div1, "class", "arrow1 svelte-1vax5j2");
-			attr(div2, "class", "arrow2 svelte-1vax5j2");
+			attr(div0, "class", "arrow0 svelte-ydv848");
+			attr(div1, "class", "arrow1 svelte-ydv848");
+			attr(div2, "class", "arrow2 svelte-ydv848");
 		},
 		m(target, anchor) {
 			mount_component(shadow, target, anchor);
@@ -197,10 +197,10 @@ function create_fragment(ctx) {
 			t1 = space();
 			div1 = element("div");
 			t2 = text(t2_value);
-			attr(div0, "class", "icon svelte-1vax5j2");
-			attr(div1, "class", "text svelte-1vax5j2");
-			attr(div2, "class", "text-wrapper svelte-1vax5j2");
-			attr(div3, "class", "wrapper svelte-1vax5j2");
+			attr(div0, "class", "icon svelte-ydv848");
+			attr(div1, "class", "text svelte-ydv848");
+			attr(div2, "class", "text-wrapper svelte-ydv848");
+			attr(div3, "class", "wrapper svelte-ydv848");
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);

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

@@ -25,10 +25,9 @@ import {
 } from "svelte/internal";
 
 import Shadow from '../Common/Shadow';
-import 'svelte/easing';
 
 function add_css(target) {
-	append_styles(target, "svelte-3tuifa", ".svelte-3tuifa.svelte-3tuifa{box-sizing:border-box}.marketing.svelte-3tuifa.svelte-3tuifa{transform:translateY(-100%)}.content.svelte-3tuifa .headerImage.svelte-3tuifa{position:absolute;width:100%;top:0.20833rem;transform:translateY(-100%);border-top-left-radius:0.20833rem;border-top-right-radius:0.20833rem}.line.svelte-3tuifa.svelte-3tuifa{position:absolute;height:1.71875rem;width:1px;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-3tuifa.svelte-3tuifa{background-color:white;position:relative;display:flex;flex-direction:column;min-width:9.27083rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.20833rem;top:-1.5625rem;left:-0.83333rem;padding:0.41667rem 0px 0.46875rem;transition:all 500ms}.title.svelte-3tuifa.svelte-3tuifa{position:absolute;background-color:white;border-radius:0.20833rem;width:100%;top:0.41667rem;padding-left:0.625rem;padding-right:0.625rem}.title.svelte-3tuifa .text.svelte-3tuifa{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.625rem;font-weight:bold;line-height:0.9375rem;color:#000}.footer.svelte-3tuifa.svelte-3tuifa{position:relative;padding-left:0.625rem;padding-right:0.625rem;width:100%;height:1.14583rem;display:flex;align-items:center}.footer.svelte-3tuifa .goto-button.svelte-3tuifa{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.52083rem;border-radius:0.72917rem;font-weight:bold;padding-left:0.41667rem;padding-right:0.41667rem;height:1.04167rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-3tuifa .goto-icon.svelte-3tuifa::after{content:'';display:inline-block;width:0.625rem;height:0.625rem;background-image:url('//vrlab-static.ljcdn.com/release/web/goto-icon.509418f6.png');background-size:100% auto;background-repeat:no-repeat}.price.svelte-3tuifa.svelte-3tuifa{flex-shrink:0;margin-right:0.625rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-3tuifa .value.svelte-3tuifa{position:relative;top:1px;font-size:0.9375rem;line-height:1.14583rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0px}.price.svelte-3tuifa .unit.svelte-3tuifa{padding-left:2px;font-size:0.52083rem}.tag.svelte-3tuifa.svelte-3tuifa{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.625rem;padding-right:0.625rem}.tag.svelte-3tuifa .base-tag.svelte-3tuifa{height:0.83333rem;margin-top:1.14583rem;margin-bottom:0.41667rem;margin-right:0.20833rem;font-size:0.52083rem;line-height:0.72917rem;padding:1px 0.20833rem;border-radius:2px;overflow:hidden}.tag.svelte-3tuifa .primary-tag.svelte-3tuifa{background:#e5eefe;color:#0055ff}.tag.svelte-3tuifa .secondary-tag.svelte-3tuifa{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-3tuifa .line.svelte-3tuifa{transform:translateX(-50%) scale(1, 1)}.folded.svelte-3tuifa .line.svelte-3tuifa{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-3tuifa .content.svelte-3tuifa{opacity:1}.folded.svelte-3tuifa .content.svelte-3tuifa{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
+	append_styles(target, "svelte-xgzc8c", ".svelte-xgzc8c.svelte-xgzc8c{box-sizing:border-box}.marketing.svelte-xgzc8c.svelte-xgzc8c{transform:translateY(-100%)}.content.svelte-xgzc8c .headerImage.svelte-xgzc8c{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-xgzc8c.svelte-xgzc8c{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-xgzc8c.svelte-xgzc8c{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-xgzc8c.svelte-xgzc8c{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-xgzc8c .text.svelte-xgzc8c{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-xgzc8c.svelte-xgzc8c{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-button.svelte-xgzc8c{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-icon.svelte-xgzc8c::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-xgzc8c.svelte-xgzc8c{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-xgzc8c .value.svelte-xgzc8c{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-xgzc8c .unit.svelte-xgzc8c{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-xgzc8c.svelte-xgzc8c{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem}.tag.svelte-xgzc8c .base-tag.svelte-xgzc8c{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-xgzc8c .primary-tag.svelte-xgzc8c{background:#e5eefe;color:#0055ff}.tag.svelte-xgzc8c .secondary-tag.svelte-xgzc8c{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 1)}.folded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:1}.folded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -43,7 +42,7 @@ function get_each_context_1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (29:8) {#if tag}
+// (28:8) {#if tag}
 function create_if_block_4(ctx) {
 	let div;
 	let t_value = /*tag*/ ctx[0] + "";
@@ -53,7 +52,7 @@ function create_if_block_4(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "base-tag primary-tag svelte-3tuifa");
+			attr(div, "class", "base-tag primary-tag svelte-xgzc8c");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -68,7 +67,7 @@ function create_if_block_4(ctx) {
 	};
 }
 
-// (28:6) {#each data.brandTags || [] as tag}
+// (27:6) {#each data.brandTags || [] as tag}
 function create_each_block_1(ctx) {
 	let if_block_anchor;
 	let if_block = /*tag*/ ctx[0] && create_if_block_4(ctx);
@@ -103,7 +102,7 @@ function create_each_block_1(ctx) {
 	};
 }
 
-// (34:8) {#if tag}
+// (33:8) {#if tag}
 function create_if_block_3(ctx) {
 	let div;
 	let t_value = /*tag*/ ctx[0] + "";
@@ -113,7 +112,7 @@ function create_if_block_3(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "base-tag secondary-tag svelte-3tuifa");
+			attr(div, "class", "base-tag secondary-tag svelte-xgzc8c");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -128,7 +127,7 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (33:6) {#each data.tags || [] as tag}
+// (32:6) {#each data.tags || [] as tag}
 function create_each_block(ctx) {
 	let if_block_anchor;
 	let if_block = /*tag*/ ctx[0] && create_if_block_3(ctx);
@@ -163,7 +162,7 @@ function create_each_block(ctx) {
 	};
 }
 
-// (46:6) {#if data.price?.value !== undefined && data.price?.value !== null}
+// (45:6) {#if data.price?.value !== undefined && data.price?.value !== null}
 function create_if_block_1(ctx) {
 	let div;
 	let span;
@@ -179,8 +178,8 @@ function create_if_block_1(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			if (if_block) if_block.c();
-			attr(span, "class", "value svelte-3tuifa");
-			attr(div, "class", "price svelte-3tuifa");
+			attr(span, "class", "value svelte-xgzc8c");
+			attr(div, "class", "price svelte-xgzc8c");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -212,7 +211,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (51:10) {#if data.price.unit}
+// (50:10) {#if data.price.unit}
 function create_if_block_2(ctx) {
 	let span;
 	let t_value = /*data*/ ctx[2].price.unit + "";
@@ -222,7 +221,7 @@ function create_if_block_2(ctx) {
 		c() {
 			span = element("span");
 			t = text(t_value);
-			attr(span, "class", "unit svelte-3tuifa");
+			attr(span, "class", "unit svelte-xgzc8c");
 		},
 		m(target, anchor) {
 			insert(target, span, anchor);
@@ -237,7 +236,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (58:6) {#if data.highlightText}
+// (57:6) {#if data.highlightText}
 function create_if_block(ctx) {
 	let div;
 	let t_value = /*data*/ ctx[2].highlightText + "";
@@ -247,7 +246,7 @@ function create_if_block(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "goto-button goto-icon svelte-3tuifa");
+			attr(div, "class", "goto-button goto-icon svelte-xgzc8c");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -343,7 +342,7 @@ function create_fragment(ctx) {
 			if (if_block0) if_block0.c();
 			t7 = space();
 			if (if_block1) if_block1.c();
-			attr(div0, "class", "line svelte-3tuifa");
+			attr(div0, "class", "line svelte-xgzc8c");
 
 			set_style(
 				div0,
@@ -354,13 +353,13 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(img, "class", "headerImage svelte-3tuifa");
+			attr(img, "class", "headerImage svelte-xgzc8c");
 			if (!src_url_equal(img.src, img_src_value = /*data*/ ctx[2].headerPictureUrl)) attr(img, "src", img_src_value);
 			attr(img, "alt", "");
-			attr(div1, "class", "tag svelte-3tuifa");
-			attr(div2, "class", "text svelte-3tuifa");
-			attr(div3, "class", "title svelte-3tuifa");
-			attr(div4, "class", "footer svelte-3tuifa");
+			attr(div1, "class", "tag svelte-xgzc8c");
+			attr(div2, "class", "text svelte-xgzc8c");
+			attr(div3, "class", "title svelte-xgzc8c");
+			attr(div4, "class", "footer svelte-xgzc8c");
 
 			set_style(
 				div4,
@@ -371,7 +370,7 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(div5, "class", "content svelte-3tuifa");
+			attr(div5, "class", "content svelte-xgzc8c");
 
 			set_style(
 				div5,
@@ -382,7 +381,7 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(div6, "class", "marketing svelte-3tuifa");
+			attr(div6, "class", "marketing svelte-xgzc8c");
 			toggle_class(div6, "unfolded", /*unfolded*/ ctx[1]);
 			toggle_class(div6, "folded", /*folded*/ ctx[3]);
 		},

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

@@ -0,0 +1,159 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import Media from '../Common/Media';
+
+function add_css(target) {
+	append_styles(target, "svelte-10cw0el", ".media-wrapper.svelte-10cw0el{position:absolute;width:100%;height:100%}");
+}
+
+// (8:0) {#if tag.state && mediaData}
+function create_if_block(ctx) {
+	let div;
+	let media;
+	let current;
+
+	media = new Media({
+			props: {
+				unfolded: /*unfolded*/ ctx[2],
+				mediaData: /*mediaData*/ ctx[1],
+				inDelay: 500,
+				duration: 500
+			}
+		});
+
+	return {
+		c() {
+			div = element("div");
+			create_component(media.$$.fragment);
+			attr(div, "class", "media-wrapper svelte-10cw0el");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(media, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const media_changes = {};
+			if (dirty & /*unfolded*/ 4) media_changes.unfolded = /*unfolded*/ ctx[2];
+			if (dirty & /*mediaData*/ 2) media_changes.mediaData = /*mediaData*/ ctx[1];
+			media.$set(media_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(media.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(media.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(media);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*tag*/ ctx[0].state && /*mediaData*/ ctx[1] && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*tag*/ ctx[0].state && /*mediaData*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*tag, mediaData*/ 3) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} 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 (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let unfolded;
+	let mediaData;
+	let { tag } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('tag' in $$props) $$invalidate(0, tag = $$props.tag);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$: $$invalidate(2, unfolded = tag.state ? tag.state.unfolded : false);
+		}
+
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$: $$invalidate(1, mediaData = tag.data.mediaData);
+		}
+	};
+
+	return [tag, mediaData, unfolded];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { tag: 0 }, add_css);
+	}
+}
+
+export default Component;

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

@@ -29,7 +29,7 @@ import Shadow from '../Common/Shadow';
 import MultiLineText from '../Common/MultiLineText';
 
 function add_css(target) {
-	append_styles(target, "svelte-10nbig", ".line.svelte-10nbig{position:absolute;top:0;left:0;width:8.4375rem;height:1px;transform:translate3d(0, -50%, 0.52083rem)}.content.svelte-10nbig{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:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
+	append_styles(target, "svelte-4fxqxl", ".line.svelte-4fxqxl{position:absolute;top:0;left:0;width:10.125rem;height:0.0625rem;transform:translate3d(0, -50%, 0.625rem)}.content.svelte-4fxqxl{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;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
 }
 
 // (29:0) {#if tag.state}
@@ -82,9 +82,9 @@ function create_if_block(ctx) {
 			t1 = space();
 			div1 = element("div");
 			create_component(multilinetext.$$.fragment);
-			attr(div0, "class", "line svelte-10nbig");
+			attr(div0, "class", "line svelte-4fxqxl");
 			set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			attr(div1, "class", "content svelte-10nbig");
+			attr(div1, "class", "content svelte-4fxqxl");
 			add_render_callback(() => /*div1_elementresize_handler*/ ctx[9].call(div1));
 		},
 		m(target, anchor) {