@realsee/dnalogel 3.66.0-alpha.5 → 3.66.0-alpha.7

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,10 +1,10 @@
-import { SvelteComponent as ae, init as fe, safe_not_equal as se, append_styles as ue, space as te, empty as ge, insert as Z, transition_in as _, transition_out as T, check_outros as j, detach as D, getContext as de, onMount as ce, element as G, attr as c, toggle_class as E, set_style as V, append as _e, group_outros as q, create_component as J, mount_component as K, destroy_component as Q, binding_callbacks as oe, noop as I, bind as he, add_flush_callback as be } from "../../vendor/svelte/internal/index.js";
-import ve from "./Tag/index.js";
+import { SvelteComponent as se, init as ue, safe_not_equal as ge, append_styles as de, space as oe, empty as ce, insert as D, transition_in as _, transition_out as y, check_outros as q, detach as N, getContext as _e, onMount as be, element as J, attr as c, toggle_class as H, set_style as j, append as ke, group_outros as B, create_component as K, mount_component as Q, destroy_component as W, binding_callbacks as ie, noop as I, bind as he, add_flush_callback as ve } from "../../vendor/svelte/internal/index.js";
+import Te from "./Tag/index.js";
 import "three";
 import { noTypecheck as $ } from "../utils/noTypecheck.js";
-import ke from "./Common/TagPoint.js";
+import Ce from "./Common/TagPoint.js";
 import "../../shared-utils/tag.js";
-import { isModelLike as Te } from "../../shared-utils/five/mode.js";
+import { isModelLike as ye } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
@@ -16,7 +16,7 @@ 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 Ce from "./Common/TagPopover/index.js";
+import Me from "./Common/TagPopover/index.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
 import "./Common/Line/Straight.js";
@@ -179,224 +179,228 @@ import "./Common/TagPopover/PanoramaIcon.js";
 import "./Common/TagPopover/TagPopoverToolBar.js";
 import "./Common/TagPopover/ArrowRightIcon.js";
 import "./Common/TagPopover/ShareIcon.js";
-function ye(o) {
-  ue(o, "svelte-2g2g8a", ".tag.svelte-2g2g8a{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto;will-change:opacity;transition:opacity 0.2s linear}.tag.enableZIndex.svelte-2g2g8a{position:absolute}.tag.hide.svelte-2g2g8a{opacity:0;pointer-events:none}.tag.hide.svelte-2g2g8a *{pointer-events:none !important}.tag.unClickable.svelte-2g2g8a{pointer-events:none !important}.tag.unClickable.svelte-2g2g8a *{pointer-events:none !important}");
+function Pe(o) {
+  de(o, "svelte-2g2g8a", ".tag.svelte-2g2g8a{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto;will-change:opacity;transition:opacity 0.2s linear}.tag.enableZIndex.svelte-2g2g8a{position:absolute}.tag.hide.svelte-2g2g8a{opacity:0;pointer-events:none}.tag.hide.svelte-2g2g8a *{pointer-events:none !important}.tag.unClickable.svelte-2g2g8a{pointer-events:none !important}.tag.unClickable.svelte-2g2g8a *{pointer-events:none !important}");
 }
-function x(o) {
-  let e, t, p, l, n, r, m, s, d, g;
-  const P = [Pe, Me], v = [];
+function ee(o) {
+  let e, t, p, n, r, m, l, s, b, g;
+  const F = [we, Se], v = [];
   function i(a, u) {
     return (
       /*havePoint*/
-      a[8] ? 0 : 1
+      a[9] ? 0 : 1
     );
   }
-  t = i(o), p = v[t] = P[t](o);
-  const F = [He, Se], h = [];
+  t = i(o), p = v[t] = F[t](o);
+  const O = [Le, Ee], k = [];
   function U(a, u) {
     return (
       /*haveContent*/
-      a[17] ? 0 : 1
+      a[18] ? 0 : 1
     );
   }
-  return n = U(o), r = h[n] = F[n](o), {
+  return r = U(o), m = k[r] = O[r](o), {
     c() {
       var a;
-      e = G("div"), p.c(), l = te(), r.c(), c(e, "class", "tag svelte-2g2g8a"), c(
+      e = J("div"), p.c(), n = oe(), m.c(), c(e, "class", "tag svelte-2g2g8a"), c(
         e,
         "data-tag-id",
         /*id*/
-        o[16]
+        o[17]
       ), c(
         e,
         "data-tag-unfolded",
         /*unfolded*/
-        o[6]
-      ), c(e, "data-content-type", m = /*tag*/
-      o[0].contentType), c(e, "data-hover-enabled", s = /*tag*/
-      (a = o[0].config.hoverConfig) == null ? void 0 : a.enabled), c(e, "id", d = `tag-${/*id*/
-      o[16]}`), E(
+        o[7]
+      ), c(e, "data-content-type", l = /*tag*/
+      o[0].contentType), c(e, "data-popover-enabled", s = /*tag*/
+      (a = o[0].config.popoverConfig) == null ? void 0 : a.enabled), c(e, "id", b = `tag-${/*id*/
+      o[17]}`), H(
         e,
         "unClickable",
         /*tag*/
         o[0].config.clickable === !1
-      ), E(
+      ), H(
         e,
         "hide",
         /*hide*/
-        o[14]
-      ), E(
+        o[15]
+      ), H(
         e,
         "enableZIndex",
         /*zIndex*/
-        o[11]
-      ), V(
+        o[12]
+      ), j(
         e,
         "z-index",
         /*zIndex*/
-        o[11]
-      ), V(e, "transform", `translate3d(${/*left*/
-      o[13]}, ${/*top*/
-      o[12]}, 0) scale(${/*screenPosition*/
-      o[7].scale})`);
+        o[12]
+      ), j(e, "transform", `translate3d(${/*left*/
+      o[14]}, ${/*top*/
+      o[13]}, 0) scale(${/*screenPosition*/
+      o[8].scale})`);
     },
     m(a, u) {
-      Z(a, e, u), v[t].m(e, null), _e(e, l), h[n].m(e, null), o[24](e), g = !0;
+      D(a, e, u), v[t].m(e, null), ke(e, n), k[r].m(e, null), o[26](e), g = !0;
     },
     p(a, u) {
-      var S;
-      let z = t;
-      t = i(a), t === z ? v[t].p(a, u) : (q(), T(v[z], 1, 1, () => {
-        v[z] = null;
-      }), j(), p = v[t], p ? p.p(a, u) : (p = v[t] = P[t](a), p.c()), _(p, 1), p.m(e, l));
-      let A = n;
-      n = U(a), n === A ? h[n].p(a, u) : (q(), T(h[A], 1, 1, () => {
-        h[A] = null;
-      }), j(), r = h[n], r ? r.p(a, u) : (r = h[n] = F[n](a), r.c()), _(r, 1), r.m(e, null)), (!g || u & /*id*/
-      65536) && c(
+      var R;
+      let L = t;
+      t = i(a), t === L ? v[t].p(a, u) : (B(), y(v[L], 1, 1, () => {
+        v[L] = null;
+      }), q(), p = v[t], p ? p.p(a, u) : (p = v[t] = F[t](a), p.c()), _(p, 1), p.m(e, n));
+      let z = r;
+      r = U(a), r === z ? k[r].p(a, u) : (B(), y(k[z], 1, 1, () => {
+        k[z] = null;
+      }), q(), m = k[r], m ? m.p(a, u) : (m = k[r] = O[r](a), m.c()), _(m, 1), m.m(e, null)), (!g || u[0] & /*id*/
+      131072) && c(
         e,
         "data-tag-id",
         /*id*/
-        a[16]
-      ), (!g || u & /*unfolded*/
-      64) && c(
+        a[17]
+      ), (!g || u[0] & /*unfolded*/
+      128) && c(
         e,
         "data-tag-unfolded",
         /*unfolded*/
-        a[6]
-      ), (!g || u & /*tag*/
-      1 && m !== (m = /*tag*/
-      a[0].contentType)) && c(e, "data-content-type", m), (!g || u & /*tag*/
+        a[7]
+      ), (!g || u[0] & /*tag*/
+      1 && l !== (l = /*tag*/
+      a[0].contentType)) && c(e, "data-content-type", l), (!g || u[0] & /*tag*/
       1 && s !== (s = /*tag*/
-      (S = a[0].config.hoverConfig) == null ? void 0 : S.enabled)) && c(e, "data-hover-enabled", s), (!g || u & /*id*/
-      65536 && d !== (d = `tag-${/*id*/
-      a[16]}`)) && c(e, "id", d), (!g || u & /*tag*/
-      1) && E(
+      (R = a[0].config.popoverConfig) == null ? void 0 : R.enabled)) && c(e, "data-popover-enabled", s), (!g || u[0] & /*id*/
+      131072 && b !== (b = `tag-${/*id*/
+      a[17]}`)) && c(e, "id", b), (!g || u[0] & /*tag*/
+      1) && H(
         e,
         "unClickable",
         /*tag*/
         a[0].config.clickable === !1
-      ), (!g || u & /*hide*/
-      16384) && E(
+      ), (!g || u[0] & /*hide*/
+      32768) && H(
         e,
         "hide",
         /*hide*/
-        a[14]
-      ), (!g || u & /*zIndex*/
-      2048) && E(
+        a[15]
+      ), (!g || u[0] & /*zIndex*/
+      4096) && H(
         e,
         "enableZIndex",
         /*zIndex*/
-        a[11]
-      ), u & /*zIndex*/
-      2048 && V(
+        a[12]
+      ), u[0] & /*zIndex*/
+      4096 && j(
         e,
         "z-index",
         /*zIndex*/
-        a[11]
-      ), u & /*left, top, screenPosition*/
-      12416 && V(e, "transform", `translate3d(${/*left*/
-      a[13]}, ${/*top*/
-      a[12]}, 0) scale(${/*screenPosition*/
-      a[7].scale})`);
+        a[12]
+      ), u[0] & /*left, top, screenPosition*/
+      24832 && j(e, "transform", `translate3d(${/*left*/
+      a[14]}, ${/*top*/
+      a[13]}, 0) scale(${/*screenPosition*/
+      a[8].scale})`);
     },
     i(a) {
-      g || (_(p), _(r), g = !0);
+      g || (_(p), _(m), g = !0);
     },
     o(a) {
-      T(p), T(r), g = !1;
+      y(p), y(m), g = !1;
     },
     d(a) {
-      a && D(e), v[t].d(), h[n].d(), o[24](null);
+      a && N(e), v[t].d(), k[r].d(), o[26](null);
     }
   };
 }
-function Me(o) {
+function Se(o) {
   let e;
   return {
     c() {
-      e = G("div"), c(e, "data-info", "tag point is disable");
+      e = J("div"), c(e, "data-info", "tag point is disable");
     },
     m(t, p) {
-      Z(t, e, p);
+      D(t, e, p);
     },
     p: I,
     i: I,
     o: I,
     d(t) {
-      t && D(e);
+      t && N(e);
     }
   };
 }
-function Pe(o) {
+function we(o) {
   let e, t, p;
-  function l(r) {
-    o[23](r);
+  function n(m) {
+    o[25](m);
   }
-  let n = {
+  let r = {
     tag: (
       /*tag*/
       o[0]
     ),
     handleMouseEnter: (
       /*handleMouseEnter*/
-      o[21]
+      o[22]
     ),
     handleMouseLeave: (
       /*handleMouseLeave*/
-      o[22]
+      o[23]
+    ),
+    handleTagPointClick: (
+      /*handleTagPointClick*/
+      o[24]
     )
   };
   return (
     /*tagPointClickHelper*/
-    o[10] !== void 0 && (n.tagPointClickHelper = /*tagPointClickHelper*/
-    o[10]), e = new ke({ props: n }), oe.push(() => he(e, "tagPointClickHelper", l)), {
+    o[11] !== void 0 && (r.tagPointClickHelper = /*tagPointClickHelper*/
+    o[11]), e = new Ce({ props: r }), ie.push(() => he(e, "tagPointClickHelper", n)), {
       c() {
-        J(e.$$.fragment);
+        K(e.$$.fragment);
       },
-      m(r, m) {
-        K(e, r, m), p = !0;
+      m(m, l) {
+        Q(e, m, l), p = !0;
       },
-      p(r, m) {
+      p(m, l) {
         const s = {};
-        m & /*tag*/
+        l[0] & /*tag*/
         1 && (s.tag = /*tag*/
-        r[0]), !t && m & /*tagPointClickHelper*/
-        1024 && (t = !0, s.tagPointClickHelper = /*tagPointClickHelper*/
-        r[10], be(() => t = !1)), e.$set(s);
+        m[0]), !t && l[0] & /*tagPointClickHelper*/
+        2048 && (t = !0, s.tagPointClickHelper = /*tagPointClickHelper*/
+        m[11], ve(() => t = !1)), e.$set(s);
       },
-      i(r) {
-        p || (_(e.$$.fragment, r), p = !0);
+      i(m) {
+        p || (_(e.$$.fragment, m), p = !0);
       },
-      o(r) {
-        T(e.$$.fragment, r), p = !1;
+      o(m) {
+        y(e.$$.fragment, m), p = !1;
       },
-      d(r) {
-        Q(e, r);
+      d(m) {
+        W(e, m);
       }
     }
   );
 }
-function Se(o) {
+function Ee(o) {
   let e;
   return {
     c() {
-      e = G("div"), c(e, "data-info", "tag content is disable");
+      e = J("div"), c(e, "data-info", "tag content is disable");
     },
     m(t, p) {
-      Z(t, e, p);
+      D(t, e, p);
     },
     p: I,
     i: I,
     o: I,
     d(t) {
-      t && D(e);
+      t && N(e);
     }
   };
 }
-function He(o) {
+function Le(o) {
   let e, t;
-  return e = new ve({
+  return e = new Te({
     props: {
       mediaStore: (
         /*mediaStore*/
@@ -408,7 +412,7 @@ function He(o) {
       ),
       hooks: (
         /*hooks*/
-        o[18]
+        o[19]
       ),
       state: (
         /*state*/
@@ -429,44 +433,44 @@ function He(o) {
     }
   }), {
     c() {
-      J(e.$$.fragment);
+      K(e.$$.fragment);
     },
-    m(p, l) {
-      K(e, p, l), t = !0;
+    m(p, n) {
+      Q(e, p, n), t = !0;
     },
-    p(p, l) {
-      const n = {};
-      l & /*mediaStore*/
-      2 && (n.mediaStore = /*mediaStore*/
-      p[1]), l & /*tag*/
-      1 && (n.tag = $(
+    p(p, n) {
+      const r = {};
+      n[0] & /*mediaStore*/
+      2 && (r.mediaStore = /*mediaStore*/
+      p[1]), n[0] & /*tag*/
+      1 && (r.tag = $(
         /*tag*/
         p[0]
-      )), l & /*state*/
-      16 && (n.state = /*state*/
-      p[4]), l & /*temporaryState*/
-      32 && (n.temporaryState = /*temporaryState*/
-      p[5]), l & /*rendererMap*/
-      4 && (n.rendererMap = /*rendererMap*/
-      p[2]), l & /*contentTypeMap*/
-      8 && (n.contentTypeMap = /*contentTypeMap*/
-      p[3]), e.$set(n);
+      )), n[0] & /*state*/
+      16 && (r.state = /*state*/
+      p[4]), n[0] & /*temporaryState*/
+      32 && (r.temporaryState = /*temporaryState*/
+      p[5]), n[0] & /*rendererMap*/
+      4 && (r.rendererMap = /*rendererMap*/
+      p[2]), n[0] & /*contentTypeMap*/
+      8 && (r.contentTypeMap = /*contentTypeMap*/
+      p[3]), e.$set(r);
     },
     i(p) {
       t || (_(e.$$.fragment, p), t = !0);
     },
     o(p) {
-      T(e.$$.fragment, p), t = !1;
+      y(e.$$.fragment, p), t = !1;
     },
     d(p) {
-      Q(e, p);
+      W(e, p);
     }
   };
 }
-function ee(o) {
-  var p, l, n;
+function te(o) {
+  var p;
   let e, t;
-  return e = new Ce({
+  return e = new Me({
     props: {
       tag: (
         /*tag*/
@@ -474,263 +478,277 @@ function ee(o) {
       ),
       config: (
         /*tag*/
-        (p = o[0].config.hoverConfig) == null ? void 0 : p.popoverConfig
+        o[0].config.popoverConfig
       ),
       theme: (
         /*tag*/
-        (n = (l = o[0].config.hoverConfig) == null ? void 0 : l.popoverConfig) == null ? void 0 : n.theme
+        (p = o[0].config.popoverConfig) == null ? void 0 : p.theme
+      ),
+      wrapperElement: (
+        /*wrapperElement*/
+        o[6]
       ),
       triggerElement: (
         /*tagPointClickHelper*/
-        o[10]
+        o[11]
       )
     }
   }), e.$on(
     "mouseenter",
     /*handlePopoverMouseEnter*/
-    o[19]
+    o[20]
   ), e.$on(
     "mouseleave",
     /*handlePopoverMouseLeave*/
-    o[20]
+    o[21]
   ), {
     c() {
-      J(e.$$.fragment);
+      K(e.$$.fragment);
     },
-    m(r, m) {
-      K(e, r, m), t = !0;
+    m(n, r) {
+      Q(e, n, r), t = !0;
     },
-    p(r, m) {
-      var d, g, P;
-      const s = {};
-      m & /*tag*/
-      1 && (s.tag = /*tag*/
-      r[0]), m & /*tag*/
-      1 && (s.config = /*tag*/
-      (d = r[0].config.hoverConfig) == null ? void 0 : d.popoverConfig), m & /*tag*/
-      1 && (s.theme = /*tag*/
-      (P = (g = r[0].config.hoverConfig) == null ? void 0 : g.popoverConfig) == null ? void 0 : P.theme), m & /*tagPointClickHelper*/
-      1024 && (s.triggerElement = /*tagPointClickHelper*/
-      r[10]), e.$set(s);
+    p(n, r) {
+      var l;
+      const m = {};
+      r[0] & /*tag*/
+      1 && (m.tag = /*tag*/
+      n[0]), r[0] & /*tag*/
+      1 && (m.config = /*tag*/
+      n[0].config.popoverConfig), r[0] & /*tag*/
+      1 && (m.theme = /*tag*/
+      (l = n[0].config.popoverConfig) == null ? void 0 : l.theme), r[0] & /*wrapperElement*/
+      64 && (m.wrapperElement = /*wrapperElement*/
+      n[6]), r[0] & /*tagPointClickHelper*/
+      2048 && (m.triggerElement = /*tagPointClickHelper*/
+      n[11]), e.$set(m);
     },
-    i(r) {
-      t || (_(e.$$.fragment, r), t = !0);
+    i(n) {
+      t || (_(e.$$.fragment, n), t = !0);
     },
-    o(r) {
-      T(e.$$.fragment, r), t = !1;
+    o(n) {
+      y(e.$$.fragment, n), t = !1;
     },
-    d(r) {
-      Q(e, r);
+    d(n) {
+      W(e, n);
     }
   };
 }
-function Le(o) {
-  var r;
-  let e, t, p, l = (
+function He(o) {
+  var m;
+  let e, t, p, n = (
     /*screenPosition*/
-    o[7] && !/*disable*/
-    o[15] && x(o)
-  ), n = (
+    o[8] && !/*disable*/
+    o[16] && ee(o)
+  ), r = (
     /*isHovering*/
-    (o[9] || /*tag*/
-    ((r = o[0].config.hoverConfig) == null ? void 0 : r.debug)) && ee(o)
+    (o[10] || /*tag*/
+    ((m = o[0].config.popoverConfig) == null ? void 0 : m.debug)) && te(o)
   );
   return {
     c() {
-      l && l.c(), e = te(), n && n.c(), t = ge();
+      n && n.c(), e = oe(), r && r.c(), t = ce();
     },
-    m(m, s) {
-      l && l.m(m, s), Z(m, e, s), n && n.m(m, s), Z(m, t, s), p = !0;
+    m(l, s) {
+      n && n.m(l, s), D(l, e, s), r && r.m(l, s), D(l, t, s), p = !0;
     },
-    p(m, [s]) {
-      var d;
+    p(l, s) {
+      var b;
       /*screenPosition*/
-      m[7] && !/*disable*/
-      m[15] ? l ? (l.p(m, s), s & /*screenPosition, disable*/
-      32896 && _(l, 1)) : (l = x(m), l.c(), _(l, 1), l.m(e.parentNode, e)) : l && (q(), T(l, 1, 1, () => {
-        l = null;
-      }), j()), /*isHovering*/
-      m[9] || /*tag*/
-      (d = m[0].config.hoverConfig) != null && d.debug ? n ? (n.p(m, s), s & /*isHovering, tag*/
-      513 && _(n, 1)) : (n = ee(m), n.c(), _(n, 1), n.m(t.parentNode, t)) : n && (q(), T(n, 1, 1, () => {
+      l[8] && !/*disable*/
+      l[16] ? n ? (n.p(l, s), s[0] & /*screenPosition, disable*/
+      65792 && _(n, 1)) : (n = ee(l), n.c(), _(n, 1), n.m(e.parentNode, e)) : n && (B(), y(n, 1, 1, () => {
         n = null;
-      }), j());
+      }), q()), /*isHovering*/
+      l[10] || /*tag*/
+      (b = l[0].config.popoverConfig) != null && b.debug ? r ? (r.p(l, s), s[0] & /*isHovering, tag*/
+      1025 && _(r, 1)) : (r = te(l), r.c(), _(r, 1), r.m(t.parentNode, t)) : r && (B(), y(r, 1, 1, () => {
+        r = null;
+      }), q());
     },
-    i(m) {
-      p || (_(l), _(n), p = !0);
+    i(l) {
+      p || (_(n), _(r), p = !0);
     },
-    o(m) {
-      T(l), T(n), p = !1;
+    o(l) {
+      y(n), y(r), p = !1;
     },
-    d(m) {
-      l && l.d(m), m && D(e), n && n.d(m), m && D(t);
+    d(l) {
+      n && n.d(l), l && N(e), r && r.d(l), l && N(t);
     }
   };
 }
-function Oe(o, e, t) {
-  var X;
-  let p, l, n, r, m, s, d, g, P, v, { tag: i } = e, { mediaStore: F } = e, { rendererMap: h = /* @__PURE__ */ new Map() } = e, { contentTypeMap: U = /* @__PURE__ */ new Map() } = e, { state: a } = e, { temporaryState: u } = e;
-  const z = de("hooks"), A = (X = i.config.hoverConfig) == null ? void 0 : X.enabled;
-  let S = !1, C, k, B = null, H = !1, L = !1;
-  const ie = () => {
-    H = !0, k && (clearTimeout(k), k = void 0);
-  }, re = () => {
-    H = !1, setTimeout(
+function Ie(o, e, t) {
+  var Y;
+  let p, n, r, m, l, s, b, g, F, v, { tag: i } = e, { mediaStore: O } = e, { rendererMap: k = /* @__PURE__ */ new Map() } = e, { contentTypeMap: U = /* @__PURE__ */ new Map() } = e, { state: a } = e, { temporaryState: u } = e, { wrapperElement: L = null } = e;
+  const z = _e("hooks"), R = (Y = i.config.popoverConfig) == null ? void 0 : Y.enabled;
+  let S = !1, M, T, G = null, A = !1, Z = !1;
+  const re = () => {
+    A = !0, T && (clearTimeout(T), T = void 0);
+  }, ne = () => {
+    A = !1, setTimeout(
       () => {
-        !H && !L && W();
+        !A && !Z && X();
       },
       50
     );
-  }, W = () => {
-    k && clearTimeout(k), k = setTimeout(
+  }, X = () => {
+    T && clearTimeout(T), T = setTimeout(
       () => {
         var f;
-        !H && !L && !((f = i.config.hoverConfig) != null && f.debug) ? (console.log("隐藏popover, isMouseOverPopover=", H, "isMouseOverTagPoint=", L), t(9, S = !1)) : console.log("保持popover可见, isMouseOverPopover=", H, "isMouseOverTagPoint=", L);
+        !A && !Z && !((f = i.config.popoverConfig) != null && f.debug) && t(10, S = !1);
       },
       300
     );
-  }, ne = (f) => {
-    var O;
-    L = !0;
-    const { enabled: y, hoverDelay: M = 0 } = (O = i.config.hoverConfig) != null ? O : {};
-    y && (k && (clearTimeout(k), k = void 0), C !== void 0 && clearTimeout(C), M > 0 ? C = setTimeout(
+  }, pe = (f) => {
+    var w;
+    Z = !0;
+    const { enabled: C, trigger: P, triggerDelay: d = 0 } = (w = i.config.popoverConfig) != null ? w : {};
+    C && P === "hover" && (T && (clearTimeout(T), T = void 0), M !== void 0 && clearTimeout(M), d > 0 ? M = setTimeout(
       () => {
-        t(9, S = !0), i.hooks.emit("hover", { event: f, tag: i }), C = void 0;
+        t(10, S = !0), i.hooks.emit("hover", { event: f, tag: i }), M = void 0;
       },
-      M
-    ) : (t(9, S = !0), i.hooks.emit("hover", { event: f, tag: i })));
-  }, pe = (f) => {
-    var M;
-    L = !1;
-    const { enabled: y } = (M = i.config.hoverConfig) != null ? M : {};
-    y && (C !== void 0 && (clearTimeout(C), C = void 0), setTimeout(
+      d
+    ) : (t(10, S = !0), i.hooks.emit("hover", { event: f, tag: i })));
+  }, me = (f) => {
+    var d;
+    Z = !1;
+    const { enabled: C, trigger: P } = (d = i.config.popoverConfig) != null ? d : {};
+    C && P === "hover" && (M !== void 0 && (clearTimeout(M), M = void 0), setTimeout(
       () => {
-        !H && !L && W();
+        !A && !Z && X();
       },
       50
     ));
+  }, le = (f) => {
+    var d;
+    const { enabled: C, trigger: P } = (d = i.config.popoverConfig) != null ? d : {};
+    C && P === "click" && (t(10, S = !S), S && i.hooks.emit("hover", { event: f, tag: i }));
   };
-  ce(() => {
-    if (A) {
-      const f = ["Link", "VRLink", "PanoLink"], y = i.config.unfoldedConfig;
-      if (!(f.includes(i.contentType) || typeof y == "object" && y.keep === "unfolded")) {
-        const O = i.unfold, N = i.fold, w = i.unfoldAndFoldOthers, R = i.setUnfold;
+  be(() => {
+    if (R) {
+      const f = ["Link", "VRLink", "PanoLink"], C = i.config.unfoldedConfig;
+      if (!(f.includes(i.contentType) || typeof C == "object" && C.keep === "unfolded")) {
+        const d = i.unfold, w = i.fold, E = i.unfoldAndFoldOthers, V = i.setUnfold;
         t(
           0,
           i.unfold = function() {
-            var b;
-            if (!((b = this.config.hoverConfig) != null && b.enabled))
-              return O.apply(this, arguments);
+            var h;
+            if (!((h = this.config.popoverConfig) != null && h.enabled))
+              return d.apply(this, arguments);
           },
           i
         ), t(
           0,
           i.fold = function() {
-            var b;
-            if (!((b = this.config.hoverConfig) != null && b.enabled))
-              return N.apply(this, arguments);
+            var h;
+            if (!((h = this.config.popoverConfig) != null && h.enabled))
+              return w.apply(this, arguments);
           },
           i
         ), t(
           0,
           i.unfoldAndFoldOthers = function() {
-            var b;
-            if (!((b = this.config.hoverConfig) != null && b.enabled))
-              return w.apply(this, arguments);
+            var h;
+            if (!((h = this.config.popoverConfig) != null && h.enabled))
+              return E.apply(this, arguments);
           },
           i
         ), t(
           0,
-          i.setUnfold = function(b) {
-            var Y;
-            if (!((Y = this.config.hoverConfig) != null && Y.enabled))
-              return R.apply(this, arguments);
+          i.setUnfold = function(h) {
+            var x;
+            if (!((x = this.config.popoverConfig) != null && x.enabled))
+              return V.apply(this, arguments);
           },
           i
         );
       }
     }
     return () => {
-      C && clearTimeout(C), k && clearTimeout(k);
+      M && clearTimeout(M), T && clearTimeout(T);
     };
   });
-  function me(f) {
-    B = f, t(10, B);
+  function ae(f) {
+    G = f, t(11, G);
   }
-  function le(f) {
-    oe[f ? "unshift" : "push"](() => {
+  function fe(f) {
+    ie[f ? "unshift" : "push"](() => {
       i.dom = f, t(0, i);
     });
   }
   return o.$$set = (f) => {
-    "tag" in f && t(0, i = f.tag), "mediaStore" in f && t(1, F = f.mediaStore), "rendererMap" in f && t(2, h = f.rendererMap), "contentTypeMap" in f && t(3, U = f.contentTypeMap), "state" in f && t(4, a = f.state), "temporaryState" in f && t(5, u = f.temporaryState);
+    "tag" in f && t(0, i = f.tag), "mediaStore" in f && t(1, O = f.mediaStore), "rendererMap" in f && t(2, k = f.rendererMap), "contentTypeMap" in f && t(3, U = f.contentTypeMap), "state" in f && t(4, a = f.state), "temporaryState" in f && t(5, u = f.temporaryState), "wrapperElement" in f && t(6, L = f.wrapperElement);
   }, o.$$.update = () => {
-    var f, y, M, O, N;
-    o.$$.dirty & /*tag, rendererMap*/
-    5 && t(8, p = (() => {
-      var w, R, b;
-      return ((R = (w = i.style) == null ? void 0 : w.point) == null ? void 0 : R.enabled) === !1 || ((b = h.get(i.contentType)) == null ? void 0 : b.usePoint) === !1 || i.contentType === "Sticker" || i.contentType === "Link" || i.contentType === "VRLink" || i.contentType === "PanoLink" ? !1 : i.contentType === "Panorama" ? !0 : !(i.contentType === "Audio" && i.data.appearance === "plane");
-    })()), o.$$.dirty & /*tag, havePoint*/
-    257 && t(17, l = (() => {
-      var w;
-      return !((w = i.config.hoverConfig) != null && w.enabled && i.contentType === "Panorama" || i.stickType !== "2DPoint" || i.entryFromModel && Te(i.five.state.mode) && p);
-    })()), o.$$.dirty & /*tag*/
-    1 && t(16, n = i.id), o.$$.dirty & /*tag*/
-    1 && t(7, r = i.screenPosition), o.$$.dirty & /*tag*/
-    1 && t(15, m = i.enabled === !1 || !i.state), o.$$.dirty & /*tag, screenPosition*/
-    129 && t(14, s = !((f = i.state) != null && f.visible) || ((y = i.temporaryState) == null ? void 0 : y.visible) === !1 || !r), o.$$.dirty & /*tag*/
-    1 && t(6, d = ((M = i.state) == null ? void 0 : M.unfolded) && !((O = i.config.hoverConfig) != null && O.enabled)), o.$$.dirty & /*screenPosition*/
-    128 && t(13, g = (r == null ? void 0 : r.leftPx) + "px"), o.$$.dirty & /*screenPosition*/
-    128 && t(12, P = (r == null ? void 0 : r.topPx) + "px"), o.$$.dirty & /*unfolded, tag*/
-    65 && t(11, v = d ? ((N = i.zIndex) != null ? N : 0) + (d ? 1e6 : 0) : void 0);
+    var f, C, P, d, w;
+    o.$$.dirty[0] & /*tag, rendererMap*/
+    5 && t(9, p = (() => {
+      var E, V, h;
+      return ((V = (E = i.style) == null ? void 0 : E.point) == null ? void 0 : V.enabled) === !1 || ((h = k.get(i.contentType)) == null ? void 0 : h.usePoint) === !1 || i.contentType === "Sticker" || i.contentType === "Link" || i.contentType === "VRLink" || i.contentType === "PanoLink" ? !1 : i.contentType === "Panorama" ? !0 : !(i.contentType === "Audio" && i.data.appearance === "plane");
+    })()), o.$$.dirty[0] & /*tag, havePoint*/
+    513 && t(18, n = (() => {
+      var E;
+      return !((E = i.config.popoverConfig) != null && E.enabled && i.contentType === "Panorama" || i.stickType !== "2DPoint" || i.entryFromModel && ye(i.five.state.mode) && p);
+    })()), o.$$.dirty[0] & /*tag*/
+    1 && t(17, r = i.id), o.$$.dirty[0] & /*tag*/
+    1 && t(8, m = i.screenPosition), o.$$.dirty[0] & /*tag*/
+    1 && t(16, l = i.enabled === !1 || !i.state), o.$$.dirty[0] & /*tag, screenPosition*/
+    257 && t(15, s = !((f = i.state) != null && f.visible) || ((C = i.temporaryState) == null ? void 0 : C.visible) === !1 || !m), o.$$.dirty[0] & /*tag*/
+    1 && t(7, b = ((P = i.state) == null ? void 0 : P.unfolded) && !((d = i.config.popoverConfig) != null && d.enabled)), o.$$.dirty[0] & /*screenPosition*/
+    256 && t(14, g = (m == null ? void 0 : m.leftPx) + "px"), o.$$.dirty[0] & /*screenPosition*/
+    256 && t(13, F = (m == null ? void 0 : m.topPx) + "px"), o.$$.dirty[0] & /*unfolded, tag*/
+    129 && t(12, v = b ? ((w = i.zIndex) != null ? w : 0) + (b ? 1e6 : 0) : void 0);
   }, [
     i,
-    F,
-    h,
+    O,
+    k,
     U,
     a,
     u,
-    d,
-    r,
+    L,
+    b,
+    m,
     p,
     S,
-    B,
+    G,
     v,
-    P,
+    F,
     g,
     s,
-    m,
-    n,
     l,
+    r,
+    n,
     z,
-    ie,
     re,
     ne,
     pe,
     me,
-    le
+    le,
+    ae,
+    fe
   ];
 }
-class Xi extends ae {
+class xi extends se {
   constructor(e) {
-    super(), fe(
+    super(), ue(
       this,
       e,
-      Oe,
-      Le,
-      se,
+      Ie,
+      He,
+      ge,
       {
         tag: 0,
         mediaStore: 1,
         rendererMap: 2,
         contentTypeMap: 3,
         state: 4,
-        temporaryState: 5
+        temporaryState: 5,
+        wrapperElement: 6
       },
-      ye
+      Pe,
+      [-1, -1]
     );
   }
 }
 export {
-  Xi as default
+  xi as default
 };