@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.3

package/esm/ItemLabelPlugin/ItemLabelComponent.js

@@ -0,0 +1,271 @@
+var ae = Object.defineProperty, ce = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var j = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
+var H = (i, t, e) => t in i ? ae(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, k = (i, t) => {
+  for (var e in t || (t = {}))
+    de.call(t, e) && H(i, e, t[e]);
+  if (j)
+    for (var e of j(t))
+      me.call(t, e) && H(i, e, t[e]);
+  return i;
+}, y = (i, t) => ce(i, le(t));
+import { SvelteComponent as fe, init as ue, safe_not_equal as he, append_styles as pe, element as _e, attr as be, add_render_callback as Ie, set_style as W, insert as v, add_resize_listener as ge, group_outros as Z, update_keyed_each as ke, outro_and_destroy_block as ye, check_outros as G, transition_in as w, transition_out as z, detach as T, empty as A, create_component as Pe, mount_component as we, destroy_component as Le } from "svelte/internal";
+import { Five as P } from "@realsee/five";
+import { beforeUpdate as Me, onMount as ze, onDestroy as Ce } from "svelte";
+import * as Ee from "three";
+import { I as Fe } from "./ItemLabelItem.js";
+import { d as Oe } from "../shared-utils/debounce.js";
+import { i as B } from "./utils/isImpacted.js";
+import { g as xe } from "./utils/getStrokeLength.js";
+import { g as Ve } from "./utils/getLabelTransform.js";
+import { t as N } from "./utils/transform2RenderData.js";
+function ve(i) {
+  pe(i, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
+}
+function q(i, t, e) {
+  const r = i.slice();
+  return r[30] = t[e], r;
+}
+function X(i) {
+  let t, e;
+  return t = new Fe({
+    props: {
+      itemLabel: i[30],
+      hooks: i[0],
+      anchorEnabled: i[2],
+      onIconClick: i[6]
+    }
+  }), {
+    c() {
+      Pe(t.$$.fragment);
+    },
+    m(r, f) {
+      we(t, r, f), e = !0;
+    },
+    p(r, f) {
+      const o = {};
+      f[0] & 2 && (o.itemLabel = r[30]), f[0] & 1 && (o.hooks = r[0]), f[0] & 4 && (o.anchorEnabled = r[2]), t.$set(o);
+    },
+    i(r) {
+      e || (w(t.$$.fragment, r), e = !0);
+    },
+    o(r) {
+      z(t.$$.fragment, r), e = !1;
+    },
+    d(r) {
+      Le(t, r);
+    }
+  };
+}
+function Y(i, t) {
+  let e, r, f, o = t[30].visible && X(t);
+  return {
+    key: i,
+    first: null,
+    c() {
+      e = A(), o && o.c(), r = A(), this.first = e;
+    },
+    m(d, p) {
+      v(d, e, p), o && o.m(d, p), v(d, r, p), f = !0;
+    },
+    p(d, p) {
+      t = d, t[30].visible ? o ? (o.p(t, p), p[0] & 2 && w(o, 1)) : (o = X(t), o.c(), w(o, 1), o.m(r.parentNode, r)) : o && (Z(), z(o, 1, 1, () => {
+        o = null;
+      }), G());
+    },
+    i(d) {
+      f || (w(o), f = !0);
+    },
+    o(d) {
+      z(o), f = !1;
+    },
+    d(d) {
+      d && T(e), o && o.d(d), d && T(r);
+    }
+  };
+}
+function Te(i) {
+  let t, e = [], r = /* @__PURE__ */ new Map(), f, o, d = i[1];
+  const p = (c) => c[30].id;
+  for (let c = 0; c < d.length; c += 1) {
+    let a = q(i, d, c), _ = p(a);
+    r.set(_, e[c] = Y(_, a));
+  }
+  return {
+    c() {
+      t = _e("div");
+      for (let c = 0; c < e.length; c += 1)
+        e[c].c();
+      be(t, "class", "item-labels-container svelte-gk8s47"), Ie(() => i[12].call(t)), W(t, "opacity", i[5] ? 1 : 0, !1);
+    },
+    m(c, a) {
+      v(c, t, a);
+      for (let _ = 0; _ < e.length; _ += 1)
+        e[_].m(t, null);
+      f = ge(t, i[12].bind(t)), o = !0;
+    },
+    p(c, a) {
+      a[0] & 71 && (d = c[1], Z(), e = ke(e, a, p, 1, c, d, r, t, ye, Y, null, q), G()), a[0] & 32 && W(t, "opacity", c[5] ? 1 : 0, !1);
+    },
+    i(c) {
+      if (!o) {
+        for (let a = 0; a < d.length; a += 1)
+          w(e[a]);
+        o = !0;
+      }
+    },
+    o(c) {
+      for (let a = 0; a < e.length; a += 1)
+        z(e[a]);
+      o = !1;
+    },
+    d(c) {
+      c && T(t);
+      for (let a = 0; a < e.length; a += 1)
+        e[a].d();
+      f();
+    }
+  };
+}
+let De = 11;
+function Ue(i, t, e) {
+  const { Raycaster: r, Vector3: f } = Ee;
+  let { five: o } = t, { modelOcclusionEnable: d } = t, { itemLabels: p } = t, { hooks: c } = t, { displayStrategyType: a } = t, { maxVisibleDistance: _ } = t, C = null, g = null, J = (o == null ? void 0 : o.currentMode) === P.Mode.Panorama, E, F, D = [], O = !0;
+  const K = (s, u) => {
+    const h = s.camera.position.clone(), m = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), n = m.distanceTo(h);
+    return _ !== void 0 && s.state.mode === P.Mode.Panorama && n > _ ? !1 : B(s, m.clone().sub(h).normalize(), h, n);
+  }, Q = (s) => {
+    const { camera: u, model: h } = o, { x: m, y: n, z: l } = s.clone().project(u), I = (m + 1) / 2, b = (2 - (n + 1)) / 2, V = Math.abs(l) < 1 && [I, b].every((S) => S < 1 && S >= 0);
+    return Boolean(V);
+  }, $ = (s, u) => {
+    const h = new f(u.modelPosition[0], u.modelPosition[1], u.modelPosition[2]), m = s.project2d(h), n = m == null ? void 0 : m.x, l = m == null ? void 0 : m.y;
+    return [n, l];
+  }, ee = (s, u) => {
+    const h = u.map((n) => {
+      if (s.state.panoIndex !== n.panoIndex)
+        return y(k({}, n), { visible: !1 });
+      const l = $(s, n);
+      n.name.length * De;
+      const I = xe(n.modelPosition[1], a), b = s.currentMode === P.Mode.Panorama ? Q(new f(n.position[0], n.position[1], n.position[2])) : !0, x = d ? K(s, n) : !1, M = b && !x;
+      if (!M)
+        return y(k({}, n), { visible: M });
+      D.push(l);
+      const V = Ve(l);
+      return y(k({}, n), {
+        visible: M,
+        transform: V,
+        strokeLength: I
+      });
+    }), m = h.filter(({ visible: n }) => n).map((n) => ({
+      itemLabelItem: n,
+      distance: new f(n.modelPosition[0], n.modelPosition[1], n.modelPosition[2]).clone().distanceTo(s.camera.position)
+    })).sort((n, l) => n.distance - l.distance);
+    return h.map((n) => {
+      const l = m.findIndex((I) => I.itemLabelItem.id === n.id);
+      return l !== void 0 ? y(k({}, n), { zIndex: l * 10 }) : n;
+    });
+  }, L = () => {
+    D = [], e(1, g = ee(o, g));
+  }, U = () => {
+    e(5, O = !1), te();
+  }, te = Oe(
+    () => {
+      e(5, O = !0), L();
+    },
+    300
+  ), R = () => {
+    o.once("renderFrame", L);
+  }, oe = () => {
+    window.addEventListener("resize", R, !1);
+  }, ne = () => {
+    C !== p && (e(1, g = N(p)), C = p, L());
+  }, se = (s, u) => {
+    let h = [];
+    for (let n = 0; n < u.length; n++) {
+      const { position: l, panoIndex: I } = u[n], b = s.distanceTo(l);
+      (_ === void 0 || b <= _ || o.state.mode !== P.Mode.Panorama) && h.push({ panoIndex: I, obVector: l, distance: b });
+    }
+    h = h.sort((n, l) => n.distance - l.distance);
+    let m;
+    for (let n = 0; n < h.length; n++) {
+      const { obVector: l, distance: I, panoIndex: b } = h[n];
+      if (!B(o, s, l, I)) {
+        m = b;
+        break;
+      }
+    }
+    return typeof m == "number" ? u[m] : void 0;
+  }, ie = (s) => {
+    if (o.state.mode === P.Mode.Panorama)
+      return;
+    const u = o.work.observers, h = new f().fromArray(s.position), m = se(h, u);
+    if (m && (s.observerIndex = m.panoIndex), typeof s.observerIndex == "number") {
+      const n = u[s.observerIndex], l = h.clone().sub(n.position).normalize(), I = {
+        longitude: Math.PI + Math.atan2(l.x, l.z),
+        latitude: Math.acos(l.y / l.length()) - Math.PI / 2
+      };
+      o.setState(y(k({}, I), {
+        mode: P.Mode.Panorama,
+        panoIndex: s.observerIndex
+      })), o.once("initAnimationEnded", () => {
+        e(1, g = g.map((b) => y(k({}, b), {
+          isFold: b.id !== s.id
+        }))), o.once("cameraUpdate", () => {
+          e(1, g = g.map((b) => y(k({}, b), { isFold: !1 })));
+        });
+      });
+    }
+  };
+  Me(() => {
+    ne();
+  }), ze(() => {
+    e(1, g = N(p)), C = p, L(), oe(), o.on("cameraUpdate", U);
+  }), Ce(() => {
+    o.off("cameraUpdate", U), window.removeEventListener("resize", R, !1);
+  });
+  function re() {
+    E = this.clientWidth, F = this.clientHeight, e(3, E), e(4, F);
+  }
+  return i.$$set = (s) => {
+    "five" in s && e(7, o = s.five), "modelOcclusionEnable" in s && e(8, d = s.modelOcclusionEnable), "itemLabels" in s && e(9, p = s.itemLabels), "hooks" in s && e(0, c = s.hooks), "displayStrategyType" in s && e(10, a = s.displayStrategyType), "maxVisibleDistance" in s && e(11, _ = s.maxVisibleDistance);
+  }, [
+    c,
+    g,
+    J,
+    E,
+    F,
+    O,
+    ie,
+    o,
+    d,
+    p,
+    a,
+    _,
+    re
+  ];
+}
+class Ye extends fe {
+  constructor(t) {
+    super(), ue(
+      this,
+      t,
+      Ue,
+      Te,
+      he,
+      {
+        five: 7,
+        modelOcclusionEnable: 8,
+        itemLabels: 9,
+        hooks: 0,
+        displayStrategyType: 10,
+        maxVisibleDistance: 11
+      },
+      ve,
+      [-1, -1]
+    );
+  }
+}
+export {
+  Ye as I
+};

package/esm/ItemLabelPlugin/ItemLabelItem.js

@@ -0,0 +1,134 @@
+import { SvelteComponent as B, init as x, safe_not_equal as F, append_styles as N, element as w, space as z, attr as c, null_to_empty as p, set_style as _, insert as q, append as v, listen as j, noop as I, detach as y, binding_callbacks as S, text as L, set_data as C } from "svelte/internal";
+import k from "classnames";
+function A(l) {
+  N(l, "svelte-gduhqw", `.item-label-item.svelte-gduhqw.svelte-gduhqw{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-gduhqw-fadeIn .3s ease-in}.item-label-item.fold.svelte-gduhqw>.item-label-item__text-wrap.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw:after{visibility:visible}.item-label-item__text-wrap.svelte-gduhqw.svelte-gduhqw{height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-gduhqw.svelte-gduhqw{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-gduhqw.svelte-gduhqw{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-gduhqw.svelte-gduhqw{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-gduhqw.svelte-gduhqw{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-gduhqw.svelte-gduhqw{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-gduhqw.svelte-gduhqw:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url("//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png ");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@keyframes svelte-gduhqw-fadeIn{from{opacity:0
+        }to{opacity:1
+        }}`);
+}
+function D(l) {
+  let e, t, n, s = (l[0].code || l[0].id) + "", h, o, m, r = l[0].name + "", g, a = l[0].icon && E(l);
+  return {
+    c() {
+      a && a.c(), e = z(), t = w("div"), n = w("span"), h = L(s), o = z(), m = w("span"), g = L(r), c(n, "class", "item-model svelte-gduhqw"), c(m, "class", "item-name svelte-gduhqw"), c(t, "class", "item-label-text svelte-gduhqw");
+    },
+    m(i, f) {
+      a && a.m(i, f), q(i, e, f), q(i, t, f), v(t, n), v(n, h), v(t, o), v(t, m), v(m, g);
+    },
+    p(i, f) {
+      i[0].icon ? a ? a.p(i, f) : (a = E(i), a.c(), a.m(e.parentNode, e)) : a && (a.d(1), a = null), f & 1 && s !== (s = (i[0].code || i[0].id) + "") && C(h, s), f & 1 && r !== (r = i[0].name + "") && C(g, r);
+    },
+    d(i) {
+      a && a.d(i), i && y(e), i && y(t);
+    }
+  };
+}
+function G(l) {
+  let e;
+  return {
+    c() {
+      e = w("div");
+    },
+    m(t, n) {
+      q(t, e, n), l[6](e);
+    },
+    p: I,
+    d(t) {
+      t && y(e), l[6](null);
+    }
+  };
+}
+function E(l) {
+  let e, t, n, s, h;
+  return {
+    c() {
+      e = w("div"), t = w("div"), c(t, "class", "icon svelte-gduhqw"), c(t, "style", n = `background-image: url(${l[0].icon})`), c(e, "class", "icon-wrap svelte-gduhqw");
+    },
+    m(o, m) {
+      q(o, e, m), v(e, t), s || (h = j(e, "click", l[7]), s = !0);
+    },
+    p(o, m) {
+      m & 1 && n !== (n = `background-image: url(${o[0].icon})`) && c(t, "style", n);
+    },
+    d(o) {
+      o && y(e), s = !1, h();
+    }
+  };
+}
+function H(l) {
+  let e, t, n, s, h, o, m, r, g, a;
+  function i(d, u) {
+    return u & 1 && (n = null), n == null && (n = !!Boolean(typeof d[0].render == "function")), n ? G : D;
+  }
+  let f = i(l, -1), b = f(l);
+  return {
+    c() {
+      e = w("div"), t = w("div"), b.c(), h = z(), o = w("div"), c(t, "class", s = p(k("item-label-item__text-wrap", {
+        "item-label-item__custom": Boolean(typeof l[0].render == "function")
+      })) + " svelte-gduhqw"), _(t, "bottom", `${l[0].strokeLength}px`), c(o, "class", m = p(k("item-label-item__bar", { anchor: l[1] })) + " svelte-gduhqw"), _(o, "height", `${l[0].strokeLength}px`), c(e, "class", r = p(k("item-label-item", { fold: l[0].isFold })) + " svelte-gduhqw"), _(e, "z-index", l[0].zIndex, !1), _(e, "transform", l[0].transform, !1);
+    },
+    m(d, u) {
+      q(d, e, u), v(e, t), b.m(t, null), v(e, h), v(e, o), g || (a = j(t, "click", l[4]), g = !0);
+    },
+    p(d, [u]) {
+      f === (f = i(d, u)) && b ? b.p(d, u) : (b.d(1), b = f(d), b && (b.c(), b.m(t, null))), u & 1 && s !== (s = p(k("item-label-item__text-wrap", {
+        "item-label-item__custom": Boolean(typeof d[0].render == "function")
+      })) + " svelte-gduhqw") && c(t, "class", s), u & 1 && _(t, "bottom", `${d[0].strokeLength}px`), u & 2 && m !== (m = p(k("item-label-item__bar", { anchor: d[1] })) + " svelte-gduhqw") && c(o, "class", m), u & 1 && _(o, "height", `${d[0].strokeLength}px`), u & 1 && r !== (r = p(k("item-label-item", { fold: d[0].isFold })) + " svelte-gduhqw") && c(e, "class", r), u & 1 && _(e, "z-index", d[0].zIndex, !1), u & 1 && _(e, "transform", d[0].transform, !1);
+    },
+    i: I,
+    o: I,
+    d(d) {
+      d && y(e), b.d(), g = !1, a();
+    }
+  };
+}
+function J(l, e, t) {
+  let { itemLabel: n } = e, { hooks: s } = e, { anchorEnabled: h } = e, { onIconClick: o } = e;
+  function m() {
+    s.emit("onLabelClick", n);
+  }
+  let r;
+  function g(i) {
+    S[i ? "unshift" : "push"](() => {
+      r = i, t(3, r);
+    });
+  }
+  const a = (i) => o(n);
+  return l.$$set = (i) => {
+    "itemLabel" in i && t(0, n = i.itemLabel), "hooks" in i && t(5, s = i.hooks), "anchorEnabled" in i && t(1, h = i.anchorEnabled), "onIconClick" in i && t(2, o = i.onIconClick);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & 9 && typeof n.render == "function" && r && r.children.length === 0) {
+      const i = n.render(n);
+      i && r.appendChild(i);
+    }
+  }, [
+    n,
+    h,
+    o,
+    r,
+    m,
+    s,
+    g,
+    a
+  ];
+}
+class O extends B {
+  constructor(e) {
+    super(), x(
+      this,
+      e,
+      J,
+      H,
+      F,
+      {
+        itemLabel: 0,
+        hooks: 5,
+        anchorEnabled: 1,
+        onIconClick: 2
+      },
+      A
+    );
+  }
+}
+export {
+  O as I
+};

package/esm/ItemLabelPlugin/Plugin.d.ts

@@ -0,0 +1,4 @@
+import type { FivePlugin } from "@realsee/five";
+import { ItemLabelPluginExportReturnsType, ItemLabelPluginParametersType } from "./typings";
+export declare const Plugin: FivePlugin<ItemLabelPluginParametersType, ItemLabelPluginExportReturnsType>;
+export default Plugin;

package/esm/ItemLabelPlugin/Plugin.js

@@ -0,0 +1,81 @@
+import { Subscribe as f, Five as E } from "@realsee/five";
+import { I as g } from "./ItemLabelComponent.js";
+import { I as h } from "./typings.js";
+import { p as I } from "./utils/parseData.js";
+const P = void 0, V = (o, n) => {
+  var d, c, b, u;
+  const e = {
+    container: document.createElement("div"),
+    data: null,
+    enabled: !0,
+    fiveModeEnabled: !0,
+    itemLabels: [],
+    wrapper: null,
+    app: void 0,
+    hooks: new f(),
+    modelOcclusionEnable: (d = n == null ? void 0 : n.modelOcclusionEnable) != null ? d : !0,
+    onlyVisibleInPanorama: (c = n == null ? void 0 : n.onlyVisibleInPanorama) != null ? c : !0,
+    displayStrategyType: (b = n == null ? void 0 : n.displayStrategyType) != null ? b : h.SMALL,
+    maxVisibleDistance: (u = n == null ? void 0 : n.maxVisibleDistance) != null ? u : P
+  };
+  e.container.setAttribute("class", "item-label-plugin-container"), e.container.style.cssText = `
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    `, e.container.style.pointerEvents = "none";
+  const p = (t) => (e.wrapper = t, t.appendChild(e.container), i(), !0), m = (t) => {
+    e.itemLabels = I(t), i();
+  }, l = () => (e.enabled || (e.enabled = !0, i()), !0), a = () => (e.enabled && (e.enabled = !1, i()), !0), r = () => {
+    L(), e.container.remove();
+  }, i = () => {
+    var t;
+    if (!!e.wrapper) {
+      if (!e.enabled || !e.fiveModeEnabled) {
+        (t = e.app) == null || t.$destroy(), e.app = void 0;
+        return;
+      }
+      e.app ? e.app.$set({
+        five: o,
+        itemLabels: e.itemLabels
+      }) : e.app = new g({
+        target: e.container,
+        props: {
+          five: o,
+          modelOcclusionEnable: e.modelOcclusionEnable,
+          onlyVisibleInPanorama: e.onlyVisibleInPanorama,
+          itemLabels: e.itemLabels,
+          wrapper: e.wrapper,
+          hooks: e.hooks,
+          displayStrategyType: e.displayStrategyType,
+          maxVisibleDistance: e.maxVisibleDistance
+        }
+      });
+    }
+  }, y = () => {
+    o.on("modeChange", s), o.once("dispose", r);
+  }, L = () => {
+    o.off("modeChange", s);
+  }, s = (t) => {
+    if (t !== E.Mode.Panorama) {
+      e.fiveModeEnabled = !1, a();
+      return;
+    }
+    o.once("initAnimationEnded", () => {
+      e.fiveModeEnabled = !0, l();
+    });
+  };
+  return y(), {
+    appendTo: p,
+    load: m,
+    enable: l,
+    disable: a,
+    dispose: r,
+    hooks: e.hooks
+  };
+};
+export {
+  V as P
+};

package/esm/ItemLabelPlugin/events.type.d.ts

@@ -0,0 +1,9 @@
+import type { SubscribeEventMap } from '@realsee/five';
+import type { ItemLabel } from "./typings";
+export interface ItemLabelEvent extends SubscribeEventMap {
+    /**
+     * 点击标签
+     */
+    onLabelClick: (itemLabel: ItemLabel) => void;
+}
+export declare type PluginEvent = ItemLabelEvent;

package/esm/ItemLabelPlugin/index.d.ts

@@ -0,0 +1,9 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export declare const itemLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ItemLabelPluginParametersType, ItemLabelPluginData, ItemLabelPluginExportReturnsType } from './typings';
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';

package/esm/ItemLabelPlugin/index.js

@@ -0,0 +1,26 @@
+import "./Plugin.js";
+import { P as E, P as T } from "./Plugin.js";
+import { I as x } from "./typings.js";
+import "@realsee/five";
+import "./ItemLabelComponent.js";
+import "svelte/internal";
+import "svelte";
+import "three";
+import "./ItemLabelItem.js";
+import "classnames";
+import "../shared-utils/debounce.js";
+import "./utils/isImpacted.js";
+import "./utils/getStrokeLength.js";
+import "./utils/getLabelTransform.js";
+import "./utils/transform2RenderData.js";
+import "./utils/parseData.js";
+const _ = {
+  name: "ItemLabelPlugin",
+  version: 0
+};
+export {
+  x as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  E as ItemLabelPlugin,
+  T as default,
+  _ as itemLabelPluginServerParams
+};

package/esm/ItemLabelPlugin/typings.d.ts

@@ -0,0 +1,65 @@
+import type { Subscribe } from "@realsee/five";
+import type { PluginEvent } from "./events.type";
+import type ItemLabelComponent from './ItemLabelComponent.svelte';
+export declare enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {
+    SMALL = "small",
+    MIDLLE = "middle",
+    LARGE = "large",
+    EXTRA_LARGE = "x-large"
+}
+export interface ItemLabelPluginParametersType {
+    maxVisibleDistance?: number;
+    modelOcclusionEnable?: boolean;
+    onlyVisibleInPanorama?: boolean;
+    displayStrategyType?: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+}
+export interface ItemLabelPluginData {
+    item_labels: Readonly<{
+        panoIndex: number;
+        id: string;
+        code: string;
+        name: string;
+        position: [number, number, number];
+        type?: string[];
+        icon?: string;
+        render?: (data: ItemLabel) => HTMLDivElement;
+        [key: string]: any;
+    }>[];
+}
+export interface ItemLabel {
+    panoIndex: number;
+    id: string;
+    code: string;
+    name: string;
+    position: [number, number, number];
+    modelPosition: [number, number, number];
+    type?: string[];
+    icon?: string;
+    observerIndex?: number | undefined;
+    visible?: boolean;
+    isFold?: boolean;
+    render?: (data: ItemLabel) => HTMLDivElement;
+    [key: string]: any;
+}
+export interface ItemLabelPluginExportReturnsType {
+    appendTo: (wrapper: Element) => void;
+    load: (data: ItemLabelPluginData) => void;
+    disable: () => void;
+    enable: () => void;
+    dispose: () => void;
+    hooks: Subscribe<PluginEvent>;
+}
+export interface ItemLabelPluginState {
+    container: HTMLDivElement;
+    data: ItemLabelPluginData | null;
+    enabled: boolean;
+    itemLabels: ItemLabel[];
+    wrapper: HTMLElement | null;
+    fiveModeEnabled: boolean;
+    app?: ItemLabelComponent | undefined;
+    hooks: Subscribe<PluginEvent>;
+    modelOcclusionEnable: boolean;
+    onlyVisibleInPanorama: boolean;
+    displayStrategyType: Partial<ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE>;
+    maxVisibleDistance: number | undefined;
+}

package/esm/ItemLabelPlugin/typings.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.SMALL = "small", r.MIDLLE = "middle", r.LARGE = "large", r.EXTRA_LARGE = "x-large", r))(a || {});
+export {
+  a as I
+};

package/esm/ItemLabelPlugin/utils/getLabelTransform.d.ts

@@ -0,0 +1 @@
+export declare const getLabelTransform: (cssOffset: [number, number]) => string;

package/esm/ItemLabelPlugin/utils/getLabelTransform.js

@@ -0,0 +1,4 @@
+const a = (r) => `translate(${r[0]}px, ${r[1]}px)`;
+export {
+  a as g
+};

package/esm/ItemLabelPlugin/utils/getStrokeLength.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 展示策略
+ * */
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "../typings";
+export declare const getStrokeLength: (itemSpaceHeight: number, type: ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) => number;

package/esm/ItemLabelPlugin/utils/getStrokeLength.js

@@ -0,0 +1,16 @@
+import { I as L } from "../typings.js";
+const E = (r, t) => {
+  switch (t) {
+    case L.SMALL:
+      return Math.ceil(-27.78 * r + 85);
+    case L.MIDLLE:
+      return Math.ceil(-38.9 * r + 130);
+    case L.LARGE:
+      return Math.ceil(-44.44 * r + 140);
+    case L.EXTRA_LARGE:
+      return Math.ceil(-92.59 * r + 300);
+  }
+};
+export {
+  E as g
+};

package/esm/ItemLabelPlugin/utils/isImpacted.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+import type { Five } from "@realsee/five";
+declare const Vector3: typeof THREE.Vector3;
+/**
+ * 碰撞检测可见性
+ * */
+export declare const isImpacted: (five: Five, sourceVector: THREE.Vector3, targetVector: THREE.Vector3, distance: number) => boolean;
+export {};

package/esm/ItemLabelPlugin/utils/isImpacted.js

@@ -0,0 +1,10 @@
+import * as a from "three";
+const { Raycaster: i, Vector3: m } = a, d = (c, n, t, o) => {
+  const r = n.clone().sub(t).normalize(), e = new i();
+  e.set(t, r);
+  const [s] = c.model.intersectRaycaster(e);
+  return s && s.distance + 0.01 < o;
+};
+export {
+  d as i
+};

package/esm/ItemLabelPlugin/utils/parseData.d.ts

@@ -0,0 +1,3 @@
+import type { ItemLabelPluginData, ItemLabel } from '../typings';
+/** @description 转成内部所需数据 */
+export declare function parseItemLabelPluginData(data: ItemLabelPluginData): ItemLabel[];