@realsee/dnalogel 3.66.0-alpha.11 → 3.66.0-alpha.13

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

@@ -1,9 +1,9 @@
-import { SvelteComponent as J, init as K, safe_not_equal as N, append_styles as Q, element as _, space as M, create_component as R, attr as k, set_style as C, toggle_class as h, insert as V, append as g, mount_component as j, listen as T, transition_in as q, transition_out as O, detach as Y, destroy_component as U, run_all as Z, getContext as x, is_function as W, binding_callbacks as $, bubble as tt } from "../../../vendor/svelte/internal/index.js";
-import et from "./Shadow.js";
-import it from "./Icon/Icon.js";
-import { Image_Default_Point as ot } from "../../Assets/Icon.js";
+import { SvelteComponent as V, init as Y, safe_not_equal as Z, append_styles as x, element as _, space as M, create_component as q, attr as k, set_style as C, toggle_class as h, insert as $, append as g, mount_component as B, listen as T, transition_in as U, transition_out as W, detach as tt, destroy_component as X, run_all as et, getContext as it, is_function as ot, binding_callbacks as nt, bubble as rt } from "../../../vendor/svelte/internal/index.js";
+import lt from "./Shadow.js";
+import at from "./Icon/Icon.js";
+import { Image_Default_Point as pt } from "../../Assets/Icon.js";
 import "../../../shared-utils/tag.js";
-import { isModelLike as nt } from "../../../shared-utils/five/mode.js";
+import { isModelLike as st } from "../../../shared-utils/five/mode.js";
 import "three";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
@@ -72,19 +72,19 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-function rt(t) {
-  Q(t, "svelte-18ithb3", '@charset "UTF-8";.tag-point-click-helper.svelte-18ithb3.svelte-18ithb3{position:absolute;pointer-events:auto;cursor:pointer;width:141%;height:141%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000000}.tag-point-wrapper.svelte-18ithb3.svelte-18ithb3{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer;z-index:1040}.tag-folded-point.svelte-18ithb3.svelte-18ithb3,.tag-unfolded-point.svelte-18ithb3.svelte-18ithb3{transition:all 0.5s}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:1;scale:1}.tag-point-wrapper.disable-unfold.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:1 !important;scale:1 !important}.tag-point-wrapper.disable-unfold.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:0 !important;scale:1 !important}');
+function dt(t) {
+  x(t, "svelte-18ithb3", '@charset "UTF-8";.tag-point-click-helper.svelte-18ithb3.svelte-18ithb3{position:absolute;pointer-events:auto;cursor:pointer;width:141%;height:141%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000000}.tag-point-wrapper.svelte-18ithb3.svelte-18ithb3{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer;z-index:1040}.tag-folded-point.svelte-18ithb3.svelte-18ithb3,.tag-unfolded-point.svelte-18ithb3.svelte-18ithb3{transition:all 0.5s}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:1;scale:1}.tag-point-wrapper.disable-unfold.svelte-18ithb3 .tag-folded-point.svelte-18ithb3{opacity:1 !important;scale:1 !important}.tag-point-wrapper.disable-unfold.svelte-18ithb3 .tag-unfolded-point.svelte-18ithb3{opacity:0 !important;scale:1 !important}');
 }
-function lt(t) {
-  let e, n, m, s, c, d, w, o, a, p, b, v;
-  return s = new et({
+function mt(t) {
+  let e, n, f, s, c, d, y, o, a, p, b, v;
+  return s = new lt({
     props: {
       center: !0,
       blurRadius: 15,
       spreadRadius: 5,
       opacity: 0.3
     }
-  }), a = new it({
+  }), a = new at({
     props: {
       icon: (
         /*url*/
@@ -98,11 +98,11 @@ function lt(t) {
   }), a.$on(
     "iconLoaded",
     /*iconLoaded_handler*/
-    t[13]
+    t[15]
   ), {
     c() {
       var r;
-      e = _("div"), n = _("div"), m = M(), R(s.$$.fragment), c = M(), d = _("div"), w = M(), o = _("div"), R(a.$$.fragment), k(n, "class", "tag-point-click-helper svelte-18ithb3"), k(d, "class", "tag-unfolded-point svelte-18ithb3"), C(
+      e = _("div"), n = _("div"), f = M(), q(s.$$.fragment), c = M(), d = _("div"), y = M(), o = _("div"), q(a.$$.fragment), k(n, "class", "tag-point-click-helper svelte-18ithb3"), k(d, "class", "tag-unfolded-point svelte-18ithb3"), C(
         d,
         "transition-delay",
         /*folded*/
@@ -136,21 +136,21 @@ function lt(t) {
       );
     },
     m(r, l) {
-      V(r, e, l), g(e, n), t[12](n), g(e, m), j(s, e, null), g(e, c), g(e, d), g(e, w), g(e, o), j(a, o, null), p = !0, b || (v = [
+      $(r, e, l), g(e, n), t[14](n), g(e, f), B(s, e, null), g(e, c), g(e, d), g(e, y), g(e, o), B(a, o, null), p = !0, b || (v = [
         T(
           n,
           "click",
           /*click_handler*/
-          t[11]
+          t[12]
+        ),
+        T(
+          n,
+          "mouseenter",
+          /*mouseenter_handler*/
+          t[13]
         ),
-        T(n, "mouseenter", function() {
-          W(
-            /*handleMouseEnter*/
-            t[2]
-          ) && t[2].apply(this, arguments);
-        }),
         T(n, "mouseleave", function() {
-          W(
+          ot(
             /*handleMouseLeave*/
             t[3]
           ) && t[3].apply(this, arguments);
@@ -158,7 +158,7 @@ function lt(t) {
       ], b = !0);
     },
     p(r, [l]) {
-      var y;
+      var w;
       t = r, l & /*folded*/
       256 && C(
         d,
@@ -169,12 +169,12 @@ function lt(t) {
           t[10]
         ) : 0) + "ms"
       );
-      const f = {};
+      const m = {};
       l & /*url*/
-      128 && (f.icon = /*url*/
+      128 && (m.icon = /*url*/
       t[7]), l & /*width*/
-      64 && (f.width = /*width*/
-      t[6]), a.$set(f), l & /*folded*/
+      64 && (m.width = /*width*/
+      t[6]), a.$set(m), l & /*folded*/
       256 && C(
         o,
         "transition-delay",
@@ -200,23 +200,24 @@ function lt(t) {
         e,
         "disable-unfold",
         /*tag*/
-        (y = t[1].config.popoverConfig) == null ? void 0 : y.enabled
+        (w = t[1].config.popoverConfig) == null ? void 0 : w.enabled
       );
     },
     i(r) {
-      p || (q(s.$$.fragment, r), q(a.$$.fragment, r), p = !0);
+      p || (U(s.$$.fragment, r), U(a.$$.fragment, r), p = !0);
     },
     o(r) {
-      O(s.$$.fragment, r), O(a.$$.fragment, r), p = !1;
+      W(s.$$.fragment, r), W(a.$$.fragment, r), p = !1;
     },
     d(r) {
-      r && Y(e), t[12](null), U(s), U(a), b = !1, Z(v);
+      r && tt(e), t[14](null), X(s), X(a), b = !1, et(v);
     }
   };
 }
-function at(t, e, n) {
-  let m, s, c, d;
-  const w = x("hooks");
+function ft(t, e, n) {
+  var H, z;
+  let f, s, c, d;
+  const y = it("hooks");
   let { tag: o } = e, a, p = !1;
   const b = () => {
     a !== void 0 && clearTimeout(a), p = !0, a = setTimeout(
@@ -226,37 +227,39 @@ function at(t, e, n) {
       800
     );
   }, v = (i) => {
-    p || (o.entryFromModel && nt(o.five.state.mode) ? o.find({ targetMode: "Panorama" }).then(() => o.unfoldAndFoldOthers()) : w.emit("click", { event: i, target: "TagPoint", tag: o }));
+    p || (o.entryFromModel && st(o.five.state.mode) ? o.find({ targetMode: "Panorama" }).then(() => o.unfoldAndFoldOthers()) : y.emit("click", { event: i, target: "TagPoint", tag: o }));
   }, r = (() => o.contentType === "Text" && o.data.appearance === "plane" ? 500 : 800)();
-  let { tagPointClickHelper: l = null } = e, { handleMouseEnter: f = () => {
-  } } = e, { handleMouseLeave: y = () => {
+  let { tagPointClickHelper: l = null } = e, { handleMouseEnter: m = () => {
+  } } = e, { handleMouseLeave: w = () => {
   } } = e, { handleTagPointClick: P = () => {
   } } = e;
-  const X = (i) => {
+  const G = () => !0, L = (z = (H = o.config.popoverConfig) == null ? void 0 : H.beforeOpen) != null ? z : G, J = (i) => {
     P(i), v(i);
+  }, K = (i) => {
+    L(o) && m(i);
   };
-  function B(i) {
-    $[i ? "unshift" : "push"](() => {
+  function N(i) {
+    nt[i ? "unshift" : "push"](() => {
       l = i, n(0, l);
     });
   }
-  function G(i) {
-    tt.call(this, t, i);
+  function Q(i) {
+    rt.call(this, t, i);
   }
   return t.$$set = (i) => {
-    "tag" in i && n(1, o = i.tag), "tagPointClickHelper" in i && n(0, l = i.tagPointClickHelper), "handleMouseEnter" in i && n(2, f = i.handleMouseEnter), "handleMouseLeave" in i && n(3, y = i.handleMouseLeave), "handleTagPointClick" in i && n(4, P = i.handleTagPointClick);
+    "tag" in i && n(1, o = i.tag), "tagPointClickHelper" in i && n(0, l = i.tagPointClickHelper), "handleMouseEnter" in i && n(2, m = i.handleMouseEnter), "handleMouseLeave" in i && n(3, w = i.handleMouseLeave), "handleTagPointClick" in i && n(4, P = i.handleTagPointClick);
   }, t.$$.update = () => {
-    var i, L, z, E, H;
+    var i, E, F, S, A;
     t.$$.dirty & /*tag*/
-    2 && n(5, m = ((i = o.state) == null ? void 0 : i.unfolded) && !((L = o.config.popoverConfig) != null && L.enabled)), t.$$.dirty & /*unfolded*/
-    32 && n(8, s = !m), t.$$.dirty & /*tag*/
-    2 && n(7, c = (E = (z = o.style) == null ? void 0 : z.point) != null && E.url ? (H = o.style) == null ? void 0 : H.point : { url: ot }), t.$$.dirty & /*tag*/
+    2 && n(5, f = ((i = o.state) == null ? void 0 : i.unfolded) && !((E = o.config.popoverConfig) != null && E.enabled)), t.$$.dirty & /*unfolded*/
+    32 && n(8, s = !f), t.$$.dirty & /*tag*/
+    2 && n(7, c = (S = (F = o.style) == null ? void 0 : F.point) != null && S.url ? (A = o.style) == null ? void 0 : A.point : { url: pt }), t.$$.dirty & /*tag*/
     2 && n(6, d = (() => {
-      var S, A, D, I;
-      const F = (A = (S = o.style) == null ? void 0 : S.point) == null ? void 0 : A.width;
-      if (typeof F == "number")
-        return F;
-      const u = (I = (D = o.style) == null ? void 0 : D.point) == null ? void 0 : I.size;
+      var I, O, R, j;
+      const D = (O = (I = o.style) == null ? void 0 : I.point) == null ? void 0 : O.width;
+      if (typeof D == "number")
+        return D;
+      const u = (j = (R = o.style) == null ? void 0 : R.point) == null ? void 0 : j.size;
       if (typeof u == "number")
         return u;
       if (u === "S")
@@ -271,28 +274,30 @@ function at(t, e, n) {
   }, b(), [
     l,
     o,
-    f,
-    y,
-    P,
     m,
+    w,
+    P,
+    f,
     d,
     c,
     s,
     v,
     r,
-    X,
-    B,
-    G
+    L,
+    J,
+    K,
+    N,
+    Q
   ];
 }
-class ze extends J {
+class Ae extends V {
   constructor(e) {
-    super(), K(
+    super(), Y(
       this,
       e,
-      at,
-      lt,
-      N,
+      ft,
+      mt,
+      Z,
       {
         tag: 1,
         tagPointClickHelper: 0,
@@ -300,10 +305,10 @@ class ze extends J {
         handleMouseLeave: 3,
         handleTagPointClick: 4
       },
-      rt
+      dt
     );
   }
 }
 export {
-  ze as default
+  Ae as default
 };

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

@@ -2,6 +2,7 @@ import { SvelteComponent as b, init as P, safe_not_equal as T, create_component
 import A from "./TagPopoverArrow.js";
 import j from "./TagPopup.js";
 import D from "./TagPopoverToolBar.js";
+import "../Icon/tag-popover-arrow-base64.js";
 import "../VideoIcon.js";
 import "./PanoramaIcon.js";
 import "./ArrowRightIcon.js";
@@ -241,7 +242,7 @@ function q(r, e, m) {
     _
   ];
 }
-class Zo extends b {
+class yo extends b {
   constructor(e) {
     super(), P(this, e, q, C, T, {
       showArrow: 0,
@@ -256,5 +257,5 @@ class Zo extends b {
   }
 }
 export {
-  Zo as default
+  yo as default
 };

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

@@ -1,63 +1,95 @@
-import { SvelteComponent as n, init as u, safe_not_equal as h, append_styles as w, empty as v, insert as m, noop as d, detach as p, element as c, attr as s } from "../../../../vendor/svelte/internal/index.js";
-function g(a) {
-  w(a, "svelte-kuu08d", '.tag-popover-arrow-wrapper.svelte-kuu08d{position:absolute;transform-origin:center}.tag-popover-arrow-wrapper.svelte-kuu08d:after{content:"";position:absolute;display:block;width:0;height:0;border-style:solid;border-color:transparent}.theme-dark.svelte-kuu08d:after{--arrow-color:#000000bf}.theme-light.svelte-kuu08d:after{--arrow-color:#ffffff}.tag-popover-arrow-top.svelte-kuu08d{width:1rem;height:0.625rem;top:0;left:50%;transform:translateX(-50%)}.tag-popover-arrow-top.svelte-kuu08d:after{bottom:0;left:0;border-width:0 0.5rem 0.625rem 0.5rem;border-bottom-color:var(--arrow-color)}.tag-popover-arrow-bottom.svelte-kuu08d{width:1rem;height:0.625rem;bottom:0;left:50%;transform:translateX(-50%)}.tag-popover-arrow-bottom.svelte-kuu08d:after{top:0;left:0;border-width:0.625rem 0.5rem 0 0.5rem;border-top-color:var(--arrow-color)}.tag-popover-arrow-left.svelte-kuu08d{width:0.625rem;height:1rem;top:50%;left:0;transform:translateY(-50%)}.tag-popover-arrow-left.svelte-kuu08d:after{top:0;right:0;border-width:0.5rem 0.625rem 0.5rem 0;border-right-color:var(--arrow-color)}.tag-popover-arrow-right.svelte-kuu08d{width:0.625rem;height:1rem;top:50%;right:0;transform:translateY(-50%)}.tag-popover-arrow-right.svelte-kuu08d:after{top:0;left:0;border-width:0.5rem 0 0.5rem 0.625rem;border-left-color:var(--arrow-color)}');
+import { SvelteComponent as m, init as f, safe_not_equal as w, append_styles as u, empty as v, insert as p, noop as c, detach as g, element as d, attr as s } from "../../../../vendor/svelte/internal/index.js";
+import { tagPopoverArrowLightRight as q, tagPopoverArrowLightLeft as b, tagPopoverArrowLightBottom as k, tagPopoverArrowLightTop as _, tagPopoverArrowDarkRight as y, tagPopoverArrowDarkLeft as A, tagPopoverArrowDarkBottom as P, tagPopoverArrowDarkTop as L } from "../Icon/tag-popover-arrow-base64.js";
+function D(a) {
+  u(a, "svelte-1yhqqec", ".tag-popover-arrow-wrapper.svelte-1yhqqec{position:absolute;transform-origin:center;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.tag-popover-arrow-top.svelte-1yhqqec{width:1rem;height:0.625rem;top:0;left:50%;transform:translateX(-50%)}.tag-popover-arrow-bottom.svelte-1yhqqec{width:1rem;height:0.625rem;bottom:0;left:50%;transform:translateX(-50%)}.tag-popover-arrow-left.svelte-1yhqqec{width:0.625rem;height:1rem;top:50%;left:0;transform:translateY(-50%)}.tag-popover-arrow-right.svelte-1yhqqec{width:0.625rem;height:1rem;top:50%;right:0;transform:translateY(-50%)}");
 }
-function f(a) {
-  let t, e;
+function h(a) {
+  let t, e, r;
   return {
     c() {
-      t = c("div"), s(t, "class", e = "tag-popover-arrow-wrapper tag-popover-arrow-" + /*direction*/
+      t = d("div"), s(t, "class", e = "tag-popover-arrow-wrapper tag-popover-arrow-" + /*direction*/
       a[0] + " theme-" + /*theme*/
-      a[2] + " svelte-kuu08d");
+      a[2] + " svelte-1yhqqec"), s(t, "style", r = `background-image: url(${/*arrowImage*/
+      a[3]})`);
     },
-    m(r, o) {
-      m(r, t, o);
+    m(o, i) {
+      p(o, t, i);
     },
-    p(r, o) {
-      o & /*direction, theme*/
+    p(o, i) {
+      i & /*direction, theme*/
       5 && e !== (e = "tag-popover-arrow-wrapper tag-popover-arrow-" + /*direction*/
-      r[0] + " theme-" + /*theme*/
-      r[2] + " svelte-kuu08d") && s(t, "class", e);
+      o[0] + " theme-" + /*theme*/
+      o[2] + " svelte-1yhqqec") && s(t, "class", e), i & /*arrowImage*/
+      8 && r !== (r = `background-image: url(${/*arrowImage*/
+      o[3]})`) && s(t, "style", r);
     },
-    d(r) {
-      r && p(t);
+    d(o) {
+      o && g(t);
     }
   };
 }
-function b(a) {
+function T(a) {
   let t, e = (
     /*show*/
-    a[1] && f(a)
+    a[1] && h(a)
   );
   return {
     c() {
       e && e.c(), t = v();
     },
     m(r, o) {
-      e && e.m(r, o), m(r, t, o);
+      e && e.m(r, o), p(r, t, o);
     },
     p(r, [o]) {
       /*show*/
-      r[1] ? e ? e.p(r, o) : (e = f(r), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+      r[1] ? e ? e.p(r, o) : (e = h(r), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
     },
-    i: d,
-    o: d,
+    i: c,
+    o: c,
     d(r) {
-      e && e.d(r), r && p(t);
+      e && e.d(r), r && g(t);
     }
   };
 }
-function k(a, t, e) {
-  let { direction: r = "bottom" } = t, { show: o = !0 } = t, { theme: i = "dark" } = t;
-  return a.$$set = (l) => {
-    "direction" in l && e(0, r = l.direction), "show" in l && e(1, o = l.show), "theme" in l && e(2, i = l.theme);
-  }, [r, o, i];
+function B(a, t, e) {
+  let r, { direction: o = "bottom" } = t, { show: i = !0 } = t, { theme: l = "dark" } = t;
+  return a.$$set = (n) => {
+    "direction" in n && e(0, o = n.direction), "show" in n && e(1, i = n.show), "theme" in n && e(2, l = n.theme);
+  }, a.$$.update = () => {
+    a.$$.dirty & /*theme, direction*/
+    5 && e(3, r = (() => {
+      switch (l) {
+        case "dark":
+          switch (o) {
+            case "top":
+              return L;
+            case "bottom":
+              return P;
+            case "left":
+              return A;
+            case "right":
+              return y;
+          }
+        case "light":
+          switch (o) {
+            case "top":
+              return _;
+            case "bottom":
+              return k;
+            case "left":
+              return b;
+            case "right":
+              return q;
+          }
+      }
+    })());
+  }, [o, i, l, r];
 }
-class y extends n {
+class Y extends m {
   constructor(t) {
-    super(), u(this, t, k, b, h, { direction: 0, show: 1, theme: 2 }, g);
+    super(), f(this, t, B, T, w, { direction: 0, show: 1, theme: 2 }, D);
   }
 }
 export {
-  y as default
+  Y as default
 };