@realsee/dnalogel 2.21.0-dev.8 → 2.21.0-dev.9

package/libs/PanoMeasurePlugin/Components/Controller0.js

@@ -1,7 +1,8 @@
-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 d, create_component as C, space as _, attr as u, insert as E, mount_component as w, append as c, add_flush_callback as B, transition_in as k, 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";
-import N from "../Controller/EditController.js";
+import { SvelteComponent as D, init as L, safe_not_equal as O, append_styles as T, binding_callbacks as U, bind as W, element as f, space as k, create_component as z, attr as v, insert as S, append as u, mount_component as A, transition_in as h, transition_out as b, check_outros as j, add_flush_callback as B, detach as $, destroy_component as q, onMount as F, onDestroy as G, text as M, set_style as I, listen as x, noop as H, run_all as J, group_outros as K } from "../../vendor/svelte/internal/index.js";
+import N from "./Common/Switcher0.js";
+import P from "./Common/Exit.js";
+import Q from "../Controller/EditController.js";
+import { IconLine as R, IconArea as V, IconUndo as X, IconOk as Y } from "./Common/icons/index.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -65,133 +66,175 @@ 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 O(n) {
-  T(n, "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 Z(i) {
+  T(i, "svelte-1g8r5nw", '.Measure-Controller.svelte-1g8r5nw.svelte-1g8r5nw{pointer-events:none}.Measure-Controller.svelte-1g8r5nw .mode-switcher.svelte-1g8r5nw{margin-top:2.25rem}.Measure-Controller.svelte-1g8r5nw .bottom.svelte-1g8r5nw{position:absolute;width:100%;bottom:2.5rem}.Measure-Controller.svelte-1g8r5nw .bottom .center.svelte-1g8r5nw{display:flex;flex-direction:column;align-items:center}.Measure-Controller.svelte-1g8r5nw .buttons.svelte-1g8r5nw{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-1g8r5nw .buttons .button.svelte-1g8r5nw{display:flex;align-items:center;position:relative;font-size:0.875rem;padding:0rem 1rem}.Measure-Controller.svelte-1g8r5nw .buttons .button .icon.svelte-1g8r5nw{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:100%;margin:0 0.25rem}.Measure-Controller.svelte-1g8r5nw .buttons .button.svelte-1g8r5nw::after{content:"";position:absolute;display:block;right:-0.03125rem;height:1.5rem;width:0.0625rem;background-image:linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.3), transparent);background-size:100%;background-repeat:no-repeat;background-position:center}.Measure-Controller.svelte-1g8r5nw .buttons .button.svelte-1g8r5nw:last-child::after{display:none}');
 }
-function I(n) {
-  let t, o, r, l, s, a;
+function y(i) {
+  let t, o;
+  return t = new P({
+    props: {
+      onClick: (
+        /*measureController*/
+        i[0].disable
+      )
+    }
+  }), {
+    c() {
+      z(t.$$.fragment);
+    },
+    m(e, s) {
+      A(t, e, s), o = !0;
+    },
+    p(e, s) {
+      const a = {};
+      s & /*measureController*/
+      1 && (a.onClick = /*measureController*/
+      e[0].disable), t.$set(a);
+    },
+    i(e) {
+      o || (h(t.$$.fragment, e), o = !0);
+    },
+    o(e) {
+      b(t.$$.fragment, e), o = !1;
+    },
+    d(e) {
+      q(t, e);
+    }
+  };
+}
+function E(i) {
+  let t, o, e, s, a, p, m, d, g, r;
   return {
     c() {
-      t = d("div"), o = d("div"), o.textContent = "撤销", r = _(), l = d("div"), l.textContent = "结束", u(o, "class", "button svelte-y31iee"), u(l, "class", "button svelte-y31iee"), u(t, "class", "buttons svelte-y31iee");
+      t = f("div"), o = f("div"), e = f("div"), s = M(`
+            撤销`), a = k(), p = f("div"), m = f("div"), d = M(`
+            结束`), v(e, "class", "icon svelte-1g8r5nw"), I(e, "background-image", `url(${X})`), v(o, "class", "button svelte-1g8r5nw"), v(m, "class", "icon svelte-1g8r5nw"), I(m, "background-image", `url(${Y})`), v(p, "class", "button svelte-1g8r5nw"), v(t, "class", "buttons svelte-1g8r5nw");
     },
-    m(m, p) {
-      E(m, t, p), c(t, o), c(t, r), c(t, l), s || (a = [
+    m(n, c) {
+      S(n, t, c), u(t, o), u(o, e), u(o, s), u(t, a), u(t, p), u(p, m), u(p, d), g || (r = [
         x(
           o,
           "click",
           /*click_handler*/
-          n[4]
+          i[5]
         ),
         x(
-          l,
+          p,
           "click",
           /*complete*/
-          n[3]
+          i[4]
         )
-      ], s = !0);
+      ], g = !0);
     },
     p: H,
-    d(m) {
-      m && S(t), s = !1, J(a);
+    d(n) {
+      n && $(t), g = !1, J(r);
     }
   };
 }
-function P(n) {
-  let t, o, r, l, s, a, m, p, h, f;
-  o = new L({
-    props: {
-      onClick: (
-        /*measureController*/
-        n[0].disable
-      )
-    }
-  });
-  let e = (
+function ee(i) {
+  let t, o, e, s, a, p, m, d, g, r = (
+    /*showExit*/
+    i[1] && y(i)
+  ), n = (
     /*showController*/
-    n[2] && I(n)
+    i[3] && E(i)
   );
-  function z(i) {
-    n[6](i);
+  function c(l) {
+    i[7](l);
   }
-  let b = {
-    options: [{ key: "line", value: "测距离" }, { key: "area", value: "测面积" }],
+  let C = {
+    options: [
+      {
+        key: "line",
+        value: "测距离",
+        icon: R
+      },
+      {
+        key: "area",
+        value: "测面积",
+        icon: V
+      }
+    ],
     onChange: (
       /*func*/
-      n[5]
+      i[6]
     )
   };
   return (
     /*setSwitcherActiveIndex*/
-    n[1] !== void 0 && (b.setIndex = /*setSwitcherActiveIndex*/
-    n[1]), p = new K({ props: b }), W.push(() => j(p, "setIndex", z)), {
+    i[2] !== void 0 && (C.setIndex = /*setSwitcherActiveIndex*/
+    i[2]), m = new N({ props: C }), U.push(() => W(m, "setIndex", c)), {
       c() {
-        t = d("div"), C(o.$$.fragment), r = _(), l = d("div"), s = d("div"), e && e.c(), a = _(), m = d("div"), C(p.$$.fragment), u(m, "class", "mode-switcher svelte-y31iee"), u(s, "class", "center svelte-y31iee"), u(l, "class", "bottom svelte-y31iee"), u(t, "class", "Measure-Controller svelte-y31iee");
+        t = f("div"), r && r.c(), o = k(), e = f("div"), s = f("div"), n && n.c(), a = k(), p = f("div"), z(m.$$.fragment), v(p, "class", "mode-switcher svelte-1g8r5nw"), v(s, "class", "center svelte-1g8r5nw"), v(e, "class", "bottom svelte-1g8r5nw"), v(t, "class", "Measure-Controller svelte-1g8r5nw");
       },
-      m(i, v) {
-        E(i, t, v), w(o, t, null), c(t, r), c(t, l), c(l, s), e && e.m(s, null), c(s, a), c(s, m), w(p, m, null), f = !0;
+      m(l, w) {
+        S(l, t, w), r && r.m(t, null), u(t, o), u(t, e), u(e, s), n && n.m(s, null), u(s, a), u(s, p), A(m, p, null), g = !0;
       },
-      p(i, [v]) {
-        const y = {};
-        v & /*measureController*/
-        1 && (y.onClick = /*measureController*/
-        i[0].disable), o.$set(y), /*showController*/
-        i[2] ? e ? e.p(i, v) : (e = I(i), e.c(), e.m(s, a)) : e && (e.d(1), e = null);
-        const g = {};
-        v & /*measureController*/
-        1 && (g.onChange = /*func*/
-        i[5]), !h && v & /*setSwitcherActiveIndex*/
-        2 && (h = !0, g.setIndex = /*setSwitcherActiveIndex*/
-        i[1], B(() => h = !1)), p.$set(g);
+      p(l, [w]) {
+        /*showExit*/
+        l[1] ? r ? (r.p(l, w), w & /*showExit*/
+        2 && h(r, 1)) : (r = y(l), r.c(), h(r, 1), r.m(t, o)) : r && (K(), b(r, 1, 1, () => {
+          r = null;
+        }), j()), /*showController*/
+        l[3] ? n ? n.p(l, w) : (n = E(l), n.c(), n.m(s, a)) : n && (n.d(1), n = null);
+        const _ = {};
+        w & /*measureController*/
+        1 && (_.onChange = /*func*/
+        l[6]), !d && w & /*setSwitcherActiveIndex*/
+        4 && (d = !0, _.setIndex = /*setSwitcherActiveIndex*/
+        l[2], B(() => d = !1)), m.$set(_);
       },
-      i(i) {
-        f || (k(o.$$.fragment, i), k(p.$$.fragment, i), f = !0);
+      i(l) {
+        g || (h(r), h(m.$$.fragment, l), g = !0);
       },
-      o(i) {
-        M(o.$$.fragment, i), M(p.$$.fragment, i), f = !1;
+      o(l) {
+        b(r), b(m.$$.fragment, l), g = !1;
       },
-      d(i) {
-        i && S(t), $(o), e && e.d(), $(p);
+      d(l) {
+        l && $(t), r && r.d(), n && n.d(), q(m);
       }
     }
   );
 }
-function Q(n, t, o) {
-  let { measureController: r } = t, l;
-  function s(e) {
-    e === "Edit" ? o(2, m = !0) : (l(null), o(2, m = !1));
+function te(i, t, o) {
+  let { measureController: e } = t, { showExit: s = !1 } = t, a;
+  function p(c) {
+    c === "Edit" ? o(3, d = !0) : (a(null), o(3, d = !1));
   }
-  function a() {
-    r.controller instanceof N && r.controller.complete(), r.save({ mode: "Watch" });
+  function m() {
+    e.controller instanceof Q && e.controller.complete(), e.save({ mode: "Watch" });
   }
   F(() => {
-    r.hook.on("modeChange", s);
+    e.hook.on("modeChange", p);
   }), G(() => {
-    r.hook.off("modeChange", s);
+    e.hook.off("modeChange", p);
   });
-  let m = !1;
-  const p = () => r.revoke(), h = (e) => {
-    r.save().changeMode("Edit"), r.changeMeasureType(e);
+  let d = !1;
+  const g = () => e.revoke(), r = (c) => {
+    e.save().changeMode("Edit"), e.changeMeasureType(c);
   };
-  function f(e) {
-    l = e, o(1, l);
+  function n(c) {
+    a = c, o(2, a);
   }
-  return n.$$set = (e) => {
-    "measureController" in e && o(0, r = e.measureController);
+  return i.$$set = (c) => {
+    "measureController" in c && o(0, e = c.measureController), "showExit" in c && o(1, s = c.showExit);
   }, [
-    r,
-    l,
-    m,
+    e,
+    s,
     a,
-    p,
-    h,
-    f
+    d,
+    m,
+    g,
+    r,
+    n
   ];
 }
-class st extends q {
+class vt extends D {
   constructor(t) {
-    super(), A(this, t, Q, P, D, { measureController: 0 }, O);
+    super(), L(this, t, te, ee, O, { measureController: 0, showExit: 1 }, Z);
   }
 }
 export {
-  st as default
+  vt as default
 };