@realsee/dnalogel 2.0.0-alpha.50 → 2.0.0-alpha.53

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

@@ -0,0 +1,232 @@
+/* generated by Svelte v3.49.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	append,
+	append_styles,
+	attr,
+	bubble,
+	check_outros,
+	create_component,
+	create_in_transition,
+	create_out_transition,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	group_outros,
+	init,
+	insert,
+	listen,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { fade } from 'svelte/transition';
+import { Image_Arrow } from '../../Assets/Icon';
+import { cubicInOut } from 'svelte/easing';
+import Shadow from './Shadow';
+
+function add_css(target) {
+	append_styles(target, "svelte-1ogmlqq", ".arrow.svelte-1ogmlqq{width:100%;height:100%;background-size:100%;transition:transform 400ms ease-in-out;cursor:pointer;pointer-events:auto}.arrow-wrapper.svelte-1ogmlqq{position:relative;width:100%;height:100%}.arrow.left.svelte-1ogmlqq{transform:rotate(0deg)}.arrow.right.svelte-1ogmlqq{transform:rotate(-180deg)}.arrow.top.svelte-1ogmlqq{transform:rotate(90deg)}.arrow.bottom.svelte-1ogmlqq{transform:rotate(-90deg)}");
+}
+
+// (12:0) {#if visible}
+function create_if_block(ctx) {
+	let div1;
+	let shadow;
+	let t;
+	let div0;
+	let div0_class_value;
+	let div0_intro;
+	let div0_outro;
+	let current;
+	let mounted;
+	let dispose;
+
+	shadow = new Shadow({
+			props: {
+				center: true,
+				blurRadius: 9,
+				spreadRadius: 3,
+				zIndex: -1
+			}
+		});
+
+	return {
+		c() {
+			div1 = element("div");
+			create_component(shadow.$$.fragment);
+			t = space();
+			div0 = element("div");
+			attr(div0, "class", div0_class_value = "arrow " + /*direction*/ ctx[0] + " svelte-1ogmlqq");
+			set_style(div0, "background-image", "url(" + Image_Arrow + ")");
+			attr(div1, "class", "arrow-wrapper svelte-1ogmlqq");
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			mount_component(shadow, div1, null);
+			append(div1, t);
+			append(div1, div0);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(div0, "click", /*click_handler*/ ctx[5]);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (!current || dirty & /*direction*/ 1 && div0_class_value !== (div0_class_value = "arrow " + /*direction*/ ctx[0] + " svelte-1ogmlqq")) {
+				attr(div0, "class", div0_class_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+
+			if (local) {
+				add_render_callback(() => {
+					if (div0_outro) div0_outro.end(1);
+
+					div0_intro = create_in_transition(div0, fade, {
+						duration: /*duration*/ ctx[2],
+						delay: /*inDelay*/ ctx[3],
+						easing: cubicInOut
+					});
+
+					div0_intro.start();
+				});
+			}
+
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			if (div0_intro) div0_intro.invalidate();
+
+			if (local) {
+				div0_outro = create_out_transition(div0, fade, {
+					duration: /*duration*/ ctx[2],
+					delay: /*outDelay*/ ctx[4],
+					easing: cubicInOut
+				});
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+			destroy_component(shadow);
+			if (detaching && div0_outro) div0_outro.end();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*visible*/ 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 (/*visible*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*visible*/ 2) {
+						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 { direction = 'right' } = $$props;
+	let { visible = true } = $$props;
+	let { duration = 0 } = $$props;
+	let { inDelay = 0 } = $$props;
+	let { outDelay = 0 } = $$props;
+
+	function click_handler(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	$$self.$$set = $$props => {
+		if ('direction' in $$props) $$invalidate(0, direction = $$props.direction);
+		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
+		if ('duration' in $$props) $$invalidate(2, duration = $$props.duration);
+		if ('inDelay' in $$props) $$invalidate(3, inDelay = $$props.inDelay);
+		if ('outDelay' in $$props) $$invalidate(4, outDelay = $$props.outDelay);
+	};
+
+	return [direction, visible, duration, inDelay, outDelay, click_handler];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				direction: 0,
+				visible: 1,
+				duration: 2,
+				inDelay: 3,
+				outDelay: 4
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

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

@@ -0,0 +1,349 @@
+/* generated by Svelte v3.49.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	append,
+	append_styles,
+	attr,
+	binding_callbacks,
+	check_outros,
+	create_component,
+	create_in_transition,
+	create_out_transition,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	group_outros,
+	init,
+	insert,
+	listen,
+	mount_component,
+	run_all,
+	safe_not_equal,
+	space,
+	src_url_equal,
+	stop_propagation,
+	toggle_class,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { fade } from 'svelte/transition';
+import { cubicInOut } from 'svelte/easing';
+import Shadow from './Shadow';
+import { getContext } from 'svelte';
+
+function add_css(target) {
+	append_styles(target, "svelte-tlcvd7", ".audio.svelte-tlcvd7.svelte-tlcvd7{position:relative;width:100%;height:100%;cursor:pointer}@-webkit-keyframes svelte-tlcvd7-playing{25%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8' transform='translate(-1 -1)' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}50%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM5.533 6.685L4.169 8.049l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}75%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.656 4.874l-.906.905A3.35 3.35 0 0 1 7.369 8.1c0 .875-.333 1.67-.88 2.268l.906.906A4.628 4.628 0 0 0 8.65 8.101a4.627 4.627 0 0 0-1.306-3.227zm-1.811 1.81L4.169 8.05l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}}@keyframes svelte-tlcvd7-playing{25%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8' transform='translate(-1 -1)' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}50%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM5.533 6.685L4.169 8.049l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}75%{background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.656 4.874l-.906.905A3.35 3.35 0 0 1 7.369 8.1c0 .875-.333 1.67-.88 2.268l.906.906A4.628 4.628 0 0 0 8.65 8.101a4.627 4.627 0 0 0-1.306-3.227zm-1.811 1.81L4.169 8.05l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}}.paused.svelte-tlcvd7 .audio-icon.svelte-tlcvd7{-webkit-animation:none;animation:none}.audio-icon.svelte-tlcvd7.svelte-tlcvd7{width:100%;height:100%;border-radius:50%;background-size:100%;-webkit-animation:svelte-tlcvd7-playing 2s steps(1) infinite;animation:svelte-tlcvd7-playing 2s steps(1) infinite;background-image:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm1.428 2.79l-.953.952a6.222 6.222 0 0 1 1.775 4.36c0 1.571-.58 3.006-1.538 4.103l-.184.202.793.794a7.344 7.344 0 0 0 2.21-5.26A7.341 7.341 0 0 0 9.428 2.79zM7.344 4.873l-.906.905A3.35 3.35 0 0 1 7.369 8.1c0 .802-.28 1.537-.748 2.115l-.132.153.906.906A4.628 4.628 0 0 0 8.65 8.101a4.627 4.627 0 0 0-1.306-3.227zm-1.811 1.81L4.169 8.05l1.414 1.413a2.078 2.078 0 0 0-.05-2.777z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E\")}");
+}
+
+// (34:0) {#if unfolded}
+function create_if_block(ctx) {
+	let div1;
+	let shadow;
+	let t0;
+	let div0;
+	let t1;
+	let audio_1;
+	let audio_1_controls_value;
+	let audio_1_src_value;
+	let audio_1_is_paused = true;
+	let div1_intro;
+	let div1_outro;
+	let current;
+	let mounted;
+	let dispose;
+
+	shadow = new Shadow({
+			props: {
+				center: true,
+				blurRadius: 15,
+				spreadRadius: 6,
+				zIndex: -1
+			}
+		});
+
+	return {
+		c() {
+			div1 = element("div");
+			create_component(shadow.$$.fragment);
+			t0 = space();
+			div0 = element("div");
+			t1 = space();
+			audio_1 = element("audio");
+			attr(div0, "class", "audio-icon svelte-tlcvd7");
+			audio_1.controls = audio_1_controls_value = false;
+			attr(audio_1, "playsinline", "");
+			if (!src_url_equal(audio_1.src, audio_1_src_value = /*url*/ ctx[3])) attr(audio_1, "src", audio_1_src_value);
+			attr(div1, "class", "audio svelte-tlcvd7");
+			toggle_class(div1, "paused", /*paused*/ ctx[6]);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			mount_component(shadow, div1, null);
+			append(div1, t0);
+			append(div1, div0);
+			append(div1, t1);
+			append(div1, audio_1);
+			/*audio_1_binding*/ ctx[10](audio_1);
+			current = true;
+
+			if (!mounted) {
+				dispose = [
+					listen(audio_1, "play", /*audio_1_play_pause_handler*/ ctx[11]),
+					listen(audio_1, "pause", /*audio_1_play_pause_handler*/ ctx[11]),
+					listen(div1, "click", stop_propagation(/*onClick*/ ctx[7]))
+				];
+
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (!current || dirty & /*url*/ 8 && !src_url_equal(audio_1.src, audio_1_src_value = /*url*/ ctx[3])) {
+				attr(audio_1, "src", audio_1_src_value);
+			}
+
+			if (dirty & /*paused*/ 64 && audio_1_is_paused !== (audio_1_is_paused = /*paused*/ ctx[6])) {
+				audio_1[audio_1_is_paused ? "pause" : "play"]();
+			}
+
+			if (dirty & /*paused*/ 64) {
+				toggle_class(div1, "paused", /*paused*/ ctx[6]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+
+			if (local) {
+				add_render_callback(() => {
+					if (div1_outro) div1_outro.end(1);
+
+					div1_intro = create_in_transition(div1, fade, {
+						duration: /*duration*/ ctx[2],
+						delay: /*inDelay*/ ctx[0],
+						easing: cubicInOut
+					});
+
+					div1_intro.start();
+				});
+			}
+
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			if (div1_intro) div1_intro.invalidate();
+
+			if (local) {
+				div1_outro = create_out_transition(div1, fade, {
+					duration: /*duration*/ ctx[2],
+					delay: /*outDelay*/ ctx[1],
+					easing: cubicInOut
+				});
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div1);
+			destroy_component(shadow);
+			/*audio_1_binding*/ ctx[10](null);
+			if (detaching && div1_outro) div1_outro.end();
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*unfolded*/ ctx[4] && 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 (/*unfolded*/ ctx[4]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*unfolded*/ 16) {
+						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 { inDelay = 0 } = $$props;
+	let { outDelay = 0 } = $$props;
+	let { duration = 0 } = $$props;
+	let { url } = $$props;
+	let { unfolded } = $$props;
+	let { mediaStore } = $$props;
+	let { hooksInfo = {} } = $$props;
+	const hooks = getContext('hooks');
+	let audio;
+	let paused = true;
+
+	mediaStore.subscribe(({ currentMediaUrl }) => {
+		if (currentMediaUrl !== url) audio === null || audio === void 0
+		? void 0
+		: audio.pause();
+	});
+
+	function onClick(event) {
+		mediaStore.set({ currentMediaUrl: url });
+		if (!audio) return;
+
+		hooks.emit('click', Object.assign(
+			{
+				event,
+				target: 'AudioTagPlayIcon',
+				audioInstance: audio
+			},
+			hooksInfo
+		));
+
+		audio.paused ? audio.play() : audio.pause();
+
+		$$invalidate(
+			5,
+			audio.onplay = event => hooks.emit('playStateChange', Object.assign(
+				{
+					event,
+					state: 'playing',
+					mediaInstance: audio
+				},
+				hooksInfo
+			)),
+			audio
+		);
+
+		$$invalidate(
+			5,
+			audio.onpause = event => hooks.emit('playStateChange', Object.assign(
+				{
+					event,
+					state: 'paused',
+					mediaInstance: audio
+				},
+				hooksInfo
+			)),
+			audio
+		);
+	}
+
+	function audio_1_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			audio = $$value;
+			$$invalidate(5, audio);
+		});
+	}
+
+	function audio_1_play_pause_handler() {
+		paused = this.paused;
+		$$invalidate(6, paused);
+	}
+
+	$$self.$$set = $$props => {
+		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 ('url' in $$props) $$invalidate(3, url = $$props.url);
+		if ('unfolded' in $$props) $$invalidate(4, unfolded = $$props.unfolded);
+		if ('mediaStore' in $$props) $$invalidate(8, mediaStore = $$props.mediaStore);
+		if ('hooksInfo' in $$props) $$invalidate(9, hooksInfo = $$props.hooksInfo);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*unfolded, audio*/ 48) {
+			$: {
+				if (!unfolded) audio === null || audio === void 0
+				? void 0
+				: audio.pause();
+			}
+		}
+	};
+
+	return [
+		inDelay,
+		outDelay,
+		duration,
+		url,
+		unfolded,
+		audio,
+		paused,
+		onClick,
+		mediaStore,
+		hooksInfo,
+		audio_1_binding,
+		audio_1_play_pause_handler
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				inDelay: 0,
+				outDelay: 1,
+				duration: 2,
+				url: 3,
+				unfolded: 4,
+				mediaStore: 8,
+				hooksInfo: 9
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;