@realsee/dnalogel 3.73.1-alpha.1 → 3.73.1-alpha.3

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.d.ts

@@ -9,7 +9,12 @@ export declare class PlaneTag<C extends TagContentType = TagContentType> extends
     rectanglePlane?: Rectangle;
     private _floorIndex?;
     private _floorIndexDirty;
+    private _opacity?;
     constructor(plugin: PanoTagPluginController, tagData: TagData);
+    /** 获取透明度 */
+    get opacity(): number;
+    /** 设置透明度 (0-1) */
+    set opacity(value: number);
     /** 获取楼层索引（惰性计算 + 缓存） */
     get floorIndex(): number | undefined;
     /** 标记 floorIndex 需要重新计算（在位置等相关数据变化时调用） */

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,37 +1,37 @@
-var j = Object.defineProperty, R = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
+var k = Object.defineProperty, j = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var y = (d, m, t) => m in d ? j(d, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[m] = t, I = (d, m) => {
-  for (var t in m || (m = {}))
-    k.call(m, t) && y(d, t, m[t]);
+var V = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var I = (c, d, t) => d in c ? k(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, b = (c, d) => {
+  for (var t in d || (d = {}))
+    V.call(d, t) && I(c, t, d[t]);
   if (F)
-    for (var t of F(m))
-      M.call(m, t) && y(d, t, m[t]);
-  return d;
-}, S = (d, m) => R(d, V(m));
-var b = (d, m, t) => (y(d, typeof m != "symbol" ? m + "" : m, t), t);
-var C = (d, m, t) => new Promise((o, i) => {
-  var a = (r) => {
+    for (var t of F(d))
+      w.call(d, t) && I(c, t, d[t]);
+  return c;
+}, S = (c, d) => j(c, R(d));
+var y = (c, d, t) => (I(c, typeof d != "symbol" ? d + "" : d, t), t);
+var C = (c, d, t) => new Promise((e, i) => {
+  var o = (r) => {
     try {
-      e(t.next(r));
-    } catch (p) {
-      i(p);
+      m(t.next(r));
+    } catch (n) {
+      i(n);
     }
-  }, n = (r) => {
+  }, l = (r) => {
     try {
-      e(t.throw(r));
-    } catch (p) {
-      i(p);
+      m(t.throw(r));
+    } catch (n) {
+      i(n);
     }
-  }, e = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(a, n);
-  e((t = t.apply(d, m)).next());
+  }, m = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
+  m((t = t.apply(c, d)).next());
 });
-import { CONST as w } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as O } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
-import { anyPositionToVector3 as T, arrayPositionToVector3 as g } from "../../../shared-utils/positionToVector3.js";
+import { CONST as M } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as _ } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { anyPositionToVector3 as T, arrayPositionToVector3 as P } from "../../../shared-utils/positionToVector3.js";
 import * as E from "three";
-import { planeNormal as _ } from "../../utils/planeNormal.js";
+import { planeNormal as O } from "../../utils/planeNormal.js";
 import { centerPoint as G } from "../../../shared-utils/three/centerPoint.js";
 import { VideoPlane as L, ImagePlane as A } from "../../utils/model/mediaPlane.js";
 import N from "../../Components/Tag/index.js";
@@ -52,8 +52,8 @@ import { waitFiveModelLoaded as x } from "../../../shared-utils/five/fiveModelLo
 import { uuid as $ } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import { Sculpt as U } from "../../../Sculpt/index.js";
-import { Rectangle as q } from "../../../Sculpt/Objects/Rectangle/index.js";
-import { getFloorMesh as W } from "../../../shared-utils/five/getFloorMesh.js";
+import { Rectangle as W } from "../../../Sculpt/Objects/Rectangle/index.js";
+import { getFloorMesh as q } from "../../../shared-utils/five/getFloorMesh.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/isNil.js";
@@ -301,12 +301,22 @@ import "../../../Sculpt/Editors/RectangleMeshEditor.js";
 import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
 const Z = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
 class Xr extends B {
-  constructor(t, o) {
-    super(t, o);
-    b(this, "_floorIndex");
-    b(this, "_floorIndexDirty", !0);
+  constructor(t, e) {
+    super(t, e);
+    y(this, "_floorIndex");
+    y(this, "_floorIndexDirty", !0);
+    y(this, "_opacity");
     this.state.unfolded = !0, this.loadModel();
   }
+  /** 获取透明度 */
+  get opacity() {
+    var t, e;
+    return this._opacity !== void 0 ? this._opacity : (e = (t = this.data) == null ? void 0 : t.opacity) != null ? e : 1;
+  }
+  /** 设置透明度 (0-1) */
+  set opacity(t) {
+    t !== this._opacity && (this._opacity = t, this.mediaPlane && (this.mediaPlane.opacity = t));
+  }
   /** 获取楼层索引（惰性计算 + 缓存） */
   get floorIndex() {
     return (this._floorIndexDirty || this._floorIndex === void 0) && (this._floorIndex = this.computeFloorIndex(), this._floorIndexDirty = !1), this._floorIndex;
@@ -316,72 +326,73 @@ class Xr extends B {
     this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var o, i, a, n, e, r;
-    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((n = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : n.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((e = this.tag3DContentSvelte) == null || e.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
+    var e, i, o, l, m, r;
+    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((m = this.tag3DContentSvelte) == null || m.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
   }
-  set(t, o = !0) {
-    super.set(t, o), x(this.five).then(() => {
+  set(t, e = !0) {
+    super.set(t, e), x(this.five).then(() => {
       this.tag3DContentSvelte && (t.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : t.position && this.loadModel());
     });
   }
   setData(...t) {
-    var i, a, n, e, r;
-    super.setData(...t), this.computeRenderType() === "Mesh" ? ((a = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : a.type) === "Video" ? this.renderVideoPlane() : ((e = (n = this.data.mediaData) == null ? void 0 : n[0]) == null ? void 0 : e.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane() : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+    var i, o, l, m, r;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((m = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : m.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
   }
   /** 计算楼层索引 */
   computeFloorIndex() {
+    var m, r;
     const t = /* @__PURE__ */ new Map();
-    this.five.observers.forEach((n) => {
-      var r;
-      const e = (r = n.floorIndex) != null ? r : 0;
-      if (!t.has(e)) {
-        const p = W(this.five, e);
-        p.isEmpty() || t.set(e, p);
+    ((r = (m = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : m.observers) != null ? r : []).forEach((n) => {
+      var h;
+      const s = (h = n.floorIndex) != null ? h : 0;
+      if (!t.has(s)) {
+        const u = q(this.five, s);
+        u.isEmpty() || t.set(s, u);
       }
     });
-    const o = G(...this.position.map(T)), i = [], a = [];
-    if (t.forEach((n, e) => {
-      a.push({ floorIndex: e, box: n }), n.containsPoint(o) && i.push({ floorIndex: e, box: n });
-    }), i.length === 1)
-      return i[0].floorIndex;
-    if (i.length > 1) {
-      let n = 1 / 0, e = i[0].floorIndex;
-      return i.forEach(({ floorIndex: r, box: p }) => {
-        const h = new E.Vector3();
-        p.getCenter(h);
-        const c = o.distanceTo(h);
-        c < n && (n = c, e = r);
-      }), e;
+    const i = G(...this.position.map(T)), o = [], l = [];
+    if (t.forEach((n, s) => {
+      l.push({ floorIndex: s, box: n }), n.containsPoint(i) && o.push({ floorIndex: s, box: n });
+    }), o.length === 1)
+      return o[0].floorIndex;
+    if (o.length > 1) {
+      let n = 1 / 0, s = o[0].floorIndex;
+      return o.forEach(({ floorIndex: h, box: u }) => {
+        const p = new E.Vector3();
+        u.getCenter(p);
+        const a = i.distanceTo(p);
+        a < n && (n = a, s = h);
+      }), s;
     }
-    if (a.length > 0) {
-      let n = 1 / 0, e = a[0].floorIndex;
-      return a.forEach(({ floorIndex: r, box: p }) => {
-        const h = new E.Vector3();
-        p.getCenter(h);
-        const c = o.distanceTo(h);
-        c < n && (n = c, e = r);
-      }), e;
+    if (l.length > 0) {
+      let n = 1 / 0, s = l[0].floorIndex;
+      return l.forEach(({ floorIndex: h, box: u }) => {
+        const p = new E.Vector3();
+        u.getCenter(p);
+        const a = i.distanceTo(p);
+        a < n && (n = a, s = h);
+      }), s;
     }
   }
   loadModel() {
     return C(this, null, function* () {
-      var o, i, a, n, e, r;
+      var e, i, o, l, m, r;
       if (yield x(this.five), this.computeRenderType() === "Mesh")
-        this.initialSculpt(), ((i = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((n = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : n.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
+        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
       else {
         H(this.five);
-        const p = this.position.map(T);
-        (r = (e = this.tag3DContentSvelte) == null ? void 0 : e.dispose) == null || r.call(e);
-        const h = document.createElement("div");
-        h.classList.add("tag-media-container");
-        const c = I({ mode: "front", cornerPoints: p, container: h }, this.config.tag3DConfig), P = this.computeRenderType() === "BehindDom" || c.mode === "behind" ? "behind" : "front", l = new O(S(I({}, c), { mode: P })), s = this.computeNormal();
-        l.position.add(s.clone().setLength(w.Z_FIGHTING_OFFSET)), this.plugin.group.add(l);
+        const n = this.position.map(T);
+        (r = (m = this.tag3DContentSvelte) == null ? void 0 : m.dispose) == null || r.call(m);
+        const s = document.createElement("div");
+        s.classList.add("tag-media-container");
+        const h = b({ mode: "front", cornerPoints: n, container: s }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", p = new _(S(b({}, h), { mode: u })), a = this.computeNormal();
+        p.position.add(a.clone().setLength(M.Z_FIGHTING_OFFSET)), this.plugin.group.add(p);
         let v;
-        l.mode === "behind" && this.config.clickable !== !1 && (v = this.addObjectClickHandler(this, l, (f) => {
-          this.plugin.hooks.emit("click", { event: f, target: "TagContent", tag: this });
+        p.mode === "behind" && this.config.clickable !== !1 && (v = this.addObjectClickHandler(this, p, (g) => {
+          this.plugin.hooks.emit("click", { event: g, target: "TagContent", tag: this });
         }));
-        const u = new N({
-          target: h,
+        const f = new N({
+          target: s,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -392,15 +403,15 @@ class Xr extends B {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: u,
+          svelteApp: f,
           domContainer: {
-            css3DObject: l
+            css3DObject: p
           },
-          css3DInstance: l,
-          initialNormal: s,
-          currentNormal: s,
+          css3DInstance: p,
+          initialNormal: a,
+          currentNormal: a,
           dispose: () => {
-            u.$destroy(), l.dispose(), v == null || v();
+            f.$destroy(), p.dispose(), v == null || v();
           }
         }, this.five.needsRender = !0;
       }
@@ -413,11 +424,11 @@ class Xr extends B {
       magnifier: null
     });
     t.clear(), t.group.removeFromParent();
-    const o = $(), i = new q(
+    const e = $(), i = new W(
       {
-        id: o,
+        id: e,
         type: "Rectangle",
-        points: this.position.map(g),
+        points: this.position.map(P),
         style: {
           color: 2203620,
           opacity: 0.1,
@@ -429,8 +440,8 @@ class Xr extends B {
       }
     );
     i.visible = !1, this.plugin.imagePlaneGroup.add(i), this.rectanglePlane = i, i.editor.hooks.on("objectUpdate", () => {
-      var a;
-      (a = this.mediaPlane) == null || a.changePointsOrParams({ cornerPoints: i.data.points.map(g) });
+      var o;
+      (o = this.mediaPlane) == null || o.changePointsOrParams({ cornerPoints: i.data.points.map(P) });
     }), i.editor.disable();
   }
   editorEnable() {
@@ -439,80 +450,81 @@ class Xr extends B {
   editorDisable(t) {
     var i;
     this.rectanglePlane.visible = !1;
-    const o = t || this.position.map(g);
-    (i = this.mediaPlane) == null || i.changePointsOrParams({ cornerPoints: o }), this.rectanglePlane.setData({
-      points: o
+    const e = t || this.position.map(P);
+    (i = this.mediaPlane) == null || i.changePointsOrParams({ cornerPoints: e }), this.rectanglePlane.setData({
+      points: e
     }), this.rectanglePlane.editor.disable();
   }
   renderVideoPlane() {
-    var h, c, P;
+    var s, h, u;
     const t = this.data.mediaData[0];
     if (!t)
       return;
-    const { url: o } = t;
-    if (!o)
+    const { url: e } = t;
+    if (!e)
       return;
-    const i = (h = this.data.objectFit) != null ? h : "contain", a = this.currentVisible, n = (() => !!(this.mediaPlane && !a))(), e = (() => !!(!this.mediaPlane && a))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== o || this.mediaPlane.objectFit !== i)))();
-    (n || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
-    const p = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
-    if (e || r) {
-      let l = this.position.map(g);
-      this.rectanglePlane && (l = this.rectanglePlane.data.points.map(g));
-      const s = new L(o, l, {
+    const i = (s = this.data.objectFit) != null ? s : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), m = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    (l || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
+    const n = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
+    if (m || r) {
+      let p = this.position.map(P);
+      this.rectanglePlane && (p = this.rectanglePlane.data.points.map(P));
+      const a = new L(e, p, {
         videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: !((c = this.data.autoplayConfig) != null && c.autoplayVideo),
+        paused: !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
         objectFit: this.data.objectFit,
         videoTextureMap: Z,
         ImageTextureMap: z,
-        domEvents: this.plugin.domEvents
+        domEvents: this.plugin.domEvents,
+        opacity: this.opacity
       });
-      this.plugin.domEvents.addAutoBindEventListener(s, "click", (u) => {
-        var f, D;
-        !((f = s.videoInstance) != null && f.paused) && ((D = s.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
-          event: u,
+      this.plugin.domEvents.addAutoBindEventListener(a, "click", (f) => {
+        var g, D;
+        !((g = a.videoInstance) != null && g.paused) && ((D = a.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
+          event: f,
           state: "playing",
           tag: this,
-          mediaInstance: s.videoInstance
+          mediaInstance: a.videoInstance
         });
-      }), s.onVideoReady = (u) => {
-        u.addEventListener("play", (f) => {
-          this.plugin.mediaStore.set({ currentMediaElement: s.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: f, state: "playing", tag: this, mediaInstance: s.videoInstance });
-        }), u.addEventListener("pause", (f) => {
-          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: s.videoInstance });
-        }), u.addEventListener("ended", (f) => {
-          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: s.videoInstance });
+      }), a.onVideoReady = (f) => {
+        f.addEventListener("play", (g) => {
+          this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: a.videoInstance });
+        }), f.addEventListener("pause", (g) => {
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: a.videoInstance });
+        }), f.addEventListener("ended", (g) => {
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: a.videoInstance });
         });
       };
-      const v = (u) => (this.five.on("renderFrame", u), () => this.five.off("renderFrame", u));
-      s.initialRenderHooks(v), this.mediaPlane = s, this.play = () => s.play(), this.pause = () => s.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const v = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
+      a.initialRenderHooks(v), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
-    if (p) {
-      const l = this.rectanglePlane.data.points.map(g);
-      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: l, params: { objectFit: i } });
+    if (n) {
+      const p = this.rectanglePlane.data.points.map(P);
+      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: p, params: { objectFit: i } });
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    var c, P;
-    const t = this.data.mediaData[0], o = (c = this.data.objectFit) != null ? c : "contain";
+    var h, u;
+    const t = this.data.mediaData[0], e = (h = this.data.objectFit) != null ? h : "contain";
     if (!t)
       return;
     const { url: i } = t;
     if (!i)
       return;
-    let a = this.position.map(g);
-    const n = this.currentVisible, e = (() => !!(this.mediaPlane && !n))(), r = (() => !!(!this.mediaPlane && n))(), p = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), h = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== o))();
-    if ((e || p) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || p) && (this.rectanglePlane && (a = this.rectanglePlane.data.points.map(g)), this.mediaPlane = new A(i, a, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    let o = this.position.map(P);
+    const l = this.currentVisible, m = (() => !!(this.mediaPlane && !l))(), r = (() => !!(!this.mediaPlane && l))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), s = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((m || n) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || n) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new A(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (l) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: l.origDomEvent });
+      (p) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
       },
       { noEmitWhenHide: !0 }
-    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), h) {
-      const l = this.rectanglePlane.data.points.map(g);
-      (P = this.mediaPlane) == null || P.changePointsOrParams({ cornerPoints: l, params: { objectFit: o } });
+    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), s) {
+      const p = this.rectanglePlane.data.points.map(P);
+      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: p, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
@@ -520,7 +532,7 @@ class Xr extends B {
     this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
   }
   computeNormal() {
-    return _(this.position);
+    return O(this.position);
   }
 }
 export {

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -28,6 +28,7 @@ declare class ImagePlane extends MediaPlane {
     constructor(imageSrc: string, cornerPoints: Vector3[], params?: {
         objectFit?: ObjectFit;
         resolveZFighting?: boolean;
+        opacity?: number;
     });
     changePointsOrParams(props: {
         cornerPoints: Vector3[];
@@ -52,6 +53,7 @@ declare class VideoPlane extends MediaPlane {
     private buttonMesh?;
     private videoTextureMap;
     private ImageTextureMap;
+    private initialOpacity;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
         paused?: boolean;
         playButton?: 'withText' | 'withoutText' | string;
@@ -63,6 +65,7 @@ declare class VideoPlane extends MediaPlane {
             transparent: boolean;
         }>;
         domEvents?: FiveDomEvents;
+        opacity?: number;
     });
     play(muted?: boolean): Promise<void>;
     pause(): void;