@thatopen/components 2.4.0-alpha.6 → 2.4.0-alpha.8

package/dist/index.mjs

@@ -24071,6 +24071,47 @@ const _Classifier = class _Classifier extends Component {
       found.resetColor(ids);
     }
   }
+  /**
+   * Exports the computed classification to persists them and import them back
+   * later for faster loading.
+   */
+  export() {
+    const exported = {};
+    for (const systemName in this.list) {
+      exported[systemName] = {};
+      const system = this.list[systemName];
+      for (const groupName in system) {
+        const group = system[groupName];
+        exported[systemName][groupName] = {
+          map: FRAGS.FragmentUtils.export(group.map),
+          name: group.name,
+          id: group.id
+        };
+      }
+    }
+    return JSON.stringify(exported);
+  }
+  /**
+   * Imports a classification previously exported with .export().
+   * @param data the serialized classification to import.
+   */
+  import(data) {
+    const imported = JSON.parse(data);
+    for (const systemName in imported) {
+      if (!this.list[systemName]) {
+        this.list[systemName] = {};
+      }
+      const system = imported[systemName];
+      for (const groupName in system) {
+        const group = system[groupName];
+        this.list[systemName][groupName] = {
+          map: FRAGS.FragmentUtils.import(group.map),
+          name: group.name,
+          id: group.id
+        };
+      }
+    }
+  }
   saveItem(group, systemName, className, expressID, parentID = null) {
     if (!this.list[systemName]) {
       this.list[systemName] = {};
@@ -24383,6 +24424,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
       this.webIfc.SetLogLevel(logLevel);
     }
     this.webIfc.OpenModelFromCallback(loadCallback, this.settings.webIfc);
+    this._nextAvailableID = this.webIfc.GetMaxExpressID(0);
   }
   async streamAllGeometries() {
     console.log("Converting geometries to tiles...");
@@ -24492,7 +24534,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
       const factor = isOpaque ? 1 : -1;
       const transpGeometryID = geometryID * factor;
       if (!this._visitedGeometries.has(transpGeometryID)) {
-        this.getGeometry(webIfc, geometryID, transpGeometryID);
+        this.getGeometry(webIfc, geometryID, isOpaque);
       }
       this.registerGeometryData(
         group,
@@ -24511,7 +24553,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
     }
     this._assets.push(asset);
   }
-  getGeometry(webIfc, id, transpGeometryID) {
+  getGeometry(webIfc, id, isOpaque) {
     const geometry = webIfc.GetGeometry(0, id);
     const index = webIfc.GetIndexArray(
       geometry.GetIndexData(),
@@ -24531,6 +24573,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
       normal[i / 2 + 1] = vertexData[i + 4];
       normal[i / 2 + 2] = vertexData[i + 5];
     }
+    const factor = isOpaque ? 1 : -1;
     if (index.length === 0) {
       const boundingBox2 = new Float32Array([
         0,
@@ -24559,6 +24602,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
       });
       const geomIndex = this._visitedGeometries.size;
       const uuid = THREE$1.MathUtils.generateUUID();
+      const transpGeometryID = id * factor;
       this._visitedGeometries.set(transpGeometryID, { uuid, index: geomIndex });
       this._geometryCount++;
       geometry.delete();
@@ -24608,6 +24652,7 @@ const _IfcGeometryTiler = class _IfcGeometryTiler extends Component {
       }
       const geomIndex = this._visitedGeometries.size;
       const uuid = THREE$1.MathUtils.generateUUID();
+      const transpGeometryID = geometryID * factor;
       this._visitedGeometries.set(transpGeometryID, { uuid, index: geomIndex });
       this._geometryCount++;
       firstSplit = false;
@@ -24827,9 +24872,9 @@ class Viewpoint {
      */
     __publicField(this, "clippingPlanes", new DataSet());
     __publicField(this, "camera", {
-      aspectRatio: 0,
-      fov: 0,
-      direction: { x: 0, y: 0, z: 80 },
+      aspectRatio: 1,
+      fov: 60,
+      direction: { x: 0, y: 0, z: 0 },
       position: { x: 0, y: 0, z: 0 }
     });
     /**
@@ -25069,6 +25114,19 @@ class Viewpoint {
     if (camera instanceof OrthoPerspectiveCamera) {
       camera.projection.set(this.projection);
     }
+    const basePosition = new THREE$1.Vector3(
+      this.camera.position.x,
+      this.camera.position.y,
+      this.camera.position.z
+    );
+    const baseTarget = new THREE$1.Vector3(
+      this.camera.direction.x,
+      this.camera.direction.y,
+      this.camera.direction.z
+    );
+    if (basePosition.equals(new THREE$1.Vector3()) && baseTarget.equals(new THREE$1.Vector3())) {
+      return;
+    }
     const position = this.position;
     const direction = this.direction;
     let target = {
@@ -25090,10 +25148,6 @@ class Viewpoint {
       target = bb.getSphere().center;
       bb.reset();
     }
-    const hider = this._components.get(Hider);
-    hider.set(this.defaultVisibility);
-    hider.set(!this.defaultVisibility, this.exception);
-    hider.set(true, selection);
     await camera.controls.setLookAt(
       position.x,
       position.y,
@@ -25154,6 +25208,12 @@ class Viewpoint {
     const manager = this._components.get(Viewpoints);
     manager.list.set(this.guid, this);
   }
+  applyVisibility() {
+    const hider = this._components.get(Hider);
+    hider.set(this.defaultVisibility);
+    hider.set(!this.defaultVisibility, this.exception);
+    hider.set(true, this.selection);
+  }
   /**
    * Applies color to the components in the viewpoint based on their GUIDs.
    *
@@ -25164,24 +25224,17 @@ class Viewpoint {
    * The color is applied using the `Classifier.setColor` method, which sets the color of the specified fragments.
    * The color is provided as a hexadecimal string, prefixed with a '#'.
    */
-  colorize() {
+  applyColors() {
     const manager = this._components.get(Viewpoints);
     const fragments = this._components.get(FragmentsManager);
     const classifier = this._components.get(Classifier);
     for (const [color, guids] of this.componentColors) {
       const fragmentIdMap = fragments.guidToFragmentIdMap(guids);
-      const threeColor = new THREE$1.Color(`#${color}`);
-      classifier.setColor(
-        fragmentIdMap,
-        threeColor,
-        manager.config.overwriteColors
-      );
+      classifier.setColor(fragmentIdMap, color, manager.config.overwriteColors);
     }
   }
   /**
    * Resets the colors of all components in the viewpoint to their original color.
-   * This method iterates through the `componentColors` map, retrieves the fragment IDs
-   * corresponding to each color, and then uses the `Classifier` to reset the color of those fragments.
    */
   resetColors() {
     const fragments = this._components.get(FragmentsManager);
@@ -25224,6 +25277,23 @@ class Viewpoint {
     }
     return tags;
   }
+  createColorTags() {
+    let colorTags = "";
+    for (const [color, components] of this.componentColors.entries()) {
+      const hex = `#${color.getHexString()}`;
+      const tags = components.map((globalId) => `
+<Component IfcGuid="${globalId}" />`).join("\n");
+      colorTags += `<Color Color="${hex}">
+${tags}
+</Color>`;
+    }
+    if (colorTags.length !== 0) {
+      return `<Coloring>
+${colorTags}
+</Coloring>`;
+    }
+    return `<Coloring />`;
+  }
   /**
    * Serializes the viewpoint into a buildingSMART compliant XML string for export.
    *
@@ -25282,6 +25352,7 @@ class Viewpoint {
     const viewSetupHints = `<ViewSetupHints SpacesVisible="${this.spacesVisible ?? false}" SpaceBoundariesVisible="${this.spaceBoundariesVisible ?? false}" OpeningsVisible="${this.openingsVisible ?? false}" />`;
     const selectionTags = (await this.createComponentTags("selection")).trim();
     const exceptionTags = (await this.createComponentTags("exception")).trim();
+    const colorTags = this.createColorTags();
     return `<?xml version="1.0" encoding="UTF-8"?>
     <VisualizationInfo Guid="${this.guid}">
       <Components>
@@ -25291,6 +25362,7 @@ class Viewpoint {
           ${version === "3" ? viewSetupHints : ""}
           ${exceptionTags.length !== 0 ? `<Exceptions>${exceptionTags}</Exceptions>` : ""}
         </Visibility>
+        ${colorTags}
       </Components>
       ${cameraXML}
     </VisualizationInfo>`;
@@ -27243,6 +27315,7 @@ const createEntityFacets = (components, elements) => {
     if (element.cardinality)
       facet.cardinality = element.cardinality;
     facet.predefinedType = getParameterValue(element.predefinedType);
+    facet.instructions = element.instructions;
     facets.push(facet);
   }
   return facets;
@@ -27258,6 +27331,7 @@ const createAttributeFacets = (components, elements) => {
     if (element.cardinality)
       facet.cardinality = element.cardinality;
     facet.value = getParameterValue(element.value);
+    facet.instructions = element.instructions;
     facets.push(facet);
   }
   return facets;
@@ -27281,6 +27355,7 @@ const createClassificationFacets = (components, elements) => {
     }
     facet.value = value;
     facet.uri = element.uri;
+    facet.instructions = element.instructions;
     facets.push(facet);
   }
   return facets;
@@ -27304,6 +27379,7 @@ const createPropertyFacets = (components, elements) => {
     facet.value = value;
     facet.dataType = element.dataType;
     facet.uri = element.uri;
+    facet.instructions = element.instructions;
     facets.push(facet);
   }
   return facets;
@@ -27343,12 +27419,14 @@ const _IDSSpecifications = class _IDSSpecifications extends Component {
    *
    * @returns The newly created IDSSpecification instance.
    */
-  create(name, ifcVersion) {
+  create(name, ifcVersion, identifier) {
     const specification = new IDSSpecification(
       this.components,
       name,
       ifcVersion
     );
+    if (identifier)
+      specification.identifier = identifier;
     this.list.set(specification.identifier, specification);
     return specification;
   }
@@ -27368,7 +27446,7 @@ const _IDSSpecifications = class _IDSSpecifications extends Component {
     if (specifications && specifications.specification) {
       const specs = Array.isArray(specifications.specification) ? specifications.specification : [specifications.specification];
       for (const spec of specs) {
-        const { name, ifcVersion } = spec;
+        const { name, ifcVersion, description, instructions, identifier } = spec;
         if (!(name && ifcVersion))
           continue;
         const applicabilities = [];
@@ -27387,8 +27465,10 @@ const _IDSSpecifications = class _IDSSpecifications extends Component {
             }
           }
         }
+        let requirementsDescription;
         if (requirements) {
           const { maxOccurs, ...rest } = requirements;
+          requirementsDescription = requirements.description;
           const facets = Array.isArray(rest) ? rest : [rest];
           for (const facet of facets) {
             for (const facetName in facet) {
@@ -27416,7 +27496,14 @@ const _IDSSpecifications = class _IDSSpecifications extends Component {
           }
         }
         if (applicabilities.length > 0 && reqs.length > 0) {
-          const specification = this.create(name, ifcVersion.split(/\s+/));
+          const specification = this.create(
+            name,
+            ifcVersion.split(/\s+/),
+            identifier
+          );
+          specification.description = description;
+          specification.instructions = instructions;
+          specification.requirementsDescription = requirementsDescription;
           specification.applicability.add(...applicabilities);
           specification.requirements.add(...reqs);
           result.push(specification);