@realsee/dnalogel 3.66.0 → 3.66.2

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

@@ -1,44 +1,44 @@
-var b = Object.defineProperty, I = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
+var T = Object.defineProperty, b = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
 var v = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var P = (n, i, t) => i in n ? b(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, f = (n, i) => {
-  for (var t in i || (i = {}))
-    V.call(i, t) && P(n, t, i[t]);
+var R = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var P = (d, e, t) => e in d ? T(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t, g = (d, e) => {
+  for (var t in e || (e = {}))
+    R.call(e, t) && P(d, t, e[t]);
   if (v)
-    for (var t of v(i))
-      F.call(i, t) && P(n, t, i[t]);
-  return n;
-}, y = (n, i) => I(n, R(i));
-var D = (n, i, t) => new Promise((m, o) => {
-  var p = (s) => {
+    for (var t of v(e))
+      V.call(e, t) && P(d, t, e[t]);
+  return d;
+}, y = (d, e) => b(d, k(e));
+var D = (d, e, t) => new Promise((m, a) => {
+  var n = (p) => {
     try {
-      e(t.next(s));
-    } catch (a) {
-      o(a);
+      o(t.next(p));
+    } catch (i) {
+      a(i);
     }
-  }, r = (s) => {
+  }, r = (p) => {
     try {
-      e(t.throw(s));
-    } catch (a) {
-      o(a);
+      o(t.throw(p));
+    } catch (i) {
+      a(i);
     }
-  }, e = (s) => s.done ? m(s.value) : Promise.resolve(s.value).then(p, r);
-  e((t = t.apply(n, i)).next());
+  }, o = (p) => p.done ? m(p.value) : Promise.resolve(p.value).then(n, r);
+  o((t = t.apply(d, e)).next());
 });
-import { CONST as M } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as k } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { CONST as F } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as M } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
 import { anyPositionToVector3 as E, arrayPositionToVector3 as S } from "../../../shared-utils/positionToVector3.js";
 import "three";
 import { planeNormal as w } from "../../utils/planeNormal.js";
-import { VideoPlane as j, ImagePlane as N } from "../../utils/model/mediaPlane.js";
-import G from "../../Components/Tag/index.js";
+import { VideoPlane as L, ImagePlane as j } from "../../utils/model/mediaPlane.js";
+import N from "../../Components/Tag/index.js";
 import { BaseTag as A } from "./BaseTag.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
 import "../../../shared-utils/three/CSS3DRenderer/index.js";
-import { initialCSS3DRender as L } from "../../../shared-utils/CSS3DRender/index.js";
+import { initialCSS3DRender as G } from "../../../shared-utils/CSS3DRender/index.js";
 import "@realsee/five/line";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
@@ -197,43 +197,43 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-const O = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
-class Ke extends A {
-  constructor(i, t) {
-    super(i, t), this.state.unfolded = !0, this.loadModel();
+const B = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
+class Ki extends A {
+  constructor(e, t) {
+    super(e, t), this.state.unfolded = !0, this.loadModel();
   }
   applyVisible() {
-    var t, m, o, p, r, e;
-    this.computeRenderType() === "Mesh" ? ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane() : ((r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (e = this.tag3DContentSvelte) != null && e.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
+    var t, m, a, n, r, o;
+    this.computeRenderType() === "Mesh" ? ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((n = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : n.type) === "Image" && this.renderImagePlane() : ((r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (o = this.tag3DContentSvelte) != null && o.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0));
   }
-  set(i, t = !0) {
-    super.set(i, t), C(this.five).then(() => {
-      this.tag3DContentSvelte && (i.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : i.position && this.loadModel());
+  set(e, t = !0) {
+    super.set(e, t), C(this.five).then(() => {
+      this.tag3DContentSvelte && (e.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : e.position && this.loadModel());
     });
   }
-  setData(...i) {
-    var m, o, p, r, e;
-    super.setData(...i), this.computeRenderType() === "Mesh" ? ((o = (m = this.data.mediaData) == null ? void 0 : m[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((r = (p = this.data.mediaData) == null ? void 0 : p[0]) == null ? void 0 : r.type) === "Image" && this.renderImagePlane() : (e = this.tag3DContentSvelte) == null || e.svelteApp.$set({ tag: this });
+  setData(...e) {
+    var m, a, n, r, o;
+    super.setData(...e), this.computeRenderType() === "Mesh" ? ((a = (m = this.data.mediaData) == null ? void 0 : m[0]) == null ? void 0 : a.type) === "Video" ? this.renderVideoPlane() : ((r = (n = this.data.mediaData) == null ? void 0 : n[0]) == null ? void 0 : r.type) === "Image" && this.renderImagePlane() : (o = this.tag3DContentSvelte) == null || o.svelteApp.$set({ tag: this });
   }
   loadModel() {
     return D(this, null, function* () {
-      var t, m, o, p, r, e;
+      var t, m, a, n, r, o;
       if (yield C(this.five), this.computeRenderType() === "Mesh")
-        ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((p = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : p.type) === "Image" && this.renderImagePlane();
+        ((m = (t = this.data.mediaData) == null ? void 0 : t[0]) == null ? void 0 : m.type) === "Video" ? this.renderVideoPlane() : ((n = (a = this.data.mediaData) == null ? void 0 : a[0]) == null ? void 0 : n.type) === "Image" && this.renderImagePlane();
       else {
-        L(this.five);
-        const s = this.position.map(E);
-        (e = (r = this.tag3DContentSvelte) == null ? void 0 : r.dispose) == null || e.call(r);
-        const a = document.createElement("div");
-        a.classList.add("tag-media-container");
-        const h = f({ mode: "front", cornerPoints: s, container: a }, this.config.tag3DConfig), l = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", d = new k(y(f({}, h), { mode: l })), u = this.computeNormal();
-        d.position.add(u.clone().setLength(M.Z_FIGHTING_OFFSET)), this.plugin.group.add(d);
+        G(this.five);
+        const p = this.position.map(E);
+        (o = (r = this.tag3DContentSvelte) == null ? void 0 : r.dispose) == null || o.call(r);
+        const i = document.createElement("div");
+        i.classList.add("tag-media-container");
+        const h = g({ mode: "front", cornerPoints: p, container: i }, this.config.tag3DConfig), l = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new M(y(g({}, h), { mode: l })), u = this.computeNormal();
+        s.position.add(u.clone().setLength(F.Z_FIGHTING_OFFSET)), this.plugin.group.add(s);
         let c;
-        d.mode === "behind" && this.config.clickable !== !1 && (c = this.addObjectClickHandler(this, d, (T) => {
-          this.plugin.hooks.emit("click", { event: T, target: "TagContent", tag: this });
+        s.mode === "behind" && this.config.clickable !== !1 && (c = this.addObjectClickHandler(this, s, (I) => {
+          this.plugin.hooks.emit("click", { event: I, target: "TagContent", tag: this });
         }));
-        const g = new G({
-          target: a,
+        const f = new N({
+          target: i,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -244,60 +244,73 @@ class Ke extends A {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: g,
+          svelteApp: f,
           domContainer: {
-            css3DObject: d
+            css3DObject: s
           },
-          css3DInstance: d,
+          css3DInstance: s,
           initialNormal: u,
           currentNormal: u,
           dispose: () => {
-            g.$destroy(), d.dispose(), c == null || c();
+            f.$destroy(), s.dispose(), c == null || c();
           }
         }, this.five.needsRender = !0;
       }
     });
   }
   renderVideoPlane() {
-    var e;
-    const i = this.data.mediaData[0];
-    if (!i)
+    var o;
+    const e = this.data.mediaData[0];
+    if (!e)
       return;
-    const { url: t } = i;
+    const { url: t } = e;
     if (!t)
       return;
-    const m = this.currentVisible, o = (() => !!(this.mediaPlane && !m))(), p = (() => !!(!this.mediaPlane && m))(), r = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    if ((o || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), p || r) {
-      const s = this.position.map(S), a = new j(t, s, {
-        videoCoverSrc: i.videoCoverUrl,
+    const m = this.currentVisible, a = (() => !!(this.mediaPlane && !m))(), n = (() => !!(!this.mediaPlane && m))(), r = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
+    if ((a || r) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), n || r) {
+      const p = this.position.map(S), i = new L(t, p, {
+        videoCoverSrc: e.videoCoverUrl,
         playButton: this.data.playIcon,
-        paused: !((e = this.data.autoplayConfig) != null && e.autoplayVideo),
+        paused: !((o = this.data.autoplayConfig) != null && o.autoplayVideo),
         objectFit: this.data.objectFit,
-        videoTextureMap: O,
-        ImageTextureMap: x,
+        videoTextureMap: B,
+        ImageTextureMap: O,
         domEvents: this.plugin.domEvents
       });
-      a.onVideoReady = (l) => {
-        l.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }));
+      this.plugin.domEvents.addAutoBindEventListener(
+        i,
+        "click",
+        (l) => {
+          var s;
+          !((s = i.videoInstance) != null && s.paused) && i.videoInstance.muted === !1 && this.plugin.hooks.emit("playStateChange", { event: l, state: "playing", tag: this, mediaInstance: i.videoInstance });
+        }
+      ), i.onVideoReady = (l) => {
+        l.addEventListener("play", (s) => {
+          this.plugin.mediaStore.set({ currentMediaElement: i.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: s, state: "playing", tag: this, mediaInstance: i.videoInstance });
+        }), l.addEventListener("pause", (s) => {
+          this.plugin.hooks.emit("playStateChange", { event: s, state: "paused", tag: this, mediaInstance: i.videoInstance });
+        }), l.addEventListener("ended", (s) => {
+          this.plugin.hooks.emit("playStateChange", { event: s, state: "paused", tag: this, mediaInstance: i.videoInstance });
+        });
       };
       const h = (l) => (this.five.on("renderFrame", l), () => this.five.off("renderFrame", l));
-      a.initialRenderHooks(h), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      i.initialRenderHooks(h), this.mediaPlane = i, this.play = () => i.play(), this.pause = () => i.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
     this.five.needsRender = !0;
   }
   renderImagePlane() {
-    const i = this.data.mediaData[0];
-    if (!i)
+    const e = this.data.mediaData[0];
+    if (!e)
       return;
-    const { url: t } = i;
+    const { url: t } = e;
     if (!t)
       return;
-    const m = this.position.map(S), o = this.currentVisible, p = (() => !!(this.mediaPlane && !o))(), r = (() => !!(!this.mediaPlane && o))(), e = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
-    (p || e) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || e) && (this.mediaPlane = new N(t, m, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const m = this.position.map(S), a = this.currentVisible, n = (() => !!(this.mediaPlane && !a))(), r = (() => !!(!this.mediaPlane && a))(), o = (() => !!(this.mediaPlane && this.mediaPlane.src !== t))();
+    (n || o) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || o) && (this.mediaPlane = new j(t, m, { objectFit: this.data.objectFit }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (s) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: s.origDomEvent });
+      (p) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
       },
       { noEmitWhenHide: !0 }
     ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), this.five.needsRender = !0;
@@ -307,5 +320,5 @@ class Ke extends A {
   }
 }
 export {
-  Ke as PlaneTag
+  Ki as PlaneTag
 };

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,21 +1,21 @@
 var H = Object.defineProperty;
-var S = (c, h, e) => h in c ? H(c, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[h] = e;
-var r = (c, h, e) => (S(c, typeof h != "symbol" ? h + "" : h, e), e);
-var v = (c, h, e) => new Promise((i, t) => {
-  var n = (s) => {
+var S = (u, a, e) => a in u ? H(u, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[a] = e;
+var r = (u, a, e) => (S(u, typeof a != "symbol" ? a + "" : a, e), e);
+var v = (u, a, e) => new Promise((t, s) => {
+  var i = (n) => {
     try {
-      o(e.next(s));
-    } catch (u) {
-      t(u);
+      o(e.next(n));
+    } catch (h) {
+      s(h);
     }
-  }, a = (s) => {
+  }, d = (n) => {
     try {
-      o(e.throw(s));
-    } catch (u) {
-      t(u);
+      o(e.throw(n));
+    } catch (h) {
+      s(h);
     }
-  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(n, a);
-  o((e = e.apply(c, h)).next());
+  }, o = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(i, d);
+  o((e = e.apply(u, a)).next());
 });
 import * as I from "three";
 import { Vector3 as w } from "three";
@@ -43,51 +43,51 @@ class C extends I.Mesh {
   dispose() {
     this.traverse((e) => {
       if (e.isMesh) {
-        const i = e;
-        i.geometry.dispose(), (i.material instanceof Array ? i.material : [i.material]).forEach((n) => {
-          n.dispose();
+        const t = e;
+        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((i) => {
+          i.dispose();
         });
       }
     });
   }
 }
 class z extends C {
-  constructor(e, i, t) {
+  constructor(e, t, s) {
     var o;
     super();
     r(this, "name", "PanoTagPluginImagePlane");
     this.src = e;
-    const n = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0;
-    let a = i;
-    if (n) {
-      const s = E(i).multiplyScalar(F.Z_FIGHTING_OFFSET);
-      a = i.map((u) => u.clone().add(s));
+    const i = (o = s == null ? void 0 : s.resolveZFighting) != null ? o : !0;
+    let d = t;
+    if (i) {
+      const n = E(t).multiplyScalar(F.Z_FIGHTING_OFFSET);
+      d = t.map((h) => h.clone().add(n));
     }
-    x(e).then(({ texture: s, transparent: u }) => {
+    x(e).then(({ texture: n, transparent: h }) => {
       var p;
-      const M = new I.MeshBasicMaterial({ map: s, transparent: u }), d = g(
-        (p = t == null ? void 0 : t.objectFit) != null ? p : "contain",
-        a,
-        s.image.width / s.image.height
-      ), l = b(...d), m = d.map((y) => y.clone().sub(l)), f = new B(m);
+      const M = new I.MeshBasicMaterial({ map: n, transparent: h }), c = g(
+        (p = s == null ? void 0 : s.objectFit) != null ? p : "contain",
+        d,
+        n.image.width / n.image.height
+      ), l = b(...c), m = c.map((y) => y.clone().sub(l)), f = new B(m);
       this.position.copy(l), this.geometry = f, this.material = M;
-    }).catch((s) => {
-      console.error(`Imageplane error: ${s == null ? void 0 : s.message}`);
+    }).catch((n) => {
+      console.error(`Imageplane error: ${n == null ? void 0 : n.message}`);
     });
   }
 }
 class D extends C {
   // eslint-disable-next-line max-params
-  constructor(e, i, t) {
+  constructor(e, t, s) {
     const {
-      videoCoverSrc: n,
-      objectFit: a = "contain",
+      videoCoverSrc: i,
+      objectFit: d = "contain",
       playButton: o = "withText",
-      paused: s = !0,
-      videoTextureMap: u,
+      paused: n = !0,
+      videoTextureMap: h,
       ImageTextureMap: M,
-      domEvents: d
-    } = t != null ? t : {};
+      domEvents: c
+    } = s != null ? s : {};
     super();
     r(this, "isVideoPlane", !0);
     r(this, "name", "PanoTagPluginImagePlane");
@@ -104,8 +104,8 @@ class D extends C {
     r(this, "buttonMesh");
     r(this, "videoTextureMap");
     r(this, "ImageTextureMap");
-    this.cornerPoints = i, this.src = e, this.buttonSrc = (() => o === "withText" ? _ : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = n, this.objectFit = a, this.videoTextureMap = u, this.ImageTextureMap = M, this.domEvents = d, this.position.copy(b(...i)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
-      s ? this.addButtonMesh() : this.play(!0);
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => o === "withText" ? _ : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = i, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = M, this.domEvents = c, this.position.copy(b(...t)), this.videoCoverSrc && n ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      n ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
@@ -115,8 +115,8 @@ class D extends C {
   }
   play(e = !1) {
     return v(this, null, function* () {
-      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((i) => {
-        this.pause(), console.error("play error", i);
+      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((t) => {
+        this.pause(), console.error("play error", t);
       }), this.videoInstance.muted = e, this.render();
     });
   }
@@ -124,11 +124,11 @@ class D extends C {
     this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
   }
   initialRenderHooks(e) {
-    const t = e(() => {
-      var n;
-      this.videoMesh && ((n = this.videoInstance) == null ? void 0 : n.paused) === !1 && (this.videoMesh.needsRender = !0);
+    const s = e(() => {
+      var i;
+      this.videoMesh && ((i = this.videoInstance) == null ? void 0 : i.paused) === !1 && (this.videoMesh.needsRender = !0);
     });
-    this.disposers.push(() => t);
+    this.disposers.push(() => s);
   }
   showPlayUI() {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
@@ -151,7 +151,7 @@ class D extends C {
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), n = new I.MeshBasicMaterial({ transparent: !1, map: i }), a = g(this.objectFit, this.cornerPoints, i.image.width / i.image.height), o = new T(a, n);
+        const { texture: t, transparent: s } = yield this.getImageTexture(this.videoCoverSrc), i = new I.MeshBasicMaterial({ transparent: !1, map: t }), d = g(this.objectFit, this.cornerPoints, t.image.width / t.image.height), o = new T(d, i);
         return o.position.copy(new w(0, 0, 0)), o.name = "videoCoverMesh", o;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
@@ -159,6 +159,7 @@ class D extends C {
   }
   addVideoMesh() {
     return v(this, null, function* () {
+      var s;
       if (this.children.includes(this.videoMesh))
         return;
       const e = yield (() => v(this, null, function* () {
@@ -166,13 +167,13 @@ class D extends C {
           return this.videoMesh;
         if (!this.src)
           return;
-        const t = this.getVideoTexture(this.src), n = new I.MeshBasicMaterial({ transparent: !1, map: t }), a = yield new Promise((s) => {
-          t.metadataLoaded ? s(g(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight)) : t.addEventListener(
+        const i = this.getVideoTexture(this.src), d = new I.MeshBasicMaterial({ transparent: !1, map: i }), o = yield new Promise((h) => {
+          i.metadataLoaded ? h(g(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
             "videoLoaded",
-            () => s(g(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight))
+            () => h(g(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
           );
-        }), o = new T(a, n);
-        return o.name = "videoMesh", o.position.copy(new w(0, 0, 0)), o;
+        }), n = new T(o, d);
+        return n.name = "videoMesh", n.position.copy(new w(0, 0, 0)), n;
       }))();
       if (!e)
         return;
@@ -184,12 +185,12 @@ class D extends C {
         },
         { noEmitWhenHide: !0 }
       );
-      const i = e.material.map.image;
-      return i.addEventListener("playing", () => {
+      const t = e.material.map.image;
+      return (s = this.onVideoReady) == null || s.call(this, t), t.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
-      }), i.addEventListener("pause", () => {
+      }), t.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
-      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = i), e;
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
     });
   }
   addButtonMesh() {
@@ -200,9 +201,9 @@ class D extends C {
         var m, f, p, y;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, t = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, { texture: s, transparent: u } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, s.image.width / s.image.height), d = new T(M, new L(s));
-        d.position.copy(new w(0, 0, 0)), d.name = "buttonMesh", d.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(
-          d,
+        const t = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, s = (y = (p = this.coverMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(t, s, i) / i * 0.3, { texture: n, transparent: h } = yield this.getImageTexture(this.buttonSrc), M = g("contain", this.cornerPoints, n.image.width / n.image.height), c = new T(M, new L(n));
+        c.position.copy(new w(0, 0, 0)), c.name = "buttonMesh", c.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(
+          c,
           "click",
           () => {
             this.play();
@@ -210,26 +211,26 @@ class D extends C {
           { noEmitWhenHide: !0 }
         );
         const l = E(M).multiplyScalar(F.Z_FIGHTING_OFFSET);
-        return d.position.add(l), d;
+        return c.position.add(l), c;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
     return v(this, null, function* () {
-      var t, n;
-      if ((t = this.ImageTextureMap) != null && t.has(e))
+      var s, i;
+      if ((s = this.ImageTextureMap) != null && s.has(e))
         return this.ImageTextureMap.get(e);
-      const i = yield x(e);
-      return (n = this.ImageTextureMap) == null || n.set(e, i), i;
+      const t = yield x(e);
+      return (i = this.ImageTextureMap) == null || i.set(e, t), t;
     });
   }
   getVideoTexture(e) {
-    var t, n;
-    if ((t = this.videoTextureMap) != null && t.has(e))
+    var s, i;
+    if ((s = this.videoTextureMap) != null && s.has(e))
       return this.videoTextureMap.get(e);
-    const i = V(e);
-    return (n = this.videoTextureMap) == null || n.set(e, i), i;
+    const t = V(e);
+    return (i = this.videoTextureMap) == null || i.set(e, t), t;
   }
 }
 export {

package/libs/base/BasePlugin.js

@@ -22,7 +22,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.66.0");
+    i(this, "VERSION", "3.66.2");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.66.0",
+    "%c %c@realsee/dnalogel %cv3.66.2",
     [
       "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/package.json

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