@realsee/dnalogel 2.15.0 → 2.16.0-0

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -0,0 +1,61 @@
+import type GuideLinePlugin from './Controller';
+import type { Five } from '@realsee/five';
+import type * as PluginType from './typing';
+import * as THREE from 'three';
+/** @link https://threejs.org/docs/index.html#api/en/extras/curves/CatmullRomCurve3 */
+declare type CatmullRomCurve3RestParams = Omit<PluginType.CatmullRomCurve3, 'type' | 'points'>;
+/** 在不同模态下的 GuideLine */
+declare class GuideLineModeItem {
+    readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicMaterial>;
+    private five;
+    private mode;
+    private path;
+    private color;
+    private opacity;
+    private textureUrl;
+    private scale;
+    private width;
+    private unitLength;
+    private visible;
+    /** 在当前模态下，是否展示 */
+    private modeVisible;
+    private customVisible;
+    private plugin;
+    private textureHasLoaded;
+    private disposed;
+    constructor(five: Five, options: {
+        mode: PluginType.GuideLineModeItemMode;
+        plugin: GuideLinePlugin;
+    });
+    /** 自定义展示 */
+    setCustomVisible(visible: boolean | null): void;
+    /** 设置模型态展示 */
+    setModeVisible(visible: boolean): void;
+    dispose(): void;
+    /** 基础宽、长 */
+    setUnitSize(width: number, length: number): void;
+    /** 设置缩放 */
+    setScale(scale: number): void;
+    /** 通过点位设置线条形状 */
+    setGeometryByPanoGroup(panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle): void;
+    /** 通过路径设置线条形状 */
+    setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle): void;
+    /** 设置线条材质 */
+    setMartial(options?: PluginType.GuideLineMaterialStyle): void;
+    setColor(color: number[]): void;
+    setOpacity(opacity: number): void;
+    setTextureUrl(url: string): void;
+    private onPluginShow;
+    private onPluginHide;
+    private onPluginEnable;
+    private onPluginDisable;
+    /** 模型状态变更 */
+    private onFiveModeChange;
+    private updateVisible;
+    private doShow;
+    private doHide;
+    private getPathFromPanoGroup;
+    private logWarning;
+    private logError;
+}
+export { GuideLineModeItem };

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -0,0 +1,29 @@
+import "three";
+import "../shared-utils/log.js";
+import "./utils/createLineGeometry.js";
+import "../shared-utils/five/mode.js";
+import "hammerjs";
+import "@realsee/five";
+import "@tweenjs/tween.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/three/loadTexture.js";
+import { GuideLineModeItem as w } from "./GuideLineModeItem/index.js";
+import "polyline-normals";
+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 "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../shared-utils/animationFrame/index.js";
+export {
+  w as GuideLineModeItem
+};

package/libs/GuideLinePlugin/index.d.ts

@@ -1,5 +1,8 @@
 import type { Five } from '@realsee/five';
 import Controller from './Controller';
+import * as GuideLineItem from './GuideLineItem';
+import * as GuideLineModeItem from './GuideLineModeItem';
 export declare const GuideLinePlugin: (five: Five, config?: ConstructorParameters<typeof Controller>[1]) => Controller;
 export type { GuideLinePluginExportType } from './typing';
 export default GuideLinePlugin;
+export { GuideLineItem, GuideLineModeItem };

package/libs/GuideLinePlugin/index.js

@@ -1,16 +1,42 @@
 import t from "./Controller.js";
+import { GuideLineItem$1 as J } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as N } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
+import "@realsee/five";
+import "hammerjs";
 import "three";
-import "./utils/getLineGeometries.js";
-import "polyline-normals";
-import "./utils/getArrowMaterial.js";
-import "../shared-utils/isNil.js";
+import "@tweenjs/tween.js";
+import "../CSS3DRenderPlugin/utils/three/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/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
-const c = (o, r) => new t(o, r);
+import "polyline-normals";
+import "../shared-utils/uuid.js";
+import "../shared-utils/three/loadTexture.js";
+import "object-assign-deep";
+import "../shared-utils/log.js";
+import "./utils/createLineGeometry.js";
+import "../shared-utils/five/mode.js";
+const E = (i, o) => new t(i, o);
 export {
-  c as GuideLinePlugin,
-  c as default
+  J as GuideLineItem,
+  N as GuideLineModeItem,
+  E as GuideLinePlugin,
+  E as default
 };

package/libs/GuideLinePlugin/typing.d.ts

@@ -1,4 +1,5 @@
 import type GuideLinePlugin from '.';
+import type { RequireAtLeastOne } from 'type-fest';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
 export interface RouteConfig {
     arrowTextureUrl?: string;
@@ -9,10 +10,15 @@ export interface RouteConfig {
 export interface Route extends RouteConfig {
     panoIndexList: number[];
 }
-export interface PluginData {
+export interface PluginDataV1 {
     routes: Route[];
     config?: RouteConfig;
 }
+export interface PluginDataV2 {
+    /** 路线数据 */
+    lines: GuideLineItem[];
+}
+export declare type PluginData = PluginDataV1 | PluginDataV2;
 export interface PluginServerData extends BasePluginWithData.ServerData {
     data: PluginData;
 }
@@ -35,3 +41,74 @@ export interface EventMap extends BasePluginWithData.EventMap<PluginState, Plugi
     }) => void;
 }
 export declare type GuideLinePluginExportType = ReturnType<typeof GuideLinePlugin>;
+export interface LineGeometriesConfig {
+    /** 是否越过点位圆环。可以开启此选项来使越过点位，使其不会重叠显示 */
+    skipPanoIndexMesh?: boolean;
+    unitWidth?: number;
+    unitLength?: number;
+}
+export declare type GuideLineModeItemMode = 'panorama' | 'model';
+export interface GuideLineItemContainer<T> {
+    onChildRemoved?: (child: T) => void;
+}
+/** 单条路线的数据 */
+export declare type GuideLineItem = RequireAtLeastOne<{
+    /** server ID */
+    id?: number;
+    /** client ID，不存在时，会使用 String(id) 作为 client ID */
+    render_id?: string;
+    /** 路线名称 */
+    name?: string;
+    /** 可展示的楼层 */
+    visible_floor_indexes?: null | number[];
+    /** 点位数组 */
+    pano_group?: number[];
+    /** 路径：由多个曲线组合而成的路径，路径为空时，会使用 pano_group 自动创建 */
+    path?: PathItem[];
+    /** 全景态是默认否展示
+     * - 全景态包括：
+     * - Panorama
+     * - DepthPanorama
+     * - VRPanorama
+     * - XRPanorama
+     */
+    panorama_like_visible?: boolean;
+    /** 模型态是默认否展示，不是全景态的都算模型态 */
+    model_like_visible?: boolean;
+    /** 全景态使用的数据 */
+    panorama_style?: GuideLineStyle;
+    /** 模型态使用的数据 */
+    model_style?: GuideLineStyle;
+}, 'id' | 'render_id'>;
+/** 影响形状的样式 */
+export interface GuideLineGeometryStyle {
+    /** scale 之前的路线宽度，默认值是 0.5 */
+    width?: number;
+    /** 每一段 scale 之前的 长度，默认值是 0.5 */
+    unit_length?: number;
+    /** 线宽缩放 */
+    scale?: number;
+}
+/** 影响材质的样式 */
+export interface GuideLineMaterialStyle {
+    /** rgb 颜色 [r, g, b] */
+    color?: number[];
+    /** 透明度 */
+    opacity?: number;
+    /** 贴图 */
+    texture?: {
+        /** 贴图地址 */
+        url: string;
+    };
+}
+/** 不同模态下的路线数据 */
+export declare type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle;
+/** 目前只支持 CatmullRomCurve3 */
+export declare type PathItem = CatmullRomCurve3;
+export interface CatmullRomCurve3 {
+    type: 'CatmullRomCurve3';
+    points: number[][];
+    closed?: boolean;
+    curve_type?: string;
+    tension?: number;
+}

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -0,0 +1,19 @@
+import * as THREE from 'three';
+import type * as PluginType from '../typing';
+/** 生成曲线参数 */
+interface LineGeometryOption {
+    /** 路径 */
+    path: PluginType.PathItem[];
+    /** 线宽，默认是 0.5 */
+    width: number;
+    /** 每一段的长度，默认是 0.5 */
+    unitLength: number;
+}
+/** 创建路线的几何体
+ * @param curvePoints 三维点位
+ * @param unitWidth 线段宽度
+ * @param unitLength 每一段的长度
+ * @returns THREE BufferGeometry
+ */
+export declare function createLineGeometry(options: LineGeometryOption): THREE.BufferGeometry;
+export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -0,0 +1,35 @@
+import * as c from "three";
+import { Vector3 as b } from "three";
+import U from "polyline-normals";
+const F = 2, V = 3, z = 3, G = 2;
+function D(e) {
+  const u = e.width, g = e.unitLength / u, s = u / 2, y = e.path, m = new c.CurvePath();
+  y.forEach((t) => {
+    const a = M(t);
+    a && m.add(a);
+  });
+  const d = Math.ceil(m.getLength() * 1.5), n = m.getPoints(d), L = n.length, P = U(n.map((t) => [t.x, t.z])), x = (n.length - 1) * F * V, E = 2 * L, C = E * z, B = E * G, o = new Uint32Array(x), r = new Float32Array(C), i = new Float32Array(B);
+  let N = 0;
+  for (let t = 0; t < n.length; t++) {
+    const [a, R] = P[t][0], T = n[t], { x: p, y: w, z: A } = T, v = new b(p + a * s, w + 0.05, A + R * s);
+    r[t * 6 + 0] = v.x, r[t * 6 + 1] = v.y, r[t * 6 + 2] = v.z;
+    const h = new b(p - a * s, w + 0.05, A - R * s);
+    r[t * 6 + 3] = h.x, r[t * 6 + 4] = h.y, r[t * 6 + 5] = h.z, N += t > 0 ? n[t - 1].clone().sub(n[t]).length() : 0;
+    const _ = N / u / g;
+    i[t * 4 + 0] = 0, i[t * 4 + 1] = _, i[t * 4 + 2] = 1, i[t * 4 + 3] = _, t !== n.length - 1 && (o[t * 6 + 0] = t * 2 + 0, o[t * 6 + 1] = t * 2 + 2, o[t * 6 + 2] = t * 2 + 1, o[t * 6 + 3] = t * 2 + 2, o[t * 6 + 4] = t * 2 + 3, o[t * 6 + 5] = t * 2 + 1);
+  }
+  const l = new c.BufferGeometry();
+  return l.setAttribute("position", new c.BufferAttribute(r, 3)), l.setAttribute("uv", new c.BufferAttribute(i, 2)), l.setIndex(new c.BufferAttribute(o, 1)), l;
+}
+function M(e) {
+  if (X(e)) {
+    const u = [e.closed, e.curve_type, e.tension], f = e.points.map((s) => new c.Vector3().fromArray(s));
+    return new c.CatmullRomCurve3(f, ...u);
+  }
+}
+function X(e) {
+  return e.type === "CatmullRomCurve3";
+}
+export {
+  D as createLineGeometry
+};

package/libs/GuideLinePlugin/utils/dataFormatter.d.ts

@@ -0,0 +1,2 @@
+import type * as PluginType from '../typing';
+export declare function getID(data: PluginType.GuideLineItem): string;

package/libs/GuideLinePlugin/utils/dataFormatter.js

@@ -0,0 +1,6 @@
+function e(r) {
+  return r.render_id || String(r.id);
+}
+export {
+  e as getID
+};

package/libs/GuideLinePlugin/utils/index.d.ts

@@ -0,0 +1,7 @@
+import { GuideLineModeItem } from '../GuideLineModeItem';
+import type * as PluginType from '../typing';
+export declare function updateGuideLineModeItemByData(options: {
+    item: GuideLineModeItem;
+    data: PluginType.GuideLineItem;
+    mode: PluginType.GuideLineModeItemMode;
+}): void;

package/libs/GuideLinePlugin/utils/index.js

@@ -0,0 +1,32 @@
+import "three";
+import "polyline-normals";
+import "@realsee/five";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/three/loadTexture.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 "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+function k(o) {
+  const t = o.data, m = o.item, r = o.mode === "panorama" ? t.panorama_style : t.model_style;
+  if (!r)
+    return;
+  const e = t.path, p = r, i = r;
+  t.path ? m.setGeometryByPath(e, p) : t.pano_group && m.setGeometryByPanoGroup(t.pano_group, p), m.setMartial(i);
+}
+export {
+  k as updateGuideLineModeItemByData
+};

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1,4 +1,4 @@
-var F = (s, b, e) => new Promise((m, x) => {
+var F = (i, b, e) => new Promise((m, x) => {
   var w = (l) => {
     try {
       h(e.next(l));
@@ -12,7 +12,7 @@ var F = (s, b, e) => new Promise((m, x) => {
       x(y);
     }
   }, h = (l) => l.done ? m(l.value) : Promise.resolve(l.value).then(w, E);
-  h((e = e.apply(s, b)).next());
+  h((e = e.apply(i, b)).next());
 });
 import * as d from "three";
 import { parseModelTVVideoPoints as I } from "./utils/parseData.js";
@@ -34,7 +34,13 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-const te = (s, { videoElement: b }) => {
+import "@realsee/five";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
+const se = (i, { videoElement: b }) => {
   const e = {
     videoMeshes: [],
     videoTextureEnabled: !1,
@@ -42,20 +48,20 @@ const te = (s, { videoElement: b }) => {
     rectPoints: [],
     enabled: !1,
     videoElement: b
-  }, m = O(s), x = /* @__PURE__ */ new Map(), w = (t) => {
+  }, m = O(i), x = /* @__PURE__ */ new Map(), w = (t) => {
     e.videoTexture && (e.videoTexture.image.muted = t);
   }, E = () => e.videoTexture ? e.videoTexture.image.muted : !0, h = () => {
     if (e.enabled || !e.videoTexture)
       return;
-    e.enabled = !0, e.videoMeshes = y(), e.videoMeshes.forEach((o) => s.scene.add(o));
+    e.enabled = !0, e.videoMeshes = y(), e.videoMeshes.forEach((o) => i.scene.add(o));
     const t = () => {
       if (!e.videoTexture)
         return;
       const o = () => {
-        var i;
-        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", o), e.videoTextureEnabled = !0, e.videoMeshes.forEach((n) => {
+        var s;
+        !e.videoTexture || ((s = e.videoTexture) == null || s.image.removeEventListener("timeupdate", o), e.videoTextureEnabled = !0, e.videoMeshes.forEach((n) => {
           n.material.map !== e.videoTexture && (n.material.map = e.videoTexture);
-        }), s.needsRender = !0);
+        }), i.needsRender = !0);
       };
       e.videoTexture.image.addEventListener("timeupdate", o), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
         m.hide();
@@ -65,16 +71,16 @@ const te = (s, { videoElement: b }) => {
         e.videoTexture.image.muted = !1, e.videoTexture.image.play();
       });
     };
-    if (s.model.loaded)
+    if (i.model.loaded)
       t();
     else
-      return s.once("modelLoaded", () => t());
+      return i.once("modelLoaded", () => t());
   }, l = () => {
     !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((t) => {
-      t.geometry.dispose(), t.material.dispose(), s.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
-    }), e.videoMeshes = [], s.needsRender = !0);
+      t.geometry.dispose(), t.material.dispose(), i.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
+    }), e.videoMeshes = [], i.needsRender = !0);
   }, y = () => e.rectPoints.map((t, o) => {
-    const i = new d.BufferGeometry(), n = 128, a = [];
+    const s = new d.BufferGeometry(), n = 128, a = [];
     a.push(...t[0].toArray());
     for (let r = 1; r < n; r++)
       a.push(
@@ -101,13 +107,13 @@ const te = (s, { videoElement: b }) => {
     const u = [];
     for (let r = 0; r < n; r++)
       u.push(r, r + 1, n * 2 - r, r, n * 2 - r, n * 2 + 1 - r);
-    i.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
+    s.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), s.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), s.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
     const p = new d.AxesHelper(10);
-    s.scene.add(p);
+    i.scene.add(p);
     const f = new d.MeshBasicMaterial({
       map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
       side: d.DoubleSide
-    }), v = new d.Mesh(i, f);
+    }), v = new d.Mesh(s, f);
     v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${o}-${performance.now()}`;
     const z = [t[1], t[2], t[3], t[0]], T = m.create3DDomContainer(z);
     if (T != null && T.container) {
@@ -122,7 +128,7 @@ const te = (s, { videoElement: b }) => {
   }), L = (t) => {
     const o = new d.TextureLoader().load(t);
     return o.minFilter = d.LinearFilter, o.magFilter = d.LinearFilter, o.format = d.RGBFormat, o;
-  }, P = (t, o) => new Promise((i, n) => {
+  }, P = (t, o) => new Promise((s, n) => {
     const a = new XMLHttpRequest();
     a.onreadystatechange = () => {
       if (a.readyState == 4)
@@ -130,13 +136,13 @@ const te = (s, { videoElement: b }) => {
           const c = window.URL || window.webkitURL;
           o = o || document.createElement("video"), o.crossOrigin = "anonymous", o.muted = !0, o.loop = !0, o.playsInline = !0, o.src = c.createObjectURL(a.response);
           const u = new d.VideoTexture(o);
-          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: t }));
+          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, s(Object.assign(u, { videoSource: t }));
         } else
           n(new Error("Video download Error: " + a.status));
     }, a.onerror = (c) => n(c), a.open("GET", t), a.responseType = "blob", a.send();
   }), V = (t, o) => F(void 0, null, function* () {
-    const { video_src: i, video_poster_src: n, points: a } = t;
-    e.videoSource = i, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: p, z: f }) => new d.Vector3(u, p, f))), e.imageTexture = L(n), o && (e.videoElement = o), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && h();
+    const { video_src: s, video_poster_src: n, points: a } = t;
+    e.videoSource = s, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: p, z: f }) => new d.Vector3(u, p, f))), e.imageTexture = L(n), o && (e.videoElement = o), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && h();
   }), M = (t) => {
     if (!e.enabled)
       return;
@@ -148,34 +154,34 @@ const te = (s, { videoElement: b }) => {
   }, R = () => {
     if (!e.enabled)
       return;
-    const t = s.camera.position;
-    if (x.forEach((o, i) => {
-      const n = o.css3DObject.position.clone(), a = n.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = s.model.intersectRaycaster(c)[0], p = n.distanceTo(t), f = 0.01;
+    const t = i.camera.position;
+    if (x.forEach((o, s) => {
+      const n = o.css3DObject.position.clone(), a = n.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = i.model.intersectRaycaster(c)[0], p = n.distanceTo(t), f = 0.01;
       u && u.distance + f < p ? o.hide() : o.show();
     }), !E()) {
-      const o = e.rectPoints.find((i) => {
-        const n = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
-        return i.map((a) => a.clone().add(n).divideScalar(2)).filter((a) => {
-          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), p = s.model.intersectRaycaster(u)[0], f = 0.01;
+      const o = e.rectPoints.find((s) => {
+        const n = s[0].clone().add(s[1]).add(s[2]).add(s[3]).divideScalar(4);
+        return s.map((a) => a.clone().add(n).divideScalar(2)).filter((a) => {
+          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), p = i.model.intersectRaycaster(u)[0], f = 0.01;
           return !(p && p.distance + f < c);
         }).length >= 2;
       });
       (!o || o.length === 0) && w(!0);
     }
   }, S = () => {
-    l(), e.videoTexture = void 0, s.off("modeChange", A), s.off("wantsTapGesture", M), s.off("panoArrived", R), s.off("renderFrame", () => {
+    l(), e.videoTexture = void 0, i.off("modeChange", A), i.off("wantsTapGesture", M), i.off("panoArrived", R), i.off("renderFrame", () => {
       e.videoMeshes.forEach((t) => {
         t && (t.needsRender = !0);
       });
     });
   };
-  return s.on("modeChange", A), s.on("wantsTapGesture", M), s.on("panoArrived", R), s.on("renderFrame", () => {
+  return i.on("modeChange", A), i.on("wantsTapGesture", M), i.on("panoArrived", R), i.on("renderFrame", () => {
     e.videoMeshes.forEach((t) => {
       t && (t.needsRender = !0);
     });
   }), { enable: h, disable: l, load: V, dispose: S, state: e, css3DRenderPlugin: m };
 };
 export {
-  te as ModelTVVideoPlugin,
-  te as default
+  se as ModelTVVideoPlugin,
+  se as default
 };

package/libs/ModelTVVideoPlugin/index.js

@@ -1,6 +1,6 @@
 import "./Plugin.js";
-import { ModelTVVideoPlugin as E, ModelTVVideoPlugin as N } from "./Plugin.js";
-import { DIRECTION as R } from "./typings.js";
+import { ModelTVVideoPlugin as h, ModelTVVideoPlugin as j } from "./Plugin.js";
+import { DIRECTION as q } from "./typings.js";
 import "three";
 import "./utils/parseData.js";
 import "../CSS3DRenderPlugin/index.js";
@@ -20,8 +20,14 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
 export {
-  R as DIRECTION,
-  E as ModelTVVideoPlugin,
-  N as default
+  q as DIRECTION,
+  h as ModelTVVideoPlugin,
+  j as default
 };