@realsee/dnalogel 3.66.0-alpha.9 → 3.66.1

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

@@ -1,192 +1,284 @@
-import { SvelteComponent as $, init as j, safe_not_equal as z, append_styles as P, empty as I, insert as u, transition_in as a, transition_out as h, check_outros as g, detach as p, createEventDispatcher as T, element as b, space as A, attr as c, append as q, group_outros as v, text as B, create_component as k, mount_component as S, listen as M, destroy_component as y } from "../../../../vendor/svelte/internal/index.js";
-import C from "./ArrowRightIcon.js";
-import D from "./ShareIcon.js";
-function E(f) {
-  P(f, "svelte-oqhv8o", ".tag-popover-toolbar.svelte-oqhv8o{display:flex;align-items:center;margin-top:0.75rem;padding-top:0;border-top:none}.tag-popover-toolbar.both-buttons.svelte-oqhv8o{justify-content:space-between}.tag-popover-toolbar.single-button.svelte-oqhv8o{justify-content:flex-end}.tag-popover-btn.view-more.svelte-oqhv8o{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:0.875rem;color:#ffffff;letter-spacing:0;line-height:1.25rem}.tag-popover-btn.share.svelte-oqhv8o{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.light .tag-popover-btn.view-more.svelte-oqhv8o{color:rgba(0, 0, 0, 0.8509803922)}");
+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, element as _, space as y, attr as g, append as b, group_outros as d, text as D, create_component as P, mount_component as x, listen as C, set_data as E, destroy_component as j } from "../../../../vendor/svelte/internal/index.js";
+import R from "./ArrowRightIcon.js";
+import F from "./ShareIcon.js";
+import "../../../../shared-utils/tag.js";
+import "three";
+import "../../../../vendor/hammerjs/hammer.js";
+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 "../../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "../../../../shared-utils/three/core/Sphere.js";
+import "../../../../vendor/animejs/lib/anime.es.js";
+import "../../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../../shared-utils/five/FivePuppet.js";
+import "../../../../shared-utils/positionToVector3.js";
+import "../../../../shared-utils/five/vector3ToScreen.js";
+import "../../../../shared-utils/five/getFiveModel.js";
+import "../../../../shared-utils/Utils/FiveUtil.js";
+import "../../../../shared-utils/Utils/BaseUtil.js";
+import "../../../../shared-utils/Subscribe.js";
+import "../../../../shared-utils/Utils/WorkUtil.js";
+import "../../../../shared-utils/five/transformPosition.js";
+import "../../../../shared-utils/three/temp.js";
+import "../../../../shared-utils/three/core/Raycaster.js";
+import "../../../../shared-utils/dom/resizeObserver.js";
+import "../../../../shared-utils/five/fiveEveryReadyListener.js";
+import "../../../../shared-utils/throttle.js";
+import "../../../../shared-utils/five/fiveModelLoad.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../../shared-utils/three/Magnifier.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../../shared-utils/three/Assets/index.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../../shared-utils/even.js";
+import "../../../../shared-utils/CSS3DRender/OpacityMesh.js";
+import "../../../../shared-utils/three/centerPoint.js";
+import "../../../../shared-utils/three/getObjectVisible.js";
+import "../../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../../shared-utils/CSS3DRender/index.js";
+import "../../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../../shared-utils/createResizeObserver.js";
+import "../../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../../Sculpt/Meshes/Line.js";
+import "../../../../Sculpt/typings/style.js";
+import "../../../../shared-utils/three/IObject3D.js";
+import "../../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../../shared-utils/util.js";
+import "../../../../shared-utils/three/core/LineGeometry.js";
+import "../../../../shared-utils/three/core/LineMaterial.js";
+import "../../../../shared-utils/three/core/Line2.js";
+import "../../../../shared-utils/three/core/LineMaterial2.js";
+import "../../../../Sculpt/utils/unit.js";
+import "../../../../Sculpt/utils/renderDom.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../../shared-utils/isTouchDevice.js";
+import "../../../../shared-utils/five/getPosition.js";
+import "../../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "@realsee/five";
+function G(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 d(f) {
-  let o, s, e, i, t = (
+function M(n) {
+  let t, p, r, i, o = (
     /*toolbar*/
-    f[0].showMore && _(f)
-  ), r = (
+    n[0].showMore && S(n)
+  ), e = (
     /*toolbar*/
-    f[0].showShare && w(f)
+    n[0].showShare && T(n)
   );
   return {
     c() {
-      o = b("div"), t && t.c(), s = A(), r && r.c(), c(o, "class", e = "tag-popover-toolbar " + /*toolbar*/
-      (f[0].showMore && /*toolbar*/
-      f[0].showShare ? "both-buttons" : "single-button") + " svelte-oqhv8o");
+      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");
     },
-    m(l, n) {
-      u(l, o, n), t && t.m(o, null), q(o, s), r && r.m(o, null), i = !0;
+    m(f, l) {
+      h(f, t, l), o && o.m(t, null), b(t, p), e && e.m(t, null), i = !0;
     },
-    p(l, n) {
+    p(f, l) {
       /*toolbar*/
-      l[0].showMore ? t ? (t.p(l, n), n & /*toolbar*/
-      1 && a(t, 1)) : (t = _(l), t.c(), a(t, 1), t.m(o, s)) : t && (v(), h(t, 1, 1, () => {
-        t = null;
-      }), g()), /*toolbar*/
-      l[0].showShare ? r ? (r.p(l, n), n & /*toolbar*/
-      1 && a(r, 1)) : (r = w(l), r.c(), a(r, 1), r.m(o, null)) : r && (v(), h(r, 1, 1, () => {
-        r = null;
-      }), g()), (!i || n & /*toolbar*/
-      1 && e !== (e = "tag-popover-toolbar " + /*toolbar*/
-      (l[0].showMore && /*toolbar*/
-      l[0].showShare ? "both-buttons" : "single-button") + " svelte-oqhv8o")) && c(o, "class", e);
+      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);
     },
-    i(l) {
-      i || (a(t), a(r), i = !0);
+    i(f) {
+      i || (m(o), m(e), i = !0);
     },
-    o(l) {
-      h(t), h(r), i = !1;
+    o(f) {
+      s(o), s(e), i = !1;
     },
-    d(l) {
-      l && p(o), t && t.d(), r && r.d();
+    d(f) {
+      f && u(t), o && o.d(), e && e.d();
     }
   };
 }
-function _(f) {
-  let o, s, e, i, t, r;
-  return e = new C({
+function S(n) {
+  let t, p, r, i, o, e, f;
+  return i = new R({
     props: {
       size: "14",
       color: (
         /*theme*/
-        f[1] === "light" ? "#000000" : "#ffffff"
+        n[1] === "light" ? "#000000" : "#ffffff"
       ),
       opacity: (
         /*theme*/
-        f[1] === "light" ? 0.8 : 1
+        n[1] === "light" ? 0.8 : 1
       )
     }
   }), {
     c() {
-      o = b("div"), s = B(`查看更多
-        `), k(e.$$.fragment), c(o, "class", "tag-popover-btn view-more svelte-oqhv8o");
+      t = _("div"), p = D(
+        /*viewMoreText*/
+        n[2]
+      ), r = y(), P(i.$$.fragment), g(t, "class", "tag-popover-btn view-more svelte-18owx9v");
     },
-    m(l, n) {
-      u(l, o, n), q(o, s), S(e, o, null), i = !0, t || (r = M(
-        o,
+    m(l, c) {
+      h(l, t, c), b(t, p), b(t, r), x(i, t, null), o = !0, e || (f = C(
+        t,
         "click",
         /*handleViewMore*/
-        f[2]
-      ), t = !0);
+        n[3]
+      ), e = !0);
     },
-    p(l, n) {
-      const m = {};
-      n & /*theme*/
-      2 && (m.color = /*theme*/
-      l[1] === "light" ? "#000000" : "#ffffff"), n & /*theme*/
-      2 && (m.opacity = /*theme*/
-      l[1] === "light" ? 0.8 : 1), e.$set(m);
+    p(l, c) {
+      (!o || c & /*viewMoreText*/
+      4) && E(
+        p,
+        /*viewMoreText*/
+        l[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);
     },
     i(l) {
-      i || (a(e.$$.fragment, l), i = !0);
+      o || (m(i.$$.fragment, l), o = !0);
     },
     o(l) {
-      h(e.$$.fragment, l), i = !1;
+      s(i.$$.fragment, l), o = !1;
     },
     d(l) {
-      l && p(o), y(e), t = !1, r();
+      l && u(t), j(i), e = !1, f();
     }
   };
 }
-function w(f) {
-  let o, s, e, i, t;
-  return s = new D({
+function T(n) {
+  let t, p, r, i, o;
+  return p = new F({
     props: {
       size: "20",
       color: (
         /*theme*/
-        f[1] === "light" ? "#000000" : "#ffffff"
+        n[1] === "light" ? "#000000" : "#ffffff"
       ),
       opacity: (
         /*theme*/
-        f[1] === "light" ? 0.8 : 1
+        n[1] === "light" ? 0.8 : 1
       )
     }
   }), {
     c() {
-      o = b("div"), k(s.$$.fragment), c(o, "class", "tag-popover-btn share svelte-oqhv8o");
+      t = _("div"), P(p.$$.fragment), g(t, "class", "tag-popover-btn share svelte-18owx9v");
     },
-    m(r, l) {
-      u(r, o, l), S(s, o, null), e = !0, i || (t = M(
-        o,
+    m(e, f) {
+      h(e, t, f), x(p, t, null), r = !0, i || (o = C(
+        t,
         "click",
         /*handleShare*/
-        f[3]
+        n[4]
       ), i = !0);
     },
-    p(r, l) {
-      const n = {};
-      l & /*theme*/
-      2 && (n.color = /*theme*/
-      r[1] === "light" ? "#000000" : "#ffffff"), l & /*theme*/
-      2 && (n.opacity = /*theme*/
-      r[1] === "light" ? 0.8 : 1), s.$set(n);
+    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);
     },
-    i(r) {
-      e || (a(s.$$.fragment, r), e = !0);
+    i(e) {
+      r || (m(p.$$.fragment, e), r = !0);
     },
-    o(r) {
-      h(s.$$.fragment, r), e = !1;
+    o(e) {
+      s(p.$$.fragment, e), r = !1;
     },
-    d(r) {
-      r && p(o), y(s), i = !1, t();
+    d(e) {
+      e && u(t), j(p), i = !1, o();
     }
   };
 }
-function N(f) {
-  let o, s, e = (
+function H(n) {
+  let t, p, r = (
     /*toolbar*/
-    (f[0].showMore || /*toolbar*/
-    f[0].showShare) && d(f)
+    (n[0].showMore || /*toolbar*/
+    n[0].showShare) && M(n)
   );
   return {
     c() {
-      e && e.c(), o = I();
+      r && r.c(), t = q();
     },
-    m(i, t) {
-      e && e.m(i, t), u(i, o, t), s = !0;
+    m(i, o) {
+      r && r.m(i, o), h(i, t, o), p = !0;
     },
-    p(i, [t]) {
+    p(i, [o]) {
       /*toolbar*/
       i[0].showMore || /*toolbar*/
-      i[0].showShare ? e ? (e.p(i, t), t & /*toolbar*/
-      1 && a(e, 1)) : (e = d(i), e.c(), a(e, 1), e.m(o.parentNode, o)) : e && (v(), h(e, 1, 1, () => {
-        e = null;
-      }), g());
+      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());
     },
     i(i) {
-      s || (a(e), s = !0);
+      p || (m(r), p = !0);
     },
     o(i) {
-      h(e), s = !1;
+      s(r), p = !1;
     },
     d(i) {
-      e && e.d(i), i && p(o);
+      r && r.d(i), i && u(t);
     }
   };
 }
-function R(f, o, s) {
-  const e = T();
-  let { toolbar: i = { showMore: !0, showShare: !0 } } = o, { theme: t = "dark" } = o;
-  function r(n) {
-    n.stopPropagation(), e("viewMore", { event: n });
+function J(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;
+  function c(a) {
+    a.stopPropagation(), typeof l == "function" && l(), i.emit("click", { event: a, target: "TagPopoverViewMore", tag: o });
   }
-  function l(n) {
-    n.stopPropagation(), e("share", { event: n });
+  function v(a) {
+    a.stopPropagation(), typeof l == "function" && l(), i.emit("click", { event: a, target: "TagPopoverShare", tag: o });
   }
-  return f.$$set = (n) => {
-    "toolbar" in n && s(0, i = n.toolbar), "theme" in n && s(1, t = n.theme);
-  }, [i, t, r, l];
+  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];
 }
-class H extends $ {
-  constructor(o) {
-    super(), j(this, o, R, N, z, { toolbar: 0, theme: 1 }, E);
+class it extends z {
+  constructor(t) {
+    super(), I(
+      this,
+      t,
+      J,
+      H,
+      N,
+      {
+        tag: 5,
+        toolbar: 0,
+        theme: 1,
+        closePopover: 6
+      },
+      G
+    );
   }
 }
 export {
-  H as default
+  it as default
 };