@realsee/dnalogel 3.20.6 → 3.21.0

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -1,11 +1,12 @@
 var c = Object.defineProperty;
-var f = (r, i, e) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
-var o = (r, i, e) => (f(r, typeof i != "symbol" ? i + "" : i, e), e);
-import a from "./line.js";
-import m from "./point.js";
+var f = (r, i, t) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
+var o = (r, i, t) => (f(r, typeof i != "symbol" ? i + "" : i, t), t);
+import m from "./line.js";
+import a from "./point.js";
 import { uuid as P } from "../../shared-utils/uuid.js";
 import { Subscribe as g } from "@realsee/five";
 import "../utils/line.js";
+import "../../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
 import "three";
@@ -13,7 +14,7 @@ import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/three/centerPoint.js";
-class M {
+class B {
   constructor(i) {
     o(this, "id", P());
     o(this, "lines", []);
@@ -25,8 +26,8 @@ class M {
   }
   get points() {
     const i = /* @__PURE__ */ new Set();
-    return this.lines.forEach((e) => {
-      i.add(e.points[0]), i.add(e.points[1]);
+    return this.lines.forEach((t) => {
+      i.add(t.points[0]), i.add(t.points[1]);
     }), Array.from(i);
   }
   addLine(i) {
@@ -34,8 +35,8 @@ class M {
       console.error(new Error("不能重复添加线段"));
       return;
     }
-    const e = this.getLastPoint(), l = e && i.findAnotherPoint(e);
-    if (e && !l) {
+    const t = this.getLastPoint(), l = t && i.findAnotherPoint(t);
+    if (t && !l) {
       console.error(new Error("传入线段无法与当前折线进行连接"));
       return;
     }
@@ -51,8 +52,8 @@ class M {
     this.lines.pop() && this.hook.emit("lineRemoved", i);
   }
   isLastLine(i) {
-    const e = this.getLastLine();
-    return e ? i.id === e.id : !1;
+    const t = this.getLastLine();
+    return t ? i.id === t.id : !1;
   }
   getLastLine() {
     return this.lines.slice(-1)[0];
@@ -65,14 +66,14 @@ class M {
   }
   clear() {
     const i = this.lines.slice();
-    this.lines.length = 0, i.reduceRight((e, l) => this.hook.emit("lineRemoved", l), void 0);
+    this.lines.length = 0, i.reduceRight((t, l) => this.hook.emit("lineRemoved", l), void 0);
   }
   /** 是否产生重叠 */
   overlapWith(i) {
-    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((e) => this.includes(e)) : i.type === "polyline" ? i.points.some((e) => this.includes(e)) : !0;
+    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((t) => this.includes(t)) : i.type === "polyline" ? i.points.some((t) => this.includes(t)) : !0;
   }
   includes(i) {
-    return i.type === "point" ? this.points.find(({ id: e }) => e === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: e }) => e === i.id) !== void 0 : !1;
+    return i.type === "point" ? this.points.find(({ id: t }) => t === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: t }) => t === i.id) !== void 0 : !1;
   }
   isEmpty() {
     return this.lines.length === 0;
@@ -91,29 +92,29 @@ class M {
     };
   }
   getPointByID(i) {
-    return this.points.find(({ id: e }) => e === i);
+    return this.points.find(({ id: t }) => t === i);
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: e } = u(), l = i.lines.map((t) => {
-      const [d, p] = t.points, n = e(d), h = e(p);
+    const { getPoint: t } = u(), l = i.lines.map((e) => {
+      const [d, p] = e.points, n = t(d), h = t(p);
       if (!n || !h)
         throw new Error("线上的点不存在");
-      const s = new a(n, h, this.model);
-      return s.id = t.id, s.text = t.text, s;
+      const s = new m(n, h, this.model);
+      return s.id = e.id, s.text = e.text, s;
     });
     this.lines.push(...l), this.visiblePanoIndexes = i.visiblePanoIndexes;
     function u() {
-      const t = /* @__PURE__ */ new Map();
+      const e = /* @__PURE__ */ new Map();
       function d(n) {
-        const h = t.get(n.id);
+        const h = e.get(n.id);
         if (h)
           return h;
-        const s = new m(n.position);
-        return s.id = n.id, t.set(n.id, s), s;
+        const s = new a(n.position);
+        return s.id = n.id, e.set(n.id, s), s;
       }
       function p() {
-        return Array.from(t.values());
+        return Array.from(e.values());
       }
       return { getPoint: d, getAllPoints: p };
     }
@@ -124,5 +125,5 @@ class M {
   }
 }
 export {
-  M as Polyline
+  B as Polyline
 };

package/libs/PanoMeasurePlugin/Modules/Magnifier.d.ts

@@ -1,11 +1,5 @@
-import type { Five } from '@realsee/five';
-import Hammer from 'hammerjs';
-import * as THREE from 'three';
-import { Subscribe, type SubscribeEventMap } from '@realsee/five';
-interface MagnifierEvent extends SubscribeEventMap {
-    wantsPanGesture: (event: (typeof Hammer)['Input']) => boolean;
-}
-/** 放大镜配置参数 */
+import { Magnifier } from '../../shared-utils';
+export default Magnifier;
 export interface MagnifierParameter {
     width?: number;
     height?: number;
@@ -23,50 +17,3 @@ export interface MagnifierParameter {
 export interface MagnifierState {
     enabled: boolean;
 }
-export default class Magnifier {
-    width: number;
-    height: number;
-    containerDom?: Element;
-    hooks: Subscribe<MagnifierEvent>;
-    canvas: HTMLCanvasElement;
-    private five;
-    private scale;
-    private config;
-    private offset;
-    private context;
-    private renderCenter;
-    private hammer?;
-    private state;
-    private offsetRange?;
-    private isPanning;
-    constructor(five: Five, options: MagnifierParameter);
-    dispose(): void;
-    enable(): this;
-    disable(): this;
-    /** 把放大镜放到某一个容器中 */
-    appendTo(element: Element): this;
-    /** 清除放大镜渲染内容 */
-    clear(): this;
-    /** 放大传入点位周围的内容 */
-    renderWithPoint(point: THREE.Vector3): void;
-    /** 放大传入点位周围的内容 */
-    renderWithScreenPoint(point: {
-        x: number;
-        y: number;
-    }): void;
-    resetOffset(): void;
-    getCurrentState(): MagnifierState;
-    protected getRenderCenter(): THREE.Vector3 | {
-        x: number;
-        y: number;
-    };
-    private _appendTo;
-    private autoFixPCPosition;
-    private render;
-    private initStyle;
-    private getPanOffset;
-    private onPanstart;
-    private onPan;
-    private onPanend;
-}
-export {};

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -1,158 +1,24 @@
-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";
-import * as l from "three";
-import { Subscribe as w } from "@realsee/five";
-function d(r, t, e) {
-  const s = r[t], i = r[e];
-  s === void 0 || i === void 0 || (r[t] = i, r[e] = s);
-}
-function R(r, t, e) {
-  const s = e / 2;
-  for (let i = 1; i <= s; i++) {
-    const h = e - (i - 1);
-    for (let a = 1; a <= t; a++) {
-      const o = (i - 1) * t + a - 1, f = (h - 1) * t + a - 1;
-      d(r, o * 4 + 0, f * 4 + 0), d(r, o * 4 + 1, f * 4 + 1), d(r, o * 4 + 2, f * 4 + 2), d(r, o * 4 + 3, f * 4 + 3);
-    }
-  }
-}
-class S {
-  constructor(t, e) {
-    n(this, "width");
-    n(this, "height");
-    n(this, "containerDom");
-    n(this, "hooks", new w());
-    n(this, "canvas", document.createElement("canvas"));
-    n(this, "five");
-    n(this, "scale");
-    n(this, "config");
-    n(this, "offset", { x: 0, y: 0 });
-    n(this, "context");
-    n(this, "renderCenter", new l.Vector3());
-    n(this, "hammer");
-    n(this, "state", { enabled: !1 });
-    n(this, "offsetRange");
-    n(this, "isPanning", !1);
-    n(this, "onPanstart", () => {
-      this.isPanning = !0, this.canvas.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)";
-    });
-    n(this, "onPan", (t) => {
-      if (!this.isPanning || !this.offsetRange || this.hooks.emit("wantsPanGesture", t))
-        return;
-      const { translateX: s, translateY: i } = this.getPanOffset(t, this.offsetRange);
-      this.canvas.style.transform = `translate3d(${s}px, ${i}px, 100px)`;
-    });
-    n(this, "onPanend", (t) => {
-      if (this.isPanning = !1, this.canvas.style.boxShadow = "none", !this.offsetRange)
-        return;
-      const { translateX: e, translateY: s } = this.getPanOffset(t, this.offsetRange);
-      this.canvas.style.transform = `translate3d(${e}px, ${s}px, 100px)`, this.offset = { x: e, y: s };
-    });
-    var i, h, a;
-    if (!t.renderer)
-      throw new Error("Five Render 未初始化");
-    this.five = t, this.scale = (i = e == null ? void 0 : e.scale) != null ? i : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (a = e == null ? void 0 : e.height) != null ? a : 190, this.config = {
-      dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
-      autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
-      initialPosition: (e == null ? void 0 : e.initialPosition) || { left: "0", top: "0" }
-    };
-    const s = this.canvas.getContext("2d");
-    if (!s)
-      throw new Error("CANNOT CREATE CONTEXT2D");
-    this.context = s, 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();
-  }
-  dispose() {
-    var t;
-    this.clear(), this.disable(), (t = this.hammer) == null || t.destroy();
-  }
-  enable() {
-    if (!this.state.enabled)
-      return this.state.enabled = !0, this.containerDom && this._appendTo(this.containerDom), this;
-  }
-  disable() {
-    if (this.state.enabled)
-      return this.state.enabled = !1, this.canvas.remove(), this;
-  }
-  /** 把放大镜放到某一个容器中 */
-  appendTo(t) {
-    return this.containerDom = t, this.state.enabled && this._appendTo(t), this;
-  }
-  /** 清除放大镜渲染内容 */
-  clear() {
-    return this.context.clearRect(0, 0, this.canvas.width, this.canvas.height), this;
-  }
-  /** 放大传入点位周围的内容 */
-  renderWithPoint(t) {
-    this.containerDom && this.state.enabled && (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
-  }
-  /** 放大传入点位周围的内容 */
-  renderWithScreenPoint(t) {
-    this.containerDom && this.state.enabled && (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
-  }
-  resetOffset() {
-    this.offset = { x: 0, y: 0 }, this.canvas.style.transform = "translate3d(0px, 0px, 100px)";
-  }
-  getCurrentState() {
-    return { enabled: this.state.enabled };
-  }
-  getRenderCenter() {
-    return this.renderCenter;
-  }
-  _appendTo(t) {
-    if (this.resetOffset(), t.appendChild(this.canvas), !this.offsetRange) {
-      const e = this.canvas.getBoundingClientRect(), s = t.getBoundingClientRect(), i = s.right - e.right, h = s.bottom - e.bottom, a = s.left - e.left, o = s.top - e.top;
-      this.offsetRange = {
-        min: { x: a, y: o },
-        max: { x: i, y: h }
-      };
-    }
-  }
-  autoFixPCPosition() {
-    if (!this.containerDom)
-      return;
-    const { width: t, height: e } = this, [s, i, h] = (() => {
-      if (this.renderCenter instanceof l.Vector3) {
-        const a = this.renderCenter.clone().project(this.five.camera);
-        return [
-          (a.x + 1) / 2 * this.containerDom.clientWidth,
-          -(a.x - 1) / 2 * this.containerDom.clientWidth,
-          -(a.y - 1) / 2 * this.containerDom.clientHeight
-        ];
-      } else
-        return [this.renderCenter.x, this.containerDom.clientWidth - this.renderCenter.x, this.renderCenter.y];
-    })();
-    s < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = "90px") : h < 183 ? (this.canvas.style.top = "90px", this.canvas.style.left = -t / 2 + "px") : i < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${s}px, ${h}px, 10px)`, this.offset = { x: s, y: h };
-  }
-  render() {
-    if (!this.five.renderer || !this.containerDom)
-      return;
-    const { scale: t, context: e, width: s, height: i } = this, h = this.five.renderer.getSize(new l.Vector2()), [a, o] = (() => {
-      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];
-      } else
-        return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), f = 1, c = s / t, x = i / t, P = f * t, g = this.five.getPixels(a - c / 2, o - c / 2, c, x, P), m = Math.floor(s * f), u = Math.floor(i * f);
-    R(g, m, u);
-    const v = new ImageData(m, u);
-    v.data.set(g), e.putImageData(v, 0, 0);
-  }
-  initStyle() {
-    const t = this.canvas;
-    t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = "all", t.style.borderRadius = "50%", t.style.zIndex = "99";
-    const e = 1;
-    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
-  }
-  getPanOffset(t, e) {
-    const {
-      min: { x: s, y: i },
-      max: { x: h, y: a }
-    } = e, o = this.offset.x + t.deltaX, f = this.offset.y + t.deltaY, c = Math.min(Math.max(o, s), h), x = Math.min(Math.max(f, i), a);
-    return { translateX: c, translateY: x };
-  }
-}
+import { Magnifier as i } from "../../shared-utils/three/Magnifier.js";
+import "three";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five";
+import "hammerjs";
+import "../../shared-utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../shared-utils/util.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.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 "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 export {
-  S as default
+  i as default
 };

package/libs/PanoMeasurePlugin/Modules/UIController/index.js

@@ -16,6 +16,7 @@ import "../../Controller/EditController.js";
 import "../../Model/line.js";
 import "../../../shared-utils/uuid.js";
 import "../../utils/line.js";
+import "../../../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "../../utils/constants.js";
 import "three";
@@ -32,10 +33,10 @@ import "../../Model/polyline.js";
 import "../../Model/area.js";
 import "../../Model/polygon.js";
 import "../../../shared-utils/three/IObject3D.js";
-import "../../utils/generatePolygonGeometry.js";
+import "../../../shared-utils/three/generatePolygonGeometry.js";
 import "earcut";
 import "../../utils/dom/areaDom.js";
-import "../../utils/geometryUtil.js";
+import "../../../shared-utils/three/geometryUtil.js";
 import "hammerjs";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -69,9 +70,8 @@ import "../../../shared-utils/url/absoluteUrl.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/isTouchDevice.js";
-import "../../../shared-utils/getIntersectionFromEvent.js";
-import "../../../shared-utils/getPointFromHammerEvent.js";
-import "../../../shared-utils/three/getIntersect.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../DeleteDom/index.js";
 import "../DeleteDom/_Assets/delete.svg.js";
 import "../DeleteDom/_Assets/delete_bg.png.js";

package/libs/PanoMeasurePlugin/index.js

@@ -1,5 +1,10 @@
 import t from "./Controller/index.js";
-import { default as Yo } from "./Modules/Magnifier.js";
+import { Magnifier as Yo } from "../shared-utils/three/Magnifier.js";
+import "three";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five";
 import { Model as _o } from "./Model/index.js";
 import { default as or } from "./Model/point.js";
 import { default as tr } from "./Model/line.js";
@@ -7,13 +12,12 @@ import { Polyline as mr } from "./Model/polyline.js";
 import "./Controller/EditController.js";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
-import "three";
 import "./utils/ironbox.js";
 import "../shared-utils/uuid.js";
 import "./utils/line.js";
+import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "./utils/constants.js";
-import "@realsee/five";
 import "./utils/dom/distanceItem.js";
 import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
@@ -21,13 +25,12 @@ import "../shared-utils/three/centerPoint.js";
 import "./Model/area.js";
 import "./Model/polygon.js";
 import "../shared-utils/three/IObject3D.js";
-import "./utils/generatePolygonGeometry.js";
+import "../shared-utils/three/generatePolygonGeometry.js";
 import "earcut";
 import "./utils/dom/areaDom.js";
-import "./utils/geometryUtil.js";
+import "../shared-utils/three/geometryUtil.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/isNil.js";
 import "../shared-utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -41,12 +44,9 @@ import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isNil.js";
 import "./utils/isIntersecting.js";
 import "../shared-utils/three/PointSelector.js";
 import "../shared-utils/three/PointSelectorHelper.js";
-import "../shared-utils/three/Magnifier.js";
 import "../shared-utils/three/PointHelper.js";
 import "../shared-utils/three/Assets/index.js";
 import "../shared-utils/three/PointDomHelper.js";
@@ -58,9 +58,8 @@ import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/isTouchDevice.js";
-import "../shared-utils/getIntersectionFromEvent.js";
-import "../shared-utils/getPointFromHammerEvent.js";
-import "../shared-utils/three/getIntersect.js";
+import "../shared-utils/five/getPosition.js";
+import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "./Modules/DeleteDom/index.js";
 import "./Modules/DeleteDom/_Assets/delete.svg.js";
 import "./Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -70,6 +69,7 @@ import "./Controller/ViewController.js";
 import "./Controller/WatchController.js";
 import "./utils/findClosestPoint.js";
 import "./utils/ndc2Screen.js";
+import "../shared-utils/getPointFromHammerEvent.js";
 import "./Controller/MixedController.js";
 import "./Modules/rangePiece/index.js";
 import "../shared-utils/noop.js";

package/libs/PanoMeasurePlugin/utils/dom/areaDom.js

@@ -12,7 +12,7 @@ var m = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writab
 }, s = (i, o) => D(i, f(o));
 var l = (i, o, t) => (m(i, typeof o != "symbol" ? o + "" : o, t), t);
 import { ItemDom as y } from "./base.js";
-import { getGeometryInfo as I } from "../geometryUtil.js";
+import { getGeometryInfo as I } from "../../../shared-utils/three/geometryUtil.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";

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

@@ -1,5 +1,5 @@
+import { FiveLine } from '../../shared-utils/five/FiveLine';
 import type Line from '../Model/line';
-import { Line as FiveLine } from '@realsee/five/line';
 import type { Texture, Vector3 } from 'three';
 import { Color } from 'three';
 type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];

package/libs/PanoMeasurePlugin/utils/line.js

@@ -1,7 +1,8 @@
-import { Line as u } from "@realsee/five/line";
+import { FiveLine as u } from "../../shared-utils/five/FiveLine.js";
 import { lightLineOpts as C, normalLineOpts as R } from "./constants.js";
 import { Color as T } from "three";
-function w(i, t, e) {
+import "@realsee/five/line";
+function v(i, t, e) {
   var d, c, m, f, h;
   const a = (d = e == null ? void 0 : e.lineWidth) != null ? d : 2, o = (c = e == null ? void 0 : e.lineColor) != null ? c : new T(16777215), r = (m = e == null ? void 0 : e.pointSize) != null ? m : 5, L = (f = e == null ? void 0 : e.lineRenderOrder) != null ? f : 10, O = (h = e == null ? void 0 : e.lineRenderOrder) != null ? h : 20, n = new u(i, t);
   n.setMaterial({ linewidth: a, color: o }), n.line.material.depthTest = !1, n.line.material.transparent = !0, n.line.renderOrder = L, n.points.renderOrder = O;
@@ -9,10 +10,10 @@ function w(i, t, e) {
   return l.depthTest = !1, l.size = r, e != null && e.pointColor && l.color.set(e.pointColor).convertSRGBToLinear(), e != null && e.pointTexture && (l.map = e.pointTexture), n;
 }
 function S(i, t) {
-  const [e, a] = i.points, o = t === "light" ? C : R, r = w(e.position, a.position, o);
+  const [e, a] = i.points, o = t === "light" ? C : R, r = v(e.position, a.position, o);
   return r.name = "normalLine_" + i.id, r;
 }
 export {
-  w as createLine,
+  v as createLine,
   S as createLineMesh
 };

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,12 +1,12 @@
 var A = Object.defineProperty;
 var R = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var k = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
 var C = (d, m, t) => m in d ? A(d, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[m] = t, j = (d, m) => {
   for (var t in m || (m = {}))
     k.call(m, t) && C(d, t, m[t]);
   if (R)
     for (var t of R(m))
-      I.call(m, t) && C(d, t, m[t]);
+      E.call(m, t) && C(d, t, m[t]);
   return d;
 };
 var u = (d, m, t) => (C(d, typeof m != "symbol" ? m + "" : m, t), t);
@@ -26,15 +26,15 @@ var S = (d, m, t) => new Promise((e, o) => {
   }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, r);
   a((t = t.apply(d, m)).next());
 });
-import { TagComputer as V } from "./TagComputer.js";
-import { Group as y, Quaternion as E, Vector3 as b, Matrix4 as v } from "three";
+import { TagComputer as I } from "./TagComputer.js";
+import { Group as y, Quaternion as V, Vector3 as b, Matrix4 as v } from "three";
 import O from "../Components/TagContainer.js";
 import x from "../Components/Tag/index.js";
 import { CSS3DRenderPlugin as G } from "../../CSS3DRenderPlugin/index.js";
 import { loadGLTF as F } from "../../shared-utils/three/GLTFLoader.js";
 import { isMediaModelTag as D, isStickModelTag as _ } from "../utils/tag/tagCheck.js";
 import { VideoPlane as L, ImagePlane as w } from "../utils/model/mediaPlane.js";
-import { centerPoint as q } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
 import { arrayPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
@@ -161,8 +161,8 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
-const W = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-class Ti extends V {
+const q = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+class Ti extends I {
   constructor(t) {
     super(t);
     u(this, "rendererMap", /* @__PURE__ */ new Map());
@@ -263,7 +263,7 @@ class Ti extends V {
           playButton: e.data.playIcon,
           paused: !((l = e.data.autoplayConfig) != null && l.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: W,
+          videoTextureMap: q,
           ImageTextureMap: $,
           domEvents: this.domEvents
         });
@@ -287,9 +287,14 @@ class Ti extends V {
       if (!o)
         return;
       const i = e.position.map(g), r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
-      (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
-        this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
-      }), this.imagePlaneGroup.add(e.mediaPlane));
+      (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(
+        e.mediaPlane,
+        "click",
+        (l) => {
+          this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
+        },
+        { noEmitWhenHide: !0 }
+      ), this.imagePlaneGroup.add(e.mediaPlane));
     });
   }
   /**
@@ -301,7 +306,7 @@ class Ti extends V {
       if (e.tag3DContentSvelte) {
         const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
         if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
-          const p = new E().setFromUnitVectors(n, l);
+          const p = new V().setFromUnitVectors(n, l);
           s.css3DObject.setRotationFromQuaternion(p);
         }
         return;
@@ -394,7 +399,7 @@ class Ti extends V {
     if (!r || r.length !== 4 || !Array.isArray(r[0]) || !Array.isArray(r[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = q(s, n).add(new b(0, 0, 5e-4)), p = new v().setPosition(l), h = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(p).multiply(h);
+    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = W(s, n).add(new b(0, 0, 5e-4)), p = new v().setPosition(l), h = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(p).multiply(h);
     f.decompose(i.position, i.quaternion, i.scale);
     const c = i.opacityMesh;
     c && f.decompose(c.position, c.quaternion, c.scale);