@inweb/viewer-visualize 26.5.0 → 26.5.2

package/dist/viewer-visualize.module.js

@@ -1,13 +1,13 @@
-import { CANVAS_EVENTS, draggersRegistry, commandsRegistry, componentsRegistry, Options } from "@inweb/viewer-core";
+import { CANVAS_EVENTS, draggersRegistry, commandsRegistry, componentsRegistry, Loader, loadersRegistry, Options } from "@inweb/viewer-core";
 
 export * from "@inweb/viewer-core";
 
+import { EventEmitter2 } from "@inweb/eventemitter2";
+
 import { Markup } from "@inweb/markup";
 
 export * from "@inweb/markup";
 
-import { EventEmitter2 } from "@inweb/eventemitter2";
-
 class OdaGeAction {
     constructor(module) {
         this.setViewParams = params => {
@@ -2421,175 +2421,131 @@ components.registerComponent("ZoomWheelComponent", (viewer => new ZoomWheelCompo
 
 components.registerComponent("GestureManagerComponent", (viewer => new GestureManagerComponent(viewer)));
 
-function loadScript(url, params = {}) {
-    return new Promise(((resolve, reject) => {
-        const script = document.createElement("script");
-        script.src = url;
-        script.async = true;
-        script.crossOrigin = params.crossOrigin;
-        script.onload = () => resolve(script);
-        script.onerror = () => {
-            script.remove();
-            reject(new Error(`GET ${url} failed to load script`));
-        };
-        document.body.appendChild(script);
-    }));
-}
-
-function loadVisuazlizeJsScript(url, params) {
-    if (window["getVisualizeLibInst"]) {
-        const script = window["getVisualizeLibInst"].script;
-        if (script) {
-            if (script.src === url) return Promise.resolve(script);
-            script.remove();
-        }
-        delete window["getVisualizeLibInst"];
-    }
-    return loadScript(url, params);
-}
-
-const loadVisualizeJs = async (url, onprogress, params = {}) => {
-    const script = await loadVisuazlizeJsScript(url, params);
-    return await new Promise(((resolve, reject) => {
-        const options = {
-            urlMemFile: url + ".wasm",
-            TOTAL_MEMORY: 134217728,
-            onprogress: onprogress
-        };
-        const instance = window["getVisualizeLibInst"](options);
-        instance.loadWasmError = reject;
-        instance.postRun.push((() => {
-            window["getVisualizeLibInst"].script = script;
-            resolve(instance);
-        }));
-    }));
-};
-
-class BaseLoader {
-    constructor(viewer, model, options) {
+class VSFModelLoader extends Loader {
+    constructor(viewer) {
+        super();
         this.viewer = viewer;
-        this.model = model;
-        this.options = options;
     }
-    async load() {}
-}
-
-class TCSLoader extends BaseLoader {
-    async load() {
-        if (!this.viewer.visualizeJs) return;
+    isSupport(file, format) {
+        return typeof file === "object" && typeof file.database === "string" && typeof file.downloadResource === "function" && /.data$/i.test(file.database);
+    }
+    async load(model, format) {
+        if (!this.viewer.visualizeJs) return this;
         const visLib = this.viewer.visLib();
         const visViewer = visLib.getViewer();
-        const abortController = new AbortController;
-        const filesToDownload = [ this.model.database, ...this.model.geometry ];
-        this.viewer._abortController = abortController;
+        const filesToDownload = [ model.database, ...model.geometry ];
         console.time("File load time");
-        try {
-            this.viewer.emitEvent({
-                type: "geometrystart",
-                model: this.model
-            });
-            for (let i = 0; i < filesToDownload.length; i++) {
-                const dataId = filesToDownload[i];
-                const chunkLoadHandler = progress => {
-                    const data = (i + progress) / filesToDownload.length;
-                    this.viewer.emitEvent({
-                        type: "geometryprogress",
-                        data: data,
-                        model: this.model
-                    });
-                };
-                const arrayBuffer = await this.model.downloadResource(dataId, chunkLoadHandler, abortController.signal);
-                if (abortController.signal.aborted) {
-                    await Promise.reject(new Error(`Open model aborted ${this.model.name}`));
-                }
-                visViewer.parseStream(new Uint8Array(arrayBuffer));
+        for (let i = 0; i < filesToDownload.length; i++) {
+            const dataId = filesToDownload[i];
+            const progress = progress => {
+                const data = (i + progress) / filesToDownload.length;
+                this.viewer.emitEvent({
+                    type: "geometryprogress",
+                    data: data,
+                    file: model.file,
+                    model: model
+                });
+            };
+            const arrayBuffer = await model.downloadResource(dataId, progress, this.abortController.signal);
+            if (!this.viewer.visualizeJs) return this;
+            const data = new Uint8Array(arrayBuffer);
+            visViewer.parseStream(data);
+            if (i === 0) {
+                this.viewer.update(true);
+                this.viewer.syncOpenCloudVisualStyle(false);
+                this.viewer.syncOptions();
+                this.viewer.syncOverlay();
+                this.viewer.resize();
+                this.viewer.emitEvent({
+                    type: "databasechunk",
+                    data: data,
+                    file: model.file,
+                    model: model
+                });
+            } else {
                 this.viewer.update();
-                const data = new Uint8Array(arrayBuffer);
-                if (i === 0) {
-                    this.viewer.update(true);
-                    this.viewer.syncOpenCloudVisualStyle(false);
-                    this.viewer.syncOptions();
-                    this.viewer.syncOverlay();
-                    this.viewer.resize();
-                    this.viewer.emitEvent({
-                        type: "databasechunk",
-                        data: data,
-                        model: this.model
-                    });
-                } else {
-                    this.viewer.emitEvent({
-                        type: "geometrychunk",
-                        data: data,
-                        model: this.model
-                    });
-                }
+                this.viewer.emitEvent({
+                    type: "geometrychunk",
+                    data: data,
+                    file: model.file,
+                    model: model
+                });
             }
-            console.timeEnd("File load time");
-            this.viewer.emitEvent({
-                type: "geometryend",
-                model: this.model
-            });
-        } catch (error) {
-            this.viewer.emitEvent({
-                type: "geometryerror",
-                data: error,
-                model: this.model
-            });
-            throw error;
         }
+        console.timeEnd("File load time");
+        return this;
     }
 }
 
-class VsfXLoader extends BaseLoader {
-    async load() {
-        if (!this.viewer.visualizeJs) return;
+class VSFBufferLoader extends Loader {
+    constructor(viewer) {
+        super();
+        this.viewer = viewer;
+    }
+    isSupport(file, format) {
+        return file instanceof ArrayBuffer && /vsf$/i.test(format);
+    }
+    load(buffer, format) {
+        if (!this.viewer.visualizeJs) return Promise.resolve(this);
         const visLib = this.viewer.visLib();
         const visViewer = visLib.getViewer();
-        const abortController = new AbortController;
-        this.viewer._abortController = abortController;
-        const chunkLoadHandler = progress => {
+        const data = new Uint8Array(buffer);
+        visViewer.parseFile(data);
+        this.viewer.syncOpenCloudVisualStyle(false);
+        this.viewer.syncOptions();
+        this.viewer.syncOverlay();
+        this.viewer.resize();
+        this.viewer.emitEvent({
+            type: "geometryprogress",
+            data: 1,
+            file: buffer
+        });
+        this.viewer.emitEvent({
+            type: "databasechunk",
+            data: data,
+            file: buffer
+        });
+        return Promise.resolve(this);
+    }
+}
+
+class VSFXModelLoader extends Loader {
+    constructor(viewer) {
+        super();
+        this.viewer = viewer;
+    }
+    isSupport(file) {
+        return typeof file === "object" && typeof file.database === "string" && typeof file.downloadResource === "function" && /.vsfx$/i.test(file.database) && this.viewer.options.enableStreamingMode === false;
+    }
+    async load(model, format, params = {}) {
+        if (!this.viewer.visualizeJs) return Promise.resolve(this);
+        const visLib = this.viewer.visLib();
+        const visViewer = visLib.getViewer();
+        const progress = progress => {
             this.viewer.emitEvent({
                 type: "geometryprogress",
                 data: progress,
-                model: this.model
+                file: model.file,
+                model: model
             });
         };
         console.time("File load time");
-        try {
-            this.viewer.emitEvent({
-                type: "geometrystart",
-                model: this.model
-            });
-            const arrayBuffer = await this.model.downloadResource(this.model.database, chunkLoadHandler, abortController.signal);
-            if (abortController.signal.aborted) {
-                await Promise.reject(new Error(`Open model aborted ${this.model.name}`));
-            }
-            const data = new Uint8Array(arrayBuffer);
-            if (this.viewer.visualizeJs) {
-                visViewer.parseVsfx(data);
-                this.viewer.syncOpenCloudVisualStyle(false);
-                this.viewer.syncOptions();
-                this.viewer.syncOverlay();
-                this.viewer.resize();
-            }
-            console.timeEnd("File load time");
-            this.viewer.emitEvent({
-                type: "databasechunk",
-                data: data,
-                model: this.model
-            });
-            this.viewer.emitEvent({
-                type: "geometryend",
-                model: this.model
-            });
-        } catch (error) {
-            this.viewer.emitEvent({
-                type: "geometryerror",
-                data: error,
-                model: this.model
-            });
-            throw error;
-        }
+        const arrayBuffer = await model.downloadResource(model.database, progress, this.abortController.signal);
+        if (!this.viewer.visualizeJs) return this;
+        const data = new Uint8Array(arrayBuffer);
+        visViewer.parseVsfx(data);
+        this.viewer.syncOpenCloudVisualStyle(false);
+        this.viewer.syncOptions();
+        this.viewer.syncOverlay();
+        this.viewer.resize();
+        this.viewer.emitEvent({
+            type: "databasechunk",
+            data: data,
+            file: model.file,
+            model: model
+        });
+        console.timeEnd("File load time");
+        return this;
     }
 }
 
@@ -2605,7 +2561,7 @@ var UpdateType;
     UpdateType[UpdateType["kForce"] = 2] = "kForce";
 })(UpdateType || (UpdateType = {}));
 
-class UpdaterController {
+class UpdateController {
     constructor() {
         this.lastUpdate = 0;
         this.delayUpdateTime = START_UPDATE_TIME;
@@ -2625,24 +2581,30 @@ class UpdaterController {
     }
 }
 
-class VsfXStreamingLoader extends BaseLoader {
-    async load() {
-        if (!this.viewer.visualizeJs) return;
+class VSFXStreamingLoader extends Loader {
+    constructor(viewer) {
+        super();
+        this.viewer = viewer;
+    }
+    isSupport(file) {
+        return typeof file === "object" && typeof file.downloadResource === "function" && /.vsfx$/i.test(file.database) && this.viewer.options.enableStreamingMode === true && this.viewer.options.enablePartialMode === false && !/.rcs$/i.test(file.name);
+    }
+    async load(model) {
+        if (!this.viewer.visualizeJs) return this;
         const visLib = this.viewer.visLib();
         const visViewer = visLib.getViewer();
-        const abortController = new AbortController;
-        const updaterController = new UpdaterController;
-        updaterController.initialize(this.viewer);
-        this.viewer._abortController = abortController;
+        const updateController = new UpdateController;
+        updateController.initialize(this.viewer);
         let isFireDatabaseChunk = false;
         const chunkLoadHandler = (progress, chunk) => {
             if (!this.viewer.visualizeJs) return;
             const status = visViewer.parseVsfx(chunk);
-            updaterController.update(UpdateType.kDelay);
+            updateController.update(UpdateType.kDelay);
             this.viewer.emitEvent({
                 type: "geometryprogress",
                 data: progress,
-                model: this.model
+                file: model.file,
+                model: model
             });
             let state = false;
             if (status === visLib.DatabaseStreamStatus.ReadyServiceData || status === visLib.DatabaseStreamStatus.Complete && !isFireDatabaseChunk) {
@@ -2650,7 +2612,7 @@ class VsfXStreamingLoader extends BaseLoader {
                 state = true;
             }
             if (state) {
-                updaterController.update(UpdateType.kForce);
+                updateController.update(UpdateType.kForce);
                 this.viewer.syncOpenCloudVisualStyle(false);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
@@ -2658,37 +2620,23 @@ class VsfXStreamingLoader extends BaseLoader {
                 this.viewer.emitEvent({
                     type: "databasechunk",
                     data: chunk,
-                    model: this.model
+                    file: model.file,
+                    model: model
                 });
             } else {
                 this.viewer.emitEvent({
                     type: "geometrychunk",
                     data: chunk,
-                    model: this.model
+                    file: model.file,
+                    model: model
                 });
             }
         };
         console.time("File load time");
-        try {
-            this.viewer.emitEvent({
-                type: "geometrystart",
-                model: this.model
-            });
-            await this.model.downloadResource(this.model.database, chunkLoadHandler, abortController.signal);
-            console.timeEnd("File load time");
-            updaterController.update(UpdateType.kNormal);
-            this.viewer.emitEvent({
-                type: "geometryend",
-                model: this.model
-            });
-        } catch (error) {
-            this.viewer.emitEvent({
-                type: "geometryerror",
-                data: error,
-                model: this.model
-            });
-            throw error;
-        }
+        await model.downloadResource(model.database, chunkLoadHandler, this.abortController.signal);
+        updateController.update(UpdateType.kNormal);
+        console.timeEnd("File load time");
+        return Promise.resolve(this);
     }
 }
 
@@ -2696,35 +2644,40 @@ const PENDING_REQUESTS_SIZE = 50;
 
 const PENDING_REQUESTS_TIMEOUT = 250;
 
-class VsfXPartialLoader extends BaseLoader {
-    async load() {
-        if (!this.viewer.visualizeJs) return;
+class VSFXPartialLoader extends Loader {
+    constructor(viewer) {
+        super();
+        this.viewer = viewer;
+        this.abortControllerForRequestMap = new Map;
+    }
+    isSupport(file) {
+        return typeof file === "object" && typeof file.downloadResource === "function" && /.vsfx$/i.test(file.database) && (this.viewer.options.enablePartialMode === true || /.rcs$/i.test(file.name));
+    }
+    async load(model, format) {
+        if (!this.viewer.visualizeJs) return this;
         const visLib = this.viewer.visLib();
         const visViewer = visLib.getViewer();
-        const abortController = new AbortController;
-        const abortControllerForRequestMap = new Map;
         let servicePartAborted = false;
         const pendingRequestsMap = new Map;
         let pendingRequestsTimerId = 0;
         const pendingRequestsAbortHandler = () => clearTimeout(pendingRequestsTimerId);
         const pendingRequestsAbortController = new AbortController;
-        abortControllerForRequestMap.set(0, pendingRequestsAbortController);
-        const updaterController = new UpdaterController;
-        updaterController.initialize(this.viewer);
-        this.viewer._abortController = abortController;
-        this.viewer._abortControllerForRequestMap = abortControllerForRequestMap;
-        visViewer.memoryLimit = this.options.memoryLimit;
+        this.abortControllerForRequestMap.set(0, pendingRequestsAbortController);
+        const updateController = new UpdateController;
+        updateController.initialize(this.viewer);
+        visViewer.memoryLimit = this.viewer.options.memoryLimit;
         const chunkLoadHandler = (progress, chunk, requestId = 0) => {
             if (!this.viewer.visualizeJs) return;
             const state = visViewer.parseVsfxInPartialMode(requestId, chunk);
-            updaterController.update(UpdateType.kDelay);
+            updateController.update(UpdateType.kDelay);
             this.viewer.emitEvent({
                 type: "geometryprogress",
                 data: progress,
-                model: this.model
+                file: model.file,
+                model: model
             });
             if (state) {
-                updaterController.update(UpdateType.kForce);
+                updateController.update(UpdateType.kForce);
                 this.viewer.syncOpenCloudVisualStyle(false);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
@@ -2732,31 +2685,34 @@ class VsfXPartialLoader extends BaseLoader {
                 this.viewer.emitEvent({
                     type: "databasechunk",
                     data: chunk,
-                    model: this.model
+                    file: model.file,
+                    model: model
                 });
             } else {
                 this.viewer.emitEvent({
                     type: "geometrychunk",
                     data: chunk,
-                    model: this.model
+                    file: model.file,
+                    model: model
                 });
             }
         };
         const downloadResourceRange = async (dataId, requestId, ranges) => {
             const abortCtrl = new AbortController;
-            abortControllerForRequestMap.set(requestId, abortCtrl);
+            this.abortControllerForRequestMap.set(requestId, abortCtrl);
             try {
-                await this.model.downloadResourceRange(dataId, requestId, ranges, chunkLoadHandler, abortCtrl.signal);
+                await model.downloadResourceRange(dataId, requestId, ranges, chunkLoadHandler, abortCtrl.signal);
             } catch (error) {
                 this.viewer.emitEvent({
                     type: "geometryerror",
                     data: error,
-                    model: this.model
+                    file: model.file,
+                    model: model
                 });
             } finally {
                 ranges.forEach((range => visViewer.onRequestResponseComplete(range.requestId)));
-                abortControllerForRequestMap.delete(requestId);
-                updaterController.update(UpdateType.kNormal);
+                this.abortControllerForRequestMap.delete(requestId);
+                updateController.update(UpdateType.kNormal);
             }
         };
         const requestRecordsToRanges = (requestId, records) => {
@@ -2776,26 +2732,26 @@ class VsfXPartialLoader extends BaseLoader {
             onServicePartReceived: bHasIndex => {
                 if (bHasIndex) {
                     servicePartAborted = true;
-                    abortController.abort();
+                    this.abortController.abort();
                 }
             },
             onRequest: (requestId, records) => {
                 const ranges = requestRecordsToRanges(requestId, records);
-                downloadResourceRange(this.model.database, requestId, ranges);
+                downloadResourceRange(model.database, requestId, ranges);
             },
             onFullLoaded: () => {
-                updaterController.update(UpdateType.kNormal);
+                updateController.update(UpdateType.kNormal);
             },
             onRequestResponseParsed: requestId => {
-                abortControllerForRequestMap.delete(requestId);
-                updaterController.update(UpdateType.kNormal);
+                this.abortControllerForRequestMap.delete(requestId);
+                updateController.update(UpdateType.kNormal);
             },
             onRequestAborted: requestId => {
-                const abortCtrl = abortControllerForRequestMap.get(requestId);
+                const abortCtrl = this.abortControllerForRequestMap.get(requestId);
                 if (abortCtrl) abortCtrl.abort();
             },
             onRequestResourceFile: (requestId, _, records) => {
-                const dataId = `${this.model.fileId}${this.model.file.type}`;
+                const dataId = `${model.fileId}${model.file.type}`;
                 const ranges = requestRecordsToRanges(requestId, records);
                 let pendingRanges = [];
                 let requestNumber = 0;
@@ -2851,45 +2807,109 @@ class VsfXPartialLoader extends BaseLoader {
         };
         visViewer.attachPartialResolver(objectHandler);
         try {
-            this.viewer.emitEvent({
-                type: "geometrystart",
-                model: this.model
-            });
-            await this.model.downloadResource(this.model.database, chunkLoadHandler, abortController.signal).catch((e => {
-                if (!servicePartAborted) throw e;
-            }));
-            this.viewer.emitEvent({
-                type: "geometryend",
-                model: this.model
-            });
+            await model.downloadResource(model.database, chunkLoadHandler, this.abortController.signal);
         } catch (e) {
-            if (pendingRequestsTimerId) {
-                window.clearTimeout(pendingRequestsTimerId);
-                pendingRequestsTimerId = 0;
-            }
-            this.viewer.emitEvent({
-                type: "geometryerror",
-                data: e,
-                model: this.model
-            });
-            throw e;
+            window.clearTimeout(pendingRequestsTimerId);
+            if (!servicePartAborted) throw e;
         }
+        return this;
+    }
+    cancel() {
+        super.cancel();
+        this.abortControllerForRequestMap.forEach((controller => controller.abort()));
     }
 }
 
-class LoaderFactory {
-    create(viewer, model, options) {
-        const geometryType = model.database.split(".").pop();
-        if (model.geometry.length === 0 && geometryType === "vsfx") {
-            if (!options.enableStreamingMode) return new VsfXLoader(viewer, model, options); else if (options.enablePartialMode) return new VsfXPartialLoader(viewer, model, options); else return new VsfXStreamingLoader(viewer, model, options);
-        }
-        if (geometryType === "data") {
-            return new TCSLoader(viewer, model, options);
+class VSFXBufferLoader extends Loader {
+    constructor(viewer) {
+        super();
+        this.viewer = viewer;
+    }
+    isSupport(file, format) {
+        return file instanceof ArrayBuffer && /vsfx$/i.test(format);
+    }
+    load(buffer, format) {
+        if (!this.viewer.visualizeJs) return Promise.resolve(this);
+        const visLib = this.viewer.visLib();
+        const visViewer = visLib.getViewer();
+        const data = new Uint8Array(buffer);
+        visViewer.parseVsfx(data);
+        this.viewer.syncOpenCloudVisualStyle(false);
+        this.viewer.syncOptions();
+        this.viewer.syncOverlay();
+        this.viewer.resize();
+        this.viewer.emitEvent({
+            type: "geometryprogress",
+            data: 1,
+            file: buffer
+        });
+        this.viewer.emitEvent({
+            type: "databasechunk",
+            data: data,
+            file: buffer
+        });
+        return Promise.resolve(this);
+    }
+}
+
+const loaders = loadersRegistry("visualizejs");
+
+loaders.registerLoader("vsf", (viewer => new VSFModelLoader(viewer)));
+
+loaders.registerLoader("vsf-buffer", (viewer => new VSFBufferLoader(viewer)));
+
+loaders.registerLoader("vsfx", (viewer => new VSFXModelLoader(viewer)));
+
+loaders.registerLoader("vsfx-streaming", (viewer => new VSFXStreamingLoader(viewer)));
+
+loaders.registerLoader("vsfx-partial", (viewer => new VSFXPartialLoader(viewer)));
+
+loaders.registerLoader("vsfx-buffer", (viewer => new VSFXBufferLoader(viewer)));
+
+function loadScript(url, params = {}) {
+    return new Promise(((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = url;
+        script.async = true;
+        script.crossOrigin = params.crossOrigin;
+        script.onload = () => resolve(script);
+        script.onerror = () => {
+            script.remove();
+            reject(new Error(`GET ${url} failed to load script`));
+        };
+        document.body.appendChild(script);
+    }));
+}
+
+function loadVisuazlizeJsScript(url, params) {
+    if (window["getVisualizeLibInst"]) {
+        const script = window["getVisualizeLibInst"].script;
+        if (script) {
+            if (script.src === url) return Promise.resolve(script);
+            script.remove();
         }
-        throw new Error(`Unknown geometry type: ${geometryType}`);
+        delete window["getVisualizeLibInst"];
     }
+    return loadScript(url, params);
 }
 
+const loadVisualizeJs = async (url, onprogress, params = {}) => {
+    const script = await loadVisuazlizeJsScript(url, params);
+    return await new Promise(((resolve, reject) => {
+        const options = {
+            urlMemFile: url + ".wasm",
+            TOTAL_MEMORY: 134217728,
+            onprogress: onprogress
+        };
+        const instance = window["getVisualizeLibInst"](options);
+        instance.loadWasmError = reject;
+        instance.postRun.push((() => {
+            window["getVisualizeLibInst"].script = script;
+            resolve(instance);
+        }));
+    }));
+};
+
 const MARKUP_ENTITY_LINE = "$MarkupTempEntity_Line";
 
 class OdaLineDragger extends OdBaseDragger {
@@ -3228,6 +3248,7 @@ class Viewer extends EventEmitter2 {
         this.configure(params);
         this._options = new Options(this);
         this.client = client;
+        this.loaders = [];
         this._activeDragger = null;
         this._components = [];
         this._renderTime = 0;
@@ -3714,6 +3735,7 @@ class Viewer extends EventEmitter2 {
         var _a;
         if (!this.visualizeJs) return this;
         if (!this.client) return this;
+        if (!model.getReferences) return this;
         const abortController = new AbortController;
         (_a = this._abortControllerForReferences) === null || _a === undefined ? undefined : _a.abort();
         this._abortControllerForReferences = abortController;
@@ -3741,32 +3763,49 @@ class Viewer extends EventEmitter2 {
         device.delete();
         this.update();
     }
-    async open(file) {
+    async open(file, params = {}) {
         if (!this.visualizeJs) return this;
         this.cancel();
         this.clear();
         this.emitEvent({
             type: "open",
+            file: file
+        });
+        let model = file;
+        if (model && typeof model.getModels === "function") {
+            const models = await model.getModels();
+            model = models.find((model => model.default)) || models[0] || file;
+        }
+        if (!model) throw new Error(`Format not supported`);
+        let format = params.format;
+        if (!format && typeof model.type === "string") format = model.type.split(".").pop();
+        if (!format && typeof file === "string") format = file.split(".").pop();
+        if (!format && file instanceof globalThis.File) format = file.name.split(".").pop();
+        const loader = loaders.createLoader(this, model, format);
+        if (!loader) throw new Error(`Format not supported`);
+        this.loaders.push(loader);
+        this.emitEvent({
+            type: "geometrystart",
             file: file,
-            model: file
+            model: model
+        });
+        try {
+            await this.loadReferences(model);
+            await loader.load(model, format, params);
+        } catch (error) {
+            this.emitEvent({
+                type: "geometryerror",
+                data: error,
+                file: file,
+                model: model
+            });
+            throw error;
+        }
+        this.emitEvent({
+            type: "geometryend",
+            file: file,
+            model: model
         });
-        let model = undefined;
-        if (file) {
-            const models = await file.getModels() || [];
-            model = models.find((model => model.default)) || models[0];
-        }
-        if (!model) throw new Error("No default model found");
-        const overrideOptions = new Options;
-        overrideOptions.data = this._options.data;
-        if (file.type === ".rcs" && !overrideOptions.enablePartialMode) {
-            console.log("Partial streaming mode is forced for RCS file");
-            overrideOptions.enableStreamingMode = true;
-            overrideOptions.enablePartialMode = true;
-        }
-        const loaderFactory = new LoaderFactory;
-        const loader = loaderFactory.create(this, model, overrideOptions);
-        await this.loadReferences(model);
-        await loader.load();
         if (this.visualizeJs) {
             this.applyModelTransformMatrix(model);
             this.applySceneGraphSettings();
@@ -3779,15 +3818,15 @@ class Viewer extends EventEmitter2 {
         this.clear();
         this.emitEvent({
             type: "open",
-            buffer: buffer
+            file: buffer
+        });
+        const visLib = this.visLib();
+        const visViewer = visLib.getViewer();
+        this.emitEvent({
+            type: "geometrystart",
+            file: buffer
         });
         try {
-            this.emitEvent({
-                type: "geometrystart",
-                buffer: buffer
-            });
-            const visLib = this.visLib();
-            const visViewer = visLib.getViewer();
             const data = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
             visViewer.parseFile(data);
             this.syncOpenCloudVisualStyle(false);
@@ -3797,25 +3836,25 @@ class Viewer extends EventEmitter2 {
             this.emitEvent({
                 type: "geometryprogress",
                 data: 1,
-                buffer: buffer
+                file: buffer
             });
             this.emitEvent({
                 type: "databasechunk",
                 data: data,
-                buffer: buffer
-            });
-            this.emitEvent({
-                type: "geometryend",
-                buffer: buffer
+                file: buffer
             });
         } catch (error) {
             this.emitEvent({
                 type: "geometryerror",
                 data: error,
-                buffer: buffer
+                file: buffer
             });
             throw error;
         }
+        this.emitEvent({
+            type: "geometryend",
+            file: buffer
+        });
         return this;
     }
     openVsfxFile(buffer) {
@@ -3824,15 +3863,15 @@ class Viewer extends EventEmitter2 {
         this.clear();
         this.emitEvent({
             type: "open",
-            buffer: buffer
+            file: buffer
+        });
+        const visLib = this.visLib();
+        const visViewer = visLib.getViewer();
+        this.emitEvent({
+            type: "geometrystart",
+            file: buffer
         });
         try {
-            this.emitEvent({
-                type: "geometrystart",
-                buffer: buffer
-            });
-            const visLib = this.visLib();
-            const visViewer = visLib.getViewer();
             const data = buffer instanceof Uint8Array ? buffer : new Uint8Array(buffer);
             visViewer.parseVsfx(data);
             this.syncOpenCloudVisualStyle(false);
@@ -3842,35 +3881,32 @@ class Viewer extends EventEmitter2 {
             this.emitEvent({
                 type: "geometryprogress",
                 data: 1,
-                buffer: buffer
+                file: buffer
             });
             this.emitEvent({
                 type: "databasechunk",
                 data: data,
-                buffer: buffer
-            });
-            this.emitEvent({
-                type: "geometryend",
-                buffer: buffer
+                file: buffer
             });
         } catch (error) {
             this.emitEvent({
                 type: "geometryerror",
                 data: error,
-                buffer: buffer
+                file: buffer
             });
             throw error;
         }
+        this.emitEvent({
+            type: "geometryend",
+            file: buffer
+        });
         return this;
     }
     cancel() {
-        var _a, _b, _c;
+        var _a;
         (_a = this._abortControllerForReferences) === null || _a === undefined ? undefined : _a.abort();
         this._abortControllerForReferences = undefined;
-        (_b = this._abortController) === null || _b === undefined ? undefined : _b.abort();
-        this._abortController = undefined;
-        (_c = this._abortControllerForRequestMap) === null || _c === undefined ? undefined : _c.forEach((controller => controller.abort()));
-        this._abortControllerForRequestMap = undefined;
+        this.loaders.forEach((loader => loader.cancel()));
         this.emitEvent({
             type: "cancel"
         });
@@ -3886,6 +3922,8 @@ class Viewer extends EventEmitter2 {
         this.clearSelected();
         visViewer.clear();
         visViewer.createLocalDatabase();
+        this.loaders.forEach((loader => loader.dispose()));
+        this.loaders = [];
         this.syncOpenCloudVisualStyle(true);
         this.syncOptions();
         this.syncOverlay();
@@ -4037,5 +4075,5 @@ class Viewer extends EventEmitter2 {
     }
 }
 
-export { OdBaseDragger, Viewer, commands, components, draggers };
+export { OdBaseDragger, Viewer, commands, components, draggers, loaders };
 //# sourceMappingURL=viewer-visualize.module.js.map