@realsee/dnalogel 2.21.1 → 2.22.0-dev.0

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -0,0 +1,395 @@
+import { SvelteComponent as Z, init as x, safe_not_equal as ee, append_styles as te, element as C, space as $, create_component as I, attr as _, toggle_class as R, insert as B, append as v, mount_component as K, transition_in as h, transition_out as k, check_outros as z, detach as D, destroy_component as q, onMount as oe, onDestroy as re, add_render_callback as O, create_bidirectional_transition as E, text as N, set_style as Q, listen as V, group_outros as A } from "../../vendor/svelte/internal/index.js";
+import ie from "./Common/Switcher1.js";
+import le from "./Common/CircleButton.js";
+import F from "../Controller/EditController.js";
+import ne from "./Common/Exit.js";
+import { fade as S } from "../../vendor/svelte/transition/index.js";
+import { IconUndo as se, IconOk as ae } from "./Common/icons/index.js";
+import "../Modules/UIController/mobileHTML.js";
+import "../../vendor/svelte/easing/index.js";
+import "../Model/line.js";
+import "../../shared-utils/uuid.js";
+import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "three";
+import "@realsee/five";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
+import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../Model/point.js";
+import "../../shared-utils/removeArrayItem.js";
+import "../../shared-utils/throttle.js";
+import "../Controller/BaseController.js";
+import "../utils/ironbox.js";
+import "../Model/polyline.js";
+import "../Model/area.js";
+import "../Model/polygon.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../utils/generatePolygonGeometry.js";
+import "earcut";
+import "../utils/dom/areaDom.js";
+import "../utils/geometryUtil.js";
+import "../utils/isIntersecting.js";
+import "../../shared-utils/three/PointSelector.js";
+import "../../shared-utils/three/PointSelectorHelper.js";
+import "../../shared-utils/three/Magnifier.js";
+import "hammerjs";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
+import "../../shared-utils/getIntersectionFromEvent.js";
+import "../../shared-utils/getPointFromHammerEvent.js";
+import "../../shared-utils/three/getIntersect.js";
+import "../Modules/DeleteDom/index.js";
+import "../Modules/DeleteDom/_Assets/delete.svg.js";
+import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
+import "../Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../utils/findAssociatedLines.js";
+import "../utils/math.js";
+function pe(o) {
+  te(o, "svelte-ldjbp8", "*.forbid.svelte-ldjbp8.svelte-ldjbp8{pointer-events:none !important;opacity:0.5}.Measure-Controller.svelte-ldjbp8.svelte-ldjbp8{pointer-events:none;position:relative;width:100%;height:100%;z-index:2;color:white}.Measure-Controller.svelte-ldjbp8 .mode-switcher.svelte-ldjbp8{margin-top:2.25rem}.Measure-Controller.svelte-ldjbp8 .bottom.svelte-ldjbp8{position:absolute;width:100%;bottom:0}.Measure-Controller.svelte-ldjbp8 .bottom .mask.svelte-ldjbp8{position:absolute;bottom:0;width:100%;height:12.5rem;background-size:100%;z-index:-1;background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5))}.Measure-Controller.svelte-ldjbp8 .bottom .center.svelte-ldjbp8{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.Measure-Controller.svelte-ldjbp8 .controller.svelte-ldjbp8{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-ldjbp8 .controller .button.svelte-ldjbp8{cursor:pointer;display:flex;align-items:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;color:#fff;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-ldjbp8 .controller .button .icon.svelte-ldjbp8{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:100%;margin:0 0.25rem}.Measure-Controller.svelte-ldjbp8 .controller .main-button.svelte-ldjbp8{margin-left:1.75rem;margin-right:1.75rem;font-size:0.875rem;font-weight:bold}");
+}
+function G(o) {
+  let t, l;
+  return t = new ne({
+    props: {
+      onClick: (
+        /*measureController*/
+        o[0].disable
+      )
+    }
+  }), {
+    c() {
+      I(t.$$.fragment);
+    },
+    m(e, i) {
+      K(t, e, i), l = !0;
+    },
+    p(e, i) {
+      const n = {};
+      i & /*measureController*/
+      1 && (n.onClick = /*measureController*/
+      e[0].disable), t.$set(n);
+    },
+    i(e) {
+      l || (h(t.$$.fragment, e), l = !0);
+    },
+    o(e) {
+      k(t.$$.fragment, e), l = !1;
+    },
+    d(e) {
+      q(t, e);
+    }
+  };
+}
+function H(o) {
+  let t, l, e, i;
+  return l = new ie({
+    props: {
+      options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
+      defaultKey: (
+        /*measureController*/
+        o[0].currentMeasureType
+      ),
+      onChange: (
+        /*measureController*/
+        o[0].changeMeasureType
+      )
+    }
+  }), {
+    c() {
+      t = C("div"), I(l.$$.fragment), _(t, "class", "mode-switcher svelte-ldjbp8");
+    },
+    m(n, p) {
+      B(n, t, p), K(l, t, null), i = !0;
+    },
+    p(n, p) {
+      o = n;
+      const b = {};
+      p & /*measureController*/
+      1 && (b.defaultKey = /*measureController*/
+      o[0].currentMeasureType), p & /*measureController*/
+      1 && (b.onChange = /*measureController*/
+      o[0].changeMeasureType), l.$set(b);
+    },
+    i(n) {
+      i || (h(l.$$.fragment, n), n && O(() => {
+        i && (e || (e = E(t, S, { duration: P }, !0)), e.run(1));
+      }), i = !0);
+    },
+    o(n) {
+      k(l.$$.fragment, n), n && (e || (e = E(t, S, { duration: P }, !1)), e.run(0)), i = !1;
+    },
+    d(n) {
+      n && D(t), q(l), n && e && e.end();
+    }
+  };
+}
+function J(o) {
+  let t, l, e, i, n, p, b;
+  return {
+    c() {
+      t = C("div"), l = C("div"), e = N(`
+            撤销`), _(l, "class", "icon svelte-ldjbp8"), Q(l, "background-image", `url(${se})`), _(t, "class", "button svelte-ldjbp8"), R(
+        t,
+        "forbid",
+        /*buttonState*/
+        o[2] === "start"
+      );
+    },
+    m(r, u) {
+      B(r, t, u), v(t, l), v(t, e), n = !0, p || (b = V(
+        t,
+        "click",
+        /*click_handler*/
+        o[12]
+      ), p = !0);
+    },
+    p(r, u) {
+      o = r, (!n || u & /*buttonState*/
+      4) && R(
+        t,
+        "forbid",
+        /*buttonState*/
+        o[2] === "start"
+      );
+    },
+    i(r) {
+      n || (r && O(() => {
+        n && (i || (i = E(t, S, { duration: P }, !0)), i.run(1));
+      }), n = !0);
+    },
+    o(r) {
+      r && (i || (i = E(t, S, { duration: P }, !1)), i.run(0)), n = !1;
+    },
+    d(r) {
+      r && D(t), r && i && i.end(), p = !1, b();
+    }
+  };
+}
+function L(o) {
+  let t, l, e, i, n, p, b;
+  return {
+    c() {
+      t = C("div"), l = C("div"), e = N(`
+            结束`), _(l, "class", "icon svelte-ldjbp8"), Q(l, "background-image", `url(${ae})`), _(t, "class", "button svelte-ldjbp8");
+    },
+    m(r, u) {
+      B(r, t, u), v(t, l), v(t, e), n = !0, p || (b = V(
+        t,
+        "click",
+        /*complete*/
+        o[9]
+      ), p = !0);
+    },
+    p(r, u) {
+      o = r;
+    },
+    i(r) {
+      n || (r && O(() => {
+        n && (i || (i = E(t, S, { duration: P }, !0)), i.run(1));
+      }), n = !0);
+    },
+    o(r) {
+      r && (i || (i = E(t, S, { duration: P }, !1)), i.run(0)), n = !1;
+    },
+    d(r) {
+      r && D(t), r && i && i.end(), p = !1, b();
+    }
+  };
+}
+function me(o) {
+  let t, l, e, i, n, p, b, r, u, j, w, y, T, a = (
+    /*showExit*/
+    o[1] && G(o)
+  ), m = (
+    /*measureController*/
+    o[0].allowMeasureType.length >= 2 && /*buttonState*/
+    o[2] === "start" && H(o)
+  ), f = (
+    /*showButton*/
+    o[3] && J(o)
+  );
+  w = new le({
+    props: {
+      onClick: (
+        /*func*/
+        o[13]
+      ),
+      text: (
+        /*buttonTextMap*/
+        o[5][
+          /*buttonState*/
+          o[2]
+        ]
+      ),
+      color: (
+        /*buttonColorMap*/
+        o[6][
+          /*buttonState*/
+          o[2]
+        ]
+      )
+    }
+  });
+  let d = (
+    /*showButton*/
+    o[3] && L(o)
+  );
+  return {
+    c() {
+      t = C("div"), a && a.c(), l = $(), e = C("div"), i = C("div"), n = $(), p = C("div"), m && m.c(), b = $(), r = C("div"), f && f.c(), u = $(), j = C("div"), I(w.$$.fragment), y = $(), d && d.c(), _(i, "class", "mask svelte-ldjbp8"), _(j, "class", "main-button svelte-ldjbp8"), R(j, "forbid", !/*allowAddPoint*/
+      o[4]), _(r, "class", "controller svelte-ldjbp8"), _(p, "class", "center svelte-ldjbp8"), _(e, "class", "bottom svelte-ldjbp8"), _(t, "class", "Measure-Controller svelte-ldjbp8");
+    },
+    m(s, c) {
+      B(s, t, c), a && a.m(t, null), v(t, l), v(t, e), v(e, i), v(e, n), v(e, p), m && m.m(p, null), v(p, b), v(p, r), f && f.m(r, null), v(r, u), v(r, j), K(w, j, null), v(r, y), d && d.m(r, null), T = !0;
+    },
+    p(s, [c]) {
+      /*showExit*/
+      s[1] ? a ? (a.p(s, c), c & /*showExit*/
+      2 && h(a, 1)) : (a = G(s), a.c(), h(a, 1), a.m(t, l)) : a && (A(), k(a, 1, 1, () => {
+        a = null;
+      }), z()), /*measureController*/
+      s[0].allowMeasureType.length >= 2 && /*buttonState*/
+      s[2] === "start" ? m ? (m.p(s, c), c & /*measureController, buttonState*/
+      5 && h(m, 1)) : (m = H(s), m.c(), h(m, 1), m.m(p, b)) : m && (A(), k(m, 1, 1, () => {
+        m = null;
+      }), z()), /*showButton*/
+      s[3] ? f ? (f.p(s, c), c & /*showButton*/
+      8 && h(f, 1)) : (f = J(s), f.c(), h(f, 1), f.m(r, u)) : f && (A(), k(f, 1, 1, () => {
+        f = null;
+      }), z());
+      const M = {};
+      c & /*buttonState*/
+      4 && (M.onClick = /*func*/
+      s[13]), c & /*buttonState*/
+      4 && (M.text = /*buttonTextMap*/
+      s[5][
+        /*buttonState*/
+        s[2]
+      ]), c & /*buttonState*/
+      4 && (M.color = /*buttonColorMap*/
+      s[6][
+        /*buttonState*/
+        s[2]
+      ]), w.$set(M), (!T || c & /*allowAddPoint*/
+      16) && R(j, "forbid", !/*allowAddPoint*/
+      s[4]), /*showButton*/
+      s[3] ? d ? (d.p(s, c), c & /*showButton*/
+      8 && h(d, 1)) : (d = L(s), d.c(), h(d, 1), d.m(r, null)) : d && (A(), k(d, 1, 1, () => {
+        d = null;
+      }), z());
+    },
+    i(s) {
+      T || (h(a), h(m), h(f), h(w.$$.fragment, s), h(d), T = !0);
+    },
+    o(s) {
+      k(a), k(m), k(f), k(w.$$.fragment, s), k(d), T = !1;
+    },
+    d(s) {
+      s && D(t), a && a.d(), m && m.d(), f && f.d(), q(w), d && d.d();
+    }
+  };
+}
+const P = 100;
+function fe(o, t, l) {
+  let { measureController: e } = t, { showExit: i = !1 } = t;
+  const n = {
+    start: "开始",
+    add: "添加",
+    end: "结束",
+    complete: "完成"
+  }, p = {
+    start: "white",
+    add: "white",
+    end: "blue",
+    complete: "blue"
+  };
+  let b = !1, r = !0, u = "start", j = e.currentMeasureType;
+  const w = () => {
+    e.getCurrentMode() !== "Edit" ? e.changeMode("Edit") : (a("add"), y());
+  }, y = () => {
+    e.controller instanceof F && e.controller.selectPoint();
+  }, T = () => {
+    e.controller instanceof F && e.controller.complete();
+  }, a = (g) => {
+    l(2, u = g);
+  }, m = () => {
+    y(), M("allow");
+  }, f = () => {
+    a("complete");
+  }, d = () => {
+    e.currentMeasureType === "area" && u === "complete" && a("add");
+  }, s = (g) => {
+    g.length;
+  }, c = () => {
+    a("start"), M("allow");
+  }, M = (g) => {
+    l(4, r = g === "allow");
+  }, U = (g) => {
+    l(11, j = g);
+  }, W = (g) => {
+    g.isEmpty && a("start");
+  };
+  oe(() => {
+    e.hook.on("revoke", W), e.hook.on("measureTypeChange", U), e.hook.on("modeChange", c), e.hook.on("pointsChange", s), e.hook.on("allowAddPointStateChange", M), e.hook.on("readyComplete", f), e.hook.on("notReadyComplete", d), e.hook.on("complete", c);
+  }), re(() => {
+    e.hook.off("measureTypeChange", U), e.hook.off("modeChange", c), e.hook.off("allowAddPointStateChange", M), e.hook.off("readyComplete", f), e.hook.off("pointsChange", s), e.hook.off("notReadyComplete", d), e.hook.off("complete", c);
+  });
+  const X = () => e.revoke(), Y = () => {
+    u === "start" ? w() : u === "add" ? y() : (u === "end" || u === "complete") && m();
+  };
+  return o.$$set = (g) => {
+    "measureController" in g && l(0, e = g.measureController), "showExit" in g && l(1, i = g.showExit);
+  }, o.$$.update = () => {
+    o.$$.dirty & /*currentMeasureType, buttonState*/
+    2052 && l(3, b = j === "area" && u !== "start");
+  }, [
+    e,
+    i,
+    u,
+    b,
+    r,
+    n,
+    p,
+    w,
+    y,
+    T,
+    m,
+    j,
+    X,
+    Y
+  ];
+}
+class $t extends Z {
+  constructor(t) {
+    super(), x(this, t, fe, me, ee, { measureController: 0, showExit: 1 }, pe);
+  }
+}
+export {
+  $t as default
+};

package/libs/PanoMeasurePlugin/Components/Controller1.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/PanoMeasurePlugin/Components/Tip.js

@@ -0,0 +1,128 @@
+import { SvelteComponent as D, init as q, safe_not_equal as E, append_styles as N, empty as O, insert as M, transition_in as m, transition_out as _, check_outros as P, detach as w, onMount as W, onDestroy as j, element as b, text as A, attr as g, append as v, set_data as B, add_render_callback as F, create_bidirectional_transition as y, group_outros as G, binding_callbacks as H } from "../../vendor/svelte/internal/index.js";
+import { fade as C } from "../../vendor/svelte/transition/index.js";
+import "../../vendor/svelte/easing/index.js";
+function I(s) {
+  N(s, "svelte-1kdvs98", ".Measure-Tips.svelte-1kdvs98.svelte-1kdvs98{box-sizing:border-box;position:absolute;pointer-events:none;top:0;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-1kdvs98 .text.svelte-1kdvs98{text-align:center;position:relative;max-width:100%;top:3.125rem;color:#fff;word-break:break-all;word-wrap:break-word;text-shadow:0 0.0625rem 0.375rem rgba(0, 0, 0, 0.5);font-size:1.25rem}");
+}
+function T(s) {
+  let n, i, e, t, r;
+  return {
+    c() {
+      n = b("div"), i = b("div"), e = A(
+        /*tip*/
+        s[2]
+      ), g(i, "class", "text svelte-1kdvs98"), g(n, "class", "Measure-Tips svelte-1kdvs98");
+    },
+    m(l, a) {
+      M(l, n, a), v(n, i), v(i, e), s[6](i), r = !0;
+    },
+    p(l, a) {
+      (!r || a & /*tip*/
+      4) && B(
+        e,
+        /*tip*/
+        l[2]
+      );
+    },
+    i(l) {
+      r || (F(() => {
+        r && (t || (t = y(n, C, {}, !0)), t.run(1));
+      }), r = !0);
+    },
+    o(l) {
+      t || (t = y(n, C, {}, !1)), t.run(0), r = !1;
+    },
+    d(l) {
+      l && w(n), s[6](null), l && t && t.end();
+    }
+  };
+}
+function J(s) {
+  let n, i, e = (
+    /*visible*/
+    s[0] && T(s)
+  );
+  return {
+    c() {
+      e && e.c(), n = O();
+    },
+    m(t, r) {
+      e && e.m(t, r), M(t, n, r), i = !0;
+    },
+    p(t, [r]) {
+      /*visible*/
+      t[0] ? e ? (e.p(t, r), r & /*visible*/
+      1 && m(e, 1)) : (e = T(t), e.c(), m(e, 1), e.m(n.parentNode, n)) : e && (G(), _(e, 1, 1, () => {
+        e = null;
+      }), P());
+    },
+    i(t) {
+      i || (m(e), i = !0);
+    },
+    o(t) {
+      _(e), i = !1;
+    },
+    d(t) {
+      e && e.d(t), t && w(n);
+    }
+  };
+}
+function K(s, n, i) {
+  let { measureController: e } = n, { tips: t } = n, { tipStyle: r = {} } = n, { visible: l = !0 } = n, a = null;
+  const x = (o) => {
+    const z = e.currentMeasureType;
+    let u = "";
+    return u = t[o], u === void 0 && (u = t[z][o]), u;
+  }, c = (o) => {
+    i(2, d = x(o));
+  }, f = () => {
+    i(2, d = "");
+  };
+  let d = "";
+  const p = (o) => {
+    o === "Edit" && e.changeMeasureType ? c("start") : f();
+  }, h = () => {
+    e.getCurrentMode() === "Watch" && f();
+  }, k = (o) => {
+    e.currentMeasureType === "area" && (o.length >= 2 ? c("close") : o.length === 0 ? c("start") : f());
+  };
+  W(() => {
+    p(e.getCurrentMode()), e.hook.on("modeChange", p), e.hook.on("complete", h), e.hook.on("pointsChange", k), e.hook.on("measureTypeChange", f);
+  }), j(() => {
+    e.hook.off("modeChange", p), e.hook.off("complete", h), e.hook.off("pointsChange", k), e.hook.off("measureTypeChange", f), f();
+  });
+  function S(o) {
+    H[o ? "unshift" : "push"](() => {
+      a = o, i(1, a), i(5, r);
+    });
+  }
+  return s.$$set = (o) => {
+    "measureController" in o && i(3, e = o.measureController), "tips" in o && i(4, t = o.tips), "tipStyle" in o && i(5, r = o.tipStyle), "visible" in o && i(0, l = o.visible);
+  }, s.$$.update = () => {
+    if (s.$$.dirty & /*textDom, tipStyle*/
+    34 && a)
+      for (const o in r)
+        r.hasOwnProperty(o) && i(1, a.style[o] = r[o], a);
+  }, [l, a, d, e, t, r, S];
+}
+class U extends D {
+  constructor(n) {
+    super(), q(
+      this,
+      n,
+      K,
+      J,
+      E,
+      {
+        measureController: 3,
+        tips: 4,
+        tipStyle: 5,
+        visible: 0
+      },
+      I
+    );
+  }
+}
+export {
+  U as default
+};

package/libs/PanoMeasurePlugin/Components/Tip.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -1,12 +1,12 @@
-import type Magnifier from '../Modules/Magnifier';
-import type { Group } from 'three';
+import { type Group } from 'three';
 import type { Model } from '../Model';
 import type { Config } from '../typings';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
-import type { OpenParameter } from '../typings/data';
+import type { OpenParameter, EditParameter, MeasureType } from '../typings/data';
 import Line from '../Model/line';
+import type { Magnifier } from '../../shared-utils';
 export interface ControllerParams {
     five: Five;
     group: Group;
@@ -16,6 +16,9 @@ export interface ControllerParams {
     container: Element;
     magnifier: Magnifier;
     openParams: OpenParameter;
+    editParams: EditParameter;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
+    getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
@@ -25,13 +28,18 @@ export default class BaseController {
     protected group: Group;
     protected config: Config;
     protected dashed: Line;
+    protected perpendicularDashed: Line;
     protected disposed: boolean;
     protected isMobile: boolean;
+    protected editParams: EditParameter;
+    protected magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     protected mouseGroup: Group;
     protected container: Element;
     protected hook: ControllerParams['hook'];
     protected magnifier: ControllerParams['magnifier'];
     protected userDistanceItemCreator: ControllerParams['userDistanceItemCreator'];
+    protected get currentMeasureType(): MeasureType;
+    private getMeasureType;
     constructor(params: ControllerParams);
     updateDistanceUI: () => void;
     protected removeLine(line: Line): void;

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,60 +1,69 @@
-var d = Object.defineProperty;
-var a = (i, e, t) => e in i ? d(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var o = (i, e, t) => (a(i, typeof e != "symbol" ? e + "" : e, t), t);
-import u from "../Model/line.js";
-import h from "../Model/point.js";
-import { preventDefault as r } from "../utils/ironbox.js";
+var m = Object.defineProperty;
+var u = (s, e, i) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var t = (s, e, i) => (u(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { Color as l } from "three";
+import h from "../Model/line.js";
+import r from "../Model/point.js";
+import { preventDefault as n } from "../utils/ironbox.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "three";
 import "@realsee/five";
-import "../utils/distanceDom.js";
+import "../utils/dom/distanceItem.js";
+import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/removeArrayItem.js";
-class A {
+class S {
   constructor(e) {
-    o(this, "model");
-    o(this, "five");
-    o(this, "group");
-    o(this, "config");
-    o(this, "dashed");
-    o(this, "disposed", !1);
-    o(this, "isMobile");
-    o(this, "mouseGroup");
-    o(this, "container");
-    o(this, "hook");
-    o(this, "magnifier");
-    o(this, "userDistanceItemCreator");
-    o(this, "updateDistanceUI", () => {
+    t(this, "model");
+    t(this, "five");
+    t(this, "group");
+    t(this, "config");
+    t(this, "dashed");
+    t(this, "perpendicularDashed");
+    t(this, "disposed", !1);
+    t(this, "isMobile");
+    t(this, "editParams");
+    t(this, "magnifierParams");
+    t(this, "mouseGroup");
+    t(this, "container");
+    t(this, "hook");
+    t(this, "magnifier");
+    t(this, "userDistanceItemCreator");
+    t(this, "getMeasureType");
+    t(this, "updateDistanceUI", () => {
       this.dashed.distanceItem.update(this.five), this.model.getAllLines().forEach((e) => e.distanceItem.update(this.five));
     });
-    var n, s;
-    this.five = e.five, this.hook = e.hook, this.model = e.model, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.isMobile = (s = (n = e.openParams) == null ? void 0 : n.isMobile) != null ? s : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new u(new h([0, 0, 0]), new h([0, 0, 0]), this.model), this.dashed.distanceItem.setItemSelectable(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine";
-    const t = this.five.getElement();
-    t && (t.addEventListener("touchstart", r), t.addEventListener("contextmenu", r));
+    var a, o;
+    this.five = e.five, this.hook = e.hook, this.model = e.model, this.getMeasureType = e.getMeasureType, this.config = e.config, this.magnifierParams = e.magnifierParams, this.editParams = e.editParams, this.magnifier = e.magnifier, this.container = e.container, this.isMobile = (o = (a = e.openParams) == null ? void 0 : a.isMobile) != null ? o : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.dashed.distanceItem.setCanSelect(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine", this.perpendicularDashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.perpendicularDashed.distanceItem.setCanSelect(!1), this.perpendicularDashed.mesh.setMaterial({ dashed: !0, dashScale: 40, color: new l(10218089) }), this.perpendicularDashed.mesh.name = "perpendicularDashLine";
+    const i = this.five.getElement();
+    i && (i.addEventListener("touchstart", n), i.addEventListener("contextmenu", n));
+  }
+  get currentMeasureType() {
+    return this.getMeasureType();
   }
   removeLine(e) {
     this.group.remove(e.mesh, e.lightMesh), e.distanceItem.remove(), this.five.needsRender = !0;
   }
-  updateMouseGroup(e, t) {
+  updateMouseGroup(e, i) {
     if (!e)
       return this.mouseGroup;
-    if (this.mouseGroup.position.copy(e.point), t)
-      this.mouseGroup.quaternion.copy(t.quaternion);
+    if (this.mouseGroup.position.copy(e.point), i)
+      this.mouseGroup.quaternion.copy(i.quaternion);
     else if (e.face) {
-      const s = e.face.normal.clone().multiplyScalar(0.05), m = e.point.clone().add(s).clone().add(s);
-      this.mouseGroup.lookAt(m);
+      const o = e.face.normal.clone().multiplyScalar(0.05), d = e.point.clone().add(o).clone().add(o);
+      this.mouseGroup.lookAt(d);
     }
     return this.mouseGroup;
   }
   dispose() {
-    this.disposed = !0, this.magnifier.disable(), this.model.getAllLines().forEach((t) => this.removeLine(t));
+    this.disposed = !0, this.magnifier.disable(), this.model.getAllLines().forEach((i) => this.removeLine(i)), this.model.areas.forEach((i) => i.remove());
     const e = this.five.getElement();
-    e && (e.removeEventListener("touchstart", r), e.removeEventListener("contextmenu", r));
+    e && (e.removeEventListener("touchstart", n), e.removeEventListener("contextmenu", n));
   }
 }
 export {
-  A as default
+  S as default
 };