@realsee/dnalogel 2.13.2-dev.2 → 2.14.0-alpha.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,150 +1,231 @@
-var h = Object.defineProperty;
-var y = (c, d, e) => d in c ? h(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var a = (c, d, e) => (y(c, typeof d != "symbol" ? d + "" : d, e), e);
-import T from "object-assign-deep";
-import * as C from "three";
-import { DefaultConfig as v } from "../tag.config.js";
-import { anyPositionToVector3 as m } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { planeNormal as b } from "../utils/planeNormal.js";
-import { tagPosition as k, getTagPosition as P } from "../utils/tagPosition.js";
-import { TagCache as D } from "./TagCache.js";
-import { writable as w } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as M } from "../utils/device.js";
+var T = Object.defineProperty;
+var y = (u, c, e) => c in u ? T(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e;
+var l = (u, c, e) => (y(u, typeof c != "symbol" ? c + "" : c, e), e);
+import C from "object-assign-deep";
+import * as P from "three";
+import { DefaultConfig as D } from "../tag.config.js";
+import { anyPositionToVector3 as E, arrayPositionToVector3 as h } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { planeNormal as p } from "../utils/planeNormal.js";
+import { tagPosition as k, getTagPosition as w } 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";
+import { isIOSWX as A } from "../utils/device.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five";
+import { isMediaPlaneTag as x, isMediaModelTag as v, isPlaneTag as H } from "../utils/tag/tagCheck.js";
+import { DomEvents as L } from "../../shared-utils/threex/domevents/index.js";
+import "@realsee/five/gltf-loader";
+import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/centerPoint.js";
-import "../utils/tag/tagCheck.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
 import "../../vendor/svelte/internal/index.js";
-class z extends D {
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+class de extends b {
   constructor(e) {
     super(e);
-    a(this, "config", v);
-    a(this, "tags", []);
-    a(this, "mediaStore", w({
+    l(this, "tags", []);
+    l(this, "config", D);
+    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()
     });
+    l(this, "domEvents");
+    l(this, "mouseInfo");
+    l(this, "fiveWantMovePanoHandler", () => {
+      var e;
+      if ((e = this.mouseInfo) != null && e.isDown)
+        return !1;
+    });
+    const t = this.five.getElement();
+    t && (this.domEvents = new L(this.five.camera, t)), this.five.on("wantsMoveToPano", this.fiveWantMovePanoHandler), this.store.disposers.push(() => {
+      this.five.off("wantsMoveToPano", this.fiveWantMovePanoHandler);
+    });
   }
   get isPanorama() {
     return this.five.currentMode === "Panorama";
   }
   getTagById(e) {
-    const o = this.tags.find((i) => i.id === e);
-    if (!o) {
+    const t = this.tags.find((i) => i.id === e);
+    if (!t) {
       console.warn(`error: can not find tag id ${e} by getTagById()`);
       return;
     }
-    return o;
+    return t;
   }
   pauseCurrentMedia() {
     this.mediaStore.set({ currentMediaElement: null });
   }
   getTagConfig(e) {
-    var t, f;
+    var n, r;
     if (!e)
-      return (t = this.config.globalConfig) != null ? t : {};
-    const o = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((g) => {
-      const n = g;
-      if (o[n])
+      return (n = this.config.globalConfig) != null ? n : {};
+    const t = {};
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((a) => {
+      const s = a;
+      if (t[s])
         return;
-      const r = n.split("-");
-      if (r.length === 1) {
-        const [s] = r;
-        e.contentType === s && (o[n] = this.config.contentTypeConfig[n]);
+      const o = s.split("-");
+      if (o.length === 1) {
+        const [f] = o;
+        e.contentType === f && (t[s] = this.config.contentTypeConfig[s]);
       }
-      if (r.length === 2) {
-        const [s = "Any", l = "Any"] = r;
-        (e.stickType === s || s === "Any") && (e.contentType === l || l === "Any") && (o[n] = this.config.contentTypeConfig[n]);
+      if (o.length === 2) {
+        const [f = "Any", d = "Any"] = o;
+        (e.stickType === f || f === "Any") && (e.contentType === d || d === "Any") && (t[s] = this.config.contentTypeConfig[s]);
       }
-      if (r.length === 3) {
-        const [s = "Any", l, p] = r;
-        if (l === "Audio" && e.contentType === "Audio") {
-          const u = e;
-          (u.stickType === s || s === "Any") && u.data.appearance === p && (o[n] = this.config.contentTypeConfig[n]);
+      if (o.length === 3) {
+        const [f = "Any", d, g] = o;
+        if (d === "Audio" && e.contentType === "Audio") {
+          const m = e;
+          (m.stickType === f || f === "Any") && m.data.appearance === g && (t[s] = this.config.contentTypeConfig[s]);
         }
       }
     });
-    const i = T({}, this.config.globalConfig, ...Object.values(o), e.config);
-    return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep, visibleFiveMode: (f = i.visibleConfig) == null ? void 0 : f.visibleFiveMode }), i;
+    const i = C({}, this.config.globalConfig, ...Object.values(t), e.config);
+    return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep, visibleFiveMode: (r = i.visibleConfig) == null ? void 0 : r.visibleFiveMode }), i;
   }
   loadVideoFirstFrame() {
-    M && this.hooks.emit("loadVideoFirstFrame");
+    A && this.hooks.emit("loadVideoFirstFrame");
   }
   updateTagConfig(e) {
-    e != null && e.force && this.clearCache(), this.tags.forEach((o) => {
-      const i = this.getTagConfig(o);
-      o.mergedConfig = i;
+    e != null && e.force && this.clearCache(), this.tags.forEach((t) => {
+      const i = this.getTagConfig(t);
+      t.mergedConfig = i;
     });
   }
-  can(e, o) {
-    const i = o, t = this.getTagConfig(i);
-    if (!t || typeof t != "object")
+  can(e, t) {
+    const i = t, n = this.getTagConfig(i);
+    if (!n || typeof n != "object")
       return !0;
     if (e === "show" || e === "hide") {
-      if (!t.visibleConfig || typeof t.visibleConfig != "object")
+      if (!n.visibleConfig || typeof n.visibleConfig != "object")
         return !0;
-      if (e === "show" && t.visibleConfig.keep === "hidden" || e === "hide" && (t.visibleConfig.keep === "visible" || t.visibleConfig.alwaysShowWhenMovePano))
+      if (e === "show" && n.visibleConfig.keep === "hidden" || e === "hide" && (n.visibleConfig.keep === "visible" || n.visibleConfig.alwaysShowWhenMovePano))
         return !1;
     }
     if (e === "fold" || e === "unfold") {
-      if (!t.unfoldedConfig || typeof t.unfoldedConfig != "object")
+      if (!n.unfoldedConfig || typeof n.unfoldedConfig != "object")
         return !0;
-      if (e === "fold" && t.unfoldedConfig.keep === "unfolded" || e === "unfold" && t.unfoldedConfig.keep === "folded")
+      if (e === "fold" && n.unfoldedConfig.keep === "unfolded" || e === "unfold" && n.unfoldedConfig.keep === "folded")
         return !1;
     }
     if (e === "renderByMesh")
-      if (i.contentType === "MediaPlane" && i.stickType === "Plane") {
-        const f = i.data.mediaData;
-        return f.length === 1 && f[0].type === "Image" && t.renderType === "Mesh";
+      if (x(i) || v(i)) {
+        const r = i.data.mediaData;
+        return r.length === 1 && r[0].type === "Image" && n.renderType === "Mesh";
       } else
         return !1;
     return !0;
   }
-  getAngle(e, o) {
-    var f, g, n;
-    const i = (f = this.five.panoIndex) != null ? f : o;
+  getAngle(e, t) {
+    var r, a, s;
+    const i = (r = this.five.panoIndex) != null ? r : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const t = this.getCache({ panoIndex: o, id: e.id });
-    if (t.angle !== void 0)
-      return t.angle;
+    const n = this.getCache({ panoIndex: t, id: e.id });
+    if (n.angle !== void 0)
+      return n.angle;
     {
-      const r = (n = (g = this.five.work) == null ? void 0 : g.observers[i]) == null ? void 0 : n.position;
-      if (r === void 0)
-        throw new Error(`getAngleRange(): observerPosition is ${r}`);
-      const s = (() => e.stickType === "3DPoint" ? m(e.normal) : b(e.position))();
-      if (!s)
+      const o = (s = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : s.position;
+      if (o === void 0)
+        throw new Error(`getAngleRange(): observerPosition is ${o}`);
+      const f = (() => e.stickType === "3DPoint" ? E(e.normal) : p(e.position))();
+      if (!f)
+        return;
+      const d = k(e.position);
+      if (!d)
         return;
-      const l = new C.Vector3().copy(r).sub(k(e.position)), p = s.angleTo(l) * 180 / Math.PI;
-      return t.angle = p, t.angle;
+      const g = new P.Vector3().copy(o).sub(d), m = f.angleTo(g) * 180 / Math.PI;
+      return n.angle = m, n.angle;
     }
   }
-  getDistance(e, o) {
-    var f, g, n;
-    const i = (f = this.five.panoIndex) != null ? f : o;
+  getDistance(e, t) {
+    var r, a, s;
+    const i = (r = this.five.panoIndex) != null ? r : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const t = this.getCache({ panoIndex: o, id: e.id });
-    if (t.distance !== void 0)
-      return t.distance;
+    const n = this.getCache({ panoIndex: t, id: e.id });
+    if (n.distance !== void 0)
+      return n.distance;
     {
-      const r = (n = (g = this.five.work) == null ? void 0 : g.observers[i]) == null ? void 0 : n.position;
-      if (r === void 0)
-        throw new Error(`getDistance(): observerPosition is ${r}`);
-      const s = P(e);
-      if (!s)
+      const o = (s = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : s.position;
+      if (o === void 0)
+        throw new Error(`getDistance(): observerPosition is ${o}`);
+      const f = w(e);
+      if (!f)
         return -1;
-      const l = r.distanceTo(s);
-      return t.distance = l, l;
+      const d = o.distanceTo(f);
+      return n.distance = d, d;
     }
   }
+  getPositions(e) {
+    if (H(e))
+      return e.position;
+    if (v(e))
+      return e.data.mediaPosition;
+    const t = e;
+    return M(
+      this.five.camera.position,
+      h(t.position),
+      h(t.normal)
+    );
+  }
+  addObjectClickHandler(e, t) {
+    if (!e || !this.domEvents)
+      return () => {
+      };
+    const i = (s) => {
+      const o = s.origDomEvent;
+      this.mouseInfo = {
+        x: o.clientX,
+        y: o.clientY,
+        isDown: !0,
+        mouseDownTimestamp: Date.now()
+      };
+    }, n = (s) => {
+      const o = s.origDomEvent;
+      !this.mouseInfo || (this.mouseInfo.isDown && this.mouseInfo.x === o.clientX && this.mouseInfo.y === o.clientY && Date.now() - this.mouseInfo.mouseDownTimestamp < 400 && t(o), this.mouseInfo = void 0);
+    }, r = (s) => {
+      const o = s.origDomEvent;
+      this.mouseInfo = {
+        x: Math.floor(o.touches[0].clientX),
+        y: Math.floor(o.touches[0].clientY),
+        isDown: !0,
+        mouseDownTimestamp: Date.now()
+      };
+    }, a = (s) => {
+      const o = s.origDomEvent;
+      !this.mouseInfo || (this.mouseInfo.isDown && this.mouseInfo.x === Math.floor(o.changedTouches[o.changedTouches.length - 1].clientX) && this.mouseInfo.y === Math.floor(o.changedTouches[o.changedTouches.length - 1].clientY) && Date.now() - this.mouseInfo.mouseDownTimestamp < 400 && t(o), this.mouseInfo = void 0);
+    };
+    return this.domEvents.addEventListener(e, "mousedown", i, !1), this.domEvents.addEventListener(e, "mouseup", n, !1), this.domEvents.addEventListener(e, "touchstart", r, !1), this.domEvents.addEventListener(e, "touchend", a, !1), () => {
+      !this.domEvents || (this.mouseInfo = void 0, this.domEvents.removeEventListener(e, "mousedown", i), this.domEvents.removeEventListener(e, "mouseup", n), this.domEvents.removeEventListener(e, "touchstart", r), this.domEvents.removeEventListener(e, "touchend", a));
+    };
+  }
+  getTagNormal(e) {
+    if (e.normal)
+      return h(e.normal);
+    if (e.stickType === "Plane")
+      return p(e.position);
+    if (e.stickType === "Model")
+      return p(this.getPositions(e));
+  }
   get filterPointTag() {
     return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position);
   }
@@ -154,8 +235,13 @@ class z extends D {
   get filter3DPointTag() {
     return this.tags.filter((e) => e.stickType === "3DPoint").filter((e) => e.position);
   }
-  get filterImageModel() {
-    return this.tags.filter((e) => this.can("renderByMesh", e));
+  get filterImagePlane() {
+    return this.tags.filter(
+      (e) => e.contentType === "MediaPlane" && e.stickType === "Plane" && this.can("renderByMesh", e)
+    );
+  }
+  get filterMediaModel() {
+    return this.tags.filter((e) => e.stickType === "Model" && e.contentType === "MediaModel");
   }
   get filterModelTag() {
     return this.tags.filter((e) => e.stickType === "Model");
@@ -168,5 +254,5 @@ class z extends D {
   }
 }
 export {
-  z as TagUtil
+  de as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -1,43 +1,45 @@
 var S = Object.defineProperty, P = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var m = (d, a, e) => a in d ? S(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, h = (d, a) => {
+var F = Object.prototype.hasOwnProperty, E = 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 = {}))
-    U.call(a, e) && m(d, e, a[e]);
+    F.call(a, e) && u(d, e, a[e]);
   if (T)
     for (var e of T(a))
-      F.call(a, e) && m(d, e, a[e]);
+      E.call(a, e) && u(d, e, a[e]);
   return d;
-}, g = (d, a) => P(d, w(a));
-var p = (d, a, e) => (m(d, typeof a != "symbol" ? a + "" : a, e), e);
+}, m = (d, a) => P(d, U(a));
+var p = (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 {
       r(e.next(n));
-    } catch (l) {
-      i(l);
+    } catch (h) {
+      i(h);
     }
   }, o = (n) => {
     try {
       r(e.throw(n));
-    } catch (l) {
-      i(l);
+    } catch (h) {
+      i(h);
     }
   }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
   r((e = e.apply(d, a)).next());
 });
-import { Subscribe as E } from "@realsee/five";
+import { Subscribe as w } from "@realsee/five";
 import c from "object-assign-deep";
 import { arrayPositionToVector3 as A } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as M } from "../utils/addDebugPoints.js";
 import "three";
-import { isMediaModelTag as u } from "../utils/tag/tagCheck.js";
+import "@realsee/five/gltf-loader";
+import "../../shared-utils/three/loadTexture.js";
+import { isMediaModelTag as v } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as I } from "../utils/actionAfterFiveModelLoad.js";
 import { debounce as C } from "../utils/debounce.js";
-import { throttle as R } from "../utils/throttle.js";
+import { throttle as B } from "../utils/throttle.js";
 import { resizeObserver as y } from "../utils/resizeObserver.js";
-import B from "../utils/tag/format.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 "./TagComputer.js";
@@ -46,7 +48,7 @@ import "../../shared-utils/three/centerPoint.js";
 import "../utils/checkRange.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
-import "../../CSS3DRenderPlugin/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -64,11 +66,13 @@ import "../../shared-utils/animationFrame/index.js";
 import "./TagUtil.js";
 import "../tag.config.js";
 import "../utils/planeNormal.js";
+import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.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 "../Components/TagContainer.js";
 import "../Components/TagItem.js";
 import "../Components/Tag/index.js";
@@ -139,16 +143,13 @@ import "../Components/Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "../Components/Tag/CustomTag.js";
 import "../Components/Common/TagPoint.js";
-import "../utils/normalPositionToPositions.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";
-import "@realsee/five/gltf-loader";
-import "../utils/model/imageModel.js";
-import "../../shared-utils/three/loadTexture.js";
-const D = "Dnalogel-PanoTagPlugin", Qt = (d) => `${D}--${d}`;
-class Xt extends k {
+const D = "Dnalogel-PanoTagPlugin", Xt = (d) => `${D}--${d}`;
+class Yt extends k {
   constructor(e, t) {
     super(e);
     p(this, "state", { enabled: !0, visible: !0 });
@@ -160,17 +161,18 @@ class Xt extends k {
     p(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        u(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
-      }), this.updateRenderAllTags(), this.updateRenderAllTags();
+        v(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+      }), this.updateRenderAllTags();
     });
     p(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !u(e) || (e.state.visible = this.getVisible(e));
+        !v(e) || (e.state.visible = this.getVisible(e));
       }), this.updateRenderAllTags();
     });
-    this.params = h({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, O(1, { namespace: _.PlayAudio });
+    this.params = l({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, O(1, { namespace: _.PlayAudio });
     try {
-      Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ = this;
+      const i = window;
+      Array.isArray(i.__PANOTAGPLUGIN_DEBUG_LIST__) || (i.__PANOTAGPLUGIN_DEBUG_LIST__ = []), i.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), i.__PANOTAGPLUGIN_DEBUG__ = this;
     } catch (i) {
     }
   }
@@ -195,9 +197,12 @@ class Xt extends k {
     return f(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
         const r = this.getTagConfig(o);
-        return g(h({}, o), {
-          state: h({ visible: void 0, unfolded: this.can("fold", o) ? !1 : void 0 }, r.initialState),
-          hooks: new E(),
+        return m(l({}, o), {
+          state: l({
+            visible: void 0,
+            unfolded: !this.can("fold", o)
+          }, r.initialState),
+          hooks: new w(),
           mergedConfig: r,
           unfold: () => this.changeUnfoldedById(o.id, !0),
           fold: () => this.changeUnfoldedById(o.id, !1),
@@ -206,7 +211,7 @@ class Xt extends k {
           destroy: () => this.destroyTagById(o.id)
         });
       }).filter((o) => o.position);
-      return s.forEach(B), this.tags.push(...s), I(this.five).then(() => f(this, null, function* () {
+      return s.forEach(R), this.tags.push(...s), I(this.five).then(() => f(this, null, function* () {
         var o, r, n;
         this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), yield this.addMediaModelTag(s);
       }));
@@ -252,14 +257,14 @@ class Xt extends k {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = h({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = l({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   dispose() {
     var e, t, i, s, o, r;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag.forEach((n) => {
-      var l;
-      return (l = n.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
+      var h;
+      return (h = n.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
     }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   changeUnfoldedById(e, t) {
@@ -281,11 +286,11 @@ class Xt extends k {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = A(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = A(t));
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = c({}, s.data, t) : s.data = h(h({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = c({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
@@ -327,9 +332,9 @@ class Xt 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), l = this.loadVideoFirstFrame.bind(this), v = 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", l), t.on("click", v), () => {
-      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", l), t.off("click", v), this.store.eventListenerDisposer = void 0;
+    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), () => {
+      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;
     };
   }
   addResizeListener() {
@@ -348,7 +353,7 @@ class Xt extends k {
     }, i = () => {
       !this.state.enabled || this.hide();
     }, { observe: s, unobserve: o } = y(
-      R(() => {
+      B(() => {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
@@ -362,13 +367,13 @@ class Xt extends k {
   }
   handleFiveModeChange(e) {
     this.setModelMedialVisible(), this.tags.forEach((t) => {
-      u(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
-    }), this.updateRenderAllTags(), this.updateRenderAllTags();
+      v(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+    }), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = g(h({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = g(h({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(l({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(l({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   clickhandler(e) {
@@ -392,7 +397,7 @@ class Xt extends k {
   handleFivePanoArrived() {
     return f(this, null, function* () {
       this.setModelMedialVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
-        e.temporaryState = g(h({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = m(l({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     });
   }
@@ -407,12 +412,12 @@ class Xt extends k {
     });
   }
   changeTagMode(e, t) {
-    var i, s, o, r, n;
-    ((o = (s = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : s.css3DObject) == null ? void 0 : o.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (n = this.store.css3DRenderDisposer.get(e.id)) == null || n(), e.tag3DContentSvelte = void 0);
+    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);
   }
 }
 export {
-  Xt as PanoTagPluginController,
-  Xt as default,
-  Qt as pluginFlag
+  Yt as PanoTagPluginController,
+  Yt as default,
+  Xt as pluginFlag
 };