@xtctwins/tctwins-bimx-engine 0.3.17 → 0.3.19

package/dist/MeasureTool-CMs0keyO.mjs

@@ -0,0 +1,595 @@
+import { _ as ft } from "./alert-BAgNMV8k.mjs";
+import { n as bt, o as yt, T as Xe, M as W, q as Ye, p as h, O as E, V as q, F as ht, t as gt, G as Mt, I as kt, x as wt, y as Tt } from "./index-Bu4b3eOR.mjs";
+import { _ as xt } from "./panel.vue_vue_type_style_index_0_lang-sBMUmb4u.mjs";
+import { defineComponent as Dt, ref as u, onMounted as Ne, computed as pe, onBeforeUnmount as At, watch as St, nextTick as Vt, openBlock as r, createElementBlock as d, Fragment as S, unref as o, createBlock as je, withCtx as O, createElementVNode as l, renderList as I, normalizeClass as J, toDisplayString as v, normalizeStyle as fe, createCommentVNode as ne, createVNode as p, withDirectives as We, vShow as qe } from "vue";
+const Pt = {
+  key: 0,
+  class: "measure_panel_content"
+}, Ct = { class: "measurement_type" }, Bt = ["onClick"], Et = ["src"], It = {
+  key: 1,
+  class: "measurement_img_empty"
+}, Lt = { class: "measurement_data" }, Rt = {
+  key: 0,
+  class: "datum_bar"
+}, $t = { class: "footer" }, Ut = {
+  key: 1,
+  class: "setMeasurePanel"
+}, Ot = { class: "set_content_par" }, zt = { class: "set_content_" }, Ht = {
+  class: "set_content scale",
+  style: { display: "none" }
+}, Ft = { class: "set_content unit" }, Xt = { class: "set_content precision" }, Yt = { class: "footer" }, Nt = {
+  key: 1,
+  class: "mobile_measure_panel"
+}, jt = { class: "mobile_panel_bar" }, Wt = ["src"], qt = { class: "mouse_btn" }, Jt = ["src"], Kt = { class: "measure-list" }, Qt = ["onClick"], Zt = { class: "measure-icon" }, Gt = ["src"], el = { class: "measure-name" }, tl = { class: "measure-icon" }, ll = ["src"], sl = {
+  class: "measure-name",
+  style: { color: "#df1c1c" }
+}, al = {
+  key: 2,
+  class: "mobile_set_dialog"
+}, ol = { class: "mobile_set_close_btn" }, nl = { class: "mobile_set_title" }, il = { class: "mobile_set_row" }, ul = { class: "mobile_set_row" }, cl = {
+  key: 0,
+  class: "mobile_set_datum"
+}, rl = { class: "mobile_set_actions" }, dl = ["src"], vl = ["src"], Je = 5, Ke = 6, ml = /* @__PURE__ */ Dt({
+  __name: "MeasureTool",
+  props: ["componentId"],
+  emits: ["closePanel", "emitHandler"],
+  setup(Qe, { emit: Ze }) {
+    const i = bt(), L = yt(), Ge = Qe, ie = u(0);
+    Ne(() => {
+      L.setReadyById(Ge.componentId), Xe.currentTheme == "blue" ? ie.value = 224 : Xe.currentTheme == "light-gray" && (ie.value = 202);
+    });
+    let a, z, H, m;
+    const f = u(1), g = u(""), be = u(), ue = u(), ye = u(), ce = u(), he = u(), K = u(), Q = u(), Z = u(), re = u(""), de = u(""), F = u(1), k = u("m"), V = u(3), w = u(!1), ge = [{ value: "m" }, { value: "cm" }, { value: "mm" }], b = u(!1), Me = [
+      { label: "0", value: 0 },
+      { label: "0.0", value: 1 },
+      { label: "0.00", value: 2 },
+      { label: "0.000", value: 3 }
+    ], et = {
+      pointDistance: [
+        { label: "measure.distanceLabel", key: "text", color: "#0065fc" },
+        { label: "measure.x", key: "dx", color: "#fe4444" },
+        { label: "measure.y", key: "dy", color: "#4ed17a" },
+        { label: "measure.z", key: "dz", color: "#ffce19" }
+      ],
+      pointAngle: [
+        { label: "measure.angleLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ],
+      edgeLength: [
+        { label: "measure.lengthLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ],
+      edgeDistance: [
+        { label: "measure.distanceLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ],
+      edgeAngle: [
+        { label: "measure.angleLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ],
+      circleRadius: [
+        { label: "measure.radiusLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ],
+      elevation: [
+        { label: "measure.elevationLabel", key: "text", color: "#0065fc" },
+        { label: "measure.typeLabel", key: "type", color: "#7a8ba6" }
+      ]
+    }, T = pe(() => {
+      var e;
+      return ((e = W.find((t) => t.id === f.value)) == null ? void 0 : e.code) || "pointDistance";
+    }), R = u(!0), M = u("");
+    let $ = null;
+    const G = (e) => {
+      M.value = e || "", R.value = !0, $ && clearTimeout($), $ = setTimeout(() => {
+        $ = null, M.value = "";
+      }, 4e3);
+    }, x = u(!1), tt = pe(
+      () => M.value || (x.value ? i("measure.hint_setDatumPick") : i(`measure.hint_${T.value}`))
+    ), lt = () => {
+      R.value = !1;
+    }, st = pe(
+      () => (et[T.value] || []).map((e) => {
+        let t = "";
+        e.key === "text" ? t = re.value || "~" : e.key === "type" ? t = de.value || "-" : e.key === "dx" ? t = K.value ?? "" : e.key === "dy" ? t = Q.value ?? "" : e.key === "dz" && (t = Z.value ?? "");
+        const n = a && a.getModeColor ? a.getModeColor(T.value) : "", c = e.key === "text" && n ? n : e.color;
+        return { label: e.label, key: `${e.key}_${e.label}`, color: c, value: t };
+      })
+    ), ke = Ze, we = (e) => {
+      ke("emitHandler", e);
+    }, Te = () => {
+      a = window.bimViewer.measureProTool, H = window.bimViewer.measureAngleTool, z = window.bimViewer.measureDistanceTool, m = window.bimViewer.eventTrigger, k.value = a.unit, F.value = a.scale, m.on("measureUnitChanged", Be);
+      const e = W.find((t) => t.code === q.NormalizeMeasureMode(q.viewerState.measureType));
+      e && (f.value = e.id), q.SaveViewerState({ measure: T.value }), m.on("newDistanceMeasure", () => {
+        M.value = "", B(), h("isMobile") && (b.value = !1);
+      }), m.on("newAngleMeasure", () => {
+        M.value = "", B(), h("isMobile") && (b.value = !1);
+      }), m.on("proMeasureRejected", (t) => {
+        G(t && t.reasonText ? t.reasonText : "");
+      }), m.on("proMeasureDatumPicked", () => {
+        x.value = !1;
+        const t = g.value;
+        t && D(t), G(i("measure.setDatumDone"));
+      }), m.on("proMeasureDatumPickCancel", () => {
+        x.value = !1;
+      }), m.on("createAngleMeasure", (t) => {
+        he.value = t.id, ce.value = t.result, D(t.id), h("isMobile") && (b.value = !0), P("createAngleMeasure", { newMeasure: t });
+      }), m.on("createDistanceMeasure", (t) => {
+        be.value = t.id, ye.value = t.id, ue.value = t.result, K.value = t.xResult ? t.xResult : 0, Q.value = t.yResult ? t.yResult : 0, Z.value = t.zResult ? t.zResult : 0, D(t.id), h("isMobile") && (b.value = !0), P("createAngleMeasure", { newMeasure: t });
+      }), m.on("clickDistanceMeasure", (t) => {
+        be.value = t.id, ye.value = t.id, Ve(t.id), a.getModeByMeasurementId(t.id) || (ue.value = z.getMeasureResultByID(t.id)), D(t.id), h("isMobile") && (b.value = !0), P("clickDistanceMeasure", { id: t.id });
+      }), m.on("clickAngleMeasure", (t) => {
+        he.value = t.id, Ve(t.id), a.getModeByMeasurementId(t.id) || (ce.value = H.getMeasureResultByID(t.id)), D(t.id), h("isMobile") && (b.value = !0), P("clickAngleMeasure", { id: t.id });
+      }), m.on("DistanceMeasureDestroyed", (t) => Pe(t.id)), m.on("AngleMeasureDestroyed", (t) => Pe(t.id)), Ce(!1), Ee() && L.isToolActive(3) && me(!0);
+    };
+    Ye.on("BimViewer", Te), At(() => {
+      $ && clearTimeout($), m && m.off("measureUnitChanged", Be), ve(), Ye.off("BimViewer", Te);
+    }), St(
+      () => L.isToolActive(2),
+      (e) => {
+        ct(e), e && (R.value = !0), Ee() && me(!!e);
+      }
+    );
+    const P = (e, t) => {
+      we({
+        isTool: !0,
+        event_name: e,
+        event_target: "MeasureTool",
+        content: t
+      });
+    }, at = () => {
+      ee(), window.bimViewer.SetMeasureProAllDisactive(), ke("closePanel"), w.value === !0 && C();
+    }, xe = (e) => {
+      if (f.value === e.id)
+        return;
+      f.value = e.id, q.SaveViewerState({ measure: e.code }), M.value = "", ee(), it(), De(e), R.value = !0;
+      const t = a && a.getMeasurementsSummaryByMode ? a.getMeasurementsSummaryByMode(e.code) : [];
+      t.length ? D(t[t.length - 1].id) : B(), h("isMobile") && (b.value = !1);
+    }, De = (e) => {
+      const t = e.code;
+      window.bimViewer.SetMeasureProActive(e.code, !0), we({
+        isTool: !0,
+        event_name: "",
+        event_target: "MeasureTool",
+        content: {
+          measureTool: t
+        }
+      });
+    }, Ae = () => {
+      if (x.value) {
+        ee();
+        return;
+      }
+      if (!a || !a.beginMeasureDatumPick) {
+        G(i("measure.setDatumHint"));
+        return;
+      }
+      if (window.bimViewer.SetMeasureProActive("elevation", !0), M.value = "", !a.beginMeasureDatumPick()) {
+        G(i("measure.setDatumHint"));
+        return;
+      }
+      x.value = !0, R.value = !0, w.value = !1;
+    }, ee = () => {
+      x.value = !1, a && a.cancelMeasureDatumPick && a.cancelMeasureDatumPick();
+    }, ot = () => {
+      B(), a && a.clearAll(), z.clear(), H.clear(), P("destroyAllMeasure", { msg: "删除全部测量" }), b.value = !1;
+    }, nt = () => {
+      const e = g.value;
+      if (!e) return;
+      const t = T.value === "pointAngle" || T.value === "edgeAngle";
+      ut(e), P(t ? "destroyMeasurementAngle" : "destroyMeasureDistance", { id: e }), B(), b.value = !1;
+    }, C = () => {
+      w.value = !w.value;
+    }, Se = () => {
+      C(), Ce(), g.value && D(g.value), P("updateMeasureSet", {
+        measurePrefer: {
+          distance_precision: V.value,
+          distance_unit: k.value,
+          distance_scale: F.value
+        }
+      });
+    }, B = () => {
+      re.value = "", de.value = "", ue.value = "", ce.value = "", K.value = "", Q.value = "", Z.value = "", g.value = "";
+    }, D = (e) => {
+      if (!e || !a || !a.getMeasurementSummary) return;
+      g.value = e;
+      const t = a.getModeByMeasurementId(e);
+      if (t) {
+        const c = W.find((_) => _.code === t);
+        if (!c) {
+          B();
+          return;
+        }
+        c.id !== f.value && (f.value = c.id, q.SaveViewerState({ measure: c.code })), a.getActiveByMode(t) || De(c);
+      }
+      const n = a.getMeasurementSummary(e);
+      n && (re.value = n.text || (n.value ? n.value.toFixed(V.value) : ""), de.value = n.description || n.relationLabel || "", K.value = n.xResult ?? "", Q.value = n.yResult ?? "", Z.value = n.zResult ?? "");
+    }, Ve = (e) => {
+      !e || !a || !a.selectMeasurementById || a.selectMeasurementById(e);
+    }, it = () => {
+      !a || !a.clearSelectedMeasurement || a.clearSelectedMeasurement();
+    }, Pe = (e) => {
+      !e || e !== g.value || B();
+    }, ut = (e) => {
+      if (e) {
+        if (a && a.getModeByMeasurementId(e)) {
+          a.destroyMeasurementById(e);
+          return;
+        }
+        z.destroyMeasurementById(e), H.destroyMeasurementById(e);
+      }
+    }, Ce = (e = !0) => {
+      a && (e && (a.unit = k.value), a.scale = F.value, a.precision = V.value);
+    }, Be = (e) => {
+      k.value = e.unit, g.value && D(g.value);
+    }, ct = (e) => {
+      a && a.setAllVisible(e), z.setAllVisible(e), H.setAllVisible(e);
+    };
+    Ne(() => {
+      document.getElementById("top_bar");
+    });
+    const U = u(!1);
+    let X = !1, te = 0, le = 0;
+    const se = u(290), ae = u(300), Ee = () => !!h("isMobile"), Y = () => document.getElementById("measure_mouseGroup"), Ie = () => {
+      var e, t, n, c;
+      return ((c = (n = (t = (e = window.bimViewer) == null ? void 0 : e.viewer) == null ? void 0 : t.scene) == null ? void 0 : n.canvas) == null ? void 0 : c.canvas) || null;
+    }, Le = () => {
+      const e = Y();
+      if (!e)
+        return [se.value + Je, ae.value + Ke];
+      const t = e.getBoundingClientRect();
+      return [t.left + Je, t.top + Ke];
+    }, N = (e, t) => {
+      const n = Ie();
+      if (!n)
+        return;
+      const [c, _] = Le(), y = {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0,
+        clientX: c,
+        clientY: _,
+        screenX: c,
+        screenY: _,
+        button: 0,
+        buttons: t,
+        pointerId: 1,
+        pointerType: "touch",
+        isPrimary: !0
+      };
+      let A;
+      try {
+        A = new PointerEvent(e, y);
+      } catch {
+        A = new MouseEvent(e, y);
+      }
+      n.dispatchEvent(A);
+    }, Re = () => {
+      N("pointermove", 0);
+    }, rt = () => {
+      const e = Y(), [t, n] = Le(), c = e ? e.style.visibility : "";
+      e && (e.style.visibility = "hidden");
+      const _ = document.elementFromPoint ? document.elementFromPoint(t, n) : null;
+      return e && (e.style.visibility = c), _;
+    }, $e = () => {
+      const e = rt(), t = e && e.closest ? e.closest(".tctwins-pro-pill") : null;
+      if (t) {
+        t.dispatchEvent(new MouseEvent("click", { bubbles: !0, cancelable: !0, view: window }));
+        return;
+      }
+      const n = Ie();
+      if (e && e !== n && !(n && n.contains(e)))
+        return;
+      N("pointermove", 0);
+      const c = () => {
+        N("pointerdown", 1), N("pointerup", 0);
+      };
+      typeof requestAnimationFrame == "function" ? requestAnimationFrame(c) : c();
+    }, dt = () => {
+      N("contextmenu", 0), M.value = "";
+    }, vt = () => {
+      const e = !U.value;
+      e || (ee(), dt()), me(e);
+    }, mt = () => {
+      const e = Y();
+      if (!e)
+        return;
+      const n = (e.offsetParent || document.body).getBoundingClientRect(), c = e.getBoundingClientRect(), _ = n.width || window.innerWidth, y = n.height || window.innerHeight, A = c.width || 40, j = c.height || 84, _e = _ * 0.62 - A / 2, oe = y * 0.5 - j / 2;
+      se.value = Math.max(0, Math.min(_e, _ - A)), ae.value = Math.max(0, Math.min(oe, y - j));
+    }, Ue = (e) => {
+      e.touches.length == 1 && (X = !0, te = e.touches[0].clientX, le = e.touches[0].clientY);
+    }, Oe = (e) => {
+      if (!X || e.touches.length != 1)
+        return;
+      const t = e.touches[0].clientX, n = e.touches[0].clientY;
+      se.value += t - te, ae.value += n - le, te = t, le = n, Re();
+    }, ze = () => {
+      X = !1;
+    }, _t = () => {
+      const e = Y();
+      e && (ve(), e.addEventListener("touchstart", Ue), e.addEventListener("touchmove", Oe), e.addEventListener("touchend", ze), e.addEventListener("click", $e), X = !1, te = 0, le = 0);
+    }, ve = () => {
+      const e = Y();
+      e == null || e.removeEventListener("touchstart", Ue), e == null || e.removeEventListener("touchmove", Oe), e == null || e.removeEventListener("touchend", ze), e == null || e.removeEventListener("click", $e);
+    }, me = (e) => {
+      if (U.value !== e) {
+        if (U.value = e, !e) {
+          ve(), X = !1, M.value = "";
+          return;
+        }
+        Vt(() => {
+          mt(), _t(), Re();
+        });
+      }
+    };
+    return (e, t) => {
+      var oe, He, Fe;
+      const n = ht, c = gt, _ = Mt, y = kt, A = xt, j = wt, _e = ft;
+      return r(), d(S, null, [
+        o(h)("isMobile") ? (r(), d("div", Nt, [
+          l("div", jt, [
+            l("div", {
+              class: J(["mobile_set_btn", { mobile_set_btn_active: w.value }]),
+              onClick: C
+            }, [
+              l("img", {
+                src: `${o(E)}/industry-viewer/action-bar/${(oe = o(L).getToolById(11)) == null ? void 0 : oe.img}.svg`,
+                alt: ""
+              }, null, 8, Wt)
+            ], 2),
+            l("div", qt, [
+              l("div", {
+                class: "mouse",
+                onClick: vt
+              }, [
+                l("img", {
+                  src: `${o(E)}/industry-viewer/action-bar/${U.value ? (He = o(L).getToolById(16)) == null ? void 0 : He.imgActive : (Fe = o(L).getToolById(16)) == null ? void 0 : Fe.img}.svg`
+                }, null, 8, Jt),
+                l("span", {
+                  style: fe({ color: U.value ? "#1457F7" : "#262626" })
+                }, v(o(i)("toolbar.virtualMouse")), 5)
+              ])
+            ])
+          ]),
+          l("div", Kt, [
+            (r(!0), d(S, null, I(o(W), (s) => (r(), d("div", {
+              key: s.id,
+              class: J(["measure-item", {
+                "measure-item-active": f.value === s.id
+              }]),
+              onClick: (pt) => xe(s)
+            }, [
+              l("div", Zt, [
+                l("img", {
+                  src: o(E) + `/bim-viewer/measure-bar/bimkk-mobile-measure-${f.value === s.id ? s.svgActive : s.svg}.svg`,
+                  alt: ""
+                }, null, 8, Gt),
+                l("div", el, v(o(i)(s.label || s.name)), 1)
+              ])
+            ], 10, Qt))), 128)),
+            b.value ? (r(), d("div", {
+              key: 0,
+              class: "measure-item",
+              onClick: nt
+            }, [
+              l("div", tl, [
+                l("img", {
+                  src: o(E) + "/bim-viewer/delete.svg",
+                  alt: ""
+                }, null, 8, ll),
+                l("div", sl, v(o(i)("common.delete")), 1)
+              ])
+            ])) : ne("", !0)
+          ])
+        ])) : (r(), je(A, {
+          key: 0,
+          class: "measure_panel",
+          width: ie.value,
+          panelTitle: w.value ? o(i)("measure.settings") : o(i)("measure.title"),
+          "click-handle": at
+        }, {
+          default: O(() => [
+            w.value ? (r(), d("div", Ut, [
+              l("div", Ot, [
+                l("div", zt, [
+                  l("div", Ht, [
+                    l("span", null, v(o(i)("measure.scaleLabel")), 1),
+                    t[5] || (t[5] = l("span", null, "1:", -1)),
+                    p(c, {
+                      modelValue: F.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (s) => F.value = s),
+                      style: { width: "122px", height: "28px" },
+                      placeholder: "1"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  l("div", Ft, [
+                    l("span", null, v(o(i)("measure.unitLabel")), 1),
+                    p(y, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": t[1] || (t[1] = (s) => k.value = s),
+                      placeholder: o(i)("measure.unitPlaceholder"),
+                      style: { width: "136px", height: "28px" }
+                    }, {
+                      default: O(() => [
+                        (r(), d(S, null, I(ge, (s) => p(_, {
+                          key: s.value,
+                          value: s.value
+                        }, null, 8, ["value"])), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"])
+                  ]),
+                  l("div", Xt, [
+                    l("span", null, v(o(i)("measure.precisionLabel")), 1),
+                    p(y, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": t[2] || (t[2] = (s) => V.value = s),
+                      placeholder: o(i)("measure.precisionPlaceholder"),
+                      style: { width: "136px", height: "28px" }
+                    }, {
+                      default: O(() => [
+                        (r(), d(S, null, I(Me, (s) => p(_, {
+                          key: s.value,
+                          label: s.label,
+                          value: s.value
+                        }, null, 8, ["label", "value"])), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "placeholder"])
+                  ])
+                ])
+              ]),
+              l("div", Yt, [
+                l("div", {
+                  class: "measure_footer_button measure_footer_button_cancel",
+                  onClick: C
+                }, v(o(i)("common.cancel")), 1),
+                l("div", {
+                  class: "measure_footer_button measure_footer_button_save",
+                  onClick: Se
+                }, v(o(i)("common.save")), 1)
+              ])
+            ])) : (r(), d("div", Pt, [
+              l("div", Ct, [
+                (r(!0), d(S, null, I(o(W), (s) => (r(), je(n, {
+                  key: s.id,
+                  content: o(i)(s.label),
+                  placement: "top",
+                  effect: "light",
+                  "hide-after": 50
+                }, {
+                  default: O(() => [
+                    l("div", {
+                      class: J(["measurement_box", { measurement_box_active: f.value === s.id }]),
+                      onClick: (pt) => xe(s)
+                    }, [
+                      s.img || s.imgActive ? (r(), d("img", {
+                        key: 0,
+                        class: "measurement_img",
+                        src: o(E) + `/bim-viewer/action-bars/pmeasure-${f.value === s.id ? s.imgActive : s.img}.svg`,
+                        alt: ""
+                      }, null, 8, Et)) : (r(), d("span", It))
+                    ], 10, Bt)
+                  ]),
+                  _: 2
+                }, 1032, ["content"]))), 128))
+              ]),
+              l("div", Lt, [
+                (r(!0), d(S, null, I(st.value, (s) => (r(), d("div", {
+                  key: s.key,
+                  class: "data_box"
+                }, [
+                  l("div", null, v(o(i)(s.label)), 1),
+                  l("div", {
+                    style: fe({ color: s.color })
+                  }, v(s.value), 5)
+                ]))), 128))
+              ]),
+              T.value === "elevation" ? (r(), d("div", Rt, [
+                l("div", {
+                  class: J(["datum_button", { datum_button_active: x.value }]),
+                  onClick: Ae
+                }, v(o(i)("measure.setDatum")), 3)
+              ])) : ne("", !0),
+              l("div", $t, [
+                l("span", { onClick: ot }, v(o(i)("measure.clearAll")), 1),
+                l("span", { onClick: C }, v(o(i)("setting.title")), 1)
+              ])
+            ]))
+          ]),
+          _: 1
+        }, 8, ["width", "panelTitle"])),
+        w.value && o(h)("isMobile") ? (r(), d("div", al, [
+          l("div", ol, [
+            p(j, {
+              width: 0.34,
+              "size-type": "rem",
+              "click-handle": C
+            })
+          ]),
+          l("div", nl, v(o(i)("measure.settings")), 1),
+          l("div", il, [
+            l("span", null, v(o(i)("measure.unitLabel")), 1),
+            p(y, {
+              modelValue: k.value,
+              "onUpdate:modelValue": t[3] || (t[3] = (s) => k.value = s),
+              teleported: !1,
+              placeholder: o(i)("measure.unitPlaceholder"),
+              style: { width: "136px", height: "28px" }
+            }, {
+              default: O(() => [
+                (r(), d(S, null, I(ge, (s) => p(_, {
+                  key: s.value,
+                  value: s.value
+                }, null, 8, ["value"])), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          l("div", ul, [
+            l("span", null, v(o(i)("measure.precisionLabel")), 1),
+            p(y, {
+              modelValue: V.value,
+              "onUpdate:modelValue": t[4] || (t[4] = (s) => V.value = s),
+              teleported: !1,
+              placeholder: o(i)("measure.precisionPlaceholder"),
+              style: { width: "136px", height: "28px" }
+            }, {
+              default: O(() => [
+                (r(), d(S, null, I(Me, (s) => p(_, {
+                  key: s.value,
+                  label: s.label,
+                  value: s.value
+                }, null, 8, ["label", "value"])), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          T.value === "elevation" ? (r(), d("div", cl, [
+            l("div", {
+              class: J(["datum_action", { datum_action_active: x.value }]),
+              onClick: Ae
+            }, v(o(i)("measure.setDatum")), 3)
+          ])) : ne("", !0),
+          l("div", rl, [
+            l("div", {
+              class: "mobile_set_button",
+              onClick: C
+            }, v(o(i)("common.cancel")), 1),
+            l("div", {
+              class: "mobile_set_button mobile_set_button_primary",
+              onClick: Se
+            }, v(o(i)("common.save")), 1)
+          ])
+        ])) : ne("", !0),
+        We(p(_e, {
+          title: tt.value,
+          "click-handle": lt
+        }, null, 8, ["title"]), [
+          [qe, R.value]
+        ]),
+        We(l("div", {
+          id: "measure_mouseGroup",
+          class: "mouse_group",
+          style: fe({ left: `${se.value}px`, top: `${ae.value}px` })
+        }, [
+          l("img", {
+            id: "mouse_icon",
+            class: "mouse_icon",
+            src: `${o(E)}/industry-viewer/mouse-icon.svg`
+          }, null, 8, dl),
+          l("img", {
+            id: "mouse_img",
+            class: "mouse_img",
+            src: `${o(E)}/industry-viewer/mouse-active-large.svg`
+          }, null, 8, vl)
+        ], 4), [
+          [qe, U.value]
+        ])
+      ], 64);
+    };
+  }
+}), yl = /* @__PURE__ */ Tt(ml, [["__scopeId", "data-v-9d2aa6d0"]]);
+export {
+  yl as default
+};

package/dist/{MouseTool-B7uZ7aDB.mjs → MouseTool-CaTUKDuM.mjs}

@@ -1,10 +1,10 @@
 import { defineComponent as Y, onMounted as x, onBeforeUnmount as A, ref as _, watch as C, openBlock as M, createElementBlock as $, withDirectives as F, createElementVNode as g, normalizeStyle as D, unref as L, vShow as N } from "vue";
-import { G as P, I as s, P as k, a0 as V } from "./index-Amk7_oxr.mjs";
-const R = { class: "mouse_tool" }, U = ["src"], z = ["src"], J = /* @__PURE__ */ Y({
+import { o as R, q as s, O as V, V as k } from "./index-Bu4b3eOR.mjs";
+const U = { class: "mouse_tool" }, q = ["src"], z = ["src"], J = /* @__PURE__ */ Y({
   __name: "MouseTool",
   props: ["componentId"],
   setup(O) {
-    const p = P(), y = O;
+    const p = R(), y = O;
     x(() => {
       p.setReadyById(y.componentId), document.getElementById("top_bar");
     });
@@ -48,7 +48,7 @@ const R = { class: "mouse_tool" }, U = ["src"], z = ["src"], J = /* @__PURE__ */
         const u = t.viewer.scene.pick({
           canvasPos: h
         });
-        u ? (o = !0, n !== u.entity.id && (n = u.entity.id, t.setAllObjectsSelected(!1), t.setEntitySelected(u.entity))) : (o = !1, n = "", t.setAllObjectsSelected(!1)), V.entityState.selectedObjectIds.length > 0 && t.setObjectsSelected(V.entityState.selectedObjectIds, !0), r = f, a = B;
+        u ? (o = !0, n !== u.entity.id && (n = u.entity.id, t.setAllObjectsSelected(!1), t.setEntitySelected(u.entity))) : (o = !1, n = "", t.setAllObjectsSelected(!1)), k.entityState.selectedObjectIds.length > 0 && t.setObjectsSelected(k.entityState.selectedObjectIds, !0), r = f, a = B;
       }
     }, j = () => {
       const e = document.getElementById("mouseGroup");
@@ -57,7 +57,7 @@ const R = { class: "mouse_tool" }, U = ["src"], z = ["src"], J = /* @__PURE__ */
       const e = document.getElementById("mouseGroup");
       e == null || e.removeEventListener("touchstart", S), e == null || e.removeEventListener("touchmove", b), e == null || e.removeEventListener("click", I);
     };
-    return (e, f) => (M(), $("div", R, [
+    return (e, f) => (M(), $("div", U, [
       F(g("div", {
         id: "mouseGroup",
         class: "mouse_group",
@@ -66,12 +66,12 @@ const R = { class: "mouse_tool" }, U = ["src"], z = ["src"], J = /* @__PURE__ */
         g("img", {
           id: "mouse_icon",
           class: "mouse_icon",
-          src: `${L(k)}/industry-viewer/mouse-icon.svg`
-        }, null, 8, U),
+          src: `${L(V)}/industry-viewer/mouse-icon.svg`
+        }, null, 8, q),
         g("img", {
           id: "mouse_img",
           class: "mouse_img",
-          src: `${L(k)}/industry-viewer/mouse-active-large.svg`
+          src: `${L(V)}/industry-viewer/mouse-active-large.svg`
         }, null, 8, z)
       ], 4), [
         [N, !l.value]