@realsee/dnalogel 3.0.0-10 → 3.0.0-11

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

@@ -5,60 +5,26 @@ import type { MinMax } from './Utils';
 import type { TagInstance } from './TagInstance';
 import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
-type TagVisibleMode = Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
+type ConfigFunction = (five: Five, tagState: {
+    tag: TagInstance<any>;
+    /** 标签点或中心点的到摄像机的距离 */
+    distance: number;
+    /** 3D标签中 「标签所在平面或垂直于标签法线的平面」 与 「摄像机到标签点或中心点的向量」 的夹角 */
+    angleRange?: number;
+}) => boolean;
 export interface TagConfig<C extends TagContentType = TagContentType> {
-    /**
-     * @description: 显示/隐藏相关配置
-     */
+    /** 显示/隐藏配置 */
     visibleConfig?: {
         /**
-         * @description 在 `visibleFiveMode` 指定的 `mode` 中，保持可见/不可见。设置后 `visibleConfig` 中除了 `visibleFiveMode` 外的所有其他配置都不生效
+         * @description 保持可见/不可见, 设置后visibleConfig下所有其他配置都不生效
          * @default null
-         * @example
-         * ```typescript
-         * // 在 Panorama 和 Floorplan 模式下永远保持可见
-         * const config = {
-         *  keep: 'visible',
-         *  visibleFiveMode: ['Panorama', 'Floorplan'],
-         * }
-         * // 在 tag.fiveState.mode 中时，永远保持可见
-         * const config = {
-         *  keep: 'visible',
-         * }
-         * ```
          */
         keep?: 'visible' | 'hidden' | null;
         /**
-         * @description 在哪些 `five mode` 下可见
-         * @tips 默认值的设定是在 config 合并后，而不是合并前
-         * @default
-         * ```
-         *  visibleFiveMode = tag.fiveState?.mode ?? 'Panorama'
-         * ```
-         * @example
-         * ```typescript
-         * const tag = {
-         *  ...
-         *  fiveState: {
-         *    mode: 'Floorplan',
-         *  }
-         *  ...
-         *  config: {},
-         * }
-         * // 相当于
-         * const tag = {
-         *  ...
-         *  fiveState: {
-         *    mode: 'Floorplan',
-         *  }
-         *  ...
-         *  config: {
-         *    visibleFiveMode: 'Floorplan',
-         *  },
-         * }
-         * ```
+         * @description 在哪些 five mode 下可见
+         * @default ['Panorama']
          */
-        visibleFiveMode?: TagVisibleMode | ((tag: TagInstance) => TagVisibleMode);
+        visibleFiveMode?: Mode[];
         /**
          * @description 当 visibleFiveMode 包含 'Floorplan' 或者 'MapView' 时，是否仅在当前楼层模型下可见
          * @default false
@@ -66,27 +32,24 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
         followModelVisibility?: boolean;
         /**
          * @description 走点时不隐藏
-         * @fivemode 只在全景模式下生效
          * @default false
          */
-        alwaysShowWhenMovePano?: boolean;
+        alwaysShowWhenMovePano?: true;
         /**
-         * @description 配置可见距离
-         * @fivemode 只在全景模式下生效
+         * @description min-max米内显示 | 无距离限制
          * @default 'unLimited'
          */
         visibleDistance?: MinMax | 'unLimited';
         /**
-         * @description 配置标签可见点位
-         * @fivemode 只在全景模式下生效
-         * @param all 不限制
-         * @param current 仅当前点位可见
-         * @param number[] 仅指定点位可见
+         * @description: 限制xx点位上可见，默认为all
+         * @param all: 不限制
+         * @param current: 仅当前点位可见
+         * @param: number[] 仅指定点位可见
          * @default 'all'
          */
         visiblePanoIndex?: 'all' | 'current' | number[];
         /**
-         * @description 碰撞检测配置
+         * @description 碰撞检测配置，默认开启
          * @default true
          */
         intersectRaycaster?: boolean | {
@@ -113,14 +76,11 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
         };
         /**
          * @description 3D标签中 「标签所在平面或垂直于标签法线的平面」 与 「摄像机到标签点或中心点的向量」 的夹角，范围内自动展开，范围外自动收起
-         * @fivemode 只在全景模式下生效
          * @default undefined
          */
         angleRange?: MinMax;
     } | ConfigFunction;
-    /**
-     * @description: 展开/收起相关配置
-     */
+    /** 展开/收起配置 */
     unfoldedConfig?: {
         /**
          * @description: 保持展开/收起，设置后unfoldedConfig下所有其他配置都不生效
@@ -218,11 +178,4 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
     _isMerged?: boolean;
 }
 export declare const defaultGlobalConfig: TagConfig;
-type ConfigFunction = (five: Five, tagState: {
-    tag: TagInstance<any>;
-    /** 标签点或中心点的到摄像机的距离 */
-    distance: number;
-    /** 3D标签中 「标签所在平面或垂直于标签法线的平面」 与 「摄像机到标签点或中心点的向量」 的夹角 */
-    angleRange?: number;
-}) => boolean;
 export {};

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

@@ -7,7 +7,7 @@ import type { Vector3 } from 'three';
 import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
 import type { TagEvents } from '../controller';
 import type { TagConfig } from './TagConfig';
-import type { Mode, Subscribe } from '@realsee/five';
+import type { Subscribe } from '@realsee/five';
 import type { SetRequired } from 'type-fest';
 import type { PartialObjectDeep } from '../../../typings/typings';
 type RequiredTag<C extends TagContentType = TagContentType, S extends StickType = StickType> = SetRequired<Tag<C, S>, 'id' | 'data' | 'enabled' | 'config' | 'stickType' | 'contentType'>;
@@ -35,7 +35,7 @@ export type TagInstance<C extends TagContentType = TagContentType, S extends Sti
         promise: Promise<TagGLTFObject>;
         object?: TagGLTFObject;
     };
-    loading: boolean;
+    mediaVisible: boolean;
     play: () => void;
     pause: () => void;
 }> & {
@@ -43,11 +43,6 @@ export type TagInstance<C extends TagContentType = TagContentType, S extends Sti
         visible?: boolean;
         unfolded: boolean;
     };
-    config: TagConfig<C> & {
-        configWithFiveMode?: {
-            [key in Mode]?: TagConfig<C>;
-        };
-    };
     hooks: Subscribe<TagEvents<C>>;
     unfold: () => void;
     fold: () => void;

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

@@ -4,13 +4,11 @@ import type { TagContentType } from './TagData';
 import type { ImagePlane } from '../../utils/model/mediaPlane';
 import type { TagInstance } from './TagInstance';
 import type { TagConfig } from '../..';
-import type { Mode } from '@realsee/five';
 export type TagId = string | number;
 export type ArrayPosition = number[];
 export type Position = ArrayPosition;
 export type PanoIndex = number;
 export type WorkCode = string;
-export type ModelId = string;
 export interface MinMax {
     min?: number;
     max?: number;
@@ -63,15 +61,13 @@ export interface ImagePlaneGroup extends Group {
 }
 export type AudioAppearance = TagInstance<'Audio'>['data']['appearance'];
 export type AudioTagTypeConfigKey = `${StickType | 'Any'}-Audio-${AudioAppearance}`;
-type _ContentTypeConfigKey = `${StickType | 'Any'}-${TagContentType | 'Any'}` | TagContentType | AudioTagTypeConfigKey | `Mixin-${string}` | 'Any';
-export type ContentTypeConfigKeySplit = [StickType | 'Any', TagContentType | 'Any'] | [TagContentType] | [StickType | 'Any', 'Audio', AudioAppearance] | ['Mixin', string] | ['Any'] | [];
-type FiveModeType = `[${Mode | 'PanoramaLike' | 'ModelLike'}]`;
-export type ContentTypeConfigKey = FiveModeType | `${FiveModeType}-${_ContentTypeConfigKey}` | _ContentTypeConfigKey;
+export type ContentTypeConfigKey = `${StickType | 'Any'}-${TagContentType | 'Any'}` | TagContentType | AudioTagTypeConfigKey | `Mixin-${string}`;
 /**
  * @description: 从 ContentTypeConfigKey 中提取 ContentTypeConfigKey 对应的 TagContentType 是啥，没找到就是 never
  */
-export type PickTagContentTypeInContentTypeConfigKey<T extends ContentTypeConfigKey> = T extends FiveModeType ? never : T extends `${FiveModeType}-${infer P extends _ContentTypeConfigKey}` ? PickTagContentTypeInContentTypeConfigKey<P> : T extends `${any}-Audio-${any}` ? 'Audio' : T extends `Mixin-${string}` ? string : T extends `${any}-${infer C}` ? C : T extends TagContentType ? T : never;
+export type PickTagContentTypeInContentTypeConfigKey<T extends ContentTypeConfigKey> = T extends `${any}-Audio-${any}` ? 'Audio' : T extends `Mixin-${string}` ? string : T extends `${any}-${infer C}` ? C : T extends TagContentType ? T : never;
 export type TagConfigByKey<T extends ContentTypeConfigKey> = PickTagContentTypeInContentTypeConfigKey<T> extends TagContentType ? TagConfig<PickTagContentTypeInContentTypeConfigKey<T>> : TagConfig<any>;
+export type ContentTypeConfigKeySplit = [StickType | 'Any', TagContentType | 'Any'] | ['Mixin', string] | [TagContentType] | [StickType | 'Any', 'Audio', AudioAppearance];
 export type PointTag<C extends TagContentType = TagContentType> = TagInstance<C, '2DPoint' | '3DPoint'>;
 /** 二维标签 */
 export type Point2DTag<C extends TagContentType = TagContentType> = TagInstance<C, '2DPoint'>;
@@ -79,4 +75,3 @@ export type Point2DTag<C extends TagContentType = TagContentType> = TagInstance<
 export type Point3DTag<C extends TagContentType = TagContentType> = TagInstance<C, '3DPoint'>;
 /** 三维贴片 */
 export type PlaneTag<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;
-export {};

package/libs/PanoTagPlugin/utils/actionAfterFiveModelLoad.d.ts

@@ -0,0 +1,4 @@
+import type { Five } from '@realsee/five';
+export declare function actionAfterFiveModelLoad(five: Five, fuc: () => any): void;
+export declare function waitFiveModelLoaded(five: Five): Promise<void>;
+export declare function fiveModelLoaded(five: Five): boolean;

package/libs/PanoTagPlugin/utils/actionAfterFiveModelLoad.js

@@ -0,0 +1,16 @@
+function n(e, o) {
+  d(e) ? o() : e.once("modelLoaded", () => o());
+}
+function l(e) {
+  return new Promise((o) => {
+    d(e) ? o() : e.once("modelLoaded", () => o());
+  });
+}
+function d(e) {
+  return e.model.name === e.work.model.file && e.model.loaded;
+}
+export {
+  n as actionAfterFiveModelLoad,
+  d as fiveModelLoaded,
+  l as waitFiveModelLoaded
+};

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -1,5 +1,5 @@
-import * as o from "three";
 import { arrayPositionToVector3 as c } from "../../shared-utils/positionToVector3.js";
+import * as o from "three";
 function M(h, p) {
   p.forEach((t) => {
     const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [

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

@@ -1,8 +1,10 @@
+export * from '../../shared-utils/positionToVector3';
 export * from './addDebugPoints';
 export * from './noTypecheck';
 export * from './planeNormal';
 export * from './tagPosition';
 export * from './checkRange';
+export * from './actionAfterFiveModelLoad';
 export * from './normalPositionToPositions';
 export * from './debounce';
 export * from './throttle';

package/libs/PanoTagPlugin/utils/index.js

@@ -1,28 +1,36 @@
-import { addDebugPoints as p } from "./addDebugPoints.js";
-import { noTypecheck as n } from "./noTypecheck.js";
-import { planeNormal as f } from "./planeNormal.js";
-import { getTagCenterPosition as l, getTagPosition as c } from "./tagPosition.js";
-import { checkRange as h } from "./checkRange.js";
-import { normalPositionToPositions as T } from "./normalPositionToPositions.js";
-import { debounce as u } from "./debounce.js";
-import { throttle as k } from "./throttle.js";
-import { binarySearchFirstBig as F, searchFirstValueSmallThanLastValue as S } from "./search.js";
-import { resizeObserver as v } from "./resizeObserver.js";
+import { anyPositionToVector3 as a, arrayPositionToVector3 as n, positionToVector3 as m, vector3Position as p } from "../../shared-utils/positionToVector3.js";
+import { addDebugPoints as f } from "./addDebugPoints.js";
+import { noTypecheck as x } from "./noTypecheck.js";
+import { planeNormal as l } from "./planeNormal.js";
+import { getTagCenterPosition as T, getTagPosition as g } from "./tagPosition.js";
+import { checkRange as v } from "./checkRange.js";
+import { actionAfterFiveModelLoad as b, fiveModelLoaded as u, waitFiveModelLoaded as y } from "./actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as L } from "./normalPositionToPositions.js";
+import { debounce as k } from "./debounce.js";
+import { throttle as w } from "./throttle.js";
+import { binarySearchFirstBig as A, searchFirstValueSmallThanLastValue as B } from "./search.js";
+import { resizeObserver as D } from "./resizeObserver.js";
 import "three";
-import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
 export {
-  p as addDebugPoints,
-  F as binarySearchFirstBig,
-  h as checkRange,
-  u as debounce,
-  l as getTagCenterPosition,
-  c as getTagPosition,
-  n as noTypecheck,
-  T as normalPositionToPositions,
-  f as planeNormal,
-  v as resizeObserver,
-  S as searchFirstValueSmallThanLastValue,
-  k as throttle
+  b as actionAfterFiveModelLoad,
+  f as addDebugPoints,
+  a as anyPositionToVector3,
+  n as arrayPositionToVector3,
+  A as binarySearchFirstBig,
+  v as checkRange,
+  k as debounce,
+  u as fiveModelLoaded,
+  T as getTagCenterPosition,
+  g as getTagPosition,
+  x as noTypecheck,
+  L as normalPositionToPositions,
+  l as planeNormal,
+  m as positionToVector3,
+  D as resizeObserver,
+  B as searchFirstValueSmallThanLastValue,
+  w as throttle,
+  p as vector3Position,
+  y as waitFiveModelLoaded
 };

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

@@ -1,35 +1,34 @@
-var C = Object.defineProperty;
-var B = (c, d, e) => d in c ? C(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var r = (c, d, e) => (B(c, typeof d != "symbol" ? d + "" : d, e), e);
-var v = (c, d, e) => new Promise((i, t) => {
-  var n = (s) => {
+var E = Object.defineProperty;
+var F = (u, d, e) => d in u ? E(u, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[d] = e;
+var r = (u, d, e) => (F(u, typeof d != "symbol" ? d + "" : d, e), e);
+var l = (u, d, e) => new Promise((t, i) => {
+  var o = (s) => {
     try {
-      o(e.next(s));
-    } catch (a) {
-      t(a);
+      n(e.next(s));
+    } catch (h) {
+      i(h);
     }
-  }, h = (s) => {
+  }, a = (s) => {
     try {
-      o(e.throw(s));
-    } catch (a) {
-      t(a);
+      n(e.throw(s));
+    } catch (h) {
+      i(h);
     }
-  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(n, h);
-  o((e = e.apply(c, d)).next());
+  }, n = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, a);
+  n((e = e.apply(u, d)).next());
 });
-import * as p from "three";
-import { Vector3 as I } from "three";
+import * as c from "three";
+import { Vector3 as y } from "three";
 import { centerPoint as T } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as b } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as L, QuadrangleMesh as w } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as H, Image_Play_Icon as P } from "../../Assets/Icon.js";
+import { loadTexture as x } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as I } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as B } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as L, Image_Play_Icon as b } from "../../Assets/Icon.js";
 import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as R } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
-import { getNormal as x } from "../../../shared-utils/three/getNormal.js";
+import { FragmentTransparencyMaterial as H } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "../../../shared-utils/device.js";
-class E extends p.Mesh {
+class P extends c.Mesh {
   constructor() {
     super(...arguments);
     r(this, "name", "MediaPlane");
@@ -42,53 +41,56 @@ class E extends p.Mesh {
   dispose() {
     this.traverse((e) => {
       if (e.isMesh) {
-        const i = e;
-        i.geometry.dispose(), (i.material instanceof Array ? i.material : [i.material]).forEach((n) => {
-          n.dispose();
+        const t = e;
+        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((o) => {
+          o.dispose();
         });
       }
     });
   }
 }
-class $ extends E {
-  constructor(e, i, t) {
-    var o;
+class Z extends P {
+  constructor(e, t, i) {
+    var n;
     super();
     r(this, "name", "PanoTagPluginImagePlane");
     this.src = e;
-    const n = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0;
-    let h = i;
-    if (n) {
-      const s = x(i, 5e-4);
-      h = i.map((a) => a.clone().add(s));
+    const o = (n = i == null ? void 0 : i.resolveZFighting) != null ? n : !0;
+    let a = t;
+    if (o) {
+      const s = new c.Vector3().crossVectors(
+        new c.Vector3().subVectors(t[0], t[1]),
+        new c.Vector3().subVectors(t[0], t[3])
+      ).normalize().multiplyScalar(5e-4);
+      a = t.map((h) => h.clone().add(s));
     }
-    b(e).then((s) => {
+    x(e).then((s) => {
       var g;
-      const a = new URL(e, location.href).pathname.toLowerCase().endsWith(".png");
-      a && (s.minFilter = p.NearestFilter, s.magFilter = p.NearestFilter);
-      const u = new p.MeshBasicMaterial({ map: s, transparent: a }), M = f(
-        (g = t == null ? void 0 : t.objectFit) != null ? g : "contain",
-        h,
+      const h = new URL(e, location.href).pathname.toLowerCase().endsWith(".png");
+      h && (s.minFilter = c.NearestFilter, s.magFilter = c.NearestFilter);
+      const v = new c.MeshBasicMaterial({ map: s, transparent: h }), p = f(
+        (g = i == null ? void 0 : i.objectFit) != null ? g : "contain",
+        a,
         s.image.width / s.image.height
-      ), l = T(...M), m = M.map((F) => F.clone().sub(l)), y = new L(m);
-      this.position.copy(l), this.geometry = y, this.material = u;
+      ), m = T(...p), M = p.map((V) => V.clone().sub(m)), w = new C(M);
+      this.position.copy(m), this.geometry = w, this.material = v;
     }).catch((s) => {
       console.error(`Imageplane error ${s == null ? void 0 : s.message}`);
     });
   }
 }
-class q extends E {
+class G extends P {
   // eslint-disable-next-line max-params
-  constructor(e, i, t) {
+  constructor(e, t, i) {
     const {
-      videoCoverSrc: n,
-      objectFit: h = "contain",
-      playButton: o = "withText",
+      videoCoverSrc: o,
+      objectFit: a = "contain",
+      playButton: n = "withText",
       paused: s = !0,
-      videoTextureMap: a,
-      ImageTextureMap: u,
-      domEvents: M
-    } = t != null ? t : {};
+      videoTextureMap: h,
+      ImageTextureMap: v,
+      domEvents: p
+    } = i != null ? i : {};
     super();
     r(this, "isVideoPlane", !0);
     r(this, "name", "PanoTagPluginImagePlane");
@@ -105,19 +107,19 @@ class q extends E {
     r(this, "buttonMesh");
     r(this, "videoTextureMap");
     r(this, "ImageTextureMap");
-    this.cornerPoints = i, this.src = e, this.buttonSrc = (() => o === "withText" ? H : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = n, this.objectFit = h, this.videoTextureMap = a, this.ImageTextureMap = u, this.domEvents = M, this.position.copy(T(...i)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? L : n === "withoutText" ? b : typeof n == "string" ? n : b)(), this.videoCoverSrc = o, this.objectFit = a, this.videoTextureMap = h, this.ImageTextureMap = v, this.domEvents = p, this.position.copy(T(...t)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
       s ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var l;
-      (l = this.disposers) == null || l.forEach((m) => m == null ? void 0 : m());
+      var m;
+      (m = this.disposers) == null || m.forEach((M) => M == null ? void 0 : M());
     });
   }
   play(e = !1) {
-    return v(this, null, function* () {
-      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((i) => {
-        this.pause(), console.error("play error", i);
+    return l(this, null, function* () {
+      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((t) => {
+        this.pause(), console.error("play error", t);
       }), this.videoInstance.muted = e, this.render();
     });
   }
@@ -125,17 +127,17 @@ class q extends E {
     this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
   }
   initialRenderHooks(e) {
-    const t = e(() => {
-      var n;
-      this.videoMesh && ((n = this.videoInstance) == null ? void 0 : n.paused) === !1 && (this.videoMesh.needsRender = !0);
+    const i = e(() => {
+      var o;
+      this.videoMesh && ((o = this.videoInstance) == null ? void 0 : o.paused) === !1 && (this.videoMesh.needsRender = !0);
     });
-    this.disposers.push(() => t);
+    this.disposers.push(() => i);
   }
   showPlayUI() {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
   }
   showPauseUI() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       this.coverMesh ? (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)) : (yield this.addCoverMesh(), this.coverMesh && (this.videoMesh.visible = !1)), this.addButtonMesh().then(() => this.render());
     });
   }
@@ -144,89 +146,89 @@ class q extends E {
     this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && ((e = this.videoInstance) == null ? void 0 : e.paused) === !1 && (this.videoMesh.needsRender = !0);
   }
   addCoverMesh() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const i = yield this.getImageTexture(this.videoCoverSrc);
-        if (!i)
+        const t = yield this.getImageTexture(this.videoCoverSrc);
+        if (!t)
           return;
-        const t = new p.MeshBasicMaterial({ transparent: !1, map: i }), n = f(this.objectFit, this.cornerPoints, i.image.width / i.image.height), h = new w(n, t);
-        return h.position.copy(new I(0, 0, 0)), h.name = "videoCoverMesh", h;
+        const i = new c.MeshBasicMaterial({ transparent: !1, map: t }), o = f(this.objectFit, this.cornerPoints, t.image.width / t.image.height), a = new I(o, i);
+        return a.position.copy(new y(0, 0, 0)), a.name = "videoCoverMesh", a;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
   }
   addVideoMesh() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.videoMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.videoMesh)
           return this.videoMesh;
         if (!this.src)
           return;
-        const t = this.getVideoTexture(this.src), n = new p.MeshBasicMaterial({ transparent: !1, map: t }), h = yield new Promise((s) => {
-          t.metadataLoaded ? s(f(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight)) : t.addEventListener(
+        const i = this.getVideoTexture(this.src), o = new c.MeshBasicMaterial({ transparent: !1, map: i }), a = yield new Promise((s) => {
+          i.metadataLoaded ? s(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
             "videoLoaded",
-            () => s(f(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight))
+            () => s(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
           );
-        }), o = new w(h, n);
-        return o.name = "videoMesh", o.position.copy(new I(0, 0, 0)), o;
+        }), n = new I(a, o);
+        return n.name = "videoMesh", n.position.copy(new y(0, 0, 0)), n;
       }))();
       if (!e)
         return;
       this.domEvents.addAutoBindEventListener(e, "click", () => {
         !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
       });
-      const i = e.material.map.image;
-      return i.addEventListener("playing", () => {
+      const t = e.material.map.image;
+      return t.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
-      }), i.addEventListener("pause", () => {
+      }), t.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
-      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = i), e;
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
     });
   }
   addButtonMesh() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
-        var l, m, y, g;
+      const e = yield (() => l(this, null, function* () {
+        var m, M, w, g;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (m = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? m : 1 / 0, t = (g = (y = this.coverMesh) == null ? void 0 : y.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, s = yield this.getImageTexture(this.buttonSrc), a = f("contain", this.cornerPoints, s.image.width / s.image.height), u = new w(a, new R(s));
-        u.position.copy(new I(0, 0, 0)), u.name = "buttonMesh", u.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(u, "click", () => {
+        const t = (M = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? M : 1 / 0, i = (g = (w = this.coverMesh) == null ? void 0 : w.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, o = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, i, o) / o * 0.3, s = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, s.image.width / s.image.height), v = new I(h, new H(s));
+        v.position.copy(new y(0, 0, 0)), v.name = "buttonMesh", v.scale.set(n, n, n), this.domEvents.addAutoBindEventListener(v, "click", () => {
           this.play();
         });
-        const M = x(a, 5e-4);
-        return u.position.add(M), u;
+        const p = new c.Vector3().crossVectors(new c.Vector3().subVectors(h[0], h[1]), new c.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+        return v.position.add(p), v;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
-    return v(this, null, function* () {
-      var t, n;
-      if ((t = this.ImageTextureMap) != null && t.has(e))
+    return l(this, null, function* () {
+      var i, o;
+      if ((i = this.ImageTextureMap) != null && i.has(e))
         return this.ImageTextureMap.get(e);
-      const i = yield b(e);
-      return (n = this.ImageTextureMap) == null || n.set(e, i), i;
+      const t = yield x(e);
+      return (o = this.ImageTextureMap) == null || o.set(e, t), t;
     });
   }
   getVideoTexture(e) {
-    var t, n;
-    if ((t = this.videoTextureMap) != null && t.has(e))
+    var i, o;
+    if ((i = this.videoTextureMap) != null && i.has(e))
       return this.videoTextureMap.get(e);
-    const i = V(e);
-    return (n = this.videoTextureMap) == null || n.set(e, i), i;
+    const t = B(e);
+    return (o = this.videoTextureMap) == null || o.set(e, t), t;
   }
 }
 export {
-  $ as ImagePlane,
-  q as VideoPlane
+  Z as ImagePlane,
+  G as VideoPlane
 };

package/libs/PanoTagPlugin/utils/planeNormal.d.ts

@@ -1,4 +1,4 @@
 import type { Vector3 } from 'three';
-import { type AnyPosition } from '../../shared-utils/positionToVector3';
+import { type AnyPosition } from '.';
 export declare function planeNormal(points: [AnyPosition, AnyPosition, AnyPosition] | [AnyPosition, AnyPosition, AnyPosition, AnyPosition]): Vector3;
 export declare function planeNormal(points: AnyPosition[]): Vector3 | void;