@realsee/dnalogel 3.78.1-alpha.1 → 3.79.0-alpha.0

package/libs/PanoTagPlugin/Components/Common/TagPopover/TagPopoverToolBar.js

@@ -1,6 +1,6 @@
-import { SvelteComponent as z, init as I, safe_not_equal as N, append_styles as V, empty as q, insert as h, transition_in as m, transition_out as s, check_outros as w, detach as u, getContext as A, createEventDispatcher as B, onMount as D, element as _, space as y, attr as g, append as b, group_outros as d, text as E, create_component as P, mount_component as x, listen as C, set_data as R, destroy_component as j } from "../../../../vendor/svelte/internal/index.js";
-import F from "./ArrowRightIcon.js";
-import G from "./ShareIcon.js";
+import { SvelteComponent as A, init as B, safe_not_equal as D, append_styles as E, empty as R, insert as v, transition_in as f, transition_out as c, check_outros as d, detach as b, getContext as F, createEventDispatcher as G, onMount as H, element as w, space as k, attr as g, append as u, group_outros as q, text as j, create_component as C, mount_component as z, listen as I, set_data as N, destroy_component as V, toggle_class as T } from "../../../../vendor/svelte/internal/index.js";
+import J from "./ArrowRightIcon.js";
+import K from "./ShareIcon.js";
 import "../../../../shared-utils/tag.js";
 import "three";
 import "../../../../vendor/hammerjs/hammer.js";
@@ -8,7 +8,7 @@ import "../../../../shared-utils/three/PointSelector/index.js";
 import "../../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as k } from "../../../../shared-utils/isNil.js";
+import { notNil as x } from "../../../../shared-utils/isNil.js";
 import "../../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../../shared-utils/three/core/Sphere.js";
 import "../../../../shared-utils/three/blink.js";
@@ -68,223 +68,277 @@ import "../../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-function H(n) {
-  V(n, "svelte-18owx9v", ".tag-popover-toolbar.svelte-18owx9v.svelte-18owx9v{display:flex;align-items:center;margin-top:0.75rem;padding-top:0;border-top:none}.tag-popover-toolbar.both-buttons.svelte-18owx9v.svelte-18owx9v{justify-content:space-between}.tag-popover-toolbar.single-button.svelte-18owx9v.svelte-18owx9v{justify-content:flex-end}.tag-popover-toolbar-dark.svelte-18owx9v .tag-popover-btn.svelte-18owx9v{color:#ffffff}.tag-popover-toolbar-light.svelte-18owx9v .tag-popover-btn.svelte-18owx9v{color:rgba(0, 0, 0, 0.85)}.tag-popover-btn.view-more.svelte-18owx9v.svelte-18owx9v{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:0.875rem;letter-spacing:0;line-height:1.25rem}.tag-popover-btn.share.svelte-18owx9v.svelte-18owx9v{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}");
+function L(l) {
+  E(l, "svelte-m2x1q4", ".tag-popover-toolbar.svelte-m2x1q4.svelte-m2x1q4{display:flex;align-items:center;margin-top:0.75rem;padding-top:0;border-top:none}.tag-popover-toolbar.both-buttons.svelte-m2x1q4.svelte-m2x1q4{justify-content:space-between}.tag-popover-toolbar.single-button.svelte-m2x1q4.svelte-m2x1q4{justify-content:flex-end}.tag-popover-toolbar.share-only.svelte-m2x1q4.svelte-m2x1q4{justify-content:flex-start}.tag-popover-toolbar-dark.svelte-m2x1q4 .tag-popover-btn.svelte-m2x1q4{color:#ffffff}.tag-popover-toolbar-light.svelte-m2x1q4 .tag-popover-btn.svelte-m2x1q4{color:rgba(0, 0, 0, 0.85)}.tag-popover-btn.view-more.svelte-m2x1q4.svelte-m2x1q4{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:0.875rem;letter-spacing:0;line-height:1.25rem}.tag-popover-btn.share.svelte-m2x1q4.svelte-m2x1q4{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.tag-popover-btn.share.share-with-text.svelte-m2x1q4.svelte-m2x1q4{width:auto;gap:0.25rem;font-size:0.875rem;font-weight:500;line-height:1.25rem}.share-text.svelte-m2x1q4.svelte-m2x1q4{white-space:nowrap}");
 }
-function M(n) {
-  let t, p, r, i, o = (
+function _(l) {
+  const e = l.slice(), a = !/*toolbar*/
+  e[0].showMore && /*toolbar*/
+  e[0].showShare;
+  return e[9] = a, e;
+}
+function M(l) {
+  let e, a, i, r, t = (
     /*toolbar*/
-    n[0].showMore && S(n)
-  ), e = (
+    l[0].showMore && S(l)
+  ), p = (
     /*toolbar*/
-    n[0].showShare && T(n)
+    l[0].showShare && y(l)
   );
   return {
     c() {
-      t = _("div"), o && o.c(), p = y(), e && e.c(), g(t, "class", r = "tag-popover-toolbar tag-popover-toolbar-" + /*theme*/
-      n[1] + " " + /*toolbar*/
-      (n[0].showMore && /*toolbar*/
-      n[0].showShare ? "both-buttons" : "single-button") + " svelte-18owx9v");
+      e = w("div"), t && t.c(), a = k(), p && p.c(), g(e, "class", i = "tag-popover-toolbar tag-popover-toolbar-" + /*theme*/
+      l[1] + " " + /*toolbar*/
+      (l[0].showMore && /*toolbar*/
+      l[0].showShare ? "both-buttons" : (
+        /*shareOnly*/
+        l[9] ? "share-only" : "single-button"
+      )) + " svelte-m2x1q4");
     },
-    m(f, l) {
-      h(f, t, l), o && o.m(t, null), b(t, p), e && e.m(t, null), i = !0;
+    m(n, o) {
+      v(n, e, o), t && t.m(e, null), u(e, a), p && p.m(e, null), r = !0;
     },
-    p(f, l) {
+    p(n, o) {
       /*toolbar*/
-      f[0].showMore ? o ? (o.p(f, l), l & /*toolbar*/
-      1 && m(o, 1)) : (o = S(f), o.c(), m(o, 1), o.m(t, p)) : o && (d(), s(o, 1, 1, () => {
-        o = null;
-      }), w()), /*toolbar*/
-      f[0].showShare ? e ? (e.p(f, l), l & /*toolbar*/
-      1 && m(e, 1)) : (e = T(f), e.c(), m(e, 1), e.m(t, null)) : e && (d(), s(e, 1, 1, () => {
-        e = null;
-      }), w()), (!i || l & /*theme, toolbar*/
-      3 && r !== (r = "tag-popover-toolbar tag-popover-toolbar-" + /*theme*/
-      f[1] + " " + /*toolbar*/
-      (f[0].showMore && /*toolbar*/
-      f[0].showShare ? "both-buttons" : "single-button") + " svelte-18owx9v")) && g(t, "class", r);
+      n[0].showMore ? t ? (t.p(n, o), o & /*toolbar*/
+      1 && f(t, 1)) : (t = S(n), t.c(), f(t, 1), t.m(e, a)) : t && (q(), c(t, 1, 1, () => {
+        t = null;
+      }), d()), /*toolbar*/
+      n[0].showShare ? p ? (p.p(n, o), o & /*toolbar*/
+      1 && f(p, 1)) : (p = y(n), p.c(), f(p, 1), p.m(e, null)) : p && (q(), c(p, 1, 1, () => {
+        p = null;
+      }), d()), (!r || o & /*theme, toolbar*/
+      3 && i !== (i = "tag-popover-toolbar tag-popover-toolbar-" + /*theme*/
+      n[1] + " " + /*toolbar*/
+      (n[0].showMore && /*toolbar*/
+      n[0].showShare ? "both-buttons" : (
+        /*shareOnly*/
+        n[9] ? "share-only" : "single-button"
+      )) + " svelte-m2x1q4")) && g(e, "class", i);
     },
-    i(f) {
-      i || (m(o), m(e), i = !0);
+    i(n) {
+      r || (f(t), f(p), r = !0);
     },
-    o(f) {
-      s(o), s(e), i = !1;
+    o(n) {
+      c(t), c(p), r = !1;
     },
-    d(f) {
-      f && u(t), o && o.d(), e && e.d();
+    d(n) {
+      n && b(e), t && t.d(), p && p.d();
     }
   };
 }
-function S(n) {
-  let t, p, r, i, o, e, f;
-  return i = new F({
+function S(l) {
+  let e, a, i, r, t, p, n;
+  return r = new J({
     props: {
       size: "14",
       color: (
         /*theme*/
-        n[1] === "light" ? "#000000" : "#ffffff"
+        l[1] === "light" ? "#000000" : "#ffffff"
       ),
       opacity: (
         /*theme*/
-        n[1] === "light" ? 0.8 : 1
+        l[1] === "light" ? 0.8 : 1
       )
     }
   }), {
     c() {
-      t = _("div"), p = E(
+      e = w("div"), a = j(
         /*viewMoreText*/
-        n[2]
-      ), r = y(), P(i.$$.fragment), g(t, "class", "tag-popover-btn view-more svelte-18owx9v");
+        l[2]
+      ), i = k(), C(r.$$.fragment), g(e, "class", "tag-popover-btn view-more svelte-m2x1q4");
     },
-    m(l, c) {
-      h(l, t, c), b(t, p), b(t, r), x(i, t, null), o = !0, e || (f = C(
-        t,
+    m(o, s) {
+      v(o, e, s), u(e, a), u(e, i), z(r, e, null), t = !0, p || (n = I(
+        e,
         "click",
         /*handleViewMore*/
-        n[3]
-      ), e = !0);
+        l[3]
+      ), p = !0);
     },
-    p(l, c) {
-      (!o || c & /*viewMoreText*/
-      4) && R(
-        p,
+    p(o, s) {
+      (!t || s & /*viewMoreText*/
+      4) && N(
+        a,
         /*viewMoreText*/
-        l[2]
+        o[2]
       );
-      const v = {};
-      c & /*theme*/
-      2 && (v.color = /*theme*/
-      l[1] === "light" ? "#000000" : "#ffffff"), c & /*theme*/
-      2 && (v.opacity = /*theme*/
-      l[1] === "light" ? 0.8 : 1), i.$set(v);
+      const h = {};
+      s & /*theme*/
+      2 && (h.color = /*theme*/
+      o[1] === "light" ? "#000000" : "#ffffff"), s & /*theme*/
+      2 && (h.opacity = /*theme*/
+      o[1] === "light" ? 0.8 : 1), r.$set(h);
     },
-    i(l) {
-      o || (m(i.$$.fragment, l), o = !0);
+    i(o) {
+      t || (f(r.$$.fragment, o), t = !0);
     },
-    o(l) {
-      s(i.$$.fragment, l), o = !1;
+    o(o) {
+      c(r.$$.fragment, o), t = !1;
     },
-    d(l) {
-      l && u(t), j(i), e = !1, f();
+    d(o) {
+      o && b(e), V(r), p = !1, n();
     }
   };
 }
-function T(n) {
-  let t, p, r, i, o;
-  return p = new G({
+function y(l) {
+  let e, a, i, r, t, p, n = (
+    /*shareOnly*/
+    l[9] && /*toolbar*/
+    l[0].shareText && P(l)
+  );
+  return i = new K({
     props: {
       size: "20",
       color: (
         /*theme*/
-        n[1] === "light" ? "#000000" : "#ffffff"
+        l[1] === "light" ? "#000000" : "#ffffff"
       ),
       opacity: (
         /*theme*/
-        n[1] === "light" ? 0.8 : 1
+        l[1] === "light" ? 0.8 : 1
       )
     }
   }), {
     c() {
-      t = _("div"), P(p.$$.fragment), g(t, "class", "tag-popover-btn share svelte-18owx9v");
+      e = w("div"), n && n.c(), a = k(), C(i.$$.fragment), g(e, "class", "tag-popover-btn share svelte-m2x1q4"), T(
+        e,
+        "share-with-text",
+        /*shareOnly*/
+        l[9] && !!/*toolbar*/
+        l[0].shareText
+      );
     },
-    m(e, f) {
-      h(e, t, f), x(p, t, null), r = !0, i || (o = C(
-        t,
+    m(o, s) {
+      v(o, e, s), n && n.m(e, null), u(e, a), z(i, e, null), r = !0, t || (p = I(
+        e,
         "click",
         /*handleShare*/
-        n[4]
-      ), i = !0);
+        l[4]
+      ), t = !0);
     },
-    p(e, f) {
-      const l = {};
-      f & /*theme*/
-      2 && (l.color = /*theme*/
-      e[1] === "light" ? "#000000" : "#ffffff"), f & /*theme*/
-      2 && (l.opacity = /*theme*/
-      e[1] === "light" ? 0.8 : 1), p.$set(l);
+    p(o, s) {
+      /*shareOnly*/
+      o[9] && /*toolbar*/
+      o[0].shareText ? n ? n.p(o, s) : (n = P(o), n.c(), n.m(e, a)) : n && (n.d(1), n = null);
+      const h = {};
+      s & /*theme*/
+      2 && (h.color = /*theme*/
+      o[1] === "light" ? "#000000" : "#ffffff"), s & /*theme*/
+      2 && (h.opacity = /*theme*/
+      o[1] === "light" ? 0.8 : 1), i.$set(h), (!r || s & /*toolbar*/
+      1) && T(
+        e,
+        "share-with-text",
+        /*shareOnly*/
+        o[9] && !!/*toolbar*/
+        o[0].shareText
+      );
+    },
+    i(o) {
+      r || (f(i.$$.fragment, o), r = !0);
+    },
+    o(o) {
+      c(i.$$.fragment, o), r = !1;
+    },
+    d(o) {
+      o && b(e), n && n.d(), V(i), t = !1, p();
+    }
+  };
+}
+function P(l) {
+  let e, a = (
+    /*toolbar*/
+    l[0].shareText + ""
+  ), i;
+  return {
+    c() {
+      e = w("span"), i = j(a), g(e, "class", "share-text svelte-m2x1q4");
     },
-    i(e) {
-      r || (m(p.$$.fragment, e), r = !0);
+    m(r, t) {
+      v(r, e, t), u(e, i);
     },
-    o(e) {
-      s(p.$$.fragment, e), r = !1;
+    p(r, t) {
+      t & /*toolbar*/
+      1 && a !== (a = /*toolbar*/
+      r[0].shareText + "") && N(i, a);
     },
-    d(e) {
-      e && u(t), j(p), i = !1, o();
+    d(r) {
+      r && b(e);
     }
   };
 }
-function J(n) {
-  let t, p, r = (
+function O(l) {
+  let e, a, i = (
     /*toolbar*/
-    (n[0].showMore || /*toolbar*/
-    n[0].showShare) && M(n)
+    (l[0].showMore || /*toolbar*/
+    l[0].showShare) && M(_(l))
   );
   return {
     c() {
-      r && r.c(), t = q();
+      i && i.c(), e = R();
     },
-    m(i, o) {
-      r && r.m(i, o), h(i, t, o), p = !0;
+    m(r, t) {
+      i && i.m(r, t), v(r, e, t), a = !0;
     },
-    p(i, [o]) {
+    p(r, [t]) {
       /*toolbar*/
-      i[0].showMore || /*toolbar*/
-      i[0].showShare ? r ? (r.p(i, o), o & /*toolbar*/
-      1 && m(r, 1)) : (r = M(i), r.c(), m(r, 1), r.m(t.parentNode, t)) : r && (d(), s(r, 1, 1, () => {
-        r = null;
-      }), w());
+      r[0].showMore || /*toolbar*/
+      r[0].showShare ? i ? (i.p(_(r), t), t & /*toolbar*/
+      1 && f(i, 1)) : (i = M(_(r)), i.c(), f(i, 1), i.m(e.parentNode, e)) : i && (q(), c(i, 1, 1, () => {
+        i = null;
+      }), d());
     },
-    i(i) {
-      p || (m(r), p = !0);
+    i(r) {
+      a || (f(i), a = !0);
     },
-    o(i) {
-      s(r), p = !1;
+    o(r) {
+      c(i), a = !1;
     },
-    d(i) {
-      r && r.d(i), i && u(t);
+    d(r) {
+      i && i.d(r), r && b(e);
     }
   };
 }
-function K(n, t, p) {
-  let r;
-  const i = A("hooks");
-  B();
-  let { tag: o } = t, { toolbar: e = { showMore: !0, showShare: !0 } } = t, { theme: f = "dark" } = t, { closePopover: l = void 0 } = t;
-  D(() => {
-    i.emit("popoverToolbarShow", { tag: o });
+function Q(l, e, a) {
+  let i;
+  const r = F("hooks");
+  G();
+  let { tag: t } = e, { toolbar: p = { showMore: !0, showShare: !0 } } = e, { theme: n = "dark" } = e, { closePopover: o = void 0 } = e;
+  H(() => {
+    r.emit("popoverToolbarShow", { tag: t });
   });
-  function c(a) {
-    a.stopPropagation(), typeof l == "function" && l(), i.emit("click", { event: a, target: "TagPopoverViewMore", tag: o });
+  function s(m) {
+    m.stopPropagation(), typeof o == "function" && o(), r.emit("click", { event: m, target: "TagPopoverViewMore", tag: t });
   }
-  function v(a) {
-    a.stopPropagation(), typeof l == "function" && l(), i.emit("click", { event: a, target: "TagPopoverShare", tag: o });
+  function h(m) {
+    m.stopPropagation(), typeof o == "function" && o(), r.emit("click", { event: m, target: "TagPopoverShare", tag: t });
   }
-  return n.$$set = (a) => {
-    "tag" in a && p(5, o = a.tag), "toolbar" in a && p(0, e = a.toolbar), "theme" in a && p(1, f = a.theme), "closePopover" in a && p(6, l = a.closePopover);
-  }, n.$$.update = () => {
-    n.$$.dirty & /*tag*/
-    32 && p(2, r = (() => k(o.data.highlightText) && o.data.highlightText.trim() !== "" ? o.data.highlightText : k(o.config.popoverConfig.viewMoreText) && o.config.popoverConfig.viewMoreText.trim() !== "" ? o.config.popoverConfig.viewMoreText : "查看更多")());
-  }, [e, f, r, c, v, o, l];
+  return l.$$set = (m) => {
+    "tag" in m && a(5, t = m.tag), "toolbar" in m && a(0, p = m.toolbar), "theme" in m && a(1, n = m.theme), "closePopover" in m && a(6, o = m.closePopover);
+  }, l.$$.update = () => {
+    l.$$.dirty & /*tag*/
+    32 && a(2, i = (() => x(t.data.highlightText) && t.data.highlightText.trim() !== "" ? t.data.highlightText : x(t.config.popoverConfig.viewMoreText) && t.config.popoverConfig.viewMoreText.trim() !== "" ? t.config.popoverConfig.viewMoreText : "查看更多")());
+  }, [p, n, i, s, h, t, o];
 }
-class ft extends z {
-  constructor(t) {
-    super(), I(
+class mt extends A {
+  constructor(e) {
+    super(), B(
       this,
-      t,
-      K,
-      J,
-      N,
+      e,
+      Q,
+      O,
+      D,
       {
         tag: 5,
         toolbar: 0,
         theme: 1,
         closePopover: 6
       },
-      H
+      L
     );
   }
 }
 export {
-  ft as default
+  mt as default
 };