@realsee/dnalogel 2.3.4 → 2.3.5-dev.0

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -1,156 +1,140 @@
-import { SvelteComponent as P, init as z, safe_not_equal as C, append_styles as q, empty as M, insert as g, transition_in as m, transition_out as h, check_outros as S, detach as _, element as w, attr as A, toggle_class as c, group_outros as T, update_keyed_each as N, outro_and_destroy_block as W, assign as j, create_component as B, space as D, mount_component as E, append as F, get_spread_update as G, destroy_component as H } from "../../vendor/svelte/internal/index.js";
-import { TagWrapper as I } from "./TagWrapper.js";
-function J(s) {
-  q(s, "svelte-1eci49s", ".tag--container.svelte-1eci49s{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}.tag.hide.svelte-1eci49s{display:none}.withAnimation.svelte-1eci49s{transition:opacity 0.3s linear}.tag--container.hide.svelte-1eci49s{opacity:0;pointer-events:none}.tag--container.hide.svelte-1eci49s *{pointer-events:none}");
+import { SvelteComponent as v, init as y, safe_not_equal as A, append_styles as q, empty as d, insert as h, transition_in as m, transition_out as u, check_outros as w, detach as _, setContext as p, element as C, attr as z, toggle_class as c, group_outros as S, update_keyed_each as T, outro_and_destroy_block as I, create_component as M, mount_component as N, destroy_component as j } from "../../vendor/svelte/internal/index.js";
+import { TagItem as B } from "./TagItem.js";
+function D(s) {
+  q(s, "svelte-wqbk81", ".tag--container.svelte-wqbk81{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}.withAnimation.svelte-wqbk81{transition:opacity 0.3s linear}.tag--container.hide.svelte-wqbk81{opacity:0;pointer-events:none}.tag--container.hide.svelte-wqbk81 *{pointer-events:none}");
 }
-function k(s, e, i) {
-  const n = s.slice();
-  return n[6] = e[i], n;
+function g(s, e, n) {
+  const t = s.slice();
+  return t[6] = e[n], t;
 }
-function v(s) {
-  let e, i = [], n = /* @__PURE__ */ new Map(), l, r = s[1];
-  const f = (a) => a[6].id;
-  for (let a = 0; a < r.length; a += 1) {
-    let t = k(s, r, a), o = f(t);
-    n.set(o, i[a] = y(o, t));
+function k(s) {
+  let e, n = [], t = /* @__PURE__ */ new Map(), a, o = s[1];
+  const f = (i) => i[6].id;
+  for (let i = 0; i < o.length; i += 1) {
+    let l = g(s, o, i), r = f(l);
+    t.set(r, n[i] = b(r, l));
   }
   return {
     c() {
-      e = w("div");
-      for (let a = 0; a < i.length; a += 1)
-        i[a].c();
-      A(e, "class", "tag--container svelte-1eci49s"), c(e, "hide", !s[3].visible || !s[5].visible), c(e, "withAnimation", s[0]);
+      e = C("div");
+      for (let i = 0; i < n.length; i += 1)
+        n[i].c();
+      z(e, "class", "tag--container svelte-wqbk81"), c(e, "hide", !s[3].visible || !s[4].visible), c(e, "withAnimation", s[0]);
     },
-    m(a, t) {
-      g(a, e, t);
-      for (let o = 0; o < i.length; o += 1)
-        i[o].m(e, null);
-      l = !0;
+    m(i, l) {
+      h(i, e, l);
+      for (let r = 0; r < n.length; r += 1)
+        n[r].m(e, null);
+      a = !0;
     },
-    p(a, t) {
-      t & 63 && (r = a[1], T(), i = N(i, t, f, 1, a, r, n, e, W, y, null, k), S()), (!l || t & 40) && c(e, "hide", !a[3].visible || !a[5].visible), (!l || t & 1) && c(e, "withAnimation", a[0]);
+    p(i, l) {
+      l & 31 && (o = i[1], S(), n = T(n, l, f, 1, i, o, t, e, I, b, null, g), w()), (!a || l & 24) && c(e, "hide", !i[3].visible || !i[4].visible), (!a || l & 1) && c(e, "withAnimation", i[0]);
     },
-    i(a) {
-      if (!l) {
-        for (let t = 0; t < r.length; t += 1)
-          m(i[t]);
-        l = !0;
+    i(i) {
+      if (!a) {
+        for (let l = 0; l < o.length; l += 1)
+          m(n[l]);
+        a = !0;
       }
     },
-    o(a) {
-      for (let t = 0; t < i.length; t += 1)
-        h(i[t]);
-      l = !1;
+    o(i) {
+      for (let l = 0; l < n.length; l += 1)
+        u(n[l]);
+      a = !1;
     },
-    d(a) {
-      a && _(e);
-      for (let t = 0; t < i.length; t += 1)
-        i[t].d();
+    d(i) {
+      i && _(e);
+      for (let l = 0; l < n.length; l += 1)
+        n[l].d();
     }
   };
 }
-function y(s, e) {
-  let i, n, l, r;
-  const f = [
-    {
-      tag: e[6],
-      hooks: e[2],
+function b(s, e) {
+  let n, t, a;
+  return t = new B({
+    props: {
       state: e[3],
-      mediaStore: e[4],
-      temporaryState: e[5],
-      withAnimation: e[0]
+      temporaryState: e[4],
+      withAnimation: e[0],
+      tag: e[6],
+      mediaStore: e[2]
     }
-  ];
-  let a = {};
-  for (let t = 0; t < f.length; t += 1)
-    a = j(a, f[t]);
-  return n = new I({ props: a }), {
+  }), {
     key: s,
     first: null,
     c() {
-      var t, o, u;
-      i = w("div"), B(n.$$.fragment), l = D(), A(i, "class", "tag svelte-1eci49s"), c(i, "hide", !((t = e[6].pointTagStyle) != null && t.leftPercent) || !((o = e[6].pointTagStyle) != null && o.topPercent) || e[6].enabled === !1 || !e[6].state || ((u = e[6].temporaryState) == null ? void 0 : u.visible) === !1), this.first = i;
+      n = d(), M(t.$$.fragment), this.first = n;
     },
-    m(t, o) {
-      g(t, i, o), E(n, i, null), F(i, l), r = !0;
+    m(o, f) {
+      h(o, n, f), N(t, o, f), a = !0;
     },
-    p(t, o) {
-      var d, p, b;
-      e = t;
-      const u = o & 63 ? G(f, [
-        {
-          tag: e[6],
-          hooks: e[2],
-          state: e[3],
-          mediaStore: e[4],
-          temporaryState: e[5],
-          withAnimation: e[0]
-        }
-      ]) : {};
-      n.$set(u), (!r || o & 2) && c(i, "hide", !((d = e[6].pointTagStyle) != null && d.leftPercent) || !((p = e[6].pointTagStyle) != null && p.topPercent) || e[6].enabled === !1 || !e[6].state || ((b = e[6].temporaryState) == null ? void 0 : b.visible) === !1);
+    p(o, f) {
+      e = o;
+      const i = {};
+      f & 8 && (i.state = e[3]), f & 16 && (i.temporaryState = e[4]), f & 1 && (i.withAnimation = e[0]), f & 2 && (i.tag = e[6]), f & 4 && (i.mediaStore = e[2]), t.$set(i);
     },
-    i(t) {
-      r || (m(n.$$.fragment, t), r = !0);
+    i(o) {
+      a || (m(t.$$.fragment, o), a = !0);
     },
-    o(t) {
-      h(n.$$.fragment, t), r = !1;
+    o(o) {
+      u(t.$$.fragment, o), a = !1;
     },
-    d(t) {
-      t && _(i), H(n);
+    d(o) {
+      o && _(n), j(t, o);
     }
   };
 }
-function K(s) {
-  let e, i, n = s[3].enabled && v(s);
+function E(s) {
+  let e, n, t = s[3].enabled && k(s);
   return {
     c() {
-      n && n.c(), e = M();
+      t && t.c(), e = d();
     },
-    m(l, r) {
-      n && n.m(l, r), g(l, e, r), i = !0;
+    m(a, o) {
+      t && t.m(a, o), h(a, e, o), n = !0;
     },
-    p(l, [r]) {
-      l[3].enabled ? n ? (n.p(l, r), r & 8 && m(n, 1)) : (n = v(l), n.c(), m(n, 1), n.m(e.parentNode, e)) : n && (T(), h(n, 1, 1, () => {
-        n = null;
-      }), S());
+    p(a, [o]) {
+      a[3].enabled ? t ? (t.p(a, o), o & 8 && m(t, 1)) : (t = k(a), t.c(), m(t, 1), t.m(e.parentNode, e)) : t && (S(), u(t, 1, 1, () => {
+        t = null;
+      }), w());
     },
-    i(l) {
-      i || (m(n), i = !0);
+    i(a) {
+      n || (m(t), n = !0);
     },
-    o(l) {
-      h(n), i = !1;
+    o(a) {
+      u(t), n = !1;
     },
-    d(l) {
-      n && n.d(l), l && _(e);
+    d(a) {
+      t && t.d(a), a && _(e);
     }
   };
 }
-function L(s, e, i) {
-  let { withAnimation: n = !1 } = e, { tags: l = [] } = e, { hooks: r } = e, { state: f } = e, { mediaStore: a } = e, { temporaryState: t } = e;
-  return s.$$set = (o) => {
-    "withAnimation" in o && i(0, n = o.withAnimation), "tags" in o && i(1, l = o.tags), "hooks" in o && i(2, r = o.hooks), "state" in o && i(3, f = o.state), "mediaStore" in o && i(4, a = o.mediaStore), "temporaryState" in o && i(5, t = o.temporaryState);
-  }, [n, l, r, f, a, t];
+function F(s, e, n) {
+  let { withAnimation: t = !1 } = e, { tags: a = [] } = e, { hooks: o } = e, { mediaStore: f } = e, { state: i } = e, { temporaryState: l } = e;
+  return p("hooks", o), s.$$set = (r) => {
+    "withAnimation" in r && n(0, t = r.withAnimation), "tags" in r && n(1, a = r.tags), "hooks" in r && n(5, o = r.hooks), "mediaStore" in r && n(2, f = r.mediaStore), "state" in r && n(3, i = r.state), "temporaryState" in r && n(4, l = r.temporaryState);
+  }, [t, a, f, i, l, o];
 }
-class R extends P {
+class J extends v {
   constructor(e) {
-    super(), z(
+    super(), y(
       this,
       e,
-      L,
-      K,
-      C,
+      F,
+      E,
+      A,
       {
         withAnimation: 0,
         tags: 1,
-        hooks: 2,
+        hooks: 5,
+        mediaStore: 2,
         state: 3,
-        mediaStore: 4,
-        temporaryState: 5
+        temporaryState: 4
       },
-      J
+      D
     );
   }
 }
 export {
-  R as TagContainer
+  J as TagContainer
 };

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -0,0 +1,139 @@
+import { SvelteComponent as K, init as M, safe_not_equal as N, append_styles as O, element as D, space as Q, attr as u, set_style as g, toggle_class as p, insert as R, append as I, transition_in as d, group_outros as q, transition_out as c, check_outros as L, detach as U, getContext as V, create_component as F, mount_component as G, destroy_component as H } from "../../vendor/svelte/internal/index.js";
+import { Tag as W } from "./Tag/index.js";
+import "three";
+import { noTypecheck as j } from "../utils/noTypecheck.js";
+import { TagPoint as X } from "./Common/TagPoint.js";
+function Y(i) {
+  O(i, "svelte-bdubcv", ".tag.hide.svelte-bdubcv{opacity:0;pointer-events:none}.tag.disable.svelte-bdubcv{display:none}.tag.withAnimation.svelte-bdubcv{transition:opacity 0.3s linear}.wrapper.svelte-bdubcv{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
+}
+function B(i) {
+  let t, e;
+  return t = new W({
+    props: {
+      mediaStore: i[2],
+      withAnimation: i[0],
+      tag: j(i[1]),
+      hooks: i[13],
+      state: i[3],
+      temporaryState: i[4]
+    }
+  }), {
+    c() {
+      F(t.$$.fragment);
+    },
+    m(a, o) {
+      G(t, a, o), e = !0;
+    },
+    p(a, o) {
+      const n = {};
+      o & 4 && (n.mediaStore = a[2]), o & 1 && (n.withAnimation = a[0]), o & 2 && (n.tag = j(a[1])), o & 8 && (n.state = a[3]), o & 16 && (n.temporaryState = a[4]), t.$set(n);
+    },
+    i(a) {
+      e || (d(t.$$.fragment, a), e = !0);
+    },
+    o(a) {
+      c(t.$$.fragment, a), e = !1;
+    },
+    d(a) {
+      H(t, a);
+    }
+  };
+}
+function E(i) {
+  let t, e;
+  return t = new X({ props: { tag: i[1] } }), {
+    c() {
+      F(t.$$.fragment);
+    },
+    m(a, o) {
+      G(t, a, o), e = !0;
+    },
+    p(a, o) {
+      const n = {};
+      o & 2 && (n.tag = a[1]), t.$set(n);
+    },
+    i(a) {
+      e || (d(t.$$.fragment, a), e = !0);
+    },
+    o(a) {
+      c(t.$$.fragment, a), e = !1;
+    },
+    d(a) {
+      H(t, a);
+    }
+  };
+}
+function Z(i) {
+  let t, e, a, o, n = i[1].stickType === "2DPoint" && B(i), f = i[12] && E(i);
+  return {
+    c() {
+      t = D("div"), e = D("div"), n && n.c(), a = Q(), f && f.c(), u(e, "class", "wrapper svelte-bdubcv"), u(e, "data-tag-id", i[11]), g(e, "left", i[7]), g(e, "top", i[6]), g(e, "z-index", i[5]), u(t, "class", "tag svelte-bdubcv"), u(t, "data-tag-id", i[11]), u(t, "data-tag-unfolded", i[8]), p(t, "disable", i[10]), p(t, "hide", i[9]), p(t, "withAnimation", i[0]);
+    },
+    m(r, l) {
+      R(r, t, l), I(t, e), n && n.m(e, null), I(e, a), f && f.m(e, null), o = !0;
+    },
+    p(r, [l]) {
+      r[1].stickType === "2DPoint" ? n ? (n.p(r, l), l & 2 && d(n, 1)) : (n = B(r), n.c(), d(n, 1), n.m(e, a)) : n && (q(), c(n, 1, 1, () => {
+        n = null;
+      }), L()), r[12] ? f ? (f.p(r, l), l & 4096 && d(f, 1)) : (f = E(r), f.c(), d(f, 1), f.m(e, null)) : f && (q(), c(f, 1, 1, () => {
+        f = null;
+      }), L()), (!o || l & 2048) && u(e, "data-tag-id", r[11]), l & 128 && g(e, "left", r[7]), l & 64 && g(e, "top", r[6]), l & 32 && g(e, "z-index", r[5]), (!o || l & 2048) && u(t, "data-tag-id", r[11]), (!o || l & 256) && u(t, "data-tag-unfolded", r[8]), (!o || l & 1024) && p(t, "disable", r[10]), (!o || l & 512) && p(t, "hide", r[9]), (!o || l & 1) && p(t, "withAnimation", r[0]);
+    },
+    i(r) {
+      o || (d(n), d(f), o = !0);
+    },
+    o(r) {
+      c(n), c(f), o = !1;
+    },
+    d(r) {
+      r && U(t), n && n.d(), f && f.d();
+    }
+  };
+}
+function x(i, t, e) {
+  let a, o, n, f, r, l, b, h, { withAnimation: _ = !1 } = t, { tag: s } = t, { mediaStore: S } = t, { state: w } = t, { temporaryState: v } = t;
+  const J = V("hooks");
+  return i.$$set = (m) => {
+    "withAnimation" in m && e(0, _ = m.withAnimation), "tag" in m && e(1, s = m.tag), "mediaStore" in m && e(2, S = m.mediaStore), "state" in m && e(3, w = m.state), "temporaryState" in m && e(4, v = m.temporaryState);
+  }, i.$$.update = () => {
+    var m, y, k, T, A, P, z, C;
+    i.$$.dirty & 2 && e(12, a = (() => !(s.contentType === "Link" || s.contentType === "Audio" && s.data.appearance === "plane"))()), i.$$.dirty & 2 && e(11, o = s.id), i.$$.dirty & 2 && e(10, n = !((m = s.pointTagStyle) != null && m.leftPercent) || !((y = s.pointTagStyle) != null && y.topPercent) || s.enabled === !1 || !s.state), i.$$.dirty & 2 && e(9, f = !((k = s.state) != null && k.visible) || !!((T = s.temporaryState) != null && T.visible)), i.$$.dirty & 2 && e(8, r = (A = s.state) == null ? void 0 : A.unfolded), i.$$.dirty & 2 && e(7, l = ((P = s.pointTagStyle) == null ? void 0 : P.leftPercent) + "%"), i.$$.dirty & 2 && e(6, b = ((z = s.pointTagStyle) == null ? void 0 : z.topPercent) + "%"), i.$$.dirty & 2 && e(5, h = (C = s.state) != null && C.unfolded ? 1 : 0);
+  }, [
+    _,
+    s,
+    S,
+    w,
+    v,
+    h,
+    b,
+    l,
+    r,
+    f,
+    n,
+    o,
+    a,
+    J
+  ];
+}
+class ae extends K {
+  constructor(t) {
+    super(), M(
+      this,
+      t,
+      x,
+      Z,
+      N,
+      {
+        withAnimation: 0,
+        tag: 1,
+        mediaStore: 2,
+        state: 3,
+        temporaryState: 4
+      },
+      Y
+    );
+  }
+}
+export {
+  ae as TagItem
+};

package/libs/PanoTagPlugin/controller/TagCacheController.d.ts

@@ -1,7 +1,6 @@
 import type { Five } from '@realsee/five';
 import type { ValueOf } from 'type-fest';
-import type { TagId } from '../typings/tag';
-import type { TagCache, State, EventMap } from '../typings';
+import type { TagId, TagCache, State, EventMap } from '../typings';
 import * as BasePlugin from '../../base/BasePlugin';
 export declare abstract class TagCacheController extends BasePlugin.Controller<State, EventMap> {
     private tagCacheByPanoIndex;

package/libs/PanoTagPlugin/controller/TagComputer.d.ts

@@ -1,5 +1,5 @@
 import type { Five } from '@realsee/five';
-import { Tag, Tags, TagConfig, PointType, DimensionType, ContentTypeConfigKey, PlaneTag, TagElement, Tag2DElement, Tag3DElement, PlaneTagElement, PointTagElement, Tag3D, TagId } from '../typings';
+import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId, StickType, TagContentType } from '../typings';
 import { TagCacheController } from './TagCacheController';
 export declare abstract class TagComputer extends TagCacheController {
     tags: TagElement[];
@@ -9,7 +9,7 @@ export declare abstract class TagComputer extends TagCacheController {
     };
     private raycaster;
     protected constructor(five: Five);
-    getTagById(id: TagId): TagElement<import("../typings").ContentType, PointType, DimensionType, {}>;
+    getTagById(id: TagId): TagElement<TagContentType, StickType>;
     /**
      * @description: 改变配置
      */
@@ -25,28 +25,29 @@ export declare abstract class TagComputer extends TagCacheController {
     /**
      * @description: 获取是否可见
      */
-    getVisibleByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    getVisibleByPanoIndex(tag: Tag<any, any>, panoIndex?: number): boolean;
     /**
      * @description: 获取是否展开
      */
-    getUnfoldedByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    getUnfoldedByPanoIndex(tag: Tag<any>, panoIndex?: number): boolean;
     /**
      * @description: 获取是否展开
      */
-    getUnfoldedByCamera(tag: Tag): boolean;
+    getUnfoldedByCamera(tag: Tag<any, any>): boolean;
     /**
      * @description: 获取距离
      */
-    getDistance(tag: Tag, panoIndex?: number): number;
+    getDistance(tag: Tag<any, any>, panoIndex?: number): number;
     /**
      * @description: 获取角度
      */
-    getAngle(tag: Tag3D | PlaneTag, panoIndex?: number): number;
+    getAngle(tag: Point3DTag | PlaneTag, panoIndex?: number): number;
     /**
      * @description: 获取merge后的配置
      */
-    getTagConfig(tag: Tag): TagConfig<import("../typings").ContentType, PointType, DimensionType, {}>;
-    protected canBe(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag): boolean;
+    getTagConfig(tag: Tag<any, any>): TagConfig<TagContentType, StickType>;
+    protected can(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag<any, any>): boolean;
+    protected sort<T extends Tag<any, any>>(tags: T[]): T[];
     /**
      * @description: 一个点的标签
      */
@@ -56,14 +57,14 @@ export declare abstract class TagComputer extends TagCacheController {
     /**
      * @description: 一个点的标签
      */
-    protected getTagProject(tag: Tag): {
+    protected getTagProject(tag: Tag<any, any>): {
         x: number;
         y: number;
         z: number;
     };
-    protected filterPointTag(): PointTagElement[];
-    protected filterTag2D(): Tag2DElement[];
-    protected filter3DPointTag(): Tag3DElement[];
-    protected filter3DTag(): TagElement<any, PointType, DimensionType.Three>[];
+    protected filterPointTag(): PointTagElement<TagContentType>[];
+    protected filter2DPointTag(): Point2DElement<TagContentType>[];
+    protected filter3DPointTag(): Point3DElement<TagContentType>[];
+    protected filter3DTag(): TagElement<any, "3DPoint" | "Plane">[];
     protected filterPlaneTag(): PlaneTagElement[];
 }