@realsee/dnalogel 2.21.1 → 2.22.0-dev.0

package/libs/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,30 +0,0 @@
-import type Line from '../Model/line';
-import type { Five } from '@realsee/five';
-import { Vector3 } from 'three';
-import type { Polyline } from '../Model/polyline';
-export type DistanceItem = ReturnType<typeof createDistanceItem>;
-export interface UserDistanceItem {
-    element: Element;
-    highlight: () => void;
-    unHighlight: () => void;
-    update: (params: {
-        line: Line;
-        polyline: Polyline;
-    }) => void;
-}
-export interface CreateDistanceItemProps {
-    line: Line;
-    userDistanceItem?: UserDistanceItem;
-    clickCallback?: (item: DistanceItem) => unknown;
-}
-export declare function createDistanceItem(props: CreateDistanceItemProps): {
-    lineID: string;
-    ndcPosition: Vector3;
-    update: (five: Five) => void;
-    appendTo: (container: Element) => void;
-    remove: () => void;
-    highlight: () => void;
-    unHighlight: () => void;
-    getCurrentContent: () => string;
-    setItemSelectable: (value: boolean) => void;
-};

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,83 +0,0 @@
-import { Vector3 as _, Vector2 as D } from "three";
-import { isNDCPointInFront as x } from "./isNDCPointInScreen.js";
-function j() {
-  const t = document.createElement("div");
-  return t.setAttribute(
-    "style",
-    "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
-  ), t.style.width = "max-content", t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.borderRadius = "100px", t.style.fontSize = "14px", t.style.color = "#fff", t.style.background = "rgba(195,195,195,0.70)", t.style.border = "0.5px solid rgba(255,255,255,0.6)", t.style.cursor = "pointer", t;
-}
-function V(t) {
-  const e = document.createElement("div");
-  return e.id = "distance_" + t.id, e.classList.add("five-plugin-measure__distance"), e.style.opacity = "0", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = "0", e.style.height = "0", e.style.transform = "translate3d(0, 0, 0)", e.style.transformOrigin = "left top", e;
-}
-function q(t) {
-  let e = !0;
-  const { line: s } = t, C = s.id, r = j(), n = V(s), o = t.userDistanceItem, F = new _(0, 0, 0), E = {
-    lineID: C,
-    ndcPosition: F,
-    update: H,
-    appendTo: I,
-    remove: T,
-    highlight: S,
-    unHighlight: w,
-    getCurrentContent: P,
-    setItemSelectable: A
-  };
-  n.style.pointerEvents = e ? "all" : "none", o != null && o.element ? n.appendChild(o.element) : n.appendChild(r);
-  function v() {
-    var i;
-    (i = t.clickCallback) == null || i.call(t, E);
-  }
-  function S() {
-    if (o)
-      return o.highlight();
-    r.style.border = "0.5px solid #95AEFF", r.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
-  }
-  function w() {
-    if (o)
-      return o.unHighlight();
-    r.style.border = "0.5px solid rgba(255,255,255,0.6)", r.style.background = "rgba(195,195,195,0.70)";
-  }
-  function H(i) {
-    if (s.mesh.visible === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const f = i.getElement();
-    if (!f)
-      return;
-    const u = f.clientWidth, c = f.clientHeight, g = u / 2, a = c / 2;
-    if (s.points.length < 2)
-      return;
-    const [h, d] = s.points, l = h.position.clone().project(i.camera), y = d.position.clone().project(i.camera), p = l.clone().lerp(y, 0.5), m = new D(l.x * g, l.y * a), b = new D(y.x * g, y.y * a), k = m.distanceTo(b);
-    if ((() => !(Math.abs(l.z) > 1 || Math.abs(y.z) > 1 || !x(l) && !x(y) || !x(p) || k === 0))() === !1) {
-      n.style.opacity = "0", n.style.pointerEvents = "none";
-      return;
-    }
-    const L = (p.x + 1) / 2 * u, M = -(p.y - 1) / 2 * c, W = -(Math.atan((m.y - b.y) / (m.x - b.x)) * 180) / Math.PI, $ = n.parentElement && r.clientWidth > k ? -20 : 0;
-    n.style.transform = `translate(${L}px, ${M}px) rotate(${W}deg) translateY(${$}px)`, n.style.opacity = "1", n.style.pointerEvents = e ? "all" : "none", o && o.update({ line: s, polyline: s.getPolyline() });
-    const z = P();
-    r.innerText = z;
-  }
-  function I(i) {
-    i.appendChild(n), n.addEventListener("click", v);
-  }
-  function T() {
-    r.removeEventListener("click", v), n.remove();
-  }
-  function P() {
-    var h, d, l;
-    if (s.points.length < 2)
-      return "";
-    const [i, f] = s.points, u = i.position.clone().distanceTo(f.position), c = (h = t.line.text) != null ? h : t.line.model.config.defaultText, g = (l = (d = t.line.model.config) == null ? void 0 : d.getDistanceText) == null ? void 0 : l.call(d, u), a = c != null ? c : g;
-    return a != null ? a : u.toFixed(2) + "m";
-  }
-  function A(i) {
-    e = i;
-  }
-  return E;
-}
-export {
-  q as createDistanceItem
-};

package/libs/shared-utils/three/FivePointSelector.d.ts

@@ -1,36 +0,0 @@
-import * as THREE from 'three';
-import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-interface FivePointSelectorOptions {
-    magnifier: Magnifier | null;
-    pointHelper: PointHelper | null;
-    pointDomHelper: PointDomHelper | null;
-}
-export declare class FivePointSelector {
-    five: Five;
-    hooks: Subscribe<{
-        /** 点的位置发生变化 */
-        pointChanged: (data: {
-            panoIndex: number;
-            position: number[];
-            normal: number[];
-        }) => void;
-        /** 功能开启 */
-        enabled: () => void;
-        /** 功能关闭 */
-        disabled: () => void;
-    }>;
-    private magnifier;
-    private pointHelper;
-    private pointDomHelper;
-    private contentDom;
-    private state;
-    private group;
-    constructor(five: Five, options?: Partial<FivePointSelectorOptions>);
-    enable(): void;
-    disable(): void;
-    dispose(): void;
-    updateWithIntersect(intersect: THREE.Intersection): void;
-}
-export {};

package/libs/shared-utils/three/FivePointSelector.js

@@ -1,49 +0,0 @@
-var l = Object.defineProperty;
-var h = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (h(n, typeof t != "symbol" ? t + "" : t, e), e);
-import * as a from "three";
-import { Subscribe as p } from "@realsee/five";
-import { Magnifier as m } from "./Magnifier.js";
-import { PointHelper as d } from "./PointHelper.js";
-import { PointDomHelper as f } from "./PointDomHelper.js";
-class D {
-  constructor(t, e) {
-    i(this, "five");
-    i(this, "hooks", new p());
-    i(this, "magnifier", null);
-    i(this, "pointHelper", null);
-    i(this, "pointDomHelper", null);
-    i(this, "contentDom", document.createElement("div"));
-    i(this, "state", { enabled: !1 });
-    i(this, "group", new a.Group());
-    this.five = t, this.magnifier = (e == null ? void 0 : e.magnifier) === void 0 ? new m(t, { dragEnabled: !0 }) : null, this.pointHelper = (e == null ? void 0 : e.pointHelper) === void 0 ? new d() : null, this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) === void 0 ? new f(t) : null, this.group.name = "five-point-selector", this.five.scene.add(this.group), this.contentDom.classList.add("five-point-selector-content"), this.contentDom.style.position = "absolute", this.contentDom.style.top = "0", this.contentDom.style.left = "0", this.contentDom.style.width = "100%", this.contentDom.style.height = "100%", this.contentDom.style.pointerEvents = "none";
-  }
-  enable() {
-    var t, e;
-    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (t = this.magnifier) == null || t.enable(), (e = this.pointDomHelper) == null || e.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
-  }
-  disable() {
-    var t, e;
-    this.state.enabled && (this.state.enabled = !1, this.pointHelper && this.group.remove(this.pointHelper), (t = this.magnifier) == null || t.disable(), (e = this.pointDomHelper) == null || e.disable(), this.hooks.emit("disabled"));
-  }
-  dispose() {
-    this.hooks.off(), this.disable(), this.magnifier = null, this.pointHelper = null, this.pointDomHelper = null;
-  }
-  updateWithIntersect(t) {
-    var s;
-    this.hooks.emit("pointChanged", {
-      panoIndex: this.five.getCurrentState().panoIndex,
-      position: t.point.toArray(),
-      normal: (s = t.face) == null ? void 0 : s.normal.toArray()
-    });
-    const e = this.magnifier;
-    e && e.renderWithPoint(t.point);
-    const o = this.pointHelper;
-    o && o.updateWithIntersect(t);
-    const r = this.pointDomHelper;
-    r && r.updateWithIntersect(t), this.five.needsRender = !0;
-  }
-}
-export {
-  D as FivePointSelector
-};