@realsee/dnalogel 2.0.1 → 2.2.0-alpha.1

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

@@ -0,0 +1,137 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	toggle_class,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+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)}}");
+}
+
+function create_fragment(ctx) {
+	let div2;
+	let shadow;
+	let t0;
+	let div0;
+	let t1;
+	let div1;
+	let current;
+
+	shadow = new Shadow({
+			props: {
+				center: true,
+				blurRadius: 12,
+				spreadRadius: 5
+			}
+		});
+
+	return {
+		c() {
+			div2 = element("div");
+			create_component(shadow.$$.fragment);
+			t0 = space();
+			div0 = element("div");
+			t1 = space();
+			div1 = element("div");
+			attr(div0, "class", "small-point svelte-px40eu");
+			set_style(div0, "transition-delay", /*folded*/ ctx[3] ? /*foldDelay*/ ctx[2] + 'ms' : '0ms', false);
+			attr(div1, "class", "big-point svelte-px40eu");
+			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");
+			toggle_class(div2, "folded", /*folded*/ ctx[3]);
+			toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			mount_component(shadow, div2, null);
+			append(div2, t0);
+			append(div2, div0);
+			append(div2, t1);
+			append(div2, div1);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*folded, foldDelay*/ 12) {
+				set_style(div0, "transition-delay", /*folded*/ ctx[3] ? /*foldDelay*/ ctx[2] + 'ms' : '0ms', false);
+			}
+
+			if (!current || dirty & /*iconUrl*/ 2) {
+				set_style(div1, "--iconUrl", "url(" + /*iconUrl*/ ctx[1] + ")");
+			}
+
+			if (dirty & /*folded, foldDelay*/ 12) {
+				set_style(div1, "transition-delay", /*folded*/ ctx[3] ? /*foldDelay*/ ctx[2] + 'ms' : '0ms', false);
+			}
+
+			if (!current || dirty & /*folded*/ 8) {
+				toggle_class(div2, "folded", /*folded*/ ctx[3]);
+			}
+
+			if (!current || dirty & /*unfolded*/ 1) {
+				toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+			destroy_component(shadow);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let folded;
+	let { unfolded } = $$props;
+	let { iconUrl } = $$props;
+	let { foldDelay = 800 } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('unfolded' in $$props) $$invalidate(0, unfolded = $$props.unfolded);
+		if ('iconUrl' in $$props) $$invalidate(1, iconUrl = $$props.iconUrl);
+		if ('foldDelay' in $$props) $$invalidate(2, foldDelay = $$props.foldDelay);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*unfolded*/ 1) {
+			$: $$invalidate(3, folded = !unfolded);
+		}
+	};
+
+	return [unfolded, iconUrl, foldDelay, folded];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { unfolded: 0, iconUrl: 1, foldDelay: 2 }, add_css);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,130 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	toggle_class,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+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)}");
+}
+
+function create_fragment(ctx) {
+	let div2;
+	let shadow;
+	let t0;
+	let div0;
+	let t1;
+	let div1;
+	let current;
+
+	shadow = new Shadow({
+			props: {
+				center: true,
+				blurRadius: 12,
+				spreadRadius: 5
+			}
+		});
+
+	return {
+		c() {
+			div2 = element("div");
+			create_component(shadow.$$.fragment);
+			t0 = space();
+			div0 = element("div");
+			t1 = space();
+			div1 = element("div");
+			attr(div0, "class", "small-point svelte-xnvc9g");
+			set_style(div0, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
+			attr(div1, "class", "big-point svelte-xnvc9g");
+			set_style(div1, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
+			attr(div2, "class", "point svelte-xnvc9g");
+			toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
+			toggle_class(div2, "folded", /*folded*/ ctx[2]);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			mount_component(shadow, div2, null);
+			append(div2, t0);
+			append(div2, div0);
+			append(div2, t1);
+			append(div2, div1);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*folded, foldDelay*/ 6) {
+				set_style(div0, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
+			}
+
+			if (dirty & /*folded, foldDelay*/ 6) {
+				set_style(div1, "transition-delay", /*folded*/ ctx[2] ? /*foldDelay*/ ctx[1] + 'ms' : '0ms', false);
+			}
+
+			if (!current || dirty & /*unfolded*/ 1) {
+				toggle_class(div2, "unfolded", /*unfolded*/ ctx[0]);
+			}
+
+			if (!current || dirty & /*folded*/ 4) {
+				toggle_class(div2, "folded", /*folded*/ ctx[2]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+			destroy_component(shadow);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let folded;
+	let { unfolded } = $$props;
+	let { foldDelay = 800 } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('unfolded' in $$props) $$invalidate(0, unfolded = $$props.unfolded);
+		if ('foldDelay' in $$props) $$invalidate(1, foldDelay = $$props.foldDelay);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*unfolded*/ 1) {
+			$: $$invalidate(2, folded = !unfolded);
+		}
+	};
+
+	return [unfolded, foldDelay, folded];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { unfolded: 0, foldDelay: 1 }, add_css);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,335 @@
+/* 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,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { ContentType } from '../../../typings';
+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%)}");
+}
+
+// (9:0) {#if tag.pointTagStyle?.leftPercent && tag.pointTagStyle?.topPercent && tag.enabled !== false && tag.state && tag.temporaryState?.visible !== false}
+function create_if_block(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*tag*/ ctx[0].contentType !== ContentType.Link && create_if_block_1(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].contentType !== ContentType.Link) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*tag*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block_1(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);
+		}
+	};
+}
+
+// (10:2) {#if tag.contentType !== ContentType.Link}
+function create_if_block_1(ctx) {
+	let div;
+	let t;
+	let current_block_type_index;
+	let if_block;
+	let if_block_anchor;
+	let current;
+	const if_block_creators = [create_if_block_2, create_else_block];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*tag*/ ctx[0].style?.point?.style === 'CustomIcon' && /*tag*/ ctx[0].style?.point?.iconUrl) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type(ctx, -1);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			div = element("div");
+			t = space();
+			if_block.c();
+			if_block_anchor = empty();
+			attr(div, "class", "point-click-helper svelte-1ozdm3x");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			insert(target, t, anchor);
+			if_blocks[current_block_type_index].m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx, dirty);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(if_block_anchor.parentNode, if_block_anchor);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (detaching) detach(t);
+			if_blocks[current_block_type_index].d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (15:4) {:else}
+function create_else_block(ctx) {
+	let defaultpoint;
+	let current;
+
+	defaultpoint = new DefaultPoint({
+			props: {
+				unfolded: /*tag*/ ctx[0].state.unfolded,
+				foldDelay: /*foldDelay*/ ctx[1]
+			}
+		});
+
+	return {
+		c() {
+			create_component(defaultpoint.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(defaultpoint, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const defaultpoint_changes = {};
+			if (dirty & /*tag*/ 1) defaultpoint_changes.unfolded = /*tag*/ ctx[0].state.unfolded;
+			if (dirty & /*foldDelay*/ 2) defaultpoint_changes.foldDelay = /*foldDelay*/ ctx[1];
+			defaultpoint.$set(defaultpoint_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(defaultpoint.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(defaultpoint.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(defaultpoint, detaching);
+		}
+	};
+}
+
+// (13:4) {#if tag.style?.point?.style === 'CustomIcon' && tag.style?.point?.iconUrl}
+function create_if_block_2(ctx) {
+	let custompoint;
+	let current;
+
+	custompoint = new CustomPoint({
+			props: {
+				iconUrl: /*tag*/ ctx[0].style.point.iconUrl,
+				unfolded: /*tag*/ ctx[0].state.unfolded,
+				foldDelay: /*foldDelay*/ ctx[1]
+			}
+		});
+
+	return {
+		c() {
+			create_component(custompoint.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(custompoint, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const custompoint_changes = {};
+			if (dirty & /*tag*/ 1) custompoint_changes.iconUrl = /*tag*/ ctx[0].style.point.iconUrl;
+			if (dirty & /*tag*/ 1) custompoint_changes.unfolded = /*tag*/ ctx[0].state.unfolded;
+			if (dirty & /*foldDelay*/ 2) custompoint_changes.foldDelay = /*foldDelay*/ ctx[1];
+			custompoint.$set(custompoint_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(custompoint.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(custompoint.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(custompoint, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*tag*/ ctx[0].pointTagStyle?.leftPercent && /*tag*/ ctx[0].pointTagStyle?.topPercent && /*tag*/ ctx[0].enabled !== false && /*tag*/ ctx[0].state && /*tag*/ ctx[0].temporaryState?.visible !== false && 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].pointTagStyle?.leftPercent && /*tag*/ ctx[0].pointTagStyle?.topPercent && /*tag*/ ctx[0].enabled !== false && /*tag*/ ctx[0].state && /*tag*/ ctx[0].temporaryState?.visible !== false) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*tag*/ 1) {
+						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 foldDelay;
+	var _a, _b;
+	let { tag } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('tag' in $$props) $$invalidate(0, tag = $$props.tag);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*tag, _a, _b*/ 13) {
+			$: $$invalidate(1, foldDelay = $$invalidate(3, _b = $$invalidate(2, _a = tag.style) === null || _a === void 0
+			? void 0
+			: _a.foldedPointDelay) !== null && _b !== void 0
+			? _b
+			: tag.contentType === ContentType.Marketing
+				? 600
+				: undefined);
+		}
+	};
+
+	return [tag, foldDelay, _a, _b];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { tag: 0 }, add_css);
+	}
+}
+
+export default Component;