@giro3d/piero 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/modules.es.js

@@ -3,7 +3,7 @@ var xe = (a, t, e) => t in a ? Ce(a, t, { enumerable: !0, configurable: !0, writ
 var c = (a, t, e) => xe(a, typeof t != "symbol" ? t + "" : t, e);
 import { K as Ie, a1 as se, P as Pe, V as F, I as q, O as Ee, a2 as K, a3 as ce, a4 as R, a5 as Se, i as J, a6 as oe, F as k, l as Te, t as $, G as ue, f as ee, M as Fe, n as ke, J as Me, a7 as Le, N as ie, U as W, W as De, _ as te, r as Be, X as Ne, a8 as de, a9 as Oe, aa as Ae, ab as ze, C as je, h as $e } from "./Components.es.js";
 import { ac as Wn } from "./Components.es.js";
-import { defineComponent as D, ref as I, createElementBlock as P, openBlock as v, createElementVNode as m, toDisplayString as pe, createCommentVNode as L, createBlock as V, shallowRef as Z, Fragment as Y, createVNode as T, unref as b, resolveComponent as He, normalizeClass as ae, withCtx as re, renderList as he, onMounted as Re, onUnmounted as Ve } from "vue";
+import { defineComponent as D, ref as I, createElementBlock as P, openBlock as w, createElementVNode as m, toDisplayString as pe, createCommentVNode as L, createBlock as V, shallowRef as Z, Fragment as Y, createVNode as T, unref as b, resolveComponent as He, normalizeClass as ae, withCtx as re, renderList as he, onMounted as Re, onUnmounted as Ve } from "vue";
 import H from "@giro3d/giro3d/core/geographic/Coordinates";
 import { defineStore as me } from "pinia";
 import fe, { isEntity3D as ge } from "@giro3d/giro3d/entities/Entity3D";
@@ -17,7 +17,7 @@ import { fromLonLat as le } from "ol/proj";
 import { OSM as rt } from "ol/source";
 import lt from "@giro3d/giro3d/entities/PointCloud";
 import ct from "@giro3d/giro3d/sources/PotreeSource";
-import w from "shepherd.js";
+import x from "shepherd.js";
 const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class: "input-group" }, ht = ["value"], mt = ["value"], ft = ["value"], gt = /* @__PURE__ */ D({
   __name: "CoordinateInput",
   props: {
@@ -29,8 +29,8 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
   },
   emits: ["update:coordinates"],
   setup(a, { emit: t }) {
-    var g, C, _;
-    const e = a, n = I(((g = e.initialValue) == null ? void 0 : g.x) ?? 0), s = I(((C = e.initialValue) == null ? void 0 : C.y) ?? 0), o = I(((_ = e.initialValue) == null ? void 0 : _.z) ?? 0), i = t, l = new Pe(), d = I(!1), p = () => {
+    var f, _, E;
+    const e = a, n = I(((f = e.initialValue) == null ? void 0 : f.x) ?? 0), s = I(((_ = e.initialValue) == null ? void 0 : _.y) ?? 0), o = I(((E = e.initialValue) == null ? void 0 : E.z) ?? 0), i = t, l = new Pe(), d = I(!1), p = () => {
       i(
         "update:coordinates",
         new H(se(e.instance).referenceCrs, n.value, s.value, o.value)
@@ -38,17 +38,17 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
     }, r = () => {
       const y = se(e.instance);
       d.value = !0;
-      const x = (G) => {
+      const C = (G) => {
         var B, N, O, ne;
         const S = (N = (B = l.getFirstFeatureAt(y, G)) == null ? void 0 : B.at(0)) == null ? void 0 : N.point;
         S && (n.value = S.x, s.value = S.y, o.value = S.z, (O = e.cursorManager) == null || O.setCursor("location"), (ne = e.cursorManager) == null || ne.setCursorLocation(S));
-      }, E = (G) => {
+      }, v = (G) => {
         var B, N, O;
-        (B = e.cursorManager) == null || B.setCursor(null), y.domElement.removeEventListener("click", E), y.domElement.removeEventListener("mousemove", x), d.value = !1;
+        (B = e.cursorManager) == null || B.setCursor(null), y.domElement.removeEventListener("click", v), y.domElement.removeEventListener("mousemove", C), d.value = !1;
         const S = (O = (N = l.getFirstFeatureAt(y, G)) == null ? void 0 : N.at(0)) == null ? void 0 : O.point;
         S && (n.value = S.x, s.value = S.y, o.value = S.z, p());
       };
-      y.domElement.addEventListener("mousemove", x), y.domElement.addEventListener("click", E);
+      y.domElement.addEventListener("mousemove", C), y.domElement.addEventListener("click", v);
     };
     function u(y) {
       n.value = y, p();
@@ -56,10 +56,10 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
     function h(y) {
       s.value = y, p();
     }
-    function f(y) {
+    function g(y) {
       o.value = y, p();
     }
-    return (y, x) => (v(), P("div", ut, [
+    return (y, C) => (w(), P("div", ut, [
       m("label", dt, pe(e.label), 1),
       m("div", pt, [
         m("input", {
@@ -67,24 +67,24 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
           class: "form-control",
           id: "plane-center-x",
           value: n.value.toFixed(2),
-          onInput: x[0] || (x[0] = (E) => u(Number.parseFloat(E.target.value)))
+          onInput: C[0] || (C[0] = (v) => u(Number.parseFloat(v.target.value)))
         }, null, 40, ht),
         m("input", {
           type: "number",
           class: "form-control",
           id: "plane-center-y",
           value: s.value.toFixed(2),
-          onInput: x[1] || (x[1] = (E) => h(Number.parseFloat(E.target.value)))
+          onInput: C[1] || (C[1] = (v) => h(Number.parseFloat(v.target.value)))
         }, null, 40, mt),
-        e.showZ === !0 ? (v(), P("input", {
+        e.showZ === !0 ? (w(), P("input", {
           key: 0,
           type: "number",
           class: "form-control",
           id: "plane-center-z",
           value: o.value.toFixed(2),
-          onInput: x[2] || (x[2] = (E) => f(Number.parseFloat(E.target.value)))
+          onInput: C[2] || (C[2] = (v) => g(Number.parseFloat(v.target.value)))
         }, null, 40, ft)) : L("", !0),
-        e.instance != null ? (v(), V(Ie, {
+        e.instance != null ? (w(), V(Ie, {
           key: 1,
           title: "Pick point in scene",
           icon: "fg-location",
@@ -139,7 +139,7 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
     const n = (s) => {
       t.setCenter(s.toVector3());
     };
-    return (s, o) => (v(), P(Y, null, [
+    return (s, o) => (w(), P(Y, null, [
       m("div", yt, [
         T(q, {
           "model-value": b(t).enable,
@@ -192,7 +192,7 @@ const ut = { class: "input-group" }, dt = { class: "form-label" }, pt = { class:
         }, null, 40, Ct)
       ]),
       o[7] || (o[7] = m("hr", null, null, -1)),
-      b(t).instance != null ? (v(), V(gt, {
+      b(t).instance != null ? (w(), V(gt, {
         key: 0,
         label: "Center",
         "initial-value": b(t).center,
@@ -359,7 +359,7 @@ const be = me("floodingPlane", () => {
     function e(n) {
       t.setHeight(n);
     }
-    return (n, s) => (v(), P(Y, null, [
+    return (n, s) => (w(), P(Y, null, [
       m("div", St, [
         T(q, {
           "model-value": b(t).enable,
@@ -604,8 +604,8 @@ const A = new Fe(), $t = {
     if (!Object.keys(o).length)
       return;
     for (const u of Object.keys(o)) {
-      const f = s.list[u].fragments.bbox;
-      n.addMesh(f.mesh);
+      const g = s.list[u].fragments.bbox;
+      n.addMesh(g.mesh);
     }
     const i = n.get(), { y: l, z: d } = i.min, { y: p, z: r } = i.max;
     return i.min.y = -r, i.max.y = -d, i.min.z = l, i.max.z = p, i.translate(this._model.position), this.clearHighlight("bbox"), i;
@@ -786,11 +786,11 @@ const A = new Fe(), $t = {
     for (const d of Object.keys(l)) {
       const p = { ...n, [i]: [d] }, r = await this._fragmentClassifier.find(p);
       if (Object.keys(r).length > 0) {
-        const f = i[0].toUpperCase() + i.slice(1), g = await this.regenerateClassification(
+        const g = i[0].toUpperCase() + i.slice(1), f = await this.regenerateClassification(
           e.slice(1),
           p
         );
-        o.push({ children: g, fragments: r, name: d, treeItemName: f });
+        o.push({ children: f, fragments: r, name: d, treeItemName: g });
       }
     }
     return o;
@@ -854,8 +854,8 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
       u && !u.isEmpty() && o.lookTopDownAt(u);
     }
     return (u, h) => {
-      const f = He("IfcSubtree", !0);
-      return v(), P("div", null, [
+      const g = He("IfcSubtree", !0);
+      return w(), P("div", null, [
         m("div", Zt, [
           m("span", {
             class: ae([
@@ -864,7 +864,7 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
             ]),
             title: u.classificationElement.treeItemName
           }, pe(u.classificationElement.treeItemName), 11, Qt),
-          u.classificationElement.children.length > 0 ? (v(), V(ie, { key: 0 }, {
+          u.classificationElement.children.length > 0 ? (w(), V(ie, { key: 0 }, {
             default: re(() => [
               T(W, {
                 title: "Expand group",
@@ -890,7 +890,7 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
                 icon: "bi-highlighter",
                 onClick: p
               }),
-              b(l) != null ? (v(), V(W, {
+              b(l) != null ? (w(), V(W, {
                 key: 0,
                 title: "Clip to",
                 icon: "bi-bounding-box",
@@ -900,16 +900,16 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
             _: 1
           })
         ]),
-        u.classificationElement.children.length > 0 ? (v(), P("div", {
+        u.classificationElement.children.length > 0 ? (w(), P("div", {
           key: 0,
           id: b(e),
           class: "collapse show"
         }, [
           m("ul", Kt, [
-            (v(!0), P(Y, null, he(u.classificationElement.children, (g, C) => (v(), P("li", { key: C }, [
-              T(f, {
+            (w(!0), P(Y, null, he(u.classificationElement.children, (f, _) => (w(), P("li", { key: _ }, [
+              T(g, {
                 "ifc-entity": t.ifcEntity,
-                "classification-element": g
+                "classification-element": f
               }, null, 8, ["ifc-entity", "classification-element"])
             ]))), 128))
           ])
@@ -932,9 +932,9 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
       const i = t.getEntity(e.dataset);
       return i ?? null;
     }
-    return (i, l) => b(n) ? (v(), P("div", nn, [
+    return (i, l) => b(n) ? (w(), P("div", nn, [
       m("ul", null, [
-        (v(!0), P(Y, null, he(s(), (d, p) => (v(), P("li", { key: p }, [
+        (w(!0), P(Y, null, he(s(), (d, p) => (w(), P("li", { key: p }, [
           T(tn, {
             "ifc-entity": o(),
             "classification-element": d
@@ -960,7 +960,7 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
   type: "ifc",
   visible: !0
 }), ln = (a, t) => {
-  var d, p, r, u, h, f, g, C, _;
+  var d, p, r, u, h, g, f, _, E;
   if (!we(a))
     return;
   const e = (d = a.features) == null ? void 0 : d.at(0);
@@ -974,9 +974,9 @@ const Zt = { class: "d-flex" }, Qt = ["title"], Xt = ["id"], Kt = { class: "list
   }), n.push({
     key: "IFCType",
     value: nt[o.type] ?? i
-  }), n.push({ key: "Name", value: l }), n.push({ key: "ID", value: o.expressID }), n.push({ key: "GlobalId", value: ((h = o.GlobalId) == null ? void 0 : h.value) ?? i }), ((f = o.Description) == null ? void 0 : f.value) != null && n.push({ key: "Description", value: o.Description.value }), ((g = o.PredefinedType) == null ? void 0 : g.value) != null && n.push({ key: "PredefinedType", value: o.PredefinedType.value }), ((C = o.ObjectType) == null ? void 0 : C.value) != null && n.push({ key: "ObjectType", value: o.ObjectType.value });
-  for (const { name: y, parentName: x, value: E } of s)
-    t.has(x) || t.set(x, []), (_ = t.get(x)) == null || _.push({ key: y, value: E });
+  }), n.push({ key: "Name", value: l }), n.push({ key: "ID", value: o.expressID }), n.push({ key: "GlobalId", value: ((h = o.GlobalId) == null ? void 0 : h.value) ?? i }), ((g = o.Description) == null ? void 0 : g.value) != null && n.push({ key: "Description", value: o.Description.value }), ((f = o.PredefinedType) == null ? void 0 : f.value) != null && n.push({ key: "PredefinedType", value: o.PredefinedType.value }), ((_ = o.ObjectType) == null ? void 0 : _.value) != null && n.push({ key: "ObjectType", value: o.ObjectType.value });
+  for (const { name: y, parentName: C, value: v } of s)
+    t.has(C) || t.set(C, []), (E = t.get(C)) == null || E.push({ key: y, value: v });
 }, cn = (a) => {
   const t = a.dataset, e = t.config, n = de(e.source.position ?? t.get("position")), s = new X({
     ...e.source,
@@ -1016,7 +1016,9 @@ const un = /* @__PURE__ */ D({
       [5e4, 10],
       [1e5, 8],
       [4e5, 6],
-      [8e5, 4]
+      [8e5, 4],
+      [16e5, 3],
+      [3e6, 1]
     ];
     function o(i) {
       for (const [l, d] of s)
@@ -1025,9 +1027,12 @@ const un = /* @__PURE__ */ D({
       return s[s.length - 1][1];
     }
     return Re(() => {
+      const i = new at({
+        source: new rt()
+      });
       e.value = new ot({
         controls: [],
-        layers: [new at({ source: new rt() })],
+        layers: [i],
         target: t.value,
         view: new it({
           center: le([4, 44]),
@@ -1035,37 +1040,43 @@ const un = /* @__PURE__ */ D({
           zoom: 5
         })
       });
-      let i = new F();
-      const l = () => {
-        var f;
-        const p = n.context.view.getInstance(), u = n.context.view.getCameraController().getCameraPosition(), h = u.camera.z;
-        if (!u.camera.equals(i)) {
-          i = u.camera.clone();
-          const g = new H(
-            p.referenceCrs,
-            i.x,
-            i.y
-          ).as("EPSG:4326"), C = o(h), _ = (f = e.value) == null ? void 0 : f.getView();
-          _ == null || _.setCenter(le([g.longitude, g.latitude])), _ == null || _.setZoom(C);
+      let l = new F(), d;
+      const p = () => {
+        var E;
+        const h = n.context.view.getInstance(), f = n.context.view.getCameraController().getCameraPosition(), _ = f.camera.z;
+        if (!f.camera.equals(l)) {
+          l = f.camera.clone();
+          const y = new H(
+            h.referenceCrs,
+            l.x,
+            l.y
+          ).as("EPSG:4326"), C = o(_), v = (E = e.value) == null ? void 0 : E.getView();
+          v == null || v.setCenter(le([y.longitude, y.latitude])), v == null || v.setZoom(C);
         }
       };
-      n.context.events.addEventListener("updated", l);
-      let d = !1;
-      t.value && (t.value.onclick = () => {
-        var p, r, u, h;
-        d = !d, d ? ((p = t.value) == null || p.classList.add("collapsed"), (r = t.value) == null || r.classList.remove("expanded")) : ((u = t.value) == null || u.classList.remove("collapsed"), (h = t.value) == null || h.classList.add("expanded"));
+      let r = !1;
+      const u = () => {
+        clearTimeout(d), r || (d = setTimeout(p, 200));
+      };
+      n.context.events.addEventListener("updated", u), t.value && (t.value.onclick = () => {
+        var h, g, f, _;
+        r = !r, r ? ((h = t.value) == null || h.classList.add("collapsed"), (g = t.value) == null || g.classList.remove("expanded")) : ((f = t.value) == null || f.classList.remove("collapsed"), (_ = t.value) == null || _.classList.add("expanded"));
       });
     }), Ve(() => {
       var i;
       (i = e.value) == null || i.dispose(), e.value = void 0;
-    }), (i, l) => (v(), P("div", {
+    }), (i, l) => (w(), P("div", {
       ref_key: "target",
       ref: t,
       title: "Toggle minimap",
       class: "minimap expanded"
-    }, null, 512));
+    }, [...l[0] || (l[0] = [
+      m("div", { class: "crosshair position-absolute top-50 start-50 translate-middle" }, [
+        m("i", { class: "bi bi-crosshair" })
+      ], -1)
+    ])], 512));
   }
-}), dn = /* @__PURE__ */ te(un, [["__scopeId", "data-v-38ee3c04"]]);
+}), dn = /* @__PURE__ */ te(un, [["__scopeId", "data-v-aada3678"]]);
 class $n {
   constructor() {
     c(this, "id", "builtin-minimap-openlayers");
@@ -1211,41 +1222,41 @@ class Un {
     this._context = t, t.events.addEventListener("ready", this.start.bind(this));
   }
   buildTours() {
-    const t = this._camera, e = new w.Tour({
+    const t = this._camera, e = new x.Tour({
       tourName: "main",
       useModalOverlay: !0
-    }), n = new w.Tour({
+    }), n = new x.Tour({
       tourName: "navigating",
       useModalOverlay: !0
-    }), s = new w.Tour({
+    }), s = new x.Tour({
       tourName: "analyzing",
       useModalOverlay: !0
     }), o = [
       { action: () => {
         var r;
-        return (r = w.activeTour) == null ? void 0 : r.next();
+        return (r = x.activeTour) == null ? void 0 : r.next();
       }, text: "Next" },
       { action: () => {
         var r;
-        return (r = w.activeTour) == null ? void 0 : r.cancel();
+        return (r = x.activeTour) == null ? void 0 : r.cancel();
       }, secondary: !0, text: "Exit" }
     ], i = () => {
-      var _, y;
-      const r = (_ = w.activeTour) == null ? void 0 : _.getCurrentStep(), u = r == null ? void 0 : r.getElement(), h = u == null ? void 0 : u.querySelector(".shepherd-text"), f = (y = w.activeTour) == null ? void 0 : y.steps;
-      if (r == null || u == null || h == null || f == null)
+      var E, y;
+      const r = (E = x.activeTour) == null ? void 0 : E.getCurrentStep(), u = r == null ? void 0 : r.getElement(), h = u == null ? void 0 : u.querySelector(".shepherd-text"), g = (y = x.activeTour) == null ? void 0 : y.steps;
+      if (r == null || u == null || h == null || g == null)
         return;
-      const g = document.createElement("div");
-      g.className = "progress mt-3", g.setAttribute("role", "progressbar"), g.style.height = "2px";
-      const C = document.createElement("div");
-      C.className = "progress-bar bg-success", C.style.width = `${100 * (f.indexOf(r) / f.length)}%`, g.appendChild(C), h.appendChild(g);
+      const f = document.createElement("div");
+      f.className = "progress mt-3", f.setAttribute("role", "progressbar"), f.style.height = "2px";
+      const _ = document.createElement("div");
+      _.className = "progress-bar bg-success", _.style.width = `${100 * (g.indexOf(r) / g.length)}%`, f.appendChild(_), h.appendChild(f);
     }, l = async (r, u) => new Promise((h) => {
-      const f = document.getElementById(r);
-      if (f && !f.classList.contains("active") && f.click(), document.querySelector(u))
+      const g = document.getElementById(r);
+      if (g && !g.classList.contains("active") && g.click(), document.querySelector(u))
         return h(document.querySelector(u));
-      const g = new MutationObserver(() => {
-        document.querySelector(u) && (g.disconnect(), h(document.querySelector(u)));
+      const f = new MutationObserver(() => {
+        document.querySelector(u) && (f.disconnect(), h(document.querySelector(u)));
       });
-      g.observe(document.body, {
+      f.observe(document.body, {
         childList: !0,
         subtree: !0
       });
@@ -1255,21 +1266,21 @@ class Un {
         {
           action: () => {
             var r;
-            (r = w.activeTour) == null || r.complete(), n.show(0);
+            (r = x.activeTour) == null || r.complete(), n.show(0);
           },
           text: "Navigating"
         },
         {
           action: () => {
             var r;
-            (r = w.activeTour) == null || r.complete(), s.show(0);
+            (r = x.activeTour) == null || r.complete(), s.show(0);
           },
           text: "Analyzing data"
         },
         {
           action: () => {
             var r;
-            return (r = w.activeTour) == null ? void 0 : r.cancel();
+            return (r = x.activeTour) == null ? void 0 : r.cancel();
           },
           secondary: !0,
           text: "Exit"
@@ -1309,7 +1320,7 @@ class Un {
           let r = 0;
           this._cameraCallback = () => {
             var u;
-            r += 1, r > 2 && ((u = w.activeTour) == null || u.next());
+            r += 1, r > 2 && ((u = x.activeTour) == null || u.next());
           }, t.addEventListener("interaction-end", this._cameraCallback), i();
         }
       }
@@ -1393,14 +1404,14 @@ class Un {
         {
           action: () => {
             var r;
-            (r = w.activeTour) == null || r.complete(), s.show(0);
+            (r = x.activeTour) == null || r.complete(), s.show(0);
           },
           text: "Analyzing data"
         },
         {
           action: () => {
             var r;
-            return (r = w.activeTour) == null ? void 0 : r.complete();
+            return (r = x.activeTour) == null ? void 0 : r.complete();
           },
           secondary: !0,
           text: "Exit"
@@ -1455,7 +1466,7 @@ class Un {
       beforeShowPromise: () => l("toolbar-analysis", "#panel-container .card"),
       buttons: [{ action: () => {
         var r;
-        return (r = w.activeTour) == null ? void 0 : r.complete();
+        return (r = x.activeTour) == null ? void 0 : r.complete();
       }, text: "Done!" }],
       id: "analysis",
       text: "In the <strong>Analysis</strong> panel you'll find some advanced analysis tools.",