@realsee/dnalogel 3.77.4 → 3.77.6

package/libs/PanoTagPlugin/controller/Tag/PolygonTag.js

@@ -0,0 +1,478 @@
+var f = Object.defineProperty;
+var y = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var g = (s, r, t) => r in s ? f(s, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[r] = t, d = (s, r) => {
+  for (var t in r || (r = {}))
+    S.call(r, t) && g(s, t, r[t]);
+  if (y)
+    for (var t of y(r))
+      P.call(r, t) && g(s, t, r[t]);
+  return s;
+};
+var h = (s, r, t) => (g(s, typeof r != "symbol" ? r + "" : r, t), t);
+var u = (s, r, t) => new Promise((o, i) => {
+  var e = (l) => {
+    try {
+      n(t.next(l));
+    } catch (c) {
+      i(c);
+    }
+  }, p = (l) => {
+    try {
+      n(t.throw(l));
+    } catch (c) {
+      i(c);
+    }
+  }, n = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(e, p);
+  n((t = t.apply(s, r)).next());
+});
+import { BaseTag as v } from "./BaseTag.js";
+import * as a from "three";
+import { Sculpt as b } from "../../../Sculpt/index.js";
+import { Polygon as k } from "../../../Sculpt/Objects/Polygon/index.js";
+import "../../../shared-utils/tag.js";
+import "../../../vendor/hammerjs/hammer.js";
+import "../../../shared-utils/three/PointSelector/index.js";
+import "../../../shared-utils/three/CSS3DRenderer/index.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import { anyPositionToVector3 as m } from "../../../shared-utils/positionToVector3.js";
+import "@realsee/five/line";
+import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "../../../shared-utils/three/core/Sphere.js";
+import "../../../shared-utils/three/blink.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../vendor/earcut/src/earcut.js";
+import { uuid as C } from "../../../shared-utils/uuid.js";
+import "../../../shared-utils/five/FivePuppet.js";
+import "../../../shared-utils/Subscribe.js";
+import "../../utils/tag/calculateTagConfig.js";
+import "../../../vendor/object-assign-deep/objectAssignDeep.js";
+import "../../../shared-utils/typescript/entries.js";
+import "../../utils/tag/adaptConfig.js";
+import "../../typings/tag/TagConfig.js";
+import "@realsee/five";
+import "../../../shared-utils/five/mode.js";
+import "../../utils/tag/format.js";
+import "../../../shared-utils/url/defaultUrls.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../../shared-utils/util.js";
+import "../../../shared-utils/isNil.js";
+import "../../../shared-utils/vectorToCoordinate.js";
+import "../../../shared-utils/formatRad.js";
+import "../../../shared-utils/five/transformPosition.js";
+import "../../../shared-utils/five/lookPoint.js";
+import "../../../shared-utils/Utils/FiveUtil.js";
+import "../../../shared-utils/Utils/BaseUtil.js";
+import "../../../shared-utils/Utils/WorkUtil.js";
+import "../../../shared-utils/five/getFiveModel.js";
+import "../../utils/tagPosition.js";
+import "../../utils/tag/tagCheck.js";
+import "../../utils/checkRange.js";
+import "../../../shared-utils/url/getUrl.js";
+import "../../../shared-utils/five/getFloorIndex.js";
+import "../../../shared-utils/safeObj.js";
+import "../../utils/Cache.js";
+import "../../../shared-utils/three/temp.js";
+import "../../../shared-utils/three/core/Raycaster.js";
+import "../../../shared-utils/promise/withResolvers.js";
+import "../../../shared-utils/five/vector3ToScreen.js";
+import "../../../shared-utils/dom/resizeObserver.js";
+import "../../../shared-utils/five/fiveEveryReadyListener.js";
+import "../../../shared-utils/throttle.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../shared-utils/even.js";
+import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
+import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/three/PointSelector/utils/html.js";
+import "../../../shared-utils/CSS3DRender/index.js";
+import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../shared-utils/createResizeObserver.js";
+import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
+import "../../../Sculpt/Meshes/Line.js";
+import "../../../Sculpt/typings/style.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
+import "../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../shared-utils/three/core/LineGeometry.js";
+import "../../../shared-utils/three/core/LineMaterial.js";
+import "../../../shared-utils/three/core/Line2.js";
+import "../../../shared-utils/three/core/LineMaterial2.js";
+import "../../../Sculpt/utils/unit.js";
+import "../../../Sculpt/utils/renderDom.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/five/getPosition.js";
+import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
+import "../../../shared-utils/three/PointSelector/utils/contents.js";
+import "../../../Sculpt/utils/three/rayOnLine.js";
+import "../../../vendor/animejs/lib/anime.es.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../Sculpt/utils/Modules/Global.js";
+import "../../../Sculpt/utils/Modules/Cursor.js";
+import "../../../Sculpt/utils/Modules/DeleteButtonBgBorder.js";
+import "../../../Sculpt/utils/Modules/DeleteIconSVG.js";
+import "../../../Object3DHelperPlugin/Controller.js";
+import "../../../base/BasePlugin.js";
+import "../../../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseHelper.js";
+import "../../../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
+import "../../../shared-utils/three/boundingBox.js";
+import "../../../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
+import "../../../shared-utils/Object3DHelper/utils/direction.js";
+import "../../../shared-utils/Object3DHelper/Constants/RenderOrder.js";
+import "../../../shared-utils/Object3DHelper/Helper/Objects/CenterHandle.js";
+import "../../../shared-utils/Object3DHelper/Constants/color.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
+import "../../../shared-utils/Object3DHelper/utils/getPoseFromCamera.js";
+import "../../../shared-utils/clamp.js";
+import "../../../shared-utils/Object3DHelper/utils/getOrthographicCameraDirection.js";
+import "../../../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
+import "../../../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
+import "../../../shared-utils/Object3DHelper/utils/cameraHooks.js";
+import "../../../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/MoveController.js";
+import "../../../shared-utils/Object3DHelper/Base/BaseController.js";
+import "../../../shared-utils/Object3DHelper/utils/solidGuide.js";
+import "../../../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
+import "../../../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
+import "../../../Object3DHelperPlugin/FiveControllerWrapper.js";
+import "../../../shared-utils/Object3DHelper/index.js";
+import "../../../shared-utils/Object3DHelper/Controller/RotateController.js";
+import "../../../shared-utils/math/rad2Deg.js";
+import "../../../shared-utils/math/deg2Rad.js";
+import "../../../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+import "../../../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
+import "../../../shared-utils/three/vectorIsEqual.js";
+import "../../../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
+import "../../../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
+import "../../../shared-utils/Object3DHelper/Controller/ScaleController.js";
+import "../../../shared-utils/three/getNormal.js";
+import "../../../shared-utils/threex/domevents/index.js";
+import "../../../shared-utils/five/FiveDomEvents.js";
+import "../../../shared-utils/five/calculateThreeMouse.js";
+import "../../../shared-utils/three/recurveFindObject.js";
+import "../../../Sculpt/Objects/Polyline/index.js";
+import "../../../Sculpt/Meshes/Polyline.js";
+import "../../../Sculpt/Meshes/LineWithDots.js";
+import "../../../Sculpt/Meshes/Point.js";
+import "../../../shared-utils/three/closeVectors.js";
+import "../../../Sculpt/Objects/Base/index.js";
+import "../../../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import "../../../Sculpt/Objects/Polyline/Editor.js";
+import "../../../Sculpt/Objects/Line/Editor.js";
+import "../../../Sculpt/Objects/Base/Editor.js";
+import "../../../shared-utils/three/vector3ToArray.js";
+import "../../../Sculpt/Objects/Point/index.js";
+import "../../../Sculpt/Objects/Point/Editor.js";
+import "../../../Sculpt/Objects/Prism/index.js";
+import "../../../Sculpt/Meshes/Prism.js";
+import "../../../Sculpt/utils/three/ColoredMesh.js";
+import "../../../shared-utils/three/core/PrismGeometry.js";
+import "../../../shared-utils/three/core/polygonVertex.js";
+import "../../../shared-utils/three/earcut3D.js";
+import "../../../shared-utils/three/core/PrismAnimationGeometry.js";
+import "../../../shared-utils/three/geometryUtil.js";
+import "../../../Sculpt/Editors/PrismMeshEditor.js";
+import "../../../Sculpt/Meshes/Area.js";
+import "../../../Sculpt/Meshes/PolygonWithEdge.js";
+import "../../../Sculpt/Meshes/Polygon.js";
+import "../../../shared-utils/three/generatePolygonGeometry.js";
+import "../../../PanoMeasurePlugin/utils/isIntersecting.js";
+import "../../../Sculpt/Objects/Rectangle/index.js";
+import "../../../Sculpt/Editors/RectangleMeshEditor.js";
+import "../../../Sculpt/Meshes/Rectangle.js";
+import "../../../Sculpt/utils/three/RectangleGeometry.js";
+import "../../../Sculpt/Meshes/RectangleWithEdge.js";
+import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
+import "../../../Sculpt/Objects/Circle/index.js";
+import "../../../Sculpt/Editors/CircleMeshEditor.js";
+import "../../../Sculpt/Meshes/CircleWithEdge.js";
+import "../../../Sculpt/Meshes/Circle.js";
+import "../../../Sculpt/utils/radiusToSegments.js";
+import "../../../Sculpt/Objects/Cylinder/index.js";
+import "../../../Sculpt/Meshes/Cylinder.js";
+import "../../../Sculpt/Editors/CylinderMeshEditor.js";
+import "../../../Sculpt/Objects/Box/index.js";
+import "../../../Sculpt/Editors/BoxMeshEditor.js";
+import "../../../Sculpt/Meshes/Box.js";
+import "../../../shared-utils/forReverseEach.js";
+import "../../../Sculpt/Objects/Line/index.js";
+import "../../../Sculpt/Objects/Polygon/Editor.js";
+class Ii extends v {
+  constructor(t, o) {
+    super(t, o);
+    h(this, "tagStyle");
+    h(this, "clickEventDispose");
+    h(this, "domClickDispose");
+    h(this, "screenPosition", null);
+    this.tagStyle = o.style, this.initializeSculptPolygon(), this.updateVisible();
+  }
+  /**
+   * 获取 Polygon 样式配置（合并用户配置和默认值）
+   */
+  getPolygonStyle() {
+    var o, i, e, p, n, l;
+    const t = ((o = this.tagStyle) == null ? void 0 : o.boxOrPolygon) || {};
+    return {
+      color: (i = t.color) != null ? i : 16777215,
+      opacity: (e = t.opacity) != null ? e : 0.4,
+      lineColor: (n = (p = t.lineColor) != null ? p : t.color) != null ? n : 16777215,
+      lineWidth: (l = t.lineWidth) != null ? l : 1
+    };
+  }
+  /**
+   * 更新 Polygon 样式
+   */
+  updatePolygonStyle() {
+    if (!this.polygonShape || !this.polygonShape.areaMesh)
+      return;
+    const t = this.getPolygonStyle();
+    this.polygonShape.areaMesh.setStyle(t);
+  }
+  /**
+   * 更新标签数据
+   */
+  set(t, o = !0) {
+    super.set(t, o), t.style && (this.tagStyle = d(d({}, this.tagStyle), t.style)), t.position && (this.polygonShape ? this.updateSculptPolygon() : this.initializeSculptPolygon()), t.style && this.polygonShape && this.updatePolygonStyle();
+  }
+  /**
+   * 获取多边形的所有角点（世界坐标）
+   */
+  getCorners() {
+    return this.polygonShape ? this.polygonShape.areaMesh.points.map((t) => t.clone()) : [];
+  }
+  getCenter() {
+    const t = this.originPosition;
+    if (!t || t.length === 0)
+      return [0, 0, 0];
+    const o = new a.Vector3();
+    return t.forEach((i) => {
+      o.add(m(i));
+    }), o.divideScalar(t.length), o.toArray();
+  }
+  /**
+   * 计算多边形的法向量
+   * 使用前三个点来计算平面的法向量
+   */
+  computeNormal() {
+    const t = this.position;
+    if (!t || t.length < 3)
+      return new a.Vector3(0, 1, 0);
+    const o = m(t[0]), i = m(t[1]), e = m(t[2]), p = new a.Vector3().subVectors(i, o), n = new a.Vector3().subVectors(e, o);
+    return new a.Vector3().crossVectors(p, n).normalize();
+  }
+  /**
+   * 初始化 Sculpt Polygon
+   */
+  initializeSculptPolygon() {
+    if (this.polygonShape)
+      return;
+    const t = this.position;
+    if (!t || t.length < 3)
+      return;
+    const o = new b(this.five, void 0, {
+      magnifier: null
+    });
+    o.clear(), o.group.removeFromParent();
+    const i = t.map((n) => m(n)), e = this.getPolygonStyle(), p = new k(
+      {
+        id: C(),
+        type: "Polygon",
+        points: i,
+        style: e
+      },
+      {
+        defaultAction: !1,
+        occlusionVisibility: !0,
+        occlusionMode: "depthTest"
+      }
+    );
+    p.visible = this.visible, this.plugin.imagePlaneGroup.add(p), this.polygonShape = p, p.editor.hooks.on("objectUpdate", () => {
+      this.syncPolygonPositionFromSculpt();
+    }), p.editor.disable(), this.setupClickEvents();
+  }
+  /**
+   * 设置点击事件
+   */
+  setupClickEvents() {
+    if (!this.polygonShape || this.config.clickable === !1) {
+      console.warn(
+        `[PolygonTag ${this.id}] Cannot setup click events: polygonShape=${!!this.polygonShape}, clickable=${this.config.clickable}`
+      );
+      return;
+    }
+    this.cleanupClickEvents();
+    const t = (o) => {
+      this.plugin.hooks.emit("click", { event: o, target: "TagPolygonModel", tag: this });
+    };
+    requestAnimationFrame(() => {
+      if (!this.polygonShape || !this.plugin.domEvents) {
+        console.warn(`[PolygonTag ${this.id}] Cannot bind click events: polygonShape or domEvents not available`);
+        return;
+      }
+      this.clickEventDispose = this.addObjectClickHandler(this, this.polygonShape, t);
+    });
+  }
+  /**
+   * 清理点击事件
+   */
+  cleanupClickEvents() {
+    this.clickEventDispose && (this.clickEventDispose(), this.clickEventDispose = void 0);
+  }
+  /**
+   * 更新 Sculpt Polygon 的数据
+   */
+  updateSculptPolygon() {
+    if (!this.polygonShape)
+      return;
+    const t = this.position;
+    if (!t || t.length < 3)
+      return;
+    const o = t.map((i) => m(i));
+    this.polygonShape.setData({
+      points: o.map((i) => i.toArray()),
+      style: this.getPolygonStyle()
+    }), this.setupClickEvents();
+  }
+  /**
+   * 启用编辑器
+   * 用于编辑已存在的 Polygon
+   */
+  editorEnable() {
+    return u(this, null, function* () {
+      if (!this.position) {
+        console.warn("[PolygonTag] Cannot enable editor without position. Call startDrawing() first.");
+        return;
+      }
+      this.polygonShape || this.initializeSculptPolygon(), this.polygonShape && (this.polygonShape.visible = !0, this.polygonShape.editor.enable());
+    });
+  }
+  /**
+   * 禁用编辑器
+   */
+  editorDisable() {
+    this.polygonShape && this.polygonShape.editor.disable();
+  }
+  /**
+   * 同步 Sculpt Polygon 的数据到 PolygonPosition
+   */
+  syncPolygonPositionFromSculpt() {
+    if (!this.polygonShape)
+      return;
+    const i = this.polygonShape.data.points.map((e) => m(e)).map((e) => e.toArray());
+    this.position = i, this.hooks.emit("positionChanged", i);
+  }
+  /**
+   * @description 点击事件处理
+   */
+  onClick(t) {
+    t.target === "TagPolygonModel" && this.unfoldAndFoldOthers();
+  }
+  /**
+   * @description 展开自己，收起其他标签
+   */
+  unfoldAndFoldOthers() {
+    if (this.isPopoverConfigEnabled())
+      return;
+    const t = this.can("fold"), o = this.can("unfold");
+    t && o && (this.state.unfolded = !this.state.unfolded, this.manuallyOperated = !0, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((i) => {
+      i.id !== this.id && i.fold();
+    }));
+  }
+  /**
+   * 展开标签详情
+   */
+  unfold() {
+    this.isPopoverConfigEnabled() || this.setUnfold(!0);
+  }
+  /**
+   * 折叠标签详情
+   */
+  fold() {
+    this.isPopoverConfigEnabled() || this.setUnfold(!1);
+  }
+  /**
+   * 设置展开/折叠状态
+   */
+  setUnfold(t) {
+    if (this.isPopoverConfigEnabled())
+      return;
+    const o = this.can("fold"), i = this.can("unfold");
+    o && i && (this.state.unfolded = t, this.hooks.emit(t ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
+  }
+  /**
+   * 获取多边形的中心点
+   */
+  getPolygonCenter() {
+    const t = this.position;
+    if (!t || t.length === 0)
+      return new a.Vector3();
+    const o = new a.Vector3();
+    return t.forEach((i) => {
+      const e = m(i);
+      o.add(e);
+    }), o.divideScalar(t.length), o;
+  }
+  /**
+   * 更新屏幕位置（用于在 2D UI 中显示内容）
+   * 显示在 Polygon 最右侧的顶点位置
+   */
+  updateScreenPosition() {
+    if (!this.currentVisible) {
+      this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
+      return;
+    }
+    const o = this.position;
+    if (!o || o.length === 0) {
+      this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
+      return;
+    }
+    let i = m(o[0]);
+    o.forEach((p) => {
+      const n = m(p);
+      n.x > i.x && (i = n);
+    });
+    const e = i.clone().project(this.five.camera);
+    if (e.x < -1 || e.x > 1 || e.y < -1 || e.y > 1 || e.z < 0 || e.z > 1)
+      this.screenPosition = null;
+    else if (this.five.renderer) {
+      const p = this.five.renderer.getSize(new a.Vector2());
+      this.screenPosition = {
+        leftPx: (e.x + 1) / 2 * p.x,
+        topPx: (-e.y + 1) / 2 * p.y,
+        scale: 1
+      };
+    }
+    this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
+  }
+  /**
+   * 应用可见性变化
+   */
+  applyVisible() {
+    var t;
+    this.polygonShape && (this.plugin.imagePlaneGroup.children.includes(this.polygonShape) || (console.warn(`[PolygonTag ${this.id}] applyVisible: polygonShape not in imagePlaneGroup, re-adding...`, {
+      polygonShapeParent: ((t = this.polygonShape.parent) == null ? void 0 : t.name) || "null",
+      imagePlaneGroupChildren: this.plugin.imagePlaneGroup.children.length
+    }), this.polygonShape.parent && this.polygonShape.parent.remove(this.polygonShape), this.plugin.imagePlaneGroup.add(this.polygonShape)), this.polygonShape.visible = this.visible), this.updateScreenPosition();
+  }
+  /**
+   * 销毁标签
+   */
+  dispose() {
+    this.cleanupClickEvents(), this.domClickDispose && (this.domClickDispose(), this.domClickDispose = void 0), this.polygonShape && (this.polygonShape.removeFromParent(), this.polygonShape = void 0);
+  }
+}
+export {
+  Ii as PolygonTag
+};

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

@@ -1,6 +1,6 @@
 import type { TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap, TagContentTypeMapping } from '../typings';
 import type { TemporaryState } from '../typings';
-import TagContainerSvelte from '../Components/TagContainer.svelte';
+import type TagContainerSvelte from '../Components/TagContainer.svelte';
 import type { Five } from '@realsee/five';
 import { TagUtil } from './TagUtil';
 export declare abstract class TagRender extends TagUtil {

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -2,19 +2,19 @@ var $ = Object.defineProperty, q = Object.defineProperties;
 var z = Object.getOwnPropertyDescriptors;
 var S = Object.getOwnPropertySymbols;
 var G = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var D = (a, n, e) => n in a ? $(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, W = (a, n) => {
+var C = (a, n, e) => n in a ? $(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, W = (a, n) => {
   for (var e in n || (n = {}))
-    G.call(n, e) && D(a, e, n[e]);
+    G.call(n, e) && C(a, e, n[e]);
   if (S)
     for (var e of S(n))
-      X.call(n, e) && D(a, e, n[e]);
+      X.call(n, e) && C(a, e, n[e]);
   return a;
 }, Q = (a, n) => q(a, z(n));
-var s = (a, n, e) => (D(a, typeof n != "symbol" ? n + "" : n, e), e);
+var s = (a, n, e) => (C(a, typeof n != "symbol" ? n + "" : n, e), e);
 import { defaultGlobalConfig as J } from "../typings/tag/TagConfig.js";
 import { DefaultConfig as K } from "../tag.config.js";
 import "three";
-import { anyPositionToVector3 as V } from "../../shared-utils/positionToVector3.js";
+import { anyPositionToVector3 as x } from "../../shared-utils/positionToVector3.js";
 import { isPlaneTag as N, isMediaModelTag as U, isPoint3DTag as Y } from "../utils/tag/tagCheck.js";
 import { normalPositionToPositions as Z } from "../utils/normalPositionToPositions.js";
 import { writable as ee } from "../../vendor/svelte/store/index.js";
@@ -34,7 +34,7 @@ import "../../shared-utils/three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/earcut/src/earcut.js";
-import { FiveDomEvents as x } from "../../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as V } from "../../shared-utils/five/FiveDomEvents.js";
 import "../../shared-utils/five/FivePuppet.js";
 import { Cache as se } from "../utils/Cache.js";
 import { Controller as ce } from "../../base/BasePlugin.js";
@@ -123,7 +123,7 @@ class Xt extends ce {
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
     // eslint-disable-next-line @typescript-eslint/member-ordering
-    s(this, "domEvents", new x(this.five));
+    s(this, "domEvents", new V(this.five));
     s(this, "_cache_pointTag");
     s(this, "_cache_2DPointTag");
     s(this, "_cache_css3DTag");
@@ -180,7 +180,9 @@ class Xt extends ce {
   }
   // eslint-disable-next-line accessor-pairs
   set tagsLengthWillUpdate(e) {
-    e && (this._cache_pointTag = this.tags.filter((t) => t.stickType === "2DPoint" || t.stickType === "3DPoint").filter((t) => t.position), this._cache_2DPointTag = this.tags.filter((t) => t.stickType === "2DPoint").filter((t) => t.position), this._cache_css3DTag = this.tags.filter(
+    e && (this._cache_pointTag = this.tags.filter(
+      (t) => t.stickType === "2DPoint" || t.stickType === "3DPoint" || t.stickType === "3DBox" || t.stickType === "Polygon" || t.stickType === "Mask"
+    ).filter((t) => t.position), this._cache_2DPointTag = this.tags.filter((t) => t.stickType === "2DPoint").filter((t) => t.position), this._cache_css3DTag = this.tags.filter(
       (t) => t.stickType === "3DPoint" || t.stickType === "Plane" || t.stickType === "Model" && t.contentType === "MediaModel"
     ).filter((t) => {
       const i = t.computeRenderType();
@@ -200,7 +202,7 @@ class Xt extends ce {
     return (e = this._cache_css3DTag) != null ? e : [];
   }
   updateFive(e) {
-    super.updateFive(e), this.domEvents.dispose(), this.domEvents = new x(e);
+    super.updateFive(e), this.domEvents.dispose(), this.domEvents = new V(e);
   }
   addRenderQueue(e) {
     var c, p;
@@ -236,7 +238,7 @@ class Xt extends ce {
     if (U(e))
       return e.data.mediaPosition;
     if (Y(e))
-      return Z(this.five.camera.position, V(e.position), V(e.normal));
+      return Z(this.five.camera.position, x(e.position), x(e.normal));
   }
   addObjectClickHandler(e, t, i) {
     if (!t || !this.domEvents)
@@ -276,19 +278,19 @@ class Xt extends ce {
     const o = {}, c = {}, p = {};
     this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([u, h]) => {
       var w, L;
-      const m = u, C = m.split("-"), j = u.startsWith("["), v = j ? C[0].slice(1, -1) : void 0, y = j ? C.slice(1) : C, M = v ? ["PanoramaLike", "ModelLike"].includes(v) ? (w = c[v]) != null ? w : c[v] = {} : (L = p[v]) != null ? L : p[v] = {} : o;
+      const m = u, D = m.split("-"), j = u.startsWith("["), v = j ? D[0].slice(1, -1) : void 0, y = j ? D.slice(1) : D, M = v ? ["PanoramaLike", "ModelLike"].includes(v) ? (w = c[v]) != null ? w : c[v] = {} : (L = p[v]) != null ? L : p[v] = {} : o;
       if (!M[m]) {
         if (y.length === 0 && (M[m] = h), y.length === 1) {
           const [g] = y;
           (e.contentType === g || g === "Any") && (M[m] = h);
         }
         if (y.length === 2) {
-          const [g = "Any", _ = "Any"] = y;
-          g === "Mixin" && e.contentType === _ && (M[m] = h), (e.stickType === g || g === "Any") && (e.contentType === _ || _ === "Any") && (M[m] = h);
+          const [g = "Any", k = "Any"] = y;
+          g === "Mixin" && e.contentType === k && (M[m] = h), (e.stickType === g || g === "Any") && (e.contentType === k || k === "Any") && (M[m] = h);
         }
         if (y.length === 3) {
-          const [g = "Any", _, R] = y;
-          if (_ === "Audio" && e.contentType === "Audio") {
+          const [g = "Any", k, R] = y;
+          if (k === "Audio" && e.contentType === "Audio") {
             const O = e;
             (O.stickType === g || g === "Any") && O.data.appearance === R && (M[m] = h);
           }
@@ -304,8 +306,8 @@ class Xt extends ce {
       const m = T[u];
       T[u] = P({}, r, m, ...Object.values(h), l, { _isMerged: !0 });
     });
-    const k = Q(W({}, f), { configWithFiveMode: T });
-    return H(k), Object.values(T).forEach((u) => H(u)), k._isMerged = !0, k;
+    const _ = Q(W({}, f), { configWithFiveMode: T });
+    return H(_), Object.values(T).forEach((u) => H(u)), _._isMerged = !0, _;
   }
 }
 export {