@realsee/dnalogel 2.1.2-alpha.7 → 2.1.2-alpha.9

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -1 +1,125 @@
-"use strict";var M=Object.defineProperty;var D=(h,o,e)=>o in h?M(h,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[o]=e;var t=(h,o,e)=>(D(h,typeof o!="symbol"?o+"":o,e),e);const S=require("../Model/index.js"),b=require("../Model/line.js"),k=require("./BaseController.js"),T=require("../Modules/DeleteDom/index.js"),N=require("../utils/findAssociatedLines.js"),u=require("three"),C=require("../utils/isNDCPointInScreen.js"),_=require("../utils/math.js");class E extends k.BaseController{constructor(e){super(e);t(this,"state","watching");t(this,"model",new S.Model(this.config));t(this,"hasAppendDashed",!1);t(this,"fiveElement");t(this,"mobileStartPoint",null);t(this,"mobileNowPoint",null);t(this,"highlightedLines",[]);t(this,"deleteDom");t(this,"onLineChanged",()=>{this.hook.emit("editedLineChange",this.model.lines.map(e=>e.toCompletelyJson()))});t(this,"onWantsTapGesture",e=>{if(this.state==="editing")return!1;const[i]=this.five.model.intersectRaycaster(e);if(!i)return;const s=this.five.camera,g=i.point.clone().project(s),d=this.container.clientWidth,r=this.container.clientHeight,m=new u.Vector2(g.x*d,g.y*r),f=this.model.lines.map(n=>{const[a,L]=n.points,l=a.position.clone().project(s),c=L.position.clone().project(s);if(!C.isNDCPointInScreen(l)&&!C.isNDCPointInScreen(c))return null;const v=new u.Vector2(l.x*d,l.y*r),w=new u.Vector2(c.x*d,c.y*r);return{id:n.id,points:[v,w]}}).filter(n=>!!n);if(f.length===0)return;const p=f.map(n=>{const a=_.closestPointOnLine(m,n.points);return{id:n.id,distance:a.distanceTo(m)}}).sort((n,a)=>n.distance-a.distance)[0];if(p.distance>20)return;const P=this.model.lines.find(({id:n})=>n===p.id);if(!!P)return this.chooseLine(P),!1});t(this,"onWantsToMoveToPano",()=>this.state==="watching");t(this,"onCameraUpdate",()=>{this.updateDistanceUI(),this.dashed.distanceItem.update(this.five)});t(this,"updateMobileDashed",()=>{!this.mobileStartPoint||!this.mobileNowPoint||(this.dashed.points[0].position.copy(this.mobileStartPoint.position),this.dashed.points[1].position.copy(this.mobileNowPoint.position),this.dashed.mesh.setPoints(this.mobileStartPoint.position,this.mobileNowPoint.position),this.dashed.distanceItem.update(this.five))});t(this,"updateMagnifier",e=>{this.magnifier.visible===!1&&this.magnifier.appendTo(this.container),requestAnimationFrame(()=>this.magnifier.renderWithPoint(e.position)),this.five.needsRender=!0});t(this,"onGetStartPoint",e=>{this.mobileStartPoint=e});t(this,"onGetEndPoint",e=>{const i=this.mobileNowPoint;if(this.removeLine(this.dashed),this.hasAppendDashed=!1,this.mobileStartPoint&&i){const s=new b.Line(this.mobileStartPoint,i,this.model);s.distanceItem.appendTo(this.container),s.distanceItem.update(this.five),s.hook.on("selected",this.chooseLine),this.group.add(s.mesh),this.model.addLine(s)}this.mobileStartPoint=null,this.mobileNowPoint=null,this.five.needsRender=!0});t(this,"onNowPointChange",e=>{if(this.state==="watching"){this.mobileNowPoint=e,this.updateMagnifier(e);return}this.hasAppendDashed||(this.dashed.distanceItem.appendTo(this.container),this.group.add(this.dashed.mesh),this.hasAppendDashed=!0),this.five.needsRender=!0,this.mobileNowPoint=e,this.updateMobileDashed(),this.updateMagnifier(e),this.five.needsRender=!0});t(this,"onWillChangeState",(e,i)=>{this.state=i,this.state==="watching"?this.five.helperVisible=!0:this.five.helperVisible=!1});t(this,"chooseLine",e=>{const i=N.findAssociatedLines(e);this.highlightLines(i),this.five.needsRender=!0,this.hook.emit("selectedChange",i.map(s=>s.toCompletelyJson()))});t(this,"deleteDomClickCallback",()=>{this.highlightedLines.forEach(e=>{this.removeLine(e),this.model.removeLine(e)}),this.highlightedLines=[],this.deleteDom.setLines([]).hide()});t(this,"cancelDeleteClickCallback",()=>{this.clearHighlightLines()});this.deleteDom=new T.DeleteDom(this.five,{onClick:this.deleteDomClickCallback,cancelDelete:this.cancelDeleteClickCallback}).appendTo(this.container),this.five.on("cameraUpdate",this.onCameraUpdate),this.five.on("wantsTapGesture",this.onWantsTapGesture),this.five.on("wantsToMoveToPano",this.onWantsToMoveToPano),this.model.hook.on("lineAdded",this.onLineChanged),this.model.hook.on("lineRemoved",this.onLineChanged),this.hook.on("getStartPoint",this.onGetStartPoint),this.hook.on("getEndPoint",this.onGetEndPoint),this.hook.on("nowPointChange",this.onNowPointChange),this.hook.on("willChangeState",this.onWillChangeState),this.five.refresh()}dispose(){super.dispose(),this.group.remove(this.mouseGroup,this.dashed.mesh),this.five.off("cameraUpdate",this.onCameraUpdate),this.five.off("wantsTapGesture",this.onWantsTapGesture),this.five.off("wantsToMoveToPano",this.onWantsToMoveToPano),this.model.hook.off("lineAdded",this.onLineChanged),this.model.hook.off("lineRemoved",this.onLineChanged),this.hook.off("getStartPoint",this.onGetStartPoint),this.hook.off("getEndPoint",this.onGetEndPoint),this.hook.off("nowPointChange",this.onNowPointChange),this.hook.off("willChangeState",this.onWillChangeState),this.hook.emit("selectedChange",[]),this.dashed.distanceItem.remove(),this.five.needsRender=!0}highlightLine(e){e.selected||(e.selected=!0,this.group.add(e.lightMesh),e.distanceItem.highlight(),this.five.needsRender=!0)}clearHighlightLines(){this.group.children.length!==0&&(this.deleteDom.setLines([]).hide(),this.model.lines.forEach(e=>{e.selected=!1,e.distanceItem.unHighlight(),this.group.remove(e.lightMesh)}),this.highlightedLines=[],this.five.needsRender=!0)}getEditingLines(){return this.model.lines}highlightLines(e){this.clearHighlightLines(),this.highlightedLines=e,this.deleteDom.setLines(e).updatePosition().show(),e.forEach(i=>this.highlightLine(i))}}exports.MixedController=E;
+var b = Object.defineProperty;
+var k = (h, n, e) => n in h ? b(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var t = (h, n, e) => (k(h, typeof n != "symbol" ? n + "" : n, e), e);
+import { Model as S } from "../Model/index.js";
+import { Line as T } from "../Model/line.js";
+import { BaseController as D } from "./BaseController.js";
+import { DeleteDom as M } from "../Modules/DeleteDom/index.js";
+import { findAssociatedLines as G } from "../utils/findAssociatedLines.js";
+import { Vector2 as m } from "three";
+import { isNDCPointInScreen as v } from "../utils/isNDCPointInScreen.js";
+import { closestPointOnLine as N } from "../utils/math.js";
+class V extends D {
+  constructor(e) {
+    super(e);
+    t(this, "state", "watching");
+    t(this, "model", new S(this.config));
+    t(this, "hasAppendDashed", !1);
+    t(this, "fiveElement");
+    t(this, "mobileStartPoint", null);
+    t(this, "mobileNowPoint", null);
+    t(this, "highlightedLines", []);
+    t(this, "deleteDom");
+    t(this, "onLineChanged", () => {
+      this.hook.emit(
+        "editedLineChange",
+        this.model.lines.map((e) => e.toCompletelyJson())
+      );
+    });
+    t(this, "onWantsTapGesture", (e) => {
+      if (this.state === "editing")
+        return !1;
+      const [i] = this.five.model.intersectRaycaster(e);
+      if (!i)
+        return;
+      const o = this.five.camera, f = i.point.clone().project(o), d = this.container.clientWidth, r = this.container.clientHeight, p = new m(f.x * d, f.y * r), g = this.model.lines.map((s) => {
+        const [a, L] = s.points, l = a.position.clone().project(o), c = L.position.clone().project(o);
+        if (!v(l) && !v(c))
+          return null;
+        const C = new m(l.x * d, l.y * r), w = new m(c.x * d, c.y * r);
+        return { id: s.id, points: [C, w] };
+      }).filter((s) => !!s);
+      if (g.length === 0)
+        return;
+      const u = g.map((s) => {
+        const a = N(p, s.points);
+        return { id: s.id, distance: a.distanceTo(p) };
+      }).sort((s, a) => s.distance - a.distance)[0];
+      if (u.distance > 20)
+        return;
+      const P = this.model.lines.find(({ id: s }) => s === u.id);
+      if (!!P)
+        return this.chooseLine(P), !1;
+    });
+    t(this, "onWantsToMoveToPano", () => this.state === "watching");
+    t(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
+    });
+    t(this, "updateMobileDashed", () => {
+      !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.points[0].position.copy(this.mobileStartPoint.position), this.dashed.points[1].position.copy(this.mobileNowPoint.position), this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five));
+    });
+    t(this, "updateMagnifier", (e) => {
+      this.magnifier.visible === !1 && this.magnifier.appendTo(this.container), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
+    });
+    t(this, "onGetStartPoint", (e) => {
+      this.mobileStartPoint = e;
+    });
+    t(this, "onGetEndPoint", (e) => {
+      const i = this.mobileNowPoint;
+      if (this.removeLine(this.dashed), this.hasAppendDashed = !1, this.mobileStartPoint && i) {
+        const o = new T(this.mobileStartPoint, i, this.model);
+        o.distanceItem.appendTo(this.container), o.distanceItem.update(this.five), o.hook.on("selected", this.chooseLine), this.group.add(o.mesh), this.model.addLine(o);
+      }
+      this.mobileStartPoint = null, this.mobileNowPoint = null, this.five.needsRender = !0;
+    });
+    t(this, "onNowPointChange", (e) => {
+      if (this.state === "watching") {
+        this.mobileNowPoint = e, this.updateMagnifier(e);
+        return;
+      }
+      this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh), this.hasAppendDashed = !0), this.five.needsRender = !0, this.mobileNowPoint = e, this.updateMobileDashed(), this.updateMagnifier(e), this.five.needsRender = !0;
+    });
+    t(this, "onWillChangeState", (e, i) => {
+      this.state = i, this.state === "watching" ? this.five.helperVisible = !0 : this.five.helperVisible = !1;
+    });
+    t(this, "chooseLine", (e) => {
+      const i = G(e);
+      this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        i.map((o) => o.toCompletelyJson())
+      );
+    });
+    t(this, "deleteDomClickCallback", () => {
+      this.highlightedLines.forEach((e) => {
+        this.removeLine(e), this.model.removeLine(e);
+      }), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
+    });
+    t(this, "cancelDeleteClickCallback", () => {
+      this.clearHighlightLines();
+    });
+    this.deleteDom = new M(this.five, {
+      onClick: this.deleteDomClickCallback,
+      cancelDelete: this.cancelDeleteClickCallback
+    }).appendTo(this.container), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.on("lineAdded", this.onLineChanged), this.model.hook.on("lineRemoved", this.onLineChanged), this.hook.on("getStartPoint", this.onGetStartPoint), this.hook.on("getEndPoint", this.onGetEndPoint), this.hook.on("nowPointChange", this.onNowPointChange), this.hook.on("willChangeState", this.onWillChangeState), this.five.refresh();
+  }
+  dispose() {
+    super.dispose(), this.group.remove(this.mouseGroup, this.dashed.mesh), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.onWantsTapGesture), this.five.off("wantsToMoveToPano", this.onWantsToMoveToPano), this.model.hook.off("lineAdded", this.onLineChanged), this.model.hook.off("lineRemoved", this.onLineChanged), this.hook.off("getStartPoint", this.onGetStartPoint), this.hook.off("getEndPoint", this.onGetEndPoint), this.hook.off("nowPointChange", this.onNowPointChange), this.hook.off("willChangeState", this.onWillChangeState), this.hook.emit("selectedChange", []), this.dashed.distanceItem.remove(), this.five.needsRender = !0;
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  getEditingLines() {
+    return this.model.lines;
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
+  }
+}
+export {
+  V as MixedController
+};

package/libs/PanoMeasurePlugin/Controller/ShortcutKeyController.js

@@ -1 +1,33 @@
-"use strict";var s=Object.defineProperty;var i=(o,e,t)=>e in o?s(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var n=(o,e,t)=>(i(o,typeof e!="symbol"?e+"":e,t),t);class u{constructor(e,t){n(this,"five");n(this,"measureController");n(this,"onKeyDown",e=>{if(e.metaKey&&e.code==="KeyS"){this.measureController.save().changeMode("Watch"),e.preventDefault();return}if(e.code==="Escape")return this.escape()});n(this,"onMouseDown",e=>{e.button===2&&(e.preventDefault(),this.escape())});this.five=t,this.measureController=e;const r=this.five.getElement();!r||(document.body.addEventListener("keydown",this.onKeyDown),r.addEventListener("mousedown",this.onMouseDown))}dispose(){const e=this.five.getElement();!e||(document.body.removeEventListener("keydown",this.onKeyDown),e.removeEventListener("mousedown",this.onMouseDown))}escape(){return this.measureController.getCurrentMode()==="Watch"?this.measureController.disable():this.measureController.changeMode("Watch")}}exports.ShortcutKeyController=u;
+var s = Object.defineProperty;
+var i = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var n = (o, e, t) => (i(o, typeof e != "symbol" ? e + "" : e, t), t);
+class a {
+  constructor(e, t) {
+    n(this, "five");
+    n(this, "measureController");
+    n(this, "onKeyDown", (e) => {
+      if (e.metaKey && e.code === "KeyS") {
+        this.measureController.save().changeMode("Watch"), e.preventDefault();
+        return;
+      }
+      if (e.code === "Escape")
+        return this.escape();
+    });
+    n(this, "onMouseDown", (e) => {
+      e.button === 2 && (e.preventDefault(), this.escape());
+    });
+    this.five = t, this.measureController = e;
+    const r = this.five.getElement();
+    !r || (document.body.addEventListener("keydown", this.onKeyDown), r.addEventListener("mousedown", this.onMouseDown));
+  }
+  dispose() {
+    const e = this.five.getElement();
+    !e || (document.body.removeEventListener("keydown", this.onKeyDown), e.removeEventListener("mousedown", this.onMouseDown));
+  }
+  escape() {
+    return this.measureController.getCurrentMode() === "Watch" ? this.measureController.disable() : this.measureController.changeMode("Watch");
+  }
+}
+export {
+  a as ShortcutKeyController
+};

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -1 +1,90 @@
-"use strict";var R=Object.defineProperty;var _=(i,o,e)=>o in i?R(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var r=(i,o,e)=>(_(i,typeof o!="symbol"?o+"":o,e),e);const y=require("hammerjs"),m=require("three"),j=require("../utils/math.js"),v=require("../utils/isNDCPointInScreen.js"),H=require("../utils/findAssociatedLines.js"),I=require("./BaseController.js"),S=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},T=S(y);class E extends I.BaseController{constructor(e){super(e);r(this,"type","view");r(this,"highlightedLines",[]);r(this,"hammer");r(this,"wantsTapGesture",e=>{if(this.model.lines.length===0)return;const[t]=this.five.model.intersectRaycaster(e);if(!t)return;const s=this.five.camera,g=t.point.clone().project(s),c=this.container.clientWidth,a=this.container.clientHeight,f=new m.Vector2(g.x*c,g.y*a),p=this.model.lines.map(n=>{const[h,P]=n.points,d=h.position.clone().project(s),u=P.position.clone().project(s);if(!v.isNDCPointInScreen(d)&&!v.isNDCPointInScreen(u))return null;const C=new m.Vector2(d.x*c,d.y*a),w=new m.Vector2(u.x*c,u.y*a);return{id:n.id,points:[C,w]}}).filter(n=>!!n);if(p.length===0)return;const L=p.map(n=>{const h=j.closestPointOnLine(f,n.points);return{id:n.id,distance:h.distanceTo(f)}}).sort((n,h)=>n.distance-h.distance)[0],l=L.distance>20?void 0:this.model.lines.find(({id:n})=>n===L.id);if(this.highlightedLines.length>0&&!l)return this.clearHighlightLines(),!1;if(l)return this.chooseLine(l),!1});r(this,"chooseLine",e=>{const t=H.findAssociatedLines(e);this.highlightLines(t),this.five.needsRender=!0,this.hook.emit("selectedChange",t.map(s=>s.toCompletelyJson()))});r(this,"lineRemoved",e=>{this.removeLine(e),this.hook.emit("selectedChange",this.model.lines.filter(t=>t.selected).map(t=>t.toCompletelyJson()))});r(this,"onCameraUpdate",()=>{this.updateDistanceUI()});this.model.lines.forEach(s=>{s.distanceItem.appendTo(this.container),s.distanceItem.update(this.five),s.hook.on("selected",this.chooseLine),this.group.add(s.mesh)});const t=this.five.getElement();if(t){const s=new T.default(t);this.hammer=s}this.model.hook.on("lineRemoved",this.lineRemoved),this.five.on("cameraUpdate",this.onCameraUpdate),this.five.on("wantsTapGesture",this.wantsTapGesture),this.five.needsRender=!0}dispose(){var e;super.dispose(),this.model.hook.off("lineRemoved",this.lineRemoved),this.five.off("cameraUpdate",this.onCameraUpdate),this.five.off("wantsTapGesture",this.wantsTapGesture),this.five.needsRender=!0,this.hook.emit("selectedChange",[]),(e=this.hammer)==null||e.destroy()}highlightLine(e){e.selected||(e.selected=!0,this.group.add(e.lightMesh),e.distanceItem.highlight(),this.five.needsRender=!0)}clearHighlightLines(){this.group.children.length!==0&&(this.model.lines.forEach(e=>{e.selected=!1,e.distanceItem.unHighlight(),this.group.remove(e.lightMesh)}),this.highlightedLines=[],this.five.needsRender=!0)}highlightLines(e){this.clearHighlightLines(),this.highlightedLines=e,e.forEach(t=>this.highlightLine(t))}}exports.ViewController=E;
+var P = Object.defineProperty;
+var y = (h, n, e) => n in h ? P(h, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[n] = e;
+var o = (h, n, e) => (y(h, typeof n != "symbol" ? n + "" : n, e), e);
+import T from "hammerjs";
+import { Vector2 as g } from "three";
+import { closestPointOnLine as H } from "../utils/math.js";
+import { isNDCPointInScreen as L } from "../utils/isNDCPointInScreen.js";
+import { findAssociatedLines as k } from "../utils/findAssociatedLines.js";
+import { BaseController as E } from "./BaseController.js";
+class M extends E {
+  constructor(e) {
+    super(e);
+    o(this, "type", "view");
+    o(this, "highlightedLines", []);
+    o(this, "hammer");
+    o(this, "wantsTapGesture", (e) => {
+      if (this.model.lines.length === 0)
+        return;
+      const [t] = this.five.model.intersectRaycaster(e);
+      if (!t)
+        return;
+      const i = this.five.camera, f = t.point.clone().project(i), c = this.container.clientWidth, a = this.container.clientHeight, p = new g(f.x * c, f.y * a), u = this.model.lines.map((s) => {
+        const [r, w] = s.points, l = r.position.clone().project(i), m = w.position.clone().project(i);
+        if (!L(l) && !L(m))
+          return null;
+        const C = new g(
+          l.x * c,
+          l.y * a
+        ), R = new g(
+          m.x * c,
+          m.y * a
+        );
+        return { id: s.id, points: [C, R] };
+      }).filter((s) => !!s);
+      if (u.length === 0)
+        return;
+      const v = u.map((s) => {
+        const r = H(p, s.points);
+        return { id: s.id, distance: r.distanceTo(p) };
+      }).sort((s, r) => s.distance - r.distance)[0], d = v.distance > 20 ? void 0 : this.model.lines.find(({ id: s }) => s === v.id);
+      if (this.highlightedLines.length > 0 && !d)
+        return this.clearHighlightLines(), !1;
+      if (d)
+        return this.chooseLine(d), !1;
+    });
+    o(this, "chooseLine", (e) => {
+      const t = k(e);
+      this.highlightLines(t), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        t.map((i) => i.toCompletelyJson())
+      );
+    });
+    o(this, "lineRemoved", (e) => {
+      this.removeLine(e), this.hook.emit(
+        "selectedChange",
+        this.model.lines.filter((t) => t.selected).map((t) => t.toCompletelyJson())
+      );
+    });
+    o(this, "onCameraUpdate", () => {
+      this.updateDistanceUI();
+    });
+    this.model.lines.forEach((i) => {
+      i.distanceItem.appendTo(this.container), i.distanceItem.update(this.five), i.hook.on("selected", this.chooseLine), this.group.add(i.mesh);
+    });
+    const t = this.five.getElement();
+    if (t) {
+      const i = new T(t);
+      this.hammer = i;
+    }
+    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0;
+  }
+  dispose() {
+    var e;
+    super.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, e.forEach((t) => this.highlightLine(t));
+  }
+}
+export {
+  M as ViewController
+};

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -1 +1,154 @@
-"use strict";var k=Object.defineProperty;var w=(n,h,e)=>h in n?k(n,h,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[h]=e;var s=(n,h,e)=>(w(n,typeof h!="symbol"?h+"":h,e),e);const y=require("hammerjs"),_=require("../Modules/DeleteDom/index.js"),L=require("../utils/isNDCPointInScreen.js"),G=require("./BaseController.js"),m=require("three"),R=require("../utils/math.js"),H=require("../utils/findClosestPoint.js"),v=require("../utils/findAssociatedLines.js"),C=require("../utils/getPointFromHammerEvent.js"),M=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},j=M(y);class I extends G.BaseController{constructor(e){super(e);s(this,"type","watch");s(this,"deleteDom");s(this,"highlightedLines",[]);s(this,"fiveElement");s(this,"editPointState");s(this,"hammer");s(this,"onPanStart",e=>{var r;if(this.model.points.length===0||!this.fiveElement)return;const i=C.getPointFromHammerEvent(e).point,t=(r=H.findClosestPoint(this.five,this.model.points,i,20))==null?void 0:r.point;if(!t){this.editPointState=void 0;return}const o={point:t,associatedLines:v.findAssociatedLines(t.lines[0])};this.hook.emit("wantsDragLine",{point:t.id,lines:o.associatedLines.map(({id:d})=>d)})||(this.editPointState=o,this.magnifier.appendTo(this.container),this.group.add(this.mouseGroup))});s(this,"onPanEnd",()=>{!this.editPointState||(this.editPointState.point.lines.forEach(e=>e.mesh.setMaterial({dashed:!1})),this.highlightLines(this.editPointState.associatedLines),this.editPointState=void 0,this.magnifier.remove(),this.group.remove(this.mouseGroup))});s(this,"onPan",e=>{if(!this.editPointState||!this.fiveElement)return;const i=C.getPointFromHammerEvent(e).ndcPoint,t=new m.Raycaster;t.setFromCamera(i,this.five.camera);const[o]=this.five.model.intersectRaycaster(t);!o||this.onIntersectionUpdate(o)});s(this,"onIntersectionUpdate",(e,i)=>{if(!!this.editPointState){if(this.clearHighlightLines(),this.editPointState.point.position.copy(e.point),this.editPointState.point.lines.forEach(t=>{t.mesh.setPoints(t.points[0].position.clone(),t.points[1].position.clone()),t.lightMesh.setPoints(t.points[0].position.clone(),t.points[1].position.clone()),t.mesh.setMaterial({dashed:!0})}),this.updateDistanceUI(),this.magnifier.renderWithPoint(e.point),this.mouseGroup.position.copy(e.point),i)this.mouseGroup.quaternion.copy(i.quaternion);else if(e.face){const o=e.face.normal.clone().multiplyScalar(.05),r=e.point.clone().add(o).clone().add(o);this.mouseGroup.lookAt(r)}this.five.needsRender=!0,this.hook.emit("selectedChange",this.editPointState.associatedLines.map(t=>t.toCompletelyJson()))}});s(this,"wantsPanGesture",()=>{if(this.editPointState)return!1});s(this,"wantsTapGesture",e=>{const[i]=this.five.model.intersectRaycaster(e);if(!i)return;const t=this.five.camera,o=i.point.clone().project(t),c=this.container.clientWidth,r=this.container.clientHeight,d=new m.Vector2(o.x*c,o.y*r),f=this.model.lines.map(a=>{const[l,D]=a.points,u=l.position.clone().project(t),p=D.position.clone().project(t);if(!L.isNDCPointInScreen(u)&&!L.isNDCPointInScreen(p))return null;const S=new m.Vector2(u.x*c,u.y*r),E=new m.Vector2(p.x*c,p.y*r);return{id:a.id,points:[S,E]}}).filter(a=>!!a);if(f.length===0)return;const g=f.map(a=>{const l=R.closestPointOnLine(d,a.points);return{id:a.id,distance:l.distanceTo(d)}}).sort((a,l)=>a.distance-l.distance)[0];if(g.distance>20)return;const P=this.model.lines.find(({id:a})=>a===g.id);if(!!P)return this.chooseLine(P),!1});s(this,"chooseLine",e=>{const i=v.findAssociatedLines(e);this.highlightLines(i),this.five.needsRender=!0,this.hook.emit("selectedChange",i.map(t=>t.toCompletelyJson()))});s(this,"lineRemoved",e=>{this.removeLine(e),this.hook.emit("selectedChange",this.model.lines.filter(i=>i.selected).map(i=>i.toCompletelyJson()))});s(this,"onCameraUpdate",()=>{this.updateDistanceUI(),this.highlightedLines.length>0&&this.deleteDom.updatePosition()});s(this,"deleteDomClickCallback",()=>{this.highlightedLines[0].getPolyline().lines.slice().reverse().forEach(i=>this.model.removeLine(i)),this.highlightedLines=[],this.deleteDom.setLines([]).hide()});s(this,"cancelDeleteClickCallback",()=>{this.clearHighlightLines()});this.deleteDom=new _.DeleteDom(this.five,{onClick:this.deleteDomClickCallback,cancelDelete:this.cancelDeleteClickCallback}).appendTo(this.container),this.model.lines.forEach(t=>{t.distanceItem.appendTo(this.container),t.distanceItem.update(this.five),t.hook.on("selected",this.chooseLine),this.group.add(t.mesh)});const i=this.five.getElement();if(i){this.fiveElement=i;const t=new j.default(i);this.hammer=t,t.on("pan",this.onPan),t.on("panstart",this.onPanStart),t.on("panend",this.onPanEnd)}this.model.hook.on("lineRemoved",this.lineRemoved),this.five.on("cameraUpdate",this.onCameraUpdate),this.five.on("wantsTapGesture",this.wantsTapGesture),this.five.on("wantsPanGesture",this.wantsPanGesture),this.five.needsRender=!0}dispose(){var e;super.dispose(),this.deleteDom.dispose(),this.model.hook.off("lineRemoved",this.lineRemoved),this.model.lines.forEach(i=>i.hook.off("selected",this.chooseLine)),this.five.off("cameraUpdate",this.onCameraUpdate),this.five.off("wantsPanGesture",this.wantsPanGesture),this.five.off("wantsTapGesture",this.wantsTapGesture),this.five.needsRender=!0,this.hook.emit("selectedChange",[]),(e=this.hammer)==null||e.destroy()}highlightLine(e){e.selected||(e.selected=!0,this.group.add(e.lightMesh),e.distanceItem.highlight(),this.five.needsRender=!0)}clearHighlightLines(){this.group.children.length!==0&&(this.deleteDom.setLines([]).hide(),this.model.lines.forEach(e=>{e.selected=!1,e.distanceItem.unHighlight(),this.group.remove(e.lightMesh)}),this.highlightedLines=[],this.five.needsRender=!0)}highlightLines(e){this.clearHighlightLines(),this.highlightedLines=e,this.deleteDom.setLines(e).updatePosition().show(),e.forEach(i=>this.highlightLine(i))}}exports.WatchController=I;
+var w = Object.defineProperty;
+var y = (r, h, e) => h in r ? w(r, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[h] = e;
+var s = (r, h, e) => (y(r, typeof h != "symbol" ? h + "" : h, e), e);
+import E from "hammerjs";
+import { DeleteDom as G } from "../Modules/DeleteDom/index.js";
+import { isNDCPointInScreen as L } from "../utils/isNDCPointInScreen.js";
+import { BaseController as R } from "./BaseController.js";
+import { Raycaster as T, Vector2 as f } from "three";
+import { closestPointOnLine as H } from "../utils/math.js";
+import { findClosestPoint as I } from "../utils/findClosestPoint.js";
+import { findAssociatedLines as v } from "../utils/findAssociatedLines.js";
+import { getPointFromHammerEvent as C } from "../utils/getPointFromHammerEvent.js";
+class B extends R {
+  constructor(e) {
+    super(e);
+    s(this, "type", "watch");
+    s(this, "deleteDom");
+    s(this, "highlightedLines", []);
+    s(this, "fiveElement");
+    s(this, "editPointState");
+    s(this, "hammer");
+    s(this, "onPanStart", (e) => {
+      var a;
+      if (this.model.points.length === 0 || !this.fiveElement)
+        return;
+      const i = C(e).point, t = (a = I(this.five, this.model.points, i, 20)) == null ? void 0 : a.point;
+      if (!t) {
+        this.editPointState = void 0;
+        return;
+      }
+      const n = {
+        point: t,
+        associatedLines: v(t.lines[0])
+      };
+      this.hook.emit("wantsDragLine", {
+        point: t.id,
+        lines: n.associatedLines.map(({ id: l }) => l)
+      }) || (this.editPointState = n, this.magnifier.appendTo(this.container), this.group.add(this.mouseGroup));
+    });
+    s(this, "onPanEnd", () => {
+      !this.editPointState || (this.editPointState.point.lines.forEach((e) => e.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.remove(), this.group.remove(this.mouseGroup));
+    });
+    s(this, "onPan", (e) => {
+      if (!this.editPointState || !this.fiveElement)
+        return;
+      const i = C(e).ndcPoint, t = new T();
+      t.setFromCamera(i, this.five.camera);
+      const [n] = this.five.model.intersectRaycaster(t);
+      !n || this.onIntersectionUpdate(n);
+    });
+    s(this, "onIntersectionUpdate", (e, i) => {
+      if (!!this.editPointState) {
+        if (this.clearHighlightLines(), this.editPointState.point.position.copy(e.point), this.editPointState.point.lines.forEach((t) => {
+          t.mesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.lightMesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.mesh.setMaterial({ dashed: !0 });
+        }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
+          this.mouseGroup.quaternion.copy(i.quaternion);
+        else if (e.face) {
+          const n = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(n).clone().add(n);
+          this.mouseGroup.lookAt(a);
+        }
+        this.five.needsRender = !0, this.hook.emit(
+          "selectedChange",
+          this.editPointState.associatedLines.map((t) => t.toCompletelyJson())
+        );
+      }
+    });
+    s(this, "wantsPanGesture", () => {
+      if (this.editPointState)
+        return !1;
+    });
+    s(this, "wantsTapGesture", (e) => {
+      const [i] = this.five.model.intersectRaycaster(e);
+      if (!i)
+        return;
+      const t = this.five.camera, n = i.point.clone().project(t), c = this.container.clientWidth, a = this.container.clientHeight, l = new f(n.x * c, n.y * a), g = this.model.lines.map((o) => {
+        const [d, S] = o.points, m = d.position.clone().project(t), p = S.position.clone().project(t);
+        if (!L(m) && !L(p))
+          return null;
+        const k = new f(
+          m.x * c,
+          m.y * a
+        ), D = new f(
+          p.x * c,
+          p.y * a
+        );
+        return { id: o.id, points: [k, D] };
+      }).filter((o) => !!o);
+      if (g.length === 0)
+        return;
+      const u = g.map((o) => {
+        const d = H(l, o.points);
+        return { id: o.id, distance: d.distanceTo(l) };
+      }).sort((o, d) => o.distance - d.distance)[0];
+      if (u.distance > 20)
+        return;
+      const P = this.model.lines.find(({ id: o }) => o === u.id);
+      if (!!P)
+        return this.chooseLine(P), !1;
+    });
+    s(this, "chooseLine", (e) => {
+      const i = v(e);
+      this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
+        "selectedChange",
+        i.map((t) => t.toCompletelyJson())
+      );
+    });
+    s(this, "lineRemoved", (e) => {
+      this.removeLine(e), this.hook.emit(
+        "selectedChange",
+        this.model.lines.filter((i) => i.selected).map((i) => i.toCompletelyJson())
+      );
+    });
+    s(this, "onCameraUpdate", () => {
+      this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
+    });
+    s(this, "deleteDomClickCallback", () => {
+      this.highlightedLines[0].getPolyline().lines.slice().reverse().forEach((i) => this.model.removeLine(i)), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
+    });
+    s(this, "cancelDeleteClickCallback", () => {
+      this.clearHighlightLines();
+    });
+    this.deleteDom = new G(this.five, {
+      onClick: this.deleteDomClickCallback,
+      cancelDelete: this.cancelDeleteClickCallback
+    }).appendTo(this.container), this.model.lines.forEach((t) => {
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), this.group.add(t.mesh);
+    });
+    const i = this.five.getElement();
+    if (i) {
+      this.fiveElement = i;
+      const t = new E(i);
+      this.hammer = t, t.on("pan", this.onPan), t.on("panstart", this.onPanStart), t.on("panend", this.onPanEnd);
+    }
+    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsPanGesture", this.wantsPanGesture), this.five.needsRender = !0;
+  }
+  dispose() {
+    var e;
+    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.model.lines.forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+  }
+  highlightLine(e) {
+    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+  }
+  clearHighlightLines() {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+      e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
+    }), this.highlightedLines = [], this.five.needsRender = !0);
+  }
+  highlightLines(e) {
+    this.clearHighlightLines(), this.highlightedLines = e, this.deleteDom.setLines(e).updatePosition().show(), e.forEach((i) => this.highlightLine(i));
+  }
+}
+export {
+  B as WatchController
+};

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1 +1,140 @@
-"use strict";var m=Object.defineProperty;var d=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var h=(i,e,r)=>e in i?m(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r,l=(i,e)=>{for(var r in e||(e={}))p.call(e,r)&&h(i,r,e[r]);if(d)for(var r of d(e))P.call(e,r)&&h(i,r,e[r]);return i};var t=(i,e,r)=>(h(i,typeof e!="symbol"?e+"":e,r),r);const M=require("../Modules/Magnifier.js"),v=require("../Modules/FiveHelper.js"),a=require("./EditController.js"),_=require("./ViewController.js"),u=require("./WatchController.js"),g=require("./MixedController.js"),w=require("../../shared-utils/filter.js"),y=require("three"),x=require("../Model/index.js"),I=require("@realsee/five"),b=require("../utils/mouseGroup.js"),f=require("../Modules/UIController/index.js"),D=require("../Modules/GuideController.js"),E=require("./ShortcutKeyController.js"),q=require("../Modules/rangePiece/index.js");class U{constructor(e,r){t(this,"hasOpen",!1);t(this,"hook",new I.Subscribe);t(this,"magnifier");t(this,"five");t(this,"model");t(this,"group");t(this,"config");t(this,"fiveHelper");t(this,"useUIController");t(this,"params");t(this,"useGuideController");t(this,"rangePieceController");t(this,"container",document.createElement("div"));t(this,"shortcutKeyController");t(this,"controller",null);t(this,"controllerParams");t(this,"getCurrentMode",()=>this.controller instanceof a.EditController?"Edit":this.controller instanceof u.WatchController?"Watch":this.controller instanceof g.MixedController?"Mixed":null);t(this,"changeMode",e=>{var o;if(!this.hasOpen||this.getCurrentMode()===e)return;if(this.getCurrentMode()==="Mixed"||e==="Mixed")return new Error("\u4E0D\u652F\u6301\u5207\u6362\u7684Mode");(o=this.controller)==null||o.dispose();const r={View:_.ViewController,Watch:u.WatchController,Edit:a.EditController};if(!r[e])throw new Error("\u4E0D\u5B58\u5728\u7684 Mode");this.controller=new r[e](this.controllerParams),this.hook.emit("modeChange",e)});var n,c;this.five=e,this.params=r;const o={userDistanceItemCreator:void 0,getDistanceText(C){return C.toFixed(2)+"m"}};this.config=l(l({},o),w.omit(r,["openParams","magnifierParams"])),this.model=new x.Model(this.config),this.fiveHelper=new v.FiveHelper(e),this.magnifier=new M.Magnifier(e,(n=r.magnifierParams)!=null?n:{width:190,height:190,scale:2}),this.group=new y.Group,this.group.name="plugin-measure-group",this.container.classList.add("five-plugin-measure-container"),this.container.style.position="absolute",this.container.style.left="0",this.container.style.top="0",this.container.style.pointerEvents="none",this.container.style.width="100%",this.container.style.height="100%",this.container.style.opacity="0",this.container.style.background="rgba(0, 0, 0, 0.15)";const s=(c=this.params.openParams)!=null?c:{};this.controllerParams={five:this.five,hook:this.hook,group:this.group,model:this.model,config:this.config,magnifier:this.magnifier,container:this.container,fiveHelper:this.fiveHelper,openParams:s,mouseGroup:b.getMouseGroup(l({},s.crossHairParameter)),userDistanceItemCreator:this.params.userDistanceItemCreator},this.params.useUIController!==!1&&(this.useUIController=new f.UIController(this,this.controllerParams)),this.params.useGuideController!==!1&&(this.useGuideController=new D.GuideController(this,this.controllerParams))}appendTo(e){e.append(this.container)}dispose(){var e,r;this.disable(),(e=this.useUIController)==null||e.dispose(),(r=this.magnifier)==null||r.dispose(),this.five.needsRender=!0}load(e){this.model.parse(e),this.save()}enable(){var e,r,o;this.hasOpen||(this.hasOpen=!0,this.five.scene.add(this.group),this.container.style.opacity="1",(e=this.params.openParams)!=null&&e.isMobile?(this.controller=new g.MixedController(this.controllerParams),this.rangePieceController=new q.RangePieceController(this.controllerParams)):(this.five.helperVisible=!1,this.controller=new u.WatchController(this.controllerParams)),(r=this.useUIController)==null||r.show(),(o=this.useGuideController)==null||o.show(),this.shortcutKeyController=new E.ShortcutKeyController(this,this.five),this.hook.emit("enable",!0))}disable(){var e,r,o,s,n;this.hasOpen=!1,this.container.style.opacity="0",(e=this.controller)==null||e.dispose(),(r=this.rangePieceController)==null||r.dispose(),(o=this.useUIController)==null||o.hide(),(s=this.useGuideController)==null||s.hide(),(n=this.shortcutKeyController)==null||n.dispose(),this.controller=null,this.five.helperVisible=!0,this.five.scene.remove(this.group),this.five.needsRender=!0,this.hook.emit("disable",!0)}revoke(){this.controller instanceof a.EditController&&this.controller.revoke()}removeLineByID(e){this.model.removeLineByID(e)}highlightLine(e){if(this.getCurrentMode()!=="Watch")return!1;const r=this.model.getLineByID(e);return r?(this.controller.highlightLine(r),!0):!1}clearHighlightLines(){return this.getCurrentMode()!=="Watch"?!1:(this.controller.clearHighlightLines(),!0)}save(){return this.controller instanceof a.EditController?(this.model.mergeModel(this.controller.model),this):this}toJson(){return this.model.toJson()}changeIsMobile(e){var r,o;((r=this.controllerParams.openParams)==null?void 0:r.isMobile)===void 0&&(this.controllerParams.openParams.isMobile=e),this.controllerParams.openParams.isMobile!==e&&(this.controllerParams.openParams.isMobile=e,this.params.useUIController!==!1&&((o=this.useUIController)==null||o.dispose()),this.useUIController=new f.UIController(this,this.controllerParams))}changeConfigs(e){var r;if(e.getDistanceText&&e.getDistanceText!==this.config.getDistanceText){const o=e.getDistanceText;this.config.getDistanceText=o,(r=this.controller)==null||r.updateDistanceUI()}}}exports.MeasureController=U;
+var g = Object.defineProperty;
+var m = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var h = (o, e, t) => e in o ? g(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, l = (o, e) => {
+  for (var t in e || (e = {}))
+    C.call(e, t) && h(o, t, e[t]);
+  if (m)
+    for (var t of m(e))
+      P.call(e, t) && h(o, t, e[t]);
+  return o;
+};
+var r = (o, e, t) => (h(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { Magnifier as v } from "../Modules/Magnifier.js";
+import { FiveHelper as w } from "../Modules/FiveHelper.js";
+import { EditController as a } from "./EditController.js";
+import { ViewController as M } from "./ViewController.js";
+import { WatchController as c } from "./WatchController.js";
+import { MixedController as f } from "./MixedController.js";
+import { omit as y } from "../../shared-utils/filter.js";
+import { Group as I } from "three";
+import { Model as b } from "../Model/index.js";
+import { Subscribe as D } from "@realsee/five";
+import { getMouseGroup as x } from "../utils/mouseGroup.js";
+import { UIController as p } from "../Modules/UIController/index.js";
+import { GuideController as U } from "../Modules/GuideController.js";
+import { ShortcutKeyController as k } from "./ShortcutKeyController.js";
+import { RangePieceController as E } from "../Modules/rangePiece/index.js";
+class A {
+  constructor(e, t) {
+    r(this, "hasOpen", !1);
+    r(this, "hook", new D());
+    r(this, "magnifier");
+    r(this, "five");
+    r(this, "model");
+    r(this, "group");
+    r(this, "config");
+    r(this, "fiveHelper");
+    r(this, "useUIController");
+    r(this, "params");
+    r(this, "useGuideController");
+    r(this, "rangePieceController");
+    r(this, "container", document.createElement("div"));
+    r(this, "shortcutKeyController");
+    r(this, "controller", null);
+    r(this, "controllerParams");
+    r(this, "getCurrentMode", () => this.controller instanceof a ? "Edit" : this.controller instanceof c ? "Watch" : this.controller instanceof f ? "Mixed" : null);
+    r(this, "changeMode", (e) => {
+      var i;
+      if (!this.hasOpen || this.getCurrentMode() === e)
+        return;
+      if (this.getCurrentMode() === "Mixed" || e === "Mixed")
+        return new Error("\u4E0D\u652F\u6301\u5207\u6362\u7684Mode");
+      (i = this.controller) == null || i.dispose();
+      const t = {
+        View: M,
+        Watch: c,
+        Edit: a
+      };
+      if (!t[e])
+        throw new Error("\u4E0D\u5B58\u5728\u7684 Mode");
+      this.controller = new t[e](this.controllerParams), this.hook.emit("modeChange", e);
+    });
+    var n, u;
+    this.five = e, this.params = t;
+    const i = {
+      userDistanceItemCreator: void 0,
+      getDistanceText(d) {
+        return d.toFixed(2) + "m";
+      }
+    };
+    this.config = l(l({}, i), y(t, ["openParams", "magnifierParams"])), this.model = new b(this.config), this.fiveHelper = new w(e), this.magnifier = new v(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.group = new I(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0", this.container.style.background = "rgba(0, 0, 0, 0.15)";
+    const s = (u = this.params.openParams) != null ? u : {};
+    this.controllerParams = {
+      five: this.five,
+      hook: this.hook,
+      group: this.group,
+      model: this.model,
+      config: this.config,
+      magnifier: this.magnifier,
+      container: this.container,
+      fiveHelper: this.fiveHelper,
+      openParams: s,
+      mouseGroup: x(l({}, s.crossHairParameter)),
+      userDistanceItemCreator: this.params.userDistanceItemCreator
+    }, this.params.useUIController !== !1 && (this.useUIController = new p(this, this.controllerParams)), this.params.useGuideController !== !1 && (this.useGuideController = new U(this, this.controllerParams));
+  }
+  appendTo(e) {
+    e.append(this.container);
+  }
+  dispose() {
+    var e, t;
+    this.disable(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
+  }
+  load(e) {
+    this.model.parse(e), this.save();
+  }
+  enable() {
+    var e, t, i;
+    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", (e = this.params.openParams) != null && e.isMobile ? (this.controller = new f(this.controllerParams), this.rangePieceController = new E(this.controllerParams)) : (this.five.helperVisible = !1, this.controller = new c(this.controllerParams)), (t = this.useUIController) == null || t.show(), (i = this.useGuideController) == null || i.show(), this.shortcutKeyController = new k(this, this.five), this.hook.emit("enable", !0));
+  }
+  disable() {
+    var e, t, i, s, n;
+    this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.rangePieceController) == null || t.dispose(), (i = this.useUIController) == null || i.hide(), (s = this.useGuideController) == null || s.hide(), (n = this.shortcutKeyController) == null || n.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+  }
+  revoke() {
+    this.controller instanceof a && this.controller.revoke();
+  }
+  removeLineByID(e) {
+    this.model.removeLineByID(e);
+  }
+  highlightLine(e) {
+    if (this.getCurrentMode() !== "Watch")
+      return !1;
+    const t = this.model.getLineByID(e);
+    return t ? (this.controller.highlightLine(t), !0) : !1;
+  }
+  clearHighlightLines() {
+    return this.getCurrentMode() !== "Watch" ? !1 : (this.controller.clearHighlightLines(), !0);
+  }
+  save() {
+    return this.controller instanceof a ? (this.model.mergeModel(this.controller.model), this) : this;
+  }
+  toJson() {
+    return this.model.toJson();
+  }
+  changeIsMobile(e) {
+    var t, i;
+    ((t = this.controllerParams.openParams) == null ? void 0 : t.isMobile) === void 0 && (this.controllerParams.openParams.isMobile = e), this.controllerParams.openParams.isMobile !== e && (this.controllerParams.openParams.isMobile = e, this.params.useUIController !== !1 && ((i = this.useUIController) == null || i.dispose()), this.useUIController = new p(this, this.controllerParams));
+  }
+  changeConfigs(e) {
+    var t;
+    if (e.getDistanceText && e.getDistanceText !== this.config.getDistanceText) {
+      const i = e.getDistanceText;
+      this.config.getDistanceText = i, (t = this.controller) == null || t.updateDistanceUI();
+    }
+  }
+}
+export {
+  A as MeasureController
+};