@giro3d/piero 1.0.0-beta.0

package/dist/modules.es.js

@@ -0,0 +1,856 @@
+var K = Object.defineProperty;
+var X = (c, a, t) => a in c ? K(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var d = (c, a, t) => X(c, typeof a != "symbol" ? a + "" : a, t);
+import tt from "/builds/giro3d/piero/node_modules/@giro3d/giro3d/gui/EntityPanel.js";
+import { Components as et, SimpleScene as st, SimpleRenderer as ot, SimpleCamera as nt, SimpleRaycaster as it, IfcPropertiesUtils as b, FragmentBoundingBox as at, FragmentManager as rt, FragmentClassifier as ct, FragmentIfcLoader as lt, toCompositeID as ut, IfcCategoryMap as dt } from "/builds/giro3d/piero/node_modules/openbim-components/index.js";
+import { i as P, F as E, f as D, u as ht, e as mt, I as A, r as M, s as ft, _ as Y, j as pt, t as gt, y as U, h as yt } from "./Components.es.js";
+import V from "/builds/giro3d/piero/node_modules/@giro3d/giro3d/entities/Entity3D.js";
+import { Group as W, Vector3 as bt, MeshBasicMaterial as z, Matrix4 as wt, MathUtils as _t, MeshLambertMaterial as It, DoubleSide as Ct, Mesh as xt, Color as vt } from "/builds/giro3d/piero/node_modules/three";
+import St from "/builds/giro3d/piero/node_modules/@giro3d/giro3d/gui/EntityInspector.js";
+import { defineComponent as G, ref as Pt, resolveComponent as Et, createElementBlock as _, openBlock as y, createElementVNode as F, createCommentVNode as L, createBlock as Tt, createVNode as w, normalizeClass as R, toDisplayString as Ft, withCtx as j, unref as O, Fragment as $, renderList as q } from "/builds/giro3d/piero/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { PLYLoader as kt } from "/builds/giro3d/piero/node_modules/three/examples/jsm/loaders/PLYLoader.js";
+import Bt from "/builds/giro3d/piero/node_modules/@giro3d/giro3d/entities/PointCloud.js";
+import Mt from "/builds/giro3d/piero/node_modules/@giro3d/giro3d/sources/PotreeSource.js";
+import g from "/builds/giro3d/piero/node_modules/shepherd.js/dist/js/shepherd.esm.js";
+const x = new wt(), Lt = {
+  bbox: new z({
+    color: "#FFFF00",
+    depthTest: !0,
+    opacity: 0.2,
+    transparent: !0
+  }),
+  selection: new z({
+    color: "#FF0000",
+    depthTest: !1,
+    opacity: 0.6,
+    transparent: !0
+  })
+}, Ot = 4186316022, Nt = 781010003, Dt = 2655215786, At = 3242617779, zt = 919958153, Rt = 1307041759, H = 1451395588, Q = 1883228015, jt = [H, Q], Yt = [
+  Ot,
+  Nt,
+  Dt,
+  At,
+  zt,
+  Rt
+], J = (c) => P(c) && c.isIFCPickResult, v = class v extends V {
+  constructor(t) {
+    super(new W());
+    d(this, "isIfcEntity", !0);
+    d(this, "isPickableFeatures", !0);
+    d(this, "type", "IfcEntity");
+    d(this, "_classificationCache");
+    d(this, "_components");
+    d(this, "_fragmentBoundingBox");
+    d(this, "_fragmentClassifier");
+    d(this, "_fragmentManager");
+    d(this, "_ifcSelection");
+    // Currently selected fragments
+    d(this, "_indexMap");
+    // Properties relationships
+    d(this, "_model");
+    d(this, "_source");
+    this._source = t, this._components = new et(), this._components.ui.enabled = !1, this._components.scene = new st(this._components), this._components.renderer = new ot(
+      this._components,
+      document.createElement("div")
+    ), this._components.camera = new nt(this._components), this._components.raycaster = new it(this._components), this._components.init(), this._ifcSelection = { bbox: {}, selection: {} }, this._indexMap = {}, this._classificationCache = null, this._fragmentBoundingBox = null;
+  }
+  clearHighlight(t = "selection") {
+    for (const e of Object.keys(this._ifcSelection[t])) {
+      const s = this._fragmentManager.list[e], o = s == null ? void 0 : s.fragments[t];
+      o != null && o.mesh.removeFromParent();
+    }
+    this.notifyChange(this), this._ifcSelection[t] = {};
+  }
+  getBoundingBoxById(t) {
+    this.clearHighlight("bbox"), this.highlightById(t, "bbox");
+    const e = this._fragmentBoundingBox;
+    if (e === null)
+      throw new Error("Must call initClassification before getBoundingBoxById");
+    const s = this._fragmentManager;
+    e.reset();
+    const o = this._ifcSelection.bbox;
+    if (!Object.keys(o).length)
+      return;
+    for (const u of Object.keys(o)) {
+      const f = s.list[u].fragments.bbox;
+      e.addMesh(f.mesh);
+    }
+    const n = e.get(), { y: r, z: l } = n.min, { y: h, z: i } = n.max;
+    return n.min.y = -i, n.max.y = -l, n.min.z = r, n.max.z = h, n.translate(this._model.position), this.clearHighlight("bbox"), n;
+  }
+  getClassification() {
+    if (this._classificationCache === null)
+      throw new Error("Must call initClassification before getClassification");
+    return this._classificationCache;
+  }
+  getProperties(t) {
+    const e = [], s = this._model.properties;
+    if (!s)
+      return [];
+    for (const o of this._indexMap[t]) {
+      const n = s[o];
+      if (n == null)
+        continue;
+      const { name: r } = b.getEntityName(s, o);
+      if (r !== null) {
+        if (n.type === H) {
+          const l = b.getPsetProps(s, o);
+          if (l !== null)
+            for (const h of l) {
+              if (s[h] == null)
+                continue;
+              const u = this.getProperty(h);
+              u !== null && e.push({
+                parentName: r,
+                ...u
+              });
+            }
+        } else if (n.type === Q) {
+          const l = b.getQsetQuantities(
+            s,
+            o
+          );
+          if (l !== null)
+            for (const h of l) {
+              const { key: i } = b.getQuantityValue(
+                s,
+                h
+              );
+              if (i === null)
+                continue;
+              const u = this.getProperty(h);
+              u !== null && e.push({
+                parentName: r,
+                ...u
+              });
+            }
+        }
+      }
+    }
+    return e;
+  }
+  getProperty(t) {
+    const e = this._model.properties;
+    if (e === void 0)
+      return null;
+    const { name: s } = b.getEntityName(e, t);
+    if (s === null)
+      return null;
+    const { value: o } = b.getQuantityValue(e, t);
+    return { name: s, value: o };
+  }
+  highlight(t, e, s) {
+    this._ifcSelection[t][e.uuid] = /* @__PURE__ */ new Set();
+    const o = parseInt(s, 10);
+    this._ifcSelection[t][e.uuid].add(s), this.addComposites(t, e, o), this.regenerate(t, e.uuid);
+    const n = e.fragment.group;
+    if (n) {
+      const r = n.data[o][0];
+      for (let l = 0; l < r.length; l++) {
+        const h = r[l], i = n.keyFragments[h], u = this._fragmentManager.list[i];
+        i in this._ifcSelection[t] || (this._ifcSelection[t][i] = /* @__PURE__ */ new Set()), this._ifcSelection[t][i].add(s), this.addComposites(t, u.mesh, o), this.regenerate(t, i);
+      }
+    }
+    this.notifyChange(this);
+  }
+  highlightById(t, e = "selection") {
+    for (const s of Object.keys(t)) {
+      s in this._ifcSelection[e] || (this._ifcSelection[e][s] = /* @__PURE__ */ new Set());
+      const o = this._fragmentManager.list[s], n = /* @__PURE__ */ new Set();
+      for (const r of t[s])
+        this._ifcSelection[e][s].add(r), n.add(parseInt(r, 10));
+      for (const r of n)
+        this.addComposites(e, o.mesh, r);
+      this.regenerate(e, s);
+    }
+    this.notifyChange(this);
+  }
+  pick(t, e) {
+    return super.pick(t, e).map((s) => ({
+      ...s,
+      entity: this,
+      features: s.features,
+      isIFCPickResult: !0,
+      object: s.object
+    }));
+  }
+  pickFeaturesFrom(t) {
+    var s, o, n;
+    const e = t.object;
+    if (e.fragment != null && t.instanceId != null && t.face) {
+      const r = e.fragment.getVertexBlockID(e.geometry, t.face.a), l = (s = e.fragment.getItemID(t.instanceId, r)) == null ? void 0 : s.replace(/\..*/, "");
+      if (l && ((n = (o = e.fragment.group) == null ? void 0 : o.properties) == null ? void 0 : n[l]) != null) {
+        const i = e.fragment.group.properties[l], m = [{ ifcProperties: this.getProperties(l), itemProperties: i }];
+        return t.features = m, m;
+      }
+    }
+    return [];
+  }
+  async initClassification() {
+    this._classificationCache = await this.regenerateClassification([
+      "storeys",
+      "entities"
+      /* ENTITY */
+    ]), this._classificationCache.length === 0 && (this._classificationCache = await this.regenerateClassification([
+      "entities"
+      /* ENTITY */
+    ])), this._fragmentBoundingBox = await this._components.tools.get(at);
+  }
+  async preprocess() {
+    const t = await E.fetchArrayBuffer(this._source.url);
+    this._fragmentManager = await this._components.tools.get(rt), this._fragmentClassifier = await this._components.tools.get(ct);
+    const e = new lt(this._components);
+    e.settings.webIfc.COORDINATE_TO_ORIGIN = !0, e.settings.webIfc.OPTIMIZE_PROFILES = !0;
+    const s = new Uint8Array(t);
+    this._model = await e.load(s, this._source.name), this._model.rotateX(Math.PI / 2);
+    const o = new bt();
+    if (this._source.at)
+      this._source.at.toVector3(o), this._model.position.copy(o);
+    else {
+      const r = this._model.coordinationMatrix.clone().invert();
+      o.applyMatrix4(r), this._model.position.set(o.x, -o.z, o.y);
+    }
+    this._model.updateWorldMatrix(!0, !0), this._model.updateMatrix(), this._model.updateMatrixWorld(!0), this.initializeEntityIndexes(), this._fragmentClassifier.byStorey(this._model), this._fragmentClassifier.byEntity(this._model), await this.initClassification(), this.object3d.add(this._model), this.onObjectCreated(this._model);
+    const n = E.getContext(this._source.url);
+    D(this, { filename: n.filename }), this.notifyChange(this.object3d);
+  }
+  addComposites(t, e, s) {
+    this.addHighlightToFragment(t, e.fragment);
+    const o = e.fragment.composites[s];
+    if (o)
+      for (let n = 1; n < o; n++) {
+        const r = ut(s, n);
+        this._ifcSelection[t][e.uuid].add(r);
+      }
+  }
+  addHighlightToFragment(t, e) {
+    if (!(t in e.fragments)) {
+      const s = e.addFragment(t, [Lt[t]]);
+      e.blocks.count > 1 && (s.setInstance(0, {
+        ids: Array.from(e.ids),
+        transform: x
+      }), s.blocks.setVisibility(!1)), this._model.add(s.mesh), s.mesh.renderOrder = 30, s.mesh.frustumCulled = !1, s.mesh.name = t, s.mesh.updateMatrixWorld(!0);
+    }
+  }
+  initializeEntityIndexes() {
+    this._indexMap = {};
+    const t = this._model.properties;
+    if (t !== void 0)
+      for (const e of Yt)
+        b.getRelationMap(t, e, (s, o) => {
+          const n = t[s];
+          jt.includes(n.type) || this.setEntityIndex(s);
+          for (const r of o)
+            this.setEntityIndex(r).add(s);
+        });
+  }
+  regenerate(t, e) {
+    this.updateFragmentFill(t, e);
+  }
+  async regenerateClassification(t, e = {}) {
+    const s = this._fragmentClassifier.get(), o = [], n = t[0], r = s[n];
+    if (n == null || r == null)
+      return o;
+    for (const l of Object.keys(r)) {
+      const h = { ...e, [n]: [l] }, i = await this._fragmentClassifier.find(h);
+      if (Object.keys(i).length > 0) {
+        const f = n[0].toUpperCase() + n.slice(1), p = await this.regenerateClassification(
+          t.slice(1),
+          h
+        );
+        o.push({ children: p, fragments: i, name: l, treeItemName: f });
+      }
+    }
+    return o;
+  }
+  setEntityIndex(t) {
+    return t in this._indexMap || (this._indexMap[t] = /* @__PURE__ */ new Set()), this._indexMap[t];
+  }
+  updateFragmentFill(t, e) {
+    const s = this._ifcSelection[t][e], o = this._fragmentManager.list[e];
+    if (o == null)
+      return;
+    const n = o.fragments[t];
+    if (n == null)
+      return;
+    const r = o.mesh.parent;
+    if (r == null)
+      return;
+    if (r.add(n.mesh), n.blocks.count > 1)
+      o.getInstance(0, x), n.setInstance(0, {
+        ids: Array.from(o.ids),
+        transform: x
+      }), n.blocks.setVisibility(!0, s, !0);
+    else {
+      let h = 0;
+      for (const i of s) {
+        n.mesh.count = h + 1;
+        const { instanceID: u } = o.getInstanceAndBlockID(i);
+        o.getInstance(u, x), n.setInstance(h, { ids: [i], transform: x }), h++;
+      }
+    }
+  }
+};
+d(v, "isIFCEntity", (t) => P(t) && t.isIfcEntity), d(v, "isIFCPickResult", (t) => P(t) && v.isIFCEntity(t.entity));
+let N = v;
+class Ut extends St {
+  constructor(a, t, e) {
+    super(a, t, e, { visibility: !0 });
+  }
+}
+const Vt = { class: "d-flex" }, Wt = ["title"], Gt = ["id"], $t = { class: "list-unstyled border-start" }, qt = /* @__PURE__ */ G({
+  __name: "IfcSubtree",
+  props: {
+    classificationElement: {},
+    ifcEntity: {}
+  },
+  setup(c) {
+    const a = c, t = _t.generateUUID(), e = `#${t}`, s = Pt(!1), o = ht(), n = mt();
+    function r() {
+      const i = a.ifcEntity.getBoundingBoxById(a.classificationElement.fragments);
+      i && !i.isEmpty() && (n.setClippingBox(i), n.enableClippingBox(!0));
+    }
+    function l() {
+      s.value = !0, a.ifcEntity.clearHighlight(), a.ifcEntity.highlightById(a.classificationElement.fragments), setTimeout(() => s.value = !1, 2e3);
+    }
+    function h() {
+      const i = a.ifcEntity.getBoundingBoxById(a.classificationElement.fragments);
+      i && !i.isEmpty() && o.lookTopDownAt(i);
+    }
+    return (i, u) => {
+      const m = Et("IfcSubtree", !0);
+      return y(), _("div", null, [
+        F("div", Vt, [
+          F("span", {
+            class: R([
+              "border rounded px-1 py-0 fw-normal",
+              s.value ? "text-danger border-danger" : "text-secondary border-secondary"
+            ]),
+            title: i.classificationElement.treeItemName
+          }, Ft(i.classificationElement.treeItemName), 11, Wt),
+          i.classificationElement.children.length > 0 ? (y(), Tt(A, { key: 0 }, {
+            default: j(() => [
+              w(M, {
+                title: "Expand group",
+                icon: "bi-chevron-down",
+                "data-bs-toggle": "collapse",
+                "data-bs-target": e,
+                "aria-controls": O(t),
+                "aria-expanded": "true"
+              }, null, 8, ["aria-controls"])
+            ]),
+            _: 1
+          })) : L("", !0),
+          w(ft, {
+            class: R(["label", s.value ? "text-danger-emphasis" : "text-muted"]),
+            text: i.classificationElement.name,
+            title: `Zoom to ${i.classificationElement.name}`,
+            onClick: h
+          }, null, 8, ["class", "text", "title"]),
+          w(A, { class: "ms-1" }, {
+            default: j(() => [
+              w(M, {
+                title: "Highlight",
+                icon: "bi-highlighter",
+                onClick: l
+              }),
+              w(M, {
+                title: "Clip to",
+                icon: "bi-bounding-box",
+                onClick: r
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        i.classificationElement.children.length > 0 ? (y(), _("div", {
+          key: 0,
+          id: O(t),
+          class: "collapse show"
+        }, [
+          F("ul", $t, [
+            (y(!0), _($, null, q(i.classificationElement.children, (f, p) => (y(), _("li", { key: p }, [
+              w(m, {
+                "ifc-entity": a.ifcEntity,
+                "classification-element": f
+              }, null, 8, ["ifc-entity", "classification-element"])
+            ]))), 128))
+          ])
+        ], 8, Gt)) : L("", !0)
+      ]);
+    };
+  }
+}), Ht = /* @__PURE__ */ Y(qt, [["__scopeId", "data-v-c2ab888d"]]), Qt = { key: 0 }, Jt = /* @__PURE__ */ G({
+  __name: "IfcPropertyView",
+  props: {
+    dataset: {}
+  },
+  setup(c) {
+    const a = pt(), t = c, e = gt(t.dataset, "isPreloaded");
+    function s() {
+      const n = o();
+      return n == null ? null : n.getClassification();
+    }
+    function o() {
+      const n = a.getEntity(t.dataset);
+      return n ?? null;
+    }
+    return (n, r) => O(e) ? (y(), _("div", Qt, [
+      F("ul", null, [
+        (y(!0), _($, null, q(s(), (l, h) => (y(), _("li", { key: h }, [
+          w(Ht, {
+            "ifc-entity": o(),
+            "classification-element": l
+          }, null, 8, ["ifc-entity", "classification-element"])
+        ]))), 128))
+      ])
+    ])) : L("", !0);
+  }
+}), Zt = /* @__PURE__ */ Y(Jt, [["__scopeId", "data-v-d2d82ae7"]]), Kt = (c) => {
+  if (J(c)) {
+    const a = c.object;
+    if (a.fragment != null && c.face && c.instanceId != null) {
+      const t = a.fragment.getVertexBlockID(a.geometry, c.face.a), e = a.fragment.getItemID(c.instanceId, t).replace(/\..*/, "");
+      return c.entity.highlight("selection", a, e), () => c.entity.clearHighlight();
+    }
+  }
+  return null;
+}, Xt = (c) => ({
+  name: c.filename,
+  source: {
+    url: c.file
+  },
+  type: "ifc",
+  visible: !0
+}), te = (c, a) => {
+  var l, h, i, u, m, f, p, I, C;
+  if (!J(c))
+    return;
+  const t = (l = c.features) == null ? void 0 : l.at(0);
+  if (!t)
+    return;
+  a.has("IFC") || a.set("IFC", []);
+  const e = a.get("IFC"), { ifcProperties: s, itemProperties: o } = t, n = "NULL", r = ((h = o.Name) == null ? void 0 : h.value) ?? n;
+  e.push({
+    key: "Site",
+    value: ((u = (i = c.entity.object3d.userData) == null ? void 0 : i.dataset) == null ? void 0 : u.name) ?? n
+  }), e.push({
+    key: "IFCType",
+    value: dt[o.type] ?? n
+  }), e.push({ key: "Name", value: r }), e.push({ key: "ID", value: o.expressID }), e.push({ key: "GlobalId", value: ((m = o.GlobalId) == null ? void 0 : m.value) ?? n }), ((f = o.Description) == null ? void 0 : f.value) != null && e.push({ key: "Description", value: o.Description.value }), ((p = o.PredefinedType) == null ? void 0 : p.value) != null && e.push({ key: "PredefinedType", value: o.PredefinedType.value }), ((I = o.ObjectType) == null ? void 0 : I.value) != null && e.push({ key: "ObjectType", value: o.ObjectType.value });
+  for (const { name: T, parentName: B, value: Z } of s)
+    a.has(B) || a.set(B, []), (C = a.get(B)) == null || C.push({ key: T, value: Z });
+}, ee = (c) => {
+  const a = c.dataset, t = a.config, e = U(t.source.position ?? a.get("position")), s = new N({
+    ...t.source,
+    at: e,
+    name: a.name
+  });
+  return Promise.resolve(s);
+};
+class be {
+  constructor() {
+    d(this, "name", "IFC");
+  }
+  async initialize(a) {
+    a.datasets.registerDatasetType("ifc", {
+      attributeExtractor: te,
+      entityBuilder: ee,
+      fileExtensions: ["ifc"],
+      highlight: Kt,
+      icon: "bi-building",
+      loader: Xt,
+      name: "IFC",
+      propertyView: Zt
+    }), tt.registerInspector("IfcEntity", Ut), await E.fetch("web-ifc.wasm").catch((t) => {
+      console.warn("Could not load web-ifc.wasm", t);
+    });
+  }
+}
+const S = class S extends xt {
+  constructor() {
+    super(...arguments);
+    d(this, "isPickableFeatures", !0);
+    d(this, "isPlyMesh", !0);
+  }
+  pickFeaturesFrom(t) {
+    if (this.geometry.hasAttribute("color") && t.face) {
+      const e = this.geometry.getAttribute("color").array, s = t.face, n = [{ color: new vt(
+        e[s.a * 3],
+        e[s.a * 3 + 1],
+        e[s.a * 3 + 2]
+      ) }];
+      return t.features = n, n;
+    }
+    return [];
+  }
+};
+d(S, "isPlyMesh", (t) => P(t) && t.isPlyMesh), d(S, "isPlyPickResult", (t) => P(t) && S.isPlyMesh(t == null ? void 0 : t.object));
+let k = S;
+class se extends V {
+  constructor(t) {
+    super(new W());
+    d(this, "isPlyEntity", !0);
+    d(this, "source");
+    this.source = t;
+  }
+  async preprocess() {
+    const t = await E.fetchArrayBuffer(this.source.url), e = this.source.at.as(this.source.featureProjection).toVector3(), o = new kt().parse(t), n = new It({
+      side: Ct
+    });
+    o.hasAttribute("color") && (n.vertexColors = !0), o.computeVertexNormals();
+    const r = new k(o, n);
+    r.name = "plyModel", o.computeBoundingBox(), r.position.copy(e), r.updateWorldMatrix(!0, !0), this.object3d.add(r), this.onObjectCreated(r);
+    const l = E.getContext(this.source.url);
+    D(this, { filename: l.filename }), this.notifyChange(this.object3d);
+  }
+}
+const oe = (c) => {
+  const { dataset: a, instance: t } = c, e = a.config, s = U(e.source.position ?? a.get("position")), o = new se({
+    ...e.source,
+    at: s,
+    featureProjection: t.referenceCrs
+  });
+  return Promise.resolve(o);
+}, ne = (c, a) => {
+  var s;
+  if (!k.isPlyPickResult(c))
+    return;
+  const t = (s = c.features) == null ? void 0 : s.at(0);
+  if (!t)
+    return;
+  a.has("PLY") || a.set("PLY", []), a.get("PLY").push({ key: "Color", value: t.color });
+};
+class we {
+  constructor() {
+    d(this, "name", "PLY");
+  }
+  initialize(a) {
+    a.datasets.registerDatasetType("ply", {
+      attributeExtractor: ne,
+      entityBuilder: oe,
+      icon: "bi-file-earmark-binary",
+      name: "PLY"
+    });
+  }
+}
+const ie = (c) => {
+  const a = c.dataset.config, t = new Bt({
+    source: new Mt({ url: `${a.source.url}/${a.source.filename}` })
+  });
+  return D(t, {
+    filename: a.source.url
+  }), Promise.resolve(t);
+};
+class _e {
+  constructor() {
+    d(this, "name", "Potree");
+  }
+  initialize(a) {
+    a.datasets.registerDatasetType("potree", {
+      entityBuilder: ie,
+      icon: "fg-multipoint",
+      name: "Potree Point Cloud"
+    });
+  }
+}
+class Ie {
+  constructor() {
+    d(this, "name", "Tour");
+    d(this, "_camera", null);
+    d(this, "_cameraCallback", null);
+    d(this, "_context", null);
+    d(this, "_tours", null);
+  }
+  initialize(a) {
+    this._context = a, a.events.addEventListener("ready", this.start.bind(this));
+  }
+  buildTours() {
+    const a = this._camera, t = new g.Tour({
+      tourName: "main",
+      useModalOverlay: !0
+    }), e = new g.Tour({
+      tourName: "navigating",
+      useModalOverlay: !0
+    }), s = new g.Tour({
+      tourName: "analyzing",
+      useModalOverlay: !0
+    }), o = [
+      { action: () => {
+        var i;
+        return (i = g.activeTour) == null ? void 0 : i.next();
+      }, text: "Next" },
+      { action: () => {
+        var i;
+        return (i = g.activeTour) == null ? void 0 : i.cancel();
+      }, secondary: !0, text: "Exit" }
+    ], n = () => {
+      var C, T;
+      const i = (C = g.activeTour) == null ? void 0 : C.getCurrentStep(), u = i == null ? void 0 : i.getElement(), m = u == null ? void 0 : u.querySelector(".shepherd-text"), f = (T = g.activeTour) == null ? void 0 : T.steps;
+      if (i == null || u == null || m == null || f == null)
+        return;
+      const p = document.createElement("div");
+      p.className = "progress mt-3", p.setAttribute("role", "progressbar"), p.style.height = "2px";
+      const I = document.createElement("div");
+      I.className = "progress-bar bg-success", I.style.width = `${100 * (f.indexOf(i) / f.length)}%`, p.appendChild(I), m.appendChild(p);
+    }, r = async (i, u) => new Promise((m) => {
+      const f = document.getElementById(i);
+      if (f && !f.classList.contains("active") && f.click(), document.querySelector(u))
+        return m(document.querySelector(u));
+      const p = new MutationObserver(() => {
+        document.querySelector(u) && (p.disconnect(), m(document.querySelector(u)));
+      });
+      p.observe(document.body, {
+        childList: !0,
+        subtree: !0
+      });
+    });
+    t.addStep({
+      buttons: [
+        {
+          action: () => {
+            var i;
+            (i = g.activeTour) == null || i.complete(), e.show(0);
+          },
+          text: "Navigating"
+        },
+        {
+          action: () => {
+            var i;
+            (i = g.activeTour) == null || i.complete(), s.show(0);
+          },
+          text: "Analyzing data"
+        },
+        {
+          action: () => {
+            var i;
+            return (i = g.activeTour) == null ? void 0 : i.cancel();
+          },
+          secondary: !0,
+          text: "Exit"
+        }
+      ],
+      cancelIcon: { enabled: !0, label: "Exit tutorial" },
+      id: "example-step",
+      text: "<p>Welcome to <strong>Piero</strong>, the Giro3D application.<br/>We can guide you through the different features.</p>",
+      title: "Welcome!",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#main-view",
+        on: "bottom"
+      },
+      buttons: o,
+      id: "view",
+      text: "<p>This is the <b>main view</b>.</p><p>Giro3D natively supports a broad range of data sources, from 2D raster and vector data, to 3D point clouds and tilesets.</p><p>Piero adds support for CityJSON and IFC files.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#main-view",
+        on: "bottom"
+      },
+      buttons: o,
+      id: "navigate",
+      text: '<p>This application integrates <a href="https://github.com/yomotsu/camera-controls">camera-controls</a>, a camera control for three.js.</p><p><b>Click</b> to move the camera. <b>Right-click</b> to rotate around a point. <b>Scroll</b> to zoom in or out.</p>',
+      when: {
+        hide: () => {
+          this._cameraCallback && a.removeEventListener("interaction-end", this._cameraCallback), this._cameraCallback = null;
+        },
+        show: () => {
+          let i = 0;
+          this._cameraCallback = () => {
+            var u;
+            i += 1, i > 2 && ((u = g.activeTour) == null || u.next());
+          }, a.addEventListener("interaction-end", this._cameraCallback), n();
+        }
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#toolbar",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-datasets", "#datasets-drop-zone"),
+      buttons: o,
+      id: "toolbar-layers",
+      text: "<p>Giro3D supports multiple datasets.</p><p>You can toggle datasets as you wish with the <b>Datasets</b> panel.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#basemap-list",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-datasets", "#datasets-drop-zone"),
+      buttons: o,
+      id: "basemaps",
+      text: "<p><b>Basemaps</b> are color and elevation layers that make the basic shape and aspect of the <b>Map</b>.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#overlay-list",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-datasets", "#datasets-drop-zone"),
+      buttons: o,
+      id: "overlays",
+      text: "<p><b>Overlays</b> are vector layers in various formats (WFS, GML, GeoJSON...).</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#dataset-list",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-datasets", "#datasets-drop-zone"),
+      buttons: o,
+      id: "layers",
+      text: "<p>The <b>Datasets</b> panel contains all 3D objects in the scene.</><p>You can toggle their visibility and delete them.<p><p>Most objects leverage Giro3D's adaptive resolution to optimize their display.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#datasets-drop-zone",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-datasets", "#datasets-drop-zone"),
+      buttons: o,
+      id: "adddata",
+      text: "<p>You can add your own data from your computer by <b>dragging the file</b> into this page.</p><p>While you won't benefit from Giro3D's tiling mechanism, this can be a great way to quickly visualize datasets up to 100MB.</p><p>This application supports CityJSONs, IFCs, LAS/LAZs, CSV pointclouds, and simple GeoJSON features.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#main-view",
+        on: "bottom"
+      },
+      buttons: o,
+      id: "attributes",
+      text: "<p>By clicking on any feature on the map, you can see its <strong>Attribute table</strong>. Clickable features display a cursor when hovered.</p>",
+      when: {
+        show: n
+      }
+    }), e.addStep({
+      attachTo: {
+        element: "#search-place-autocomplete",
+        on: "bottom"
+      },
+      buttons: [
+        {
+          action: () => {
+            var i;
+            (i = g.activeTour) == null || i.complete(), s.show(0);
+          },
+          text: "Analyzing data"
+        },
+        {
+          action: () => {
+            var i;
+            return (i = g.activeTour) == null ? void 0 : i.complete();
+          },
+          secondary: !0,
+          text: "Exit"
+        }
+      ],
+      id: "widgets",
+      text: "Giro3D is highly extensible. Here we added a widget to search and navigate to locations based on the French address database.",
+      when: {
+        show: n
+      }
+    }), s.addStep({
+      attachTo: {
+        element: "#annotations-fieldset",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-annotations", "#annotations-fieldset"),
+      buttons: o,
+      id: "annotation",
+      text: "<p>You can <strong>annotate</strong> any data displayed using Giro3D native tools.<br>Select the <strong>geometry</strong> of your annotation, and <strong>click</strong> on the scene to add points. <strong>Right-click</strong> to end the shape.</p>",
+      when: {
+        show: n
+      }
+    }), s.addStep({
+      attachTo: {
+        element: "#annotations-fieldset",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-annotations", "#annotations-fieldset"),
+      buttons: o,
+      id: "annotations",
+      text: "You can download your annotations as GeoJSON files. You can also upload your own by dragging them into this panel.",
+      when: {
+        show: n
+      }
+    }), yt("measurements") && s.addStep({
+      attachTo: {
+        element: "#panel-container",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-measures", "#measures-fieldset"),
+      buttons: o,
+      id: "measurements",
+      text: "You can add <strong>measurements</strong> to easily get distances betwween objects.<br>Once started, moving the mouse will display the measure. <strong>Click</strong> to save the measurement. <strong>Right-click</strong> to end.",
+      when: {
+        show: n
+      }
+    }), s.addStep({
+      attachTo: {
+        element: "#panel-container",
+        on: "right"
+      },
+      beforeShowPromise: () => r("toolbar-analysis", "#panel-container .card"),
+      buttons: [{ action: () => {
+        var i;
+        return (i = g.activeTour) == null ? void 0 : i.complete();
+      }, text: "Done!" }],
+      id: "analysis",
+      text: "In the <strong>Analysis</strong> panel you'll find some advanced analysis tools.",
+      when: {
+        show: n
+      }
+    });
+    const l = () => {
+      const i = new URL(document.URL);
+      i.searchParams.delete("tourStep"), i.searchParams.set("tour", "none"), window.history.replaceState({}, "", i.toString());
+    }, h = (i) => {
+      const u = new URL(document.URL);
+      let m = "main";
+      i.tour.id.startsWith("navigating") ? m = "navigating" : i.tour.id.startsWith("analyzing") && (m = "analyzing"), u.searchParams.set("tour", m), u.searchParams.set("tourStep", i.step.id), window.history.replaceState({}, "", u.toString());
+    };
+    return t.on("cancel", l), t.on("complete", l), t.on("show", h), e.on("cancel", l), e.on("complete", l), e.on("show", h), s.on("cancel", l), s.on("complete", l), s.on("show", h), { analyzingTour: s, mainTour: t, navigatingTour: e };
+  }
+  getTours() {
+    return this._tours || (this._tours = this.buildTours()), this._tours;
+  }
+  restart() {
+    const { mainTour: a } = this.getTours();
+    a.show(0);
+  }
+  start() {
+    if (!this._context)
+      throw new Error("module is not initialized");
+    const { analyzingTour: a, mainTour: t, navigatingTour: e } = this.getTours();
+    this._camera = this._context.view.getCameraController();
+    const s = new URL(document.URL), o = s.searchParams.get("tour") ?? "main";
+    if (o !== "none") {
+      const n = s.searchParams.get("tourStep") ?? 0;
+      o === "navigating" ? e.show(n) : o === "analyzing" ? a.show(n) : t.show(n);
+    }
+  }
+}
+export {
+  be as IFCLoader,
+  we as PLYLoader,
+  _e as PotreeLoader,
+  Ie as Tour
+};
+//# sourceMappingURL=modules.es.js.map