@realsee/dnalogel 2.21.0-dev.14 → 2.21.0-dev.16

package/libs/PanoMeasurePlugin/Components/Controller1.js

@@ -1,8 +1,8 @@
-import { SvelteComponent as Z, init as x, safe_not_equal as ee, append_styles as te, element as C, space as $, create_component as K, attr as _, toggle_class as B, insert as D, append as b, mount_component as q, transition_in as g, transition_out as k, check_outros as A, detach as I, destroy_component as O, onMount as oe, onDestroy as re, add_render_callback as U, create_bidirectional_transition as E, text as N, set_style as Q, listen as V, group_outros as R } from "../../vendor/svelte/internal/index.js";
+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 ne from "./Common/CircleButton.js";
+import le from "./Common/CircleButton.js";
 import F from "../Controller/EditController.js";
-import le from "./Common/Exit.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";
@@ -70,12 +70,12 @@ 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 ue(o) {
-  te(o, "svelte-13udz89", "*.forbid.svelte-13udz89.svelte-13udz89{pointer-events:none !important;opacity:0.5}.Measure-Controller.svelte-13udz89.svelte-13udz89{pointer-events:none;position:relative;width:100%;height:100%;z-index:1;color:white}.Measure-Controller.svelte-13udz89 .mode-switcher.svelte-13udz89{margin-top:2.25rem}.Measure-Controller.svelte-13udz89 .bottom.svelte-13udz89{position:absolute;width:100%;bottom:0}.Measure-Controller.svelte-13udz89 .bottom .mask.svelte-13udz89{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-13udz89 .bottom .center.svelte-13udz89{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.Measure-Controller.svelte-13udz89 .controller.svelte-13udz89{pointer-events:all;display:flex;align-items:center}.Measure-Controller.svelte-13udz89 .controller .button.svelte-13udz89{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-13udz89 .controller .button .icon.svelte-13udz89{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:100%;margin:0 0.25rem}.Measure-Controller.svelte-13udz89 .controller .main-button.svelte-13udz89{margin-left:1.75rem;margin-right:1.75rem;font-size:0.875rem;font-weight:bold}");
+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, n;
-  return t = new le({
+  let t, l;
+  return t = new ne({
     props: {
       onClick: (
         /*measureController*/
@@ -84,31 +84,31 @@ function G(o) {
     }
   }), {
     c() {
-      K(t.$$.fragment);
+      I(t.$$.fragment);
     },
     m(e, i) {
-      q(t, e, i), n = !0;
+      K(t, e, i), l = !0;
     },
     p(e, i) {
-      const l = {};
+      const n = {};
       i & /*measureController*/
-      1 && (l.onClick = /*measureController*/
-      e[0].disable), t.$set(l);
+      1 && (n.onClick = /*measureController*/
+      e[0].disable), t.$set(n);
     },
     i(e) {
-      n || (g(t.$$.fragment, e), n = !0);
+      l || (h(t.$$.fragment, e), l = !0);
     },
     o(e) {
-      k(t.$$.fragment, e), n = !1;
+      k(t.$$.fragment, e), l = !1;
     },
     d(e) {
-      O(t, e);
+      q(t, e);
     }
   };
 }
 function H(o) {
-  let t, n, e, i;
-  return n = new ie({
+  let t, l, e, i;
+  return l = new ie({
     props: {
       options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
       defaultKey: (
@@ -122,56 +122,56 @@ function H(o) {
     }
   }), {
     c() {
-      t = C("div"), K(n.$$.fragment), _(t, "class", "mode-switcher svelte-13udz89");
+      t = C("div"), I(l.$$.fragment), _(t, "class", "mode-switcher svelte-ldjbp8");
     },
-    m(l, u) {
-      D(l, t, u), q(n, t, null), i = !0;
+    m(n, p) {
+      B(n, t, p), K(l, t, null), i = !0;
     },
-    p(l, u) {
-      o = l;
-      const h = {};
-      u & /*measureController*/
-      1 && (h.defaultKey = /*measureController*/
-      o[0].currentMeasureType), u & /*measureController*/
-      1 && (h.onChange = /*measureController*/
-      o[0].changeMeasureType), n.$set(h);
+    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(l) {
-      i || (g(n.$$.fragment, l), l && U(() => {
+    i(n) {
+      i || (h(l.$$.fragment, n), n && O(() => {
         i && (e || (e = E(t, S, { duration: P }, !0)), e.run(1));
       }), i = !0);
     },
-    o(l) {
-      k(n.$$.fragment, l), l && (e || (e = E(t, S, { duration: P }, !1)), e.run(0)), i = !1;
+    o(n) {
+      k(l.$$.fragment, n), n && (e || (e = E(t, S, { duration: P }, !1)), e.run(0)), i = !1;
     },
-    d(l) {
-      l && I(t), O(n), l && e && e.end();
+    d(n) {
+      n && D(t), q(l), n && e && e.end();
     }
   };
 }
 function J(o) {
-  let t, n, e, i, l, u, h;
+  let t, l, e, i, n, p, b;
   return {
     c() {
-      t = C("div"), n = C("div"), e = N(`
-            撤销`), _(n, "class", "icon svelte-13udz89"), Q(n, "background-image", `url(${se})`), _(t, "class", "button svelte-13udz89"), B(
+      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, p) {
-      D(r, t, p), b(t, n), b(t, e), l = !0, u || (h = V(
+    m(r, u) {
+      B(r, t, u), v(t, l), v(t, e), n = !0, p || (b = V(
         t,
         "click",
         /*click_handler*/
         o[12]
-      ), u = !0);
+      ), p = !0);
     },
-    p(r, p) {
-      o = r, (!l || p & /*buttonState*/
-      4) && B(
+    p(r, u) {
+      o = r, (!n || u & /*buttonState*/
+      4) && R(
         t,
         "forbid",
         /*buttonState*/
@@ -179,51 +179,51 @@ function J(o) {
       );
     },
     i(r) {
-      l || (r && U(() => {
-        l && (i || (i = E(t, S, { duration: P }, !0)), i.run(1));
-      }), l = !0);
+      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)), l = !1;
+      r && (i || (i = E(t, S, { duration: P }, !1)), i.run(0)), n = !1;
     },
     d(r) {
-      r && I(t), r && i && i.end(), u = !1, h();
+      r && D(t), r && i && i.end(), p = !1, b();
     }
   };
 }
 function L(o) {
-  let t, n, e, i, l, u, h;
+  let t, l, e, i, n, p, b;
   return {
     c() {
-      t = C("div"), n = C("div"), e = N(`
-            结束`), _(n, "class", "icon svelte-13udz89"), Q(n, "background-image", `url(${ae})`), _(t, "class", "button svelte-13udz89");
+      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, p) {
-      D(r, t, p), b(t, n), b(t, e), l = !0, u || (h = V(
+    m(r, u) {
+      B(r, t, u), v(t, l), v(t, e), n = !0, p || (b = V(
         t,
         "click",
         /*complete*/
         o[9]
-      ), u = !0);
+      ), p = !0);
     },
-    p(r, p) {
+    p(r, u) {
       o = r;
     },
     i(r) {
-      l || (r && U(() => {
-        l && (i || (i = E(t, S, { duration: P }, !0)), i.run(1));
-      }), l = !0);
+      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)), l = !1;
+      r && (i || (i = E(t, S, { duration: P }, !1)), i.run(0)), n = !1;
     },
     d(r) {
-      r && I(t), r && i && i.end(), u = !1, h();
+      r && D(t), r && i && i.end(), p = !1, b();
     }
   };
 }
 function me(o) {
-  let t, n, e, i, l, u, h, r, p, z, w, y, T, a = (
+  let t, l, e, i, n, p, b, r, u, j, w, y, T, a = (
     /*showExit*/
     o[1] && G(o)
   ), m = (
@@ -234,7 +234,7 @@ function me(o) {
     /*showButton*/
     o[3] && J(o)
   );
-  w = new ne({
+  w = new le({
     props: {
       onClick: (
         /*func*/
@@ -262,27 +262,27 @@ function me(o) {
   );
   return {
     c() {
-      t = C("div"), a && a.c(), n = $(), e = C("div"), i = C("div"), l = $(), u = C("div"), m && m.c(), h = $(), r = C("div"), f && f.c(), p = $(), z = C("div"), K(w.$$.fragment), y = $(), d && d.c(), _(i, "class", "mask svelte-13udz89"), _(z, "class", "main-button svelte-13udz89"), B(z, "forbid", !/*allowAddPoint*/
-      o[4]), _(r, "class", "controller svelte-13udz89"), _(u, "class", "center svelte-13udz89"), _(e, "class", "bottom svelte-13udz89"), _(t, "class", "Measure-Controller svelte-13udz89");
+      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) {
-      D(s, t, c), a && a.m(t, null), b(t, n), b(t, e), b(e, i), b(e, l), b(e, u), m && m.m(u, null), b(u, h), b(u, r), f && f.m(r, null), b(r, p), b(r, z), q(w, z, null), b(r, y), d && d.m(r, null), T = !0;
+      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 && g(a, 1)) : (a = G(s), a.c(), g(a, 1), a.m(t, n)) : a && (R(), k(a, 1, 1, () => {
+      2 && h(a, 1)) : (a = G(s), a.c(), h(a, 1), a.m(t, l)) : a && (A(), k(a, 1, 1, () => {
         a = null;
-      }), A()), /*measureController*/
+      }), z()), /*measureController*/
       s[0].allowMeasureType.length >= 2 && /*buttonState*/
       s[2] === "start" ? m ? (m.p(s, c), c & /*measureController, buttonState*/
-      5 && g(m, 1)) : (m = H(s), m.c(), g(m, 1), m.m(u, h)) : m && (R(), k(m, 1, 1, () => {
+      5 && h(m, 1)) : (m = H(s), m.c(), h(m, 1), m.m(p, b)) : m && (A(), k(m, 1, 1, () => {
         m = null;
-      }), A()), /*showButton*/
+      }), z()), /*showButton*/
       s[3] ? f ? (f.p(s, c), c & /*showButton*/
-      8 && g(f, 1)) : (f = J(s), f.c(), g(f, 1), f.m(r, p)) : f && (R(), k(f, 1, 1, () => {
+      8 && h(f, 1)) : (f = J(s), f.c(), h(f, 1), f.m(r, u)) : f && (A(), k(f, 1, 1, () => {
         f = null;
-      }), A());
+      }), z());
       const M = {};
       c & /*buttonState*/
       4 && (M.onClick = /*func*/
@@ -297,97 +297,97 @@ function me(o) {
         /*buttonState*/
         s[2]
       ]), w.$set(M), (!T || c & /*allowAddPoint*/
-      16) && B(z, "forbid", !/*allowAddPoint*/
+      16) && R(j, "forbid", !/*allowAddPoint*/
       s[4]), /*showButton*/
       s[3] ? d ? (d.p(s, c), c & /*showButton*/
-      8 && g(d, 1)) : (d = L(s), d.c(), g(d, 1), d.m(r, null)) : d && (R(), k(d, 1, 1, () => {
+      8 && h(d, 1)) : (d = L(s), d.c(), h(d, 1), d.m(r, null)) : d && (A(), k(d, 1, 1, () => {
         d = null;
-      }), A());
+      }), z());
     },
     i(s) {
-      T || (g(a), g(m), g(f), g(w.$$.fragment, s), g(d), T = !0);
+      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 && I(t), a && a.d(), m && m.d(), f && f.d(), O(w), d && d.d();
+      s && D(t), a && a.d(), m && m.d(), f && f.d(), q(w), d && d.d();
     }
   };
 }
 const P = 100;
-function fe(o, t, n) {
+function fe(o, t, l) {
   let { measureController: e } = t, { showExit: i = !1 } = t;
-  const l = {
+  const n = {
     start: "开始",
     add: "添加",
     end: "结束",
     complete: "完成"
-  }, u = {
+  }, p = {
     start: "white",
     add: "white",
     end: "blue",
     complete: "blue"
   };
-  let h = !1, r = !0, p = "start", z = e.currentMeasureType;
+  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 = (v) => {
-    n(2, p = v);
+  }, a = (g) => {
+    l(2, u = g);
   }, m = () => {
     y(), M("allow");
   }, f = () => {
     a("complete");
   }, d = () => {
-    e.currentMeasureType === "area" && p === "complete" && a("add");
-  }, s = (v) => {
-    v.length;
+    e.currentMeasureType === "area" && u === "complete" && a("add");
+  }, s = (g) => {
+    g.length;
   }, c = () => {
     a("start"), M("allow");
-  }, M = (v) => {
-    n(4, r = v === "allow");
-  }, j = (v) => {
-    n(11, z = v);
-  }, W = (v) => {
-    v.isEmpty && a("start");
+  }, 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", j), 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);
+    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", j), 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);
+    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 = () => {
-    p === "start" ? w() : p === "add" ? y() : (p === "end" || p === "complete") && m();
+    u === "start" ? w() : u === "add" ? y() : (u === "end" || u === "complete") && m();
   };
-  return o.$$set = (v) => {
-    "measureController" in v && n(0, e = v.measureController), "showExit" in v && n(1, i = v.showExit);
+  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 && n(3, h = z === "area" && p !== "start");
+    2052 && l(3, b = j === "area" && u !== "start");
   }, [
     e,
     i,
-    p,
-    h,
-    r,
-    l,
     u,
+    b,
+    r,
+    n,
+    p,
     w,
     y,
     T,
     m,
-    z,
+    j,
     X,
     Y
   ];
 }
 class $t extends Z {
   constructor(t) {
-    super(), x(this, t, fe, me, ee, { measureController: 0, showExit: 1 }, ue);
+    super(), x(this, t, fe, me, ee, { measureController: 0, showExit: 1 }, pe);
   }
 }
 export {

package/libs/PanoMeasurePlugin/Components/Tip.js

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