@realsee/dnalogel 2.0.2 → 2.0.4-dev.1

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -1,334 +1,134 @@
-/* generated by Svelte v3.50.1 */
-import {
-	SvelteComponent,
-	append,
-	append_styles,
-	attr,
-	binding_callbacks,
-	detach,
-	element,
-	init,
-	insert,
-	listen,
-	noop,
-	null_to_empty,
-	safe_not_equal,
-	set_data,
-	set_style,
-	space,
-	text
-} from "svelte/internal";
-
-import "./events.type";
-import classNames from 'classnames';
-
-function add_css(target) {
-	append_styles(target, "svelte-1mppr0a", ".item-label-item.svelte-1mppr0a.svelte-1mppr0a{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-1mppr0a-fadeIn .3s ease-in;animation:svelte-1mppr0a-fadeIn .3s ease-in}.item-label-item.fold.svelte-1mppr0a>.item-label-item__text-wrap.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a:after{visibility:visible}.item-label-item__text-wrap.svelte-1mppr0a.svelte-1mppr0a{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-1mppr0a.svelte-1mppr0a{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1mppr0a.svelte-1mppr0a{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-1mppr0a.svelte-1mppr0a{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-1mppr0a.svelte-1mppr0a{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-1mppr0a.svelte-1mppr0a{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-1mppr0a.svelte-1mppr0a:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+import { S as j, i as B, s as F, a as S, e as g, o as z, b, x as q, q as p, c as w, p as _, K as E, n as I, g as y, G, u as L, v as C } from "../index.d6d7690a.js";
+import { c as k } from "../index.f2f85d71.js";
+function K(l) {
+  S(l, "svelte-1q3t254", `.item-label-item.svelte-1q3t254.svelte-1q3t254{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-1q3t254-fadeIn .3s ease-in}.item-label-item.fold.svelte-1q3t254>.item-label-item__text-wrap.svelte-1q3t254{visibility:hidden}.item-label-item.fold.svelte-1q3t254>.item-label-item__bar.anchor.svelte-1q3t254{visibility:hidden}.item-label-item.fold.svelte-1q3t254>.item-label-item__bar.anchor.svelte-1q3t254:after{visibility:visible}.item-label-item__text-wrap.svelte-1q3t254.svelte-1q3t254{height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-1q3t254.svelte-1q3t254{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-1q3t254.svelte-1q3t254{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1q3t254.svelte-1q3t254{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1q3t254.svelte-1q3t254{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-1q3t254.svelte-1q3t254{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-1q3t254.svelte-1q3t254{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-1q3t254.svelte-1q3t254{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-1q3t254.svelte-1q3t254:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url("//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png ");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@keyframes svelte-1q3t254-fadeIn{from{opacity:0
+        }to{opacity:1
+        }}`);
 }
-
-// (34:8) {:else}
-function create_else_block(ctx) {
-	let t0;
-	let div;
-	let span0;
-	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
-	let t1;
-	let t2;
-	let span1;
-	let t3_value = /*itemLabel*/ ctx[0].name + "";
-	let t3;
-	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			t0 = space();
-			div = element("div");
-			span0 = element("span");
-			t1 = text(t1_value);
-			t2 = space();
-			span1 = element("span");
-			t3 = text(t3_value);
-			attr(span0, "class", "item-model svelte-1mppr0a");
-			attr(span1, "class", "item-name svelte-1mppr0a");
-			attr(div, "class", "item-label-text svelte-1mppr0a");
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert(target, t0, anchor);
-			insert(target, div, anchor);
-			append(div, span0);
-			append(span0, t1);
-			append(div, t2);
-			append(div, span1);
-			append(span1, t3);
-		},
-		p(ctx, dirty) {
-			if (/*itemLabel*/ ctx[0].icon) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block_1(ctx);
-					if_block.c();
-					if_block.m(t0.parentNode, t0);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) set_data(t1, t1_value);
-			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) set_data(t3, t3_value);
-		},
-		d(detaching) {
-			if (if_block) if_block.d(detaching);
-			if (detaching) detach(t0);
-			if (detaching) detach(div);
-		}
-	};
+function N(l) {
+  let e, t, n, s = (l[0].code || l[0].id) + "", f, o, d, r = l[0].name + "", h, a = l[0].icon && x(l);
+  return {
+    c() {
+      a && a.c(), e = z(), t = g("div"), n = g("span"), f = L(s), o = z(), d = g("span"), h = L(r), b(n, "class", "item-model svelte-1q3t254"), b(d, "class", "item-name svelte-1q3t254"), b(t, "class", "item-label-text svelte-1q3t254");
+    },
+    m(i, u) {
+      a && a.m(i, u), w(i, e, u), w(i, t, u), _(t, n), _(n, f), _(t, o), _(t, d), _(d, h);
+    },
+    p(i, u) {
+      i[0].icon ? a ? a.p(i, u) : (a = x(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), u & 1 && s !== (s = (i[0].code || i[0].id) + "") && C(f, s), u & 1 && r !== (r = i[0].name + "") && C(h, r);
+    },
+    d(i) {
+      a && a.d(i), i && y(e), i && y(t);
+    }
+  };
 }
-
-// (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
-function create_if_block(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = element("div");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			/*div_binding*/ ctx[6](div);
-		},
-		p: noop,
-		d(detaching) {
-			if (detaching) detach(div);
-			/*div_binding*/ ctx[6](null);
-		}
-	};
+function A(l) {
+  let e;
+  return {
+    c() {
+      e = g("div");
+    },
+    m(t, n) {
+      w(t, e, n), l[6](e);
+    },
+    p: I,
+    d(t) {
+      t && y(e), l[6](null);
+    }
+  };
 }
-
-// (35:12) {#if itemLabel.icon}
-function create_if_block_1(ctx) {
-	let div1;
-	let div0;
-	let div0_style_value;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			div1 = element("div");
-			div0 = element("div");
-			attr(div0, "class", "icon svelte-1mppr0a");
-			attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			attr(div1, "class", "icon-wrap svelte-1mppr0a");
-		},
-		m(target, anchor) {
-			insert(target, div1, anchor);
-			append(div1, div0);
-
-			if (!mounted) {
-				dispose = listen(div1, "click", /*click_handler*/ ctx[7]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty & /*itemLabel*/ 1 && div0_style_value !== (div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`)) {
-				attr(div0, "style", div0_style_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div1);
-			mounted = false;
-			dispose();
-		}
-	};
+function x(l) {
+  let e, t, n, s, f;
+  return {
+    c() {
+      e = g("div"), t = g("div"), b(t, "class", "icon svelte-1q3t254"), b(t, "style", n = `background-image: url(${l[0].icon})`), b(e, "class", "icon-wrap svelte-1q3t254");
+    },
+    m(o, d) {
+      w(o, e, d), _(e, t), s || (f = E(e, "click", l[7]), s = !0);
+    },
+    p(o, d) {
+      d & 1 && n !== (n = `background-image: url(${o[0].icon})`) && b(t, "style", n);
+    },
+    d(o) {
+      o && y(e), s = !1, f();
+    }
+  };
 }
-
-function create_fragment(ctx) {
-	let div2;
-	let div0;
-	let show_if;
-	let div0_class_value;
-	let t;
-	let div1;
-	let div1_class_value;
-	let div2_class_value;
-	let mounted;
-	let dispose;
-
-	function select_block_type(ctx, dirty) {
-		if (dirty & /*itemLabel*/ 1) show_if = null;
-		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
-		if (show_if) return create_if_block;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block = current_block_type(ctx);
-
-	return {
-		c() {
-			div2 = element("div");
-			div0 = element("div");
-			if_block.c();
-			t = space();
-			div1 = element("div");
-
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
-				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-1mppr0a"));
-
-			set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1mppr0a"));
-			set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-1mppr0a"));
-			set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, div0);
-			if_block.m(div0, null);
-			append(div2, t);
-			append(div2, div1);
-
-			if (!mounted) {
-				dispose = listen(div0, "click", /*onClick*/ ctx[4]);
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(div0, null);
-				}
-			}
-
-			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
-				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-1mppr0a"))) {
-				attr(div0, "class", div0_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			}
-
-			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1mppr0a"))) {
-				attr(div1, "class", div1_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			}
-
-			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-1mppr0a"))) {
-				attr(div2, "class", div2_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div2);
-			if_block.d();
-			mounted = false;
-			dispose();
-		}
-	};
+function D(l) {
+  let e, t, n, s, f, o, d, r, h, a;
+  function i(m, c) {
+    return c & 1 && (n = null), n == null && (n = !!Boolean(typeof m[0].render == "function")), n ? A : N;
+  }
+  let u = i(l, -1), v = u(l);
+  return {
+    c() {
+      e = g("div"), t = g("div"), v.c(), f = z(), o = g("div"), b(t, "class", s = q(k("item-label-item__text-wrap", {
+        "item-label-item__custom": Boolean(typeof l[0].render == "function")
+      })) + " svelte-1q3t254"), p(t, "bottom", `${l[0].strokeLength}px`), b(o, "class", d = q(k("item-label-item__bar", { anchor: l[1] })) + " svelte-1q3t254"), p(o, "height", `${l[0].strokeLength}px`), b(e, "class", r = q(k("item-label-item", { fold: l[0].isFold })) + " svelte-1q3t254"), p(e, "z-index", l[0].zIndex), p(e, "transform", l[0].transform);
+    },
+    m(m, c) {
+      w(m, e, c), _(e, t), v.m(t, null), _(e, f), _(e, o), h || (a = E(t, "click", l[4]), h = !0);
+    },
+    p(m, [c]) {
+      u === (u = i(m, c)) && v ? v.p(m, c) : (v.d(1), v = u(m), v && (v.c(), v.m(t, null))), c & 1 && s !== (s = q(k("item-label-item__text-wrap", {
+        "item-label-item__custom": Boolean(typeof m[0].render == "function")
+      })) + " svelte-1q3t254") && b(t, "class", s), c & 1 && p(t, "bottom", `${m[0].strokeLength}px`), c & 2 && d !== (d = q(k("item-label-item__bar", { anchor: m[1] })) + " svelte-1q3t254") && b(o, "class", d), c & 1 && p(o, "height", `${m[0].strokeLength}px`), c & 1 && r !== (r = q(k("item-label-item", { fold: m[0].isFold })) + " svelte-1q3t254") && b(e, "class", r), c & 1 && p(e, "z-index", m[0].zIndex), c & 1 && p(e, "transform", m[0].transform);
+    },
+    i: I,
+    o: I,
+    d(m) {
+      m && y(e), v.d(), h = !1, a();
+    }
+  };
 }
-
-function instance($$self, $$props, $$invalidate) {
-	let { itemLabel } = $$props;
-	let { hooks } = $$props;
-	let { anchorEnabled } = $$props;
-	let { onIconClick } = $$props;
-
-	// const defaultIcon = '//vrlab-public.ljcdn.com/common/file/web/c8591aaa-e62b-4e31-8fed-671483ace37f.svg\n'
-	function onClick() {
-		hooks.emit('onLabelClick', itemLabel);
-	}
-
-	let customElement;
-
-	function div_binding($$value) {
-		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			customElement = $$value;
-			$$invalidate(3, customElement);
-		});
-	}
-
-	const click_handler = e => onIconClick(itemLabel);
-
-	$$self.$$set = $$props => {
-		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
-		if ('hooks' in $$props) $$invalidate(5, hooks = $$props.hooks);
-		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
-		if ('onIconClick' in $$props) $$invalidate(2, onIconClick = $$props.onIconClick);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*itemLabel, customElement*/ 9) {
-			$: {
-				if (typeof itemLabel.render === 'function' && customElement) {
-					if (customElement.children.length === 0) {
-						const child = itemLabel.render(itemLabel);
-
-						if (child) {
-							customElement.appendChild(child);
-						}
-					}
-				}
-			}
-		}
-	};
-
-	return [
-		itemLabel,
-		anchorEnabled,
-		onIconClick,
-		customElement,
-		onClick,
-		hooks,
-		div_binding,
-		click_handler
-	];
+function H(l, e, t) {
+  let { itemLabel: n } = e, { hooks: s } = e, { anchorEnabled: f } = e, { onIconClick: o } = e;
+  function d() {
+    s.emit("onLabelClick", n);
+  }
+  let r;
+  function h(i) {
+    G[i ? "unshift" : "push"](() => {
+      r = i, t(3, r);
+    });
+  }
+  const a = (i) => o(n);
+  return l.$$set = (i) => {
+    "itemLabel" in i && t(0, n = i.itemLabel), "hooks" in i && t(5, s = i.hooks), "anchorEnabled" in i && t(1, f = i.anchorEnabled), "onIconClick" in i && t(2, o = i.onIconClick);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 9 && typeof n.render == "function" && r && r.children.length === 0) {
+      const i = n.render(n);
+      i && r.appendChild(i);
+    }
+  }, [
+    n,
+    f,
+    o,
+    r,
+    d,
+    s,
+    h,
+    a
+  ];
 }
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-
-		init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				itemLabel: 0,
-				hooks: 5,
-				anchorEnabled: 1,
-				onIconClick: 2
-			},
-			add_css
-		);
-	}
+class O extends j {
+  constructor(e) {
+    super(), B(
+      this,
+      e,
+      H,
+      D,
+      F,
+      {
+        itemLabel: 0,
+        hooks: 5,
+        anchorEnabled: 1,
+        onIconClick: 2
+      },
+      K
+    );
+  }
 }
-
-export default Component;
+export {
+  O as default
+};