@realsee/dnalogel 2.3.6-alpha.1 → 2.3.7-0

package/libs/PanoMeasurePlugin/Modules/UIController/Revoke/index.js

@@ -1,36 +1,36 @@
-var i = Object.defineProperty;
-var h = (r, e, o) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
-var t = (r, e, o) => (h(r, typeof e != "symbol" ? e + "" : e, o), o);
-class a {
-  constructor(e, o) {
-    t(this, "container");
-    t(this, "revokeIcon");
-    t(this, "revokeItem");
-    t(this, "measureController");
-    t(this, "onClick", () => {
+var h = Object.defineProperty;
+var i = (r, e, n) => e in r ? h(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var o = (r, e, n) => (i(r, typeof e != "symbol" ? e + "" : e, n), n);
+import "three";
+class l {
+  constructor(e, n) {
+    o(this, "container");
+    o(this, "revokeIcon");
+    o(this, "revokeItem");
+    o(this, "measureController");
+    o(this, "onClick", () => {
       this.measureController.revoke();
     });
-    t(this, "onModeChange", (e) => {
+    o(this, "onModeChange", (e) => {
       if (e !== "Edit" && this.revokeItem.className.includes("enabled")) {
-        this.revokeItem.classList.remove("enabled");
+        this.revokeItem.classList.remove("enabled"), this.measureController.hook.off("anchorChange", this.onAnchorChange);
         return;
       }
-      this.measureController.hook.on("anchorChange", (o) => {
-        o && this.revokeItem.classList.add("enabled");
-      });
+      this.measureController.hook.on("anchorChange", this.onAnchorChange);
     });
-    t(this, "handleRevoke", () => () => {
+    o(this, "onAnchorChange", (e) => {
+      e && this.revokeItem.classList.add("enabled");
     });
-    this.measureController = e, this.container = o;
-    const n = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
-    if (!n || !s)
+    this.measureController = e, this.container = n;
+    const t = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
+    if (!t || !s)
       throw new Error("\u4E0D\u6B63\u786E\u7684\u9009\u62E9\u5668");
-    this.revokeIcon = n, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
+    this.revokeIcon = t, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
   }
   dispose() {
     this.revokeItem.removeEventListener("click", this.onClick), this.measureController.hook.off("modeChange", this.onModeChange);
   }
 }
 export {
-  a as Revoke
+  l as Revoke
 };

package/libs/PanoMeasurePlugin/Modules/UIController/index.d.ts

@@ -1,8 +1,7 @@
 import type MeasureController from '../../Controller';
-import type { OpenParameter } from '../../typings/data';
 export interface UIControllerParams {
     container: Element;
-    openParams?: OpenParameter;
+    mode?: 'pc' | 'mobile';
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;

package/libs/PanoMeasurePlugin/Modules/UIController/index.js

@@ -1,26 +1,26 @@
-var h = Object.defineProperty;
-var m = (s, t, e) => t in s ? h(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (m(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { htmlString as p } from "./HTML.js";
-import { mobileHTMLString as d } from "./mobileHTML.js";
-import { controllerBackgroundStyle as y, operatingSpaceStyle as u, uiWrapperStyle as f, textStyle as v, exitItemStyle as C, exitIconStyle as _ } from "./style.js";
-import { MainBtnController as b } from "./MainBtnController.js";
+var c = Object.defineProperty;
+var h = (i, t, e) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
+import { htmlString as m } from "./HTML.js";
+import { mobileHTMLString as p } from "./mobileHTML.js";
+import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
+import { MainBtnController as _ } from "./MainBtnController.js";
 import { MobileMainBtnController as E } from "./mobileMainBtnController.js";
 import { Revoke as S } from "./Revoke/index.js";
-class O {
+class w {
   constructor(t, e) {
-    i(this, "revoke");
-    i(this, "container");
-    i(this, "mainController");
-    i(this, "disposers", []);
-    i(this, "measureController");
-    i(this, "mode");
-    i(this, "_params");
-    i(this, "handleExit", () => {
+    s(this, "revoke");
+    s(this, "container");
+    s(this, "mainController");
+    s(this, "disposers", []);
+    s(this, "measureController");
+    s(this, "mode");
+    s(this, "_params");
+    s(this, "handleExit", () => {
       const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
       if (!e || !t)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(e.style, C), Object.assign(t == null ? void 0 : t.style, _));
+      this.mode === "pc" && (Object.assign(e.style, v), Object.assign(t == null ? void 0 : t.style, C));
       const o = () => {
         e.style.opacity = "1";
       }, r = () => {
@@ -32,16 +32,16 @@ class O {
         e.removeEventListener("click", n), e.removeEventListener("mouseenter", o), e.removeEventListener("mouseleave", r);
       };
     });
-    var l, a;
-    this._params = e, this.measureController = t, this.mode = (l = e.openParams) != null && l.isMobile ? "mobile" : "pc", this.container = document.createElement("div"), this.container.innerHTML = (a = e.openParams) != null && a.isMobile ? d : p, this.container.classList.add("fpm__ui-controller", this.mode), e.container.appendChild(this.container);
+    var l;
+    this._params = e, this.measureController = t, this.mode = (l = e.mode) != null ? l : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), e.container.appendChild(this.container);
     const o = this.container.querySelectorAll(".fpm__text"), r = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
-    Object.assign(r == null ? void 0 : r.style, y), Object.assign(n == null ? void 0 : n.style, u), Object.assign(this.container.style, f), o.forEach((c) => Object.assign(c.style, v));
+    Object.assign(r == null ? void 0 : r.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), o.forEach((a) => Object.assign(a.style, f));
   }
   dispose() {
     this.hide(), this.container.remove();
   }
   show() {
-    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new S(this.measureController, this.container), this.mainController = new b(this.measureController, this.container, this._params)) : this.mainController = new E(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new S(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new E(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
   }
   hide() {
     var t, e;
@@ -49,5 +49,5 @@ class O {
   }
 }
 export {
-  O as UIController
+  w as UIController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/mobileHTML.js

@@ -71,7 +71,7 @@ const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5
   <div class="fpm_operating-space fpm_operating--mobile">
     <div class="fpm__main fpm__main-btn">
       <div class="fpm__main-icon fpm__main__start"></div>
-      <div class="fpm__main-text fpm__main-btn-text"></div>
+      <div class="fpm__text fpm__main-text fpm__main-btn-text"></div>
     </div>
   </div>
 `;

package/libs/PanoMeasurePlugin/Modules/UIController/mobileMainBtnController.js

@@ -1,8 +1,9 @@
 var _ = Object.defineProperty;
 var r = (i, t, e) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var n = (i, t, e) => (r(i, typeof t != "symbol" ? t + "" : t, e), e);
-import { mainIconStyle as l, mainItemStyle as c } from "./style.js";
-class d {
+import { mainIconStyle as l, mainItemStyle as o } from "./style.js";
+import "three";
+class f {
   constructor(t, e, s) {
     n(this, "container");
     n(this, "measureController");
@@ -20,7 +21,7 @@ class d {
     this._params = s, this._btnTexts = {
       start: (a = this._params.startButtonText) != null ? a : this._btnTexts.start,
       end: (m = this._params.endButtonText) != null ? m : this._btnTexts.end
-    }, this.measureController = t, this.container = e, this.mainElement = this.getMainElement(), Object.assign(this.mainElement.mainIcon.style, l), Object.assign(this.mainElement.mainItem.style, c), this.change2Add(), this.mainElement.mainItem.addEventListener("click", this.onClick);
+    }, this.measureController = t, this.container = e, this.mainElement = this.getMainElement(), Object.assign(this.mainElement.mainIcon.style, l), Object.assign(this.mainElement.mainItem.style, o), this.change2Add(), this.mainElement.mainItem.addEventListener("click", this.onClick);
   }
   dispose() {
     this.mainElement.mainItem.removeEventListener("click", this.onClick);
@@ -49,5 +50,5 @@ class d {
   }
 }
 export {
-  d as MobileMainBtnController
+  f as MobileMainBtnController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/style.js

@@ -21,7 +21,7 @@ const t = {
   pointerEvents: "all",
   color: "#fff",
   zIndex: "10"
-}, o = {
+}, n = {
   position: "absolute",
   bottom: "0",
   left: "0",
@@ -30,7 +30,7 @@ const t = {
   height: "184px",
   background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
   zIndex: "0"
-}, n = {
+}, o = {
   margin: "0 64px"
 }, i = {
   opacity: "0.85"
@@ -40,23 +40,23 @@ const t = {
   backgroundSize: "100%",
   cursor: "pointer",
   transition: "all 200ms ease-in-out"
-}, r = {
+}, s = {
   width: "24px",
   height: "24px",
   marginRight: "4px",
   backgroundSize: "100%",
   cursor: "pointer"
-}, s = {
-  cursor: "default",
-  userSelect: "none"
+}, r = {
+  userSelect: "none",
+  pointerEvents: "none"
 };
 export {
-  o as controllerBackgroundStyle,
-  r as exitIconStyle,
+  n as controllerBackgroundStyle,
+  s as exitIconStyle,
   i as exitItemStyle,
   a as mainIconStyle,
-  n as mainItemStyle,
+  o as mainItemStyle,
   e as operatingSpaceStyle,
-  s as textStyle,
+  r as textStyle,
   t as uiWrapperStyle
 };

package/libs/PanoMeasurePlugin/index.d.ts

@@ -3,8 +3,12 @@ import MeasureController, { PanoMeasureParameterType } from './Controller';
 import Magnifier from './Modules/Magnifier';
 export declare const PanoMeasurePlugin: FivePlugin<PanoMeasureParameterType, PanoMeasureReturnType>;
 export default PanoMeasurePlugin;
+export { Magnifier };
+export { Model as PanoMeasurePluginModel } from './Model';
+export { default as PanoMeasurePluginPoint } from './Model/point';
+export { default as PanoMeasurePluginLine } from './Model/line';
+export { Polyline as PanoMeasurePluginPolyline } from './Model/polyline';
 export declare type PanoMeasureReturnType = MeasureController;
 export type { PanoMeasurePluginEvent } from './typings/event.type';
-export type { LineJson, PointJson, OpenParameter } from './typings/data';
+export type { LineJson as PanoMeasurePluginLineJson, PointJson as PanoMeasurePluginPointJson, PolylineJson as PanoMeasurePluginPolylineJson, OpenParameter as PanoMeasurePluginOpenParameter, } from './typings/data';
 export type { PanoMeasureParameterType } from './Controller';
-export { Magnifier };

package/libs/PanoMeasurePlugin/index.js

@@ -1,21 +1,13 @@
-import { MeasureController as t } from "./Controller/index.js";
-import { Magnifier as pr } from "./Modules/Magnifier.js";
+import { MeasureController as i } from "./Controller/index.js";
+import { Magnifier as ro } from "./Modules/Magnifier.js";
+import { Model as to } from "./Model/index.js";
+import { Point as po } from "./Model/point.js";
+import { Line as no } from "./Model/line.js";
+import { Polyline as uo } from "./Model/polyline.js";
 import "./Modules/FiveHelper.js";
 import "three";
 import "./Controller/EditController.js";
 import "hammerjs";
-import "./Model/index.js";
-import "./Model/line.js";
-import "../shared-utils/uuid.js";
-import "./Model/polyline.js";
-import "./utils/line.js";
-import "@realsee/five/line";
-import "./utils/constants.js";
-import "@realsee/five";
-import "./utils/distanceDom.js";
-import "./utils/isNDCPointInScreen.js";
-import "./Model/point.js";
-import "../shared-utils/removeArrayItem.js";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
 import "./utils/ironbox.js";
@@ -23,7 +15,11 @@ import "./utils/getIntersectionFromEvent.js";
 import "./utils/getPointFromHammerEvent.js";
 import "./Controller/ViewController.js";
 import "./utils/math.js";
+import "./utils/isNDCPointInScreen.js";
 import "./utils/findAssociatedLines.js";
+import "@realsee/five/line";
+import "./utils/constants.js";
+import "@realsee/five";
 import "./Controller/WatchController.js";
 import "./Modules/DeleteDom/index.js";
 import "./Modules/DeleteDom/_Assets/delete.svg.js";
@@ -32,9 +28,16 @@ import "./Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
 import "./utils/findClosestPoint.js";
 import "./utils/ndc2Screen.js";
 import "./Controller/MixedController.js";
+import "./Modules/rangePiece/index.js";
+import "@tweenjs/tween.js";
+import "./Modules/rangePiece/html.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/noop.js";
+import "./utils/calculateThreeMouse.js";
+import "./utils/mouseGroup.js";
 import "../shared-utils/filter.js";
 import "../shared-utils/tap.js";
-import "./utils/mouseGroup.js";
 import "./Modules/UIController/index.js";
 import "./Modules/UIController/HTML.js";
 import "./Modules/UIController/mobileHTML.js";
@@ -44,18 +47,19 @@ import "./Modules/UIController/mobileMainBtnController.js";
 import "./Modules/UIController/Revoke/index.js";
 import "./Modules/GuideController.js";
 import "./Controller/ShortcutKeyController.js";
-import "./Modules/rangePiece/index.js";
-import "@tweenjs/tween.js";
-import "./Modules/rangePiece/html.js";
-import "../shared-utils/animationFrame/index.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/noop.js";
-import "./utils/calculateThreeMouse.js";
-const tr = function(r, o) {
-  return new t(r, o);
+import "../shared-utils/uuid.js";
+import "../shared-utils/removeArrayItem.js";
+import "./utils/line.js";
+import "./utils/distanceDom.js";
+const _ = function(o, r) {
+  return new i(o, r);
 };
 export {
-  pr as Magnifier,
-  tr as PanoMeasurePlugin,
-  tr as default
+  ro as Magnifier,
+  _ as PanoMeasurePlugin,
+  no as PanoMeasurePluginLine,
+  to as PanoMeasurePluginModel,
+  po as PanoMeasurePluginPoint,
+  uo as PanoMeasurePluginPolyline,
+  _ as default
 };

package/libs/PanoMeasurePlugin/typings/data.d.ts

@@ -1,29 +1,19 @@
-export interface LineCompletelyJson {
-    id: string;
-    points: PointJson[];
-}
-export interface PolylineCompletelyJson {
+export interface PolylineJson {
     id: string;
-    points: PointJson[];
-    lines: LineCompletelyJson[];
+    lines: LineJson[];
+    /** 当前折线在哪个点位上可见，字段不存在时，不做限制 */
+    visiblePanoIndexes?: number[];
 }
 export interface LineJson {
     id: string;
-    points: string[];
-}
-export interface PolylineJson {
-    id: string;
-    points: string[];
-    lines: string[];
+    text?: string;
+    points: PointJson[];
 }
 export interface PointJson {
     id: string;
-    lines: string[];
     position: number[];
 }
 export interface PluginData {
-    lines: LineJson[];
-    points: PointJson[];
     polylines: PolylineJson[];
 }
 /** 开放可配置参数 */

package/libs/PanoMeasurePlugin/typings/event.type.d.ts

@@ -1,37 +1,41 @@
-import type { SubscribeEventMap } from '@realsee/five';
 import type { Vector3 } from 'three';
 import type { Mode } from '../Controller';
 import type { State } from '../Controller/MixedController';
+import Line from '../Model/line';
 import type Point from '../Model/point';
-import type { LineCompletelyJson } from './data';
-interface ControllerEvent extends SubscribeEventMap {
+import { Polyline } from '../Model/polyline';
+declare type ControllerEvent = {
+    enable: (userAction: boolean) => void;
+    disable: (userAction: boolean) => void;
     /**
      * Mode 变更
      */
     modeChange: (mode: Mode) => void;
-}
-interface WatchEvent extends SubscribeEventMap {
-    selectedChange: (lines: LineCompletelyJson[]) => void;
-}
-interface EditEvent {
+};
+declare type WatchEvent = {
+    selectedChange: (lines: Line[]) => void;
+};
+declare type EditEvent = {
     /**
      * 编辑线条变更
      */
-    editedLineChange: (lines: LineCompletelyJson[]) => void;
+    editedPolylineChange: (polyline: Polyline) => void;
+    /** 编辑中的虚线变更 */
+    editedDashedLineChange: (line: Line | null) => void;
     anchorChange: (anchor: Vector3 | null) => void;
-}
-interface DragEvent extends SubscribeEventMap {
+};
+declare type DragEvent = {
     wantsDragLine: (event: {
         point: string;
         lines: string[];
     }) => boolean;
-}
+};
 /** 移动端专用事件 */
-interface MobileEvent extends SubscribeEventMap {
+declare type MobileEvent = {
     getStartPoint: (point: Point) => void;
     getEndPoint: (point: Point) => void;
     willChangeState: (state: State, newState: State) => void;
     nowPointChange: (point: Point) => void;
-}
+};
 export declare type PanoMeasurePluginEvent = ControllerEvent & EditEvent & WatchEvent & DragEvent & MobileEvent;
 export {};

package/libs/PanoMeasurePlugin/typings/index.d.ts

@@ -1,8 +1,10 @@
 import type { UserDistanceItem } from '../utils/distanceDom';
 export interface Config {
-    userDistanceItemCreator: undefined | (() => UserDistanceItem);
+    userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数
      * @param distance 单位是 m
      */
-    getDistanceText: (distance: number) => string;
+    getDistanceText?: (distance: number) => string;
+    /** 默认的 distance DOM 文本 */
+    defaultText?: string | null;
 }

package/libs/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,15 +1,15 @@
 import type Line from '../Model/line';
 import type { Five } from '@realsee/five';
-import type { LineCompletelyJson, PolylineCompletelyJson } from '../typings/data';
 import { Vector3 } from 'three';
+import { Polyline } from '../Model/polyline';
 export declare type DistanceItem = ReturnType<typeof createDistanceItem>;
 export interface UserDistanceItem {
     element: Element;
     highlight: () => void;
     unHighlight: () => void;
     update: (params: {
-        line: LineCompletelyJson;
-        polyline: PolylineCompletelyJson;
+        line: Line;
+        polyline: Polyline;
     }) => void;
 }
 export interface CreateDistanceItemProps {
@@ -25,4 +25,5 @@ export declare function createDistanceItem(props: CreateDistanceItemProps): {
     remove: () => void;
     highlight: () => void;
     unHighlight: () => void;
+    getCurrentContent: () => string;
 };

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,6 +1,9 @@
-import { Vector3 as A, Vector2 as E } from "three";
-import { isNDCPointInScreen as m } from "./isNDCPointInScreen.js";
-function M() {
+import { Vector3 as M, Vector2 as v } from "three";
+import { isNDCPointInScreen as g } from "./isNDCPointInScreen.js";
+import "@realsee/five/line";
+import "./constants.js";
+import "@realsee/five";
+function S() {
   const t = document.createElement("div");
   return t.setAttribute("style", "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);"), t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.borderRadius = "100px", t.style.fontSize = "14px", t.style.color = "#fff", t.style.background = "rgba(195,195,195,0.70)", t.style.border = "0.5px solid rgba(255,255,255,0.6)", t.style.pointerEvents = "all", t.style.cursor = "pointer", t;
 }
@@ -8,55 +11,68 @@ function z(t) {
   const e = document.createElement("div");
   return e.id = "distance_" + t.id, e.classList.add("five-plugin-measure__distance"), e.style.opacity = "0", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.transform = "translate3d(0, 0, 0)", e.style.transformOrigin = "left top", e;
 }
-function J(t) {
-  function e() {
-    var s;
-    (s = t.clickCallback) == null || s.call(t, g);
-  }
-  function v() {
-    if (o)
-      return o.highlight();
-    i.style.border = "0.5px solid #95AEFF", i.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
+function O(t) {
+  const { line: e } = t, E = e.id, c = S(), n = z(e), i = t.userDistanceItem, P = new M(0, 0, 0), h = {
+    lineID: E,
+    ndcPosition: P,
+    update: C,
+    appendTo: F,
+    remove: H,
+    highlight: k,
+    unHighlight: D,
+    getCurrentContent: x
+  };
+  i != null && i.element ? n.appendChild(i.element) : n.appendChild(c);
+  function b() {
+    var o;
+    (o = t.clickCallback) == null || o.call(t, h);
   }
   function k() {
-    if (o)
-      return o.unHighlight();
-    i.style.border = "0.5px solid rgba(255,255,255,0.6)", i.style.background = "rgba(195,195,195,0.70)";
+    if (i)
+      return i.highlight();
+    c.style.border = "0.5px solid #95AEFF", c.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
   }
-  function D(s) {
-    const a = s.getElement();
-    if (!a)
+  function D() {
+    if (i)
+      return i.unHighlight();
+    c.style.border = "0.5px solid rgba(255,255,255,0.6)", c.style.background = "rgba(195,195,195,0.70)";
+  }
+  function C(o) {
+    if (e.mesh.visible === !1) {
+      n.style.opacity = "0", n.style.pointerEvents = "none";
       return;
-    const d = a.clientWidth, u = a.clientHeight;
-    if (r.points.length < 2)
+    }
+    const f = o.getElement();
+    if (!f)
+      return;
+    const a = f.clientWidth, l = f.clientHeight;
+    if (e.points.length < 2)
       return;
-    const [h, b] = r.points, l = h.position.clone().project(s.camera), c = b.position.clone().project(s.camera), f = l.clone().lerp(c, 0.5), y = new E(l.x * d, l.y * u), p = new E(c.x * d, c.y * u);
-    if ((() => !(Math.abs(l.z) > 1 || Math.abs(c.z) > 1 || !m(l) && !m(c) || !m(f) || y.distanceTo(p) < 20))() === !1) {
+    const [y, u] = e.points, r = y.position.clone().project(o.camera), s = u.position.clone().project(o.camera), d = r.clone().lerp(s, 0.5), p = new v(r.x * a, r.y * l), m = new v(s.x * a, s.y * l);
+    if ((() => !(Math.abs(r.z) > 1 || Math.abs(s.z) > 1 || !g(r) && !g(s) || !g(d) || p.distanceTo(m) < 20))() === !1) {
       n.style.opacity = "0", n.style.pointerEvents = "none";
       return;
     }
-    const H = (f.x + 1) / 2 * d, I = -(f.y - 1) / 2 * u, S = -(Math.atan((y.y - p.y) / (y.x - p.x)) * 180) / Math.PI;
-    n.style.transform = `translate(${H}px, ${I}px) rotate(${S}deg)`, n.style.opacity = "1", n.style.pointerEvents = "all", o && o.update({ line: r.toCompletelyJson(), polyline: r.getPolyline().toCompletelyJson() });
-    const w = h.position.clone().distanceTo(b.position), x = t.line.model.params.getDistanceText(w);
-    i.innerText !== x && (i.innerText = x);
+    const I = (d.x + 1) / 2 * a, T = -(d.y - 1) / 2 * l, w = -(Math.atan((p.y - m.y) / (p.x - m.x)) * 180) / Math.PI;
+    n.style.transform = `translate(${I}px, ${T}px) rotate(${w}deg)`, n.style.opacity = "1", n.style.pointerEvents = "all", i && i.update({ line: e, polyline: e.getPolyline() });
+    const A = x();
+    c.innerText = A;
   }
-  function P(s) {
-    s.appendChild(n), n.addEventListener("click", e);
+  function F(o) {
+    o.appendChild(n), n.addEventListener("click", b);
   }
-  function C() {
-    i.removeEventListener("click", e), n.remove();
+  function H() {
+    c.removeEventListener("click", b), n.remove();
   }
-  const { line: r } = t, F = r.id, i = M(), n = z(r), o = t.userDistanceItem, T = new A(0, 0, 0), g = {
-    lineID: F,
-    ndcPosition: T,
-    update: D,
-    appendTo: P,
-    remove: C,
-    highlight: v,
-    unHighlight: k
-  };
-  return o != null && o.element ? n.appendChild(o.element) : n.appendChild(i), g;
+  function x() {
+    var r, s, d;
+    if (e.points.length < 2)
+      return "";
+    const [o, f] = e.points, a = o.position.clone().distanceTo(f.position), l = (r = t.line.text) != null ? r : t.line.model.config.defaultText, y = (d = (s = t.line.model.config) == null ? void 0 : s.getDistanceText) == null ? void 0 : d.call(s, a), u = l != null ? l : y;
+    return u != null ? u : a.toFixed(2) + "m";
+  }
+  return h;
 }
 export {
-  J as createDistanceItem
+  O as createDistanceItem
 };