@xtctwins/tctwins-industry-engine 0.0.11 → 0.1.0

package/dist/MeasureTool-BpomWCXl.mjs

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

package/dist/MouseTool-COWvA8Jk.mjs

@@ -0,0 +1,84 @@
+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-COQ8NdId.mjs";
+const R = { class: "mouse_tool" }, U = ["src"], z = ["src"], J = /* @__PURE__ */ Y({
+  __name: "MouseTool",
+  props: ["componentId"],
+  setup(O) {
+    const p = P(), y = O;
+    x(() => {
+      p.setReadyById(y.componentId), document.getElementById("top_bar");
+    });
+    let t;
+    const w = () => {
+      t = window.bimViewer, t.eventTrigger.on("pickedNothing", () => {
+        l.value = !1;
+      }), t.viewer.cameraControl.on("touchmoveCanvas", () => {
+        o = !1, n = "";
+      });
+    };
+    s.on("BimViewer", w);
+    const E = () => {
+      l.value = !1, o = !1;
+    }, T = () => {
+    };
+    s.on("unFocus", E), s.on("multiSelect", T), A(() => {
+      s.off("BimViewer", w), s.off("unFocus", E);
+    });
+    const c = _(290), i = _(300), l = _(!1);
+    let d = !1, o = !1, r = 0, a = 0, m = 0, v = 0;
+    C(
+      () => p.isToolActive(y.componentId),
+      (e) => {
+        e ? j() : (o = !1, d = !1, r = 0, a = 0, m = 0, v = 0, X());
+      }
+    );
+    let n = "";
+    const S = (e) => {
+      o || e.touches.length == 1 && (d = !0, r = e.touches[0].clientX, a = e.touches[0].clientY), setTimeout(function() {
+        e.preventDefault();
+      }, 300);
+    }, I = (e) => {
+      o && (l.value = !0, s.emit("focusEntity", n));
+    }, b = (e) => {
+      if (d && e.touches.length == 1) {
+        const f = e.touches[0].clientX, B = e.touches[0].clientY;
+        m = f - r, v = B - a, c.value += m, i.value += v;
+        let h = new Int16Array(2);
+        h[0] = c.value + 5, h[1] = i.value + 6;
+        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;
+      }
+    }, j = () => {
+      const e = document.getElementById("mouseGroup");
+      e == null || e.addEventListener("touchstart", S), e == null || e.addEventListener("touchmove", b), e == null || e.addEventListener("click", I), c.value = 290, i.value = 300;
+    }, X = () => {
+      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, [
+      F(g("div", {
+        id: "mouseGroup",
+        class: "mouse_group",
+        style: D({ left: `${c.value}px`, top: `${i.value}px` })
+      }, [
+        g("img", {
+          id: "mouse_icon",
+          class: "mouse_icon",
+          src: `${L(k)}/industry-viewer/mouse-icon.svg`
+        }, null, 8, U),
+        g("img", {
+          id: "mouse_img",
+          class: "mouse_img",
+          src: `${L(k)}/industry-viewer/mouse-active-large.svg`
+        }, null, 8, z)
+      ], 4), [
+        [N, !l.value]
+      ])
+    ]));
+  }
+});
+export {
+  J as default
+};