@realsee/dnalogel 2.3.5-dev.3 → 2.3.5-dev.5

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -2,31 +2,37 @@ var U = Object.defineProperty, j = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var k = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var P = (u, c, e) => c in u ? U(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e, x = (u, c) => {
+var T = (u, c, e) => c in u ? U(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e, x = (u, c) => {
   for (var e in c || (c = {}))
-    B.call(c, e) && P(u, e, c[e]);
+    B.call(c, e) && T(u, e, c[e]);
   if (k)
     for (var e of k(c))
-      A.call(c, e) && P(u, e, c[e]);
+      A.call(c, e) && T(u, e, c[e]);
   return u;
 }, D = (u, c) => j(u, w(c));
-var y = (u, c, e) => (P(u, typeof c != "symbol" ? c + "" : c, e), e);
-import C from "object-assign-deep";
+var y = (u, c, e) => (T(u, typeof c != "symbol" ? c + "" : c, e), e);
+import P from "object-assign-deep";
 import * as I from "three";
 import { DefaultConfig as E } from "../tag.config.js";
-import { is3DTag as V, isPointTag as R } from "../utils/tag/tagCheck.js";
+import { is3DTag as R, isPointTag as V } from "../utils/tag/tagCheck.js";
 import { arrayPositionToVector3 as M, anyPositionToVector3 as S } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { planeNormal as $ } from "../utils/planeNormal.js";
-import { tagPosition as T } from "../utils/tagPosition.js";
+import { tagPosition as C } from "../utils/tagPosition.js";
 import { checkRange as v } from "../utils/checkRange.js";
 import { TagCacheController as z } from "./TagCacheController.js";
-class q extends z {
+import "../../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+class Y extends z {
   constructor(e) {
     super(e);
     y(this, "tags", []);
     y(this, "config", E);
     y(this, "raycaster", new I.Raycaster());
   }
+  get isPanorama() {
+    return this.five.currentMode === "Panorama";
+  }
   getTagById(e) {
     const t = this.tags.find((i) => i.id === e);
     if (!t) {
@@ -36,13 +42,13 @@ class q extends z {
     return t;
   }
   changeConfig(e, t = !0) {
-    t ? this.config = C({}, this.config, e) : this.config = e, this.clearCache();
+    t ? this.config = P({}, this.config, e) : this.config = e, this.clearCache();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = C({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.clearCache();
+    t ? this.config.globalConfig = P({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.clearCache();
   }
   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.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = P({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
   }
   getVisibleByPanoIndex(e, t) {
     var n;
@@ -51,7 +57,7 @@ class q extends z {
       return i.visible;
     {
       const l = (() => {
-        var d, p, r;
+        var d, p, f;
         const o = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, a = this.getDistance(e);
         if (typeof o == "function")
           return o(this.five, { tag: e, distance: a });
@@ -61,14 +67,14 @@ class q extends z {
           return !0;
         if (o.visiblePanoIndex !== void 0 && o.visiblePanoIndex !== "all" && s !== void 0 && (Array.isArray(o.visiblePanoIndex) && !o.visiblePanoIndex.includes(s) || o.visiblePanoIndex === "current" && s !== ((p = e.fiveState) == null ? void 0 : p.panoIndex)) || o.visibleDistance !== void 0 && o.visibleDistance !== "unLimited" && v(a, o.visibleDistance) === !1)
           return !1;
-        if (o.intersectRaycaster !== !1 && o.intersectRaycaster) {
+        if (o.intersectRaycaster !== !1 && (typeof o.intersectRaycaster != "object" || o.intersectRaycaster.enabled !== !1)) {
           if (s === void 0)
             return !1;
-          const f = (r = this.five.work.observers[s]) == null ? void 0 : r.position;
-          if (f === void 0)
-            throw new Error(`getVisible(): observerPosition is ${f}`);
-          const h = T(e.position).sub(f).normalize();
-          this.raycaster.set(f, h);
+          const r = (f = this.five.work.observers[s]) == null ? void 0 : f.position;
+          if (r === void 0)
+            throw new Error(`getVisible(): observerPosition is ${r}`);
+          const h = C(e.position).sub(r).normalize();
+          this.raycaster.set(r, h);
           const [g] = this.five.model.intersectRaycaster(this.raycaster), b = (() => {
             var m;
             return typeof o.intersectRaycaster == "object" && (m = o.intersectRaycaster.distanceAccuracy) != null ? m : 0.01;
@@ -76,7 +82,7 @@ class q extends z {
           if (g && g.distance + b < a)
             return !1;
         }
-        return !(o.angleRange && V(e) && v(this.getAngle(e), o.angleRange) === !1);
+        return !(o.angleRange && R(e) && v(this.getAngle(e), o.angleRange) === !1);
       })();
       return i.visible = l, i.visible;
     }
@@ -126,19 +132,19 @@ class q extends z {
             return !1;
         }
         if (n.autoUnfold.strategy === "MinimumDistance") {
-          const d = this.filterPointTag().filter((r) => this.getVisibleByPanoIndex(r)).filter((r) => {
-            const f = this.getTagProject(r);
-            if (!f)
+          const d = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
+            const r = this.getTagProject(f);
+            if (!r)
               return !1;
-            const { x: h, y: g, z: b } = f;
+            const { x: h, y: g, z: b } = r;
             return !(Math.abs(b) > 1 || Math.abs(h) > 1 || Math.abs(g) > 1);
-          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, tagConfig: f }) => {
+          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: r }) => {
             var h, g;
-            return !(typeof f != "object" || f.keep || f.autoUnfold === !1 || ((h = f.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
-          }).map((r) => D(x({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: f }) => {
+            return !(typeof r != "object" || r.keep || r.autoUnfold === !1 || ((h = r.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = r.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance");
+          }).map((f) => D(x({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: r }) => {
             var h, g;
-            return !(r === void 0 || typeof f != "object" || f.autoUnfold === !1 || ((h = f.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = f.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || f.autoUnfold.distance && v(r, f.autoUnfold.distance) === !1);
-          }).sort((r, f) => r.distance - f.distance).findIndex((r) => r.id === e.id);
+            return !(f === void 0 || typeof r != "object" || r.autoUnfold === !1 || ((h = r.autoUnfold) == null ? void 0 : h.enable) === !1 || ((g = r.autoUnfold) == null ? void 0 : g.strategy) !== "MinimumDistance" || r.autoUnfold.distance && v(f, r.autoUnfold.distance) === !1);
+          }).sort((f, r) => f.distance - r.distance).findIndex((f) => f.id === e.id);
           if (d === -1 || d <= ((l = n.autoUnfold.maxNumber) != null ? l : 1) - 1 === !1)
             return !1;
         }
@@ -158,7 +164,7 @@ class q extends z {
       const a = (o = (l = this.five.work) == null ? void 0 : l.observers[i]) == null ? void 0 : o.position;
       if (a === void 0)
         throw new Error(`getDistance(): observerPosition is ${a}`);
-      const d = (() => R(e) ? M(e == null ? void 0 : e.position) : T(e.position))(), p = a.distanceTo(d);
+      const d = (() => V(e) ? M(e == null ? void 0 : e.position) : C(e.position))(), p = a.distanceTo(d);
       return s.distance = p, p;
     }
   }
@@ -177,8 +183,8 @@ class q extends z {
       const d = (() => e.stickType === "3DPoint" ? S(e.normal) : $(e.position))();
       if (!d)
         return;
-      const p = new I.Vector3().copy(a).sub(T(e.position)), r = d.angleTo(p) * 180 / Math.PI;
-      return s.angle = r, s.angle;
+      const p = new I.Vector3().copy(a).sub(C(e.position)), f = d.angleTo(p) * 180 / Math.PI;
+      return s.angle = f, s.angle;
     }
   }
   getTagConfig(e) {
@@ -195,7 +201,7 @@ class q extends z {
       const [a = "Any", d = "Any"] = o || [];
       (e.stickType === a || a === "Any") && (e.contentType === d || d === "Any") && (t[l] = this.config.contentTypeConfig[l]);
     });
-    const i = C({}, this.config.globalConfig, ...Object.values(t), e.config);
+    const i = P({}, 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 }), i;
   }
   can(e, t) {
@@ -256,7 +262,7 @@ class q extends z {
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const i = T(e.position), { x: s, y: n, z: l } = i.project(this.five.camera);
+    const i = C(e.position), { x: s, y: n, z: l } = i.project(this.five.camera);
     if (!(l > 1))
       return { x: s, y: n, z: l };
   }
@@ -277,5 +283,5 @@ class q extends z {
   }
 }
 export {
-  q as TagComputer
+  Y as TagComputer
 };

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

@@ -1,4 +1,4 @@
-import type { Tag, PartialDeep, TagId, Tags, State, AddTagConfig } from '../typings';
+import type { Tag, PartialDeep, TagId, Tags, State, AddTagConfig, LoadTagConfig } from '../typings';
 import type { TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { Five } from '@realsee/five';
@@ -35,7 +35,7 @@ declare class PanoTagPluginController extends TagComputer {
     /**
      * @description: 加载数据
      */
-    load(data: Tags, config?: AddTagConfig): void;
+    load(data: Tags, config?: LoadTagConfig): void;
     /**
      * @description: 添加标签
      */

package/libs/PanoTagPlugin/controller/index.js

@@ -1,39 +1,39 @@
-var A = Object.defineProperty, y = Object.defineProperties;
+var S = Object.defineProperty, y = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var u = (h, a, e) => a in h ? A(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
+var g = (h, a, e) => a in h ? S(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
   for (var e in a || (a = {}))
-    w.call(a, e) && u(h, e, a[e]);
+    w.call(a, e) && g(h, e, a[e]);
   if (T)
     for (var e of T(a))
-      E.call(a, e) && u(h, e, a[e]);
+      E.call(a, e) && g(h, e, a[e]);
   return h;
-}, c = (h, a) => y(h, P(a));
-var l = (h, a, e) => (u(h, typeof a != "symbol" ? a + "" : a, e), e);
-var g = (h, a, e) => new Promise((t, i) => {
-  var s = (n) => {
+}, m = (h, a) => y(h, P(a));
+var d = (h, a, e) => (g(h, typeof a != "symbol" ? a + "" : a, e), e);
+var f = (h, a, e) => new Promise((t, i) => {
+  var s = (r) => {
     try {
-      r(e.next(n));
-    } catch (d) {
-      i(d);
+      n(e.next(r));
+    } catch (l) {
+      i(l);
     }
-  }, o = (n) => {
+  }, o = (r) => {
     try {
-      r(e.throw(n));
-    } catch (d) {
-      i(d);
+      n(e.throw(r));
+    } catch (l) {
+      i(l);
     }
-  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
-  r((e = e.apply(h, a)).next());
+  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
+  n((e = e.apply(h, a)).next());
 });
-import { Subscribe as k } from "@realsee/five";
-import { Quaternion as F } from "three";
-import v from "object-assign-deep";
+import { Subscribe as F } from "@realsee/five";
+import { Quaternion as k } from "three";
+import u from "object-assign-deep";
 import { writable as R } from "../../vendor/svelte/store/index.js";
-import { TagContainer as U } from "../Components/TagContainer.js";
-import { Tag as L } from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import U from "../Components/TagContainer.js";
+import L from "../Components/Tag/index.js";
+import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as O } from "../utils/addDebugPoints.js";
 import { planeNormal as I } from "../utils/planeNormal.js";
 import { actionAfterFiveModelLoad as B } from "../utils/actionAfterFiveModelLoad.js";
@@ -43,64 +43,131 @@ import { throttle as V } from "../utils/throttle.js";
 import { resizeObserver as D } from "../utils/resizeObserver.js";
 import { TagComputer as z } from "./TagComputer.js";
 import { CSS3DRenderPlugin as N } from "../../CSS3DRenderPlugin/index.js";
-import { formatTag as W } from "../utils/tag/format.js";
-const S = "2.0.0-dev.8", m = `DnalogelPlugin-PanoTagPlugin@${S}`, $ = !1, re = (h) => `${m}--${h}`;
-class ae extends z {
+import W from "../utils/tag/format.js";
+import "../../vendor/svelte/internal/index.js";
+import "../Components/TagItem.js";
+import "../utils/noTypecheck.js";
+import "../Components/Common/TagPoint.js";
+import "../Components/Common/Shadow.js";
+import "../../vendor/svelte/transition/index.js";
+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 "../Components/Tag/TextTag/index.js";
+import "../Components/Tag/TextTag/TextTag.js";
+import "../Components/Common/Line/Straight.js";
+import "../../shared-utils/uuid.js";
+import "../Components/Common/Text/FlyMText.js";
+import "../Components/Common/Text/FlyText.js";
+import "animejs";
+import "../../shared-utils/isNil.js";
+import "../utils/search.js";
+import "../utils/constants.js";
+import "../Components/Common/Arrow.js";
+import "../utils/doUtil.js";
+import "../Components/Tag/TextTag/TextPlaneTag.js";
+import "../Components/Common/Text/MText.js";
+import "../Components/Tag/ImageTextTag.js";
+import "../Components/Common/Line/Polyline.js";
+import "../Components/Common/Media.js";
+import "../../vendor/swiper/svelte/swiper.js";
+import "swiper";
+import "../../vendor/swiper/components-shared/get-params.js";
+import "../../vendor/swiper/components-shared/utils.js";
+import "../../vendor/swiper/components-shared/params-list.js";
+import "../../vendor/swiper/components-shared/mount-swiper.js";
+import "../../vendor/swiper/components-shared/get-changed-params.js";
+import "../../vendor/swiper/components-shared/update-swiper.js";
+import "../../vendor/swiper/svelte/swiper-slide.js";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "../Components/Common/MediaItem.js";
+import "../Components/Tag/MarketingTag.js";
+import "../Components/Tag/AudioTag/index.js";
+import "../Components/Tag/AudioTag/AudioTag.js";
+import "../Components/Common/Audio.js";
+import "../Components/Common/Icon/audioIcon.js";
+import "../Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../utils/timeToString.js";
+import "../utils/color.js";
+import "../Components/Tag/MediaPlane.js";
+import "../Components/Tag/LinkTag.js";
+import "../Components/Tag/CustomTag.js";
+import "../tag.config.js";
+import "../utils/tag/tagCheck.js";
+import "../utils/tagPosition.js";
+import "../../CSS3DRenderPlugin/utils/centerPoint.js";
+import "../utils/checkRange.js";
+import "./TagCacheController.js";
+import "../../base/BasePlugin.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/CSS3DRender.js";
+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";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+const A = "2.0.0-dev.10", v = `DnalogelPlugin-PanoTagPlugin@${A}`, $ = !1, Pt = (h) => `${v}--${h}`;
+class wt extends z {
   constructor(e, t) {
     super(e);
-    l(this, "version", S);
-    l(this, "state", { enabled: !0, visible: !0 });
-    l(this, "params");
-    l(this, "debug");
-    l(this, "css3DRenderPlugin");
-    l(this, "TagContainerSvelte");
-    l(this, "temporaryState", { visible: !0 });
-    l(this, "mediaStore", R({
+    d(this, "version", A);
+    d(this, "state", { enabled: !0, visible: !0 });
+    d(this, "params");
+    d(this, "debug");
+    d(this, "css3DRenderPlugin");
+    d(this, "TagContainerSvelte");
+    d(this, "temporaryState", { visible: !0 });
+    d(this, "mediaStore", R({
       currentMediaElement: null
     }));
-    l(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
-    l(this, "store", {
+    d(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
+    d(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    l(this, "disposedErrorLog", () => {
-      console.error(`${m} is disposed`);
+    d(this, "disposedErrorLog", () => {
+      console.error(`${v} is disposed`);
     });
-    this.params = f({
-      debug: !1,
-      config: this.config
-    }, t), this.debug = this.params.debug, this.config = this.params.config, Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this });
+    this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this });
   }
   load(e, t) {
     var i, s;
-    this.clearTags(), console.log(m, " load:", { data: e }), this.config = v({}, this.config, {
+    this.clearTags(), console.log(v, " load:", { data: e }), this.config = u({}, this.config, {
       globalConfig: (i = e.globalConfig) != null ? i : {},
       contentTypeConfig: (s = e.contentTypeConfig) != null ? s : {}
     }), this.addTag(e.tagList, t), this.debug && O(this.five, this.tags);
   }
   addTag(e, t) {
     const s = (Array.isArray(e) ? e : [e]).map((o) => {
-      const r = this.getTagConfig(o);
-      return c(f({}, o), {
-        state: f({ visible: void 0, unfolded: $ }, r.initialState),
-        hooks: new k(),
-        clickable: r.clickable
+      const n = this.getTagConfig(o);
+      return m(p({}, o), {
+        state: p({ visible: void 0, unfolded: $ }, n.initialState),
+        hooks: new F(),
+        clickable: n.clickable
       });
     }).filter((o) => o.position);
     s.forEach(W), this.tags.push(...s), B(this.five, () => {
-      var r, n, d;
-      this.store.eventListenerDisposer && ((n = (r = this.store).eventListenerDisposer) == null || n.call(r)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener());
-      const o = this.five.getCurrentState().mode;
-      o && o !== "Panorama" && this.temporaryHide(), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (d = t == null ? void 0 : t.withAnimation) != null ? d : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
+      var o, n, r;
+      this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
     });
   }
   clearTags() {
     this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return g(this, null, function* () {
+    return f(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -108,7 +175,7 @@ class ae extends z {
     });
   }
   hide(e) {
-    return g(this, null, function* () {
+    return f(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -128,16 +195,16 @@ class ae extends z {
     this.setState({ enabled: !1 }, { userAction: t }), this.hooks.emit("disable", { userAction: t });
   }
   dispose() {
-    var e, t, i, s, o, r;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((n) => {
-      var d;
-      return (d = n.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
-    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], this.store.disposed = !0, (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.clearCache(), this.hooks.emit("dispose");
+    var e, t, i, s, o, n;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((r) => {
+      var l;
+      return (l = r.tag3DContentSvelte) == null ? void 0 : l.svelteApp.$destroy();
+    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (n = (o = this.store).resizeObserverDisposer) == null || n.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.clearCache(), this.hooks.emit("dispose");
   }
   setState(e, t) {
     if (this.store.disposed)
       return this.disposedErrorLog();
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = f({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = p({}, 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 });
   }
   changeUnfoldedById(e, t) {
@@ -151,18 +218,18 @@ class ae extends z {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = p(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = c(t), this.updateRenderPlaneTag());
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = v({}, s.data, t) : s.data = f(f({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = u({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = p(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? u(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.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -174,12 +241,13 @@ class ae extends z {
     this.mediaStore.set({ currentMediaElement: null });
   }
   setVisibleAndUnfolded() {
-    return g(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
-      return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
-        setTimeout(() => {
-          this.setUnfoldedByPanoIndex(), t();
-        }, 10);
-      }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
+    return f(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+      if (!!this.isPanorama)
+        return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
+          setTimeout(() => {
+            this.setUnfoldedByPanoIndex(), t();
+          }, 10);
+        }) : (this.setUnfoldedByPanoIndex(), Promise.resolve());
     });
   }
   handleShow() {
@@ -199,9 +267,9 @@ class ae extends z {
     });
   }
   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), d = this.loadVideoFirstFrame.bind(this), b = this.clickhandler.bind(this);
-    return e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", d), t.on("click", b), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", r), e.off("panoArrived", n), e.off("panoArrived", d), t.off("click", b), 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), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), l = this.loadVideoFirstFrame.bind(this), b = this.clickhandler.bind(this);
+    return this.five.currentMode && (this.isPanorama ? (this.handleFivePanoArrived(), this.temporaryShow({ withAnimation: !0 })) : this.temporaryHide()), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", l), t.on("click", b), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", l), t.off("click", b), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -227,12 +295,12 @@ class ae extends z {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
-    ), { observe: r, unobserve: n } = D(
+    ), { observe: n, unobserve: r } = D(
       C(() => t(), 400),
       e
     );
-    return s(), r(), () => {
-      o(), n();
+    return s(), n(), () => {
+      o(), r();
     };
   }
   handleFiveModeChange(e) {
@@ -241,7 +309,7 @@ class ae extends z {
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = c(f({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = c(f({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   temporaryShow({ withAnimation: e } = { withAnimation: !1 }) {
@@ -287,9 +355,9 @@ class ae extends z {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return g(this, null, function* () {
+    return f(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
-        e.temporaryState = c(f({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = m(p({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
     });
   }
@@ -322,27 +390,27 @@ class ae extends z {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag()]).forEach((t) => {
       var i;
       if (t.tag3DContentSvelte) {
-        const { svelteApp: s, domContainer: o, initialNormal: r, currentNormal: n } = t.tag3DContentSvelte;
+        const { svelteApp: s, domContainer: o, initialNormal: n, currentNormal: r } = t.tag3DContentSvelte;
         if (s.$set({
           tag: t,
           hooks: this.hooks,
           state: this.state,
           temporaryState: this.temporaryState
-        }), !r.equals(n)) {
-          const d = new F().setFromUnitVectors(r, n);
-          o.css3DObject.setRotationFromQuaternion(d);
+        }), !n.equals(r)) {
+          const l = new k().setFromUnitVectors(n, r);
+          o.css3DObject.setRotationFromQuaternion(l);
         }
       } else {
         if (((i = t.state) == null ? void 0 : i.visible) === !1)
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = N(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, p(t.position), p(t.normal)), o = t.stickType === "Plane" ? I(t.position) : p(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(s, r);
-        if (!n)
+        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, c(t.position), c(t.normal)), o = t.stickType === "Plane" ? I(t.position) : c(t.normal), n = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(s, n);
+        if (!r)
           return;
-        this.store.css3DRenderDisposer.set(t.id, n.dispose), t.tag3DContentSvelte = {
+        this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
           svelteApp: new L({
-            target: n.container,
+            target: r.container,
             props: {
               tag: t,
               hooks: this.hooks,
@@ -351,7 +419,7 @@ class ae extends z {
               temporaryState: this.temporaryState
             }
           }),
-          domContainer: n,
+          domContainer: r,
           initialNormal: o,
           currentNormal: o
         };
@@ -375,6 +443,7 @@ class ae extends z {
   }
 }
 export {
-  ae as PanoTagPluginController,
-  re as pluginFlag
+  wt as PanoTagPluginController,
+  wt as default,
+  Pt as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,5 +1,5 @@
-import { PanoTagPluginController as t } from "./controller/index.js";
-import { PanoTagPluginController as Qo, pluginFlag as Ro } from "./controller/index.js";
+import t from "./controller/index.js";
+import { default as Qo, pluginFlag as Ro } from "./controller/index.js";
 import { ContentType as Uo } from "./typings/tag/TagData.js";
 import { DimensionType as Wo, PointType as Xo } from "./typings/tag/Utils.js";
 import "@realsee/five";

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.d.ts

@@ -0,0 +1,4 @@
+declare const data: {
+    tagList: any[];
+};
+export default data;

package/libs/PanoTagPlugin/mocks/v1/mock-80P6A03eQRQKY3oqLj.js

@@ -0,0 +1,6 @@
+const t = {
+  tagList: []
+};
+export {
+  t as default
+};