@realsee/dnalogel 2.6.6 → 2.6.7-dev.0

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

@@ -1,6 +1,8 @@
 import type { Five } from '@realsee/five';
-import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId } from '../typings';
+import * as THREE from 'three';
+import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId, ModelElement, TagContentType, StickType } from '../typings';
 import { TagCacheController } from './TagCacheController';
+import { Raycaster } from 'three';
 export declare abstract class TagComputer extends TagCacheController {
     tags: TagElement[];
     config: {
@@ -10,7 +12,7 @@ export declare abstract class TagComputer extends TagCacheController {
     protected get isPanorama(): boolean;
     private raycaster;
     protected constructor(five: Five);
-    getTagById(id: TagId): TagElement<import("../typings").TagContentType, import("../typings").StickType>;
+    getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S>;
     /**
      * @description: 改变类型配置
      */
@@ -19,6 +21,8 @@ export declare abstract class TagComputer extends TagCacheController {
      * @description: 获取是否可见
      */
     getVisibleByPanoIndex(tag: Tag<any, any>, panoIndex?: number): boolean;
+    /** 获取当前点位上模型中的多媒体是否应该展示 */
+    getModelMedialVisibleByPanoIndex(tag: Tag<any, any>): boolean;
     /**
      * @description: 获取是否展开
      */
@@ -38,7 +42,7 @@ export declare abstract class TagComputer extends TagCacheController {
     /**
      * @description: 获取merge后的配置
      */
-    getTagConfig(tag: Tag<any, any>): TagConfig<import("../typings").TagContentType, import("../typings").StickType>;
+    getTagConfig(tag: Tag<any, any>): TagConfig<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
     protected can(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag<any, any>): boolean;
     protected sort<T extends Tag<any, any>>(tags: T[]): T[];
     /**
@@ -46,6 +50,7 @@ export declare abstract class TagComputer extends TagCacheController {
      */
     protected setPointTagPosition(): void;
     protected setVisibleByPanoIndex(): void;
+    protected setModelMedialVisibleByPanoIndex(): void;
     protected setUnfoldedByPanoIndex(): void;
     /**
      * @description: 一个点的标签
@@ -55,12 +60,23 @@ export declare abstract class TagComputer extends TagCacheController {
         y: number;
         z: number;
     };
-    protected filterPointTag(): PointTagElement<import("../typings").TagContentType>[];
-    protected filter2DPointTag(): Point2DElement<import("../typings").TagContentType>[];
-    protected filter3DPointTag(): Point3DElement<import("../typings").TagContentType>[];
+    protected filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected filter3DTag(): TagElement<any, "3DPoint" | "Plane">[];
     protected filterPlaneTag(): PlaneTagElement[];
     protected updateTagConfig(params?: {
         force?: boolean;
     }): void;
+    /** 通过射线检测标签可用性 */
+    protected getTagEnableByIntersect(tag: Tag<any, any>, raycaster: Raycaster): {
+        value: boolean;
+        reason: string;
+    };
+    /** 获取点位看向标签的射线 */
+    protected getRaycasterFromPanoIndex(tag: Tag, panoIndex: number): THREE.Raycaster;
+    /** 检测 target floor index 是否匹配当前楼层 */
+    protected checkFloorIndex(tag: TagElement): boolean;
+    protected changeTagMode(tag: TagElement<'MediaModel', 'Model'>, mode: 'behind' | 'front'): void;
 }

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,246 +1,262 @@
-var j = Object.defineProperty, w = Object.defineProperties;
-var $ = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var P = (g, c, e) => c in g ? j(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, x = (g, c) => {
-  for (var e in c || (c = {}))
-    R.call(c, e) && P(g, e, c[e]);
-  if (k)
-    for (var e of k(c))
-      A.call(c, e) && P(g, e, c[e]);
+var M = Object.defineProperty, U = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var T = (g, d, e) => d in g ? M(g, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[d] = e, C = (g, d) => {
+  for (var e in d || (d = {}))
+    R.call(d, e) && T(g, e, d[e]);
+  if (P)
+    for (var e of P(d))
+      w.call(d, e) && T(g, e, d[e]);
   return g;
-}, I = (g, c) => w(g, $(c));
-var b = (g, c, e) => (P(g, typeof c != "symbol" ? c + "" : c, e), e);
-import D from "object-assign-deep";
-import * as U from "three";
-import { DefaultConfig as B } from "../tag.config.js";
-import { is3DTag as E, isPointTag as V } from "../utils/tag/tagCheck.js";
-import { arrayPositionToVector3 as M, anyPositionToVector3 as S } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { planeNormal as _ } from "../utils/planeNormal.js";
-import { tagPosition as T } from "../utils/tagPosition.js";
-import { checkRange as y } from "../utils/checkRange.js";
-import { TagCacheController as z } from "./TagCacheController.js";
+}, I = (g, d) => U(g, B(d));
+var y = (g, d, e) => (T(g, typeof d != "symbol" ? d + "" : d, e), e);
+import x from "object-assign-deep";
+import * as k from "three";
+import { DefaultConfig as $ } from "../tag.config.js";
+import { isMediaModelTag as m, is3DTag as A } from "../utils/tag/tagCheck.js";
+import { anyPositionToVector3 as E } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { planeNormal as V } from "../utils/planeNormal.js";
+import { getTagPosition as D, tagPosition as j } from "../utils/tagPosition.js";
+import { checkRange as b } from "../utils/checkRange.js";
+import { TagCacheController as S } from "./TagCacheController.js";
+import "hammerjs";
+import "@realsee/five";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { notNil as _ } from "../../shared-utils/isNil.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "@realsee/five/gltf-loader";
 import "../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-class Y extends z {
+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/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+class he extends S {
   constructor(e) {
     super(e);
-    b(this, "tags", []);
-    b(this, "config", B);
-    b(this, "raycaster", new U.Raycaster());
+    y(this, "tags", []);
+    y(this, "config", $);
+    y(this, "raycaster", new k.Raycaster());
   }
   get isPanorama() {
     return this.five.currentMode === "Panorama";
   }
   getTagById(e) {
-    const n = this.tags.find((i) => i.id === e);
-    if (!n) {
-      console.error(`getTagById(): tag is ${n}, id is ${e}`);
+    const t = this.tags.find((i) => i.id === e);
+    if (!t) {
+      console.error(`getTagById(): tag is ${t}, id is ${e}`);
       return;
     }
-    return n;
+    return t;
   }
-  changeContentTypeConfig(e, n, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = D({}, this.config.contentTypeConfig[e], n) : this.config.contentTypeConfig[e] = n, this.clearCache();
+  changeContentTypeConfig(e, t, i = !0) {
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = x({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
   }
-  getVisibleByPanoIndex(e, n) {
-    var o;
-    const i = this.getCache({ panoIndex: n, id: e.id }), s = (o = this.five.panoIndex) != null ? o : n;
+  getVisibleByPanoIndex(e, t) {
+    var n;
+    const i = this.getCache({ panoIndex: t, id: e.id }), o = (n = this.five.panoIndex) != null ? n : t;
+    if (m(e))
+      return !0;
     if (i.visible !== void 0)
       return i.visible;
     {
-      const a = (() => {
-        var d, h, f, l;
-        const t = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, r = this.getDistance(e);
-        if (typeof t == "function")
-          return { value: t(this.five, { tag: e, distance: r }), reason: "config function result" };
-        if (t.keep === "hidden")
+      const r = (() => {
+        var c, u, f;
+        const s = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, l = this.getDistance(e);
+        if (typeof s == "function")
+          return { value: s(this.five, { tag: e, distance: l }), reason: "config function result" };
+        if (s.keep === "hidden")
           return { value: !1, reason: "config.keep is hidden" };
-        if (t.keep === "visible")
+        if (s.keep === "visible")
           return { value: !0, reason: "config.keep is visible" };
-        if (t.visiblePanoIndex !== void 0 && t.visiblePanoIndex !== "all" && s !== void 0) {
-          if (Array.isArray(t.visiblePanoIndex) && !t.visiblePanoIndex.includes(s))
+        if (s.visiblePanoIndex !== void 0 && s.visiblePanoIndex !== "all" && o !== void 0) {
+          if (Array.isArray(s.visiblePanoIndex) && !s.visiblePanoIndex.includes(o))
             return {
               value: !1,
-              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${s}, visiblePanoIndex: ${t.visiblePanoIndex}`
+              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${o}, visiblePanoIndex: ${s.visiblePanoIndex}`
             };
-          if (t.visiblePanoIndex === "current" && s !== ((h = e.fiveState) == null ? void 0 : h.panoIndex))
+          if (s.visiblePanoIndex === "current" && o !== ((u = e.fiveState) == null ? void 0 : u.panoIndex))
             return {
               value: !1,
-              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${s}, tag.panoIndex: ${(f = e.fiveState) == null ? void 0 : f.panoIndex}`
+              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${o}, tag.panoIndex: ${(f = e.fiveState) == null ? void 0 : f.panoIndex}`
             };
         }
-        if (t.visibleDistance !== void 0 && t.visibleDistance !== "unLimited" && y(r, t.visibleDistance) === !1)
+        if (s.visibleDistance !== void 0 && s.visibleDistance !== "unLimited" && b(l, s.visibleDistance) === !1)
           return {
             value: !1,
-            reason: `distance is not in visibleDistance. distance: ${r}, visibleDistance: ${t.visibleDistance}`
+            reason: `distance is not in visibleDistance. distance: ${l}, visibleDistance: ${s.visibleDistance}`
           };
-        if (t.intersectRaycaster !== !1 && (typeof t.intersectRaycaster != "object" || t.intersectRaycaster.enabled !== !1)) {
-          if (s === void 0)
-            return {
-              value: !1,
-              reason: `intersectRaycaster check failed: fivePanoIndex is ${s}`
-            };
-          const u = (l = this.five.work.observers[s]) == null ? void 0 : l.position;
-          if (u === void 0)
-            throw new Error(`getVisible(): observerPosition is ${u}`);
-          const p = T(e.position).sub(u).normalize();
-          this.raycaster.set(u, p);
-          const [v] = this.five.model.intersectRaycaster(this.raycaster), C = (() => {
-            var m;
-            return typeof t.intersectRaycaster == "object" && (m = t.intersectRaycaster.distanceAccuracy) != null ? m : 0.01;
-          })();
-          if (v && v.distance + C < r)
+        if (s.intersectRaycaster !== !1 && (typeof s.intersectRaycaster != "object" || s.intersectRaycaster.enabled !== !1)) {
+          if (o === void 0)
             return {
               value: !1,
-              reason: `intersectRaycaster check failed: distance is ${r}, intersection.distance is ${v.distance}, distanceError is ${C}`
+              reason: `intersectRaycaster check failed: fivePanoIndex is ${o}`
             };
+          const a = this.getRaycasterFromPanoIndex(e, o), p = this.getTagEnableByIntersect(e, a);
+          if (p.value === !1)
+            return p;
         }
-        if (t.angleRange && E(e)) {
-          const u = this.getAngle(e);
-          if (y(u, t.angleRange) === !1)
-            return { value: !1, reason: `angle is not in angleRange. angle: ${u}, angleRange: ${t.angleRange}` };
+        if (s.angleRange && A(e)) {
+          const a = this.getAngle(e);
+          if (b(a, s.angleRange) === !1)
+            return { value: !1, reason: `angle is not in angleRange. angle: ${a}, angleRange: ${s.angleRange}` };
         }
         return {
           value: !0,
           reason: "all check passed"
         };
       })();
-      return i.visible = a.value, i.__debug_visiblereason__ = a, i.visible;
+      return i.visible = r.value, i.__debug_visible_reason__ = r, i.visible;
     }
   }
-  getUnfoldedByPanoIndex(e, n) {
+  getModelMedialVisibleByPanoIndex(e) {
+    const t = this.five.getCurrentState().panoIndex, i = this.getCache({ panoIndex: t, id: e.id });
+    if (i.modelMedialVisible !== void 0)
+      return i.modelMedialVisible;
+    const o = this.getRaycasterFromPanoIndex(e, t), n = this.getTagEnableByIntersect(e, o);
+    return i.modelMedialVisible = n.value, i.__debug_visible_reason__ = n, n.value !== !1;
+  }
+  getUnfoldedByPanoIndex(e, t) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const s = this.getCache({ panoIndex: n, id: e.id });
-    if (s.unfolded !== void 0)
-      return s.unfolded;
+    const o = this.getCache({ panoIndex: t, id: e.id });
+    if (o.unfolded !== void 0)
+      return o.unfolded;
     {
-      const o = this.getTagConfig(e).unfoldedConfig;
-      if (!o)
+      const n = this.getTagConfig(e).unfoldedConfig;
+      if (!n)
         return;
-      const a = (() => {
-        const r = this.getDistance(e);
-        if (typeof o == "function")
-          return o(this.five, { tag: e, distance: r });
-        if (o.keep === "folded")
+      const r = (() => {
+        const l = this.getDistance(e);
+        if (typeof n == "function")
+          return n(this.five, { tag: e, distance: l });
+        if (n.keep === "folded")
           return !1;
-        if (o.keep === "unfolded")
+        if (n.keep === "unfolded")
           return !0;
-        if (o.unfoldDistance && y(r, o.unfoldDistance) === !1)
+        if (n.unfoldDistance && b(l, n.unfoldDistance) === !1)
           return !1;
       })();
-      s.unfolded = a;
-      const t = this.getUnfoldedByCamera(e);
-      return t !== void 0 ? t : s.unfolded;
+      o.unfolded = r;
+      const s = this.getUnfoldedByCamera(e);
+      return s !== void 0 ? s : o.unfolded;
     }
   }
   getUnfoldedByCamera(e) {
     return this.getVisibleByPanoIndex(e) ? (() => {
-      var a;
-      const s = this.getDistance(e), o = this.getTagConfig(e).unfoldedConfig;
-      if (!!o) {
-        if (typeof o == "function")
-          return o(this.five, { tag: e, distance: s });
-        if (o.keep === "folded")
+      var r;
+      const o = this.getDistance(e), n = this.getTagConfig(e).unfoldedConfig;
+      if (!!n) {
+        if (typeof n == "function")
+          return n(this.five, { tag: e, distance: o });
+        if (n.keep === "folded")
           return !1;
-        if (o.keep === "unfolded")
+        if (n.keep === "unfolded")
           return !0;
-        if (o.autoUnfold === void 0 || o.autoUnfold === !1 || o.autoUnfold.enable === !1)
+        if (n.autoUnfold === void 0 || n.autoUnfold === !1 || n.autoUnfold.enable === !1)
           return;
-        if (o.autoUnfold.strategy === "ScreenPostion") {
-          const t = this.getTagProject(e);
-          if (t && y(t.x, o.autoUnfold.autoUnfoldProjectX) === !1)
+        if (n.autoUnfold.strategy === "ScreenPostion") {
+          const s = this.getTagProject(e);
+          if (s && b(s.x, n.autoUnfold.autoUnfoldProjectX) === !1)
             return !1;
         }
-        if (o.autoUnfold.strategy === "MinimumDistance") {
-          const d = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
-            const l = this.getTagProject(f);
-            if (!l)
+        if (n.autoUnfold.strategy === "MinimumDistance") {
+          const c = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
+            const a = this.getTagProject(f);
+            if (!a)
               return !1;
-            const { x: u, y: p, z: v } = l;
-            return !(Math.abs(v) > 1 || Math.abs(u) > 1 || Math.abs(p) > 1);
-          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: l }) => {
-            var u, p;
-            return !(typeof l != "object" || l.keep || l.autoUnfold === !1 || ((u = l.autoUnfold) == null ? void 0 : u.enable) === !1 || ((p = l.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance");
-          }).map((f) => I(x({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: l }) => {
-            var u, p;
-            return !(f === void 0 || typeof l != "object" || l.autoUnfold === !1 || ((u = l.autoUnfold) == null ? void 0 : u.enable) === !1 || ((p = l.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance" || l.autoUnfold.distance && y(f, l.autoUnfold.distance) === !1);
-          }).sort((f, l) => f.distance - l.distance).findIndex((f) => f.id === e.id);
-          if (d === -1 || d <= ((a = o.autoUnfold.maxNumber) != null ? a : 1) - 1 === !1)
+            const { x: p, y: h, z: v } = a;
+            return !(Math.abs(v) > 1 || Math.abs(p) > 1 || Math.abs(h) > 1);
+          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: a }) => {
+            var p, h;
+            return !(typeof a != "object" || a.keep || a.autoUnfold === !1 || ((p = a.autoUnfold) == null ? void 0 : p.enable) === !1 || ((h = a.autoUnfold) == null ? void 0 : h.strategy) !== "MinimumDistance");
+          }).map((f) => I(C({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: a }) => {
+            var p, h;
+            return !(f === void 0 || typeof a != "object" || a.autoUnfold === !1 || ((p = a.autoUnfold) == null ? void 0 : p.enable) === !1 || ((h = a.autoUnfold) == null ? void 0 : h.strategy) !== "MinimumDistance" || a.autoUnfold.distance && b(f, a.autoUnfold.distance) === !1);
+          }).sort((f, a) => f.distance - a.distance).findIndex((f) => f.id === e.id);
+          if (c === -1 || c <= ((r = n.autoUnfold.maxNumber) != null ? r : 1) - 1 === !1)
             return !1;
         }
         return !0;
       }
     })() : void 0;
   }
-  getDistance(e, n) {
-    var o, a, t;
-    const i = (o = this.five.panoIndex) != null ? o : n;
+  getDistance(e, t) {
+    var n, r, s;
+    const i = (n = this.five.panoIndex) != null ? n : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const s = this.getCache({ panoIndex: n, id: e.id });
-    if (s.distance !== void 0)
-      return s.distance;
+    const o = this.getCache({ panoIndex: t, id: e.id });
+    if (o.distance !== void 0)
+      return o.distance;
     {
-      const r = (t = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : t.position;
-      if (r === void 0)
-        throw new Error(`getDistance(): observerPosition is ${r}`);
-      const d = (() => V(e) ? M(e == null ? void 0 : e.position) : T(e.position))(), h = r.distanceTo(d);
-      return s.distance = h, h;
+      const l = (s = (r = this.five.work) == null ? void 0 : r.observers[i]) == null ? void 0 : s.position;
+      if (l === void 0)
+        throw new Error(`getDistance(): observerPosition is ${l}`);
+      const c = D(e), u = l.distanceTo(c);
+      return o.distance = u, u;
     }
   }
-  getAngle(e, n) {
-    var o, a, t;
-    const i = (o = this.five.panoIndex) != null ? o : n;
+  getAngle(e, t) {
+    var n, r, s;
+    const i = (n = this.five.panoIndex) != null ? n : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const s = this.getCache({ panoIndex: n, id: e.id });
-    if (s.angle !== void 0)
-      return s.angle;
+    const o = this.getCache({ panoIndex: t, id: e.id });
+    if (o.angle !== void 0)
+      return o.angle;
     {
-      const r = (t = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : t.position;
-      if (r === void 0)
-        throw new Error(`getAngleRange(): observerPosition is ${r}`);
-      const d = (() => e.stickType === "3DPoint" ? S(e.normal) : _(e.position))();
-      if (!d)
+      const l = (s = (r = this.five.work) == null ? void 0 : r.observers[i]) == null ? void 0 : s.position;
+      if (l === void 0)
+        throw new Error(`getAngleRange(): observerPosition is ${l}`);
+      const c = (() => e.stickType === "3DPoint" ? E(e.normal) : V(e.position))();
+      if (!c)
         return;
-      const h = new U.Vector3().copy(r).sub(T(e.position)), f = d.angleTo(h) * 180 / Math.PI;
-      return s.angle = f, s.angle;
+      const u = new k.Vector3().copy(l).sub(j(e.position)), f = c.angleTo(u) * 180 / Math.PI;
+      return o.angle = f, o.angle;
     }
   }
   getTagConfig(e) {
-    var s;
+    var o;
     if (!e)
-      return (s = this.config.globalConfig) != null ? s : {};
-    const n = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((o) => {
-      const a = o;
-      if (n[a])
+      return (o = this.config.globalConfig) != null ? o : {};
+    const t = {};
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((n) => {
+      const r = n;
+      if (t[r])
         return;
-      const t = a.split("-");
-      if (t.length === 1) {
-        const [r] = t;
-        e.contentType === r && (n[a] = this.config.contentTypeConfig[a]);
+      const s = r.split("-");
+      if (s.length === 1) {
+        const [l] = s;
+        e.contentType === l && (t[r] = this.config.contentTypeConfig[r]);
       }
-      if (t.length === 2) {
-        const [r = "Any", d = "Any"] = t;
-        (e.stickType === r || r === "Any") && (e.contentType === d || d === "Any") && (n[a] = this.config.contentTypeConfig[a]);
+      if (s.length === 2) {
+        const [l = "Any", c = "Any"] = s;
+        (e.stickType === l || l === "Any") && (e.contentType === c || c === "Any") && (t[r] = this.config.contentTypeConfig[r]);
       }
-      if (t.length === 3) {
-        const [r = "Any", d, h] = t;
-        if (d === "Audio" && e.contentType === "Audio") {
+      if (s.length === 3) {
+        const [l = "Any", c, u] = s;
+        if (c === "Audio" && e.contentType === "Audio") {
           const f = e;
-          (f.stickType === r || r === "Any") && f.data.appearance === h && (n[a] = this.config.contentTypeConfig[a]);
+          (f.stickType === l || l === "Any") && f.data.appearance === u && (t[r] = this.config.contentTypeConfig[r]);
         }
       }
     });
-    const i = D({}, this.config.globalConfig, ...Object.values(n), e.config);
+    const i = x({}, this.config.globalConfig, ...Object.values(t), e.config);
     return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep }), i;
   }
-  can(e, n) {
-    const i = this.getTagConfig(n);
+  can(e, t) {
+    const i = this.getTagConfig(t);
     if (!i || typeof i != "object")
       return !0;
     if (e === "show" || e === "hide") {
@@ -258,37 +274,45 @@ class Y extends z {
     return !0;
   }
   sort(e) {
-    return e.sort((n, i) => {
-      const s = this.getDistance(n), o = this.getDistance(i);
-      return s === void 0 || o === void 0 ? 0 : o - s;
+    return e.sort((t, i) => {
+      const o = this.getDistance(t), n = this.getDistance(i);
+      return o === void 0 || n === void 0 ? 0 : n - o;
     });
   }
   setPointTagPosition() {
     const e = this.filterPointTag();
-    e.length !== 0 && e.forEach((n) => {
-      var s;
-      if (!((s = n.state) != null && s.visible)) {
-        n.pointTagStyle = null;
+    e.length !== 0 && e.forEach((t) => {
+      var o;
+      if (!((o = t.state) != null && o.visible)) {
+        t.pointTagStyle = null;
         return;
       }
-      const i = this.getTagProject(n);
+      const i = this.getTagProject(t);
       if (!i) {
-        n.pointTagStyle = null;
+        t.pointTagStyle = null;
         return;
       }
-      n.pointTagStyle = { leftPercent: (i.x + 1) / 2 * 100, topPercent: (-i.y + 1) / 2 * 100 };
+      t.pointTagStyle = { leftPercent: (i.x + 1) / 2 * 100, topPercent: (-i.y + 1) / 2 * 100 };
     });
   }
   setVisibleByPanoIndex() {
     this.tags.forEach((e) => {
-      const n = this.getVisibleByPanoIndex(e);
-      e.state && (e.state.visible = n);
+      const t = this.getVisibleByPanoIndex(e);
+      e.state && (e.state.visible = t);
+    });
+  }
+  setModelMedialVisibleByPanoIndex() {
+    this.tags.forEach((e) => {
+      if (!m(e))
+        return;
+      const t = this.getModelMedialVisibleByPanoIndex(e);
+      e.mediaVisible = t;
     });
   }
   setUnfoldedByPanoIndex() {
     this.tags.forEach((e) => {
-      const n = this.getUnfoldedByPanoIndex(e);
-      if (!!e.state && (n !== void 0 && (e.state.unfolded = n), n && !e.state.visible)) {
+      const t = this.getUnfoldedByPanoIndex(e);
+      if (!!e.state && (t !== void 0 && (e.state.unfolded = t), t && !e.state.visible)) {
         const i = this.getTagConfig(e);
         typeof i.unfoldedConfig == "object" && i.unfoldedConfig.autoUnfoldWhenHide !== !1 && (e.state.unfolded = !1);
       }
@@ -297,9 +321,9 @@ class Y extends z {
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const i = T(e.position), { x: s, y: o, z: a } = i.project(this.five.camera);
-    if (!(a > 1))
-      return { x: s, y: o, z: a };
+    const i = j(e.position), { x: o, y: n, z: r } = i.project(this.five.camera);
+    if (!(r > 1))
+      return { x: o, y: n, z: r };
   }
   filterPointTag() {
     return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint");
@@ -310,6 +334,9 @@ class Y extends z {
   filter3DPointTag() {
     return this.tags.filter((e) => e.stickType === "3DPoint");
   }
+  filterModelTag() {
+    return this.tags.filter((e) => e.stickType === "Model");
+  }
   filter3DTag() {
     return this.tags.filter((e) => e.stickType === "3DPoint" || e.stickType === "Plane");
   }
@@ -317,12 +344,51 @@ class Y extends z {
     return this.tags.filter((e) => e.stickType === "Plane");
   }
   updateTagConfig(e) {
-    e != null && e.force && this.clearCache(), this.tags.forEach((n) => {
-      const i = this.getTagConfig(n);
-      n.mergedConfig = i;
+    e != null && e.force && this.clearCache(), this.tags.forEach((t) => {
+      const i = this.getTagConfig(t);
+      t.mergedConfig = i;
     });
   }
+  getTagEnableByIntersect(e, t) {
+    var c, u, f;
+    const i = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, o = this.getDistance(e), [n] = this.five.model.intersectRaycaster(t), r = (() => {
+      if (!m(e))
+        return;
+      const a = this.tags.filter(m).map((h) => {
+        var v;
+        return (v = h.model) == null ? void 0 : v.object;
+      }).filter(_);
+      return t.intersectObjects(a, !0)[0];
+    })(), s = (() => {
+      var a;
+      return typeof i == "object" && typeof i.intersectRaycaster == "object" && (a = i.intersectRaycaster.distanceAccuracy) != null ? a : 0.01;
+    })();
+    return Math.min((u = n == null ? void 0 : n.distance) != null ? u : 1 / 0, (f = r == null ? void 0 : r.distance) != null ? f : 1 / 0) + s < o ? {
+      value: !1,
+      reason: `intersectRaycaster check failed: distance is ${o}, intersection.point is ${n.point.toArray()}, distanceError is ${s}`
+    } : { value: !0, reason: "" };
+  }
+  getRaycasterFromPanoIndex(e, t) {
+    var n;
+    const i = (n = this.five.work.observers[t]) == null ? void 0 : n.position;
+    if (i === void 0)
+      throw new Error(`getVisible(): observerPosition is ${i}`);
+    const o = D(e).sub(i).normalize();
+    return this.raycaster.set(i, o), this.raycaster;
+  }
+  checkFloorIndex(e) {
+    var r;
+    const t = e.fiveState;
+    if (!t)
+      return !0;
+    const i = t.panoIndex, o = (r = this.five.work.observers[i]) == null ? void 0 : r.floorIndex, n = this.five.model.shownFloor;
+    return n === null || n === o;
+  }
+  changeTagMode(e, t) {
+    var i, o, n, r, s;
+    (i = e.config) != null && i.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (n = (o = e.tag3DContentSvelte) == null ? void 0 : o.domContainer) == null || n.dispose(), (s = (r = e.tag3DContentSvelte) == null ? void 0 : r.svelteApp) == null || s.$destroy(), e.tag3DContentSvelte = void 0;
+  }
 }
 export {
-  Y as TagComputer
+  he as TagComputer
 };