@realsee/dnalogel 2.15.0 → 2.16.0-0

package/libs/CruisePlugin/index.js

@@ -1,17 +1,40 @@
 import o from "./Controller.js";
-import { default as y } from "./Controller.js";
+import { default as X } from "./Controller.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
+import "@realsee/five";
+import "hammerjs";
+import "three";
+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 "../GuideLinePlugin/index.js";
 import "../GuideLinePlugin/Controller.js";
-import "three";
-import "../GuideLinePlugin/utils/getLineGeometries.js";
-import "polyline-normals";
-import "../GuideLinePlugin/utils/getArrowMaterial.js";
-import "../shared-utils/isNil.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
+import "../GuideLinePlugin/GuideLineItem/index.js";
+import "object-assign-deep";
+import "../GuideLinePlugin/GuideLineModeItem/index.js";
+import "../shared-utils/log.js";
+import "../GuideLinePlugin/utils/createLineGeometry.js";
+import "polyline-normals";
+import "../shared-utils/five/mode.js";
+import "../shared-utils/three/loadTexture.js";
 import "../shared-utils/uuid.js";
 import "./utils/coordinatesAngle.js";
 import "./utils/coordinatesToVector.js";
@@ -20,9 +43,9 @@ import "./utils/vectorToCoordinates.js";
 import "./utils/formatRad.js";
 import "./utils/linerValue.js";
 import "./utils/sleep.js";
-const k = (r) => new o(r);
+const U = (r) => new o(r);
 export {
-  k as CruisePlugin,
-  y as CruisePluginController,
-  k as default
+  U as CruisePlugin,
+  X as CruisePluginController,
+  U as default
 };

package/libs/CruisePlugin/typing.d.ts

@@ -1,7 +1,8 @@
 import type { MovePanoOptions, Pose, State } from '@realsee/five';
 import type CruisePlugin from '.';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
-import type { PluginData as GuideLinePluginData } from '../GuideLinePlugin/typing';
+import type * as BasePlugin from '../base/BasePlugin';
+import type { PluginDataV1 as GuideLinePluginData } from '../GuideLinePlugin/typing';
 declare type FivePoseAndState = Partial<Pose> & Partial<State>;
 export declare type MoveEffect = MovePanoOptions['effect'];
 export declare type CruiseData = {
@@ -26,7 +27,12 @@ export interface CruiseKeyframe {
 export interface PluginData {
     keyframesId: string;
     keyframes: CruiseKeyframe[];
-    guildPluginOptions?: GuideLinePluginData['config'];
+    guildPluginOptions?: {
+        arrowTextureUrl?: string;
+        skipPanoIndexMesh?: boolean;
+        unitWidth?: number;
+        unitHeight?: number;
+    };
 }
 export interface PluginServerData extends BasePluginWithData.ServerData {
     data: {
@@ -135,5 +141,9 @@ export interface EventMap extends BasePluginWithData.EventMap<PluginState, Plugi
         userAction: boolean;
     }) => void;
 }
+export interface Config extends BasePlugin.Config {
+    /** 漫游时是否加载路线 */
+    useGuideLine?: boolean;
+}
 export declare type CruisePluginExportType = ReturnType<typeof CruisePlugin>;
 export {};

package/libs/GuideLinePlugin/Controller.d.ts

@@ -1,10 +1,13 @@
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { Five } from '@realsee/five';
 import type { EventMap, PluginData, PluginServerData, PluginState } from './typing';
+import type * as PluginType from './typing';
 import type { Config } from '../base/BasePlugin';
+import { GuideLineItem } from './GuideLineItem';
 export declare const pluginFlag: (name: string) => string;
 export default class Controller extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
-    static lasestVersion: string;
+    readonly version = "v1.1.0";
+    readonly name = "GuideLinePlugin";
     state: {
         visible: boolean;
         enabled: boolean;
@@ -12,40 +15,43 @@ export default class Controller extends BasePluginWithData.Controller<PluginStat
     };
     protected data?: PluginData;
     private linesGroup?;
+    /** GuideLineItem 索引 */
+    private itemMap;
     constructor(five: Five, config?: Config);
     load(serverData: PluginServerData | PluginData, state?: PluginState, userAction?: boolean): Promise<void>;
-    formatData(serverData: any): Promise<PluginData>;
+    formatData(serverData: any): Promise<PluginType.PluginDataV2>;
+    /** 展示插件 */
     show(options?: {
         userAction?: boolean;
     }): Promise<void>;
+    /** 隐藏插件 */
     hide(options?: {
         userAction?: boolean;
     }): Promise<void>;
+    /** 开启插件 */
     enable(options?: {
         userAction?: boolean;
     }): void;
+    /** 关闭插件 */
     disable(options?: {
         userAction?: boolean;
     }): void;
+    /** 销毁插件 */
     dispose(): void;
     setState(state: Partial<PluginState>, options?: {
         userAction?: boolean;
     }): void;
+    /** 添加一个 GuideLineItem */
+    addGuideLineItem(data?: PluginType.GuideLineItem): GuideLineItem;
+    /** 获取 Plugin 内的 GuideLineItem */
+    getGuideLineItemByID(id: string | number): GuideLineItem;
     private handleEnable;
     private handleVisible;
     private handleDispose;
-    /**
-     * 获取多条路线的 Mesh Group
-     */
-    private getLinesGroup;
-    /**
-     * 获取单条路线
-     */
-    private getLine;
     private disposedErrorLog;
-    private actionWhenEnabled;
     /**
      * @description: Wait for five model ready
      */
     private waitFiveModelLoaded;
+    private getDataWithoutVersion;
 }

package/libs/GuideLinePlugin/Controller.js

@@ -1,81 +1,123 @@
-var y = Object.defineProperty;
-var x = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var f = (r, t, e) => t in r ? y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, m = (r, t) => {
+var g = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var u = (s, t, e) => t in s ? g(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, m = (s, t) => {
   for (var e in t || (t = {}))
-    I.call(t, e) && f(r, e, t[e]);
-  if (x)
-    for (var e of x(t))
-      N.call(t, e) && f(r, e, t[e]);
-  return r;
+    L.call(t, e) && u(s, e, t[e]);
+  if (b)
+    for (var e of b(t))
+      w.call(t, e) && u(s, e, t[e]);
+  return s;
 };
-var d = (r, t, e) => (f(r, typeof t != "symbol" ? t + "" : t, e), e);
-var u = (r, t, e) => new Promise((i, s) => {
-  var a = (o) => {
+var n = (s, t, e) => (u(s, typeof t != "symbol" ? t + "" : t, e), e);
+var h = (s, t, e) => new Promise((i, r) => {
+  var d = (a) => {
     try {
-      h(e.next(o));
-    } catch (l) {
-      s(l);
+      l(e.next(a));
+    } catch (p) {
+      r(p);
     }
-  }, n = (o) => {
+  }, o = (a) => {
     try {
-      h(e.throw(o));
-    } catch (l) {
-      s(l);
+      l(e.throw(a));
+    } catch (p) {
+      r(p);
     }
-  }, h = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(a, n);
-  h((e = e.apply(r, t)).next());
+  }, l = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(d, o);
+  l((e = e.apply(s, t)).next());
 });
-import { Controller as W } from "../base/BasePluginWithData.js";
-import * as v from "three";
-import U from "./utils/getLineGeometries.js";
-import { getArrowMaterial as _ } from "./utils/getArrowMaterial.js";
-import { notNil as P } from "../shared-utils/isNil.js";
-import { equal as A } from "../shared-utils/equal.js";
+import { Controller as _ } from "../base/BasePluginWithData.js";
+import "three";
+import { equal as D } from "../shared-utils/equal.js";
+import { GuideLineItem as G } from "./GuideLineItem/index.js";
+import "polyline-normals";
+import "@realsee/five";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { uuid as S } from "../shared-utils/uuid.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/three/loadTexture.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "polyline-normals";
+import "../shared-utils/isAbsoluteURL.js";
 import "../shared-utils/isTruelyObject.js";
-const $ = "v1.1.0", g = "GuideLinePlugin", c = `${g}@${$}`, M = (r) => `${c}--${r}`;
-class V extends W {
+import "object-assign-deep";
+import "./GuideLineModeItem/index.js";
+import "../shared-utils/log.js";
+import "./utils/createLineGeometry.js";
+import "../shared-utils/five/mode.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 "../shared-utils/animationFrame/index.js";
+const v = "v1.1.0", c = "GuideLinePlugin", f = `${c}@${v}`, ne = (s) => `${f}--${s}`;
+function y(s) {
+  return Object.hasOwn(s, "routes");
+}
+class de extends _ {
   constructor(e, i) {
     super(e, i);
-    d(this, "state", {
+    n(this, "version", v);
+    n(this, "name", c);
+    n(this, "state", {
       visible: !1,
       enabled: !0,
       disposed: !1
     });
-    d(this, "data");
-    d(this, "linesGroup");
-    d(this, "disposedErrorLog", () => {
-      console.error(`${c} is disposed`);
+    n(this, "data");
+    n(this, "linesGroup");
+    n(this, "itemMap", /* @__PURE__ */ new Map());
+    n(this, "disposedErrorLog", () => {
+      console.error(`${f} is disposed`);
     });
-    d(this, "actionWhenEnabled", (e) => {
-      if (this.state.enabled)
-        return e();
-    });
-    Object.assign(window, { [`__${g}_DEBUG__`]: this });
-  }
-  load(e, i, s = !0) {
-    return u(this, null, function* () {
-      const a = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
-      this.hooks.emit("dataChange", n, a), this.data = n, this.linesGroup && this.five.scene.remove(this.linesGroup);
-      const h = this.getLinesGroup(n.routes, n.config);
-      !h || (this.linesGroup = h, yield this.waitFiveModelLoaded(), this.five.scene.add(h), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i), this.five.needsRender = !0, this.hooks.emit("dataLoaded", n), console.info(`${c} loaded`, n));
+    Object.assign(window, { [`__${c}_DEBUG__`]: this });
+  }
+  load(e, i, r = !0) {
+    return h(this, null, function* () {
+      const d = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, o = yield this.formatData(e);
+      this.hooks.emit("dataChange", o, d), this.data = o, o.lines.forEach((l) => {
+        this.addGuideLineItem(l);
+      }), yield this.waitFiveModelLoaded(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: r }), this.hooks.emit("dataLoaded", o), console.info(`${f} loaded`, o);
     });
   }
   formatData(e) {
-    return u(this, null, function* () {
-      return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
+    return h(this, null, function* () {
+      const i = this.getDataWithoutVersion(e);
+      if (y(i)) {
+        const { routes: r } = i;
+        return { lines: r.map((o) => {
+          const { panoIndexList: l } = o;
+          return {
+            render_id: S(),
+            pano_group: l,
+            panorama_like_visible: !0,
+            panorama_style: {
+              width: 0.6,
+              unit_length: 0.4
+            }
+          };
+        }) };
+      }
+      return i;
     });
   }
   show(e) {
-    return u(this, null, function* () {
+    return h(this, null, function* () {
       this.setState({ visible: !0 }, e);
     });
   }
   hide(e) {
-    return u(this, null, function* () {
+    return h(this, null, function* () {
       this.setState({ visible: !1 }, e);
     });
   }
@@ -89,48 +131,30 @@ class V extends W {
     this.setState({ disposed: !0 });
   }
   setState(e, i) {
-    var a;
+    var d;
     if (this.state.disposed)
       return this.disposedErrorLog();
-    const s = m({}, this.state);
-    this.state = m(m({}, this.state), e), e.disposed !== void 0 && e.disposed !== s.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== s.visible && this.handleVisible(e.visible, i == null ? void 0 : i.userAction), e.enabled !== void 0 && e.enabled !== s.enabled && this.handleEnable(e.enabled, i == null ? void 0 : i.userAction), A(s, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: (a = i == null ? void 0 : i.userAction) != null ? a : !0 }), this.five.needsRender = !0);
+    const r = m({}, this.state);
+    this.state = m(m({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible, i == null ? void 0 : i.userAction), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled, i == null ? void 0 : i.userAction), D(r, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: r, userAction: (d = i == null ? void 0 : i.userAction) != null ? d : !0 }), this.five.needsRender = !0);
+  }
+  addGuideLineItem(e) {
+    const i = e.render_id || e.id, r = new G({ five: this.five, id: i, plugin: this });
+    return this.itemMap.set(i, r), e && r.setData(e), r;
+  }
+  getGuideLineItemByID(e) {
+    return this.itemMap.get(e);
   }
   handleEnable(e, i = !0) {
-    this.linesGroup && (e ? (this.five.scene.add(this.linesGroup), this.actionWhenEnabled(() => this.hooks.emit("enable", { userAction: i }))) : (this.five.scene.remove(this.linesGroup), this.hooks.emit("disable", { userAction: i })));
+    this.hooks.emit(e ? "enable" : "disable", { userAction: i });
   }
   handleVisible(e, i = !0) {
-    this.linesGroup && (e ? (this.linesGroup.visible = !0, this.actionWhenEnabled(() => this.hooks.emit("show", { userAction: i }))) : (this.linesGroup.visible = !1, this.actionWhenEnabled(() => this.hooks.emit("hide", { userAction: i }))));
+    !this.state.enabled || this.hooks.emit(e ? "show" : "hide", { userAction: i });
   }
   handleDispose() {
     this.linesGroup && this.five.scene.remove(this.linesGroup), this.hooks.emit("dispose");
   }
-  getLinesGroup(e, i) {
-    const s = e.map((n) => this.getLine(n, i)).filter(P), a = new v.Group();
-    if (a.name = M("route-group"), s.length !== 0)
-      return a.add(...s), a;
-  }
-  getLine(e, i) {
-    var o, l, G, w, E, L, k, S;
-    const s = new v.Group(), a = e.panoIndexList.map((b) => {
-      var p;
-      return (p = this.five.work.observers[b]) == null ? void 0 : p.standingPosition;
-    }).filter(P), n = U(a, {
-      skipPanoIndexMesh: (l = (o = e.skipPanoIndexMesh) != null ? o : i == null ? void 0 : i.skipPanoIndexMesh) != null ? l : !0,
-      unitWidth: (w = (G = e.unitWidth) != null ? G : i == null ? void 0 : i.unitWidth) != null ? w : 0.6,
-      unitHeight: (L = (E = e.unitHeight) != null ? E : i == null ? void 0 : i.unitHeight) != null ? L : 0.4
-    });
-    if (!n)
-      return;
-    const h = _({
-      textureUrl: (S = (k = e.arrowTextureUrl) != null ? k : i == null ? void 0 : i.arrowTextureUrl) != null ? S : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png"
-    });
-    return n.forEach((b) => {
-      const p = new v.Mesh(b, h);
-      p.name = M("route-line-mesh"), s.add(p);
-    }), s;
-  }
   waitFiveModelLoaded() {
-    return u(this, null, function* () {
+    return h(this, null, function* () {
       return new Promise((e) => {
         if (this.five.model.loaded) {
           e();
@@ -142,9 +166,11 @@ class V extends W {
       });
     });
   }
+  getDataWithoutVersion(e) {
+    return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
+  }
 }
-d(V, "lasestVersion", $);
 export {
-  V as default,
-  M as pluginFlag
+  de as default,
+  ne as pluginFlag
 };

package/libs/GuideLinePlugin/GuideLineItem/index.js

@@ -0,0 +1,35 @@
+var u = Object.defineProperty;
+var h = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var i = (o, e, t) => (h(o, typeof e != "symbol" ? e + "" : e, t), t);
+import c from "object-assign-deep";
+import { GuideLineModeItem as s } from "../GuideLineModeItem/index.js";
+class d {
+  constructor(e) {
+    i(this, "id");
+    i(this, "renderID");
+    i(this, "isGuideLine", !0);
+    i(this, "panoramaItem");
+    i(this, "modelItem");
+    i(this, "plugin");
+    i(this, "five");
+    this.id = e.id, this.five = e.five, this.plugin = e.plugin, this.panoramaItem = new s(this.five, { mode: "panorama", plugin: this.plugin }), this.modelItem = new s(this.five, { mode: "model", plugin: this.plugin });
+  }
+  setData(e) {
+    this.setDataByMode("panorama", e), this.setDataByMode("model", e);
+  }
+  setDataByMode(e, t) {
+    const r = e === "panorama" ? this.panoramaItem : this.modelItem, a = e === "panorama" ? t.panorama_style : t.model_style;
+    if (!a)
+      return;
+    const m = t.path, l = { url: this.plugin.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }, n = a, p = c({ texture: l }, a);
+    t.path ? r.setGeometryByPath(m, n) : t.pano_group && r.setGeometryByPanoGroup(t.pano_group, n), r.setMartial(p);
+  }
+}
+const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  GuideLineItem: d
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as GuideLineItem,
+  I as GuideLineItem$1
+};

package/libs/GuideLinePlugin/GuideLineItem.d.ts

@@ -0,0 +1,26 @@
+import type { Five } from '@realsee/five';
+import type GuideLinePlugin from './Controller';
+import type * as PluginType from './typing';
+import { GuideLineModeItem } from './GuideLineModeItem';
+/** 路线引导实例。
+ * - 路线包括两个部分：全景路线和模型路线。
+ * - Five 切换模态时，路线会自动切换。
+ * - GuideLineItem P
+ */
+declare class GuideLineItem {
+    readonly id: string | number;
+    readonly renderID?: string;
+    readonly isGuideLine = true;
+    readonly panoramaItem: GuideLineModeItem;
+    readonly modelItem: GuideLineModeItem;
+    private plugin;
+    private five;
+    constructor(options: {
+        five: Five;
+        id: string | number;
+        plugin: GuideLinePlugin;
+    });
+    setData(data: PluginType.GuideLineItem): void;
+    setDataByMode(mode: PluginType.GuideLineModeItemMode, data: PluginType.GuideLineItem): void;
+}
+export { GuideLineItem };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -0,0 +1,31 @@
+import "object-assign-deep";
+import "./GuideLineModeItem/index.js";
+import { GuideLineItem as A } from "./GuideLineItem/index.js";
+import "three";
+import "../shared-utils/log.js";
+import "./utils/createLineGeometry.js";
+import "polyline-normals";
+import "../shared-utils/five/mode.js";
+import "@realsee/five";
+import "hammerjs";
+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 "../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 "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/three/loadTexture.js";
+export {
+  A as GuideLineItem
+};

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -0,0 +1,148 @@
+var g = Object.defineProperty;
+var u = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var l = (s, e, i) => e in s ? g(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i, m = (s, e) => {
+  for (var i in e || (e = {}))
+    f.call(e, i) && l(s, i, e[i]);
+  if (u)
+    for (var i of u(e))
+      p.call(e, i) && l(s, i, e[i]);
+  return s;
+};
+var t = (s, e, i) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
+import * as o from "three";
+import { logWarning as b, logError as c } from "../../shared-utils/log.js";
+import { createLineGeometry as y } from "../utils/createLineGeometry.js";
+import { isPanoramaLike as P, isModelLike as v } from "../../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 { loadTexture as V } from "../../shared-utils/three/loadTexture.js";
+class w {
+  constructor(e, i) {
+    t(this, "mesh", new o.Mesh(
+      new o.BufferGeometry(),
+      new o.MeshBasicMaterial({ transparent: !0 })
+    ));
+    t(this, "five");
+    t(this, "mode");
+    t(this, "path", []);
+    t(this, "color", [0, 0, 0]);
+    t(this, "opacity", 1);
+    t(this, "textureUrl", "");
+    t(this, "scale", 1);
+    t(this, "width", 0.5);
+    t(this, "unitLength", 0.5);
+    t(this, "visible", !1);
+    t(this, "modeVisible", !1);
+    t(this, "customVisible", null);
+    t(this, "plugin");
+    t(this, "textureHasLoaded", !1);
+    t(this, "disposed", !1);
+    t(this, "onPluginShow", () => {
+      this.updateVisible();
+    });
+    t(this, "onPluginHide", () => {
+      this.updateVisible();
+    });
+    t(this, "onPluginEnable", () => {
+      this.updateVisible();
+    });
+    t(this, "onPluginDisable", () => {
+      this.updateVisible();
+    });
+    t(this, "onFiveModeChange", (e) => {
+      this.modeVisible = this.mode === "panorama" ? P(e) : v(e), this.updateVisible();
+    });
+    t(this, "logWarning", (e) => b("GuideLineModeItem: ", e));
+    t(this, "logError", (e) => c("GuideLineModeItem: ", e));
+    this.five = e, this.mode = i.mode, this.mesh.name = "GuideLineModeItem", this.plugin = i.plugin, this.plugin.hooks.on("show", this.onPluginShow), this.plugin.hooks.on("hide", this.onPluginHide), this.plugin.hooks.on("enable", this.onPluginEnable), this.plugin.hooks.on("disable", this.onPluginDisable), this.five.on("modeChange", this.onFiveModeChange), this.onFiveModeChange(this.five.getCurrentState().mode);
+  }
+  setCustomVisible(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.customVisible !== e && (this.customVisible = e, this.updateVisible());
+  }
+  setModeVisible(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.modeVisible !== e && (this.modeVisible = e, this.updateVisible());
+  }
+  dispose() {
+    this.disposed || (this.disposed = !0, this.five.off("modeChange", this.onFiveModeChange), this.plugin.hooks.off("show", this.onPluginShow), this.plugin.hooks.off("hide", this.onPluginHide), this.plugin.hooks.off("enable", this.onPluginEnable), this.plugin.hooks.off("disable", this.onPluginDisable), this.doHide());
+  }
+  setUnitSize(e, i) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.width = e, this.unitLength = i, this.setGeometryByPath(this.path, { width: e, unit_length: i });
+  }
+  setScale(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.scale = e, this.setGeometryByPath(this.path, { scale: e });
+  }
+  setGeometryByPanoGroup(e, i) {
+    if (this.disposed)
+      return this.logError("disposed");
+    if (!this.five.work)
+      return this.logError("setPathByPanoGroup: work is not ready");
+    const r = this.getPathFromPanoGroup(e, this.five.work, i);
+    this.path = r, this.setGeometryByPath(r, i);
+  }
+  setGeometryByPath(e, i) {
+    var a;
+    if (this.disposed)
+      return this.logError("disposed");
+    this.path = e;
+    const r = (a = i == null ? void 0 : i.scale) != null ? a : this.scale, n = i != null && i.width ? i.width * r : this.width * r, d = i != null && i.unit_length ? i.unit_length * r : this.unitLength * r, h = y({ path: e, width: n, unitLength: d });
+    this.mesh.geometry = h;
+  }
+  setMartial(e) {
+    var i;
+    if (this.disposed)
+      return this.logError("disposed");
+    e != null && e.color && this.setColor(e.color), e != null && e.opacity && this.setOpacity(e.opacity), (i = e == null ? void 0 : e.texture) != null && i.url && this.setTextureUrl(e.texture.url);
+  }
+  setColor(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.color = e;
+  }
+  setOpacity(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.opacity = e;
+  }
+  setTextureUrl(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.textureUrl = e, V(e).then((i) => {
+      this.disposed || this.textureUrl === e && (i.wrapT = o.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.map = i, this.mesh.material.map.needsUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    });
+  }
+  updateVisible() {
+    const e = (() => !this.plugin.state.enabled || !this.plugin.state.visible ? !1 : this.customVisible !== null ? this.customVisible : this.modeVisible && this.textureHasLoaded)();
+    this.visible !== e && (this.visible = e, e ? this.doShow() : this.doHide());
+  }
+  doShow() {
+    this.five.scene.add(this.mesh), this.five.needsRender = !0;
+  }
+  doHide() {
+    this.five.scene.remove(this.mesh), this.five.needsRender = !0;
+  }
+  getPathFromPanoGroup(e, i, r) {
+    const d = e.map((h) => i.observers[h]).map((h) => h.standingPosition.toArray());
+    return [m({ type: "CatmullRomCurve3", points: d }, r)];
+  }
+}
+const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  GuideLineModeItem: w
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  w as GuideLineModeItem,
+  _ as GuideLineModeItem$1
+};