@shapediver/viewer.data-engine.geometry-engine 3.9.0 → 3.9.1

package/dist/gltfv2/GLTFLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GLTFLoader.d.ts","sourceRoot":"","sources":["../../src/gltfv2/GLTFLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,qCAAqC,CAAC;AAW1E,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AA2BvE,oBAAY,eAAe;IACvB,eAAe,oBAAoB;IACnC,0BAA0B,+BAA+B;IACzD,mBAAmB,wBAAwB;IAC3C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;IACvC,mCAAmC,wCAAwC;IAC3E,mBAAmB,wBAAwB;IAC3C,sBAAsB,2BAA2B;IACjD,0BAA0B,+BAA+B;IACzD,mBAAmB,wBAAwB;IAC3C,sBAAsB,2BAA2B;IACjD,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,qBAAqB,0BAA0B;IAC/C,2BAA2B,gCAAgC;IAC3D,uBAAuB,4BAA4B;CACtD;AAKD,qBAAa,UAAU;IAGnB,OAAO,CAAC,QAAQ,CAAC,8BAA8B,CAAM;IACrD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAqC;IAClE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAoE;IAC1G,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAmC;IAC/D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiC;IACvE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAO;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyC;IAExE,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,iBAAiB,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAY;IAC5B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,MAAM,CAEP;IACP,OAAO,CAAC,uBAAuB,CAAK;IACpC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAiB;IAM1B,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IAoF5N,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IA4DtE;;;;WAIO;IACP,OAAO,CAAC,aAAa;IAsCrB,OAAO,CAAC,UAAU;IAkClB,OAAO,CAAC,UAAU;YAyDJ,QAAQ;YAmHR,SAAS;IAiBvB,OAAO,CAAC,QAAQ;IAwBhB,OAAO,CAAC,4BAA4B;CAyCvC"}
+{"version":3,"file":"GLTFLoader.d.ts","sourceRoot":"","sources":["../../src/gltfv2/GLTFLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,6CAA6C,CAAC;AAWrE,OAAO,EAAC,SAAS,EAAW,MAAM,qCAAqC,CAAC;AA8BxE,oBAAY,eAAe;IAC1B,eAAe,oBAAoB;IACnC,0BAA0B,+BAA+B;IACzD,mBAAmB,wBAAwB;IAC3C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;IACvC,mCAAmC,wCAAwC;IAC3E,mBAAmB,wBAAwB;IAC3C,sBAAsB,2BAA2B;IACjD,0BAA0B,+BAA+B;IACzD,mBAAmB,wBAAwB;IAC3C,sBAAsB,2BAA2B;IACjD,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,qBAAqB,0BAA0B;IAC/C,2BAA2B,gCAAgC;IAC3D,uBAAuB,4BAA4B;CACnD;AAKD,qBAAa,UAAU;IAGtB,OAAO,CAAC,QAAQ,CAAC,8BAA8B,CAAM;IACrD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAqC;IAClE,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAiBpC;IACF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAmC;IAC/D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiC;IACvE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAO;IAC5C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyC;IAExE,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,iBAAiB,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAY;IAC5B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,MAAM,CAEP;IACP,OAAO,CAAC,uBAAuB,CAAK;IACpC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAiB;IAM1B,IAAI,CAChB,OAAO,EAAE,QAAQ,EACjB,UAAU,CAAC,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;KACtB,EACD,OAAO,CAAC,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC,SAAS,CAAC;IA6JR,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IA8FtE;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAiDrB,OAAO,CAAC,UAAU;IAmClB,OAAO,CAAC,UAAU;YAsFJ,QAAQ;YAkPR,SAAS;IAkBvB,OAAO,CAAC,QAAQ;IA2BhB,OAAO,CAAC,4BAA4B;CA4EpC"}

package/dist/gltfv2/GLTFLoader.js

@@ -10,18 +10,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GLTFLoader = exports.GLTF_EXTENSIONS = void 0;
+const viewer_rendering_engine_camera_engine_1 = require("@shapediver/viewer.rendering-engine.camera-engine");
+const viewer_rendering_engine_light_engine_1 = require("@shapediver/viewer.rendering-engine.light-engine");
 const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
 const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
-const gl_matrix_1 = require("gl-matrix");
 const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
-const viewer_rendering_engine_camera_engine_1 = require("@shapediver/viewer.rendering-engine.camera-engine");
-const viewer_rendering_engine_light_engine_1 = require("@shapediver/viewer.rendering-engine.light-engine");
+const gl_matrix_1 = require("gl-matrix");
+const AccessorLoader_1 = require("./loaders/AccessorLoader");
 const BufferLoader_1 = require("./loaders/BufferLoader");
 const BufferViewLoader_1 = require("./loaders/BufferViewLoader");
-const AccessorLoader_1 = require("./loaders/AccessorLoader");
-const TextureLoader_1 = require("./loaders/TextureLoader");
-const MaterialLoader_1 = require("./loaders/MaterialLoader");
 const GeometryLoader_1 = require("./loaders/GeometryLoader");
+const MaterialLoader_1 = require("./loaders/MaterialLoader");
+const TextureLoader_1 = require("./loaders/TextureLoader");
 var GLTF_EXTENSIONS;
 (function (GLTF_EXTENSIONS) {
     GLTF_EXTENSIONS["KHR_BINARY_GLTF"] = "KHR_binary_glTF";
@@ -42,7 +42,7 @@ var GLTF_EXTENSIONS;
     GLTF_EXTENSIONS["EXT_MESH_GPU_INSTANCING"] = "EXT_mesh_gpu_instancing";
 })(GLTF_EXTENSIONS = exports.GLTF_EXTENSIONS || (exports.GLTF_EXTENSIONS = {}));
 // eslint-disable-next-line @typescript-eslint/no-var-requires
-const DRACO = require('./draco/draco_decoder.js');
+const DRACO = require("./draco/draco_decoder.js");
 class GLTFLoader {
     constructor() {
         // #region Properties (22)
@@ -54,7 +54,7 @@ class GLTFLoader {
         this._performanceEvaluator = viewer_shared_services_1.PerformanceEvaluator.instance;
         this._progressUpdateLimit = 500;
         this._uuidGenerator = viewer_shared_services_1.UuidGenerator.instance;
-        this._eventId = '';
+        this._eventId = "";
         this._nodes = {};
         this._numberOfConvertedNodes = 0;
         this._numberOfNodes = 0;
@@ -67,14 +67,21 @@ class GLTFLoader {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             this._eventId = taskEventId || this._uuidGenerator.create();
-            const eventStart = { type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING, id: this._eventId, progress: 0, status: 'Starting glTF 2.0 loading.' };
+            const eventStart = {
+                type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING,
+                id: this._eventId,
+                progress: 0,
+                status: "Starting glTF 2.0 loading.",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_START, eventStart);
             this._numberOfConvertedNodes = 0;
             this._numberOfNodes = content.nodes ? content.nodes.length : 0;
             this._progressTimer = performance.now();
             this._baseUri = baseUri;
             if (gltfBinary && gltfHeader)
-                this._body = gltfBinary.slice(this.BINARY_EXTENSION_HEADER_LENGTH + gltfHeader.contentLength + 8, gltfHeader.length);
+                this._body = gltfBinary.slice(this.BINARY_EXTENSION_HEADER_LENGTH +
+                    gltfHeader.contentLength +
+                    8, gltfHeader.length);
             this._content = content;
             this.validateVersionAndExtensions();
             const dracoModule = yield new DRACO();
@@ -89,17 +96,25 @@ class GLTFLoader {
             this._materialLoader = new MaterialLoader_1.MaterialLoader(this._content, this._textureLoader);
             yield this._materialLoader.load();
             this._geometryLoader = new GeometryLoader_1.GeometryLoader(this._content, this._accessorLoader, this._bufferViewLoader, this._materialLoader, dracoModule);
-            const eventProgressInit = { type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING, id: this._eventId, progress: 0.1, status: 'Initial logic of glTF loading.' };
+            const eventProgressInit = {
+                type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING,
+                id: this._eventId,
+                progress: 0.1,
+                status: "Initial logic of glTF loading.",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventProgressInit);
             const node = yield this.loadScene();
-            if (this._content.extensions && this._content.extensions[GLTF_EXTENSIONS.KHR_MATERIALS_VARIANTS]) {
-                const variants = this._content.extensions[GLTF_EXTENSIONS.KHR_MATERIALS_VARIANTS].variants;
+            if (this._content.extensions &&
+                this._content.extensions[GLTF_EXTENSIONS.KHR_MATERIALS_VARIANTS]) {
+                const variants = this._content.extensions[GLTF_EXTENSIONS.KHR_MATERIALS_VARIANTS]
+                    .variants;
                 for (let i = 0; i < variants.length; i++)
                     this._geometryLoader.materialVariantsData.variants.push(variants[i].name);
                 this._geometryLoader.materialVariantsData.variantIndex = 0;
                 node.data.push(this._geometryLoader.materialVariantsData);
             }
-            if (this._content.skins !== undefined && this._content.nodes !== undefined) {
+            if (this._content.skins !== undefined &&
+                this._content.nodes !== undefined) {
                 for (let i = 0; i < ((_a = this._content.nodes) === null || _a === void 0 ? void 0 : _a.length); i++) {
                     if (this._content.nodes[i].skin !== undefined) {
                         const skinDef = this.loadSkin(this._content.nodes[i].skin);
@@ -125,25 +140,34 @@ class GLTFLoader {
             if (this._content.animations)
                 for (let i = 0; i < ((_b = this._content.animations) === null || _b === void 0 ? void 0 : _b.length); i++)
                     node.data.push(this.loadAnimation(i));
-            const eventEnd = { type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING, id: this._eventId, progress: 1, status: 'GlTF loading complete.' };
+            const eventEnd = {
+                type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING,
+                id: this._eventId,
+                progress: 1,
+                status: "GlTF loading complete.",
+            };
             this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_END, eventEnd);
             return node;
         });
     }
     loadWithUrl(url) {
         return __awaiter(this, void 0, void 0, function* () {
-            this._performanceEvaluator.startSection('gltfProcessing.' + url);
-            this._performanceEvaluator.startSection('loadGltf.' + url);
-            const axiosResponse = yield this._httpClient.get(url, {
-                responseType: 'arraybuffer'
-            });
-            this._performanceEvaluator.endSection('loadGltf.' + url);
+            this._performanceEvaluator.startSection("gltfProcessing." + url);
+            this._performanceEvaluator.startSection("loadGltf." + url);
+            const axiosResponse = (yield this._httpClient.get(url, {
+                responseType: "arraybuffer",
+            }));
+            this._performanceEvaluator.endSection("loadGltf." + url);
             let gltfContent, gltfBinary, gltfBaseUrl, gltfHeader;
             const magic = new TextDecoder().decode(new Uint8Array(axiosResponse.data, 0, 4));
-            const isBinary = magic === 'glTF' || (axiosResponse.headers['content-type'] &&
-                (axiosResponse.headers['content-type'] === 'model/gltf-binary' ||
-                    axiosResponse.headers['content-type'] === 'application/octet-stream' ||
-                    axiosResponse.headers['content-type'] === 'model/gltf.binary'));
+            const isBinary = magic === "glTF" ||
+                (axiosResponse.headers["content-type"] &&
+                    (axiosResponse.headers["content-type"] ===
+                        "model/gltf-binary" ||
+                        axiosResponse.headers["content-type"] ===
+                            "application/octet-stream" ||
+                        axiosResponse.headers["content-type"] ===
+                            "model/gltf.binary"));
             if (isBinary) {
                 gltfBinary = axiosResponse.data;
                 // create header data
@@ -153,27 +177,32 @@ class GLTFLoader {
                     version: headerDataView.getUint32(4, true),
                     length: headerDataView.getUint32(8, true),
                     contentLength: headerDataView.getUint32(12, true),
-                    contentFormat: headerDataView.getUint32(16, true)
+                    contentFormat: headerDataView.getUint32(16, true),
                 };
-                if (gltfHeader.magic != 'glTF')
-                    throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError('GLTFLoader.load: Invalid data: sdgTF magic wrong.');
+                if (gltfHeader.magic != "glTF")
+                    throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError("GLTFLoader.load: Invalid data: sdgTF magic wrong.");
                 // create content
                 const contentDataView = new DataView(gltfBinary, this.BINARY_EXTENSION_HEADER_LENGTH, gltfHeader.contentLength);
                 const contentDecoded = new TextDecoder().decode(contentDataView);
                 gltfContent = JSON.parse(contentDecoded);
                 // create body
-                this._body = gltfBinary.slice(this.BINARY_EXTENSION_HEADER_LENGTH + gltfHeader.contentLength + 8, gltfHeader.length);
+                this._body = gltfBinary.slice(this.BINARY_EXTENSION_HEADER_LENGTH +
+                    gltfHeader.contentLength +
+                    8, gltfHeader.length);
             }
             else {
                 gltfContent = JSON.parse(new TextDecoder().decode(axiosResponse.data));
                 const removeLastDirectoryPartOf = (the_url) => {
-                    const dir_char = the_url.includes('/') ? '/' : '\\';
+                    const dir_char = the_url.includes("/") ? "/" : "\\";
                     const the_arr = the_url.split(dir_char);
                     the_arr.pop();
                     return the_arr.join(dir_char);
                 };
                 gltfBaseUrl = removeLastDirectoryPartOf(url);
-                if (!gltfBaseUrl && window && window.location && window.location.href)
+                if (!gltfBaseUrl &&
+                    window &&
+                    window.location &&
+                    window.location.href)
                     gltfBaseUrl = removeLastDirectoryPartOf(window.location.href);
             }
             return yield this.load(gltfContent, gltfBinary, gltfHeader, gltfBaseUrl);
@@ -182,15 +211,15 @@ class GLTFLoader {
     // #endregion Public Methods (2)
     // #region Private Methods (7)
     /**
-         * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#animations
-         * @param {number} animationIndex
-         * @return {Promise<AnimationClip>}
-         */
+     * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#animations
+     * @param {number} animationIndex
+     * @return {Promise<AnimationClip>}
+     */
     loadAnimation(animationId) {
         if (!this._content.animations)
-            throw new Error('Animations not available.');
+            throw new Error("Animations not available.");
         if (!this._content.animations[animationId])
-            throw new Error('Animations not available.');
+            throw new Error("Animations not available.");
         const animationDef = this._content.animations[animationId];
         const animationTracks = [];
         let min = Infinity, max = -Infinity;
@@ -201,36 +230,36 @@ class GLTFLoader {
             const path = target.path;
             const node = this._nodes[target.node];
             if (node === undefined)
-                throw new Error('Animation node not available.');
+                throw new Error("Animation node not available.");
             const input = this._accessorLoader.getAccessor(sampler.input);
             min = Math.min(min, input.min[0]);
             max = Math.max(max, input.max[0]);
             const output = this._accessorLoader.getAccessor(sampler.output);
             let interpolation = sampler.interpolation;
-            if (interpolation === 'CUBICSPLINE') {
-                this._logger.warn('Animation with CUBICSPLINE interpolation is currently not supported. Assigning linear interpolation instead.');
-                interpolation = 'linear';
+            if (interpolation === "CUBICSPLINE") {
+                this._logger.warn("Animation with CUBICSPLINE interpolation is currently not supported. Assigning linear interpolation instead.");
+                interpolation = "linear";
             }
             animationTracks.push({
                 node,
                 times: input.array,
                 values: output.array,
                 path: path,
-                interpolation: interpolation === null || interpolation === void 0 ? void 0 : interpolation.toLowerCase()
+                interpolation: interpolation === null || interpolation === void 0 ? void 0 : interpolation.toLowerCase(),
             });
         }
-        return new viewer_shared_types_1.AnimationData(animationDef.name || 'gltf_animation_' + animationId, animationTracks, min, max - min);
+        return new viewer_shared_types_1.AnimationData(animationDef.name || "gltf_animation_" + animationId, animationTracks, min, max - min);
     }
     loadCamera(cameraId) {
         if (!this._content.cameras)
-            throw new Error('Cameras not available.');
+            throw new Error("Cameras not available.");
         if (!this._content.cameras[cameraId])
-            throw new Error('Cameras not available.');
+            throw new Error("Cameras not available.");
         const cameraDef = this._content.cameras[cameraId];
-        const cameraNode = new viewer_shared_node_tree_1.TreeNode(cameraDef.name || 'camera_' + cameraId);
+        const cameraNode = new viewer_shared_node_tree_1.TreeNode(cameraDef.name || "camera_" + cameraId);
         cameraNode.originalName = cameraDef.name;
         let cameraData;
-        if (cameraDef.type === 'perspective') {
+        if (cameraDef.type === "perspective") {
             const perspectiveCameraDef = cameraDef.perspective;
             cameraData = new viewer_rendering_engine_camera_engine_1.PerspectiveCamera(cameraNode.id);
             cameraNode.data.push(cameraData);
@@ -255,26 +284,35 @@ class GLTFLoader {
         return cameraNode;
     }
     loadLights(lightId) {
-        if (!this._content.extensions || !this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL] || !this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL].lights)
+        if (!this._content.extensions ||
+            !this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL] ||
+            !this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL]
+                .lights)
             throw new Error(`Extension ${GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL} not available.`);
-        if (!this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL].lights[lightId])
-            throw new Error('Light not available.');
-        const lightDef = this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL].lights[lightId];
-        const lightNode = new viewer_shared_node_tree_1.TreeNode(lightDef.name || 'light_' + lightId);
+        if (!this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL]
+            .lights[lightId])
+            throw new Error("Light not available.");
+        const lightDef = this._content.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL]
+            .lights[lightId];
+        const lightNode = new viewer_shared_node_tree_1.TreeNode(lightDef.name || "light_" + lightId);
         lightNode.originalName = lightDef.name;
-        let color = '#ffffffff';
+        let color = "#ffffffff";
         if (lightDef.color !== undefined)
-            color = [lightDef.color[0] * 255, lightDef.color[1] * 255, lightDef.color[2] * 255];
+            color = [
+                lightDef.color[0] * 255,
+                lightDef.color[1] * 255,
+                lightDef.color[2] * 255,
+            ];
         const range = lightDef.range !== undefined ? lightDef.range : 0;
         let lightData;
-        if (lightDef.type === 'directional') {
+        if (lightDef.type === "directional") {
             lightData = new viewer_rendering_engine_light_engine_1.DirectionalLight({ color });
             lightNode.data.push(lightData);
             const directionalLightData = lightData;
             if (lightDef.intensity !== undefined)
                 directionalLightData.intensity = lightDef.intensity;
         }
-        else if (lightDef.type === 'point') {
+        else if (lightDef.type === "point") {
             lightData = new viewer_rendering_engine_light_engine_1.PointLight({ color });
             lightNode.data.push(lightData);
             const pointLightData = lightData;
@@ -284,16 +322,24 @@ class GLTFLoader {
                 lightData.intensity = lightDef.intensity;
             pointLightData.position = [0, 0, 0];
         }
-        else if (lightDef.type === 'spot') {
+        else if (lightDef.type === "spot") {
             lightData = new viewer_rendering_engine_light_engine_1.SpotLight({ color });
             lightNode.data.push(lightData);
             lightDef.spot = lightDef.spot || {};
-            lightDef.spot.innerConeAngle = lightDef.spot.innerConeAngle !== undefined ? lightDef.spot.innerConeAngle : 0;
-            lightDef.spot.outerConeAngle = lightDef.spot.outerConeAngle !== undefined ? lightDef.spot.outerConeAngle : Math.PI / 4.0;
+            lightDef.spot.innerConeAngle =
+                lightDef.spot.innerConeAngle !== undefined
+                    ? lightDef.spot.innerConeAngle
+                    : 0;
+            lightDef.spot.outerConeAngle =
+                lightDef.spot.outerConeAngle !== undefined
+                    ? lightDef.spot.outerConeAngle
+                    : Math.PI / 4.0;
             const spotLightData = lightData;
             spotLightData.distance = range;
             spotLightData.angle = lightDef.spot.outerConeAngle;
-            spotLightData.penumbra = 1.0 - lightDef.spot.innerConeAngle / lightDef.spot.outerConeAngle;
+            spotLightData.penumbra =
+                1.0 -
+                    lightDef.spot.innerConeAngle / lightDef.spot.outerConeAngle;
             spotLightData.decay = 2;
             if (lightDef.intensity !== undefined)
                 lightData.intensity = lightDef.intensity;
@@ -301,7 +347,7 @@ class GLTFLoader {
             spotLightData.target = [0, 0, -1];
         }
         else {
-            throw new Error('Unexpected light type: ' + lightDef.type);
+            throw new Error("Unexpected light type: " + lightDef.type);
         }
         lightData.useNodeData = true;
         return lightNode;
@@ -309,56 +355,66 @@ class GLTFLoader {
     loadNode(nodeId) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this._content.nodes)
-                throw new Error('Nodes not available.');
+                throw new Error("Nodes not available.");
             if (!this._content.nodes[nodeId])
-                throw new Error('Node not available.');
+                throw new Error("Node not available.");
             const node = this._content.nodes[nodeId];
-            const nodeDef = new viewer_shared_node_tree_1.TreeNode(node.name || 'node_' + nodeId);
+            const nodeDef = new viewer_shared_node_tree_1.TreeNode(node.name || "node_" + nodeId);
             nodeDef.originalName = node.name;
             this._nodes[nodeId] = nodeDef;
             if (node.matrix) {
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix',
-                    matrix: gl_matrix_1.mat4.fromValues(node.matrix[0], node.matrix[1], node.matrix[2], node.matrix[3], node.matrix[4], node.matrix[5], node.matrix[6], node.matrix[7], node.matrix[8], node.matrix[9], node.matrix[10], node.matrix[11], node.matrix[12], node.matrix[13], node.matrix[14], node.matrix[15])
+                    id: "gltf_matrix",
+                    matrix: gl_matrix_1.mat4.fromValues(node.matrix[0], node.matrix[1], node.matrix[2], node.matrix[3], node.matrix[4], node.matrix[5], node.matrix[6], node.matrix[7], node.matrix[8], node.matrix[9], node.matrix[10], node.matrix[11], node.matrix[12], node.matrix[13], node.matrix[14], node.matrix[15]),
                 });
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_translation',
-                    matrix: gl_matrix_1.mat4.create()
+                    id: "gltf_matrix_translation",
+                    matrix: gl_matrix_1.mat4.create(),
                 });
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_rotation',
-                    matrix: gl_matrix_1.mat4.create()
+                    id: "gltf_matrix_rotation",
+                    matrix: gl_matrix_1.mat4.create(),
                 });
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_scale',
-                    matrix: gl_matrix_1.mat4.create()
+                    id: "gltf_matrix_scale",
+                    matrix: gl_matrix_1.mat4.create(),
                 });
             }
             else if (node.translation || node.scale || node.rotation) {
-                const matT = node.translation ? gl_matrix_1.mat4.fromTranslation(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(node.translation[0], node.translation[1], node.translation[2])) : gl_matrix_1.mat4.create();
-                const matS = node.scale ? gl_matrix_1.mat4.fromScaling(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(node.scale[0], node.scale[1], node.scale[2])) : gl_matrix_1.mat4.create();
-                const matR = node.rotation ? gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.vec4.fromValues(node.rotation[0], node.rotation[1], node.rotation[2], node.rotation[3])) : gl_matrix_1.mat4.create();
+                const matT = node.translation
+                    ? gl_matrix_1.mat4.fromTranslation(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(node.translation[0], node.translation[1], node.translation[2]))
+                    : gl_matrix_1.mat4.create();
+                const matS = node.scale
+                    ? gl_matrix_1.mat4.fromScaling(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(node.scale[0], node.scale[1], node.scale[2]))
+                    : gl_matrix_1.mat4.create();
+                const matR = node.rotation
+                    ? gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.vec4.fromValues(node.rotation[0], node.rotation[1], node.rotation[2], node.rotation[3]))
+                    : gl_matrix_1.mat4.create();
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_translation',
-                    matrix: matT
+                    id: "gltf_matrix_translation",
+                    matrix: matT,
                 });
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_rotation',
-                    matrix: matR
+                    id: "gltf_matrix_rotation",
+                    matrix: matR,
                 });
                 nodeDef.addTransformation({
-                    id: 'gltf_matrix_scale',
-                    matrix: matS
+                    id: "gltf_matrix_scale",
+                    matrix: matS,
                 });
             }
             const instanceTransformations = [];
-            if (node.extensions && node.extensions[GLTF_EXTENSIONS.EXT_MESH_GPU_INSTANCING]) {
-                const ext = node.extensions[GLTF_EXTENSIONS.EXT_MESH_GPU_INSTANCING].attributes;
-                if (ext['TRANSLATION'] && ext['ROTATION'] && ext['SCALE']) {
-                    const translationAttribute = this._accessorLoader.getAccessor(ext['TRANSLATION']);
-                    const rotationAttribute = this._accessorLoader.getAccessor(ext['ROTATION']);
-                    const scaleAttribute = this._accessorLoader.getAccessor(ext['SCALE']);
-                    if (translationAttribute && rotationAttribute && scaleAttribute) {
+            if (node.extensions &&
+                node.extensions[GLTF_EXTENSIONS.EXT_MESH_GPU_INSTANCING]) {
+                const ext = node.extensions[GLTF_EXTENSIONS.EXT_MESH_GPU_INSTANCING]
+                    .attributes;
+                if (ext["TRANSLATION"] && ext["ROTATION"] && ext["SCALE"]) {
+                    const translationAttribute = this._accessorLoader.getAccessor(ext["TRANSLATION"]);
+                    const rotationAttribute = this._accessorLoader.getAccessor(ext["ROTATION"]);
+                    const scaleAttribute = this._accessorLoader.getAccessor(ext["SCALE"]);
+                    if (translationAttribute &&
+                        rotationAttribute &&
+                        scaleAttribute) {
                         const translationMatrices = [];
                         for (let i = 0; i < translationAttribute.array.length; i += 3)
                             translationMatrices.push(gl_matrix_1.mat4.fromTranslation(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(translationAttribute.array[i], translationAttribute.array[i + 1], translationAttribute.array[i + 2])));
@@ -368,7 +424,9 @@ class GLTFLoader {
                         const scaleMatrices = [];
                         for (let i = 0; i < scaleAttribute.array.length; i += 3)
                             scaleMatrices.push(gl_matrix_1.mat4.fromScaling(gl_matrix_1.mat4.create(), gl_matrix_1.vec3.fromValues(scaleAttribute.array[i], scaleAttribute.array[i + 1], scaleAttribute.array[i + 2])));
-                        if (translationMatrices.length === rotationMatrices.length && translationMatrices.length === scaleMatrices.length) {
+                        if (translationMatrices.length ===
+                            rotationMatrices.length &&
+                            translationMatrices.length === scaleMatrices.length) {
                             for (let i = 0; i < translationMatrices.length; i++) {
                                 const transformationMatrix = gl_matrix_1.mat4.create();
                                 gl_matrix_1.mat4.multiply(transformationMatrix, translationMatrices[i], rotationMatrices[i]);
@@ -383,7 +441,8 @@ class GLTFLoader {
                 nodeDef.addChild(this._geometryLoader.loadMesh(node.mesh, node.weights, instanceTransformations));
             if (node.camera !== undefined)
                 nodeDef.addChild(this.loadCamera(node.camera));
-            if (node.extensions && node.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL])
+            if (node.extensions &&
+                node.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL])
                 nodeDef.addChild(this.loadLights(node.extensions[GLTF_EXTENSIONS.KHR_LIGHTS_PUNCTUAL].light));
             if (node.children) {
                 for (let i = 0, len = node.children.length; i < len; i++) {
@@ -396,11 +455,18 @@ class GLTFLoader {
                 nodeDef.data.push(customData);
             }
             this._numberOfConvertedNodes++;
-            if (performance.now() - this._progressTimer > this._progressUpdateLimit) {
+            if (performance.now() - this._progressTimer >
+                this._progressUpdateLimit) {
                 this._progressTimer = performance.now();
-                const eventProgress = { type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING, id: this._eventId, progress: (this._numberOfConvertedNodes / this._numberOfNodes) / 2 + 0.1, status: `GlTF conversion progress: ${this._numberOfConvertedNodes}/${this._numberOfNodes} nodes.` };
+                const eventProgress = {
+                    type: viewer_shared_types_1.TASK_TYPE.GLTF_CONTENT_LOADING,
+                    id: this._eventId,
+                    progress: this._numberOfConvertedNodes / this._numberOfNodes / 2 +
+                        0.1,
+                    status: `GlTF conversion progress: ${this._numberOfConvertedNodes}/${this._numberOfNodes} nodes.`,
+                };
                 this._eventEngine.emitEvent(viewer_shared_services_1.EVENTTYPE.TASK.TASK_PROCESS, eventProgress);
-                yield new Promise(resolve => setTimeout(resolve, 0));
+                yield new Promise((resolve) => setTimeout(resolve, 0));
             }
             return nodeDef;
         });
@@ -408,16 +474,16 @@ class GLTFLoader {
     loadScene() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this._content.scenes)
-                throw new Error('Scenes not available.');
+                throw new Error("Scenes not available.");
             const sceneId = this._content.scene || 0;
             if (!this._content.scenes[sceneId])
-                throw new Error('Scene not available.');
+                throw new Error("Scene not available.");
             const scene = this._content.scenes[sceneId];
-            const sceneDef = new viewer_shared_node_tree_1.TreeNode(scene.name || 'scene_' + sceneId + '');
+            const sceneDef = new viewer_shared_node_tree_1.TreeNode(scene.name || "scene_" + sceneId + "");
             sceneDef.originalName = scene.name;
             sceneDef.addTransformation({
                 id: this._uuidGenerator.create(),
-                matrix: this._globalTransformation
+                matrix: this._globalTransformation,
             });
             if (scene.nodes)
                 for (let i = 0, len = scene.nodes.length; i < len; i++)
@@ -427,13 +493,13 @@ class GLTFLoader {
     }
     loadSkin(skinId) {
         if (!this._content.skins)
-            throw new Error('Skins not available.');
+            throw new Error("Skins not available.");
         if (!this._content.skins[skinId])
-            throw new Error('Skin not available.');
+            throw new Error("Skin not available.");
         const skinDef = this._content.skins[skinId];
         const skinEntry = {
             joints: skinDef.joints,
-            inverseBindMatrices: null
+            inverseBindMatrices: null,
         };
         if (skinDef.inverseBindMatrices === undefined) {
             return skinEntry;
@@ -443,13 +509,15 @@ class GLTFLoader {
     }
     validateVersionAndExtensions() {
         if (!this._content.asset)
-            throw new Error('Asset not available.');
+            throw new Error("Asset not available.");
         const asset = this._content.asset;
         if (!asset.version)
-            throw new Error('Asset does not have a version.');
-        const version = asset.minVersion ? asset.minVersion : asset.version;
-        if (!version.startsWith('2'))
-            throw new Error('Version of the glTF not supported.');
+            throw new Error("Asset does not have a version.");
+        const version = asset.minVersion
+            ? asset.minVersion
+            : asset.version;
+        if (!version.startsWith("2"))
+            throw new Error("Version of the glTF not supported.");
         if (this._content.extensionsUsed) {
             const notSupported = [];
             for (let i = 0; i < this._content.extensionsUsed.length; i++) {
@@ -457,12 +525,22 @@ class GLTFLoader {
                     notSupported.push(this._content.extensionsUsed[i]);
             }
             if (notSupported.length > 0) {
-                let message = 'Extension' + (notSupported.length === 1 ? ' ' : 's ');
+                let message = "Extension" + (notSupported.length === 1 ? " " : "s ");
                 notSupported.forEach((element, index) => {
-                    message += '"' + element + '"' + (index === notSupported.length - 1 ? '' : index === notSupported.length - 2 ? ' and ' : ', ');
+                    message +=
+                        '"' +
+                            element +
+                            '"' +
+                            (index === notSupported.length - 1
+                                ? ""
+                                : index === notSupported.length - 2
+                                    ? " and "
+                                    : ", ");
                 });
-                message += (notSupported.length === 1 ? ' is' : ' are') + ' not supported, but used. Loading glTF regardless.';
-                this._logger.info('GLTFLoader.validateVersionAndExtensions: ' + message);
+                message +=
+                    (notSupported.length === 1 ? " is" : " are") +
+                        " not supported, but used. Loading glTF regardless.";
+                this._logger.info("GLTFLoader.validateVersionAndExtensions: " + message);
             }
         }
         if (this._content.extensionsRequired) {
@@ -472,11 +550,21 @@ class GLTFLoader {
                     notSupported.push(this._content.extensionsRequired[i]);
             }
             if (notSupported.length > 0) {
-                let message = 'Extension' + (notSupported.length === 1 ? ' ' : 's ');
+                let message = "Extension" + (notSupported.length === 1 ? " " : "s ");
                 notSupported.forEach((element, index) => {
-                    message += '"' + element + '"' + (index === notSupported.length - 1 ? '' : index === notSupported.length - 2 ? ' and ' : ', ');
+                    message +=
+                        '"' +
+                            element +
+                            '"' +
+                            (index === notSupported.length - 1
+                                ? ""
+                                : index === notSupported.length - 2
+                                    ? " and "
+                                    : ", ");
                 });
-                message += (notSupported.length === 1 ? ' is' : ' are') + ' not supported, but required. Aborting glTF loading.';
+                message +=
+                    (notSupported.length === 1 ? " is" : " are") +
+                        " not supported, but required. Aborting glTF loading.";
                 throw new Error(message);
             }
         }