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

package/libs/PanoMeasurePlugin/Components/Controller0.js

@@ -1,130 +1,240 @@
-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}");
+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";
+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 "../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 "hammerjs";
+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/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 "../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 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(l) {
-  let t, n, i, s, r, c;
+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 = 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");
+      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(d, a) {
-      E(d, t, a), u(t, n), u(t, i), u(t, s), r || (c = [
+    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(
-          n,
+          o,
           "click",
           /*click_handler*/
-          l[3]
+          i[5]
         ),
         x(
-          s,
+          p,
           "click",
-          /*click_handler_1*/
-          l[4]
+          /*complete*/
+          i[4]
         )
-      ], r = !0);
+      ], g = !0);
     },
     p: H,
-    d(d) {
-      d && S(t), r = !1, J(c);
+    d(n) {
+      n && $(t), g = !1, J(r);
     }
   };
 }
-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 = (
+function ee(i) {
+  let t, o, e, s, a, p, m, d, g, r = (
+    /*showExit*/
+    i[1] && y(i)
+  ), n = (
     /*showController*/
-    l[2] && I(l)
+    i[3] && E(i)
   );
-  function z(o) {
-    l[6](o);
+  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*/
-      l[5]
+      i[6]
     )
   };
   return (
     /*setSwitcherActiveIndex*/
-    l[1] !== void 0 && (b.setIndex = /*setSwitcherActiveIndex*/
-    l[1]), a = new K({ props: b }), W.push(() => j(a, "setIndex", z)), {
+    i[2] !== void 0 && (C.setIndex = /*setSwitcherActiveIndex*/
+    i[2]), m = new N({ props: C }), U.push(() => W(m, "setIndex", c)), {
       c() {
-        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");
+        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(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;
+      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(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 && (g.onChange = /*func*/
-        o[5]), !p && h & /*setSwitcherActiveIndex*/
-        2 && (p = !0, g.setIndex = /*setSwitcherActiveIndex*/
-        o[1], B(() => p = !1)), a.$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(o) {
-        v || (w(n.$$.fragment, o), w(a.$$.fragment, o), v = !0);
+      i(l) {
+        g || (h(r), h(m.$$.fragment, l), g = !0);
       },
-      o(o) {
-        M(n.$$.fragment, o), M(a.$$.fragment, o), v = !1;
+      o(l) {
+        b(r), b(m.$$.fragment, l), g = !1;
       },
-      d(o) {
-        o && S(t), $(n), e && e.d(), $(a);
+      d(l) {
+        l && $(t), r && r.d(), n && n.d(), q(m);
       }
     }
   );
 }
-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));
+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 m() {
+    e.controller instanceof Q && e.controller.complete(), e.save({ mode: "Watch" });
   }
   F(() => {
-    i.hook.on("modeChange", r);
+    e.hook.on("modeChange", p);
   }), G(() => {
-    i.hook.off("modeChange", r);
+    e.hook.off("modeChange", p);
   });
-  let c = !1;
-  const d = () => i.revoke(), a = () => i.save({ mode: "Watch" }), p = (e) => {
-    i.save().changeMode("Edit"), i.changeMeasureType(e);
+  let d = !1;
+  const g = () => e.revoke(), r = (c) => {
+    e.save().changeMode("Edit"), e.changeMeasureType(c);
   };
-  function v(e) {
-    s = e, n(1, s);
+  function n(c) {
+    a = c, o(2, a);
   }
-  return l.$$set = (e) => {
-    "measureController" in e && n(0, i = e.measureController);
+  return i.$$set = (c) => {
+    "measureController" in c && o(0, e = c.measureController), "showExit" in c && o(1, s = c.showExit);
   }, [
-    i,
+    e,
     s,
-    c,
-    d,
     a,
-    p,
-    v
+    d,
+    m,
+    g,
+    r,
+    n
   ];
 }
-class V extends q {
+class vt extends D {
   constructor(t) {
-    super(), A(this, t, P, O, D, { measureController: 0 }, N);
+    super(), L(this, t, te, ee, O, { measureController: 0, showExit: 1 }, Z);
   }
 }
 export {
-  V as default
+  vt as default
 };