@inweb/viewer-three 26.10.6 → 26.11.0

package/{plugins → extensions}/components/AxesHelperComponent.ts

@@ -21,17 +21,21 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { AxesHelper, Vector3 } from "three";
+import { AxesHelper, Box3, Vector3 } from "three";
 import { IComponent, components, Viewer } from "@inweb/viewer-three";
 
 class AxesHelperComponent implements IComponent {
   private viewer: Viewer;
   private axesHelper1: AxesHelper;
   private axesHelper2: AxesHelper;
+  private modelHelpers: AxesHelper[];
 
   constructor(viewer: Viewer) {
     this.axesHelper1 = new AxesHelper(1);
     this.axesHelper2 = new AxesHelper(1);
+    this.modelHelpers = [];
+
+    this.axesHelper1.setColors("#ccc", "#ccc", "#cccb");
 
     this.viewer = viewer;
     this.viewer.addEventListener("initialize", this.syncHelper);
@@ -40,6 +44,11 @@ class AxesHelperComponent implements IComponent {
   }
 
   dispose() {
+    this.modelHelpers.forEach((helper) => {
+      helper.removeFromParent();
+      helper.dispose();
+    });
+
     this.axesHelper1.removeFromParent();
     this.axesHelper1.dispose();
 
@@ -52,6 +61,12 @@ class AxesHelperComponent implements IComponent {
   }
 
   syncHelper = () => {
+    this.modelHelpers.forEach((helper) => {
+      helper.removeFromParent();
+      helper.dispose();
+    });
+    this.modelHelpers.length = 0;
+
     this.axesHelper1.removeFromParent();
     this.axesHelper2.removeFromParent();
 
@@ -59,13 +74,27 @@ class AxesHelperComponent implements IComponent {
     const center = this.viewer.extents.getCenter(new Vector3());
 
     this.axesHelper1.position.set(0, 0, 0);
-    this.axesHelper1.scale.setScalar(size);
+    this.axesHelper1.scale.setScalar(size * 1.25);
 
     this.axesHelper2.position.copy(center);
     this.axesHelper2.scale.setScalar(size);
 
     this.viewer.helpers.add(this.axesHelper1);
     this.viewer.helpers.add(this.axesHelper2);
+
+    if (this.viewer.models.length < 2) return;
+
+    this.viewer.models.forEach((model) => {
+      const extents = model.getExtents(new Box3());
+      const size = extents.getSize(new Vector3()).length();
+      const center = extents.getCenter(new Vector3());
+
+      const helper = new AxesHelper(size);
+      helper.position.copy(center);
+
+      this.modelHelpers.push(helper);
+      this.viewer.helpers.add(helper);
+    });
   };
 }
 

package/{plugins → extensions}/components/ExtentsHelperComponent.ts

@@ -27,9 +27,12 @@ import { IComponent, components, Viewer } from "@inweb/viewer-three";
 class ExtentsHelperComponent implements IComponent {
   private viewer: Viewer;
   private boxHelper: Box3Helper;
+  private modelHelpers: Box3Helper[];
 
   constructor(viewer: Viewer) {
     this.boxHelper = new Box3Helper(new Box3(), "#ff0000");
+    this.modelHelpers = [];
+
     this.viewer = viewer;
     this.viewer.on("geometryend", this.syncHelper);
     this.viewer.on("clear", this.syncHelper);
@@ -41,6 +44,11 @@ class ExtentsHelperComponent implements IComponent {
   }
 
   dispose() {
+    this.modelHelpers.forEach((helper) => {
+      helper.removeFromParent();
+      helper.dispose();
+    });
+
     this.boxHelper.removeFromParent();
     this.boxHelper.dispose();
 
@@ -54,12 +62,29 @@ class ExtentsHelperComponent implements IComponent {
   }
 
   syncHelper = () => {
+    this.modelHelpers.forEach((helper) => {
+      helper.removeFromParent();
+      helper.dispose();
+    });
+    this.modelHelpers.length = 0;
+
     this.boxHelper.removeFromParent();
 
     if (this.viewer.extents.isEmpty()) return;
 
     this.boxHelper.box = this.viewer.extents.clone();
     this.viewer.helpers.add(this.boxHelper);
+
+    if (this.viewer.models.length < 2) return;
+
+    this.viewer.models.forEach((model) => {
+      const extents = model.getExtents(new Box3());
+
+      const helper = new Box3Helper(extents, "#ff0000");
+
+      this.modelHelpers.push(helper);
+      this.viewer.helpers.add(helper);
+    });
   };
 }
 

package/{plugins → extensions}/loaders/GLTFCloudLoader.ts

@@ -58,10 +58,9 @@ class GLTFCloudLoader extends Loader {
     if (!this.viewer.scene) return this;
 
     const modelImpl = new ModelImpl(gltf.scene);
-    modelImpl.loader = this;
-    modelImpl.viewer = this.viewer;
+    modelImpl.id = model.file.id;
 
-    this.viewer.scene.add(modelImpl.scene);
+    this.viewer.scene.add(gltf.scene);
     this.viewer.models.push(modelImpl);
 
     this.viewer.syncOptions();

package/{src/Viewer → extensions}/loaders/GLTFFileLoader.ts

@@ -22,20 +22,21 @@
 ///////////////////////////////////////////////////////////////////////////////
 
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { Loader } from "@inweb/viewer-core";
-
-import { Viewer } from "../Viewer";
-import { GLTFLoadingManager, GLTFLoadParams } from "./GLTFLoadingManager";
-import { ModelImpl } from "../models/ModelImpl";
+import { GLTFLoadingManager, GLTFLoadParams, Loader, loaders, ModelImpl, Viewer } from "@inweb/viewer-three";
 
 export class GLTFFileLoader extends Loader {
   public viewer: Viewer;
+  private manager: GLTFLoadingManager;
 
   constructor(viewer: Viewer) {
     super();
     this.viewer = viewer;
   }
 
+  override dispose() {
+    if (this.manager) this.manager.dispose();
+  }
+
   override isSupport(file: any, format?: string): boolean {
     return (
       (typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
@@ -43,12 +44,13 @@ export class GLTFFileLoader extends Loader {
     );
   }
 
-  override async load(file: any, format?: string, params?: GLTFLoadParams): Promise<this> {
-    const manager = new GLTFLoadingManager(file, params);
+  override async load(file: any, format?: string, params: GLTFLoadParams = {}): Promise<this> {
+    this.manager = new GLTFLoadingManager(file, params);
 
-    const loader = new GLTFLoader(manager);
-    loader.setPath(manager.path);
+    const loader = new GLTFLoader(this.manager);
+    loader.setPath(this.manager.path);
     loader.setCrossOrigin(params.crossOrigin || loader.crossOrigin);
+    loader.setRequestHeader((params.requestHeader as any) || {});
     loader.setWithCredentials(params.withCredentials || loader.withCredentials);
 
     const progress = (event: ProgressEvent) => {
@@ -57,12 +59,17 @@ export class GLTFFileLoader extends Loader {
       this.viewer.emitEvent({ type: "geometryprogress", data: progress, file });
     };
 
-    const gltf = await loader.loadAsync(manager.fileURL, progress);
+    const gltf = await loader.loadAsync(this.manager.fileURL, progress);
     if (!this.viewer.scene) return this;
 
+    let handle = 0;
+    gltf.scene.traverse((object) => {
+      object.userData = { handle: handle + "", ...object.userData };
+      handle++;
+    });
+
     const modelImpl = new ModelImpl(gltf.scene);
-    modelImpl.loader = this;
-    modelImpl.viewer = this.viewer;
+    modelImpl.id = params.modelId || this.extractFileName(file);
 
     this.viewer.scene.add(gltf.scene);
     this.viewer.models.push(modelImpl);
@@ -76,3 +83,5 @@ export class GLTFFileLoader extends Loader {
     return this;
   }
 }
+
+loaders.registerLoader("gltf-file", (viewer: any) => new GLTFFileLoader(viewer));

package/{plugins → extensions}/loaders/IFCX/IFCXCloudLoader.ts

@@ -21,6 +21,7 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
+import { Scene } from "three";
 import { Loader, ModelImpl, Viewer } from "@inweb/viewer-three";
 import { parse, clear } from "./render.js";
 
@@ -52,18 +53,17 @@ export class IFCXCloudLoader extends Loader {
     const textDecoder = new TextDecoder();
     const json = JSON.parse(textDecoder.decode(arrayBuffer));
 
-    const scene = await parse(json);
+    const scene: Scene = await parse(json);
     clear();
 
     let handle = 0;
-    scene.traverse((object: any) => {
-      object.userData = { handle, ...object.userData };
+    scene.traverse((object) => {
+      object.userData = { handle: handle + "", ...object.userData };
       handle++;
     });
 
     const modelImpl = new ModelImpl(scene);
-    modelImpl.loader = this;
-    modelImpl.viewer = this.viewer;
+    modelImpl.id = file.id;
 
     this.viewer.scene.add(scene);
     this.viewer.models.push(modelImpl);

package/{plugins → extensions}/loaders/IFCX/IFCXFileLoader.ts

@@ -39,7 +39,7 @@ export class IFCXFileLoader extends Loader {
     );
   }
 
-  override async load(file: any, format?: string, params?: GLTFLoadParams): Promise<this> {
+  override async load(file: any, format?: string, params: GLTFLoadParams = {}): Promise<this> {
     const manager = new GLTFLoadingManager(file, params);
 
     const loader = new IFCXLoader(manager);
@@ -58,13 +58,12 @@ export class IFCXFileLoader extends Loader {
 
     let handle = 0;
     scene.traverse((object) => {
-      object.userData = { handle, ...object.userData };
+      object.userData = { handle: handle + "", ...object.userData };
       handle++;
     });
 
     const modelImpl = new ModelImpl(scene);
-    modelImpl.loader = this;
-    modelImpl.viewer = this.viewer;
+    modelImpl.id = params.modelId || this.extractFileName(file);
 
     this.viewer.scene.add(scene);
     this.viewer.models.push(modelImpl);

package/{plugins → extensions}/loaders/Potree/PotreeFileLoader.ts

@@ -23,11 +23,11 @@
 
 import { Euler, Vector3 } from "three";
 import { PointColorType, PointCloudOctree, PointSizeType, PointShape, Potree } from "potree-core";
-import { Loader, Viewer } from "@inweb/viewer-three";
+import { Loader, LoadParams, Viewer } from "@inweb/viewer-three";
 
 import { PotreeModelImpl } from "./PotreeModelImpl";
 
-export type PotreeLoadParams = {
+export type PotreeLoadParams = LoadParams & {
   path?: string;
   position?: Vector3;
   rotation?: Euler;
@@ -83,8 +83,7 @@ export class PotreeFileLoader extends Loader {
     this.pointClouds.push(pco);
 
     const modelImpl = new PotreeModelImpl(pco);
-    modelImpl.loader = this;
-    modelImpl.viewer = this.viewer;
+    modelImpl.id = params.modelId || this.extractFileName(file);
     modelImpl.pco = pco;
 
     this.viewer.scene.add(pco);

package/lib/Viewer/Viewer.d.ts

@@ -7,7 +7,7 @@ import { SSAARenderPass } from "./postprocessing/SSAARenderPass.js";
 import { OutputPass } from "three/examples/jsm/postprocessing/OutputPass.js";
 import { EventEmitter2 } from "@inweb/eventemitter2";
 import { Assembly, Client, Model, File } from "@inweb/client";
-import { CanvasEventMap, FileSource, IComponent, IDragger, ILoader, IOptions, IViewer, IViewpoint, Options, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
+import { CanvasEventMap, FileSource, IComponent, IDragger, ILoader, IOptions, IViewer, IViewpoint, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
 import { IMarkup, IWorldTransform } from "@inweb/markup";
 import { IModelImpl } from "./models/IModelImpl";
 import { Helpers } from "./scenes/Helpers";
@@ -16,10 +16,12 @@ import { Helpers } from "./scenes/Helpers";
  */
 export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & OptionsEventMap> implements IViewer, IWorldTransform {
     client: Client | undefined;
-    protected _options: Options;
-    private canvaseventlistener;
+    options: IOptions;
     canvas: HTMLCanvasElement | undefined;
     canvasEvents: string[];
+    loaders: ILoader[];
+    models: IModelImpl[];
+    private canvaseventlistener;
     scene: Scene | undefined;
     helpers: Helpers | undefined;
     camera: PerspectiveCamera | OrthographicCamera | undefined;
@@ -31,8 +33,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     ssaaRenderPass: SSAARenderPass | undefined;
     outputPass: OutputPass | undefined;
     composer: EffectComposer | undefined;
-    loaders: ILoader[];
-    models: IModelImpl[];
     selected: Object3D[];
     extents: Box3;
     target: Vector3;
@@ -47,15 +47,14 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      *   the web or from local computer.
      */
     constructor(client?: Client);
-    get options(): IOptions;
-    get draggers(): string[];
-    get components(): string[];
     /**
      * 2D markup core instance used to create markups.
      *
      * @readonly
      */
     get markup(): IMarkup;
+    get draggers(): string[];
+    get components(): string[];
     initialize(canvas: HTMLCanvasElement, onProgress?: (event: ProgressEvent<EventTarget>) => void): Promise<this>;
     dispose(): this;
     isInitialized(): boolean;
@@ -74,18 +73,20 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * exception will be thrown.
      *
      * For files from Open Cloud Server, the default model will be loaded. If there is no default model,
-     * first availiable model will be loaded. If no models are found in the file, an exception will be
+     * the first available model will be loaded. If no models are found in the file, an exception will be
      * thrown.
      *
      * For URLs, the file extension is used to determine the file format. For a `ArrayBuffer` and `Data
-     * URL`, a file format must be specified using `params.format` parameter (see below). If no appropriate
-     * loader is found for the specified format, an exception will be thrown.
+     * URL`, a file format must be specified using `params.format` parameter. If no appropriate loader is
+     * found for the specified format, an exception will be thrown.
      *
      * If there was an active dragger before opening the file, it will be deactivated. After opening the
      * file, you must manually activate the required dragger.
      *
      * Fires:
      *
+     * - {@link CancelEvent | cancel}
+     * - {@link ClearEvent | clear}
      * - {@link OpenEvent | open}
      * - {@link GeometryStartEvent | geometrystart}
      * - {@link GeometryProgressEvent | geometryprogress}
@@ -94,23 +95,26 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * - {@link GeometryEndEvent | geometryend}
      * - {@link GeometryErrorEvent | geometryerror}
      *
-     * @param file - File to load. Can be one of:
+     * @param file - File to load. Can be:
      *
      *   - `File`, `Assembly` or `Model` instance from the Open Cloud Server
-     *   - File `URL` string
+     *   - `URL` string
      *   - {@link https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URIs | Data URL} string
      *   - {@link https://developer.mozilla.org/docs/Web/API/File | Web API File} object
      *   - {@link https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer | ArrayBuffer}
      *       object
      *
      * @param params - Loading parameters.
-     * @param params.format - File format string. Required when loading a file as `ArrayBuffer` or `Data
-     *   URL`.
+     * @param params.format - File format. Can be `gltf`, `glb` or format from an extension. Required when
+     *   loading a file as `ArrayBuffer` or `Data URL`.
      * @param params.mode - File opening mode. Can be one of:
      *
-     *   - `open` - Unloads an open file and opens a new one. This is default mode.
-     *   - `append` - Appends a file to an already open file.
+     *   - `file` - Single file mode. Unloads an open file and opens a new one. This is default mode.
+     *   - `assembly` - Assembly mode. Appends a file to an already open file.
      *
+     * @param params.modelId - Unique model ID in the assembly (multi-model scene). Used as a model prefix
+     *   when selecting objects (see {@link getSelected2}). Must not contain the ":" (colon). Required when
+     *   loading a file as `ArrayBuffer` or `Data URL`.
      * @param params.requestHeader - The
      *   {@link https://developer.mozilla.org/docs/Glossary/Request_header | request header} used in HTTP
      *   request.
@@ -130,6 +134,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     open(file: FileSource, params?: {
         format?: string;
         mode?: string;
+        modelId?: string;
         requestHeader?: HeadersInit;
         withCredentials?: boolean;
         path?: string;
@@ -150,12 +155,15 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     loadGltfFile(file: any, externalFiles: any, params?: any): Promise<this>;
     cancel(): this;
     clear(): this;
+    is3D(): boolean;
     syncOptions(options?: IOptions): void;
     syncOverlay(): void;
     clearOverlay(): void;
     clearSlices(): void;
     getSelected(): string[];
+    getSelected2(): string[];
     setSelected(handles?: string[]): void;
+    setSelected2(handles?: string[]): void;
     clearSelected(): void;
     hideSelected(): void;
     isolateSelected(): void;
@@ -166,7 +174,8 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     setActiveDragger(name?: string): IDragger | null;
     resetActiveDragger(): void;
     getComponent(name: string): IComponent;
-    is3D(): boolean;
+    drawViewpoint(viewpoint: IViewpoint): void;
+    createViewpoint(): IViewpoint;
     screenToWorld(position: {
         x: number;
         y: number;
@@ -189,6 +198,4 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
         z: number;
     };
     executeCommand(id: string, ...args: any[]): any;
-    drawViewpoint(viewpoint: IViewpoint): void;
-    createViewpoint(): IViewpoint;
 }

package/lib/Viewer/commands/GetSelected2.d.ts

@@ -0,0 +1,2 @@
+import type { Viewer } from "../Viewer";
+export declare function getSelected2(viewer: Viewer): string[];

package/lib/Viewer/commands/SelectModel.d.ts

@@ -1,2 +1,2 @@
 import type { Viewer } from "../Viewer";
-export declare function selectModel(viewer: Viewer, handle: string): void;
+export declare function selectModel(viewer: Viewer, id: string): void;

package/lib/Viewer/commands/SetSelected2.d.ts

@@ -0,0 +1,2 @@
+import type { Viewer } from "../Viewer";
+export declare function setSelected2(viewer: Viewer, handles?: string[]): void;

package/lib/Viewer/components/SelectionComponent.d.ts

@@ -1,11 +1,10 @@
-import { Intersection, Object3D, Raycaster, Vector2 } from "three";
+import { Object3D, Vector2 } from "three";
 import type { IComponent } from "@inweb/viewer-core";
 import type { Viewer } from "../Viewer";
 import type { IModelImpl } from "../models/IModelImpl";
 import type { HighlighterComponent } from "./HighlighterComponent";
 export declare class SelectionComponent implements IComponent {
     protected viewer: Viewer;
-    protected raycaster: Raycaster;
     protected downPosition: Vector2;
     protected highlighter: HighlighterComponent;
     constructor(viewer: Viewer);
@@ -14,7 +13,6 @@ export declare class SelectionComponent implements IComponent {
     onPointerUp: (event: PointerEvent) => void;
     onDoubleClick: (event: MouseEvent) => void;
     getMousePosition(event: MouseEvent, target: Vector2): Vector2;
-    getPointerIntersects(mouse: Vector2, objects: Object3D[]): Array<Intersection<Object3D>>;
     select(objects: Object3D | Object3D[], model?: IModelImpl): void;
     deselect(objects: Object3D | Object3D[], model?: IModelImpl): void;
     toggleSelection(objects: Object3D | Object3D[], model?: IModelImpl): void;

package/lib/Viewer/components/index.d.ts

@@ -6,8 +6,8 @@ import { IComponentsRegistry } from "@inweb/viewer-core";
  *
  * 1. Define a component class implements {@link IComponent}.
  * 2. Define a constructor with a `viewer` parameter and add mouse event listeners for the specified viewer.
- * 3. Define the component logic in the event listeners. For example, listen for the `mousedown` event and
- *    select objects when the left mouse button is pressed.
+ * 3. Define the component logic in the event listeners. For example, listen for the `geometryend` event and
+ *    implement post-processing logic for the model.
  * 4. Override {@link IComponent.dispose} and remove mouse event listeners from the viewer.
  * 5. Register component provider in the components registry by calling the
  *    {@link components.registerComponent}.
@@ -22,15 +22,15 @@ import { IComponentsRegistry } from "@inweb/viewer-core";
  *
  *   constructor(viewer: Viewer) {
  *     this.viewer = viewer;
- *     this.viewer.addEventListener("mousedown", this.onMouseDown);
+ *     this.viewer.addEventListener("geometryend", this.onGeometryEnd);
  *   }
  *
  *   override dispose() {
- *     this.viewer.removeEventListener("mousedown", this.onMouseDown);
+ *     this.viewer.removeEventListener("geometryend", this.onGeometryEnd);
  *   }
  *
- *   onMouseDown = (event: PointerEvent) => {
- *     // place custom logic here
+ *   onGeometryEnd = (event: MouseEvent) => {
+ *     this.viewer.executeCommand("zoomToExtents");
  *   };
  * }
  *

package/lib/Viewer/draggers/MeasureLineDragger.d.ts

@@ -4,6 +4,10 @@ export declare class MeasureLineDragger extends OrbitDragger {
     private overlay;
     private line;
     private snapper;
+    private objects;
+    private scale;
+    private units;
+    private precision;
     constructor(viewer: Viewer);
     dispose(): void;
     onPointerDown: (event: PointerEvent) => void;
@@ -11,7 +15,9 @@ export declare class MeasureLineDragger extends OrbitDragger {
     onPointerUp: (event: PointerEvent) => void;
     onPointerCancel: (event: PointerEvent) => void;
     onPointerLeave: () => void;
+    clearOverlay: () => void;
     renderOverlay: () => void;
-    updateSnapper: () => void;
+    updateObjects: () => void;
     updateSnapperCamera: () => void;
+    updateUnits: () => void;
 }

package/lib/Viewer/loaders/DynamicGltfLoader/DynamicModelImpl.d.ts

@@ -3,7 +3,6 @@ import { ModelImpl } from "../../models/ModelImpl";
 import { DynamicGltfLoader } from "./DynamicGltfLoader.js";
 export declare class DynamicModelImpl extends ModelImpl {
     gltfLoader: DynamicGltfLoader;
-    modelId: number;
     getExtents(target: Box3): Box3;
     getObjects(): Object3D[];
     getVisibleObjects(): Object3D[];

package/lib/Viewer/loaders/GLTFBinaryExtension.d.ts

@@ -0,0 +1,5 @@
+export declare class GLTFBinaryExtension {
+    content: string;
+    body: ArrayBuffer;
+    constructor(data: ArrayBuffer);
+}

package/lib/Viewer/loaders/GLTFCloudDynamicLoader.d.ts

@@ -1,7 +1,7 @@
-import { ILoader, LoadParams } from "@inweb/viewer-core";
+import { Loader, LoadParams } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 import { DynamicGltfLoader } from "./DynamicGltfLoader/DynamicGltfLoader.js";
-export declare class GLTFCloudDynamicLoader implements ILoader {
+export declare class GLTFCloudDynamicLoader extends Loader {
     viewer: Viewer;
     gltfLoader: DynamicGltfLoader;
     requestId: number;

package/lib/Viewer/loaders/{GLTFFileLoader.d.ts → GLTFFileDynamicLoader.d.ts}

@@ -1,9 +1,15 @@
 import { Loader } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 import { GLTFLoadParams } from "./GLTFLoadingManager";
-export declare class GLTFFileLoader extends Loader {
+export declare class GLTFFileDynamicLoader extends Loader {
     viewer: Viewer;
+    private gltfLoader;
+    private manager;
+    private gltf;
+    private bin;
     constructor(viewer: Viewer);
+    dispose(): void;
     isSupport(file: any, format?: string): boolean;
     load(file: any, format?: string, params?: GLTFLoadParams): Promise<this>;
+    cancel(): void;
 }

package/lib/Viewer/loaders/GLTFLoadingManager.d.ts

@@ -1,11 +1,12 @@
+import { LoadParams } from "@inweb/viewer-core";
 import { LoadingManager } from "three";
 export type GLTFFileSource = string | globalThis.File | ArrayBuffer;
-export type GLTFLoadParams = {
+export type GLTFLoadParams = LoadParams & {
+    requestHeader?: HeadersInit;
+    withCredentials?: boolean;
     path?: string;
     externalFiles?: Map<string, GLTFFileSource>;
     crossOrigin?: string;
-    requestHeader?: HeadersInit;
-    withCredentials?: boolean;
 };
 export declare class GLTFLoadingManager extends LoadingManager {
     path: string;

package/lib/Viewer/loaders/RangesLoader.d.ts

@@ -0,0 +1,15 @@
+export interface Range {
+    offset: number;
+    length: number;
+}
+export declare class RangesLoader {
+    private requestHeader;
+    private withCredentials;
+    private abortSignal;
+    constructor();
+    setRequestHeader(requestHeader: HeadersInit): void;
+    setWithCredentials(withCredentials: boolean): void;
+    setAbortSignal(abortSignal: AbortSignal): void;
+    load(url: string, ranges: Range[]): Promise<ArrayBuffer>;
+    extractRanges(arrayBuffer: ArrayBuffer, ranges: Range[]): ArrayBuffer;
+}