@realsee/dnalogel 2.16.1 → 2.17.0-alpha.3

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,7 +1,7 @@
 var w = Object.defineProperty;
-var O = (d, p, e) => p in d ? w(d, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[p] = e;
-var c = (d, p, e) => (O(d, typeof p != "symbol" ? p + "" : p, e), e);
-var P = (d, p, e) => new Promise((t, i) => {
+var E = (c, l, e) => l in c ? w(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
+var u = (c, l, e) => (E(c, typeof l != "symbol" ? l + "" : l, e), e);
+var T = (c, l, e) => new Promise((t, i) => {
   var o = (s) => {
     try {
       a(e.next(s));
@@ -15,19 +15,19 @@ var P = (d, p, e) => new Promise((t, i) => {
       i(r);
     }
   }, a = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, n);
-  a((e = e.apply(d, p)).next());
+  a((e = e.apply(c, l)).next());
 });
-import { TagComputer as x } from "./TagComputer.js";
-import { Group as b, Quaternion as I, Vector3 as D, Matrix4 as T } from "three";
-import E from "../Components/TagContainer.js";
+import { TagComputer as O } from "./TagComputer.js";
+import { Group as b, Quaternion as k, Vector3 as D, Matrix4 as P } from "three";
+import x from "../Components/TagContainer.js";
 import G from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as v } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { centerPoint as k } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as I } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
 import { VideoPlane as R, ImagePlane as j } from "../utils/model/mediaPlane.js";
-import { isMediaModelTag as S } from "../utils/tag/tagCheck.js";
-import { CSS3DRenderPlugin as A } from "../../CSS3DRenderPlugin/index.js";
-import { loadGLTF as V } from "../../shared-utils/three/GLTFLoader.js";
+import { isMediaModelTag as C } from "../utils/tag/tagCheck.js";
+import { CSS3DRenderPlugin as V } from "../../CSS3DRenderPlugin/index.js";
+import { loadGLTF as A } from "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/loadTexture.js";
@@ -67,12 +67,14 @@ import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
 import "../../vendor/svelte/store/index.js";
+import "../../shared-utils/five/FiveDomEvents.js";
+import "../../shared-utils/five/getFloorIndex.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 "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../Components/TagItem.js";
 import "../utils/noTypecheck.js";
 import "../Components/Common/TagPoint.js";
@@ -138,26 +140,26 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 const F = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
-class Zt extends x {
+class ei extends O {
   constructor(e) {
     super(e);
-    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", (e) => P(this, null, function* () {
+    u(this, "group", new b());
+    u(this, "imagePlaneGroup", new b());
+    u(this, "gltfObjectGroup", new b());
+    u(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    u(this, "temporaryState", { visible: !0 });
+    u(this, "TagContainerSvelte");
+    u(this, "loadModel", (e) => T(this, null, function* () {
       var s;
       const t = e.data.modelUrl;
       if (!t)
         return;
-      const i = V(t).then((r) => Object.assign(r.scene, { customID: e.id, isTagModel: !0 }));
+      const i = A(t).then((r) => Object.assign(r.scene, { customID: e.id, isTagModel: !0 }));
       e.model = { promise: i };
       const o = yield i;
       if (((s = e.model) == null ? void 0 : s.promise) !== i || (e.model.object = o, !this.tags.includes(e)))
         return;
-      o.visible = this.getCurrentVisibleState(e), new T().fromArray(e.matrix).decompose(o.position, o.quaternion, o.scale), o.updateWorldMatrix(!0, !0), o.visible = this.getVisibleByFloorIndex(e);
+      o.visible = this.getCurrentVisibleState(e), new P().fromArray(e.matrix).decompose(o.position, o.quaternion, o.scale), o.updateWorldMatrix(!0, !0), o.visible = this.getVisibleByFiveMode(e);
       const a = this.gltfObjectGroup.children.find((r) => r.customID === e.id);
       if (a && this.gltfObjectGroup.remove(a), this.getRenderType(e) === "Mesh") {
         if (!e.mediaPlane) {
@@ -185,26 +187,31 @@ class Zt extends x {
   }
   updateRenderImagePlane() {
     this.sort(this.filterImagePlane).forEach((t) => {
-      var s, r, m;
+      var s, r, m, f, g;
       const i = t.data.mediaData[0];
       if (!i)
         return;
-      const o = i.url, n = i.type;
-      if (!o || (t.mediaPlane && (t.mediaPlane.visible = (r = (s = t.state) == null ? void 0 : s.visible) != null ? r : !0, t.mediaPlane instanceof R && !t.mediaPlane.visible && t.mediaPlane.pause()), ((m = t.mediaPlane) == null ? void 0 : m.src) === o))
+      const { url: o, type: n } = i;
+      if (!o || (t.mediaPlane && (t.mediaPlane.visible = (r = (s = t.state) == null ? void 0 : s.visible) != null ? r : !0, t.mediaPlane.visible || t.mediaPlane instanceof R && ((m = t.data.autoplayConfig) != null && m.autoplayVideo || t.mediaPlane.pause())), ((f = t.mediaPlane) == null ? void 0 : f.src) === o))
         return;
       const a = t.position.map(v);
       if (t.mediaPlane && t.mediaPlane.removeFromParent(), n === "Image")
-        t.mediaPlane = new j(o, a);
+        t.mediaPlane = new j(o, a), this.domEvents.addAutoBindEventListener(t.mediaPlane, "click", (p) => {
+          this.hooks.emit("click", { tag: t, target: "TagContent", event: p.origDomEvent });
+        });
       else if (n === "Video") {
-        const l = new R(o, a, {
+        const p = new R(o, a, {
           videoCoverSrc: i.videoCoverUrl,
           playButton: t.data.playIcon,
+          paused: !((g = t.data.autoplayConfig) != null && g.autoplayVideo),
           videoTextureMap: F,
           ImageTextureMap: B
         });
-        l.videoInstance.addEventListener("play", () => {
-          this.mediaStore.set({ currentMediaElement: l.videoInstance });
-        }), l.initialDomEvents(this.five), l.initialRenderHooks(this.five), t.mediaPlane = l;
+        p.onVideoReady = (d) => {
+          d.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: p.videoInstance }));
+        }, p.initialDomEvents(this.domEvents);
+        const h = (d) => (this.five.on("renderFrame", d), () => this.five.off("renderFrame", d));
+        p.initialRenderHooks(h), t.mediaPlane = p;
       }
       this.imagePlaneGroup.add(t.mediaPlane);
     });
@@ -215,14 +222,14 @@ class Zt extends x {
       if (t.tag3DContentSvelte) {
         const { svelteApp: n, css3DInstance: a, initialNormal: s, currentNormal: r } = t.tag3DContentSvelte;
         if (n.$set({ tag: t, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !s.equals(r)) {
-          const m = new I().setFromUnitVectors(s, r);
+          const m = new k().setFromUnitVectors(s, r);
           a.css3DObject.setRotationFromQuaternion(m);
         }
         return;
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = A(this.five)), t.stickType === "3DPoint" && !t.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = V(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
         const n = this.getPositions(t);
         if (!n)
@@ -233,14 +240,14 @@ class Zt extends x {
         const r = (o = this.getTagConfig(t).tag3DConfig) != null ? o : {};
         if (this.getRenderType(t) === "BehindDom") {
           r.mode = "behind", r.container = document.createElement("div");
-          const f = "black";
-          r.container.style.backgroundColor = f, r.container.style.border = `3px solid ${f}`, this.css3DRenderPlugin.hooks.on("render", () => {
-            var u;
+          const g = "black";
+          r.container.style.backgroundColor = g, r.container.style.border = `3px solid ${g}`, this.css3DRenderPlugin.hooks.on("render", () => {
+            var p;
             if (m.css3DObject.opacityMesh) {
-              const h = this.addObjectClickHandler(t, m.css3DObject.opacityMesh, (g) => {
-                this.hooks.emit("click", { event: g, target: "TagContent", tag: t });
+              const h = this.addObjectClickHandler(t, m.css3DObject.opacityMesh, (d) => {
+                this.hooks.emit("click", { event: d, target: "TagContent", tag: t });
               });
-              (u = this.store.css3DRenderDisposer.get(t.id)) == null || u.push(h);
+              (p = this.store.css3DRenderDisposer.get(t.id)) == null || p.push(h);
             }
           });
         }
@@ -248,7 +255,7 @@ class Zt extends x {
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(t.id, [m.dispose]);
-        const l = new G({
+        const f = new G({
           target: m.container,
           props: {
             tag: t,
@@ -259,13 +266,13 @@ class Zt extends x {
           }
         });
         t.tag3DContentSvelte = {
-          svelteApp: l,
+          svelteApp: f,
           domContainer: m,
           css3DInstance: m,
           initialNormal: a,
           currentNormal: a,
           dispose: () => {
-            l.$destroy(), m.dispose();
+            f.$destroy(), m.dispose();
           }
         };
       }
@@ -273,7 +280,7 @@ class Zt extends x {
   }
   updateRenderModelTag() {
     const e = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(S).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(C).forEach((i) => {
       var o;
       (o = i.model) == null || o.promise.then((n) => {
         n.visible = this.getCurrentVisibleState(i);
@@ -287,20 +294,20 @@ class Zt extends x {
     });
   }
   updateTagCss3DObjectMatrix(e, t) {
-    var g, C, M, y;
-    const i = (M = (C = (g = e.mergedConfig) == null ? void 0 : g.tag3DConfig) == null ? void 0 : C.ratio) != null ? M : 216e-5, o = (y = e.tag3DContentSvelte) == null ? void 0 : y.css3DInstance.css3DObject;
+    var d, S, y, M;
+    const i = (y = (S = (d = e.mergedConfig) == null ? void 0 : d.tag3DConfig) == null ? void 0 : S.ratio) != null ? y : 216e-5, o = (M = e.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
     if (!o)
       return;
-    const n = S(e) ? e.data.mediaPosition : e.position;
+    const n = C(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    const a = t.matrixWorld, s = new D().fromArray(n[0]), r = new D().fromArray(n[2]), m = k(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 a = t.matrixWorld, s = new D().fromArray(n[0]), r = new D().fromArray(n[2]), m = I(s, r).add(new D(0, 0, 5e-4)), f = new P().setPosition(m), g = new P().makeScale(i, i, i), p = new P().multiply(a).multiply(f).multiply(g);
+    p.decompose(o.position, o.quaternion, o.scale);
     const h = o.opacityMesh;
-    h && u.decompose(h.position, h.quaternion, h.scale);
+    h && p.decompose(h.position, h.quaternion, h.scale);
   }
   addMediaModelTag(e) {
-    return P(this, null, function* () {
-      const t = e.filter(S).map((i) => this.loadModel(i));
+    return T(this, null, function* () {
+      const t = e.filter(C).map((i) => this.loadModel(i));
       yield Promise.all(t), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
   }
@@ -313,7 +320,7 @@ class Zt extends x {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new E({
+      this.TagContainerSvelte = new x({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -351,5 +358,5 @@ class Zt extends x {
   }
 }
 export {
-  Zt as TagRender
+  ei as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.d.ts

@@ -4,6 +4,7 @@ import type { Tag, Tags, Point2DElement, Point3DElement, PlaneTagElement, PointT
 import { TagCache } from './TagCache';
 import { CSS3DRenderPluginExportType } from '../../CSS3DRenderPlugin';
 import { Five } from '@realsee/five';
+import { FiveDomEvents } from '../../shared-utils/five/FiveDomEvents';
 export declare abstract class TagUtil extends TagCache {
     tags: TagElement[];
     config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;
@@ -21,7 +22,7 @@ export declare abstract class TagUtil extends TagCache {
         disposed: boolean;
     };
     protected get isPanorama(): boolean;
-    private domEvents?;
+    protected domEvents: FiveDomEvents;
     private mouseInfo?;
     protected constructor(five: Five);
     getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S> | undefined;

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,9 +1,9 @@
-var T = Object.defineProperty;
-var y = (u, m, e) => m in u ? T(u, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[m] = e;
-var l = (u, m, e) => (y(u, typeof m != "symbol" ? m + "" : m, e), e);
-import D from "object-assign-deep";
-import * as C from "three";
-import { DefaultConfig as P } from "../tag.config.js";
+var y = Object.defineProperty;
+var D = (m, u, e) => u in m ? y(m, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[u] = e;
+var l = (m, u, e) => (D(m, typeof u != "symbol" ? u + "" : u, e), e);
+import T from "object-assign-deep";
+import * as P from "three";
+import { DefaultConfig as C } from "../tag.config.js";
 import { anyPositionToVector3 as w, arrayPositionToVector3 as h } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { planeNormal as g } from "../utils/planeNormal.js";
 import { tagPosition as E, getTagPosition as k } from "../utils/tagPosition.js";
@@ -15,8 +15,9 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five";
 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 "../../shared-utils/threex/domevents/index.js";
 import { VideoPlane as S } from "../utils/model/mediaPlane.js";
+import { FiveDomEvents as F } from "../../shared-utils/five/FiveDomEvents.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "hammerjs";
@@ -49,12 +50,12 @@ 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 Ae extends b {
+import "../../shared-utils/three/FragmentTransparencyMaterial.js";
+class xe extends b {
   constructor(e) {
     super(e);
     l(this, "tags", []);
-    l(this, "config", P);
+    l(this, "config", C);
     l(this, "mediaStore", I({
       currentMediaElement: null
     }));
@@ -65,17 +66,21 @@ class Ae extends b {
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    l(this, "domEvents");
+    l(this, "domEvents", new F(this.five));
     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.mediaStore.subscribe(({ currentMediaElement: o }) => {
-      this.tags.forEach((t) => {
-        t.mediaPlane instanceof S && o !== t.mediaPlane.videoInstance && t.mediaPlane.pause();
+    this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: i }) => {
+      this.tags.forEach((o) => {
+        var t;
+        if (o.mediaPlane instanceof S && i !== o.mediaPlane.videoInstance) {
+          if (!((t = o.mediaPlane.videoInstance) != null && t.src) || i === o.mediaPlane.videoInstance)
+            return;
+          o.mediaPlane.pause();
+        }
       });
     }), this.store.disposers.push(() => {
       this.five.off("wantsMoveToPano", this.preventWhenMouseDown), this.five.off("wantsTapGesture", this.preventWhenMouseDown);
@@ -121,7 +126,7 @@ class Ae extends b {
         }
       }
     });
-    const o = D({}, this.config.globalConfig, ...Object.values(i), e.config);
+    const o = T({}, this.config.globalConfig, ...Object.values(i), e.config);
     return typeof o.unfoldedConfig == "object" && (o.unfoldedConfig.disableFold && (o.unfoldedConfig = { keep: "unfolded" }), o.unfoldedConfig.disableUnfold && (o.unfoldedConfig = { keep: "folded" }), o.unfoldedConfig.keep && (o.unfoldedConfig = { keep: o.unfoldedConfig.keep })), typeof o.visibleConfig == "object" && o.visibleConfig.keep && (o.visibleConfig = { keep: o.visibleConfig.keep, visibleFiveMode: (d = o.visibleConfig) == null ? void 0 : d.visibleFiveMode }), o;
   }
   loadVideoFirstFrame() {
@@ -130,7 +135,7 @@ class Ae extends b {
   updateTagConfig(e) {
     e != null && e.force && this.clearCache(), this.tags.forEach((i) => {
       const o = this.getTagConfig(i);
-      i.mergedConfig = o;
+      i.mergedConfig = o, i.data = T({}, i.data, o.initialState);
     });
   }
   can(e, i) {
@@ -187,7 +192,7 @@ class Ae extends b {
       const n = E(e.position);
       if (!n)
         return;
-      const c = new C.Vector3().copy(f).sub(n), p = s.angleTo(c) * 180 / Math.PI;
+      const c = new P.Vector3().copy(f).sub(n), p = s.angleTo(c) * 180 / Math.PI;
       return t.angle = p, t.angle;
     }
   }
@@ -308,5 +313,5 @@ class Ae extends b {
   }
 }
 export {
-  Ae as TagUtil
+  xe as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -1,5 +1,5 @@
 import type { Tag, PartialDeep, TagId, Tags, TagElement, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig } from '../typings';
-import type { TagContentType } from '..';
+import type { PickTagContentTypeInContentTypeConfigKey, TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { Five } from '@realsee/five';
 import { TagRender } from './TagRender';
@@ -37,7 +37,7 @@ declare class PanoTagPluginController extends TagRender {
     /**
      * @description: 改变类型配置
      */
-    changeContentTypeConfig(key: ContentTypeConfigKey, contentTypeConfig: TagConfig, merge?: boolean): void;
+    changeContentTypeConfig<T extends ContentTypeConfigKey>(key: ContentTypeConfigKey, contentTypeConfig: PickTagContentTypeInContentTypeConfigKey<T> extends TagContentType ? TagConfig<PickTagContentTypeInContentTypeConfigKey<T>> : unknown, merge?: boolean): void;
     show(params?: {
         userAction?: boolean;
         withAnimation?: boolean;

package/libs/PanoTagPlugin/controller/index.js

@@ -1,16 +1,16 @@
-var S = Object.defineProperty, P = Object.defineProperties;
-var U = Object.getOwnPropertyDescriptors;
-var T = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var S = Object.defineProperty, F = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
 var u = (d, a, e) => a in d ? S(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, l = (d, a) => {
   for (var e in a || (a = {}))
-    F.call(a, e) && u(d, e, a[e]);
-  if (T)
-    for (var e of T(a))
-      E.call(a, e) && u(d, e, a[e]);
+    M.call(a, e) && u(d, e, a[e]);
+  if (b)
+    for (var e of b(a))
+      U.call(a, e) && u(d, e, a[e]);
   return d;
-}, m = (d, a) => P(d, U(a));
-var p = (d, a, e) => (u(d, typeof a != "symbol" ? a + "" : a, e), e);
+}, m = (d, a) => F(d, P(a));
+var c = (d, a, e) => (u(d, typeof a != "symbol" ? a + "" : a, e), e);
 var f = (d, a, e) => new Promise((t, i) => {
   var s = (n) => {
     try {
@@ -27,15 +27,15 @@ 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 M } from "@realsee/five";
-import c from "object-assign-deep";
-import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as w } from "../utils/addDebugPoints.js";
+import { Subscribe as w } from "@realsee/five";
+import p from "object-assign-deep";
+import { arrayPositionToVector3 as T } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as E } 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 { isMediaModelTag as C } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as I } from "../utils/actionAfterFiveModelLoad.js";
 import { debounce as A } from "../utils/debounce.js";
 import { throttle as B } from "../utils/throttle.js";
@@ -43,6 +43,7 @@ import { resizeObserver as y } from "../utils/resizeObserver.js";
 import R from "../utils/tag/format.js";
 import { generateBlankAudio as O, AudioNamespace as _ } from "../../shared-utils/audio.js";
 import { TagRender as k } from "./TagRender.js";
+import { uuid as L } from "../../shared-utils/uuid.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -87,7 +88,9 @@ 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/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/five/FiveDomEvents.js";
+import "../../shared-utils/five/getFloorIndex.js";
 import "../Components/TagContainer.js";
 import "../Components/TagItem.js";
 import "../Components/Tag/index.js";
@@ -96,7 +99,6 @@ import "../Components/Tag/TextTag/TextTag.js";
 import "../Components/Common/Line/Straight.js";
 import "../../vendor/svelte/transition/index.js";
 import "../../vendor/svelte/easing/index.js";
-import "../../shared-utils/uuid.js";
 import "../Components/Common/Shadow.js";
 import "../Components/Common/Text/FlyMText.js";
 import "../Components/Common/Text/FlyText.js";
@@ -154,25 +156,27 @@ import "../Components/Common/TagPoint.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const D = "Dnalogel-PanoTagPlugin", si = (d) => `${D}--${d}`;
-class oi extends k {
+const D = "Dnalogel-PanoTagPlugin", ri = (d) => `${D}--${d}`;
+class ai extends k {
   constructor(e, t) {
     super(e);
-    p(this, "state", { enabled: !0, visible: !0 });
-    p(this, "params");
-    p(this, "debug");
-    p(this, "changeTagModel", (e, t) => f(this, null, function* () {
-      e.data = c({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    c(this, "state", { enabled: !0, visible: !0 });
+    c(this, "params");
+    c(this, "debug");
+    c(this, "changeTagModel", (e, t) => f(this, null, function* () {
+      e.data = p({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
-    p(this, "handleFiveInitAnimationEnded", () => {
+    c(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        v(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+        C(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags();
     });
-    p(this, "handleFiveModelShownFloorChange", () => {
+    c(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !v(e) || (e.state.visible = this.getVisible(e));
+        var i, s;
+        const t = this.getTagConfig(e).visibleConfig;
+        typeof t == "object" && (((i = t.visibleFiveMode) == null ? void 0 : i.includes("Floorplan")) || ((s = t.visibleFiveMode) == null ? void 0 : s.includes("Mapview"))) && (e.state.visible = this.getVisibleByFiveMode(e));
       }), this.updateRenderAllTags();
     });
     this.params = l({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, O(1, { namespace: _.PlayAudio });
@@ -185,14 +189,14 @@ class oi extends k {
   load(e, t) {
     return f(this, null, function* () {
       var s, o;
-      this.clearTags(), console.info(D, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = c({}, this.config, {
+      this.clearTags(), console.info(D, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = p({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          w(this.five, this.tags);
+          E(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -202,13 +206,16 @@ class oi extends k {
   addTag(e, t) {
     return f(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
+        var h;
         const r = this.getTagConfig(o);
         return m(l({}, o), {
+          id: (h = o.id) != null ? h : L(),
+          data: p({}, r.initialData, o.data),
           state: l({
             visible: void 0,
             unfolded: !this.can("fold", o)
           }, r.initialState),
-          hooks: new M(),
+          hooks: new w(),
           mergedConfig: r,
           unfold: () => this.changeUnfoldedById(o.id, !0),
           fold: () => this.changeUnfoldedById(o.id, !1),
@@ -224,13 +231,13 @@ class oi extends k {
     });
   }
   changeConfig(e, t = !0) {
-    t ? this.config = c({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = p({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = c({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = p({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = c({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache(), this.updateRenderAllTags();
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = p({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   show(e) {
     return f(this, null, function* () {
@@ -292,18 +299,18 @@ class oi extends k {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = C(t));
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = T(t));
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = c({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = p({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? c(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = C(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
+    !t || (i ? p(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = T(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -341,8 +348,8 @@ class oi extends k {
     }), this.five.needsRender = !0;
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), b = this.five.currentMode;
-    return b && this.handleFiveModeChange(b), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", h), t.on("click", g), () => {
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), v = this.five.currentMode;
+    return v && this.handleFiveModeChange(v), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", h), t.on("click", g), () => {
       e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", h), t.off("click", g), this.store.eventListenerDisposer = void 0;
     };
   }
@@ -376,7 +383,7 @@ class oi extends k {
   }
   handleFiveModeChange(e) {
     this.setModelMedialVisible(), this.tags.forEach((t) => {
-      v(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+      C(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
     }), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
@@ -426,7 +433,7 @@ class oi extends k {
   }
 }
 export {
-  oi as PanoTagPluginController,
-  oi as default,
-  si as pluginFlag
+  ai as PanoTagPluginController,
+  ai as default,
+  ri as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import t from "./controller/index.js";
-import { default as kr, pluginFlag as qr } from "./controller/index.js";
-import { ContentType as zr } from "./typings/tag/TagData.js";
-import { DimensionType as Br } from "./typings/tag/Utils.js";
+import { default as vr, pluginFlag as zr } from "./controller/index.js";
+import { ContentType as Br } from "./typings/tag/TagData.js";
+import { DimensionType as Gr } from "./typings/tag/Utils.js";
 import "@realsee/five";
 import "object-assign-deep";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
@@ -62,7 +62,9 @@ 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/three/FragmentTransparencyMaterial.js";
 import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/five/getFloorIndex.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Tag/index.js";
@@ -129,12 +131,12 @@ import "./Components/Common/TagPoint.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const br = (o, r) => new t(o, r);
+const jr = (o, r) => new t(o, r);
 export {
-  zr as ContentType,
-  Br as DimensionType,
-  br as PanoTagPlugin,
-  kr as PanoTagPluginController,
-  br as default,
-  qr as pluginFlag
+  Br as ContentType,
+  Gr as DimensionType,
+  jr as PanoTagPlugin,
+  vr as PanoTagPluginController,
+  jr as default,
+  zr as pluginFlag
 };