@realsee/dnalogel 2.16.0-4 → 2.16.0-alpha.1

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,7 +1,7 @@
 var j = Object.defineProperty;
-var w = (l, p, t) => p in l ? j(l, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[p] = t;
-var d = (l, p, t) => (w(l, typeof p != "symbol" ? p + "" : p, t), t);
-var D = (l, p, t) => new Promise((e, i) => {
+var w = (d, p, t) => p in d ? j(d, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[p] = t;
+var c = (d, p, t) => (w(d, typeof p != "symbol" ? p + "" : p, t), t);
+var P = (d, p, t) => new Promise((e, i) => {
   var o = (s) => {
     try {
       a(t.next(s));
@@ -15,22 +15,23 @@ var D = (l, p, t) => new Promise((e, i) => {
       i(r);
     }
   }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(o, n);
-  a((t = t.apply(l, p)).next());
+  a((t = t.apply(d, p)).next());
 });
 import { TagComputer as O } from "./TagComputer.js";
-import { Group as P, Quaternion as x, Vector3 as f, Matrix4 as T } from "three";
-import G from "../Components/TagContainer.js";
-import k from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as b } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { centerPoint as A } from "../../shared-utils/three/centerPoint.js";
+import { Group as b, Quaternion as x, Vector3 as D, Matrix4 as T } from "three";
+import I from "../Components/TagContainer.js";
+import E from "../Components/Tag/index.js";
+import { arrayPositionToVector3 as v } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { centerPoint as G } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
-import R from "../utils/model/imagePlane.js";
+import { ImagePlane as R, VideoPlane as k } from "../utils/model/mediaPlane.js";
 import { isMediaModelTag as S } from "../utils/tag/tagCheck.js";
-import { CSS3DRenderPlugin as E } from "../../CSS3DRenderPlugin/index.js";
+import { CSS3DRenderPlugin as A } from "../../CSS3DRenderPlugin/index.js";
 import { loadGLTF as V } from "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/loadTexture.js";
+import "../../shared-utils/threex/domevents/index.js";
 import "../utils/checkRange.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
@@ -56,11 +57,15 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../utils/device.js";
-import "../../shared-utils/threex/domevents/index.js";
+import "../../shared-utils/three/Quadrangle.js";
+import "../../shared-utils/math/pointIsRectangle.js";
+import "../../shared-utils/three/loadVideoTexture.js";
+import "../Assets/Icon.js";
+import "../../shared-utils/three/getPositionsByObjectFit.js";
+import "../../shared-utils/five/FiveDomEvents.js";
 import "../Components/TagItem.js";
 import "../utils/noTypecheck.js";
 import "../Components/Common/TagPoint.js";
@@ -70,7 +75,6 @@ import "../../vendor/svelte/easing/index.js";
 import "../Components/Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "../utils/px2rem.js";
-import "../Assets/Icon.js";
 import "classnames";
 import "../Components/Tag/TextTag/index.js";
 import "../Components/Tag/TextTag/TextTag.js";
@@ -133,16 +137,17 @@ import "../Components/Tag/LinkTag.js";
 import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-class Qe extends O {
+const F = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+class Ze extends O {
   constructor(t) {
     super(t);
-    d(this, "group", new P());
-    d(this, "imagePlaneGroup", new P());
-    d(this, "gltfObjectGroup", new P());
-    d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
-    d(this, "temporaryState", { visible: !0 });
-    d(this, "TagContainerSvelte");
-    d(this, "loadModel", (t) => D(this, null, function* () {
+    c(this, "group", new b());
+    c(this, "imagePlaneGroup", new b());
+    c(this, "gltfObjectGroup", new b());
+    c(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    c(this, "temporaryState", { visible: !0 });
+    c(this, "TagContainerSvelte");
+    c(this, "loadModel", (t) => P(this, null, function* () {
       var s;
       const e = t.data.modelUrl;
       if (!e)
@@ -155,14 +160,14 @@ class Qe extends O {
       o.visible = this.getCurrentVisibleState(t), new T().fromArray(t.matrix).decompose(o.position, o.quaternion, o.scale), o.updateWorldMatrix(!0, !0), o.visible = this.getVisibleByFloorIndex(t);
       const a = this.gltfObjectGroup.children.find((r) => r.customID === t.id);
       if (a && this.gltfObjectGroup.remove(a), this.getRenderType(t) === "Mesh") {
-        if (!t.imagePlane) {
-          const r = t.data.mediaPosition.map(b);
-          t.imagePlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(b));
-          const m = new f().addVectors(r[0], r[2]).divideScalar(2);
-          t.imagePlane.position.copy(m), o.add(t.imagePlane);
+        if (!t.mediaPlane) {
+          const r = t.data.mediaPosition.map(v);
+          t.mediaPlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(v));
+          const m = new D().addVectors(r[0], r[2]).divideScalar(2);
+          t.mediaPlane.position.copy(m), o.add(t.mediaPlane);
         }
       } else
-        this.updateTagCss3DObjectMatrix(t, o);
+        o.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(t, o), o.updateTagCss3DObjectMatrix();
       return this.gltfObjectGroup.add(o), o;
     }));
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
@@ -170,7 +175,7 @@ class Qe extends O {
   clearTags() {
     this.tags.forEach((t) => {
       var e, i;
-      (i = (e = t.imagePlane) == null ? void 0 : e.parent) == null || i.remove(t.imagePlane);
+      (i = (e = t.mediaPlane) == null ? void 0 : e.parent) == null || i.remove(t.mediaPlane);
     }), this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   updateRenderAllTags() {
@@ -178,19 +183,35 @@ class Qe extends O {
   }
   updateRenderImagePlane() {
     this.sort(this.filterImagePlane).forEach((e) => {
-      var n, a, s, r;
-      const i = (n = e.data.mediaData[0]) == null ? void 0 : n.url;
-      if (!i || (e.imagePlane && (e.imagePlane.visible = (s = (a = e.state) == null ? void 0 : a.visible) != null ? s : !0), ((r = e.imagePlane) == null ? void 0 : r.imageSrc) === i))
+      var s, r, m;
+      const i = e.data.mediaData[0];
+      if (!i)
+        return;
+      const o = i.url, n = i.type;
+      if (!o || (e.mediaPlane && (e.mediaPlane.visible = (r = (s = e.state) == null ? void 0 : s.visible) != null ? r : !0), ((m = e.mediaPlane) == null ? void 0 : m.src) === o))
         return;
-      const o = e.position.map(b);
-      e.imagePlane = new R(i, o), e.imagePlane.setMatrixByCornerPoints(o), this.imagePlaneGroup.add(e.imagePlane);
+      const a = e.position.map(v);
+      if (e.mediaPlane && e.mediaPlane.removeFromParent(), n === "Image")
+        e.mediaPlane = new R(o, a);
+      else if (n === "Video") {
+        const l = new k(o, a, {
+          videoCoverSrc: i.videoCoverUrl,
+          playButton: e.data.playIcon,
+          videoTextureMap: F,
+          ImageTextureMap: B
+        });
+        l.videoInstance.addEventListener("play", () => {
+          this.mediaStore.set({ currentMediaElement: l.videoInstance });
+        }), l.initialDomEvents(this.five), l.initialRenderHooks(this.five), e.mediaPlane = l;
+      }
+      this.imagePlaneGroup.add(e.mediaPlane);
     });
   }
   updateRender3DDomTag() {
     this.sort([...this.filterCSS3DTag]).forEach((e) => {
       var i, o;
       if (e.tag3DContentSvelte) {
-        const { svelteApp: n, domContainer: a, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
+        const { svelteApp: n, css3DInstance: a, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
         if (n.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !s.equals(r)) {
           const m = new x().setFromUnitVectors(s, r);
           a.css3DObject.setRotationFromQuaternion(m);
@@ -199,7 +220,7 @@ class Qe extends O {
       } else {
         if (((i = e.state) == null ? void 0 : i.visible) === !1)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = E(this.five)), e.stickType === "3DPoint" && !e.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = A(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
         const n = this.getPositions(e);
         if (!n)
@@ -210,34 +231,40 @@ class Qe extends O {
         const r = (o = this.getTagConfig(e).tag3DConfig) != null ? o : {};
         if (this.getRenderType(e) === "BehindDom") {
           r.mode = "behind", r.container = document.createElement("div");
-          const h = "black";
-          r.container.style.backgroundColor = h, r.container.style.border = `3px solid ${h}`, this.css3DRenderPlugin.hooks.on("render", () => {
+          const f = "black";
+          r.container.style.backgroundColor = f, r.container.style.border = `3px solid ${f}`, this.css3DRenderPlugin.hooks.on("render", () => {
             var u;
             if (m.css3DObject.opacityMesh) {
-              const g = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (c) => {
-                this.hooks.emit("click", { event: c, target: "TagContent", tag: e });
+              const h = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (g) => {
+                this.hooks.emit("click", { event: g, target: "TagContent", tag: e });
               });
-              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(g);
+              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(h);
             }
           });
         }
         const m = this.css3DRenderPlugin.create3DDomContainer(n, r);
         if (!m)
           return;
-        this.store.css3DRenderDisposer.set(e.id, [m.dispose]), e.tag3DContentSvelte = {
-          svelteApp: new k({
-            target: m.container,
-            props: {
-              tag: e,
-              hooks: this.hooks,
-              state: this.state,
-              mediaStore: this.mediaStore,
-              temporaryState: this.temporaryState
-            }
-          }),
+        this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
+        const l = new E({
+          target: m.container,
+          props: {
+            tag: e,
+            hooks: this.hooks,
+            state: this.state,
+            mediaStore: this.mediaStore,
+            temporaryState: this.temporaryState
+          }
+        });
+        e.tag3DContentSvelte = {
+          svelteApp: l,
           domContainer: m,
+          css3DInstance: m,
           initialNormal: a,
-          currentNormal: a
+          currentNormal: a,
+          dispose: () => {
+            l.$destroy(), m.dispose();
+          }
         };
       }
     }), this.clearUnusedPanelTag();
@@ -254,23 +281,23 @@ class Qe extends O {
   updateTagModelVisible() {
     this.tags.forEach((t) => {
       var e;
-      t.imagePlane && (t.imagePlane.visible = this.getCurrentVisibleState(t)), (e = t.model) != null && e.object && (t.model.object.visible = this.getCurrentVisibleState(t));
+      t.mediaPlane && (t.mediaPlane.visible = this.getCurrentVisibleState(t)), (e = t.model) != null && e.object && (t.model.object.visible = this.getCurrentVisibleState(t));
     });
   }
   updateTagCss3DObjectMatrix(t, e) {
-    var C, v, M, y;
-    const i = (M = (v = (C = t.mergedConfig) == null ? void 0 : C.tag3DConfig) == null ? void 0 : v.ratio) != null ? M : 216e-5, o = (y = t.tag3DContentSvelte) == null ? void 0 : y.domContainer.css3DObject;
+    var g, C, M, y;
+    const i = (M = (C = (g = t.mergedConfig) == null ? void 0 : g.tag3DConfig) == null ? void 0 : C.ratio) != null ? M : 216e-5, o = (y = t.tag3DContentSvelte) == null ? void 0 : y.css3DInstance.css3DObject;
     if (!o)
       return;
     const n = S(t) ? t.data.mediaPosition : t.position;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new f().fromArray(n[0]), r = new f().fromArray(n[2]), m = A(s, r).add(new f(0, 0, 5e-4)), h = new T().setPosition(m), u = new T().makeScale(i, i, i), g = new T().multiply(a).multiply(h).multiply(u);
-    g.decompose(o.position, o.quaternion, o.scale);
-    const c = o.opacityMesh;
-    c && g.decompose(c.position, c.quaternion, c.scale);
+    const a = e.matrixWorld, s = new D().fromArray(n[0]), r = new D().fromArray(n[2]), m = G(s, r).add(new D(0, 0, 5e-4)), l = new T().setPosition(m), f = new T().makeScale(i, i, i), u = new T().multiply(a).multiply(l).multiply(f);
+    u.decompose(o.position, o.quaternion, o.scale);
+    const h = o.opacityMesh;
+    h && u.decompose(h.position, h.quaternion, h.scale);
   }
   addMediaModelTag(t) {
-    return D(this, null, function* () {
+    return P(this, null, function* () {
       const e = t.filter(S).map((i) => this.loadModel(i));
       yield Promise.all(e), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
@@ -284,7 +311,7 @@ class Qe extends O {
       const i = (e = this.five.getElement()) == null ? void 0 : e.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new G({
+      this.TagContainerSvelte = new I({
         target: i,
         props: { hooks: this.hooks, tags: t, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -298,7 +325,7 @@ class Qe extends O {
       withAnimation: this.store.visibleWithAnimation
     }), this.filterCSS3DTag.forEach((e) => {
       var i, o, n, a, s;
-      (a = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : o.css3DObject) == null || a.setVisible((this.state.visible && ((n = e.state) == null ? void 0 : n.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
+      (a = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.css3DInstance) == null ? void 0 : o.css3DObject) == null || a.setVisible((this.state.visible && ((n = e.state) == null ? void 0 : n.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
         state: this.state,
         temporaryState: this.temporaryState,
         withAnimation: this.store.visibleWithAnimation
@@ -313,7 +340,7 @@ class Qe extends O {
   clearUnusedPanelTag() {
     this.filter2DPointTag.forEach((t) => {
       var e;
-      (e = t.tag3DContentSvelte) == null || e.domContainer.dispose(), t.tag3DContentSvelte = void 0;
+      (e = t.tag3DContentSvelte) == null || e.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
     });
     for (const [t, e] of this.store.css3DRenderDisposer) {
       const i = this.getTagById(t);
@@ -322,5 +349,5 @@ class Qe extends O {
   }
 }
 export {
-  Qe as TagRender
+  Ze as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,12 +1,12 @@
 var T = Object.defineProperty;
 var y = (c, u, e) => u in c ? T(c, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[u] = e;
-var a = (c, u, e) => (y(c, typeof u != "symbol" ? u + "" : u, e), e);
+var l = (c, u, e) => (y(c, typeof u != "symbol" ? u + "" : u, e), e);
 import D from "object-assign-deep";
 import * as C from "three";
-import { DefaultConfig as w } from "../tag.config.js";
-import { anyPositionToVector3 as E, arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { DefaultConfig as P } from "../tag.config.js";
+import { anyPositionToVector3 as w, arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { planeNormal as g } from "../utils/planeNormal.js";
-import { tagPosition as P, getTagPosition as k } from "../utils/tagPosition.js";
+import { tagPosition as E, getTagPosition as k } from "../utils/tagPosition.js";
 import { normalPositionToPositions as M } from "../utils/normalPositionToPositions.js";
 import { TagCache as b } from "./TagCache.js";
 import { writable as I } from "../../vendor/svelte/store/index.js";
@@ -14,17 +14,15 @@ import { isIOSWX as A } from "../utils/device.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five";
-import "hammerjs";
-import "@tweenjs/tween.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
 import { isMediaPlaneTag as x, isMediaModelTag as v, isPlaneTag as V } from "../utils/tag/tagCheck.js";
 import { DomEvents as L } from "../../shared-utils/threex/domevents/index.js";
+import { VideoPlane as S } from "../utils/model/mediaPlane.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/isAbsoluteURL.js";
+import "../../vendor/svelte/internal/index.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -34,32 +32,40 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../../shared-utils/animationFrame/index.js";
-import "../../vendor/svelte/internal/index.js";
-class he extends b {
+import "../../shared-utils/three/Quadrangle.js";
+import "../../shared-utils/math/pointIsRectangle.js";
+import "../../shared-utils/three/loadVideoTexture.js";
+import "../Assets/Icon.js";
+import "../../shared-utils/three/getPositionsByObjectFit.js";
+import "../../shared-utils/five/FiveDomEvents.js";
+class ve extends b {
   constructor(e) {
     super(e);
-    a(this, "tags", []);
-    a(this, "config", w);
-    a(this, "mediaStore", I({
+    l(this, "tags", []);
+    l(this, "config", P);
+    l(this, "mediaStore", I({
       currentMediaElement: null
     }));
-    a(this, "css3DRenderPlugin");
-    a(this, "store", {
+    l(this, "css3DRenderPlugin");
+    l(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    a(this, "domEvents");
-    a(this, "mouseInfo");
-    a(this, "preventWhenMouseDown", () => {
+    l(this, "domEvents");
+    l(this, "mouseInfo");
+    l(this, "preventWhenMouseDown", () => {
       var e;
       if ((e = this.mouseInfo) != null && e.isDown)
         return !1;
     });
     const i = this.five.getElement();
-    i && (this.domEvents = new L(this.five.camera, i)), this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.store.disposers.push(() => {
+    i && (this.domEvents = new L(this.five.camera, i)), this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: o }) => {
+      this.tags.forEach((t) => {
+        t.mediaPlane instanceof S && o !== t.mediaPlane.videoInstance && t.mediaPlane.pause();
+      });
+    }), this.store.disposers.push(() => {
       this.five.off("wantsMoveToPano", this.preventWhenMouseDown), this.five.off("wantsTapGesture", this.preventWhenMouseDown);
     });
   }
@@ -82,8 +88,8 @@ class he extends b {
     if (!e)
       return (t = this.config.globalConfig) != null ? t : {};
     const i = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((l) => {
-      const r = l;
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((a) => {
+      const r = a;
       if (i[r])
         return;
       const f = r.split("-");
@@ -134,28 +140,25 @@ class he extends b {
     return !0;
   }
   getRenderType(e) {
-    const i = this.getTagConfig(e);
-    if (!i || typeof i != "object" || !i.renderType)
-      return "Dom";
-    const o = e.data.mediaData;
-    if (!o || o.length === 0)
-      return "Dom";
-    if (i.renderType === "Mesh") {
-      if (x(e))
-        if (o.length === 1) {
-          if (o[0].type === "Image")
+    const i = (() => {
+      if (e.stickType === "3DPoint")
+        return "Dom";
+      const o = this.getTagConfig(e);
+      if (!o || typeof o != "object" || !o.renderType)
+        return;
+      const t = e.data.mediaData;
+      if (!(!t || t.length === 0) && o.renderType === "Mesh") {
+        if (x(e)) {
+          if (t.length === 1 && (t[0].type === "Image" || t[0].type === "Video"))
             return "Mesh";
-          if (o[0].type === "Video")
-            return "Dom";
-        } else
-          return "Dom";
-      else if (v(e))
-        return o.length === 1 && o[0].type === "Image" ? "Mesh" : "BehindDom";
-    } else
-      return "Dom";
+        } else if (v(e))
+          return t.length === 1 && t[0].type === "Image" ? "Mesh" : "BehindDom";
+      }
+    })();
+    return i != null ? i : "Dom";
   }
   getAngle(e, i) {
-    var d, l, r;
+    var d, a, r;
     const o = (d = this.five.panoIndex) != null ? d : i;
     if (o === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${o}`);
@@ -163,13 +166,13 @@ class he extends b {
     if (t.angle !== void 0)
       return t.angle;
     {
-      const f = (r = (l = this.five.work) == null ? void 0 : l.observers[o]) == null ? void 0 : r.position;
+      const f = (r = (a = this.five.work) == null ? void 0 : a.observers[o]) == null ? void 0 : r.position;
       if (f === void 0)
         throw new Error(`getAngleRange(): observerPosition is ${f}`);
-      const s = (() => e.stickType === "3DPoint" ? E(e.normal) : g(e.position))();
+      const s = (() => e.stickType === "3DPoint" ? w(e.normal) : g(e.position))();
       if (!s)
         return;
-      const n = P(e.position);
+      const n = E(e.position);
       if (!n)
         return;
       const h = new C.Vector3().copy(f).sub(n), m = s.angleTo(h) * 180 / Math.PI;
@@ -177,7 +180,7 @@ class he extends b {
     }
   }
   getDistance(e, i) {
-    var d, l, r;
+    var d, a, r;
     const o = (d = this.five.panoIndex) != null ? d : i;
     if (o === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${o}`);
@@ -185,7 +188,7 @@ class he extends b {
     if (t.distance !== void 0)
       return t.distance;
     {
-      const f = (r = (l = this.five.work) == null ? void 0 : l.observers[o]) == null ? void 0 : r.position;
+      const f = (r = (a = this.five.work) == null ? void 0 : a.observers[o]) == null ? void 0 : r.position;
       if (f === void 0)
         throw new Error(`getDistance(): observerPosition is ${f}`);
       const s = k(e);
@@ -223,7 +226,7 @@ class he extends b {
         isDown: !0,
         mouseDownTimestamp: Date.now()
       };
-    }, l = (s) => {
+    }, a = (s) => {
       if (!t()) {
         this.mouseInfo = void 0;
         return;
@@ -250,8 +253,8 @@ class he extends b {
       const n = s.origDomEvent;
       !this.mouseInfo || (this.mouseInfo.isDown && this.mouseInfo.x === Math.floor(n.changedTouches[n.changedTouches.length - 1].clientX) && this.mouseInfo.y === Math.floor(n.changedTouches[n.changedTouches.length - 1].clientY) && Date.now() - this.mouseInfo.mouseDownTimestamp < 400 && o(n), this.mouseInfo = void 0);
     };
-    return this.domEvents.addEventListener(i, "mousedown", d, !1), this.domEvents.addEventListener(i, "mouseup", l, !1), this.domEvents.addEventListener(i, "touchstart", r, !1), this.domEvents.addEventListener(i, "touchend", f, !1), () => {
-      !this.domEvents || (this.mouseInfo = void 0, this.domEvents.removeEventListener(i, "mousedown", d), this.domEvents.removeEventListener(i, "mouseup", l), this.domEvents.removeEventListener(i, "touchstart", r), this.domEvents.removeEventListener(i, "touchend", f));
+    return this.domEvents.addEventListener(i, "mousedown", d, !1), this.domEvents.addEventListener(i, "mouseup", a, !1), this.domEvents.addEventListener(i, "touchstart", r, !1), this.domEvents.addEventListener(i, "touchend", f, !1), () => {
+      !this.domEvents || (this.mouseInfo = void 0, this.domEvents.removeEventListener(i, "mousedown", d), this.domEvents.removeEventListener(i, "mouseup", a), this.domEvents.removeEventListener(i, "touchstart", r), this.domEvents.removeEventListener(i, "touchend", f));
     };
   }
   getTagNormal(e) {
@@ -293,5 +296,5 @@ class he extends b {
   }
 }
 export {
-  he as TagUtil
+  ve as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -27,13 +27,14 @@ var f = (d, a, e) => new Promise((t, i) => {
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(d, a)).next());
 });
-import { Subscribe as w } from "@realsee/five";
+import { Subscribe as M } from "@realsee/five";
 import c from "object-assign-deep";
 import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as M } from "../utils/addDebugPoints.js";
+import { addDebugPoints as w } from "../utils/addDebugPoints.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
+import "../../shared-utils/threex/domevents/index.js";
 import { isMediaModelTag as v } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as I } from "../utils/actionAfterFiveModelLoad.js";
 import { debounce as A } from "../utils/debounce.js";
@@ -69,11 +70,16 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../utils/device.js";
-import "../../shared-utils/threex/domevents/index.js";
+import "../utils/model/mediaPlane.js";
+import "../../shared-utils/three/Quadrangle.js";
+import "../../shared-utils/math/pointIsRectangle.js";
+import "../../shared-utils/three/loadVideoTexture.js";
+import "../Assets/Icon.js";
+import "../../shared-utils/three/getPositionsByObjectFit.js";
+import "../../shared-utils/five/FiveDomEvents.js";
 import "../Components/TagContainer.js";
 import "../Components/TagItem.js";
 import "../Components/Tag/index.js";
@@ -90,7 +96,6 @@ import "animejs";
 import "../utils/search.js";
 import "../utils/constants.js";
 import "../Components/Common/Arrow.js";
-import "../Assets/Icon.js";
 import "../utils/doUtil.js";
 import "../../shared-utils/svelte/resizeObserver.js";
 import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
@@ -145,13 +150,12 @@ import "../utils/getImageInfo.js";
 import "../Components/Tag/CustomTag.js";
 import "classnames";
 import "../Components/Common/TagPoint.js";
-import "../utils/model/imagePlane.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
-const D = "Dnalogel-PanoTagPlugin", Zt = (d) => `${D}--${d}`;
-class ei extends k {
+const D = "Dnalogel-PanoTagPlugin", si = (d) => `${D}--${d}`;
+class oi extends k {
   constructor(e, t) {
     super(e);
     p(this, "state", { enabled: !0, visible: !0 });
@@ -188,7 +192,7 @@ class ei extends k {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          M(this.five, this.tags);
+          w(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -204,7 +208,7 @@ class ei extends k {
             visible: void 0,
             unfolded: !this.can("fold", o)
           }, r.initialState),
-          hooks: new w(),
+          hooks: new M(),
           mergedConfig: r,
           unfold: () => this.changeUnfoldedById(o.id, !0),
           fold: () => this.changeUnfoldedById(o.id, !1),
@@ -324,13 +328,16 @@ class ei extends k {
     this.pauseCurrentMedia(), this.state.visible = !1, this.group.visible = !1, this.updateTagContainerVisible(), this.updateTagModelVisible(), this.five.needsRender = !0;
   }
   handleEnable() {
-    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.five.scene.children.includes(this.group) || this.five.scene.add(this.group), this.updateRenderAllTags(), this.five.needsRender = !0;
+    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.five.scene.children.includes(this.group) || this.five.scene.add(this.group), this.group.traverse((e) => {
+      var t;
+      (t = e == null ? void 0 : e.updateTagCss3DObjectMatrix) == null || t.call(e);
+    }), this.updateRenderAllTags(), this.five.needsRender = !0;
   }
   handleDisable() {
     var e, t, i;
     this.pauseCurrentMedia(), this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), this.five.scene.remove(this.group), (i = this.TagContainerSvelte) == null || i.$set({ tags: [] }), this.filterCSS3DTag.forEach((s) => {
       var o;
-      (o = s.tag3DContentSvelte) == null || o.svelteApp.$destroy(), s.tag3DContentSvelte = void 0;
+      (o = s.tag3DContentSvelte) == null || o.dispose(), s.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
   addEventListener() {
@@ -415,11 +422,11 @@ class ei extends k {
   }
   changeTagMode(e, t) {
     var i, s, o, r, n, h;
-    ((i = this.getTagConfig(e)) == null ? void 0 : i.renderType) !== "Mesh" && ((r = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.domContainer) == null ? void 0 : o.css3DObject) == null ? void 0 : r.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
+    ((i = this.getTagConfig(e)) == null ? void 0 : i.renderType) !== "Mesh" && ((r = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : r.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
   }
 }
 export {
-  ei as PanoTagPluginController,
-  ei as default,
-  Zt as pluginFlag
+  oi as PanoTagPluginController,
+  oi as default,
+  si as pluginFlag
 };