@realsee/dnalogel 3.47.3 → 3.47.5

package/libs/floorplan/TopviewFloorplanPlugin/index.js

@@ -40,38 +40,44 @@ import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../Sculpt/Meshes/Line.js";
+import "../../Sculpt/typings/style.js";
+import "../../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
+import "../../shared-utils/positionToVector3.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../shared-utils/three/THREESphere.js";
+import "animejs";
+import "../../shared-utils/isNil.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../shared-utils/tag.js";
+import "../../shared-utils/five/vector3ToScreen.js";
+import "../../shared-utils/five/getFiveModel.js";
+import "../../shared-utils/three/raycaster.js";
 import "../../Sculpt/utils/Modules/Global.js";
 import "../../Sculpt/utils/Modules/Cursor.js";
 import "../../Object3DHelperPlugin/Controller.js";
-import "../../shared-utils/three/THREESphere.js";
 import "../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import "../../shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
-import "../../shared-utils/three/IObject3D.js";
 import "../../shared-utils/three/boundingBox.js";
 import "../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
 import "../../shared-utils/Object3DHelper/utils/direction.js";
 import "../../shared-utils/Object3DHelper/Constants/color.js";
 import "../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "../../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
-import "animejs";
-import "../../shared-utils/isNil.js";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/Utils/FiveUtil.js";
 import "../../shared-utils/Utils/BaseUtil.js";
 import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/five/transformPosition.js";
-import "../../shared-utils/five/getFiveModel.js";
 import "../../shared-utils/url/absoluteUrl.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -112,23 +118,19 @@ import "../../shared-utils/three/Assets/index.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/five/initialCSS3DRender.js";
 import "../../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../../Sculpt/Meshes/Line.js";
-import "../../Sculpt/typings/style.js";
-import "../../shared-utils/five/FiveLine.js";
-import "../../shared-utils/tag.js";
-import "../../shared-utils/five/vector3ToScreen.js";
-import "../../Sculpt/utils/removeAllTag.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 "../../Sculpt/utils/removeAllTag.js";
+import "../../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../../shared-utils/five/changeMode.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/to.js";
 import "../../shared-utils/getPxmm.js";
 import "../../shared-utils/changeModelCanvasOpacity.js";
-const jr = (o, r) => new t(o, r);
+const qr = (o, r) => new t(o, r);
 export {
-  jr as TopviewFloorplanPlugin,
-  jr as default
+  qr as TopviewFloorplanPlugin,
+  qr as default
 };

package/libs/floorplan/index.js

@@ -2,8 +2,7 @@ import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
 import "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "@realsee/five/line";
-import "../Sculpt/utils/Modules/Global.js";
+import "../Sculpt/Meshes/Line.js";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";

package/libs/index.js

@@ -70,13 +70,25 @@ import "./CSS3DRenderPlugin/Controller.js";
 import "./CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "./Sculpt/Meshes/Line.js";
+import "./Sculpt/typings/style.js";
+import "./shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
+import "./shared-utils/positionToVector3.js";
+import "./shared-utils/three/IObject3D.js";
+import "./shared-utils/three/centerPoint.js";
+import "./shared-utils/three/THREESphere.js";
+import "animejs";
+import "./shared-utils/isNil.js";
+import "./shared-utils/tag.js";
+import "./shared-utils/five/vector3ToScreen.js";
+import "./shared-utils/five/getFiveModel.js";
+import "./shared-utils/three/raycaster.js";
 import "./Sculpt/utils/Modules/Global.js";
 import "./Sculpt/utils/Modules/Cursor.js";
 import "./shared-utils/five/FiveDomEvents.js";
 import "./shared-utils/three/getObjectVisible.js";
 import "./shared-utils/five/calculateThreeMouse.js";
-import "./shared-utils/five/getFiveModel.js";
 import "./shared-utils/three/THREERaycaster.js";
 import "./shared-utils/three/PointSelector/index.js";
 import "./shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
@@ -86,10 +98,6 @@ import "./CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "./CSS3DRenderPlugin/utils/even.js";
 import "./shared-utils/Subscribe.js";
 import "./CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "./shared-utils/three/centerPoint.js";
-import "./shared-utils/three/THREESphere.js";
-import "animejs";
-import "./shared-utils/isNil.js";
 import "./base/BasePlugin.js";
 import "./shared-utils/Utils/FiveUtil.js";
 import "./shared-utils/Utils/BaseUtil.js";
@@ -99,13 +107,11 @@ import "./shared-utils/url/absoluteUrl.js";
 import "./shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import "./shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "./shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
-import "./shared-utils/three/IObject3D.js";
 import "./shared-utils/three/boundingBox.js";
 import "./shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
 import "./shared-utils/Object3DHelper/utils/direction.js";
 import "./shared-utils/Object3DHelper/Constants/color.js";
 import "./shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
-import "./shared-utils/positionToVector3.js";
 import "./CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "./CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
 import "./CSS3DRenderPlugin/utils/createResizeObserver.js";
@@ -140,16 +146,12 @@ import "./shared-utils/five/fiveModelLoad.js";
 import "./shared-utils/three/PointSelector/utils/html.js";
 import "./shared-utils/five/initialCSS3DRender.js";
 import "./shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "./Sculpt/Meshes/Line.js";
-import "./Sculpt/typings/style.js";
-import "./shared-utils/five/FiveLine.js";
-import "./shared-utils/tag.js";
-import "./shared-utils/five/vector3ToScreen.js";
-import "./Sculpt/utils/removeAllTag.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 "./Sculpt/utils/removeAllTag.js";
+import "./Sculpt/utils/Meshes/getLengthHTML.js";
 import "./shared-utils/createLine/index.js";
 import "./ModelRoomLabelPlugin/Controller.js";
 import "./ModelRoomLabelPlugin/RoomLabelItems.js";
@@ -501,8 +503,6 @@ import "./shared-utils/math/convexHull.js";
 import "./shared-utils/math/inside.js";
 import "./shared-utils/five/index.js";
 import "./shared-utils/three/getCoords.js";
-import "./shared-utils/three/getRaycaster.js";
-import "./shared-utils/three/getIntersect.js";
 import "./shared-utils/five/lookObject.js";
 r();
 o();

package/libs/shared-utils/Object3DHelper/utils/getMouseRaycaster.js

@@ -1,13 +1,13 @@
-import * as s from "three";
-import { calculateThreeMouse as c } from "./calculateThreeMouse.js";
-function u(t, e, a) {
-  if (!e || !a || !t)
+import * as o from "three";
+import { calculateThreeMouse as n } from "./calculateThreeMouse.js";
+function u(a, e, s) {
+  if (!e || !s || !a)
     return;
-  const r = c(e, a);
+  const r = n(e, s);
   if (Math.abs(r.x) === 1 || Math.abs(r.y) === 1)
     return;
-  const o = new s.Raycaster();
-  return o.setFromCamera(r, t), o;
+  const t = new o.Raycaster();
+  return t.setFromCamera(r, a), t.params.Points.threshold = 0.1, t;
 }
 export {
   u as getMouseRaycaster

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

@@ -2,13 +2,12 @@ import "three";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "@realsee/five/line";
-import "../../Sculpt/utils/Modules/Global.js";
+import "../../Sculpt/Meshes/Line.js";
 import "../three/THREESphere.js";
 import "animejs";
-function f(e) {
+function d(e) {
   return e.model ? e.work ? e.model.loaded ? e.model.name !== e.work.model.file ? { result: !1, msg: "five.model.name 与 five.work.model.file 不一致" } : { result: !0, msg: "" } : { result: !1, msg: "five.model 未加载完成" } : { result: !1, msg: "five 数据未加载" } : { result: !1, msg: "five.model 不存在" };
 }
 export {
-  f as checkFiveModelLoaded
+  d as checkFiveModelLoaded
 };

package/libs/shared-utils/five/lookObject.js

@@ -32,11 +32,10 @@ import { vectorToCoordinates as N } from "../vectorToCoordinate.js";
 import { FiveUtil as O } from "../Utils/FiveUtil.js";
 import { notNil as Y } from "../isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "@realsee/five/line";
-import "../../Sculpt/utils/Modules/Global.js";
+import "../../Sculpt/Meshes/Line.js";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "animejs";
-function tt(e, o, t) {
+function $(e, o, t) {
   return g(this, null, function* () {
     var P, x, z;
     if (!o)
@@ -79,5 +78,5 @@ function tt(e, o, t) {
   });
 }
 export {
-  tt as lookObject
+  $ as lookObject
 };

package/libs/shared-utils/five/vector3ToScreen.d.ts

@@ -1,5 +1,5 @@
-import type * as THREE from 'three';
-export default function vector3ToScreen(camera: THREE.Camera, vector3: THREE.Vector3): {
-    leftPercent: number;
-    topPercent: number;
+import * as THREE from 'three';
+export default function vector3ToScreen(camera: THREE.Camera, vector3: THREE.Vector3, rendererSize: THREE.Vector2): {
+    leftPx: number;
+    topPx: number;
 };

package/libs/shared-utils/five/vector3ToScreen.js

@@ -1,7 +1,12 @@
-function i(e, n) {
-  const { x: t, y: o, z: r } = n.clone().project(e);
-  return r > 1 ? void 0 : { leftPercent: (t + 1) / 2 * 100, topPercent: (-o + 1) / 2 * 100 };
+import * as s from "three";
+new s.Vector2();
+function x(t, n, o) {
+  const { x: e, y: c, z: r } = n.clone().project(t);
+  return r > 1 ? void 0 : {
+    leftPx: (e + 1) / 2 * o.x,
+    topPx: (-c + 1) / 2 * o.y
+  };
 }
 export {
-  i as vector3ToScreen
+  x as vector3ToScreen
 };

package/libs/shared-utils/index.js

@@ -4,69 +4,65 @@ import { convexHull as t } from "./math/convexHull.js";
 import { inside as o } from "./math/inside.js";
 import { checkFiveModelLoaded as i } from "./five/index.js";
 import { Magnifier as m } from "./three/Magnifier.js";
-import { getCoordsFromClient as n, getCoordsFromElement as p } from "./three/getCoords.js";
-import { getRaycasterFromFivePointer as l } from "./three/getRaycaster.js";
-import { getIntersectFromRelativePosition as f } from "./three/getIntersect.js";
-import { PointHelper as a } from "./three/PointSelector/utils/PointHelper.js";
-import { PointSelectorHelper as d } from "./three/PointSelector/utils/PointSelectorHelper.js";
-import { Object3D as g } from "./three/core/Object3D.js";
-import { LineSegments as s } from "./three/objects/LineSegments.js";
-import { bounding as u, boundingBox as b, boundingSphere as c, boxVertex as x, boxVertexes as F, worldBounding as P, worldBoundingBox as k, worldBoundingSphere as v } from "./three/boundingBox.js";
-import { animeMap as w, blink as B, reblink as S } from "./three/blink.js";
-import { isNil as L, notNil as M } from "./isNil.js";
-import { uuid as j } from "./uuid.js";
-import { absoluteUrl as y, isAbsoluteURL as I } from "./url/absoluteUrl.js";
-import { awaitNextFrame as O, getFrameTime as R, nextFrame as _, requestAnimationFrameInterval as h } from "./animationFrame/index.js";
+import { getCoordsFromClient as n, getCoordsFromElement as l } from "./three/getCoords.js";
+import { PointHelper as p } from "./three/PointSelector/utils/PointHelper.js";
+import { PointSelectorHelper as f } from "./three/PointSelector/utils/PointSelectorHelper.js";
+import { Object3D as a } from "./three/core/Object3D.js";
+import { LineSegments as d } from "./three/objects/LineSegments.js";
+import { bounding as g, boundingBox as u, boundingSphere as s, boxVertex as b, boxVertexes as x, worldBounding as c, worldBoundingBox as k, worldBoundingSphere as F } from "./three/boundingBox.js";
+import { animeMap as P, blink as w, reblink as B } from "./three/blink.js";
+import { isNil as S, notNil as v } from "./isNil.js";
+import { uuid as L } from "./uuid.js";
+import { absoluteUrl as M, isAbsoluteURL as j } from "./url/absoluteUrl.js";
+import { awaitNextFrame as O, getFrameTime as _, nextFrame as h, requestAnimationFrameInterval as y } from "./animationFrame/index.js";
 import { equal as C } from "./equal.js";
-import { isModelLike as H, isPanoramaLike as N } from "./five/mode.js";
-import { lookObject as T } from "./five/lookObject.js";
-import { lookPoint as q } from "./five/lookPoint.js";
-import { BetterTween as A, tweenProgress as U } from "./animationFrame/BetterTween.js";
-const go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { isModelLike as H, isPanoramaLike as I } from "./five/mode.js";
+import { lookObject as N } from "./five/lookObject.js";
+import { lookPoint as T } from "./five/lookPoint.js";
+import { BetterTween as q, tweenProgress as A } from "./animationFrame/BetterTween.js";
+const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: A,
+  BetterTween: q,
   Interval: r,
-  LineSegments: s,
+  LineSegments: d,
   Magnifier: m,
-  Object3D: g,
-  PointHelper: a,
-  PointSelectorHelper: d,
+  Object3D: a,
+  PointHelper: p,
+  PointSelectorHelper: f,
   Rectangle: e,
-  absoluteUrl: y,
-  animeMap: w,
+  absoluteUrl: M,
+  animeMap: P,
   awaitNextFrame: O,
-  blink: B,
-  bounding: u,
-  boundingBox: b,
-  boundingSphere: c,
-  boxVertex: x,
-  boxVertexes: F,
+  blink: w,
+  bounding: g,
+  boundingBox: u,
+  boundingSphere: s,
+  boxVertex: b,
+  boxVertexes: x,
   checkFiveModelLoaded: i,
   convexHull: t,
   equal: C,
   getCoordsFromClient: n,
-  getCoordsFromElement: p,
-  getFrameTime: R,
-  getIntersectFromRelativePosition: f,
-  getRaycasterFromFivePointer: l,
+  getCoordsFromElement: l,
+  getFrameTime: _,
   inside: o,
-  isAbsoluteURL: I,
+  isAbsoluteURL: j,
   isModelLike: H,
-  isNil: L,
-  isPanoramaLike: N,
-  lookObject: T,
-  lookPoint: q,
-  nextFrame: _,
-  notNil: M,
+  isNil: S,
+  isPanoramaLike: I,
+  lookObject: N,
+  lookPoint: T,
+  nextFrame: h,
+  notNil: v,
   pointInPolygon: o,
-  reblink: S,
-  requestAnimationFrameInterval: h,
-  tweenProgress: U,
-  uuid: j,
-  worldBounding: P,
+  reblink: B,
+  requestAnimationFrameInterval: y,
+  tweenProgress: A,
+  uuid: L,
+  worldBounding: c,
   worldBoundingBox: k,
-  worldBoundingSphere: v
+  worldBoundingSphere: F
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  go as index
+  lo as index
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.47.3",
+    "%c %c@realsee/dnalogel %cv3.47.5",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/tag.d.ts

@@ -16,9 +16,7 @@ export declare class LightTag {
         wrapper?: HTMLElement;
     });
     show(): void;
-    hide(params?: {
-        withAnimation?: boolean;
-    }): void;
+    hide(): void;
     enable(): void;
     disable(): void;
     destroy(): void;

package/libs/shared-utils/tag.js

@@ -1,12 +1,13 @@
-var c = Object.defineProperty;
-var p = (n, t, e) => t in n ? c(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (p(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { anyPositionToVector3 as d } from "./positionToVector3.js";
-import * as f from "three";
-import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
-import { getFiveModel as m } from "./five/getFiveModel.js";
-const l = "LightTagContainer_shgjakdhwakjdhsja";
-class v {
+var l = Object.defineProperty;
+var d = (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) => (d(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as f } from "./positionToVector3.js";
+import * as m from "three";
+import { vector3ToScreen as v } from "./five/vector3ToScreen.js";
+import { getFiveModel as y } from "./five/getFiveModel.js";
+import { _raycaster as c } from "./three/raycaster.js";
+const p = "LightTagContainer_shgjakdhwakjdhsja", u = new m.Vector2();
+class g {
   constructor(t, e, s) {
     i(this, "container");
     i(this, "visible", !1);
@@ -24,31 +25,30 @@ class v {
     i(this, "onFiveEveryReady", () => {
       var t;
       if (this.visible && this.five.state.mode !== "Panorama") {
-        const e = new f.Raycaster();
-        e.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
-        const s = (t = m(this.five).intersectRaycaster(e)) == null ? void 0 : t[0];
-        (s == null ? void 0 : s.distance) > this.transformedPosition.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
+        c.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
+        const s = (t = y(this.five).intersectRaycaster(c)) == null ? void 0 : t[0];
+        (s == null ? void 0 : s.distance) + 0.01 > this.transformedPosition.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
-    var a;
-    this.five = t, this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (a = this.originPosition) == null ? void 0 : a.clone(), this.container = (() => {
+    var o;
+    this.five = t, this.originPosition = e ? f(e).clone() : void 0, this.transformedPosition = (o = this.originPosition) == null ? void 0 : o.clone(), this.container = (() => {
       const r = document.createElement("div");
-      return r.style.width = "0", r.style.height = "0", r.style.position = "absolute", r;
+      return r.style.width = "0", r.style.height = "0", r.style.position = "absolute", r.style.transition = "opacity 0.2s linear", r;
     })(), this.config = s != null ? s : {}, this.enable(), this.show();
   }
   show() {
-    this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
+    this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.onCameraUpdate();
   }
-  hide(t) {
-    this.visible = !1, t != null && t.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
+  hide() {
+    this.visible = !1, this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var s, a, r, h;
+    var s, o, r, h;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (r = (a = this.config.wrapper) != null ? a : (s = this.five.getElement()) == null ? void 0 : s.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (h = document.getElementById(l)) != null ? h : (() => {
-      const o = document.createElement("div");
-      return o.id = l, o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%", o.style.pointerEvents = "none", o;
+    this.enabled = !0, this.wrapper = (r = (o = this.config.wrapper) != null ? o : (s = this.five.getElement()) == null ? void 0 : s.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (h = document.getElementById(p)) != null ? h : (() => {
+      const a = document.createElement("div");
+      return a.id = p, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
     })(), this.wrapper.contains(this.tagWrapper) || this.wrapper.appendChild(this.tagWrapper)), this.tagWrapper.appendChild(this.container);
     let t = !1;
     const e = () => {
@@ -79,14 +79,22 @@ class v {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const t = y(this.five.camera, this.transformedPosition);
-    t ? (this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
+    const t = v(this.five.camera, this.transformedPosition, this.five.renderer.getSize(u));
+    if (!t) {
+      this.container.style.left = "-100%", this.container.style.top = "-100%";
+      return;
+    }
+    const e = (() => {
+      const s = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), o = this.transformedPosition.distanceTo(this.five.camera.position);
+      return Math.max(Math.min(1 - s * o / 40, 1), 0.5);
+    })();
+    this.container.style.left = t.leftPx + "px", this.container.style.top = t.topPx + "px", this.container.style.transform = `scale(${e})`;
   }
 }
-function w(n, t, e) {
-  return new v(n, t, e);
+function T(n, t, e) {
+  return new g(n, t, e);
 }
 export {
-  v as LightTag,
-  w as tag
+  g as LightTag,
+  T as tag
 };

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

@@ -40,6 +40,7 @@ export declare class Magnifier {
     private hammer?;
     private offsetRange?;
     private isPanning;
+    private imageData;
     constructor(five: Five, options: MagnifierParameter);
     enable(): this;
     disable(): this;

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

@@ -1,15 +1,15 @@
-var p = Object.defineProperty;
-var b = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => (b(r, typeof t != "symbol" ? t + "" : t, e), e);
-import C from "hammerjs";
+var P = Object.defineProperty;
+var p = (r, t, e) => t in r ? P(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (p(r, typeof t != "symbol" ? t + "" : t, e), e);
+import b from "hammerjs";
 import * as l from "three";
-import { Subscribe as R } from "../Subscribe.js";
-class Y {
+import { Subscribe as C } from "../Subscribe.js";
+class E {
   constructor(t, e) {
     n(this, "width");
     n(this, "height");
     n(this, "containerDom");
-    n(this, "hooks", new R());
+    n(this, "hooks", new C());
     n(this, "canvas", document.createElement("canvas"));
     n(this, "config");
     n(this, "state", { enabled: !1 });
@@ -21,6 +21,7 @@ class Y {
     n(this, "hammer");
     n(this, "offsetRange");
     n(this, "isPanning", !1);
+    n(this, "imageData", new ImageData(1, 1));
     n(this, "onPanstart", () => {
       this.isPanning = !0, this.canvas.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)";
     });
@@ -49,7 +50,7 @@ class Y {
     const i = this.canvas.getContext("2d");
     if (!i)
       throw new Error("CANNOT CREATE CONTEXT2D");
-    this.context = i, this.config.dragEnabled && (this.hammer = new C(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
+    this.context = i, this.config.dragEnabled && (this.hammer = new b(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
   }
   enable() {
     if (!this.state.enabled)
@@ -100,12 +101,12 @@ class Y {
       return;
     const { width: t, height: e } = this, { clientWidth: i, clientHeight: s } = this.containerDom, [h, o, a] = (() => {
       if (this.renderCenter instanceof l.Vector3) {
-        const c = this.renderCenter.clone().project(this.five.camera);
+        const f = this.renderCenter.clone().project(this.five.camera);
         return [
           //
-          (c.x + 1) / 2 * i,
-          -(c.x - 1) / 2 * i,
-          -(c.y - 1) / 2 * s
+          (f.x + 1) / 2 * i,
+          -(f.x - 1) / 2 * i,
+          -(f.y - 1) / 2 * s
         ];
       } else
         return [this.renderCenter.x, i - this.renderCenter.x, this.renderCenter.y];
@@ -117,14 +118,12 @@ class Y {
       return;
     const { scale: t, context: e, width: i, height: s } = this, h = this.five.renderer.getSize(new l.Vector2()), [o, a] = (() => {
       if (this.renderCenter instanceof l.Vector3) {
-        const y = this.renderCenter.clone().project(this.five.camera);
-        return [(y.x + 1) / 2 * h.x, (y.y + 1) / 2 * h.y];
+        const v = this.renderCenter.clone().project(this.five.camera);
+        return [(v.x + 1) / 2 * h.x, (v.y + 1) / 2 * h.y];
       } else
         return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), c = 1, f = i / t, x = s / t, P = c * t, g = this.five.getPixels(o - f / 2, a - f / 2, f, x, P), m = Math.floor(i * c), u = Math.floor(s * c);
-    w(g, m, u);
-    const v = new ImageData(m, u);
-    v.data.set(g), e.putImageData(v, 0, 0), this.canvas.style.visibility = "visible";
+    })(), f = 1, c = i / t, g = s / t, y = f * t, u = this.five.getPixels(o - c / 2, a - c / 2, c, g, y), x = Math.floor(i * f), m = Math.floor(s * f);
+    D(u, x, m), (this.imageData.width !== x || this.imageData.height !== m) && (this.imageData = new ImageData(x, m)), this.imageData.data.set(u), e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
   }
   initStyle() {
     const t = this.canvas;
@@ -136,24 +135,24 @@ class Y {
     const {
       min: { x: i, y: s },
       max: { x: h, y: o }
-    } = e, a = this.offset.x + t.deltaX, c = this.offset.y + t.deltaY, f = Math.min(Math.max(a, i), h), x = Math.min(Math.max(c, s), o);
-    return { translateX: f, translateY: x };
+    } = e, a = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, c = Math.min(Math.max(a, i), h), g = Math.min(Math.max(f, s), o);
+    return { translateX: c, translateY: g };
   }
 }
 function d(r, t, e) {
   const i = r[t], s = r[e];
   i === void 0 || s === void 0 || (r[t] = s, r[e] = i);
 }
-function w(r, t, e) {
+function D(r, t, e) {
   const i = e / 2;
   for (let s = 1; s <= i; s++) {
     const h = e - (s - 1);
     for (let o = 1; o <= t; o++) {
-      const a = (s - 1) * t + o - 1, c = (h - 1) * t + o - 1;
-      d(r, a * 4 + 0, c * 4 + 0), d(r, a * 4 + 1, c * 4 + 1), d(r, a * 4 + 2, c * 4 + 2), d(r, a * 4 + 3, c * 4 + 3);
+      const a = (s - 1) * t + o - 1, f = (h - 1) * t + o - 1;
+      d(r, a * 4 + 0, f * 4 + 0), d(r, a * 4 + 1, f * 4 + 1), d(r, a * 4 + 2, f * 4 + 2), d(r, a * 4 + 3, f * 4 + 3);
     }
   }
 }
 export {
-  Y as Magnifier
+  E as Magnifier
 };

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

@@ -1,7 +1,5 @@
 export * from './Magnifier';
 export * from './getCoords';
-export * from './getRaycaster';
-export * from './getIntersect';
 export * from './PointSelector/utils/PointHelper';
 export * from './PointSelector/utils/PointSelectorHelper';
 export * from './core/Object3D';