@thatopen/components 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/namespace.d.ts

@@ -51,6 +51,19 @@ export declare class Components implements Disposable {
     private update;
     private static setupBVH;
 }
+import { Component, Disposable, World, Event } from "../Types";
+import { SimpleRaycaster } from "./src";
+import { Components } from "../Components";
+export declare class Raycasters extends Component implements Disposable {
+    static readonly uuid: "d5d8bdf0-db25-4952-b951-b643af207ace";
+    enabled: boolean;
+    list: Map<string, SimpleRaycaster>;
+    onDisposed: Event<unknown>;
+    constructor(components: Components);
+    get(world: World): SimpleRaycaster;
+    delete(world: World): void;
+    dispose(): void;
+}
 import * as THREE from "three";
 import { Components } from "../Components";
 import { Component } from "../Types";
@@ -95,35 +108,6 @@ export declare class Disposer extends Component {
     private static disposeMaterial;
 }
 import { Component, Disposable, World, Event } from "../Types";
-import { SimpleRaycaster } from "./src";
-import { Components } from "../Components";
-export declare class Raycasters extends Component implements Disposable {
-    static readonly uuid: "d5d8bdf0-db25-4952-b951-b643af207ace";
-    enabled: boolean;
-    list: Map<string, SimpleRaycaster>;
-    onDisposed: Event<unknown>;
-    constructor(components: Components);
-    get(world: World): SimpleRaycaster;
-    delete(world: World): void;
-    dispose(): void;
-}
-import { Component, Disposable, Updateable, World, Event, BaseScene, BaseCamera, BaseRenderer } from "../Types";
-import { Components } from "../Components";
-import { SimpleWorld } from "./src";
-export declare class Worlds extends Component implements Updateable, Disposable {
-    static readonly uuid: "fdb61dc4-2ec1-4966-b83d-54ea795fad4a";
-    readonly onAfterUpdate: Event<unknown>;
-    readonly onBeforeUpdate: Event<unknown>;
-    readonly onDisposed: Event<unknown>;
-    list: Map<string, World>;
-    enabled: boolean;
-    constructor(components: Components);
-    create<T extends BaseScene = BaseScene, U extends BaseCamera = BaseCamera, S extends BaseRenderer = BaseRenderer>(): SimpleWorld<T, U, S>;
-    delete(world: World): void;
-    dispose(): void;
-    update(delta?: number): void | Promise<void>;
-}
-import { Component, Disposable, World, Event } from "../Types";
 import { GridConfig, SimpleGrid } from "./src";
 export declare class Grids extends Component implements Disposable {
     static readonly uuid: "d1e814d5-b81c-4452-87a2-f039375e0489";
@@ -177,7 +161,7 @@ export declare class Clipper<T extends SimplePlane> extends Component implements
      * has to be 'true' for this to apply.
      */
     toleranceOrthogonalY: number;
-    planes: T[];
+    list: T[];
     protected PlaneType: new (...args: any) => SimplePlane | T;
     /** The material used in all the clipping planes. */
     protected _material: THREE.Material;
@@ -239,6 +223,44 @@ export declare class Clipper<T extends SimplePlane> extends Component implements
     private _onStartDragging;
     private _onEndDragging;
 }
+import { Component, Disposable, Updateable, World, Event, BaseScene, BaseCamera, BaseRenderer } from "../Types";
+import { Components } from "../Components";
+import { SimpleWorld } from "./src";
+export declare class Worlds extends Component implements Updateable, Disposable {
+    static readonly uuid: "fdb61dc4-2ec1-4966-b83d-54ea795fad4a";
+    readonly onAfterUpdate: Event<unknown>;
+    readonly onBeforeUpdate: Event<unknown>;
+    readonly onDisposed: Event<unknown>;
+    list: Map<string, World>;
+    enabled: boolean;
+    constructor(components: Components);
+    create<T extends BaseScene = BaseScene, U extends BaseCamera = BaseCamera, S extends BaseRenderer = BaseRenderer>(): SimpleWorld<T, U, S>;
+    delete(world: World): void;
+    dispose(): void;
+    update(delta?: number): void | Promise<void>;
+}
+import { Components } from "../Components";
+import { MeshCullerRenderer, CullerRendererSettings } from "./src";
+import { Component, Event, Disposable, World } from "../Types";
+/**
+ * A tool to handle big scenes efficiently by automatically hiding the objects
+ * that are not visible to the camera.
+ */
+export declare class Cullers extends Component implements Disposable {
+    static readonly uuid: "69f2a50d-c266-44fc-b1bd-fa4d34be89e6";
+    private _enabled;
+    list: Map<string, MeshCullerRenderer>;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    /** {@link Component.enabled} */
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    constructor(components: Components);
+    create(world: World, config?: Partial<CullerRendererSettings>): MeshCullerRenderer;
+    delete(world: World): void;
+    /** {@link Disposable.dispose} */
+    dispose(): void;
+}
 import * as THREE from "three";
 import { Component, Disposable, Event, World } from "../Types";
 import { Components } from "../Components";
@@ -300,28 +322,39 @@ export declare class Materials extends Component implements Disposable {
      */
     removeMeshes(id: string, meshes: THREE.Mesh[]): void;
 }
-import { Components } from "../Components";
-import { MeshCullerRenderer, CullerRendererSettings } from "./src";
-import { Component, Event, Disposable, World } from "../Types";
-/**
- * A tool to handle big scenes efficiently by automatically hiding the objects
- * that are not visible to the camera.
- */
-export declare class Cullers extends Component implements Disposable {
-    static readonly uuid: "69f2a50d-c266-44fc-b1bd-fa4d34be89e6";
-    private _enabled;
-    list: Map<string, MeshCullerRenderer>;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    /** {@link Component.enabled} */
-    get enabled(): boolean;
-    set enabled(value: boolean);
-    constructor(components: Components);
-    create(world: World, config?: Partial<CullerRendererSettings>): MeshCullerRenderer;
-    delete(world: World): void;
-    /** {@link Disposable.dispose} */
-    dispose(): void;
+import * as THREE from "three";
+export interface MeasureEdge {
+    distance: number;
+    points: THREE.Vector3[];
+}
+export declare class MeasurementUtils {
+    static getFace(mesh: THREE.InstancedMesh | THREE.Mesh, triangleIndex: number, instance?: number): {
+        edges: MeasureEdge[];
+        indices: Set<number>;
+    } | null;
+    static distanceFromPointToLine(point: THREE.Vector3, lineStart: THREE.Vector3, lineEnd: THREE.Vector3, clamp?: boolean): number;
+    private static getFaceData;
+    static getVerticesAndNormal(mesh: THREE.Mesh | THREE.InstancedMesh, faceIndex: number, instance: number | undefined): {
+        p1: THREE.Vector3;
+        p2: THREE.Vector3;
+        p3: THREE.Vector3;
+        faceNormal: THREE.Vector3;
+    };
+    private static round;
 }
+export declare class UUID {
+    private static _pattern;
+    private static _lut;
+    static create(): string;
+    static validate(uuid: string): void;
+}
+import * as THREE from "three";
+export declare function obbFromPoints(vertices: ArrayLike<number>): {
+    center: THREE.Vector3;
+    halfSizes: THREE.Vector3;
+    rotation: THREE.Matrix3;
+    transformation: THREE.Matrix4;
+};
 import * as WEBIFC from "web-ifc";
 import * as FRAG from "bim-fragment";
 /**
@@ -338,140 +371,6 @@ export declare class IfcJsonExporter {
      */
     export(webIfc: WEBIFC.IfcAPI, modelID: number, indirect?: boolean, recursiveSpatial?: boolean): Promise<FRAG.IfcProperties>;
 }
-import { FragmentsGroup } from "bim-fragment";
-import { Disposable, Event, Component, Components } from "../../core";
-import { IfcPropertiesManager } from "../IfcPropertiesManager";
-interface IndexMap {
-    [modelID: string]: {
-        [expressID: string]: Set<number>;
-    };
-}
-export declare class IfcPropertiesIndexer extends Component implements Disposable {
-    static readonly uuid: "23a889ab-83b3-44a4-8bee-ead83438370b";
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<string>;
-    enabled: boolean;
-    relationsToProcess: number[];
-    indexMap: IndexMap;
-    private _propertiesManager;
-    readonly onPropertiesManagerSet: Event<IfcPropertiesManager>;
-    set propertiesManager(manager: IfcPropertiesManager | null);
-    get propertiesManager(): IfcPropertiesManager | null;
-    constructor(components: Components);
-    private onFragmentsDisposed;
-    dispose(): Promise<void>;
-    getProperties(model: FragmentsGroup, id: string): Promise<any[] | null>;
-    private getNestedPsets;
-    private getPsetProperties;
-    process(model: FragmentsGroup): Promise<void>;
-    private setEntityIndex;
-    private cloneProperty;
-    private clonePropertyArray;
-}
-export {};
-import * as FRAGS from "bim-fragment";
-import { FragmentsGroup } from "bim-fragment";
-import { Disposable, Event, Component, Components } from "../../core";
-import { QueryGroup } from "./src/types";
-export interface QueryResult {
-    [modelID: string]: {
-        modelEntities: Set<number>;
-        otherEntities: Set<number>;
-    };
-}
-export interface IndexedModels {
-    [modelID: string]: {
-        [expressID: number]: Set<number>;
-    };
-}
-export declare class IfcPropertiesFinder extends Component implements Disposable {
-    readonly onFound: Event<FRAGS.FragmentIdMap>;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    enabled: boolean;
-    indexedModels: IndexedModels;
-    private readonly _conditionFunctions;
-    private _noHandleAttributes;
-    constructor(components: Components);
-    private onFragmentsDisposed;
-    dispose(): void;
-    private indexEntityRelations;
-    find(groups: QueryGroup[], queryModels?: FragmentsGroup[]): Promise<FRAGS.FragmentIdMap>;
-    private toFragmentMap;
-    private simpleQuery;
-    private getMatchingEntities;
-    private combineArrays;
-    private getCommonElements;
-    private arrayIntersection;
-    private arrayUnion;
-    private getConditionFunctions;
-}
-import * as THREE from "three";
-import * as FRAGS from "bim-fragment";
-import { FragmentsGroup } from "bim-fragment";
-import { Component, Components, Disposable, Event } from "../../core";
-/**
- * A simple implementation of bounding box that works for fragments. The resulting bbox is not 100% precise, but
- * it's fast, and should suffice for general use cases such as camera zooming or general boundary determination.
- */
-export declare class FragmentBoundingBox extends Component implements Disposable {
-    static readonly uuid: "d1444724-dba6-4cdd-a0c7-68ee1450d166";
-    /** {@link Component.enabled} */
-    enabled: boolean;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    private _absoluteMin;
-    private _absoluteMax;
-    private _meshes;
-    constructor(components: Components);
-    static getDimensions(bbox: THREE.Box3): {
-        width: number;
-        height: number;
-        depth: number;
-        center: THREE.Vector3;
-    };
-    static newBound(positive: boolean): THREE.Vector3;
-    static getBounds(points: THREE.Vector3[], min?: THREE.Vector3, max?: THREE.Vector3): THREE.Box3;
-    /** {@link Disposable.dispose} */
-    dispose(): void;
-    get(): THREE.Box3;
-    getSphere(): THREE.Sphere;
-    getMesh(): THREE.Mesh<THREE.BoxGeometry, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    reset(): void;
-    add(group: FragmentsGroup): void;
-    addMesh(mesh: THREE.InstancedMesh | THREE.Mesh | FRAGS.CurveMesh): void;
-    private static getFragmentBounds;
-}
-import * as FRAGS from "bim-fragment";
-import { Disposable, Component, Event, Components } from "../../core";
-export interface Classification {
-    [system: string]: {
-        [className: string]: FRAGS.FragmentIdMap;
-    };
-}
-export declare class FragmentClassifier extends Component implements Disposable {
-    static readonly uuid: "e25a7f3c-46c4-4a14-9d3d-5115f24ebeb7";
-    /** {@link Component.enabled} */
-    enabled: boolean;
-    private _groupSystems;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    constructor(components: Components);
-    private onFragmentsDisposed;
-    /** {@link Component.get} */
-    get(): Classification;
-    dispose(): void;
-    remove(guid: string): void;
-    find(filter?: {
-        [name: string]: string[];
-    }): FRAGS.FragmentIdMap;
-    byModel(modelID: string, group: FRAGS.FragmentsGroup): void;
-    byPredefinedType(group: FRAGS.FragmentsGroup): Promise<void>;
-    byEntity(group: FRAGS.FragmentsGroup): void;
-    byStorey(group: FRAGS.FragmentsGroup): void;
-    byIfcRel(group: FRAGS.FragmentsGroup, ifcRel: number, systemName: string): Promise<void>;
-    private saveItem;
-}
 import * as WEBIFC from "web-ifc";
 import { FragmentsGroup } from "bim-fragment";
 import { Component, Disposable, Event, Components } from "../../core";
@@ -545,49 +444,213 @@ export declare class IfcPropertiesManager extends Component implements Disposabl
     setAttributeListener(model: FragmentsGroup, expressID: number, attributeName: string): Promise<Event<String | Number | Boolean>>;
 }
 export {};
-import { Fragment, FragmentsGroup } from "bim-fragment";
-import * as THREE from "three";
-import { Component, Components, Event, Disposable } from "../../core";
-/**
- * Object that can efficiently load binary files that contain
- * [fragment geometry](https://github.com/ThatOpen/engine_fragment).
- */
-export declare class FragmentManager extends Component implements Disposable {
-    static readonly uuid: "fef46874-46a3-461b-8c44-2922ab77c806";
+import * as FRAGS from "bim-fragment";
+import { FragmentsGroup } from "bim-fragment";
+import { Disposable, Event, Component, Components } from "../../core";
+import { QueryGroup } from "./src/types";
+export interface QueryResult {
+    [modelID: string]: {
+        modelEntities: Set<number>;
+        otherEntities: Set<number>;
+    };
+}
+export interface IndexedModels {
+    [modelID: string]: {
+        [expressID: number]: Set<number>;
+    };
+}
+export declare class IfcPropertiesFinder extends Component implements Disposable {
+    readonly onFound: Event<FRAGS.FragmentIdMap>;
     /** {@link Disposable.onDisposed} */
     readonly onDisposed: Event<unknown>;
-    readonly onFragmentsLoaded: Event<FragmentsGroup>;
-    readonly onFragmentsDisposed: Event<{
-        groupID: string;
-        fragmentIDs: string[];
-    }>;
-    /** All the created [fragments](https://github.com/ThatOpen/engine_fragment). */
-    readonly list: Map<string, Fragment>;
-    readonly groups: Map<string, FragmentsGroup>;
-    /** {@link Component.enabled} */
     enabled: boolean;
-    baseCoordinationModel: string;
-    private _loader;
-    /** The list of meshes of the created fragments. */
-    get meshes(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>[];
+    indexedModels: IndexedModels;
+    private readonly _conditionFunctions;
+    private _noHandleAttributes;
+    constructor(components: Components);
+    private onFragmentsDisposed;
+    dispose(): void;
+    private indexEntityRelations;
+    find(groups: QueryGroup[], queryModels?: FragmentsGroup[]): Promise<FRAGS.FragmentIdMap>;
+    private toFragmentMap;
+    private simpleQuery;
+    private getMatchingEntities;
+    private combineArrays;
+    private getCommonElements;
+    private arrayIntersection;
+    private arrayUnion;
+    private getConditionFunctions;
+}
+import * as THREE from "three";
+import { Components } from "../../core/Components";
+import { SimpleCamera } from "../../core";
+import { NavigationMode, NavModeID, ProjectionManager } from "./src";
+/**
+ * A flexible camera that uses
+ * [yomotsu's cameracontrols](https://github.com/yomotsu/camera-controls) to
+ * easily control the camera in 2D and 3D. It supports multiple navigation
+ * modes, such as 2D floor plan navigation, first person and 3D orbit.
+ */
+export declare class OrthoPerspectiveCamera extends SimpleCamera {
+    /**
+     * The current {@link NavigationMode}.
+     */
+    mode: NavigationMode;
+    readonly projection: ProjectionManager;
+    readonly threeOrtho: THREE.OrthographicCamera;
+    protected readonly _userInputButtons: any;
+    protected readonly _frustumSize = 50;
+    protected readonly _navigationModes: Map<NavModeID, NavigationMode>;
+    get current(): THREE.PerspectiveCamera | THREE.OrthographicCamera;
     constructor(components: Components);
     /** {@link Disposable.dispose} */
     dispose(): void;
-    disposeGroup(group: FragmentsGroup): void;
     /**
-     * Loads one or many fragments into the scene.
-     * @param data - the bytes containing the data for the fragments to load.
-     * @param coordinate - whether this fragmentsgroup should be federated with the others.
-     * @returns the list of IDs of the loaded fragments.
+     * Sets a new {@link NavigationMode} and disables the previous one.
+     *
+     * @param mode - The {@link NavigationMode} to set.
      */
-    load(data: Uint8Array, coordinate?: boolean): FragmentsGroup;
+    set(mode: NavModeID): void;
     /**
-     * Export the specified fragments.
-     * @param group - the fragments group to be exported.
-     * @returns the exported data as binary buffer.
+     * Make the camera view fit all the specified meshes.
+     *
+     * @param meshes the meshes to fit. If it is not defined, it will
+     * evaluate {@link Components.meshes}.
+     * @param offset the distance to the fit object
      */
-    export(group: FragmentsGroup): Uint8Array;
-    coordinate(models?: FragmentsGroup[]): void;
+    fit(meshes: Iterable<THREE.Mesh>, offset?: number): Promise<void>;
+    /**
+     * Allows or prevents all user input.
+     *
+     * @param active - whether to enable or disable user inputs.
+     */
+    setUserInput(active: boolean): void;
+    private disableUserInput;
+    private enableUserInput;
+    private newOrthoCamera;
+    private setOrthoCameraAspect;
+}
+import { FragmentsGroup } from "bim-fragment";
+import { Disposable, Event, Component, Components } from "../../core";
+import { IfcPropertiesManager } from "../IfcPropertiesManager";
+interface IndexMap {
+    [modelID: string]: {
+        [expressID: string]: Set<number>;
+    };
+}
+export declare class IfcPropertiesIndexer extends Component implements Disposable {
+    static readonly uuid: "23a889ab-83b3-44a4-8bee-ead83438370b";
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<string>;
+    enabled: boolean;
+    relationsToProcess: number[];
+    indexMap: IndexMap;
+    private _propertiesManager;
+    readonly onPropertiesManagerSet: Event<IfcPropertiesManager>;
+    set propertiesManager(manager: IfcPropertiesManager | null);
+    get propertiesManager(): IfcPropertiesManager | null;
+    constructor(components: Components);
+    private onFragmentsDisposed;
+    dispose(): Promise<void>;
+    getProperties(model: FragmentsGroup, id: string): Promise<any[] | null>;
+    private getNestedPsets;
+    private getPsetProperties;
+    process(model: FragmentsGroup): Promise<void>;
+    private setEntityIndex;
+    private cloneProperty;
+    private clonePropertyArray;
+}
+export {};
+import * as FRAGS from "bim-fragment";
+import { Disposable, Component, Event, Components } from "../../core";
+export interface Classification {
+    [system: string]: {
+        [className: string]: FRAGS.FragmentIdMap;
+    };
+}
+export declare class FragmentClassifier extends Component implements Disposable {
+    static readonly uuid: "e25a7f3c-46c4-4a14-9d3d-5115f24ebeb7";
+    /** {@link Component.enabled} */
+    enabled: boolean;
+    private _groupSystems;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    constructor(components: Components);
+    private onFragmentsDisposed;
+    /** {@link Component.get} */
+    get(): Classification;
+    dispose(): void;
+    remove(guid: string): void;
+    find(filter?: {
+        [name: string]: string[];
+    }): FRAGS.FragmentIdMap;
+    byModel(modelID: string, group: FRAGS.FragmentsGroup): void;
+    byPredefinedType(group: FRAGS.FragmentsGroup): Promise<void>;
+    byEntity(group: FRAGS.FragmentsGroup): void;
+    byStorey(group: FRAGS.FragmentsGroup): void;
+    byIfcRel(group: FRAGS.FragmentsGroup, ifcRel: number, systemName: string): Promise<void>;
+    private saveItem;
+}
+import * as THREE from "three";
+import * as FRAGS from "bim-fragment";
+import { FragmentsGroup } from "bim-fragment";
+import { Component, Components, Disposable, Event } from "../../core";
+/**
+ * A simple implementation of bounding box that works for fragments. The resulting bbox is not 100% precise, but
+ * it's fast, and should suffice for general use cases such as camera zooming or general boundary determination.
+ */
+export declare class FragmentBoundingBox extends Component implements Disposable {
+    static readonly uuid: "d1444724-dba6-4cdd-a0c7-68ee1450d166";
+    /** {@link Component.enabled} */
+    enabled: boolean;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    private _absoluteMin;
+    private _absoluteMax;
+    private _meshes;
+    constructor(components: Components);
+    static getDimensions(bbox: THREE.Box3): {
+        width: number;
+        height: number;
+        depth: number;
+        center: THREE.Vector3;
+    };
+    static newBound(positive: boolean): THREE.Vector3;
+    static getBounds(points: THREE.Vector3[], min?: THREE.Vector3, max?: THREE.Vector3): THREE.Box3;
+    /** {@link Disposable.dispose} */
+    dispose(): void;
+    get(): THREE.Box3;
+    getSphere(): THREE.Sphere;
+    getMesh(): THREE.Mesh<THREE.BoxGeometry, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
+    reset(): void;
+    add(group: FragmentsGroup): void;
+    addMesh(mesh: THREE.InstancedMesh | THREE.Mesh | FRAGS.CurveMesh): void;
+    private static getFragmentBounds;
+}
+import { Component, Disposable, Event, Components } from "../../core";
+export declare class FragmentExploder extends Component implements Disposable {
+    static readonly uuid: "d260618b-ce88-4c7d-826c-6debb91de3e2";
+    enabled: boolean;
+    height: number;
+    groupName: string;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<string>;
+    list: Set<string>;
+    constructor(components: Components);
+    dispose(): void;
+    explode(): void;
+    reset(): void;
+    update(): void;
+}
+import * as FRAGS from "bim-fragment";
+import { Components, Component } from "../../core";
+export declare class FragmentHider extends Component {
+    static readonly uuid: "dd9ccf2d-8a21-4821-b7f6-2949add16a29";
+    enabled: boolean;
+    constructor(components: Components);
+    set(visible: boolean, items?: FRAGS.FragmentIdMap): void;
+    isolate(items: FRAGS.FragmentIdMap): void;
+    private updateCulledVisibility;
 }
 import * as WEBIFC from "web-ifc";
 import * as FRAGS from "bim-fragment";
@@ -621,35 +684,90 @@ export declare class FragmentIfcLoader extends Component implements Disposable {
     private getGeometry;
     private autoSetWasm;
 }
+import { Fragment, FragmentsGroup } from "bim-fragment";
 import * as THREE from "three";
-export declare function obbFromPoints(vertices: ArrayLike<number>): {
-    center: THREE.Vector3;
-    halfSizes: THREE.Vector3;
-    rotation: THREE.Matrix3;
-    transformation: THREE.Matrix4;
-};
-export declare function isPointInFrontOfPlane(point: number[], planePoint: number[], planeNormal: number[]): boolean;
+import { Component, Components, Event, Disposable } from "../../core";
+/**
+ * Object that can efficiently load binary files that contain
+ * [fragment geometry](https://github.com/ThatOpen/engine_fragment).
+ */
+export declare class FragmentManager extends Component implements Disposable {
+    static readonly uuid: "fef46874-46a3-461b-8c44-2922ab77c806";
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    readonly onFragmentsLoaded: Event<FragmentsGroup>;
+    readonly onFragmentsDisposed: Event<{
+        groupID: string;
+        fragmentIDs: string[];
+    }>;
+    /** All the created [fragments](https://github.com/ThatOpen/engine_fragment). */
+    readonly list: Map<string, Fragment>;
+    readonly groups: Map<string, FragmentsGroup>;
+    /** {@link Component.enabled} */
+    enabled: boolean;
+    baseCoordinationModel: string;
+    private _loader;
+    /** The list of meshes of the created fragments. */
+    get meshes(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>[];
+    constructor(components: Components);
+    /** {@link Disposable.dispose} */
+    dispose(): void;
+    disposeGroup(group: FragmentsGroup): void;
+    /**
+     * Loads one or many fragments into the scene.
+     * @param data - the bytes containing the data for the fragments to load.
+     * @param coordinate - whether this fragmentsgroup should be federated with the others.
+     * @returns the list of IDs of the loaded fragments.
+     */
+    load(data: Uint8Array, coordinate?: boolean): FragmentsGroup;
+    /**
+     * Export the specified fragments.
+     * @param group - the fragments group to be exported.
+     * @returns the exported data as binary buffer.
+     */
+    export(group: FragmentsGroup): Uint8Array;
+    coordinate(models?: FragmentsGroup[]): void;
+}
 import * as THREE from "three";
 export declare class MaterialsUtils {
     static isTransparent(material: THREE.Material): boolean;
 }
-export declare class UUID {
-    private static _pattern;
-    private static _lut;
-    static create(): string;
-    static validate(uuid: string): void;
+import * as THREE from "three";
+import { Component, Components, Event, World, Disposable } from "../core";
+export interface VertexPickerConfig {
+    showOnlyVertex: boolean;
+    snapDistance: number;
+    previewElement: HTMLElement;
+}
+export declare class VertexPicker extends Component implements Disposable {
+    onVertexFound: Event<THREE.Vector3>;
+    onVertexLost: Event<THREE.Vector3>;
+    components: Components;
+    private _pickedPoint;
+    private _config;
+    private _enabled;
+    private _workingPlane;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    set enabled(value: boolean);
+    get enabled(): boolean;
+    constructor(components: Components, config?: Partial<VertexPickerConfig>);
+    [Symbol.dispose](): void;
+    set workingPlane(plane: THREE.Plane | null);
+    get workingPlane(): THREE.Plane | null;
+    set config(value: Partial<VertexPickerConfig>);
+    get config(): Partial<VertexPickerConfig>;
+    dispose(): void;
+    get(world: World): THREE.Vector3 | null;
+    private getClosestVertex;
+    private getVertices;
+    private getVertex;
 }
-export declare const IfcElements: {
+export declare function isPointInFrontOfPlane(point: number[], planePoint: number[], planeNormal: number[]): boolean;
+export declare const IfcCategoryMap: {
     [key: number]: string;
 };
-import * as WEBIFC from "web-ifc";
-export interface IfcItemsCategories {
-    [itemID: number]: number;
-}
-export declare class IfcCategories {
-    getAll(webIfc: WEBIFC.IfcAPI, modelID: number): IfcItemsCategories;
-}
-export declare const IfcCategoryMap: {
+export declare const IfcElements: {
     [key: number]: string;
 };
 import * as FRAGS from "bim-fragment";
@@ -661,48 +779,30 @@ export declare class IfcPropertiesUtils {
     static getRelationMap(model: FRAGS.FragmentsGroup, relationType: number, onElementsFound?: (relatingID: number, relatedIDs: number[]) => Promise<void>): Promise<{
         [relatingID: number]: number[];
     }>;
-    static getQsetQuantities(model: FRAGS.FragmentsGroup, expressID: number, onQuantityFound?: (expressID: number) => void): Promise<number[] | null>;
-    static getPsetProps(model: FRAGS.FragmentsGroup, expressID: number, onPropFound?: (expressID: number) => void): Promise<number[] | null>;
-    static getPsetRel(model: FRAGS.FragmentsGroup, psetID: number): Promise<number | null>;
-    static getQsetRel(model: FRAGS.FragmentsGroup, qsetID: number): Promise<number | null>;
-    static getEntityName(model: FRAGS.FragmentsGroup, entityID: number): Promise<{
-        key: string | null;
-        name: string | null;
-    }>;
-    static getQuantityValue(model: FRAGS.FragmentsGroup, quantityID: number): Promise<{
-        key: string | null;
-        value: number | null;
-    }>;
-    static isRel(expressID: number): boolean;
-    static attributeExists(model: FRAGS.FragmentsGroup, expressID: number, attribute: string): Promise<boolean>;
-    static groupEntitiesByType(model: FRAGS.FragmentsGroup, expressIDs: Set<number> | number[]): Promise<Map<number, Set<number>>>;
-}
-import * as THREE from "three";
-import { Disposable, Event } from "../../Types";
-/**
- * A helper to easily get the real position of the mouse in the Three.js canvas
- * to work with tools like the
- * [raycaster](https://threejs.org/docs/#api/en/core/Raycaster), even if it has
- * been transformed through CSS or doesn't occupy the whole screen.
- */
-export declare class Mouse implements Disposable {
-    dom: HTMLCanvasElement;
-    private _event?;
-    private _position;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    constructor(dom: HTMLCanvasElement);
-    /**
-     * The real position of the mouse of the Three.js canvas.
-     */
-    get position(): THREE.Vector2;
-    /** {@link Disposable.dispose} */
-    dispose(): void;
-    private getPositionY;
-    private getPositionX;
-    private updateMouseInfo;
-    private setupEvents;
+    static getQsetQuantities(model: FRAGS.FragmentsGroup, expressID: number, onQuantityFound?: (expressID: number) => void): Promise<number[] | null>;
+    static getPsetProps(model: FRAGS.FragmentsGroup, expressID: number, onPropFound?: (expressID: number) => void): Promise<number[] | null>;
+    static getPsetRel(model: FRAGS.FragmentsGroup, psetID: number): Promise<number | null>;
+    static getQsetRel(model: FRAGS.FragmentsGroup, qsetID: number): Promise<number | null>;
+    static getEntityName(model: FRAGS.FragmentsGroup, entityID: number): Promise<{
+        key: string | null;
+        name: string | null;
+    }>;
+    static getQuantityValue(model: FRAGS.FragmentsGroup, quantityID: number): Promise<{
+        key: string | null;
+        value: number | null;
+    }>;
+    static isRel(expressID: number): boolean;
+    static attributeExists(model: FRAGS.FragmentsGroup, expressID: number, attribute: string): Promise<boolean>;
+    static groupEntitiesByType(model: FRAGS.FragmentsGroup, expressIDs: Set<number> | number[]): Promise<Map<number, Set<number>>>;
+}
+import * as WEBIFC from "web-ifc";
+export interface IfcItemsCategories {
+    [itemID: number]: number;
+}
+export declare class IfcCategories {
+    getAll(webIfc: WEBIFC.IfcAPI, modelID: number): IfcItemsCategories;
 }
+export declare const GeometryTypes: Set<number>;
 import * as THREE from "three";
 import { Components } from "../../Components";
 import { Event, World, Disposable } from "../../Types";
@@ -739,7 +839,64 @@ export declare class SimpleRaycaster implements Disposable {
     private intersect;
     private filterClippingPlanes;
 }
-export declare const GeometryTypes: Set<number>;
+import { NavigationMode } from "./types";
+/**
+ * A {@link NavigationMode} that allows first person navigation,
+ * simulating FPS video games.
+ */
+export declare class FirstPersonMode implements NavigationMode {
+    private camera;
+    /** {@link NavigationMode.enabled} */
+    enabled: boolean;
+    /** {@link NavigationMode.id} */
+    readonly id = "FirstPerson";
+    constructor(camera: any);
+    /** {@link NavigationMode.set} */
+    set(active: boolean): void;
+    private setupFirstPersonCamera;
+}
+import * as THREE from "three";
+import { Disposable, Event } from "../../Types";
+/**
+ * A helper to easily get the real position of the mouse in the Three.js canvas
+ * to work with tools like the
+ * [raycaster](https://threejs.org/docs/#api/en/core/Raycaster), even if it has
+ * been transformed through CSS or doesn't occupy the whole screen.
+ */
+export declare class Mouse implements Disposable {
+    dom: HTMLCanvasElement;
+    private _event?;
+    private _position;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    constructor(dom: HTMLCanvasElement);
+    /**
+     * The real position of the mouse of the Three.js canvas.
+     */
+    get position(): THREE.Vector2;
+    /** {@link Disposable.dispose} */
+    dispose(): void;
+    private getPositionY;
+    private getPositionX;
+    private updateMouseInfo;
+    private setupEvents;
+}
+import { NavigationMode } from "./types";
+/**
+ * A {@link NavigationMode} that allows 3D navigation and panning
+ * like in many 3D and CAD softwares.
+ */
+export declare class OrbitMode implements NavigationMode {
+    camera: any;
+    /** {@link NavigationMode.enabled} */
+    enabled: boolean;
+    /** {@link NavigationMode.id} */
+    readonly id = "Orbit";
+    constructor(camera: any);
+    /** {@link NavigationMode.set} */
+    set(active: boolean): void;
+    private activateOrbitControls;
+}
 import * as WEBIFC from "web-ifc";
 import { IfcItemsCategories } from "../../../ifc";
 export declare class SpatialStructure {
@@ -748,132 +905,137 @@ export declare class SpatialStructure {
     setUp(webIfc: WEBIFC.IfcAPI): void;
     cleanUp(): void;
 }
+import { NavigationMode } from "./types";
+/**
+ * A {@link NavigationMode} that allows to navigate floorplans in 2D,
+ * like many BIM tools.
+ */
+export declare class PlanMode implements NavigationMode {
+    private camera;
+    /** {@link NavigationMode.enabled} */
+    enabled: boolean;
+    /** {@link NavigationMode.id} */
+    readonly id = "Plan";
+    private mouseAction1?;
+    private mouseAction2?;
+    private mouseInitialized;
+    private readonly defaultAzimuthSpeed;
+    private readonly defaultPolarSpeed;
+    constructor(camera: any);
+    /** {@link NavigationMode.set} */
+    set(active: boolean): void;
+}
+/**
+ * The projection system of the camera.
+ */
+export type CameraProjection = "Perspective" | "Orthographic";
+/**
+ * The extensible list of supported navigation modes.
+ */
+export type NavModeID = "Orbit" | "FirstPerson" | "Plan";
+/**
+ * An object that determines the behavior of the camera controls
+ * and the user input (e.g. 2D floor plan mode, first person mode, etc).
+ */
+export interface NavigationMode {
+    /** The unique ID of this navigation mode. */
+    id: NavModeID;
+    /**
+     * Enable or disable this navigation mode.
+     * When a new navigation mode is enabled, the previous navigation mode
+     * must be disabled.
+     *
+     * @param active - whether to enable or disable this mode.
+     * @param options - any additional data required to enable or disable it.
+     * */
+    set: (active: boolean, options?: any) => void;
+    /** Whether this navigation mode is active or not. */
+    enabled: boolean;
+}
+/// <reference types="node" />
 import * as THREE from "three";
-import { Hideable, Disposable, Event, World } from "../../Types";
+import { Hideable, Event, World } from "../../Types";
 import { Components } from "../../Components";
+export interface GridConfig {
+    color: THREE.Color;
+    size1: number;
+    size2: number;
+    distance: number;
+}
 /**
- * Each of the planes created by {@link SimpleClipper}.
+ * An infinite grid. Created by
+ * [fyrestar](https://github.com/Fyrestar/THREE.InfiniteGridHelper)
+ * and translated to typescript by
+ * [dkaraush](https://github.com/dkaraush/THREE.InfiniteGridHelper/blob/master/InfiniteGridHelper.ts).
  */
-export declare class SimplePlane implements Disposable, Hideable {
-    /** Event that fires when the user starts dragging a clipping plane. */
-    readonly onDraggingStarted: Event<unknown>;
-    /** Event that fires when the user stops dragging a clipping plane. */
-    readonly onDraggingEnded: Event<unknown>;
+export declare class SimpleGrid implements Hideable, Disposable {
     /** {@link Disposable.onDisposed} */
     readonly onDisposed: Event<unknown>;
-    readonly normal: THREE.Vector3;
-    readonly origin: THREE.Vector3;
-    readonly three: THREE.Plane;
-    protected readonly _helper: THREE.Object3D;
-    protected _visible: boolean;
-    protected _enabled: boolean;
-    components: Components;
     world: World;
-    private _controlsActive;
-    private readonly _arrowBoundBox;
-    private readonly _planeMesh;
-    private readonly _controls;
-    private readonly _hiddenMaterial;
-    get enabled(): boolean;
-    /** {@link Component.enabled} */
-    set enabled(state: boolean);
-    /** {@link Hideable.visible } */
+    components: Components;
+    /** {@link Hideable.visible} */
     get visible(): boolean;
-    /** {@link Hideable.visible } */
-    set visible(state: boolean);
-    /** The meshes used for raycasting */
-    get meshes(): THREE.Mesh[];
-    /** The material of the clipping plane representation. */
-    get planeMaterial(): THREE.Material | THREE.Material[];
-    /** The material of the clipping plane representation. */
-    set planeMaterial(material: THREE.Material | THREE.Material[]);
-    /** The size of the clipping plane representation. */
-    get size(): number;
-    /** Sets the size of the clipping plane representation. */
-    set size(size: number);
-    get helper(): THREE.Object3D<THREE.Object3DEventMap>;
-    constructor(components: Components, world: World, origin: THREE.Vector3, normal: THREE.Vector3, material: THREE.Material, size?: number, activateControls?: boolean);
-    setFromNormalAndCoplanarPoint(normal: THREE.Vector3, point: THREE.Vector3): Promise<void>;
-    /** {@link Updateable.update} */
-    update: () => Promise<void>;
+    /** {@link Hideable.visible} */
+    set visible(visible: boolean);
+    /** The material of the grid. */
+    get material(): THREE.ShaderMaterial;
+    /**
+     * Whether the grid should fade away with distance. Recommended to be true for
+     * perspective cameras and false for orthographic cameras.
+     */
+    get fade(): boolean;
+    /**
+     * Whether the grid should fade away with distance. Recommended to be true for
+     * perspective cameras and false for orthographic cameras.
+     */
+    set fade(active: boolean);
+    private readonly _grid;
+    private _fade;
+    constructor(components: Components, world: World, config: GridConfig);
+    [Symbol.dispose](): void;
+    /** {@link Component.get} */
+    get(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
     /** {@link Disposable.dispose} */
     dispose(): void;
-    private reset;
-    protected toggleControls(state: boolean): void;
-    private newTransformControls;
-    private initializeControls;
-    private createArrowBoundingBox;
-    private changeDrag;
-    private notifyDraggingChanged;
-    private preventCameraMovement;
-    private newHelper;
-    private static newPlaneMesh;
+    private setupEvents;
+    private updateZoom;
 }
 import * as THREE from "three";
-import { Components } from "../../Components";
-import { Event, World } from "../../Types";
-export interface CullerRendererSettings {
-    updateInterval?: number;
-    width?: number;
-    height?: number;
-    autoUpdate?: boolean;
-}
+import { CameraProjection } from "./types";
+import { Event } from "../../../core";
+import { OrthoPerspectiveCamera } from "../index";
 /**
- * A base renderer to determine visibility on screen
+ * Object to control the {@link CameraProjection} of the {@link OrthoPerspectiveCamera}.
  */
-export declare class CullerRenderer {
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<string>;
-    /**
-     * Fires after making the visibility check to the meshes. It lists the
-     * meshes that are currently visible, and the ones that were visible
-     * just before but not anymore.
-     */
-    readonly onViewUpdated: Event<any>;
-    /** {@link Component.enabled} */
-    enabled: boolean;
+export declare class ProjectionManager {
     /**
-     * Needs to check whether there are objects that need to be hidden or shown.
-     * You can bind this to the camera movement, to a certain interval, etc.
+     * Event that fires when the {@link CameraProjection} changes.
      */
-    needsUpdate: boolean;
+    readonly onChanged: Event<THREE.Camera>;
+    current: CameraProjection;
+    camera: THREE.PerspectiveCamera | THREE.OrthographicCamera;
+    private _component;
+    private _previousDistance;
+    /** Match Ortho zoom with Perspective distance when changing projection mode */
+    matchOrthoDistanceEnabled: boolean;
+    constructor(camera: OrthoPerspectiveCamera);
     /**
-     * Render the internal scene used to determine the object visibility. Used
-     * for debugging purposes.
+     * Sets the {@link CameraProjection} of the {@link OrthoPerspectiveCamera}.
+     *
+     * @param projection - the new projection to set. If it is the current projection,
+     * it will have no effect.
      */
-    renderDebugFrame: boolean;
-    components: Components;
-    readonly world: World;
-    readonly renderer: THREE.WebGLRenderer;
-    protected autoUpdate: boolean;
-    protected updateInterval: number;
-    protected readonly worker: Worker;
-    protected readonly scene: THREE.Scene;
-    private _width;
-    private _height;
-    private _availableColor;
-    private readonly renderTarget;
-    private readonly bufferSize;
-    private readonly _buffer;
-    constructor(components: Components, world: World, settings?: CullerRendererSettings);
-    /** {@link Disposable.dispose} */
-    dispose(): void;
+    set(projection: CameraProjection): Promise<void>;
     /**
-     * The function that the culler uses to reprocess the scene. Generally it's
-     * better to call needsUpdate, but you can also call this to force it.
-     * @param force if true, it will refresh the scene even if needsUpdate is
-     * not true.
+     * Changes the current {@link CameraProjection} from Ortographic to Perspective
+     * and vice versa.
      */
-    updateVisibility: (force?: boolean) => Promise<void>;
-    protected getAvailableColor(): {
-        r: number;
-        g: number;
-        b: number;
-        code: string;
-    };
-    protected increaseColor(): void;
-    protected decreaseColor(): void;
-    private applySettings;
+    toggle(): Promise<void>;
+    private setOrthoCamera;
+    private getDims;
+    private setupOrthoCamera;
+    private getDistance;
+    private setPerspectiveCamera;
 }
 import * as THREE from "three";
 import { CullerRenderer, CullerRendererSettings } from "./culler-renderer";
@@ -899,103 +1061,76 @@ export declare class MeshCullerRenderer extends CullerRenderer {
     dispose(): void;
     add(mesh: THREE.Mesh | THREE.InstancedMesh): void;
     remove(mesh: THREE.Mesh | THREE.InstancedMesh): void;
-    private handleWorkerMessage;
-    private getAvailableMaterial;
-}
-import { IfcFragmentSettings } from "../../FragmentIfcLoader/src";
-/** Configuration of the IFC-fragment streaming. */
-export declare class IfcStreamingSettings extends IfcFragmentSettings {
-    minGeometrySize: number;
-    minAssetsSize: number;
-}
-/** Configuration of the IFC-fragment streaming. */
-export declare class PropertiesStreamingSettings extends IfcFragmentSettings {
-    propertiesSize: number;
-}
-export declare function readPixelsAsync(gl: WebGL2RenderingContext, x: number, y: number, w: number, h: number, format: any, type: any, dest: ArrayBufferView): Promise<ArrayBufferView>;
-import * as WEBIFC from "web-ifc";
-import { Component, Disposable, Event } from "../../../core";
-import { PropertiesStreamingSettings } from "./streaming-settings";
-export declare class FragmentPropsStreamConverter extends Component implements Disposable {
-    static readonly uuid: "88d2c89c-ce32-47d7-8cb6-d51e4b311a0b";
-    onPropertiesStreamed: Event<{
-        type: number;
-        data: {
-            [id: number]: any;
-        };
-    }>;
-    onProgress: Event<number>;
-    onIndicesStreamed: Event<number[][]>;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<string>;
-    enabled: boolean;
-    settings: PropertiesStreamingSettings;
-    webIfc: WEBIFC.IfcAPI;
-    dispose(): Promise<void>;
-    streamFromBuffer(data: Uint8Array): Promise<void>;
-    streamFromCallBack(loadCallback: WEBIFC.ModelLoadCallback): Promise<void>;
-    private readIfcFile;
-    private streamIfcFile;
-    private streamAllProperties;
-    private getIndices;
-    private cleanUp;
+    private handleWorkerMessage;
+    private getAvailableMaterial;
 }
-import * as WEBIFC from "web-ifc";
-import { Components, Disposable, Event, Component } from "../../../core";
-import { IfcStreamingSettings } from "./streaming-settings";
-import { StreamedGeometries, StreamedAsset } from "./base-types";
-export declare class FragmentIfcStreamConverter extends Component implements Disposable {
-    static readonly uuid: "d9999a00-e1f5-4d3f-8cfe-c56e08609764";
-    onGeometryStreamed: Event<{
-        buffer: Uint8Array;
-        data: StreamedGeometries;
-    }>;
-    onAssetStreamed: Event<StreamedAsset[]>;
-    onProgress: Event<number>;
-    onIfcLoaded: Event<Uint8Array>;
+import * as THREE from "three";
+import { Components } from "../../Components";
+import { Event, World } from "../../Types";
+export interface CullerRendererSettings {
+    updateInterval?: number;
+    width?: number;
+    height?: number;
+    autoUpdate?: boolean;
+}
+/**
+ * A base renderer to determine visibility on screen
+ */
+export declare class CullerRenderer {
     /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<unknown>;
-    settings: IfcStreamingSettings;
+    readonly onDisposed: Event<string>;
+    /**
+     * Fires after making the visibility check to the meshes. It lists the
+     * meshes that are currently visible, and the ones that were visible
+     * just before but not anymore.
+     */
+    readonly onViewUpdated: Event<any>;
+    /** {@link Component.enabled} */
     enabled: boolean;
-    webIfc: WEBIFC.IfcAPI;
-    private _spatialTree;
-    private _metaData;
-    private _visitedGeometries;
-    private _streamSerializer;
-    private _geometries;
-    private _geometryCount;
-    private _civil;
-    private _groupSerializer;
-    private _assets;
-    private _meshesWithHoles;
-    constructor(components: Components);
+    /**
+     * Needs to check whether there are objects that need to be hidden or shown.
+     * You can bind this to the camera movement, to a certain interval, etc.
+     */
+    needsUpdate: boolean;
+    /**
+     * Render the internal scene used to determine the object visibility. Used
+     * for debugging purposes.
+     */
+    renderDebugFrame: boolean;
+    components: Components;
+    readonly world: World;
+    readonly renderer: THREE.WebGLRenderer;
+    protected autoUpdate: boolean;
+    protected updateInterval: number;
+    protected readonly worker: Worker;
+    protected readonly scene: THREE.Scene;
+    private _width;
+    private _height;
+    private _availableColor;
+    private readonly renderTarget;
+    private readonly bufferSize;
+    private readonly _buffer;
+    constructor(components: Components, world: World, settings?: CullerRendererSettings);
+    /** {@link Disposable.dispose} */
     dispose(): void;
-    streamFromBuffer(data: Uint8Array): Promise<void>;
-    streamFromCallBack(loadCallback: WEBIFC.ModelLoadCallback): Promise<void>;
-    private readIfcFile;
-    private streamIfcFile;
-    private streamAllGeometries;
-    private cleanUp;
-    private getMesh;
-    private getGeometry;
-    private streamAssets;
-    private streamGeometries;
-}
-export interface StreamedGeometries {
-    [id: number]: {
-        boundingBox: Float32Array;
-        hasHoles: boolean;
-        geometryFile?: string;
+    /**
+     * The function that the culler uses to reprocess the scene. Generally it's
+     * better to call needsUpdate, but you can also call this to force it.
+     * @param force if true, it will refresh the scene even if needsUpdate is
+     * not true.
+     */
+    updateVisibility: (force?: boolean) => Promise<void>;
+    protected getAvailableColor(): {
+        r: number;
+        g: number;
+        b: number;
+        code: string;
     };
+    protected increaseColor(): void;
+    protected decreaseColor(): void;
+    private applySettings;
 }
-export interface StreamedAsset {
-    id: number;
-    geometries: {
-        geometryID: number;
-        transformation: number[];
-        color: number[];
-    }[];
-}
+export declare function readPixelsAsync(gl: WebGL2RenderingContext, x: number, y: number, w: number, h: number, format: any, type: any, dest: ArrayBufferView): Promise<ArrayBufferView>;
 import * as THREE from "three";
 import { BaseRenderer, Event } from "../../Types";
 import { Components } from "../../Components";
@@ -1029,62 +1164,6 @@ export declare class SimpleRenderer extends BaseRenderer {
     private updateContainer;
 }
 import * as THREE from "three";
-import { Event, Base, World, BaseScene, BaseCamera, BaseRenderer } from "../../Types";
-import { Components } from "../../Components";
-export declare class SimpleWorld<T extends BaseScene = BaseScene, U extends BaseCamera = BaseCamera, S extends BaseRenderer = BaseRenderer> extends Base implements World {
-    /**
-     * All the loaded [meshes](https://threejs.org/docs/#api/en/objects/Mesh).
-     */
-    readonly meshes: Set<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-    readonly onAfterUpdate: Event<unknown>;
-    readonly onBeforeUpdate: Event<unknown>;
-    enabled: boolean;
-    uuid: string;
-    readonly onDisposed: Event<unknown>;
-    private _scene?;
-    private _camera?;
-    private _renderer;
-    get scene(): T;
-    set scene(scene: T);
-    get camera(): U;
-    set camera(camera: U);
-    get renderer(): S | null;
-    set renderer(renderer: S | null);
-    constructor(components: Components);
-    update(delta?: number): void;
-    dispose(disposeResources?: boolean): void;
-}
-import * as THREE from "three";
-import { BaseScene, Configurable, Event } from "../../Types";
-import { Components } from "../../Components";
-export interface SimpleSceneConfig {
-    directionalLight: {
-        color: THREE.Color;
-        intensity: number;
-        position: THREE.Vector3;
-    };
-    ambientLight: {
-        color: THREE.Color;
-        intensity: number;
-    };
-}
-/**
- * A basic 3D [scene](https://threejs.org/docs/#api/en/scenes/Scene) to add
- * objects hierarchically, and easily dispose them when you are finished with it.
- * @noInheritDoc
- */
-export declare class SimpleScene extends BaseScene implements Configurable<{}> {
-    /** {@link Configurable.isSetup} */
-    isSetup: boolean;
-    three: THREE.Scene;
-    /** {@link Configurable.onSetup} */
-    readonly onSetup: Event<SimpleScene>;
-    config: Required<SimpleSceneConfig>;
-    constructor(components: Components);
-    /** Creates a simple and nice default set up for the scene (e.g. lighting). */
-    setup(config?: Partial<SimpleSceneConfig>): void;
-}
-import * as THREE from "three";
 import CameraControls from "camera-controls";
 import { Disposable, Updateable, Event, BaseCamera } from "../../Types";
 import { Components } from "../../Components";
@@ -1130,6 +1209,32 @@ export declare class SimpleCamera extends BaseCamera implements Updateable, Disp
     private setupEvents;
     private static getSubsetOfThree;
 }
+import * as THREE from "three";
+import { Event, Base, World, BaseScene, BaseCamera, BaseRenderer } from "../../Types";
+import { Components } from "../../Components";
+export declare class SimpleWorld<T extends BaseScene = BaseScene, U extends BaseCamera = BaseCamera, S extends BaseRenderer = BaseRenderer> extends Base implements World {
+    /**
+     * All the loaded [meshes](https://threejs.org/docs/#api/en/objects/Mesh).
+     */
+    readonly meshes: Set<THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
+    readonly onAfterUpdate: Event<unknown>;
+    readonly onBeforeUpdate: Event<unknown>;
+    enabled: boolean;
+    uuid: string;
+    readonly onDisposed: Event<unknown>;
+    private _scene?;
+    private _camera?;
+    private _renderer;
+    get scene(): T;
+    set scene(scene: T);
+    get camera(): U;
+    set camera(camera: U);
+    get renderer(): S | null;
+    set renderer(renderer: S | null);
+    constructor(components: Components);
+    update(delta?: number): void;
+    dispose(disposeResources?: boolean): void;
+}
 /**
  * Simple event handler by
  * [Jason Kleban](https://gist.github.com/JasonKleban/50cee44960c225ac1993c922563aa540).
@@ -1229,7 +1334,7 @@ export interface Updateable {
      * Function used to update the state of this component each frame. For
      * instance, a renderer component will make a render each frame.
      */
-    update(delta?: number): void | Promise<void>;
+    update(delta?: number): void;
 }
 /** Basic type to describe the progress of any kind of process. */
 export interface Progress {
@@ -1244,31 +1349,20 @@ export interface Progress {
  * dimensions.
  */
 export interface Createable {
-    readonly onBeforeCreate: Event<any>;
     /** Creates a new instance of an element (e.g. a new Dimension). */
     create: (data: any) => void;
-    /** Fired after successfully calling {@link Createable.create}  */
-    readonly onAfterCreate: Event<any>;
     /**
      * Finish the creation process of the component, successfully creating an
      * instance of whatever the component creates.
      */
-    endCreation: (data: any) => void;
-    /** Fired before calling {@link Createable.cancelCreation}. */
-    readonly onBeforeCancel: Event<any>;
+    endCreation?: (data: any) => void;
     /**
      * Cancels the creation process of the component, going back to the state
      * before starting to create.
      */
-    cancelCreation: (data: any) => void;
-    /** Fired after calling {@link Createable.cancelCreation}. */
-    readonly onAfterCancel: Event<any>;
-    /** Fired before calling {@link Createable.delete}. */
-    readonly onBeforeDelete: Event<any>;
+    cancelCreation?: (data: any) => void;
     /** Deletes an existing instance of an element (e.g. a Dimension). */
     delete: (data: any) => void;
-    /** Fired after successfully calling {@link Createable.delete()}  */
-    readonly onAfterDelete: Event<any>;
 }
 /**
  * Whether this component supports to be configured.
@@ -1298,24 +1392,35 @@ export interface BVHGeometry extends THREE.BufferGeometry {
 export interface CameraControllable {
     controls: CameraControls;
 }
-import { Disposable, Hideable, Resizeable, Updateable, Configurable } from "./interfaces";
+import * as THREE from "three";
+import { BaseScene, Configurable, Event } from "../../Types";
 import { Components } from "../../Components";
+export interface SimpleSceneConfig {
+    directionalLight: {
+        color: THREE.Color;
+        intensity: number;
+        position: THREE.Vector3;
+    };
+    ambientLight: {
+        color: THREE.Color;
+        intensity: number;
+    };
+}
 /**
- * Base class of the library. Useful for finding out the interfaces it implements.
+ * A basic 3D [scene](https://threejs.org/docs/#api/en/scenes/Scene) to add
+ * objects hierarchically, and easily dispose them when you are finished with it.
+ * @noInheritDoc
  */
-export declare abstract class Base {
-    components: Components;
+export declare class SimpleScene extends BaseScene implements Configurable<{}> {
+    /** {@link Configurable.isSetup} */
+    isSetup: boolean;
+    three: THREE.Scene;
+    /** {@link Configurable.onSetup} */
+    readonly onSetup: Event<SimpleScene>;
+    config: Required<SimpleSceneConfig>;
     constructor(components: Components);
-    /** Whether is component is {@link Disposable}. */
-    isDisposeable: () => this is Disposable;
-    /** Whether is component is {@link Resizeable}. */
-    isResizeable: () => this is Resizeable;
-    /** Whether is component is {@link Updateable}. */
-    isUpdateable: () => this is Updateable;
-    /** Whether is component is {@link Hideable}. */
-    isHideable: () => this is Hideable;
-    /** Whether is component is {@link Configurable}. */
-    isConfigurable: () => this is Configurable<any>;
+    /** Creates a simple and nice default set up for the scene (e.g. lighting). */
+    setup(config?: Partial<SimpleSceneConfig>): void;
 }
 import { Base } from "./base";
 /**
@@ -1352,6 +1457,25 @@ export declare abstract class BaseWorldItem extends Base {
     currentWorld: World | null;
     protected constructor(components: Components);
 }
+import { Disposable, Hideable, Resizeable, Updateable, Configurable } from "./interfaces";
+import { Components } from "../../Components";
+/**
+ * Base class of the library. Useful for finding out the interfaces it implements.
+ */
+export declare abstract class Base {
+    components: Components;
+    constructor(components: Components);
+    /** Whether is component is {@link Disposable}. */
+    isDisposeable: () => this is Disposable;
+    /** Whether is component is {@link Resizeable}. */
+    isResizeable: () => this is Resizeable;
+    /** Whether is component is {@link Updateable}. */
+    isUpdateable: () => this is Updateable;
+    /** Whether is component is {@link Hideable}. */
+    isHideable: () => this is Hideable;
+    /** Whether is component is {@link Configurable}. */
+    isConfigurable: () => this is Configurable<any>;
+}
 import * as THREE from "three";
 import CameraControls from "camera-controls";
 import { BaseWorldItem } from "./base-world-item";
@@ -1377,6 +1501,28 @@ export declare abstract class BaseScene extends BaseWorldItem implements Disposa
     dispose(): void;
 }
 import * as THREE from "three";
+import { BaseScene } from "./base-scene";
+import { BaseCamera } from "./base-camera";
+import { BaseRenderer } from "./base-renderer";
+import { Updateable, Disposable } from "./interfaces";
+export interface World extends Disposable, Updateable {
+    meshes: Set<THREE.Mesh>;
+    scene: BaseScene;
+    camera: BaseCamera;
+    renderer: BaseRenderer | null;
+    uuid: string;
+}
+import { IfcFragmentSettings } from "../../FragmentIfcLoader/src";
+/** Configuration of the IFC-fragment streaming. */
+export declare class IfcStreamingSettings extends IfcFragmentSettings {
+    minGeometrySize: number;
+    minAssetsSize: number;
+}
+/** Configuration of the IFC-fragment streaming. */
+export declare class PropertiesStreamingSettings extends IfcFragmentSettings {
+    propertiesSize: number;
+}
+import * as THREE from "three";
 import { Vector2 } from "three";
 import { Event } from "./event";
 import { BaseWorldItem } from "./base-world-item";
@@ -1417,74 +1563,133 @@ export declare abstract class BaseRenderer extends BaseWorldItem implements Upda
     setPlane(active: boolean, plane: THREE.Plane, isLocal?: boolean): void;
 }
 import * as THREE from "three";
-import { BaseScene } from "./base-scene";
-import { BaseCamera } from "./base-camera";
-import { BaseRenderer } from "./base-renderer";
-import { Updateable, Disposable } from "./interfaces";
-export interface World extends Disposable, Updateable {
-    meshes: Set<THREE.Mesh>;
-    scene: BaseScene;
-    camera: BaseCamera;
-    renderer: BaseRenderer | null;
-    uuid: string;
-}
-/// <reference types="node" />
-import * as THREE from "three";
-import { Hideable, Event, World } from "../../Types";
+import { Hideable, Disposable, Event, World } from "../../Types";
 import { Components } from "../../Components";
-export interface GridConfig {
-    color: THREE.Color;
-    size1: number;
-    size2: number;
-    distance: number;
-}
 /**
- * An infinite grid. Created by
- * [fyrestar](https://github.com/Fyrestar/THREE.InfiniteGridHelper)
- * and translated to typescript by
- * [dkaraush](https://github.com/dkaraush/THREE.InfiniteGridHelper/blob/master/InfiniteGridHelper.ts).
+ * Each of the planes created by {@link SimpleClipper}.
  */
-export declare class SimpleGrid implements Hideable, Disposable {
+export declare class SimplePlane implements Disposable, Hideable {
+    /** Event that fires when the user starts dragging a clipping plane. */
+    readonly onDraggingStarted: Event<unknown>;
+    /** Event that fires when the user stops dragging a clipping plane. */
+    readonly onDraggingEnded: Event<unknown>;
     /** {@link Disposable.onDisposed} */
     readonly onDisposed: Event<unknown>;
-    world: World;
+    readonly normal: THREE.Vector3;
+    readonly origin: THREE.Vector3;
+    readonly three: THREE.Plane;
+    protected readonly _helper: THREE.Object3D;
+    protected _visible: boolean;
+    protected _enabled: boolean;
     components: Components;
-    /** {@link Hideable.visible} */
+    world: World;
+    private _controlsActive;
+    private readonly _arrowBoundBox;
+    private readonly _planeMesh;
+    private readonly _controls;
+    private readonly _hiddenMaterial;
+    get enabled(): boolean;
+    /** {@link Component.enabled} */
+    set enabled(state: boolean);
+    /** {@link Hideable.visible } */
     get visible(): boolean;
-    /** {@link Hideable.visible} */
-    set visible(visible: boolean);
-    /** The material of the grid. */
-    get material(): THREE.ShaderMaterial;
-    /**
-     * Whether the grid should fade away with distance. Recommended to be true for
-     * perspective cameras and false for orthographic cameras.
-     */
-    get fade(): boolean;
-    /**
-     * Whether the grid should fade away with distance. Recommended to be true for
-     * perspective cameras and false for orthographic cameras.
-     */
-    set fade(active: boolean);
-    private readonly _grid;
-    private _fade;
-    constructor(components: Components, world: World, config: GridConfig);
-    [Symbol.dispose](): void;
-    /** {@link Component.get} */
-    get(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
+    /** {@link Hideable.visible } */
+    set visible(state: boolean);
+    /** The meshes used for raycasting */
+    get meshes(): THREE.Mesh[];
+    /** The material of the clipping plane representation. */
+    get planeMaterial(): THREE.Material | THREE.Material[];
+    /** The material of the clipping plane representation. */
+    set planeMaterial(material: THREE.Material | THREE.Material[]);
+    /** The size of the clipping plane representation. */
+    get size(): number;
+    /** Sets the size of the clipping plane representation. */
+    set size(size: number);
+    get helper(): THREE.Object3D<THREE.Object3DEventMap>;
+    constructor(components: Components, world: World, origin: THREE.Vector3, normal: THREE.Vector3, material: THREE.Material, size?: number, activateControls?: boolean);
+    setFromNormalAndCoplanarPoint(normal: THREE.Vector3, point: THREE.Vector3): Promise<void>;
+    /** {@link Updateable.update} */
+    update: () => Promise<void>;
     /** {@link Disposable.dispose} */
     dispose(): void;
-    private setupEvents;
-    private updateZoom;
+    private reset;
+    protected toggleControls(state: boolean): void;
+    private newTransformControls;
+    private initializeControls;
+    private createArrowBoundingBox;
+    private changeDrag;
+    private notifyDraggingChanged;
+    private preventCameraMovement;
+    private newHelper;
+    private static newPlaneMesh;
 }
 import * as WEBIFC from "web-ifc";
-import * as THREE from "three";
-export declare class Units {
-    factor: number;
-    complement: number;
-    apply(matrix: THREE.Matrix4): void;
-    setUp(webIfc: WEBIFC.IfcAPI): void;
-    private getLengthUnits;
-    private getScaleMatrix;
+import { Components, Disposable, Event, Component } from "../../../core";
+import { IfcStreamingSettings } from "./streaming-settings";
+import { StreamedGeometries, StreamedAsset } from "./base-types";
+export declare class FragmentIfcStreamConverter extends Component implements Disposable {
+    static readonly uuid: "d9999a00-e1f5-4d3f-8cfe-c56e08609764";
+    onGeometryStreamed: Event<{
+        buffer: Uint8Array;
+        data: StreamedGeometries;
+    }>;
+    onAssetStreamed: Event<StreamedAsset[]>;
+    onProgress: Event<number>;
+    onIfcLoaded: Event<Uint8Array>;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    settings: IfcStreamingSettings;
+    enabled: boolean;
+    webIfc: WEBIFC.IfcAPI;
+    private _spatialTree;
+    private _metaData;
+    private _visitedGeometries;
+    private _streamSerializer;
+    private _geometries;
+    private _geometryCount;
+    private _civil;
+    private _groupSerializer;
+    private _assets;
+    private _meshesWithHoles;
+    constructor(components: Components);
+    dispose(): void;
+    streamFromBuffer(data: Uint8Array): Promise<void>;
+    streamFromCallBack(loadCallback: WEBIFC.ModelLoadCallback): Promise<void>;
+    private readIfcFile;
+    private streamIfcFile;
+    private streamAllGeometries;
+    private cleanUp;
+    private getMesh;
+    private getGeometry;
+    private streamAssets;
+    private streamGeometries;
+}
+import * as WEBIFC from "web-ifc";
+import { Component, Disposable, Event } from "../../../core";
+import { PropertiesStreamingSettings } from "./streaming-settings";
+export declare class FragmentPropsStreamConverter extends Component implements Disposable {
+    static readonly uuid: "88d2c89c-ce32-47d7-8cb6-d51e4b311a0b";
+    onPropertiesStreamed: Event<{
+        type: number;
+        data: {
+            [id: number]: any;
+        };
+    }>;
+    onProgress: Event<number>;
+    onIndicesStreamed: Event<number[][]>;
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<string>;
+    enabled: boolean;
+    settings: PropertiesStreamingSettings;
+    webIfc: WEBIFC.IfcAPI;
+    dispose(): Promise<void>;
+    streamFromBuffer(data: Uint8Array): Promise<void>;
+    streamFromCallBack(loadCallback: WEBIFC.ModelLoadCallback): Promise<void>;
+    private readIfcFile;
+    private streamIfcFile;
+    private streamAllProperties;
+    private getIndices;
+    private cleanUp;
 }
 import * as WEBIFC from "web-ifc";
 /** Configuration of the IFC-fragment conversion. */
@@ -1532,26 +1737,36 @@ import * as WEBIFC from "web-ifc";
 export declare class IfcMetadataReader {
     get(webIfc: WEBIFC.IfcAPI, type: number): string;
 }
+import * as WEBIFC from "web-ifc";
+import * as THREE from "three";
+export declare class Units {
+    factor: number;
+    complement: number;
+    apply(matrix: THREE.Matrix4): void;
+    setUp(webIfc: WEBIFC.IfcAPI): void;
+    private getLengthUnits;
+    private getScaleMatrix;
+}
+export interface StreamedGeometries {
+    [id: number]: {
+        boundingBox: Float32Array;
+        hasHoles: boolean;
+        geometryFile?: string;
+    };
+}
+export interface StreamedAsset {
+    id: number;
+    geometries: {
+        geometryID: number;
+        transformation: number[];
+        color: number[];
+    }[];
+}
 import { BufferGeometry } from "three";
 import * as THREE from "three";
 export declare class TransformHelper {
     getHelper(geometries: BufferGeometry[]): THREE.Object3D<THREE.Object3DEventMap>;
 }
-import { Component, Disposable, Event, Components } from "../../core";
-export declare class FragmentExploder extends Component implements Disposable {
-    static readonly uuid: "d260618b-ce88-4c7d-826c-6debb91de3e2";
-    enabled: boolean;
-    height: number;
-    groupName: string;
-    /** {@link Disposable.onDisposed} */
-    readonly onDisposed: Event<string>;
-    list: Set<string>;
-    constructor(components: Components);
-    dispose(): void;
-    explode(): void;
-    reset(): void;
-    update(): void;
-}
 export type QueryConditions = "is" | "includes" | "startsWith" | "endsWith" | "matches";
 export type ConditionFunctions = {
     [queryCondition in QueryConditions]: (leftValue: string | boolean | number, rightValue: string | boolean | number) => boolean;
@@ -1575,5 +1790,54 @@ export interface Query {
     description?: string;
     groups: QueryGroup;
 }
+import { Component, Components, Disposable, Updateable, World, Event } from "../../core";
+import { MiniMap } from "./src";
+export declare class MiniMaps extends Component implements Updateable, Disposable {
+    static readonly uuid: "39ad6aad-84c8-4adf-a1e0-7f25313a9e7f";
+    readonly onAfterUpdate: Event<unknown>;
+    readonly onBeforeUpdate: Event<unknown>;
+    readonly onDisposed: Event<unknown>;
+    enabled: boolean;
+    list: Map<string, MiniMap>;
+    constructor(components: Components);
+    create(world: World): MiniMap;
+    delete(id: string): void;
+    dispose(): void | Promise<void>;
+    update(): void;
+}
+import * as THREE from "three";
+import { Event, Resizeable, Updateable, Disposable, World } from "../../../core";
+export declare class MiniMap implements Resizeable, Updateable, Disposable {
+    /** {@link Disposable.onDisposed} */
+    readonly onDisposed: Event<unknown>;
+    readonly onAfterUpdate: Event<unknown>;
+    readonly onBeforeUpdate: Event<unknown>;
+    readonly onResize: Event<THREE.Vector2>;
+    frontOffset: number;
+    overrideMaterial: THREE.MeshDepthMaterial;
+    backgroundColor: THREE.Color;
+    renderer: THREE.WebGLRenderer;
+    enabled: boolean;
+    world: World;
+    private _lockRotation;
+    private _camera;
+    private _plane;
+    private _size;
+    private _tempVector1;
+    private _tempVector2;
+    private _tempTarget;
+    private readonly down;
+    get lockRotation(): boolean;
+    set lockRotation(active: boolean);
+    get zoom(): number;
+    set zoom(value: number);
+    constructor(world: World);
+    dispose(): void;
+    get(): THREE.OrthographicCamera;
+    update(): void;
+    getSize(): THREE.Vector2;
+    resize(size?: THREE.Vector2): void;
+    private updatePlanes;
+}
 
 }