@realsee/dnalogel 2.0.0-alpha.52 → 2.0.0-alpha.55

package/libs/PanoTagPlugin/Components/PointTag.js

@@ -1,240 +0,0 @@
-/* generated by Svelte v3.49.0 */
-import {
-	SvelteComponent,
-	append,
-	append_styles,
-	assign,
-	attr,
-	check_outros,
-	create_component,
-	destroy_component,
-	detach,
-	element,
-	get_spread_update,
-	group_outros,
-	init,
-	insert,
-	mount_component,
-	outro_and_destroy_block,
-	safe_not_equal,
-	space,
-	toggle_class,
-	transition_in,
-	transition_out,
-	update_keyed_each
-} from "svelte/internal";
-
-import TagWrapper from './TagWrapper';
-
-function add_css(target) {
-	append_styles(target, "svelte-1d5dpm8", ".tag2D__container.svelte-1d5dpm8{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag2D.hide.svelte-1d5dpm8{display:none}.withAnimation.svelte-1d5dpm8{transition:opacity 0.3s linear}.tag2D__container.hide.svelte-1d5dpm8{opacity:0;pointer-events:none}.tag2D__container.hide.svelte-1d5dpm8 *{pointer-events:none}");
-}
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
-	return child_ctx;
-}
-
-// (11:2) {#each tags as tag (tag.id)}
-function create_each_block(key_1, ctx) {
-	let div;
-	let tagwrapper;
-	let t;
-	let current;
-
-	const tagwrapper_spread_levels = [
-		{
-			tag: /*tag*/ ctx[6],
-			hooks: /*hooks*/ ctx[2],
-			state: /*state*/ ctx[3],
-			mediaStore: /*mediaStore*/ ctx[4],
-			temporaryState: /*temporaryState*/ ctx[5],
-			withAnimation: /*withAnimation*/ ctx[0]
-		}
-	];
-
-	let tagwrapper_props = {};
-
-	for (let i = 0; i < tagwrapper_spread_levels.length; i += 1) {
-		tagwrapper_props = assign(tagwrapper_props, tagwrapper_spread_levels[i]);
-	}
-
-	tagwrapper = new TagWrapper({ props: tagwrapper_props });
-
-	return {
-		key: key_1,
-		first: null,
-		c() {
-			div = element("div");
-			create_component(tagwrapper.$$.fragment);
-			t = space();
-			attr(div, "class", "tag2D svelte-1d5dpm8");
-			toggle_class(div, "hide", !/*tag*/ ctx[6].pointTagStyle?.leftPercent || !/*tag*/ ctx[6].pointTagStyle?.topPercent || /*tag*/ ctx[6].enabled === false || !/*tag*/ ctx[6].state || /*tag*/ ctx[6].temporaryState?.visible === false);
-			this.first = div;
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			mount_component(tagwrapper, div, null);
-			append(div, t);
-			current = true;
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			const tagwrapper_changes = (dirty & /*tags, hooks, state, mediaStore, temporaryState, withAnimation*/ 63)
-			? get_spread_update(tagwrapper_spread_levels, [
-					{
-						tag: /*tag*/ ctx[6],
-						hooks: /*hooks*/ ctx[2],
-						state: /*state*/ ctx[3],
-						mediaStore: /*mediaStore*/ ctx[4],
-						temporaryState: /*temporaryState*/ ctx[5],
-						withAnimation: /*withAnimation*/ ctx[0]
-					}
-				])
-			: {};
-
-			tagwrapper.$set(tagwrapper_changes);
-
-			if (dirty & /*tags*/ 2) {
-				toggle_class(div, "hide", !/*tag*/ ctx[6].pointTagStyle?.leftPercent || !/*tag*/ ctx[6].pointTagStyle?.topPercent || /*tag*/ ctx[6].enabled === false || !/*tag*/ ctx[6].state || /*tag*/ ctx[6].temporaryState?.visible === false);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(tagwrapper.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(tagwrapper.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(tagwrapper);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let each_blocks = [];
-	let each_1_lookup = new Map();
-	let current;
-	let each_value = /*tags*/ ctx[1];
-	const get_key = ctx => /*tag*/ ctx[6].id;
-
-	for (let i = 0; i < each_value.length; i += 1) {
-		let child_ctx = get_each_context(ctx, each_value, i);
-		let key = get_key(child_ctx);
-		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
-	}
-
-	return {
-		c() {
-			div = element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(div, "class", "tag2D__container svelte-1d5dpm8");
-			toggle_class(div, "hide", !/*state*/ ctx[3].visible || !/*temporaryState*/ ctx[5].visible);
-			toggle_class(div, "withAnimation", /*withAnimation*/ ctx[0]);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
-			current = true;
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*tags, hooks, state, mediaStore, temporaryState, withAnimation*/ 63) {
-				each_value = /*tags*/ ctx[1];
-				group_outros();
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
-				check_outros();
-			}
-
-			if (dirty & /*state, temporaryState*/ 40) {
-				toggle_class(div, "hide", !/*state*/ ctx[3].visible || !/*temporaryState*/ ctx[5].visible);
-			}
-
-			if (dirty & /*withAnimation*/ 1) {
-				toggle_class(div, "withAnimation", /*withAnimation*/ ctx[0]);
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			for (let i = 0; i < each_value.length; i += 1) {
-				transition_in(each_blocks[i]);
-			}
-
-			current = true;
-		},
-		o(local) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].d();
-			}
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let { withAnimation = false } = $$props;
-	let { tags = [] } = $$props;
-	let { hooks } = $$props;
-	let { state } = $$props;
-	let { mediaStore } = $$props;
-	let { temporaryState } = $$props;
-
-	$$self.$$set = $$props => {
-		if ('withAnimation' in $$props) $$invalidate(0, withAnimation = $$props.withAnimation);
-		if ('tags' in $$props) $$invalidate(1, tags = $$props.tags);
-		if ('hooks' in $$props) $$invalidate(2, hooks = $$props.hooks);
-		if ('state' in $$props) $$invalidate(3, state = $$props.state);
-		if ('mediaStore' in $$props) $$invalidate(4, mediaStore = $$props.mediaStore);
-		if ('temporaryState' in $$props) $$invalidate(5, temporaryState = $$props.temporaryState);
-	};
-
-	return [withAnimation, tags, hooks, state, mediaStore, temporaryState];
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				withAnimation: 0,
-				tags: 1,
-				hooks: 2,
-				state: 3,
-				mediaStore: 4,
-				temporaryState: 5
-			},
-			add_css
-		);
-	}
-}
-
-export default Component;

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

@@ -1,330 +0,0 @@
-/* generated by Svelte v3.49.0 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	add_resize_listener,
-	append,
-	append_styles,
-	attr,
-	check_outros,
-	create_component,
-	destroy_component,
-	detach,
-	element,
-	empty,
-	group_outros,
-	init,
-	insert,
-	listen,
-	mount_component,
-	safe_not_equal,
-	set_style,
-	space,
-	toggle_class,
-	transition_in,
-	transition_out
-} from "svelte/internal";
-
-import uuid from '../../../shared-utils/uuid';
-import '../Common/Text';
-import '../Common/Arrow';
-import Audio from '../Common/Audio';
-import Line from '../Common/Line/Straight';
-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}");
-}
-
-// (28:0) {#if tag.state}
-function create_if_block(ctx) {
-	let div5;
-	let shadow;
-	let t0;
-	let div0;
-	let line;
-	let t1;
-	let div4;
-	let div3;
-	let div1;
-	let audio;
-	let t2;
-	let div2;
-	let multilinetext;
-	let div4_resize_listener;
-	let current;
-	let mounted;
-	let dispose;
-
-	shadow = new Shadow({
-			props: {
-				visible: /*unfolded*/ ctx[6],
-				left: /*contentWidth*/ ctx[3] / 2 + 'px',
-				bottom: 12,
-				width: 2,
-				blurRadius: 120,
-				spreadRadius: 60
-			}
-		});
-
-	line = new Line({
-			props: {
-				unfolded: /*unfolded*/ ctx[6],
-				duration: 1000,
-				outDelay: /*foldTextDelay*/ ctx[5] + 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15)
-			}
-		});
-
-	audio = new Audio({
-			props: {
-				unfolded: /*unfolded*/ ctx[6],
-				mediaStore: /*mediaStore*/ ctx[0],
-				url: /*tag*/ ctx[1].data.audioUrl,
-				duration: 1000,
-				outDelay: 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15),
-				hooksInfo: { tag: /*tag*/ ctx[1] }
-			}
-		});
-
-	multilinetext = new MultiLineText({
-			props: {
-				visible: /*unfolded*/ ctx[6],
-				textUnfolded: /*textUnfolded*/ ctx[2],
-				textItems: /*textItems*/ ctx[4]
-			}
-		});
-
-	return {
-		c() {
-			div5 = element("div");
-			create_component(shadow.$$.fragment);
-			t0 = space();
-			div0 = element("div");
-			create_component(line.$$.fragment);
-			t1 = space();
-			div4 = element("div");
-			div3 = element("div");
-			div1 = element("div");
-			create_component(audio.$$.fragment);
-			t2 = space();
-			div2 = element("div");
-			create_component(multilinetext.$$.fragment);
-			attr(div0, "class", "line svelte-gxabvj");
-			set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			attr(div1, "class", "audio-icon svelte-gxabvj");
-			set_style(div2, "display", `inline-block`, false);
-			attr(div3, "class", "wrapper svelte-gxabvj");
-			attr(div4, "class", "content svelte-gxabvj");
-			add_render_callback(() => /*div4_elementresize_handler*/ ctx[10].call(div4));
-			attr(div5, "class", "audio-tag svelte-gxabvj");
-			toggle_class(div5, "unfolded", /*unfolded*/ ctx[6]);
-		},
-		m(target, anchor) {
-			insert(target, div5, anchor);
-			mount_component(shadow, div5, null);
-			append(div5, t0);
-			append(div5, div0);
-			mount_component(line, div0, null);
-			append(div5, t1);
-			append(div5, div4);
-			append(div4, div3);
-			append(div3, div1);
-			mount_component(audio, div1, null);
-			append(div3, t2);
-			append(div3, div2);
-			mount_component(multilinetext, div2, null);
-			div4_resize_listener = add_resize_listener(div4, /*div4_elementresize_handler*/ ctx[10].bind(div4));
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(div2, "click", /*clickContent*/ ctx[7]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			const shadow_changes = {};
-			if (dirty & /*unfolded*/ 64) shadow_changes.visible = /*unfolded*/ ctx[6];
-			if (dirty & /*contentWidth*/ 8) shadow_changes.left = /*contentWidth*/ ctx[3] / 2 + 'px';
-			shadow.$set(shadow_changes);
-			const line_changes = {};
-			if (dirty & /*unfolded*/ 64) line_changes.unfolded = /*unfolded*/ ctx[6];
-			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
-			line.$set(line_changes);
-
-			if (dirty & /*contentWidth*/ 8) {
-				set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			}
-
-			const audio_changes = {};
-			if (dirty & /*unfolded*/ 64) audio_changes.unfolded = /*unfolded*/ ctx[6];
-			if (dirty & /*mediaStore*/ 1) audio_changes.mediaStore = /*mediaStore*/ ctx[0];
-			if (dirty & /*tag*/ 2) audio_changes.url = /*tag*/ ctx[1].data.audioUrl;
-			if (dirty & /*textItems*/ 16) audio_changes.outDelay = 20 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
-			if (dirty & /*tag*/ 2) audio_changes.hooksInfo = { tag: /*tag*/ ctx[1] };
-			audio.$set(audio_changes);
-			const multilinetext_changes = {};
-			if (dirty & /*unfolded*/ 64) multilinetext_changes.visible = /*unfolded*/ ctx[6];
-			if (dirty & /*textUnfolded*/ 4) multilinetext_changes.textUnfolded = /*textUnfolded*/ ctx[2];
-			if (dirty & /*textItems*/ 16) multilinetext_changes.textItems = /*textItems*/ ctx[4];
-			multilinetext.$set(multilinetext_changes);
-
-			if (dirty & /*unfolded*/ 64) {
-				toggle_class(div5, "unfolded", /*unfolded*/ ctx[6]);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(shadow.$$.fragment, local);
-			transition_in(line.$$.fragment, local);
-			transition_in(audio.$$.fragment, local);
-			transition_in(multilinetext.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(shadow.$$.fragment, local);
-			transition_out(line.$$.fragment, local);
-			transition_out(audio.$$.fragment, local);
-			transition_out(multilinetext.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div5);
-			destroy_component(shadow);
-			destroy_component(line);
-			destroy_component(audio);
-			destroy_component(multilinetext);
-			div4_resize_listener();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let if_block_anchor;
-	let current;
-	let if_block = /*tag*/ ctx[1].state && 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[1].state) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-
-					if (dirty & /*tag*/ 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 unfolded;
-	let text;
-	let foldTextDelay;
-	var _a;
-	let { mediaStore } = $$props;
-	let { tag } = $$props;
-	let textUnfolded = false;
-	let contentWidth;
-	let textItems = [];
-
-	function clickContent() {
-		$$invalidate(2, textUnfolded = !textUnfolded);
-	}
-
-	function div4_elementresize_handler() {
-		contentWidth = this.clientWidth;
-		$$invalidate(3, contentWidth);
-	}
-
-	$$self.$$set = $$props => {
-		if ('mediaStore' in $$props) $$invalidate(0, mediaStore = $$props.mediaStore);
-		if ('tag' in $$props) $$invalidate(1, tag = $$props.tag);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*tag, _a*/ 258) {
-			$: $$invalidate(6, unfolded = !!($$invalidate(8, _a = tag.state) === null || _a === void 0
-			? void 0
-			: _a.unfolded));
-		}
-
-		if ($$self.$$.dirty & /*tag*/ 2) {
-			$: $$invalidate(9, text = tag.data.text);
-		}
-
-		if ($$self.$$.dirty & /*text*/ 512) {
-			$: {
-				// 当 text 变了后，强制更新 Text
-				$$invalidate(4, textItems = [{ id: uuid(), content: text }]);
-			}
-		}
-
-		if ($$self.$$.dirty & /*textUnfolded*/ 4) {
-			// 收起的时候，如果文字展开了，要先下下去，再收起
-			$: $$invalidate(5, foldTextDelay = textUnfolded ? 450 : 0);
-		}
-	};
-
-	return [
-		mediaStore,
-		tag,
-		textUnfolded,
-		contentWidth,
-		textItems,
-		foldTextDelay,
-		unfolded,
-		clickContent,
-		_a,
-		text,
-		div4_elementresize_handler
-	];
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { mediaStore: 0, tag: 1 }, add_css);
-	}
-}
-
-export default Component;

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

@@ -1,136 +0,0 @@
-/* generated by Svelte v3.49.0 */
-import {
-	HtmlTag,
-	SvelteComponent,
-	append_styles,
-	attr,
-	binding_callbacks,
-	detach,
-	element,
-	empty,
-	init,
-	insert,
-	noop,
-	safe_not_equal
-} from "svelte/internal";
-
-import { onDestroy, onMount } from 'svelte';
-
-function add_css(target) {
-	append_styles(target, "svelte-kzl2aj", ".customElement__container.svelte-kzl2aj{position:relative}");
-}
-
-// (24:2) {#if tag.element === 'string'}
-function create_if_block(ctx) {
-	let html_tag;
-	let raw_value = /*tag*/ ctx[0].element + "";
-	let html_anchor;
-
-	return {
-		c() {
-			html_tag = new HtmlTag(false);
-			html_anchor = empty();
-			html_tag.a = html_anchor;
-		},
-		m(target, anchor) {
-			html_tag.m(raw_value, target, anchor);
-			insert(target, html_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (dirty & /*tag*/ 1 && raw_value !== (raw_value = /*tag*/ ctx[0].element + "")) html_tag.p(raw_value);
-		},
-		d(detaching) {
-			if (detaching) detach(html_anchor);
-			if (detaching) html_tag.d();
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let if_block = /*tag*/ ctx[0].element === 'string' && create_if_block(ctx);
-
-	return {
-		c() {
-			div = element("div");
-			if (if_block) if_block.c();
-			attr(div, "class", "customElement__container svelte-kzl2aj");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			if (if_block) if_block.m(div, null);
-			/*div_binding*/ ctx[2](div);
-		},
-		p(ctx, [dirty]) {
-			if (/*tag*/ ctx[0].element === 'string') {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(div, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div);
-			if (if_block) if_block.d();
-			/*div_binding*/ ctx[2](null);
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let { tag } = $$props;
-	let content;
-	let destroyTemplate;
-
-	onMount(() => {
-		if (content) {
-			if (tag.element instanceof Element) {
-				const element = tag.element;
-				content.appendChild(element);
-
-				destroyTemplate = () => content === null || content === void 0
-				? void 0
-				: content.removeChild(element);
-			} else if (typeof tag.element === 'function') {
-				const renderer = tag.element;
-				destroyTemplate = renderer(content);
-			}
-		}
-	});
-
-	onDestroy(() => {
-		destroyTemplate === null || destroyTemplate === void 0
-		? void 0
-		: destroyTemplate();
-	});
-
-	function div_binding($$value) {
-		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			content = $$value;
-			$$invalidate(1, content);
-		});
-	}
-
-	$$self.$$set = $$props => {
-		if ('tag' in $$props) $$invalidate(0, tag = $$props.tag);
-	};
-
-	return [tag, content, div_binding];
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { tag: 0 }, add_css);
-	}
-}
-
-export default Component;