@realsee/dnalogel 2.15.1-alpha.0 → 2.16.0-0

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,7 +1,7 @@
 var j = Object.defineProperty;
 var w = (l, p, t) => p in l ? j(l, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[p] = t;
-var c = (l, p, t) => (w(l, typeof p != "symbol" ? p + "" : p, t), t);
-var b = (l, p, t) => new Promise((e, i) => {
+var d = (l, p, t) => (w(l, typeof p != "symbol" ? p + "" : p, t), t);
+var D = (l, p, t) => new Promise((e, i) => {
   var o = (s) => {
     try {
       a(t.next(s));
@@ -18,16 +18,16 @@ var b = (l, p, t) => new Promise((e, i) => {
   a((t = t.apply(l, p)).next());
 });
 import { TagComputer as O } from "./TagComputer.js";
-import { Group as P, Quaternion as x, Vector3 as D, Matrix4 as T } from "three";
+import { Group as P, Quaternion as x, Vector3 as f, Matrix4 as T } from "three";
 import G from "../Components/TagContainer.js";
 import k from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as S } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { arrayPositionToVector3 as b } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { centerPoint as A } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
 import R from "../utils/model/imagePlane.js";
-import { isMediaModelTag as C } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as S } from "../utils/tag/tagCheck.js";
 import { CSS3DRenderPlugin as E } from "../../CSS3DRenderPlugin/index.js";
-import { loadGLTF as I } from "../../shared-utils/three/GLTFLoader.js";
+import { loadGLTF as V } from "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/loadTexture.js";
@@ -56,6 +56,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../utils/device.js";
@@ -132,21 +133,21 @@ import "../Components/Tag/LinkTag.js";
 import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-class Le extends O {
+class Qe extends O {
   constructor(t) {
     super(t);
-    c(this, "group", new P());
-    c(this, "imagePlaneGroup", new P());
-    c(this, "gltfObjectGroup", new P());
-    c(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
-    c(this, "temporaryState", { visible: !0 });
-    c(this, "TagContainerSvelte");
-    c(this, "loadModel", (t) => b(this, null, function* () {
+    d(this, "group", new P());
+    d(this, "imagePlaneGroup", new P());
+    d(this, "gltfObjectGroup", new P());
+    d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    d(this, "temporaryState", { visible: !0 });
+    d(this, "TagContainerSvelte");
+    d(this, "loadModel", (t) => D(this, null, function* () {
       var s;
       const e = t.data.modelUrl;
       if (!e)
         return;
-      const i = I(e).then((r) => Object.assign(r.scene, { customID: t.id, isTagModel: !0 }));
+      const i = V(e).then((r) => Object.assign(r.scene, { customID: t.id, isTagModel: !0 }));
       t.model = { promise: i };
       const o = yield i;
       if (((s = t.model) == null ? void 0 : s.promise) !== i || (t.model.object = o, !this.tags.includes(t)))
@@ -155,13 +156,13 @@ class Le extends O {
       const a = this.gltfObjectGroup.children.find((r) => r.customID === t.id);
       if (a && this.gltfObjectGroup.remove(a), this.getRenderType(t) === "Mesh") {
         if (!t.imagePlane) {
-          const r = t.data.mediaPosition.map(S);
-          t.imagePlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(S));
-          const m = new D().addVectors(r[0], r[2]).divideScalar(2);
+          const r = t.data.mediaPosition.map(b);
+          t.imagePlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(b));
+          const m = new f().addVectors(r[0], r[2]).divideScalar(2);
           t.imagePlane.position.copy(m), o.add(t.imagePlane);
         }
       } else
-        o.updateTagCss3DObjectMatrix = () => this.updateTagCss3DObjectMatrix(t, o), o.updateTagCss3DObjectMatrix();
+        this.updateTagCss3DObjectMatrix(t, o);
       return this.gltfObjectGroup.add(o), o;
     }));
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
@@ -181,7 +182,7 @@ class Le extends O {
       const i = (n = e.data.mediaData[0]) == null ? void 0 : n.url;
       if (!i || (e.imagePlane && (e.imagePlane.visible = (s = (a = e.state) == null ? void 0 : a.visible) != null ? s : !0), ((r = e.imagePlane) == null ? void 0 : r.imageSrc) === i))
         return;
-      const o = e.position.map(S);
+      const o = e.position.map(b);
       e.imagePlane = new R(i, o), e.imagePlane.setMatrixByCornerPoints(o), this.imagePlaneGroup.add(e.imagePlane);
     });
   }
@@ -189,7 +190,7 @@ class Le extends O {
     this.sort([...this.filterCSS3DTag]).forEach((e) => {
       var i, o;
       if (e.tag3DContentSvelte) {
-        const { svelteApp: n, css3DInstance: a, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
+        const { svelteApp: n, domContainer: a, initialNormal: s, currentNormal: r } = e.tag3DContentSvelte;
         if (n.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !s.equals(r)) {
           const m = new x().setFromUnitVectors(s, r);
           a.css3DObject.setRotationFromQuaternion(m);
@@ -209,47 +210,41 @@ class Le extends O {
         const r = (o = this.getTagConfig(e).tag3DConfig) != null ? o : {};
         if (this.getRenderType(e) === "BehindDom") {
           r.mode = "behind", r.container = document.createElement("div");
-          const g = "black";
-          r.container.style.backgroundColor = g, r.container.style.border = `3px solid ${g}`, this.css3DRenderPlugin.hooks.on("render", () => {
-            var h;
+          const h = "black";
+          r.container.style.backgroundColor = h, r.container.style.border = `3px solid ${h}`, this.css3DRenderPlugin.hooks.on("render", () => {
+            var u;
             if (m.css3DObject.opacityMesh) {
-              const d = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (f) => {
-                this.hooks.emit("click", { event: f, target: "TagContent", tag: e });
+              const g = this.addObjectClickHandler(e, m.css3DObject.opacityMesh, (c) => {
+                this.hooks.emit("click", { event: c, target: "TagContent", tag: e });
               });
-              (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.push(d);
+              (u = this.store.css3DRenderDisposer.get(e.id)) == null || u.push(g);
             }
           });
         }
         const m = this.css3DRenderPlugin.create3DDomContainer(n, r);
         if (!m)
           return;
-        this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
-        const u = new k({
-          target: m.container,
-          props: {
-            tag: e,
-            hooks: this.hooks,
-            state: this.state,
-            mediaStore: this.mediaStore,
-            temporaryState: this.temporaryState
-          }
-        });
-        e.tag3DContentSvelte = {
-          svelteApp: u,
+        this.store.css3DRenderDisposer.set(e.id, [m.dispose]), e.tag3DContentSvelte = {
+          svelteApp: new k({
+            target: m.container,
+            props: {
+              tag: e,
+              hooks: this.hooks,
+              state: this.state,
+              mediaStore: this.mediaStore,
+              temporaryState: this.temporaryState
+            }
+          }),
           domContainer: m,
-          css3DInstance: m,
           initialNormal: a,
-          currentNormal: a,
-          dispose: () => {
-            u.$destroy(), m.dispose();
-          }
+          currentNormal: a
         };
       }
     }), this.clearUnusedPanelTag();
   }
   updateRenderModelTag() {
     const t = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(t)), this.tags.filter(C).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(t)), this.tags.filter(S).forEach((i) => {
       var o;
       (o = i.model) == null || o.promise.then((n) => {
         n.visible = this.getCurrentVisibleState(i);
@@ -263,20 +258,20 @@ class Le extends O {
     });
   }
   updateTagCss3DObjectMatrix(t, e) {
-    var f, v, M, y;
-    const i = (M = (v = (f = t.mergedConfig) == null ? void 0 : f.tag3DConfig) == null ? void 0 : v.ratio) != null ? M : 216e-5, o = (y = t.tag3DContentSvelte) == null ? void 0 : y.css3DInstance.css3DObject;
+    var C, v, M, y;
+    const i = (M = (v = (C = t.mergedConfig) == null ? void 0 : C.tag3DConfig) == null ? void 0 : v.ratio) != null ? M : 216e-5, o = (y = t.tag3DContentSvelte) == null ? void 0 : y.domContainer.css3DObject;
     if (!o)
       return;
-    const n = C(t) ? t.data.mediaPosition : t.position;
+    const n = S(t) ? t.data.mediaPosition : t.position;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new D().fromArray(n[0]), r = new D().fromArray(n[2]), m = A(s, r).add(new D(0, 0, 5e-4)), u = new T().setPosition(m), g = new T().makeScale(i, i, i), h = new T().multiply(a).multiply(u).multiply(g);
-    h.decompose(o.position, o.quaternion, o.scale);
-    const d = o.opacityMesh;
-    d && h.decompose(d.position, d.quaternion, d.scale);
+    const a = e.matrixWorld, s = new f().fromArray(n[0]), r = new f().fromArray(n[2]), m = A(s, r).add(new f(0, 0, 5e-4)), h = new T().setPosition(m), u = new T().makeScale(i, i, i), g = new T().multiply(a).multiply(h).multiply(u);
+    g.decompose(o.position, o.quaternion, o.scale);
+    const c = o.opacityMesh;
+    c && g.decompose(c.position, c.quaternion, c.scale);
   }
   addMediaModelTag(t) {
-    return b(this, null, function* () {
-      const e = t.filter(C).map((i) => this.loadModel(i));
+    return D(this, null, function* () {
+      const e = t.filter(S).map((i) => this.loadModel(i));
       yield Promise.all(e), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
   }
@@ -303,7 +298,7 @@ class Le extends O {
       withAnimation: this.store.visibleWithAnimation
     }), this.filterCSS3DTag.forEach((e) => {
       var i, o, n, a, s;
-      (a = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.css3DInstance) == null ? void 0 : o.css3DObject) == null || a.setVisible((this.state.visible && ((n = e.state) == null ? void 0 : n.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
+      (a = (o = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : o.css3DObject) == null || a.setVisible((this.state.visible && ((n = e.state) == null ? void 0 : n.visible)) !== !1), (s = e.tag3DContentSvelte) == null || s.svelteApp.$set({
         state: this.state,
         temporaryState: this.temporaryState,
         withAnimation: this.store.visibleWithAnimation
@@ -318,7 +313,7 @@ class Le extends O {
   clearUnusedPanelTag() {
     this.filter2DPointTag.forEach((t) => {
       var e;
-      (e = t.tag3DContentSvelte) == null || e.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
+      (e = t.tag3DContentSvelte) == null || e.domContainer.dispose(), t.tag3DContentSvelte = void 0;
     });
     for (const [t, e] of this.store.css3DRenderDisposer) {
       const i = this.getTagById(t);
@@ -327,5 +322,5 @@ class Le extends O {
   }
 }
 export {
-  Le as TagRender
+  Qe as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -14,6 +14,9 @@ import { isIOSWX as A } from "../utils/device.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
 import { isMediaPlaneTag as x, isMediaModelTag as v, isPlaneTag as V } from "../utils/tag/tagCheck.js";
 import { DomEvents as L } from "../../shared-utils/threex/domevents/index.js";
 import "@realsee/five/gltf-loader";
@@ -21,7 +24,7 @@ import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../vendor/svelte/internal/index.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -31,7 +34,9 @@ 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 le extends b {
+import "../../shared-utils/animationFrame/index.js";
+import "../../vendor/svelte/internal/index.js";
+class he extends b {
   constructor(e) {
     super(e);
     a(this, "tags", []);
@@ -288,5 +293,5 @@ class le extends b {
   }
 }
 export {
-  le as TagUtil
+  he as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -27,10 +27,10 @@ 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 { Subscribe as w } 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 { addDebugPoints as M } from "../utils/addDebugPoints.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
@@ -69,6 +69,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../utils/device.js";
@@ -149,8 +150,8 @@ import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
-const D = "Dnalogel-PanoTagPlugin", Yt = (d) => `${D}--${d}`;
-class Zt extends k {
+const D = "Dnalogel-PanoTagPlugin", Zt = (d) => `${D}--${d}`;
+class ei extends k {
   constructor(e, t) {
     super(e);
     p(this, "state", { enabled: !0, visible: !0 });
@@ -187,7 +188,7 @@ class Zt extends k {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          w(this.five, this.tags);
+          M(this.five, this.tags);
         } catch (r) {
           console.error(r);
         }
@@ -203,7 +204,7 @@ class Zt extends k {
             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),
@@ -323,16 +324,13 @@ class Zt extends k {
     this.pauseCurrentMedia(), this.state.visible = !1, this.group.visible = !1, this.updateTagContainerVisible(), this.updateTagModelVisible(), this.five.needsRender = !0;
   }
   handleEnable() {
-    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.five.scene.children.includes(this.group) || this.five.scene.add(this.group), this.group.traverse((e) => {
-      var t;
-      (t = e == null ? void 0 : e.updateTagCss3DObjectMatrix) == null || t.call(e);
-    }), this.updateRenderAllTags(), this.five.needsRender = !0;
+    this.state.enabled = !0, this.store.eventListenerDisposer = this.addEventListener(), this.five.scene.children.includes(this.group) || this.five.scene.add(this.group), this.updateRenderAllTags(), this.five.needsRender = !0;
   }
   handleDisable() {
     var e, t, i;
     this.pauseCurrentMedia(), this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), this.five.scene.remove(this.group), (i = this.TagContainerSvelte) == null || i.$set({ tags: [] }), this.filterCSS3DTag.forEach((s) => {
       var o;
-      (o = s.tag3DContentSvelte) == null || o.dispose(), s.tag3DContentSvelte = void 0;
+      (o = s.tag3DContentSvelte) == null || o.svelteApp.$destroy(), s.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
   addEventListener() {
@@ -417,11 +415,11 @@ class Zt extends k {
   }
   changeTagMode(e, t) {
     var i, s, o, r, n, h;
-    ((i = this.getTagConfig(e)) == null ? void 0 : i.renderType) !== "Mesh" && ((r = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : r.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
+    ((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 {
-  Zt as PanoTagPluginController,
-  Zt as default,
-  Yt as pluginFlag
+  ei as PanoTagPluginController,
+  ei as default,
+  Zt as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import t from "./controller/index.js";
-import { default as Dr, pluginFlag as Fr } from "./controller/index.js";
-import { ContentType as hr } from "./typings/tag/TagData.js";
-import { DimensionType as kr } from "./typings/tag/Utils.js";
+import { default as Fr, pluginFlag as br } from "./controller/index.js";
+import { ContentType as jr } from "./typings/tag/TagData.js";
+import { DimensionType as qr } from "./typings/tag/Utils.js";
 import "@realsee/five";
 import "object-assign-deep";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
@@ -44,6 +44,7 @@ import "./utils/planeNormal.js";
 import "./utils/normalPositionToPositions.js";
 import "./controller/TagCache.js";
 import "../base/BasePlugin.js";
+import "../shared-utils/isAbsoluteURL.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "./utils/device.js";
@@ -124,12 +125,12 @@ import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../shared-utils/three/GLTFLoader.js";
-const yr = (o, r) => new t(o, r);
+const cr = (o, r) => new t(o, r);
 export {
-  hr as ContentType,
-  kr as DimensionType,
-  yr as PanoTagPlugin,
-  Dr as PanoTagPluginController,
-  yr as default,
-  Fr as pluginFlag
+  jr as ContentType,
+  qr as DimensionType,
+  cr as PanoTagPlugin,
+  Fr as PanoTagPluginController,
+  cr as default,
+  br as pluginFlag
 };

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

@@ -89,12 +89,9 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
     };
     tag3DContentSvelte: {
         svelteApp: TagContentSvelte;
-        /** @deprecated rename to css3DInstance */
         domContainer: NonNullable<Create3DDomContainerReturnType>;
-        css3DInstance: NonNullable<Create3DDomContainerReturnType>;
         initialNormal: Vector3;
         currentNormal: Vector3;
-        dispose: () => void;
     };
     imagePlane: ImagePlane;
     model: {

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -42,7 +42,6 @@ export interface TagStyle {
 export declare type TagGLTFObject = GLTFObject & {
     customID: number | string;
     isTagModel: boolean;
-    updateTagCss3DObjectMatrix?: () => void;
 };
 export interface TagObjectGroup extends Group {
     children: Array<TagGLTFObjectGroup>;

package/libs/PanoVideoPlugin/Controller.js

@@ -14,9 +14,9 @@ var u = (o, r, e) => (s(o, typeof r != "symbol" ? r + "" : r, e), e);
 import { VideoMeshController as p } from "./VideoMeshController.js";
 import { Controller as A } from "../base/BasePlugin.js";
 import "./utils/shader.js";
+import "@realsee/five";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
@@ -35,7 +35,8 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "./utils/index.js";
-class N extends A {
+import "../shared-utils/isAbsoluteURL.js";
+class O extends A {
   constructor(e) {
     super(e);
     u(this, "enabled", !0);
@@ -137,5 +138,5 @@ class N extends A {
   }
 }
 export {
-  N as PanoVideoPluginController
+  O as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -2,9 +2,9 @@ var g = Object.defineProperty;
 var F = (h, e, i) => e in h ? g(h, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : h[e] = i;
 var t = (h, e, i) => (F(h, typeof e != "symbol" ? e + "" : e, i), i);
 import { vertexShader as E, fragmentShader as I } from "./utils/shader.js";
+import "@realsee/five";
 import "hammerjs";
 import { VideoTexture as D, LinearFilter as m, ShaderMaterial as P, Vector4 as A, SphereBufferGeometry as M, Mesh as x, Vector3 as f, Quaternion as C } from "three";
-import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";

package/libs/PanoVideoPlugin/index.js

@@ -1,10 +1,10 @@
 import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as A } from "./typings/index.js";
+import { typings as B } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
+import "@realsee/five";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
@@ -24,9 +24,10 @@ import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
-const q = (o) => new r(o);
+import "../shared-utils/isAbsoluteURL.js";
+const v = (o) => new r(o);
 export {
-  q as PanoVideoPlugin,
-  A as PanoVideoPluginType,
-  q as default
+  v as PanoVideoPlugin,
+  B as PanoVideoPluginType,
+  v as default
 };

package/libs/base/BasePlugin.d.ts

@@ -95,6 +95,7 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      * @param options 配置项
      */
     setState?(state: Partial<PluginState>, options?: BaseOptions): void;
+    isAbsoluteURL(url: string): string;
     /**
      * 启用插件，让插件能够响应交互
      */

package/libs/base/BasePlugin.js

@@ -1,19 +1,30 @@
-var i = Object.defineProperty;
-var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
-import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class o {
-  constructor(r, t) {
-    s(this, "VERSION", "2.15.1-alpha.0");
+var e = Object.defineProperty;
+var o = (i, t, r) => t in i ? e(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
+var s = (i, t, r) => (o(i, typeof t != "symbol" ? t + "" : t, r), r);
+import { Subscribe as m } from "../shared-utils/Subscribe.js";
+import "@realsee/five";
+import "hammerjs";
+import "three";
+import "@tweenjs/tween.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { isAbsoluteURL as a } from "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+class R {
+  constructor(t, r) {
+    s(this, "VERSION", "2.16.0-0");
     s(this, "five");
-    s(this, "hooks", new c());
+    s(this, "hooks", new m());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
-    this.five = r, t != null && t.staticPrefix && (this.staticPrefix = t.staticPrefix);
+    this.five = t, r != null && r.staticPrefix && (this.staticPrefix = r.staticPrefix);
   }
   getCurrentState() {
     return this.state;
   }
+  isAbsoluteURL(t) {
+    return a(t) ? t : `${this.staticPrefix}${t}`;
+  }
 }
 export {
-  o as Controller
+  R as Controller
 };