@realsee/dnalogel 3.64.23 → 3.64.24

package/libs/shared-utils/tag.js

@@ -35,6 +35,7 @@ import "./three/core/Five_LineMaterial2.js";
 import "./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 "./five/FivePuppet.js";
 const R = new C.Vector2();
 class M {
@@ -243,10 +244,10 @@ class M {
     }
   }
 }
-function K(...p) {
+function N(...p) {
   return new M(...p);
 }
 export {
   M as LightTag,
-  K as tag
+  N as tag
 };

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

@@ -0,0 +1,22 @@
+import * as THREE from 'three';
+import type { Intersection } from '../../typings/typings';
+export interface LegacyMouseGroupParameter {
+    isMobile?: boolean;
+    useNormalVector?: boolean;
+    ballColor?: number;
+}
+declare function createPlaneMesh(): THREE.Mesh<THREE.PlaneGeometry, THREE.MeshBasicMaterial>;
+declare function createLineMesh(): THREE.Mesh<THREE.TubeGeometry, THREE.ShaderMaterial>;
+declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+type PlanMesh = ReturnType<typeof createPlaneMesh>;
+type LineMesh = ReturnType<typeof createLineMesh>;
+type BallMesh = ReturnType<typeof createBallMesh>;
+export declare class LegacyPointHelper extends THREE.Object3D {
+    planeMesh: PlanMesh;
+    lineMesh: LineMesh;
+    ballMesh: BallMesh;
+    constructor();
+    updateWithIntersect(intersect: Intersection): void;
+    dispose(): void;
+}
+export {};

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

@@ -0,0 +1,73 @@
+var r = Object.defineProperty;
+var i = (a, n, e) => n in a ? r(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
+var o = (a, n, e) => (i(a, typeof n != "symbol" ? n + "" : n, e), e);
+import * as t from "three";
+import { POINT_HELPER_TEXTURE_URL as l } from "./Assets/index.js";
+const c = `
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  vec4 mvPosition = modelViewMatrix * vec4(position, 1);
+  gl_Position = projectionMatrix * mvPosition;
+}
+`, h = `
+varying vec2 vUv;
+void main() {
+  vec2 uv = vec2(vUv.x, vUv.y);
+  float a = 1.0;
+  float match = 1.0 - uv.x;
+  gl_FragColor = vec4(1.0,1.0,1.0,match);
+}
+`;
+function p() {
+  const a = new t.PlaneGeometry(0.4, 0.4), n = l, e = new t.TextureLoader().load(n);
+  e.encoding = t.sRGBEncoding, e.minFilter = t.LinearFilter;
+  const s = new t.MeshBasicMaterial({
+    map: e,
+    transparent: !0,
+    depthTest: !1
+  });
+  return new t.Mesh(a, s);
+}
+function M() {
+  const a = new t.CurvePath();
+  a.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
+  const n = new t.TubeGeometry(a, 8, 3e-3), e = new t.ShaderMaterial({
+    vertexShader: c,
+    fragmentShader: h,
+    depthTest: !1,
+    transparent: !0
+  });
+  return new t.Mesh(n, e);
+}
+function v() {
+  const a = new t.SphereGeometry(0.01, 20, 20), n = new t.MeshBasicMaterial({
+    color: 10349931,
+    depthTest: !1,
+    transparent: !0,
+    side: t.DoubleSide
+  }), e = new t.Mesh(a, n);
+  return e.position.set(0, 0, 0.1), e;
+}
+class w extends t.Object3D {
+  constructor() {
+    super();
+    o(this, "planeMesh");
+    o(this, "lineMesh");
+    o(this, "ballMesh");
+    this.planeMesh = p(), this.lineMesh = M(), this.ballMesh = v(), this.add(this.planeMesh, this.lineMesh, this.ballMesh);
+  }
+  updateWithIntersect(e) {
+    if (!e.face)
+      return;
+    const s = new t.Vector3().addVectors(e.point, e.face.normal);
+    this.position.copy(e.point), this.lookAt(s);
+  }
+  dispose() {
+    var e;
+    (e = this.planeMesh.material.map) == null || e.dispose();
+  }
+}
+export {
+  w as LegacyPointHelper
+};

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

@@ -0,0 +1,18 @@
+import type { Five } from '@realsee/five';
+import type { Intersection } from '../../typings/typings';
+export declare class PointDomHelper {
+    private five;
+    private contentElement;
+    private animeIns?;
+    private container?;
+    private css3DObject?;
+    private disposeCss3DObject?;
+    private state;
+    constructor(five: Five);
+    enable(): void;
+    disable(): void;
+    updateWithIntersect(intersect: Intersection): void;
+    /** 缩放动画 */
+    doAnimation(): void;
+    dispose(): void;
+}

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

@@ -0,0 +1,69 @@
+var p = Object.defineProperty;
+var d = (o, t, e) => t in o ? p(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => (d(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as c from "three";
+import { Easing as l } from "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../tag.js";
+import "../../vendor/hammerjs/hammer.js";
+import "./PointSelector/index.js";
+import "./CSS3DRenderer/index.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
+import "./core/Five_LineMaterial2.js";
+import "./core/Sphere.js";
+import "../../vendor/animejs/lib/anime.es.js";
+import { rangePieceImg as h } from "../../PanoMeasurePlugin/Modules/rangePiece/html.js";
+import { CSS3DRenderPlugin as b } from "../../CSS3DRenderPlugin/index.js";
+import { BetterTween as u } from "../animationFrame/BetterTween.js";
+import "../five/FivePuppet.js";
+class V {
+  constructor(t) {
+    n(this, "five");
+    n(this, "contentElement", document.createElement("div"));
+    n(this, "animeIns");
+    n(this, "container");
+    n(this, "css3DObject");
+    n(this, "disposeCss3DObject");
+    n(this, "state", { enabled: !1 });
+    this.five = t;
+    const s = 0.4 / 2, r = b(t).create3DDomContainer(
+      [
+        [-s, s, 0],
+        [-s, -s, 0],
+        [s, -s, 0],
+        [s, s, 0]
+      ].map((i) => new c.Vector3().fromArray(i))
+    );
+    if (r) {
+      const { container: i, dispose: a, css3DObject: m } = r;
+      this.container = i, this.css3DObject = m, this.disposeCss3DObject = a;
+    }
+    this.contentElement.style.width = "100%", this.contentElement.style.height = "100%", this.contentElement.style.backgroundImage = `url(${h})`, this.contentElement.style.backgroundSize = "100%", this.contentElement.style.backgroundRepeat = "no-repeat";
+  }
+  enable() {
+    var t;
+    this.state.enabled || (this.state.enabled = !0, (t = this.container) == null || t.appendChild(this.contentElement));
+  }
+  disable() {
+    this.state.enabled && (this.state.enabled = !1, this.contentElement.remove());
+  }
+  updateWithIntersect(t) {
+    if (!t.face || !this.css3DObject)
+      return;
+    const e = new c.Vector3().addVectors(t.point, t.face.normal);
+    this.css3DObject.position.copy(t.point), this.css3DObject.lookAt(e), this.five.needsRender = !0;
+  }
+  /** 缩放动画 */
+  doAnimation() {
+    var t;
+    (t = this.animeIns) == null || t.dispose(), new u({ progress: 0 }).to({ progress: [1, 0] }).duration(500).easing(l.Quadratic.InOut).onUpdate(({ progress: e }) => {
+    }).play();
+  }
+  dispose() {
+    var t;
+    (t = this.disposeCss3DObject) == null || t.call(this);
+  }
+}
+export {
+  V as PointDomHelper
+};

package/libs/shared-utils/three/PointSelector/utils/PointSelectorHelper.js

@@ -4,15 +4,21 @@ var t = (a, i, e) => (m(a, typeof i != "symbol" ? i + "" : i, e), e);
 import * as p from "three";
 import { Magnifier as u } from "../../Magnifier.js";
 import "../index.js";
-import { PointHelper as b } from "./PointHelper.js";
-import { Subscribe as g } from "../../../Subscribe.js";
-import { PointHelper2 as o } from "./PointHelper2.js";
+import { PointHelper as o } from "./PointHelper.js";
+import { Subscribe as b } from "../../../Subscribe.js";
+import { PointHelper2 as g } from "./PointHelper2.js";
 import "../../core/Sphere.js";
 import "../../../../vendor/animejs/lib/anime.es.js";
-class R {
+import "../../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../tag.js";
+import "../../CSS3DRenderer/index.js";
+import "../../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../five/FivePuppet.js";
+import "../../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+class T {
   constructor(i, e) {
     t(this, "five");
-    t(this, "hooks", new g());
+    t(this, "hooks", new b());
     t(this, "position", null);
     t(this, "magnifier", null);
     t(this, "pointHelper", null);
@@ -42,7 +48,7 @@ class R {
     var s, n, l, h, f;
     this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new u(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 });
     let r;
-    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new b(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new o(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (f = this.magnifier) == null || f.appendTo((h = (l = e.container) != null ? l : (n = i.getElement()) == null ? void 0 : n.parentElement) != null ? h : document.body);
+    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new o(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new g(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (f = this.magnifier) == null || f.appendTo((h = (l = e.container) != null ? l : (n = i.getElement()) == null ? void 0 : n.parentElement) != null ? h : document.body);
   }
   enable() {
     var i;
@@ -57,5 +63,5 @@ class R {
   }
 }
 export {
-  R as PointSelectorHelper
+  T as PointSelectorHelper
 };

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

@@ -0,0 +1,21 @@
+import * as THREE from 'three';
+import type { Five } from '@realsee/five';
+export declare function getIntersectFromRelativePosition(five: Five, position: {
+    x: number;
+    y: number;
+}): {
+    raycaster: THREE.Raycaster;
+    isVirtual: boolean;
+    floor: number;
+    model?: import("@realsee/five").Model;
+    viewLayer?: import("@realsee/five").ModelViewLayer;
+    distance: number;
+    distanceToRay?: number;
+    point: THREE.Vector3;
+    index?: number;
+    face?: THREE.Face3;
+    faceIndex?: number;
+    object: THREE.Object3D;
+    uv?: THREE.Vector2;
+    instanceId?: number;
+};

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

@@ -0,0 +1,24 @@
+var p = Object.defineProperty, R = Object.defineProperties;
+var u = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var n = (e, t, s) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, a = (e, t) => {
+  for (var s in t || (t = {}))
+    x.call(t, s) && n(e, s, t[s]);
+  if (c)
+    for (var s of c(t))
+      F.call(t, s) && n(e, s, t[s]);
+  return e;
+}, i = (e, t) => R(e, u(t));
+import * as d from "three";
+import { getFiveModel as g } from "../five/getFiveModel.js";
+function C(e, t) {
+  const s = g(e), { x: m, y: l } = t, f = m * 2 - 1, y = l * 2 - 1, r = new d.Raycaster();
+  r.setFromCamera({ x: f, y }, e.camera);
+  const o = s.intersectRaycaster(r)[0];
+  if (o)
+    return i(a({}, o), { raycaster: r, isVirtual: !1 });
+}
+export {
+  C as getIntersectFromRelativePosition
+};

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

@@ -0,0 +1,6 @@
+import * as THREE from 'three';
+import type { Five } from '@realsee/five';
+export declare function getRaycasterFromFivePointer(five: Five, pointer: {
+    x: number;
+    y: number;
+}): THREE.Raycaster;

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

@@ -0,0 +1,12 @@
+import * as n from "three";
+import { getCoordsFromElement as a } from "./getCoords.js";
+function c(e, o) {
+  const r = e.getElement();
+  if (!r)
+    return;
+  const m = a(o, r), t = new n.Raycaster();
+  return t.setFromCamera(m, e.camera), t;
+}
+export {
+  c as getRaycasterFromFivePointer
+};

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

@@ -7,3 +7,7 @@ export * from './core/Object3D';
 export * from './core/LineSegments';
 export * from './boundingBox';
 export * from './blink';
+export * from './getIntersect';
+export * from './getRaycaster';
+export * from './PointDomHelper';
+export * from './LegacyPointHelper';

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

@@ -9,4 +9,5 @@ import "./core/Five_LineMaterial2.js";
 import "./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 "../five/FivePuppet.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.64.23",
+  "version": "3.64.24",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",