@realsee/dnalogel 3.42.0 → 3.43.0

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

@@ -1,7 +1,8 @@
-import { SvelteComponent as F, init as M, safe_not_equal as U, append_styles as W, element as h, space as _, create_component as I, attr as z, set_style as y, toggle_class as b, insert as X, append as m, mount_component as R, listen as B, transition_in as j, transition_out as q, detach as E, destroy_component as A, getContext as G, bubble as H } from "../../../vendor/svelte/internal/index.js";
-import J from "./Shadow.js";
-import K from "./Icon/Icon.js";
-import { Image_Default_Point as N } from "../../Assets/Icon.js";
+import { SvelteComponent as j, init as q, safe_not_equal as O, append_styles as U, element as h, space as _, create_component as S, attr as z, set_style as y, toggle_class as b, insert as W, append as m, mount_component as A, listen as X, transition_in as D, transition_out as I, detach as B, destroy_component as R, getContext as E, bubble as G } from "../../../vendor/svelte/internal/index.js";
+import H from "./Shadow.js";
+import J from "./Icon/Icon.js";
+import { Image_Default_Point as K } from "../../Assets/Icon.js";
+import { isModelLike as N } from "../../../shared-utils/five/mode.js";
 import "three";
 import "hammerjs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -28,152 +29,152 @@ import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/three/getObjectVisible.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-function O(t) {
-  W(t, "svelte-7aiuwz", '@charset "UTF-8";.tag-point-click-helper.svelte-7aiuwz.svelte-7aiuwz{position:absolute;pointer-events:auto;cursor:pointer;width:calc(100% + 0.75rem);height:calc(100% + 0.75rem);left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-7aiuwz.svelte-7aiuwz{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-folded-point.svelte-7aiuwz.svelte-7aiuwz,.tag-unfolded-point.svelte-7aiuwz.svelte-7aiuwz{transition:all 0.5s}.tag-point-wrapper.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz: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-7aiuwz .tag-unfolded-point.svelte-7aiuwz: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-7aiuwz .tag-folded-point.svelte-7aiuwz{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-7aiuwz .tag-folded-point.svelte-7aiuwz{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{opacity:1;scale:1}');
+function Q(e) {
+  U(e, "svelte-7aiuwz", '@charset "UTF-8";.tag-point-click-helper.svelte-7aiuwz.svelte-7aiuwz{position:absolute;pointer-events:auto;cursor:pointer;width:calc(100% + 0.75rem);height:calc(100% + 0.75rem);left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-7aiuwz.svelte-7aiuwz{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-folded-point.svelte-7aiuwz.svelte-7aiuwz,.tag-unfolded-point.svelte-7aiuwz.svelte-7aiuwz{transition:all 0.5s}.tag-point-wrapper.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz: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-7aiuwz .tag-unfolded-point.svelte-7aiuwz: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-7aiuwz .tag-folded-point.svelte-7aiuwz{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-7aiuwz .tag-folded-point.svelte-7aiuwz{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-7aiuwz .tag-unfolded-point.svelte-7aiuwz{opacity:1;scale:1}');
 }
-function Q(t) {
-  let i, r, d, p, c, u, w, o, a, l, g, v;
-  return p = new J({
+function V(e) {
+  let o, a, u, p, c, d, w, t, r, l, g, v;
+  return p = new H({
     props: {
       center: !0,
       blurRadius: 15,
       spreadRadius: 5,
       opacity: 0.3
     }
-  }), a = new K({
+  }), r = new J({
     props: {
       icon: (
         /*url*/
-        t[2]
+        e[2]
       ),
       width: (
         /*width*/
-        t[1]
+        e[1]
       )
     }
-  }), a.$on(
+  }), r.$on(
     "iconLoaded",
     /*iconLoaded_handler*/
-    t[7]
+    e[7]
   ), {
     c() {
-      i = h("div"), r = h("div"), d = _(), I(p.$$.fragment), c = _(), u = h("div"), w = _(), o = h("div"), I(a.$$.fragment), z(r, "class", "tag-point-click-helper svelte-7aiuwz"), z(u, "class", "tag-unfolded-point svelte-7aiuwz"), y(
-        u,
+      o = h("div"), a = h("div"), u = _(), S(p.$$.fragment), c = _(), d = h("div"), w = _(), t = h("div"), S(r.$$.fragment), z(a, "class", "tag-point-click-helper svelte-7aiuwz"), z(d, "class", "tag-unfolded-point svelte-7aiuwz"), y(
+        d,
         "transition-delay",
         /*folded*/
-        (t[3] ? (
+        (e[3] ? (
           /*foldDelay*/
-          t[5]
+          e[5]
         ) : 0) + "ms"
-      ), z(o, "class", "tag-folded-point svelte-7aiuwz"), y(
-        o,
+      ), z(t, "class", "tag-folded-point svelte-7aiuwz"), y(
+        t,
         "transition-delay",
         /*folded*/
-        (t[3] ? (
+        (e[3] ? (
           /*foldDelay*/
-          t[5]
+          e[5]
         ) : 0) + "ms"
-      ), z(i, "class", "tag-point-wrapper svelte-7aiuwz"), b(
-        i,
+      ), z(o, "class", "tag-point-wrapper svelte-7aiuwz"), b(
+        o,
         "unfolded",
         /*unfolded*/
-        t[0]
+        e[0]
       ), b(
-        i,
+        o,
         "folded",
         /*folded*/
-        t[3]
+        e[3]
       );
     },
-    m(e, s) {
-      X(e, i, s), m(i, r), m(i, d), R(p, i, null), m(i, c), m(i, u), m(i, w), m(i, o), R(a, o, null), l = !0, g || (v = B(
-        r,
+    m(i, s) {
+      W(i, o, s), m(o, a), m(o, u), A(p, o, null), m(o, c), m(o, d), m(o, w), m(o, t), A(r, t, null), l = !0, g || (v = X(
+        a,
         "click",
         /*handlePointClick*/
-        t[4]
+        e[4]
       ), g = !0);
     },
-    p(e, [s]) {
+    p(i, [s]) {
       s & /*folded*/
       8 && y(
-        u,
+        d,
         "transition-delay",
         /*folded*/
-        (e[3] ? (
+        (i[3] ? (
           /*foldDelay*/
-          e[5]
+          i[5]
         ) : 0) + "ms"
       );
       const n = {};
       s & /*url*/
       4 && (n.icon = /*url*/
-      e[2]), s & /*width*/
+      i[2]), s & /*width*/
       2 && (n.width = /*width*/
-      e[1]), a.$set(n), s & /*folded*/
+      i[1]), r.$set(n), s & /*folded*/
       8 && y(
-        o,
+        t,
         "transition-delay",
         /*folded*/
-        (e[3] ? (
+        (i[3] ? (
           /*foldDelay*/
-          e[5]
+          i[5]
         ) : 0) + "ms"
       ), (!l || s & /*unfolded*/
       1) && b(
-        i,
+        o,
         "unfolded",
         /*unfolded*/
-        e[0]
+        i[0]
       ), (!l || s & /*folded*/
       8) && b(
-        i,
+        o,
         "folded",
         /*folded*/
-        e[3]
+        i[3]
       );
     },
-    i(e) {
-      l || (j(p.$$.fragment, e), j(a.$$.fragment, e), l = !0);
+    i(i) {
+      l || (D(p.$$.fragment, i), D(r.$$.fragment, i), l = !0);
     },
-    o(e) {
-      q(p.$$.fragment, e), q(a.$$.fragment, e), l = !1;
+    o(i) {
+      I(p.$$.fragment, i), I(r.$$.fragment, i), l = !1;
     },
-    d(e) {
-      e && E(i), A(p), A(a), g = !1, v();
+    d(i) {
+      i && B(o), R(p), R(r), g = !1, v();
     }
   };
 }
-function V(t, i, r) {
-  let d, p, c, u;
-  const w = G("hooks");
-  let { tag: o } = i, a, l = !1;
+function Y(e, o, a) {
+  let u, p, c, d;
+  const w = E("hooks");
+  let { tag: t } = o, r, l = !1;
   const g = () => {
-    a !== void 0 && clearTimeout(a), l = !0, a = setTimeout(
+    r !== void 0 && clearTimeout(r), l = !0, r = setTimeout(
       () => {
         l = !1;
       },
       800
     );
   }, v = (n) => {
-    l || w.emit("click", { event: n, target: "TagPoint", tag: o });
-  }, e = (() => o.contentType === "Text" && o.data.appearance === "plane" ? 500 : 800)();
+    l || (console.log("handleClick", t.entryFromModel), t.entryFromModel && N(t.five.state.mode) ? t.find({ targetMode: "Panorama" }).then(() => t.unfoldAndFoldOthers()) : w.emit("click", { event: n, target: "TagPoint", tag: t }));
+  }, i = (() => t.contentType === "Text" && t.data.appearance === "plane" ? 500 : 800)();
   function s(n) {
-    H.call(this, t, n);
+    G.call(this, e, n);
   }
-  return t.$$set = (n) => {
-    "tag" in n && r(6, o = n.tag);
-  }, t.$$.update = () => {
+  return e.$$set = (n) => {
+    "tag" in n && a(6, t = n.tag);
+  }, e.$$.update = () => {
     var n, k, T, L;
-    t.$$.dirty & /*tag*/
-    64 && r(0, d = (n = o.state) == null ? void 0 : n.unfolded), t.$$.dirty & /*unfolded*/
-    1 && r(3, p = !d), t.$$.dirty & /*tag*/
-    64 && r(2, c = (T = (k = o.style) == null ? void 0 : k.point) != null && T.url ? (L = o.style) == null ? void 0 : L.point : { url: N }), t.$$.dirty & /*tag*/
-    64 && r(1, u = (() => {
-      var $, C, S, D;
-      const P = (C = ($ = o.style) == null ? void 0 : $.point) == null ? void 0 : C.width;
-      if (typeof P == "number")
-        return P;
-      const f = (D = (S = o.style) == null ? void 0 : S.point) == null ? void 0 : D.size;
+    e.$$.dirty & /*tag*/
+    64 && a(0, u = (n = t.state) == null ? void 0 : n.unfolded), e.$$.dirty & /*unfolded*/
+    1 && a(3, p = !u), e.$$.dirty & /*tag*/
+    64 && a(2, c = (T = (k = t.style) == null ? void 0 : k.point) != null && T.url ? (L = t.style) == null ? void 0 : L.point : { url: K }), e.$$.dirty & /*tag*/
+    64 && a(1, d = (() => {
+      var P, C, F, $;
+      const M = (C = (P = t.style) == null ? void 0 : P.point) == null ? void 0 : C.width;
+      if (typeof M == "number")
+        return M;
+      const f = ($ = (F = t.style) == null ? void 0 : F.point) == null ? void 0 : $.size;
       if (typeof f == "number")
         return f;
       if (f === "S")
@@ -186,21 +187,21 @@ function V(t, i, r) {
         return 28;
     })());
   }, g(), [
-    d,
     u,
+    d,
     c,
     p,
     v,
-    e,
-    o,
+    i,
+    t,
     s
   ];
 }
-class $t extends F {
-  constructor(i) {
-    super(), M(this, i, V, Q, U, { tag: 6 }, O);
+class Ft extends j {
+  constructor(o) {
+    super(), q(this, o, Y, V, O, { tag: 6 }, Q);
   }
 }
 export {
-  $t as default
+  Ft as default
 };