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

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

@@ -0,0 +1,548 @@
+var dt = Object.defineProperty;
+var J = Object.getOwnPropertySymbols;
+var bt = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
+var K = (t, r, e) => r in t ? dt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, Q = (t, r) => {
+  for (var e in r || (r = {}))
+    bt.call(r, e) && K(t, e, r[e]);
+  if (J)
+    for (var e of J(r))
+      wt.call(r, e) && K(t, e, r[e]);
+  return t;
+};
+var U = (t, r, e) => new Promise((i, n) => {
+  var s = (h) => {
+    try {
+      m(e.next(h));
+    } catch (k) {
+      n(k);
+    }
+  }, v = (h) => {
+    try {
+      m(e.throw(h));
+    } catch (k) {
+      n(k);
+    }
+  }, m = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(s, v);
+  m((e = e.apply(t, r)).next());
+});
+import { SvelteComponent as _t, init as vt, safe_not_equal as kt, append_styles as yt, empty as Pt, insert as tt, transition_in as O, transition_out as H, check_outros as Tt, detach as et, getContext as Ct, onMount as St, element as X, create_component as jt, attr as M, set_style as z, append as Rt, mount_component as zt, listen as B, add_render_callback as Et, create_bidirectional_transition as Y, destroy_component as Mt, run_all as Dt, group_outros as Ot, tick as At, bubble as Z, binding_callbacks as Bt } from "../../../../vendor/svelte/internal/index.js";
+import { cubicOut as W } from "../../../../vendor/svelte/easing/index.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 x } 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 Ht from "./PopoverContent.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";
+import "./TagPopoverArrow.js";
+import "./TagPopup.js";
+import "../VideoIcon.js";
+import "./PanoramaIcon.js";
+import "./TagPopoverToolBar.js";
+import "./ArrowRightIcon.js";
+import "./ShareIcon.js";
+function Wt(t) {
+  yt(t, "svelte-rrnjf1", ".tag-popover.svelte-rrnjf1{position:absolute;z-index:1031;pointer-events:auto;width:0;height:0;padding:0;margin:0;visibility:visible;opacity:1}.tag-popover-content.svelte-rrnjf1{cursor:pointer;pointer-events:auto}");
+}
+function $(t) {
+  let r, e, i, n, s, v, m, h, k;
+  return i = new Ht({
+    props: {
+      showArrow: (
+        /*showArrow*/
+        t[6]
+      ),
+      arrowDirection: (
+        /*arrowDirection*/
+        t[5]
+      ),
+      effectiveTheme: (
+        /*effectiveTheme*/
+        t[11]
+      ),
+      adjustedPlacement: (
+        /*adjustedPlacement*/
+        t[3]
+      ),
+      tag: (
+        /*tag*/
+        t[0]
+      ),
+      config: (
+        /*config*/
+        t[1]
+      ),
+      theme: (
+        /*theme*/
+        t[2]
+      ),
+      toolbar: (
+        /*toolbar*/
+        t[9]
+      )
+    }
+  }), i.$on(
+    "viewMore",
+    /*handleViewMore*/
+    t[13]
+  ), i.$on(
+    "share",
+    /*handleShare*/
+    t[14]
+  ), i.$on(
+    "resize",
+    /*handleContentResize*/
+    t[15]
+  ), {
+    c() {
+      r = X("div"), e = X("div"), jt(i.$$.fragment), M(e, "class", "tag-popover-content svelte-rrnjf1"), M(r, "class", s = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[11] + " tag-popover-" + /*adjustedPlacement*/
+      t[3] + " svelte-rrnjf1"), M(r, "data-tag-id", v = /*tag*/
+      t[0].id), z(
+        r,
+        "z-index",
+        /*zIndex*/
+        t[10]
+      ), z(
+        r,
+        "left",
+        /*finalPosition*/
+        t[7].x + "px"
+      ), z(
+        r,
+        "top",
+        /*finalPosition*/
+        t[7].y + "px"
+      );
+    },
+    m(g, p) {
+      tt(g, r, p), Rt(r, e), zt(i, e, null), t[24](e), m = !0, h || (k = [
+        B(
+          e,
+          "mouseenter",
+          /*mouseenter_handler*/
+          t[22]
+        ),
+        B(
+          e,
+          "mouseleave",
+          /*mouseleave_handler*/
+          t[23]
+        ),
+        B(
+          e,
+          "click",
+          /*handleClick*/
+          t[16]
+        )
+      ], h = !0);
+    },
+    p(g, p) {
+      t = g;
+      const c = {};
+      p & /*showArrow*/
+      64 && (c.showArrow = /*showArrow*/
+      t[6]), p & /*arrowDirection*/
+      32 && (c.arrowDirection = /*arrowDirection*/
+      t[5]), p & /*effectiveTheme*/
+      2048 && (c.effectiveTheme = /*effectiveTheme*/
+      t[11]), p & /*adjustedPlacement*/
+      8 && (c.adjustedPlacement = /*adjustedPlacement*/
+      t[3]), p & /*tag*/
+      1 && (c.tag = /*tag*/
+      t[0]), p & /*config*/
+      2 && (c.config = /*config*/
+      t[1]), p & /*theme*/
+      4 && (c.theme = /*theme*/
+      t[2]), p & /*toolbar*/
+      512 && (c.toolbar = /*toolbar*/
+      t[9]), i.$set(c), (!m || p & /*effectiveTheme, adjustedPlacement*/
+      2056 && s !== (s = "tag-popover tag-popover-" + /*effectiveTheme*/
+      t[11] + " tag-popover-" + /*adjustedPlacement*/
+      t[3] + " svelte-rrnjf1")) && M(r, "class", s), (!m || p & /*tag*/
+      1 && v !== (v = /*tag*/
+      t[0].id)) && M(r, "data-tag-id", v), (!m || p & /*zIndex*/
+      1024) && z(
+        r,
+        "z-index",
+        /*zIndex*/
+        t[10]
+      ), (!m || p & /*finalPosition*/
+      128) && z(
+        r,
+        "left",
+        /*finalPosition*/
+        t[7].x + "px"
+      ), (!m || p & /*finalPosition*/
+      128) && z(
+        r,
+        "top",
+        /*finalPosition*/
+        t[7].y + "px"
+      );
+    },
+    i(g) {
+      m || (O(i.$$.fragment, g), Et(() => {
+        m && (n || (n = Y(
+          e,
+          /*fadeAndFly*/
+          t[12],
+          {
+            duration: (
+              /*transitionDuration*/
+              t[8]
+            ),
+            easing: W,
+            y: (
+              /*arrowDirection*/
+              t[5] === "top" ? -8 : (
+                /*arrowDirection*/
+                t[5] === "bottom" ? 8 : 0
+              )
+            ),
+            x: (
+              /*arrowDirection*/
+              t[5] === "left" ? -8 : (
+                /*arrowDirection*/
+                t[5] === "right" ? 8 : 0
+              )
+            )
+          },
+          !0
+        )), n.run(1));
+      }), m = !0);
+    },
+    o(g) {
+      H(i.$$.fragment, g), n || (n = Y(
+        e,
+        /*fadeAndFly*/
+        t[12],
+        {
+          duration: (
+            /*transitionDuration*/
+            t[8]
+          ),
+          easing: W,
+          y: (
+            /*arrowDirection*/
+            t[5] === "top" ? -8 : (
+              /*arrowDirection*/
+              t[5] === "bottom" ? 8 : 0
+            )
+          ),
+          x: (
+            /*arrowDirection*/
+            t[5] === "left" ? -8 : (
+              /*arrowDirection*/
+              t[5] === "right" ? 8 : 0
+            )
+          )
+        },
+        !1
+      )), n.run(0), m = !1;
+    },
+    d(g) {
+      g && et(r), Mt(i), t[24](null), g && n && n.end(), h = !1, Dt(k);
+    }
+  };
+}
+function Ft(t) {
+  let r, e, i = (
+    /*finalPosition*/
+    t[7] && $(t)
+  );
+  return {
+    c() {
+      i && i.c(), r = Pt();
+    },
+    m(n, s) {
+      i && i.m(n, s), tt(n, r, s), e = !0;
+    },
+    p(n, [s]) {
+      /*finalPosition*/
+      n[7] ? i ? (i.p(n, s), s & /*finalPosition*/
+      128 && O(i, 1)) : (i = $(n), i.c(), O(i, 1), i.m(r.parentNode, r)) : i && (Ot(), H(i, 1, 1, () => {
+        i = null;
+      }), Tt());
+    },
+    i(n) {
+      e || (O(i), e = !0);
+    },
+    o(n) {
+      H(i), e = !1;
+    },
+    d(n) {
+      i && i.d(n), n && et(r);
+    }
+  };
+}
+function Lt(t, r, e) {
+  let i, n, s, v, m, h, k, g, p;
+  const c = Ct("hooks");
+  let { tag: a } = r, { config: f = {} } = r, { triggerElement: P } = r, { theme: D = void 0 } = r, E, b = { width: 0, height: 0 }, T = null, d = n;
+  function ot(o, { duration: w = 400, easing: y = W, x: _ = 0, y: S = 0 }) {
+    return {
+      duration: w,
+      css: (j, R) => `
+          opacity: ${j};
+          transform: translate(${R * _}px, ${R * S}px);
+        `
+    };
+  }
+  const C = () => {
+    if (!a.screenPosition || !P)
+      return n;
+    const o = window.innerWidth, w = window.innerHeight, y = o / 3, _ = w / 3, S = a.screenPosition.leftPx, j = a.screenPosition.topPx, R = S < y ? 0 : S < y * 2 ? 1 : 2, A = j < _ ? 0 : j < _ * 2 ? 1 : 2, F = j, L = w - j, N = S, V = o - S, q = b.width || 280, I = b.height || 200, ft = F >= I + 16, ht = L >= I + 16, gt = N >= q + 16, ut = V >= q + 16;
+    let u = [
+      { placement: "top", score: 0 },
+      { placement: "top-left", score: 0 },
+      { placement: "top-right", score: 0 },
+      { placement: "bottom", score: 0 },
+      { placement: "bottom-left", score: 0 },
+      { placement: "bottom-right", score: 0 },
+      { placement: "left", score: 0 },
+      { placement: "left-top", score: 0 },
+      { placement: "left-bottom", score: 0 },
+      { placement: "right", score: 0 },
+      { placement: "right-top", score: 0 },
+      { placement: "right-bottom", score: 0 }
+    ];
+    return ft || (u = u.filter((l) => !["top", "top-left", "top-right"].includes(l.placement))), ht || (u = u.filter((l) => !["bottom", "bottom-left", "bottom-right"].includes(l.placement))), gt || (u = u.filter((l) => !["left", "left-top", "left-bottom"].includes(l.placement))), ut || (u = u.filter((l) => !["right", "right-top", "right-bottom"].includes(l.placement))), u.length === 0 && (u = [
+      { placement: "top", score: 0 },
+      { placement: "top-left", score: 0 },
+      { placement: "top-right", score: 0 },
+      { placement: "bottom", score: 0 },
+      { placement: "bottom-left", score: 0 },
+      { placement: "bottom-right", score: 0 },
+      { placement: "left", score: 0 },
+      { placement: "left-top", score: 0 },
+      { placement: "left-bottom", score: 0 },
+      { placement: "right", score: 0 },
+      { placement: "right-top", score: 0 },
+      { placement: "right-bottom", score: 0 }
+    ]), u.forEach((l) => {
+      A === 0 ? ["bottom", "bottom-left", "bottom-right"].includes(l.placement) && (l.score += 3) : A === 2 && ["top", "top-left", "top-right"].includes(l.placement) && (l.score += 3), R === 0 ? ["right", "right-top", "right-bottom"].includes(l.placement) && (l.score += 3) : R === 2 && ["left", "left-top", "left-bottom"].includes(l.placement) && (l.score += 3), A === 1 && R === 1 && ["bottom", "bottom-right"].includes(l.placement) && (l.score += 2);
+    }), u.forEach((l) => {
+      ["top", "top-left", "top-right"].includes(l.placement) && (l.score += F / w * 2), ["bottom", "bottom-left", "bottom-right"].includes(l.placement) && (l.score += L / w * 2), ["left", "left-top", "left-bottom"].includes(l.placement) && (l.score += N / o * 2), ["right", "right-top", "right-bottom"].includes(l.placement) && (l.score += V / o * 2);
+    }), u.reduce((l, G) => l.score > G.score ? l : G).placement;
+  }, rt = (o, w) => {
+    if (!o)
+      return null;
+    const y = 8, _ = Q({}, o);
+    return ["top", "top-left", "top-right"].includes(w) ? _.y -= y : ["bottom", "bottom-left", "bottom-right"].includes(w) ? _.y += y : ["left", "left-top", "left-bottom"].includes(w) ? _.x -= y : ["right", "right-top", "right-bottom"].includes(w) && (_.x += y), _;
+  }, it = (o) => {
+    c && c.emit("click", {
+      event: o.detail.event,
+      target: "TagPopoverViewMore",
+      tag: a
+    });
+  }, nt = (o) => {
+    c && c.emit("click", {
+      event: o.detail.event,
+      target: "TagPopoverShare",
+      tag: a
+    });
+  }, lt = () => {
+    if (E) {
+      const o = E.getBoundingClientRect();
+      e(18, b = { width: o.width, height: o.height }), b.width > 0 && b.height > 0 && e(3, d = C());
+    }
+  }, pt = (o) => {
+    e(18, b = o.detail), b.width > 0 && b.height > 0 && e(3, d = C());
+  }, st = (o) => {
+    o.stopPropagation(), c.emit("click", { event: o, target: "TagPopoverContent", tag: a });
+  };
+  St(() => U(this, null, function* () {
+    yield At(), lt(), a.screenPosition && P && e(3, d = C());
+  }));
+  function mt(o) {
+    Z.call(this, t, o);
+  }
+  function ct(o) {
+    Z.call(this, t, o);
+  }
+  function at(o) {
+    Bt[o ? "unshift" : "push"](() => {
+      E = o, e(4, E);
+    });
+  }
+  return t.$$set = (o) => {
+    "tag" in o && e(0, a = o.tag), "config" in o && e(1, f = o.config), "triggerElement" in o && e(17, P = o.triggerElement), "theme" in o && e(2, D = o.theme);
+  }, t.$$.update = () => {
+    if (t.$$.dirty & /*theme, tag*/
+    5 && e(11, i = (() => x(D) ? D : x(a.data.theme) && ["light", "dark"].includes(a.data.theme) ? a.data.theme : a.contentType === "Marketing" ? "light" : "dark")()), t.$$.dirty & /*config*/
+    2 && e(21, n = (f == null ? void 0 : f.placement) || "right-top"), t.$$.dirty & /*config*/
+    2 && e(9, m = (() => typeof (f == null ? void 0 : f.toolbar) == "boolean" ? f.toolbar ? { showMore: !0, showShare: !0 } : { showMore: !1, showShare: !1 } : (f == null ? void 0 : f.toolbar) || { showMore: !0, showShare: !0 })()), t.$$.dirty & /*placement*/
+    2097152 && (n === "auto" ? e(3, d = C()) : e(3, d = n)), t.$$.dirty & /*config*/
+    2 && e(8, h = (f == null ? void 0 : f.transitionDuration) || 350), t.$$.dirty & /*tag, triggerElement*/
+    131073 && a.screenPosition && P && e(3, d = C()), t.$$.dirty & /*popoverContentElementRect*/
+    262144 && b.width > 0 && b.height > 0 && e(3, d = C()), t.$$.dirty & /*tag, adjustedPlacement, triggerElement*/
+    131081 && a.screenPosition && d && P) {
+      const o = P.getBoundingClientRect();
+      switch (d) {
+        case "top":
+        case "top-left":
+        case "top-right":
+          e(19, T = {
+            x: o.left + o.width / 2,
+            y: o.top
+          });
+          break;
+        case "bottom":
+        case "bottom-left":
+        case "bottom-right":
+          e(19, T = {
+            x: o.left + o.width / 2,
+            y: o.bottom
+          });
+          break;
+        case "left":
+        case "left-top":
+        case "left-bottom":
+          e(19, T = {
+            x: o.left,
+            y: o.top + o.height / 2
+          });
+          break;
+        case "right":
+        case "right-top":
+        case "right-bottom":
+          e(19, T = {
+            x: o.right,
+            y: o.top + o.height / 2
+          });
+          break;
+      }
+    }
+    t.$$.dirty & /*anchorPosition, adjustedPlacement*/
+    524296 && e(7, k = rt(T, d)), t.$$.dirty & /*arrow*/
+    1048576 && e(6, g = typeof s == "boolean" ? s : !0), t.$$.dirty & /*adjustedPlacement*/
+    8 && e(5, p = (() => {
+      switch (d) {
+        case "top":
+        case "top-left":
+        case "top-right":
+          return "bottom";
+        case "bottom":
+        case "bottom-left":
+        case "bottom-right":
+          return "top";
+        case "left":
+        case "left-top":
+        case "left-bottom":
+          return "right";
+        case "right":
+        case "right-top":
+        case "right-bottom":
+          return "left";
+        default:
+          return "bottom";
+      }
+    })());
+  }, e(20, s = !0), e(10, v = 1060), [
+    a,
+    f,
+    D,
+    d,
+    E,
+    p,
+    g,
+    k,
+    h,
+    m,
+    v,
+    i,
+    ot,
+    it,
+    nt,
+    pt,
+    st,
+    P,
+    b,
+    T,
+    s,
+    n,
+    mt,
+    ct,
+    at
+  ];
+}
+class so extends _t {
+  constructor(r) {
+    super(), vt(
+      this,
+      r,
+      Lt,
+      Ft,
+      kt,
+      {
+        tag: 0,
+        config: 1,
+        triggerElement: 17,
+        theme: 2
+      },
+      Wt
+    );
+  }
+}
+export {
+  so as default
+};

package/libs/PanoTagPlugin/Components/Common/TagPopover/index.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -171,12 +171,15 @@ import "../../shared-utils/safeObj.js";
 import "../utils/Cache.js";
 import "../../shared-utils/promise/withResolvers.js";
 import "./Common/TagPoint.js";
-import "./Common/TagPopover.js";
-import "./Common/TagPopoverArrow.js";
+import "./Common/TagPopover/index.js";
+import "./Common/TagPopover/PopoverContent.js";
+import "./Common/TagPopover/TagPopoverArrow.js";
+import "./Common/TagPopover/TagPopup.js";
 import "./Common/VideoIcon.js";
-import "./Common/PanoramaIcon.js";
-import "./Common/ShareIcon.js";
-import "./Common/ArrowRightIcon.js";
+import "./Common/TagPopover/PanoramaIcon.js";
+import "./Common/TagPopover/TagPopoverToolBar.js";
+import "./Common/TagPopover/ArrowRightIcon.js";
+import "./Common/TagPopover/ShareIcon.js";
 function K(a) {
   C(a, "svelte-18vymww", ".tag--container.svelte-18vymww{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0);transition:opacity 0.2s linear}.tag--container.hide.svelte-18vymww{opacity:0 !important;pointer-events:none}.tag--container.hide.svelte-18vymww *{pointer-events:none !important}");
 }
@@ -370,7 +373,7 @@ function O(a, t, o) {
     p
   ];
 }
-class nr extends z {
+class fr extends z {
   constructor(t) {
     super(), T(
       this,
@@ -393,5 +396,5 @@ class nr extends z {
   }
 }
 export {
-  nr as default
+  fr as default
 };