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

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import t from "./controller/index.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 { 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 "@realsee/five";
 import "object-assign-deep";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
@@ -9,6 +9,7 @@ import "three";
 import "./utils/addDebugPoints.js";
 import "@realsee/five/gltf-loader";
 import "../shared-utils/three/loadTexture.js";
+import "../shared-utils/threex/domevents/index.js";
 import "./utils/tag/tagCheck.js";
 import "./utils/actionAfterFiveModelLoad.js";
 import "./utils/debounce.js";
@@ -44,11 +45,16 @@ 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";
-import "../shared-utils/threex/domevents/index.js";
+import "./utils/model/mediaPlane.js";
+import "../shared-utils/three/Quadrangle.js";
+import "../shared-utils/math/pointIsRectangle.js";
+import "../shared-utils/three/loadVideoTexture.js";
+import "./Assets/Icon.js";
+import "../shared-utils/three/getPositionsByObjectFit.js";
+import "../shared-utils/five/FiveDomEvents.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Tag/index.js";
@@ -65,7 +71,6 @@ import "animejs";
 import "./utils/search.js";
 import "./utils/constants.js";
 import "./Components/Common/Arrow.js";
-import "./Assets/Icon.js";
 import "./utils/doUtil.js";
 import "../shared-utils/svelte/resizeObserver.js";
 import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
@@ -120,17 +125,16 @@ import "./utils/getImageInfo.js";
 import "./Components/Tag/CustomTag.js";
 import "classnames";
 import "./Components/Common/TagPoint.js";
-import "./utils/model/imagePlane.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../shared-utils/three/GLTFLoader.js";
-const cr = (o, r) => new t(o, r);
+const br = (o, r) => new t(o, r);
 export {
-  jr as ContentType,
-  qr as DimensionType,
-  cr as PanoTagPlugin,
-  Fr as PanoTagPluginController,
-  cr as default,
-  br as pluginFlag
+  zr as ContentType,
+  Br as DimensionType,
+  br as PanoTagPlugin,
+  kr as PanoTagPluginController,
+  br as default,
+  qr as pluginFlag
 };

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

@@ -8,7 +8,7 @@ import type { Subscribe } from '@realsee/five';
 import type { TagId, StickType, TagGLTFObject } from './tag/Utils';
 import type { TagContentType } from './tag/TagData';
 import type { Tag } from './tag/Tag';
-import type ImagePlane from '../utils/model/imagePlane';
+import type { ImagePlane, VideoPlane } from '../utils/model/mediaPlane';
 declare type NonNullable<T> = T extends null | undefined | void ? never : T;
 export declare type TagHooks = InstanceType<typeof PanoTagPluginController>['hooks'];
 export interface State extends BasePlugin.State {
@@ -89,11 +89,14 @@ 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;
+    mediaPlane: ImagePlane | VideoPlane;
     model: {
         promise: Promise<TagGLTFObject>;
         object?: TagGLTFObject;

package/libs/PanoTagPlugin/typings/index.js

@@ -1,9 +1,11 @@
-import { ContentType as m } from "./tag/TagData.js";
-import { DimensionType as n } from "./tag/Utils.js";
+import { ContentType as n } from "./tag/TagData.js";
+import { DimensionType as x } from "./tag/Utils.js";
 import "@realsee/five/gltf-loader";
 import "three";
 import "../../shared-utils/three/loadTexture.js";
+import "@realsee/five";
+import "../../shared-utils/threex/domevents/index.js";
 export {
-  m as ContentType,
-  n as DimensionType
+  n as ContentType,
+  x as DimensionType
 };

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

@@ -1,11 +1,9 @@
 import type { State as FiveState } from '@realsee/five';
 import type { TagConfig } from './TagConfig';
 import { ContentTypeMap, ContentType, TagContentType } from './TagData';
-import type { ContentTypeConfigKey, Position, TagId, StickType, TagStyle } from './Utils';
+import type { ContentTypeConfigKey, Position, TagId, StickType, TagStyle, ElementRenderer } from './Utils';
 export type { ContentTypeMap, TagContentType };
 export { ContentType };
-/** 返回一个销毁函数 */
-declare type ElementRenderer = (container: HTMLElement) => () => void;
 export interface Tags {
     version?: string;
     /** tag配置 > 按type配置 > 全局配置 */

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

@@ -2,7 +2,7 @@ import { GLTFObject } from '@realsee/five/gltf-loader';
 import { Group } from 'three';
 import type { Tag } from './Tag';
 import type { TagContentType } from './TagData';
-import ImagePlane from '../../utils/model/imagePlane';
+import { ImagePlane } from '../../utils/model/mediaPlane';
 export declare type TagId = string | number;
 export declare type ArrayPosition = number[];
 export declare type Position = ArrayPosition;
@@ -42,7 +42,10 @@ export interface TagStyle {
 export declare type TagGLTFObject = GLTFObject & {
     customID: number | string;
     isTagModel: boolean;
+    updateTagCss3DObjectMatrix?: () => void;
 };
+/** 返回一个销毁函数 */
+export declare type ElementRenderer = (container: HTMLElement) => () => void;
 export interface TagObjectGroup extends Group {
     children: Array<TagGLTFObjectGroup>;
 }

package/libs/PanoTagPlugin/typings/tag/Utils.js

@@ -1,6 +1,8 @@
 import "@realsee/five/gltf-loader";
 import "three";
 import "../../../shared-utils/three/loadTexture.js";
+import "@realsee/five";
+import "../../../shared-utils/threex/domevents/index.js";
 var t = /* @__PURE__ */ ((r) => (r.Two = "2D", r.Three = "3D", r))(t || {});
 export {
   t as DimensionType

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -2,7 +2,9 @@ import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/posit
 import * as o from "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
-function w(p, h) {
+import "@realsee/five";
+import "../../shared-utils/threex/domevents/index.js";
+function y(p, h) {
   h.forEach((t) => {
     const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [
       new o.MeshBasicMaterial({ color: 16776960 }),
@@ -25,5 +27,5 @@ function w(p, h) {
   });
 }
 export {
-  w as addDebugPoints
+  y as addDebugPoints
 };

package/libs/PanoTagPlugin/utils/index.js

@@ -1,40 +1,42 @@
-import { even as p } from "../../CSS3DRenderPlugin/utils/even.js";
-import { random as f } from "../../CSS3DRenderPlugin/utils/random.js";
-import { anyPositionToVector3 as x, arrayPositionToVector3 as c, positionToVector3 as l } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as P } from "./addDebugPoints.js";
-import { noTypecheck as g } from "./noTypecheck.js";
-import { planeNormal as V } from "./planeNormal.js";
-import { getTagPosition as u, tagPosition as v } from "./tagPosition.js";
-import { checkRange as F } from "./checkRange.js";
-import { actionAfterFiveModelLoad as k, waitFiveModelLoaded as M } from "./actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as w } from "./normalPositionToPositions.js";
-import { debounce as A } from "./debounce.js";
-import { throttle as D } from "./throttle.js";
-import { binarySearchFirstBig as O, searchFirstValueSmallThanLastValue as R } from "./search.js";
-import { resizeObserver as q } from "./resizeObserver.js";
+import { even as f } from "../../CSS3DRenderPlugin/utils/even.js";
+import { random as x } from "../../CSS3DRenderPlugin/utils/random.js";
+import { anyPositionToVector3 as l, arrayPositionToVector3 as d, positionToVector3 as P } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as g } from "./addDebugPoints.js";
+import { noTypecheck as V } from "./noTypecheck.js";
+import { planeNormal as u } from "./planeNormal.js";
+import { getTagPosition as y, tagPosition as F } from "./tagPosition.js";
+import { checkRange as k } from "./checkRange.js";
+import { actionAfterFiveModelLoad as S, waitFiveModelLoaded as w } from "./actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as A } from "./normalPositionToPositions.js";
+import { debounce as D } from "./debounce.js";
+import { throttle as O } from "./throttle.js";
+import { binarySearchFirstBig as j, searchFirstValueSmallThanLastValue as q } from "./search.js";
+import { resizeObserver as E } from "./resizeObserver.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
+import "@realsee/five";
+import "../../shared-utils/threex/domevents/index.js";
 import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
 export {
-  k as actionAfterFiveModelLoad,
-  P as addDebugPoints,
-  x as anyPositionToVector3,
-  c as arrayPositionToVector3,
-  O as binarySearchFirstBig,
-  F as checkRange,
-  A as debounce,
-  p as even,
-  u as getTagPosition,
-  g as noTypecheck,
-  w as normalPositionToPositions,
-  V as planeNormal,
-  l as positionToVector3,
-  f as random,
-  q as resizeObserver,
-  R as searchFirstValueSmallThanLastValue,
-  v as tagPosition,
-  D as throttle,
-  M as waitFiveModelLoaded
+  S as actionAfterFiveModelLoad,
+  g as addDebugPoints,
+  l as anyPositionToVector3,
+  d as arrayPositionToVector3,
+  j as binarySearchFirstBig,
+  k as checkRange,
+  D as debounce,
+  f as even,
+  y as getTagPosition,
+  V as noTypecheck,
+  A as normalPositionToPositions,
+  u as planeNormal,
+  P as positionToVector3,
+  x as random,
+  E as resizeObserver,
+  q as searchFirstValueSmallThanLastValue,
+  F as tagPosition,
+  O as throttle,
+  w as waitFiveModelLoaded
 };

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -0,0 +1,71 @@
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+declare type Src = string;
+declare type VideoTexture = Omit<THREE.VideoTexture, 'image'> & {
+    image: HTMLVideoElement;
+};
+declare type ImageTexture = Omit<THREE.Texture, 'image'> & {
+    image: HTMLImageElement;
+};
+declare class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
+    name: string;
+    src?: string;
+    removeFromParent(): this;
+    protected setMatrixByCornerPoints(cornerPoints: Vector3[]): void;
+}
+declare class ImagePlane extends MediaPlane {
+    name: string;
+    constructor(imageSrc: string, cornerPoints: Vector3[]);
+}
+declare class VideoPlane extends MediaPlane {
+    readonly isVideoPlane = true;
+    name: string;
+    videoInstance: HTMLVideoElement;
+    private objectFit;
+    private buttonSrc;
+    private paused;
+    private videoCoverSrc?;
+    private domEvents?;
+    private disposers;
+    private domEventsListenerTemporaryList;
+    private cornerPoints;
+    private videoMesh?;
+    private coverMesh?;
+    private buttonMesh?;
+    private videoTextureMap;
+    private ImageTextureMap;
+    constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
+        videoInstance?: HTMLVideoElement;
+        playButton?: 'withText' | 'withoutText' | string;
+        videoCoverSrc?: string;
+        objectFit?: 'contain' | 'fill';
+        videoTextureMap?: Map<Src, VideoTexture>;
+        ImageTextureMap?: Map<Src, ImageTexture>;
+    });
+    play(): Promise<void>;
+    pause(): void;
+    initialDomEvents(five: any): void;
+    initialRenderHooks(five: any): void;
+    private render;
+    private addDomEventListener;
+    private removeDomEventListener;
+    private addCoverMesh;
+    private addVideoMesh;
+    private addButtonMesh;
+    /**
+     * @description: 将视频封面Mesh
+     */
+    private getCoverMesh;
+    /**
+     * @description: 获取视频Mesh
+     */
+    private getVideoMesh;
+    /**
+     * @description: 获取视频Mesh
+     */
+    private getButtonMesh;
+    private getButtonTexture;
+    private getCoverTexture;
+    private getVideoTexture;
+}
+export { ImagePlane, VideoPlane };

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -0,0 +1,220 @@
+var S = Object.defineProperty;
+var H = (v, c, e) => c in v ? S(v, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[c] = e;
+var h = (v, c, e) => (H(v, typeof c != "symbol" ? c + "" : c, e), e);
+var u = (v, c, e) => new Promise((t, s) => {
+  var a = (i) => {
+    try {
+      n(e.next(i));
+    } catch (o) {
+      s(o);
+    }
+  }, r = (i) => {
+    try {
+      n(e.throw(i));
+    } catch (o) {
+      s(o);
+    }
+  }, n = (i) => i.done ? t(i.value) : Promise.resolve(i.value).then(a, r);
+  n((e = e.apply(v, c)).next());
+});
+import * as m from "three";
+import { Vector3 as f } from "three";
+import { centerPoint as g } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as w } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as y } from "../../../shared-utils/three/Quadrangle.js";
+import { loadVideoTexture as F } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as R, Image_Play_Icon as P } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as T } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FiveDomEvents as D } from "../../../shared-utils/five/FiveDomEvents.js";
+import "../../../shared-utils/math/pointIsRectangle.js";
+import "@realsee/five";
+import "../../../shared-utils/threex/domevents/index.js";
+class V extends m.Mesh {
+  constructor() {
+    super(...arguments);
+    h(this, "name", "MediaPlane");
+    h(this, "src");
+  }
+  removeFromParent() {
+    const e = this.parent;
+    return e !== null && e.remove(this), this;
+  }
+  setMatrixByCornerPoints(e) {
+    const t = new f().subVectors(e[1], e[0]), s = new f().subVectors(e[3], e[0]), a = g(...e), r = new f().crossVectors(t, s).normalize();
+    this.lookAt(r);
+    const n = this.up.clone().applyQuaternion(this.quaternion), i = s.clone(), o = new f().crossVectors(n, i).normalize();
+    this.rotateOnWorldAxis(o, n.angleTo(i)), this.position.copy(a);
+  }
+}
+class J extends V {
+  constructor(e, t) {
+    super();
+    h(this, "name", "PanoTagPluginImagePlane");
+    this.src = e, w(e).then((s) => {
+      const a = s.image.width, r = s.image.height, n = new m.MeshBasicMaterial({ map: s, transparent: !0 }), i = new m.PlaneGeometry(a, r);
+      this.geometry = i, this.material = n;
+      const o = t[0].distanceTo(t[1]), d = t[1].distanceTo(t[2]);
+      this.scale.set(o / a, d / r, 1);
+      const l = a / r, M = o / d;
+      l > M ? this.scale.set(o / a, o / a, 1) : l < M ? this.scale.set(d / r, d / r, 1) : this.scale.set(o / a, d / r, 1);
+    }).catch((s) => {
+      console.error({ e: s });
+    }), this.setMatrixByCornerPoints(t);
+  }
+}
+class K extends V {
+  constructor(e, t, s) {
+    const {
+      videoCoverSrc: a,
+      objectFit: r = "contain",
+      playButton: n = "withText",
+      videoTextureMap: i,
+      ImageTextureMap: o,
+      videoInstance: d = document.createElement("video")
+    } = s != null ? s : {};
+    super();
+    h(this, "isVideoPlane", !0);
+    h(this, "name", "PanoTagPluginImagePlane");
+    h(this, "videoInstance");
+    h(this, "objectFit");
+    h(this, "buttonSrc");
+    h(this, "paused", !0);
+    h(this, "videoCoverSrc");
+    h(this, "domEvents");
+    h(this, "disposers", []);
+    h(this, "domEventsListenerTemporaryList", []);
+    h(this, "cornerPoints");
+    h(this, "videoMesh");
+    h(this, "coverMesh");
+    h(this, "buttonMesh");
+    h(this, "videoTextureMap");
+    h(this, "ImageTextureMap");
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? R : n === "withoutText" ? P : typeof n == "string" ? n : P)(), this.videoInstance = d, this.videoCoverSrc = a, this.objectFit = r, this.videoTextureMap = i, this.ImageTextureMap = o, this.position.copy(g(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("dispose", () => {
+      var l;
+      this.domEventsListenerTemporaryList = [], (l = this.disposers) == null || l.forEach((M) => M == null ? void 0 : M());
+    });
+  }
+  play() {
+    return u(this, null, function* () {
+      !this.paused || (this.paused = !1, this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh || (yield this.addVideoMesh()), this.videoMesh.visible = !0, this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
+    });
+  }
+  pause() {
+    this.paused || (this.paused = !0, this.coverMesh && (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.videoInstance.pause(), this.render());
+  }
+  initialDomEvents(e) {
+    this.domEvents || (this.domEvents = new D(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
+  }
+  initialRenderHooks(e) {
+    const t = () => {
+      this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
+    };
+    e.on("renderFrame", t), this.disposers.push(() => e.off("renderFrame", t));
+  }
+  render() {
+    this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
+  }
+  addDomEventListener(...e) {
+    this.domEvents ? (this.domEvents.addEventListener(...e), this.disposers.push(() => {
+      var t;
+      return (t = this.domEvents) == null ? void 0 : t.removeEventListener(...e);
+    })) : this.domEventsListenerTemporaryList.push(e);
+  }
+  removeDomEventListener(...e) {
+    this.domEvents ? this.domEvents.removeEventListener(...e) : this.domEventsListenerTemporaryList = this.domEventsListenerTemporaryList.filter((t) => t !== e);
+  }
+  addCoverMesh() {
+    return u(this, null, function* () {
+      if (this.children.find((t) => t === this.coverMesh))
+        return;
+      const e = yield this.getCoverMesh();
+      this.add(e);
+    });
+  }
+  addVideoMesh() {
+    return u(this, null, function* () {
+      if (this.children.find((t) => t === this.videoMesh))
+        return;
+      const e = yield this.getVideoMesh();
+      this.add(e);
+    });
+  }
+  addButtonMesh() {
+    return u(this, null, function* () {
+      if (this.children.find((t) => t === this.buttonMesh))
+        return;
+      const e = yield this.getButtonMesh();
+      this.add(e);
+    });
+  }
+  getCoverMesh() {
+    return u(this, null, function* () {
+      if (this.coverMesh)
+        return this.coverMesh;
+      const e = yield this.getCoverTexture(), t = new m.MeshBasicMaterial({ transparent: !0, map: e }), s = T(this.objectFit, this.cornerPoints, e.image.width / e.image.height), a = g(...s), r = s.map((o) => o.clone().sub(a)), n = new y(r, 1), i = new m.Mesh(n, t);
+      return i.name = "videoCoverMesh", i.position.copy(a.clone().sub(this.position)), this.coverMesh = i, i;
+    });
+  }
+  getVideoMesh() {
+    return u(this, null, function* () {
+      if (this.videoMesh)
+        return this.videoMesh;
+      const e = yield this.getVideoTexture(), t = new m.MeshBasicMaterial({ transparent: !0, map: e }), s = T(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), a = g(...s), r = s.map((d) => d.clone().sub(a)), n = new y(r, 1), i = new m.Mesh(n, t);
+      i.name = "videoMesh", i.position.copy(a.clone().sub(this.position)), this.addDomEventListener(i, "click", (d) => {
+        this.pause();
+      });
+      const o = e.image;
+      return this.videoMesh = i, this.videoInstance = o, i;
+    });
+  }
+  getButtonMesh() {
+    return u(this, null, function* () {
+      var b, E, I, L;
+      if (this.buttonMesh)
+        return this.buttonMesh;
+      const e = (E = (b = this.videoMesh) == null ? void 0 : b.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? E : 1 / 0, t = (L = (I = this.coverMesh) == null ? void 0 : I.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? L : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(e, t, s) / s * 0.3, n = yield this.getButtonTexture(), i = new m.MeshBasicMaterial({ transparent: !0, map: n }), o = T("contain", this.cornerPoints, n.image.width / n.image.height), d = g(...o), l = o.map((B) => B.clone().sub(d)), M = new y(l), p = new m.Mesh(M, i);
+      p.name = "buttonMesh", p.scale.set(r, r, r);
+      const x = () => {
+        this.play();
+      };
+      p.addEventListener("added", () => {
+        this.addDomEventListener(p, "click", x);
+      }), p.addEventListener("removed", () => {
+        this.removeDomEventListener(p, "click", x);
+      });
+      const C = new m.Vector3().crossVectors(new m.Vector3().subVectors(o[0], o[1]), new m.Vector3().subVectors(o[0], o[3])).normalize().multiplyScalar(1e-4);
+      return p.position.copy(C), this.buttonMesh = p, p;
+    });
+  }
+  getButtonTexture() {
+    return u(this, null, function* () {
+      var t, s;
+      if ((t = this.ImageTextureMap) != null && t.has(this.buttonSrc))
+        return this.ImageTextureMap.get(this.buttonSrc);
+      const e = yield w(this.buttonSrc);
+      return (s = this.ImageTextureMap) == null || s.set(this.buttonSrc, e), e;
+    });
+  }
+  getCoverTexture() {
+    return u(this, null, function* () {
+      var t, s;
+      if ((t = this.ImageTextureMap) != null && t.has(this.videoCoverSrc))
+        return this.ImageTextureMap.get(this.videoCoverSrc);
+      const e = yield w(this.videoCoverSrc);
+      return (s = this.ImageTextureMap) == null || s.set(this.videoCoverSrc, e), e;
+    });
+  }
+  getVideoTexture() {
+    return u(this, null, function* () {
+      var t, s;
+      if ((t = this.videoTextureMap) != null && t.has(this.src))
+        return this.videoTextureMap.get(this.src);
+      const e = yield F(this.src, this.videoInstance);
+      return (s = this.videoTextureMap) == null || s.set(this.src, e), e;
+    });
+  }
+}
+export {
+  J as ImagePlane,
+  K as VideoPlane
+};

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -2,12 +2,14 @@ import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positio
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
-function p(t) {
+import "@realsee/five";
+import "../../shared-utils/threex/domevents/index.js";
+function u(t) {
   if (t.length < 3)
     return;
   const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
   return r.cross(n);
 }
 export {
-  p as planeNormal
+  u as planeNormal
 };

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -3,8 +3,10 @@ import { anyPositionToVector3 as i } from "../../CSS3DRenderPlugin/utils/positio
 import { centerPoint as n } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
-import { isMediaModelTag as s } from "./tag/tagCheck.js";
-function p(r) {
+import "@realsee/five";
+import "../../shared-utils/threex/domevents/index.js";
+import { isMediaModelTag as p } from "./tag/tagCheck.js";
+function s(r) {
   if (!!r)
     if (Array.isArray(r) && r.length === 4) {
       const o = r.map(i);
@@ -12,14 +14,14 @@ function p(r) {
     } else
       return i(r);
 }
-function d(r) {
-  if (s(r) && r.matrix) {
+function A(r) {
+  if (p(r) && r.matrix) {
     const t = new m().fromArray(r.matrix), o = r.data.mediaPosition.map((e) => new a().fromArray(e).applyMatrix4(t));
     return n(o[0], o[2]);
   } else
-    return p(r.position);
+    return s(r.position);
 }
 export {
-  d as getTagPosition,
-  p as tagPosition
+  A as getTagPosition,
+  s as tagPosition
 };

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,8 +35,7 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "./utils/index.js";
-import "../shared-utils/isAbsoluteURL.js";
-class O extends A {
+class N extends A {
   constructor(e) {
     super(e);
     u(this, "enabled", !0);
@@ -138,5 +137,5 @@ class O extends A {
   }
 }
 export {
-  O as PanoVideoPluginController
+  N 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";