@realsee/dnalogel 3.66.1 → 3.66.4

package/dist/index.js

@@ -43,7 +43,7 @@ import { LineGeometry as Kv, LineMaterial as $v, THREE_Line2 as eA, Line as tA }
 import { GLTFLoader as iA } from "@realsee/five/gltf-loader";
 function nA() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.66.1",
+    "%c %c@realsee/dnalogel %cv3.66.4",
     [
       "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",
@@ -12430,7 +12430,7 @@ let rs = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    u(this, "VERSION", "3.66.1");
+    u(this, "VERSION", "3.66.4");
     u(this, "NAME");
     u(this, "five");
     u(this, "workUtil");
@@ -28817,6 +28817,7 @@ class b1 extends A1 {
   }
   addVideoMesh() {
     return $(this, null, function* () {
+      var s;
       if (this.children.includes(this.videoMesh))
         return;
       const e = yield (() => $(this, null, function* () {
@@ -28824,13 +28825,13 @@ class b1 extends A1 {
           return this.videoMesh;
         if (!this.src)
           return;
-        const s = this.getVideoTexture(this.src), r = new P.MeshBasicMaterial({ transparent: !1, map: s }), o = yield new Promise((l) => {
-          s.metadataLoaded ? l(co(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+        const r = this.getVideoTexture(this.src), o = new P.MeshBasicMaterial({ transparent: !1, map: r }), a = yield new Promise((c) => {
+          r.metadataLoaded ? c(co(this.objectFit, this.cornerPoints, r.image.videoWidth / r.image.videoHeight)) : r.addEventListener(
             "videoLoaded",
-            () => l(co(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => c(co(this.objectFit, this.cornerPoints, r.image.videoWidth / r.image.videoHeight))
           );
-        }), a = new ec(o, r);
-        return a.name = "videoMesh", a.position.copy(new fe(0, 0, 0)), a;
+        }), l = new ec(a, o);
+        return l.name = "videoMesh", l.position.copy(new fe(0, 0, 0)), l;
       }))();
       if (!e)
         return;
@@ -28843,7 +28844,7 @@ class b1 extends A1 {
         { noEmitWhenHide: !0 }
       );
       const i = e.material.map.image;
-      return i.addEventListener("playing", () => {
+      return (s = this.onVideoReady) == null || s.call(this, i), i.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
       }), i.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
@@ -39499,8 +39500,21 @@ class ak extends ed {
         ImageTextureMap: ok,
         domEvents: this.plugin.domEvents
       });
-      c.onVideoReady = (d) => {
-        d.addEventListener("play", () => this.plugin.mediaStore.set({ currentMediaElement: c.videoInstance }));
+      this.plugin.domEvents.addAutoBindEventListener(
+        c,
+        "click",
+        (d) => {
+          var f;
+          !((f = c.videoInstance) != null && f.paused) && c.videoInstance.muted === !1 && this.plugin.hooks.emit("playStateChange", { event: d, state: "playing", tag: this, mediaInstance: c.videoInstance });
+        }
+      ), c.onVideoReady = (d) => {
+        d.addEventListener("play", (f) => {
+          this.plugin.mediaStore.set({ currentMediaElement: c.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: f, state: "playing", tag: this, mediaInstance: c.videoInstance });
+        }), d.addEventListener("pause", (f) => {
+          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: c.videoInstance });
+        }), d.addEventListener("ended", (f) => {
+          this.plugin.hooks.emit("playStateChange", { event: f, state: "paused", tag: this, mediaInstance: c.videoInstance });
+        });
       };
       const h = (d) => (this.five.on("renderFrame", d), () => this.five.off("renderFrame", d));
       c.initialRenderHooks(h), this.mediaPlane = c, this.play = () => c.play(), this.pause = () => c.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
@@ -42229,8 +42243,9 @@ function d7(n) {
     ((a = n[0].config.popoverConfig) == null ? void 0 : a.debug))
   ), i, s, r = (
     /*screenPosition*/
-    n[9] && !/*disable*/
-    n[17] && zm(n)
+    n[9] && (!/*disable*/
+    n[17] || /*isHovering*/
+    n[11]) && zm(n)
   ), o = e && Om(n);
   return {
     c() {
@@ -42242,9 +42257,10 @@ function d7(n) {
     p(l, c) {
       var h;
       /*screenPosition*/
-      l[9] && !/*disable*/
-      l[17] ? r ? (r.p(l, c), c[0] & /*screenPosition, disable*/
-      131584 && F(r, 1)) : (r = zm(l), r.c(), F(r, 1), r.m(t.parentNode, t)) : r && (Me(), Y(r, 1, 1, () => {
+      l[9] && (!/*disable*/
+      l[17] || /*isHovering*/
+      l[11]) ? r ? (r.p(l, c), c[0] & /*screenPosition, disable, isHovering*/
+      133632 && F(r, 1)) : (r = zm(l), r.c(), F(r, 1), r.m(t.parentNode, t)) : r && (Me(), Y(r, 1, 1, () => {
         r = null;
       }), ke()), c[0] & /*tag, hasPopoverContent, isHovering*/
       526337 && (e = /*tag*/
@@ -44599,22 +44615,25 @@ let z7 = class extends Pn {
   }
   load(e, i, s = !0) {
     return $(this, null, function* () {
-      var g, p, m, v, b, w, x;
+      var g, p, m, v, b, w, x, k;
       const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, o = yield this.formatData(e);
       this.hooks.emit("dataChange", o, r), this.data = o;
       const a = o.config, l = !o.lines && o.routes, c = de(_({}, a), {
+        model_style: {
+          texture: { url: (g = a == null ? void 0 : a.arrowTextureUrl) != null ? g : this.staticPrefix + "/release/web/arrow-white.5c2c79a5.png" }
+        },
         panorama_style: {
           visible: !!l,
-          unit_length: (g = a == null ? void 0 : a.unitHeight) != null ? g : 0.4,
-          width: (p = a == null ? void 0 : a.unitWidth) != null ? p : 0.6,
-          texture: { url: (m = a == null ? void 0 : a.arrowTextureUrl) != null ? m : this.staticPrefix + "/release/web/arrow-white.5c2c79a5.png" }
+          unit_length: (p = a == null ? void 0 : a.unitHeight) != null ? p : 0.4,
+          width: (m = a == null ? void 0 : a.unitWidth) != null ? m : 0.6,
+          texture: { url: (v = a == null ? void 0 : a.arrowTextureUrl) != null ? v : this.staticPrefix + "/release/web/arrow-white.5c2c79a5.png" }
         }
-      }), h = (b = (v = o.routes) == null ? void 0 : v.map((k) => {
-        var T;
-        return Je({}, c, { id: (T = k.id) != null ? T : Dt(), pano_group: k.panoIndexList });
-      })) != null ? b : [], d = (x = (w = o.lines) == null ? void 0 : w.map((k) => Je({}, c, k))) != null ? x : [], f = [...h, ...d];
-      yield ui(this.five), this.clear(), f.forEach((k) => {
-        this.addGuideLineItem(k);
+      }), h = (w = (b = o.routes) == null ? void 0 : b.map((T) => {
+        var S;
+        return Je({}, c, { id: (S = T.id) != null ? S : Dt(), pano_group: T.panoIndexList });
+      })) != null ? w : [], d = (k = (x = o.lines) == null ? void 0 : x.map((T) => Je({}, c, T))) != null ? k : [], f = [...h, ...d];
+      yield ui(this.five), this.clear(), f.forEach((T) => {
+        this.addGuideLineItem(T);
       }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: s }), this.hooks.emit("dataLoaded", o), console.debug(`${Nm} loaded`, o);
     });
   }