@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.2

package/libs/PanoMeasurePlugin/Components/Controller0.js

@@ -1,117 +1,130 @@
-import { SvelteComponent as k, init as M, safe_not_equal as I, append_styles as x, binding_callbacks as S, bind as z, element as f, space as b, create_component as E, attr as m, insert as C, append as v, mount_component as q, add_flush_callback as A, transition_in as D, transition_out as T, detach as w, destroy_component as W, onMount as $, onDestroy as j, listen as y, noop as B, run_all as F } from "../../vendor/svelte/internal/index.js";
-import G from "./Common/Switcher0.js";
-function H(i) {
-  x(i, "svelte-y31iee", ".Measure-Controller.svelte-y31iee.svelte-y31iee{pointer-events:none}.Measure-Controller.svelte-y31iee .mode-switcher.svelte-y31iee{margin-top:2.25rem}.Measure-Controller.svelte-y31iee .bottom.svelte-y31iee{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-y31iee .bottom .center.svelte-y31iee{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-y31iee .buttons.svelte-y31iee{pointer-events:all;cursor:pointer;display:flex;align-items:center;height:2.5rem;background:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.85);width:-moz-max-content;width:max-content;border-radius:624.9375rem;overflow:hidden}.Measure-Controller.svelte-y31iee .buttons .button.svelte-y31iee{font-size:0.875rem;padding:0rem 1rem}");
+import { SvelteComponent as q, init as A, safe_not_equal as D, append_styles as T, binding_callbacks as W, bind as j, element as f, create_component as C, space as _, attr as m, insert as E, mount_component as k, append as u, add_flush_callback as B, transition_in as w, transition_out as M, detach as S, destroy_component as $, onMount as F, onDestroy as G, listen as x, noop as H, run_all as J } from "../../vendor/svelte/internal/index.js";
+import K from "./Common/Switcher0.js";
+import L from "./Common/Exit.js";
+function N(l) {
+  T(l, "svelte-y31iee", ".Measure-Controller.svelte-y31iee.svelte-y31iee{pointer-events:none}.Measure-Controller.svelte-y31iee .mode-switcher.svelte-y31iee{margin-top:2.25rem}.Measure-Controller.svelte-y31iee .bottom.svelte-y31iee{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-y31iee .bottom .center.svelte-y31iee{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-y31iee .buttons.svelte-y31iee{pointer-events:all;cursor:pointer;display:flex;align-items:center;height:2.5rem;background:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.85);width:-moz-max-content;width:max-content;border-radius:624.9375rem;overflow:hidden}.Measure-Controller.svelte-y31iee .buttons .button.svelte-y31iee{font-size:0.875rem;padding:0rem 1rem}");
 }
-function g(i) {
-  let t, o, e, r, a, l;
+function I(l) {
+  let t, n, i, s, r, c;
   return {
     c() {
-      t = f("div"), o = f("div"), o.textContent = "撤销", e = b(), r = f("div"), r.textContent = "结束", m(o, "class", "button svelte-y31iee"), m(r, "class", "button svelte-y31iee"), m(t, "class", "buttons svelte-y31iee");
+      t = f("div"), n = f("div"), n.textContent = "撤销", i = _(), s = f("div"), s.textContent = "结束", m(n, "class", "button svelte-y31iee"), m(s, "class", "button svelte-y31iee"), m(t, "class", "buttons svelte-y31iee");
     },
-    m(d, u) {
-      C(d, t, u), v(t, o), v(t, e), v(t, r), a || (l = [
-        y(
-          o,
+    m(d, a) {
+      E(d, t, a), u(t, n), u(t, i), u(t, s), r || (c = [
+        x(
+          n,
           "click",
           /*click_handler*/
-          i[3]
+          l[3]
         ),
-        y(
-          r,
+        x(
+          s,
           "click",
           /*click_handler_1*/
-          i[4]
+          l[4]
         )
-      ], a = !0);
+      ], r = !0);
     },
-    p: B,
+    p: H,
     d(d) {
-      d && w(t), a = !1, F(l);
+      d && S(t), r = !1, J(c);
     }
   };
 }
-function J(i) {
-  let t, o, e, r, a, l, d, u, n = (
+function O(l) {
+  let t, n, i, s, r, c, d, a, p, v;
+  n = new L({
+    props: {
+      onClick: (
+        /*measureController*/
+        l[0].disable
+      )
+    }
+  });
+  let e = (
     /*showController*/
-    i[2] && g(i)
+    l[2] && I(l)
   );
-  function p(s) {
-    i[6](s);
+  function z(o) {
+    l[6](o);
   }
-  let c = {
+  let b = {
     options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
     onChange: (
       /*func*/
-      i[5]
+      l[5]
     )
   };
   return (
     /*setSwitcherActiveIndex*/
-    i[1] !== void 0 && (c.setIndex = /*setSwitcherActiveIndex*/
-    i[1]), l = new G({ props: c }), S.push(() => z(l, "setIndex", p)), {
+    l[1] !== void 0 && (b.setIndex = /*setSwitcherActiveIndex*/
+    l[1]), a = new K({ props: b }), W.push(() => j(a, "setIndex", z)), {
       c() {
-        t = f("div"), o = f("div"), e = f("div"), n && n.c(), r = b(), a = f("div"), E(l.$$.fragment), m(a, "class", "mode-switcher svelte-y31iee"), m(e, "class", "center svelte-y31iee"), m(o, "class", "bottom svelte-y31iee"), m(t, "class", "Measure-Controller svelte-y31iee");
+        t = f("div"), C(n.$$.fragment), i = _(), s = f("div"), r = f("div"), e && e.c(), c = _(), d = f("div"), C(a.$$.fragment), m(d, "class", "mode-switcher svelte-y31iee"), m(r, "class", "center svelte-y31iee"), m(s, "class", "bottom svelte-y31iee"), m(t, "class", "Measure-Controller svelte-y31iee");
       },
-      m(s, h) {
-        C(s, t, h), v(t, o), v(o, e), n && n.m(e, null), v(e, r), v(e, a), q(l, a, null), u = !0;
+      m(o, h) {
+        E(o, t, h), k(n, t, null), u(t, i), u(t, s), u(s, r), e && e.m(r, null), u(r, c), u(r, d), k(a, d, null), v = !0;
       },
-      p(s, [h]) {
-        /*showController*/
-        s[2] ? n ? n.p(s, h) : (n = g(s), n.c(), n.m(e, r)) : n && (n.d(1), n = null);
-        const _ = {};
+      p(o, [h]) {
+        const y = {};
+        h & /*measureController*/
+        1 && (y.onClick = /*measureController*/
+        o[0].disable), n.$set(y), /*showController*/
+        o[2] ? e ? e.p(o, h) : (e = I(o), e.c(), e.m(r, c)) : e && (e.d(1), e = null);
+        const g = {};
         h & /*measureController*/
-        1 && (_.onChange = /*func*/
-        s[5]), !d && h & /*setSwitcherActiveIndex*/
-        2 && (d = !0, _.setIndex = /*setSwitcherActiveIndex*/
-        s[1], A(() => d = !1)), l.$set(_);
+        1 && (g.onChange = /*func*/
+        o[5]), !p && h & /*setSwitcherActiveIndex*/
+        2 && (p = !0, g.setIndex = /*setSwitcherActiveIndex*/
+        o[1], B(() => p = !1)), a.$set(g);
       },
-      i(s) {
-        u || (D(l.$$.fragment, s), u = !0);
+      i(o) {
+        v || (w(n.$$.fragment, o), w(a.$$.fragment, o), v = !0);
       },
-      o(s) {
-        T(l.$$.fragment, s), u = !1;
+      o(o) {
+        M(n.$$.fragment, o), M(a.$$.fragment, o), v = !1;
       },
-      d(s) {
-        s && w(t), n && n.d(), W(l);
+      d(o) {
+        o && S(t), $(n), e && e.d(), $(a);
       }
     }
   );
 }
-function K(i, t, o) {
-  let { measureController: e } = t, r;
-  function a(c) {
-    c === "Edit" ? o(2, l = !0) : (r(null), o(2, l = !1));
+function P(l, t, n) {
+  let { measureController: i } = t, s;
+  function r(e) {
+    e === "Edit" ? n(2, c = !0) : (s(null), n(2, c = !1));
   }
-  $(() => {
-    e.hook.on("modeChange", a);
-  }), j(() => {
-    e.hook.off("modeChange", a);
+  F(() => {
+    i.hook.on("modeChange", r);
+  }), G(() => {
+    i.hook.off("modeChange", r);
   });
-  let l = !1;
-  const d = () => e.revoke(), u = () => e.save({ mode: "Watch" }), n = (c) => {
-    e.save().changeMode("Edit"), e.changeMeasureType(c);
+  let c = !1;
+  const d = () => i.revoke(), a = () => i.save({ mode: "Watch" }), p = (e) => {
+    i.save().changeMode("Edit"), i.changeMeasureType(e);
   };
-  function p(c) {
-    r = c, o(1, r);
+  function v(e) {
+    s = e, n(1, s);
   }
-  return i.$$set = (c) => {
-    "measureController" in c && o(0, e = c.measureController);
+  return l.$$set = (e) => {
+    "measureController" in e && n(0, i = e.measureController);
   }, [
-    e,
-    r,
-    l,
+    i,
+    s,
+    c,
     d,
-    u,
-    n,
-    p
+    a,
+    p,
+    v
   ];
 }
-class O extends k {
+class V extends q {
   constructor(t) {
-    super(), M(this, t, K, J, I, { measureController: 0 }, H);
+    super(), A(this, t, P, O, D, { measureController: 0 }, N);
   }
 }
 export {
-  O as default
+  V as default
 };

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,157 +1,255 @@
-import { SvelteComponent as $, init as j, safe_not_equal as q, append_styles as B, element as p, create_component as y, space as w, attr as v, toggle_class as S, insert as D, append as i, mount_component as A, listen as P, transition_in as T, transition_out as E, detach as W, destroy_component as K, run_all as F, onMount as G, onDestroy as H } from "../../vendor/svelte/internal/index.js";
-import I from "./Common/Switcher1.js";
-import J from "./Common/CircleButton.js";
+import { SvelteComponent as D, init as W, safe_not_equal as F, append_styles as G, element as k, create_component as P, space as $, attr as v, toggle_class as E, insert as q, mount_component as S, append as c, listen as K, transition_in as b, transition_out as w, check_outros as H, detach as B, destroy_component as T, run_all as I, onMount as J, onDestroy as L, group_outros as N } from "../../vendor/svelte/internal/index.js";
+import O from "./Common/Switcher1.js";
+import Q from "./Common/CircleButton.js";
+import R from "../Controller/EditController.js";
+import U from "./Common/Exit.js";
 import "../Modules/UIController/mobileHTML.js";
-function L(o) {
-  B(o, "svelte-12klgza", ".Measure-Controller.svelte-12klgza.svelte-12klgza{pointer-events:none;color:white}.Measure-Controller.svelte-12klgza .mode-switcher.svelte-12klgza{margin-top:2.25rem}.Measure-Controller.svelte-12klgza .bottom.svelte-12klgza{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-12klgza .bottom .center.svelte-12klgza{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-12klgza .controller.svelte-12klgza{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-12klgza .controller .button.svelte-12klgza{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-12klgza .controller .main-button.svelte-12klgza{margin-left:1.75rem;margin-right:1.75rem}.Measure-Controller.svelte-12klgza .controller .main-button.forbid.svelte-12klgza{pointer-events:none;opacity:0.5}");
+import "hammerjs";
+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 "../Model/point.js";
+import "../../shared-utils/removeArrayItem.js";
+import "../../shared-utils/throttle.js";
+import "../Controller/BaseController.js";
+import "../utils/ironbox.js";
+import "../utils/getIntersectionFromEvent.js";
+import "../utils/getPointFromHammerEvent.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 "../../shared-utils/three/centerPoint.js";
+import "../utils/isIntersecting.js";
+import "../../shared-utils/three/PointSelector.js";
+import "../../shared-utils/three/PointSelectorHelper.js";
+import "../../shared-utils/three/Magnifier.js";
+import "../../shared-utils/three/getIntersect.js";
+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/isAbsoluteURL.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
+function V(l) {
+  G(l, "svelte-12klgza", ".Measure-Controller.svelte-12klgza.svelte-12klgza{pointer-events:none;color:white}.Measure-Controller.svelte-12klgza .mode-switcher.svelte-12klgza{margin-top:2.25rem}.Measure-Controller.svelte-12klgza .bottom.svelte-12klgza{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-12klgza .bottom .center.svelte-12klgza{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-12klgza .controller.svelte-12klgza{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-12klgza .controller .button.svelte-12klgza{cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:624.9375rem;font-size:0.875rem;background-color:rgba(0, 0, 0, 0.2)}.Measure-Controller.svelte-12klgza .controller .main-button.svelte-12klgza{margin-left:1.75rem;margin-right:1.75rem}.Measure-Controller.svelte-12klgza .controller .main-button.forbid.svelte-12klgza{pointer-events:none;opacity:0.5}");
 }
-function N(o) {
-  let d, n, e, k, u, z, r, a, h, c, g, M, m, f, C, _;
-  return u = new I({
+function j(l) {
+  let n, o, t;
+  return o = new O({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
         /*measureController*/
-        o[0].currentMeasureType
+        l[0].currentMeasureType
       ),
       onChange: (
         /*func*/
-        o[10]
+        l[8]
       )
     }
-  }), g = new J({
+  }), {
+    c() {
+      n = k("div"), P(o.$$.fragment), v(n, "class", "mode-switcher svelte-12klgza");
+    },
+    m(i, a) {
+      q(i, n, a), S(o, n, null), t = !0;
+    },
+    p(i, a) {
+      const m = {};
+      a & /*measureController*/
+      1 && (m.defaultKey = /*measureController*/
+      i[0].currentMeasureType), a & /*measureController*/
+      1 && (m.onChange = /*func*/
+      i[8]), o.$set(m);
+    },
+    i(i) {
+      t || (b(o.$$.fragment, i), t = !0);
+    },
+    o(i) {
+      w(o.$$.fragment, i), t = !1;
+    },
+    d(i) {
+      i && B(n), T(o);
+    }
+  };
+}
+function X(l) {
+  let n, o, t, i, a, m, s, f, h, u, p, z, g, C, _, M;
+  o = new U({
+    props: {
+      onClick: (
+        /*measureController*/
+        l[0].disable
+      )
+    }
+  });
+  let r = (
+    /*measureController*/
+    l[0].allowMeasureType.length >= 2 && j(l)
+  );
+  return p = new Q({
     props: {
       onClick: (
         /*func_1*/
-        o[12]
+        l[10]
       ),
       text: (
         /*buttonTextMap*/
-        o[3][
+        l[3][
           /*buttonState*/
-          o[2]
+          l[2]
         ]
       ),
       color: (
         /*buttonColorMap*/
-        o[4][
+        l[4][
           /*buttonState*/
-          o[2]
+          l[2]
         ]
       )
     }
   }), {
     c() {
-      d = p("div"), n = p("div"), e = p("div"), k = p("div"), y(u.$$.fragment), z = w(), r = p("div"), a = p("div"), a.textContent = "撤销", h = w(), c = p("div"), y(g.$$.fragment), M = w(), m = p("div"), m.textContent = "结束", v(k, "class", "mode-switcher svelte-12klgza"), v(a, "class", "button svelte-12klgza"), v(c, "class", "main-button svelte-12klgza"), S(c, "forbid", !/*allowAddPoint*/
-      o[1]), v(m, "class", "button svelte-12klgza"), v(r, "class", "controller svelte-12klgza"), v(e, "class", "center svelte-12klgza"), v(n, "class", "bottom svelte-12klgza"), v(d, "class", "Measure-Controller svelte-12klgza");
+      n = k("div"), P(o.$$.fragment), t = $(), i = k("div"), a = k("div"), r && r.c(), m = $(), s = k("div"), f = k("div"), f.textContent = "撤销", h = $(), u = k("div"), P(p.$$.fragment), z = $(), g = k("div"), g.textContent = "结束", v(f, "class", "button svelte-12klgza"), v(u, "class", "main-button svelte-12klgza"), E(u, "forbid", !/*allowAddPoint*/
+      l[1]), v(g, "class", "button svelte-12klgza"), v(s, "class", "controller svelte-12klgza"), v(a, "class", "center svelte-12klgza"), v(i, "class", "bottom svelte-12klgza"), v(n, "class", "Measure-Controller svelte-12klgza");
     },
-    m(t, s) {
-      D(t, d, s), i(d, n), i(n, e), i(e, k), A(u, k, null), i(e, z), i(e, r), i(r, a), i(r, h), i(r, c), A(g, c, null), i(r, M), i(r, m), f = !0, C || (_ = [
-        P(
-          a,
+    m(e, d) {
+      q(e, n, d), S(o, n, null), c(n, t), c(n, i), c(i, a), r && r.m(a, null), c(a, m), c(a, s), c(s, f), c(s, h), c(s, u), S(p, u, null), c(s, z), c(s, g), C = !0, _ || (M = [
+        K(
+          f,
           "click",
           /*click_handler*/
-          o[11]
+          l[9]
         ),
-        P(
-          m,
+        K(
+          g,
           "click",
           /*click_handler_1*/
-          o[13]
+          l[11]
         )
-      ], C = !0);
+      ], _ = !0);
     },
-    p(t, [s]) {
-      const b = {};
-      s & /*measureController*/
-      1 && (b.defaultKey = /*measureController*/
-      t[0].currentMeasureType), s & /*measureController*/
-      1 && (b.onChange = /*func*/
-      t[10]), u.$set(b);
-      const l = {};
-      s & /*buttonState*/
-      4 && (l.onClick = /*func_1*/
-      t[12]), s & /*buttonState*/
-      4 && (l.text = /*buttonTextMap*/
-      t[3][
+    p(e, [d]) {
+      const A = {};
+      d & /*measureController*/
+      1 && (A.onClick = /*measureController*/
+      e[0].disable), o.$set(A), /*measureController*/
+      e[0].allowMeasureType.length >= 2 ? r ? (r.p(e, d), d & /*measureController*/
+      1 && b(r, 1)) : (r = j(e), r.c(), b(r, 1), r.m(a, m)) : r && (N(), w(r, 1, 1, () => {
+        r = null;
+      }), H());
+      const y = {};
+      d & /*buttonState*/
+      4 && (y.onClick = /*func_1*/
+      e[10]), d & /*buttonState*/
+      4 && (y.text = /*buttonTextMap*/
+      e[3][
         /*buttonState*/
-        t[2]
-      ]), s & /*buttonState*/
-      4 && (l.color = /*buttonColorMap*/
-      t[4][
+        e[2]
+      ]), d & /*buttonState*/
+      4 && (y.color = /*buttonColorMap*/
+      e[4][
         /*buttonState*/
-        t[2]
-      ]), g.$set(l), (!f || s & /*allowAddPoint*/
-      2) && S(c, "forbid", !/*allowAddPoint*/
-      t[1]);
+        e[2]
+      ]), p.$set(y), (!C || d & /*allowAddPoint*/
+      2) && E(u, "forbid", !/*allowAddPoint*/
+      e[1]);
     },
-    i(t) {
-      f || (T(u.$$.fragment, t), T(g.$$.fragment, t), f = !0);
+    i(e) {
+      C || (b(o.$$.fragment, e), b(r), b(p.$$.fragment, e), C = !0);
     },
-    o(t) {
-      E(u.$$.fragment, t), E(g.$$.fragment, t), f = !1;
+    o(e) {
+      w(o.$$.fragment, e), w(r), w(p.$$.fragment, e), C = !1;
     },
-    d(t) {
-      t && W(d), K(u), K(g), C = !1, F(_);
+    d(e) {
+      e && B(n), T(o), r && r.d(), T(p), _ = !1, I(M);
     }
   };
 }
-function O(o, d, n) {
-  let { measureController: e } = d;
-  const k = { start: "开始", add: "添加", end: "结束" }, u = {
+function Y(l, n, o) {
+  let { measureController: t } = n;
+  const i = { start: "开始", add: "添加", end: "结束" }, a = {
     start: "white",
     add: "white",
     end: "blue"
   };
-  let z = !0, r = !1, a = "editing", h = "start";
-  const c = () => {
-    n(8, r = !0), e.getCurrentMode() !== "Edit" && e.changeMode("Edit");
-  }, g = () => {
-  }, M = () => {
-  }, m = (l) => {
-    l === "Edit" ? n(9, a = "editing") : n(9, a = null);
-  }, f = () => {
-    n(9, a = "readyComplete");
-  }, C = (l) => {
-    n(1, z = l === "allow");
+  let m = !0, s = "start";
+  const f = () => {
+    t.getCurrentMode() !== "Edit" ? t.changeMode("Edit") : (o(2, s = "add"), h());
+  }, h = () => {
+    t.controller instanceof R && t.controller.selectPoint();
+  }, u = () => {
+    h();
+  }, p = () => {
+    o(2, s = "end");
+  }, z = () => {
+    o(2, s = "start");
+  }, g = (e) => {
+    o(1, m = e === "allow");
   };
-  G(() => {
-    e.hook.on("modeChange", m), e.hook.on("allowAddPointStateChange", C), e.hook.on("readyComplete", f);
-  }), H(() => {
-    e.hook.off("modeChange", m), e.hook.off("allowAddPointStateChange", C), e.hook.off("readyComplete", f);
+  J(() => {
+    t.hook.on("allowAddPointStateChange", g), t.hook.on("readyComplete", p), t.hook.on("complete", z);
+  }), L(() => {
+    t.hook.off("allowAddPointStateChange", g), t.hook.off("readyComplete", p), t.hook.off("complete", z);
   });
-  const _ = (l) => {
-    e.changeMeasureType(l);
-  }, t = () => e.revoke(), s = () => {
-    h === "start" && c();
-  }, b = () => e.save({ mode: "Watch" });
-  return o.$$set = (l) => {
-    "measureController" in l && n(0, e = l.measureController);
-  }, o.$$.update = () => {
-    o.$$.dirty & /*started, state*/
-    768 && n(2, h = (() => r ? a === "editing" ? "add" : a === "readyComplete" ? "end" : "start" : "start")());
+  const C = (e) => {
+    t.changeMeasureType(e);
+  }, _ = () => t.revoke(), M = () => {
+    s === "start" ? f() : s === "add" ? h() : s === "end" && u();
+  }, r = () => t.save({ mode: "Watch" });
+  return l.$$set = (e) => {
+    "measureController" in e && o(0, t = e.measureController);
   }, [
-    e,
-    z,
+    t,
+    m,
+    s,
+    i,
+    a,
+    f,
     h,
-    k,
     u,
-    c,
-    g,
-    M,
-    r,
-    a,
+    C,
     _,
-    t,
-    s,
-    b
+    M,
+    r
   ];
 }
-class X extends $ {
-  constructor(d) {
-    super(), j(this, d, O, N, q, { measureController: 0 }, L);
+class st extends D {
+  constructor(n) {
+    super(), W(this, n, Y, X, F, { measureController: 0 }, V);
   }
 }
 export {
-  X as default
+  st as default
 };

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

@@ -19,6 +19,7 @@ export interface ControllerParams {
     fiveHelper: FiveHelper;
     openParams: OpenParameter;
     editParams: EditParameter;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
@@ -36,6 +37,7 @@ export default class BaseController {
     protected container: Element;
     protected fiveHelper: FiveHelper;
     protected editParams: EditParameter;
+    protected magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     protected hook: ControllerParams['hook'];
     protected magnifier: ControllerParams['magnifier'];
     protected userDistanceItemCreator: ControllerParams['userDistanceItemCreator'];

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
-var l = (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) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
-import { Color as u } from "three";
+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";
@@ -14,7 +14,7 @@ import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
-class P {
+class k {
   constructor(e) {
     t(this, "model");
     t(this, "five");
@@ -28,6 +28,7 @@ class P {
     t(this, "container");
     t(this, "fiveHelper");
     t(this, "editParams");
+    t(this, "magnifierParams");
     t(this, "hook");
     t(this, "magnifier");
     t(this, "userDistanceItemCreator");
@@ -36,7 +37,7 @@ class P {
       this.dashed.distanceItem.update(this.five), this.model.getAllLines().forEach((e) => e.distanceItem.update(this.five));
     });
     var a, o;
-    this.five = e.five, this.hook = e.hook, this.model = e.model, this.getMeasureType = e.getMeasureType, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.editParams = e.editParams, 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", console.log(this.dashed), 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 u(10218089) }), this.perpendicularDashed.mesh.name = "perpendicularDashLine";
+    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.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.editParams = e.editParams, 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));
   }
@@ -64,5 +65,5 @@ class P {
   }
 }
 export {
-  P as default
+  k as default
 };