@shapediver/viewer.data-engine.material-engine 3.8.15 → 3.9.1

package/dist/MaterialEngine.js

@@ -10,10 +10,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaterialEngine = void 0;
-const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
 const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
-const materialDatabase_1 = require("./materialDatabase");
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
 const gl_matrix_1 = require("gl-matrix");
+const materialDatabase_1 = require("./materialDatabase");
 /* eslint-disable no-prototype-builtins */
 const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
 class MaterialEngine {
@@ -46,6 +46,10 @@ class MaterialEngine {
                 return new viewer_shared_types_1.MaterialUnlitData(materialProperties);
             case viewer_shared_types_1.MATERIAL_TYPE.GEM:
                 return new viewer_shared_types_1.MaterialGemData(materialProperties);
+            case viewer_shared_types_1.MATERIAL_TYPE.PHONG:
+                return new viewer_shared_types_1.MaterialPhongData(materialProperties);
+            case viewer_shared_types_1.MATERIAL_TYPE.LAMBERT:
+                return new viewer_shared_types_1.MaterialLambertData(materialProperties);
             default:
                 return new viewer_shared_types_1.MaterialStandardData(materialProperties);
         }
@@ -56,40 +60,44 @@ class MaterialEngine {
             const promises = [];
             const abstractProperties = {};
             abstractProperties.alphaCutoff = definition.alphaCutoff;
-            promises.push(this.loadMapFromDefinition(definition.alphaMap).then(map => {
+            promises.push(this.loadMapFromDefinition(definition.alphaMap).then((map) => {
                 if (map)
                     abstractProperties.alphaMap = map;
                 return map;
             }));
             abstractProperties.alphaMode = definition.alphaMode;
-            promises.push(this.loadMapFromDefinition(definition.aoMap).then(map => {
+            promises.push(this.loadMapFromDefinition(definition.aoMap).then((map) => {
                 if (map)
                     abstractProperties.aoMap = map;
                 return map;
             }));
             abstractProperties.aoMapIntensity = definition.aoMapIntensity;
-            promises.push(this.loadMapFromDefinition(definition.bumpMap).then(map => {
+            promises.push(this.loadMapFromDefinition(definition.bumpMap).then((map) => {
                 if (map)
                     abstractProperties.bumpMap = map;
                 return map;
             }));
             abstractProperties.bumpScale = definition.bumpScale;
-            abstractProperties.color = definition.color ? definition.color : undefined;
+            abstractProperties.color = definition.color
+                ? definition.color
+                : undefined;
             abstractProperties.depthTest = definition.depthTest;
             abstractProperties.depthWrite = definition.depthWrite;
-            promises.push(this.loadMapFromDefinition(definition.emissiveMap).then(map => {
+            promises.push(this.loadMapFromDefinition(definition.emissiveMap).then((map) => {
                 if (map)
                     abstractProperties.emissiveMap = map;
                 return map;
             }));
-            abstractProperties.emissiveness = definition.emissiveness ? definition.emissiveness : undefined;
-            promises.push(this.loadMapFromDefinition(definition.map).then(map => {
+            abstractProperties.emissiveness = definition.emissiveness
+                ? definition.emissiveness
+                : undefined;
+            promises.push(this.loadMapFromDefinition(definition.map).then((map) => {
                 if (map)
                     abstractProperties.map = map;
                 return map;
             }));
             abstractProperties.name = definition.name;
-            promises.push(this.loadMapFromDefinition(definition.normalMap).then(map => {
+            promises.push(this.loadMapFromDefinition(definition.normalMap).then((map) => {
                 if (map)
                     abstractProperties.normalMap = map;
                 return map;
@@ -101,208 +109,265 @@ class MaterialEngine {
             abstractProperties.transparent = definition.transparent;
             abstractProperties.type = materialType;
             switch (materialType) {
-                case viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS:
-                    {
-                        const specularGlossinessProperties = abstractProperties;
-                        const specularGlossinessDefinition = definition;
-                        specularGlossinessProperties.envMap = specularGlossinessDefinition.envMap;
-                        specularGlossinessProperties.glossiness = specularGlossinessDefinition.glossiness;
-                        specularGlossinessProperties.specular = specularGlossinessDefinition.specular;
-                        if (specularGlossinessDefinition.specularGlossinessMap) {
-                            promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.specularGlossinessMap).then(map => {
-                                if (map)
-                                    specularGlossinessProperties.specularGlossinessMap = map;
-                                return map;
-                            }));
-                        }
-                        else {
-                            promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.specularMap).then(map => {
-                                if (map)
-                                    specularGlossinessProperties.specularMap = map;
-                                return map;
-                            }));
-                            promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.glossinessMap).then(map => {
-                                if (map)
-                                    specularGlossinessProperties.glossinessMap = map;
-                                return map;
-                            }));
-                        }
-                        yield Promise.all(promises);
-                        return new viewer_shared_types_1.MaterialSpecularGlossinessData(specularGlossinessProperties);
-                    }
-                case viewer_shared_types_1.MATERIAL_TYPE.UNLIT:
-                    {
-                        const unlitProperties = abstractProperties;
-                        const unlitDefinition = definition;
-                        unlitProperties.envMap = unlitDefinition.envMap;
-                        yield Promise.all(promises);
-                        return new viewer_shared_types_1.MaterialUnlitData(unlitProperties);
-                    }
-                case viewer_shared_types_1.MATERIAL_TYPE.GEM:
-                    {
-                        const gemProperties = abstractProperties;
-                        const gemDefinition = definition;
-                        gemProperties.brightness = gemDefinition.brightness;
-                        gemProperties.center = gemDefinition.center;
-                        gemProperties.colorTransferBegin = gemDefinition.colorTransferBegin;
-                        gemProperties.colorTransferEnd = gemDefinition.colorTransferEnd;
-                        gemProperties.contrast = gemDefinition.contrast;
-                        gemProperties.dispersion = gemDefinition.dispersion;
-                        gemProperties.envMap = gemDefinition.envMap;
-                        gemProperties.gamma = gemDefinition.gamma;
-                        promises.push(this.loadMapFromDefinition(gemDefinition.impurityMap).then(map => {
-                            if (map)
-                                gemProperties.impurityMap = map;
-                            return map;
-                        }));
-                        gemProperties.impurityScale = gemDefinition.impurityScale;
-                        gemProperties.radius = gemDefinition.radius;
-                        gemProperties.refractionIndex = gemDefinition.refractionIndex;
-                        promises.push(this.loadMapFromDefinition(gemDefinition.sphericalNormalMap).then(map => {
+                case viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS: {
+                    const specularGlossinessProperties = abstractProperties;
+                    const specularGlossinessDefinition = definition;
+                    specularGlossinessProperties.envMap =
+                        specularGlossinessDefinition.envMap;
+                    specularGlossinessProperties.glossiness =
+                        specularGlossinessDefinition.glossiness;
+                    specularGlossinessProperties.specular =
+                        specularGlossinessDefinition.specular;
+                    if (specularGlossinessDefinition.specularGlossinessMap) {
+                        promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.specularGlossinessMap).then((map) => {
                             if (map)
-                                gemProperties.sphericalNormalMap = map;
+                                specularGlossinessProperties.specularGlossinessMap =
+                                    map;
                             return map;
                         }));
-                        gemProperties.tracingDepth = gemDefinition.tracingDepth;
-                        gemProperties.tracingOpacity = gemDefinition.tracingOpacity;
-                        yield Promise.all(promises);
-                        return new viewer_shared_types_1.MaterialGemData(gemProperties);
                     }
-                default:
-                    {
-                        const standardProperties = abstractProperties;
-                        const standardDefinition = definition;
-                        standardProperties.attenuationColor = standardDefinition.attenuationColor;
-                        standardProperties.attenuationDistance = standardDefinition.attenuationDistance;
-                        standardProperties.clearcoat = standardDefinition.clearcoat;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatMap).then(map => {
-                            if (map)
-                                standardProperties.clearcoatMap = map;
-                            return map;
-                        }));
-                        promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatNormalMap).then(map => {
-                            if (map)
-                                standardProperties.clearcoatNormalMap = map;
-                            return map;
-                        }));
-                        standardProperties.clearcoatRoughness = standardDefinition.clearcoatRoughness;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatRoughnessMap).then(map => {
-                            if (map)
-                                standardProperties.clearcoatRoughnessMap = map;
-                            return map;
-                        }));
-                        standardProperties.displacementBias = standardDefinition.displacementBias;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.displacementMap).then(map => {
-                            if (map)
-                                standardProperties.displacementMap = map;
-                            return map;
-                        }));
-                        standardProperties.displacementScale = standardDefinition.displacementScale;
-                        standardProperties.envMap = standardDefinition.envMap;
-                        standardProperties.ior = standardDefinition.ior;
-                        standardProperties.metalness = standardDefinition.metalness;
-                        if (standardDefinition.metalnessRoughnessMap) {
-                            promises.push(this.loadMapFromDefinition(standardDefinition.metalnessMap).then(map => {
-                                if (map)
-                                    standardProperties.metalnessMap = map;
-                                return map;
-                            }));
-                        }
-                        else {
-                            promises.push(this.loadMapFromDefinition(standardDefinition.metalnessMap).then(map => {
-                                if (map)
-                                    standardProperties.metalnessMap = map;
-                                return map;
-                            }));
-                            promises.push(this.loadMapFromDefinition(standardDefinition.roughnessMap).then(map => {
-                                if (map)
-                                    standardProperties.roughnessMap = map;
-                                return map;
-                            }));
-                        }
-                        standardProperties.roughness = standardDefinition.roughness;
-                        standardProperties.sheen = standardDefinition.sheen;
-                        standardProperties.sheenColor = standardDefinition.sheenColor;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.sheenColorMap).then(map => {
-                            if (map)
-                                standardProperties.sheenColorMap = map;
-                            return map;
-                        }));
-                        standardProperties.sheenRoughness = standardDefinition.sheenRoughness;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.sheenRoughnessMap).then(map => {
+                    else {
+                        promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.specularMap).then((map) => {
                             if (map)
-                                standardProperties.sheenRoughnessMap = map;
+                                specularGlossinessProperties.specularMap = map;
                             return map;
                         }));
-                        standardProperties.specularColor = standardDefinition.specularColor;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.specularColorMap).then(map => {
+                        promises.push(this.loadMapFromDefinition(specularGlossinessDefinition.glossinessMap).then((map) => {
                             if (map)
-                                standardProperties.specularColorMap = map;
+                                specularGlossinessProperties.glossinessMap =
+                                    map;
                             return map;
                         }));
-                        standardProperties.specularIntensity = standardDefinition.specularIntensity;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.specularIntensityMap).then(map => {
+                    }
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialSpecularGlossinessData(specularGlossinessProperties);
+                }
+                case viewer_shared_types_1.MATERIAL_TYPE.UNLIT: {
+                    const unlitProperties = abstractProperties;
+                    const unlitDefinition = definition;
+                    unlitProperties.envMap = unlitDefinition.envMap;
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialUnlitData(unlitProperties);
+                }
+                case viewer_shared_types_1.MATERIAL_TYPE.PHONG: {
+                    const phongProperties = abstractProperties;
+                    const phongDefinition = definition;
+                    phongProperties.displacementBias =
+                        phongDefinition.displacementBias;
+                    promises.push(this.loadMapFromDefinition(phongDefinition.displacementMap).then((map) => {
+                        if (map)
+                            phongProperties.displacementMap = map;
+                        return map;
+                    }));
+                    phongProperties.displacementScale =
+                        phongDefinition.displacementScale;
+                    phongProperties.envMap = phongDefinition.envMap;
+                    phongProperties.reflectivity = phongDefinition.reflectivity;
+                    phongProperties.shininess = phongDefinition.shininess;
+                    phongProperties.specular = phongDefinition.specular;
+                    promises.push(this.loadMapFromDefinition(phongDefinition.specularMap).then((map) => {
+                        if (map)
+                            phongProperties.specularMap = map;
+                        return map;
+                    }));
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialPhongData(phongProperties);
+                }
+                case viewer_shared_types_1.MATERIAL_TYPE.LAMBERT: {
+                    const lambertProperties = abstractProperties;
+                    const lambertDefinition = definition;
+                    lambertProperties.displacementBias =
+                        lambertDefinition.displacementBias;
+                    promises.push(this.loadMapFromDefinition(lambertDefinition.displacementMap).then((map) => {
+                        if (map)
+                            lambertProperties.displacementMap = map;
+                        return map;
+                    }));
+                    lambertProperties.displacementScale =
+                        lambertDefinition.displacementScale;
+                    lambertProperties.envMap = lambertDefinition.envMap;
+                    lambertProperties.reflectivity = lambertDefinition.reflectivity;
+                    promises.push(this.loadMapFromDefinition(lambertDefinition.specularMap).then((map) => {
+                        if (map)
+                            lambertProperties.specularMap = map;
+                        return map;
+                    }));
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialLambertData(lambertProperties);
+                }
+                case viewer_shared_types_1.MATERIAL_TYPE.GEM: {
+                    const gemProperties = abstractProperties;
+                    const gemDefinition = definition;
+                    gemProperties.brightness = gemDefinition.brightness;
+                    gemProperties.center = gemDefinition.center;
+                    gemProperties.colorTransferBegin =
+                        gemDefinition.colorTransferBegin;
+                    gemProperties.colorTransferEnd = gemDefinition.colorTransferEnd;
+                    gemProperties.contrast = gemDefinition.contrast;
+                    gemProperties.dispersion = gemDefinition.dispersion;
+                    gemProperties.envMap = gemDefinition.envMap;
+                    gemProperties.gamma = gemDefinition.gamma;
+                    promises.push(this.loadMapFromDefinition(gemDefinition.impurityMap).then((map) => {
+                        if (map)
+                            gemProperties.impurityMap = map;
+                        return map;
+                    }));
+                    gemProperties.impurityScale = gemDefinition.impurityScale;
+                    gemProperties.radius = gemDefinition.radius;
+                    gemProperties.refractionIndex = gemDefinition.refractionIndex;
+                    promises.push(this.loadMapFromDefinition(gemDefinition.sphericalNormalMap).then((map) => {
+                        if (map)
+                            gemProperties.sphericalNormalMap = map;
+                        return map;
+                    }));
+                    gemProperties.tracingDepth = gemDefinition.tracingDepth;
+                    gemProperties.tracingOpacity = gemDefinition.tracingOpacity;
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialGemData(gemProperties);
+                }
+                default: {
+                    const standardProperties = abstractProperties;
+                    const standardDefinition = definition;
+                    standardProperties.attenuationColor =
+                        standardDefinition.attenuationColor;
+                    standardProperties.attenuationDistance =
+                        standardDefinition.attenuationDistance;
+                    standardProperties.clearcoat = standardDefinition.clearcoat;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatMap).then((map) => {
+                        if (map)
+                            standardProperties.clearcoatMap = map;
+                        return map;
+                    }));
+                    promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatNormalMap).then((map) => {
+                        if (map)
+                            standardProperties.clearcoatNormalMap = map;
+                        return map;
+                    }));
+                    standardProperties.clearcoatRoughness =
+                        standardDefinition.clearcoatRoughness;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.clearcoatRoughnessMap).then((map) => {
+                        if (map)
+                            standardProperties.clearcoatRoughnessMap = map;
+                        return map;
+                    }));
+                    standardProperties.displacementBias =
+                        standardDefinition.displacementBias;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.displacementMap).then((map) => {
+                        if (map)
+                            standardProperties.displacementMap = map;
+                        return map;
+                    }));
+                    standardProperties.displacementScale =
+                        standardDefinition.displacementScale;
+                    standardProperties.envMap = standardDefinition.envMap;
+                    standardProperties.ior = standardDefinition.ior;
+                    standardProperties.metalness = standardDefinition.metalness;
+                    if (standardDefinition.metalnessRoughnessMap) {
+                        promises.push(this.loadMapFromDefinition(standardDefinition.metalnessMap).then((map) => {
                             if (map)
-                                standardProperties.specularIntensityMap = map;
+                                standardProperties.metalnessMap = map;
                             return map;
                         }));
-                        standardProperties.thickness = standardDefinition.thickness;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.thicknessMap).then(map => {
+                    }
+                    else {
+                        promises.push(this.loadMapFromDefinition(standardDefinition.metalnessMap).then((map) => {
                             if (map)
-                                standardProperties.thicknessMap = map;
+                                standardProperties.metalnessMap = map;
                             return map;
                         }));
-                        standardProperties.transmission = standardDefinition.transmission;
-                        promises.push(this.loadMapFromDefinition(standardDefinition.transmissionMap).then(map => {
+                        promises.push(this.loadMapFromDefinition(standardDefinition.roughnessMap).then((map) => {
                             if (map)
-                                standardProperties.transmissionMap = map;
+                                standardProperties.roughnessMap = map;
                             return map;
                         }));
-                        yield Promise.all(promises);
-                        return new viewer_shared_types_1.MaterialStandardData(standardProperties);
                     }
+                    standardProperties.roughness = standardDefinition.roughness;
+                    standardProperties.sheen = standardDefinition.sheen;
+                    standardProperties.sheenColor = standardDefinition.sheenColor;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.sheenColorMap).then((map) => {
+                        if (map)
+                            standardProperties.sheenColorMap = map;
+                        return map;
+                    }));
+                    standardProperties.sheenRoughness =
+                        standardDefinition.sheenRoughness;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.sheenRoughnessMap).then((map) => {
+                        if (map)
+                            standardProperties.sheenRoughnessMap = map;
+                        return map;
+                    }));
+                    standardProperties.specularColor =
+                        standardDefinition.specularColor;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.specularColorMap).then((map) => {
+                        if (map)
+                            standardProperties.specularColorMap = map;
+                        return map;
+                    }));
+                    standardProperties.specularIntensity =
+                        standardDefinition.specularIntensity;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.specularIntensityMap).then((map) => {
+                        if (map)
+                            standardProperties.specularIntensityMap = map;
+                        return map;
+                    }));
+                    standardProperties.thickness = standardDefinition.thickness;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.thicknessMap).then((map) => {
+                        if (map)
+                            standardProperties.thicknessMap = map;
+                        return map;
+                    }));
+                    standardProperties.transmission =
+                        standardDefinition.transmission;
+                    promises.push(this.loadMapFromDefinition(standardDefinition.transmissionMap).then((map) => {
+                        if (map)
+                            standardProperties.transmissionMap = map;
+                        return map;
+                    }));
+                    yield Promise.all(promises);
+                    return new viewer_shared_types_1.MaterialStandardData(standardProperties);
+                }
             }
         });
     }
     /**
-       * Load the material content into a scene graph node.
-       *
-       * @param content the material content
-       * @returns the scene graph node
-       */
+     * Load the material content into a scene graph node.
+     *
+     * @param content the material content
+     * @returns the scene graph node
+     */
     loadContent(content) {
         return __awaiter(this, void 0, void 0, function* () {
-            const node = new viewer_shared_node_tree_1.TreeNode(content.name || 'material');
+            const node = new viewer_shared_node_tree_1.TreeNode(content.name || "material");
             if (!content)
-                throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError('MaterialEngine.loadContent: Invalid content was provided to material engine.');
+                throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError("MaterialEngine.loadContent: Invalid content was provided to material engine.");
             let material = new viewer_shared_types_1.MaterialStandardData();
             if (content.data) {
                 const data = content.data;
                 let presetData;
                 if (data.materialpreset)
                     presetData = this.loadPresetMaterialDefinition(data.materialpreset);
-                if (data.materialType && data.materialType !== 'standard') {
+                if (data.materialType && data.materialType !== "standard") {
                     // gem material https://shapediver.atlassian.net/browse/SS-2514
                 }
                 else {
                     if (data.version) {
-                        if (data.version === '1.0') {
+                        if (data.version === "1.0") {
                             material = yield this.loadMaterialV3(this.loadMaterialDefinitionV1(data, presetData));
                         }
-                        else if (data.version === '2.0') {
+                        else if (data.version === "2.0") {
                             material = yield this.loadMaterialV3(this.loadMaterialDefinitionV2(data, presetData));
                         }
-                        else if (data.version === '3.0') {
+                        else if (data.version === "3.0") {
                             material = yield this.loadMaterialV3(this.loadMaterialDefinitionV3(data, presetData));
                         }
                         else {
-                            throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError('MaterialEngine.loadContent: Material data version not supported.');
+                            throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError("MaterialEngine.loadContent: Material data version not supported.");
                         }
                     }
                 }
             }
             else {
-                throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError('MaterialEngine.loadContent: No material data was provided to material engine.');
+                throw new viewer_shared_services_1.ShapeDiverViewerDataProcessingError("MaterialEngine.loadContent: No material data was provided to material engine.");
             }
             node.data.push(material);
             return node;
@@ -315,16 +380,21 @@ class MaterialEngine {
                 response = yield this._httpClient.loadTexture(url);
             }
             else {
-                response = yield this._httpClient.loadTexture('https://viewer.shapediver.com/v2/materials/1024/' + id + '/' + url);
+                response = yield this._httpClient.loadTexture("https://viewer.shapediver.com/v2/materials/1024/" +
+                    id +
+                    "/" +
+                    url);
             }
             if (!response)
                 return;
-            if (typeof window !== 'undefined') {
+            if (typeof window !== "undefined") {
                 const image = yield viewer_shared_services_1.Converter.instance.responseToImage(response);
                 return new viewer_shared_types_1.MapData(image, { blob: response.data.blob });
             }
             else {
-                return new viewer_shared_types_1.MapData(response.data.buffer, { blob: response.data.blob });
+                return new viewer_shared_types_1.MapData(response.data.buffer, {
+                    blob: response.data.blob,
+                });
             }
         });
     }
@@ -338,20 +408,22 @@ class MaterialEngine {
         return __awaiter(this, void 0, void 0, function* () {
             if (!definition)
                 return undefined;
-            if (typeof definition === 'string') {
+            if (typeof definition === "string") {
                 return this.loadMap(definition);
             }
             else if (definition.image) {
-                if (typeof definition.image === 'string') {
+                if (typeof definition.image === "string") {
                     return this.loadMapWithProperties({
                         href: definition.image,
                         wrapS: definition.wrapS,
                         wrapT: definition.wrapT,
                         center: definition.center,
-                        color: definition.color ? this._converter.toColorArray(definition.color) : undefined,
+                        color: definition.color
+                            ? this._converter.toColorArray(definition.color)
+                            : undefined,
                         offset: definition.offset,
                         repeat: definition.repeat,
-                        rotation: definition.rotation
+                        rotation: definition.rotation,
                     });
                 }
                 else {
@@ -366,18 +438,56 @@ class MaterialEngine {
             const response = yield this._httpClient.loadTexture(texture.href);
             if (!response)
                 return;
-            const wrapS = texture.wrapS === 1 ? viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE : texture.wrapS === 2 ? viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT : viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT;
-            const wrapT = texture.wrapT === 1 ? viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE : texture.wrapT === 2 ? viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT : viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT;
-            const center = texture.center ? gl_matrix_1.vec2.fromValues(texture.center[0], texture.center[1]) : gl_matrix_1.vec2.fromValues(0, 0);
-            const color = texture.color ? gl_matrix_1.vec4.fromValues(texture.color[0] / 255, texture.color[1] / 255, texture.color[2] / 255, texture.color[3] / 255) : gl_matrix_1.vec4.fromValues(1, 1, 1, 1);
-            const offset = texture.offset ? gl_matrix_1.vec2.fromValues(texture.offset[0], texture.offset[1]) : gl_matrix_1.vec2.fromValues(0, 0);
-            const repeat = texture.repeat ? gl_matrix_1.vec2.fromValues(texture.repeat[0], texture.repeat[1]) : gl_matrix_1.vec2.fromValues(1, 1);
-            if (typeof window !== 'undefined') {
+            const wrapS = texture.wrapS === 1
+                ? viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE
+                : texture.wrapS === 2
+                    ? viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT
+                    : viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT;
+            const wrapT = texture.wrapT === 1
+                ? viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE
+                : texture.wrapT === 2
+                    ? viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT
+                    : viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT;
+            const center = texture.center
+                ? gl_matrix_1.vec2.fromValues(texture.center[0], texture.center[1])
+                : gl_matrix_1.vec2.fromValues(0, 0);
+            const color = texture.color
+                ? gl_matrix_1.vec4.fromValues(texture.color[0] / 255, texture.color[1] / 255, texture.color[2] / 255, texture.color[3] / 255)
+                : gl_matrix_1.vec4.fromValues(1, 1, 1, 1);
+            const offset = texture.offset
+                ? gl_matrix_1.vec2.fromValues(texture.offset[0], texture.offset[1])
+                : gl_matrix_1.vec2.fromValues(0, 0);
+            const repeat = texture.repeat
+                ? gl_matrix_1.vec2.fromValues(texture.repeat[0], texture.repeat[1])
+                : gl_matrix_1.vec2.fromValues(1, 1);
+            if (typeof window !== "undefined") {
                 const image = yield viewer_shared_services_1.Converter.instance.responseToImage(response);
-                return new viewer_shared_types_1.MapData(image, { blob: response.data.blob, wrapS, wrapT, minFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR, magFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR, center, color, offset, repeat, rotation: texture.rotation || 0 });
+                return new viewer_shared_types_1.MapData(image, {
+                    blob: response.data.blob,
+                    wrapS,
+                    wrapT,
+                    minFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR,
+                    magFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR,
+                    center,
+                    color,
+                    offset,
+                    repeat,
+                    rotation: texture.rotation || 0,
+                });
             }
             else {
-                return new viewer_shared_types_1.MapData(response.data.buffer, { blob: response.data.blob, wrapS, wrapT, minFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR, magFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR, center, color, offset, repeat, rotation: texture.rotation || 0 });
+                return new viewer_shared_types_1.MapData(response.data.buffer, {
+                    blob: response.data.blob,
+                    wrapS,
+                    wrapT,
+                    minFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR,
+                    magFilter: viewer_shared_types_1.TEXTURE_FILTERING.LINEAR,
+                    center,
+                    color,
+                    offset,
+                    repeat,
+                    rotation: texture.rotation || 0,
+                });
             }
         });
     }
@@ -394,21 +504,21 @@ class MaterialEngine {
         // specular is ignored
         if (data.shine || data.shine === 0) {
             presetData.metalness = Math.min(1, data.shine);
-            presetData.roughness = 1 - (Math.min(1, data.shine));
+            presetData.roughness = 1 - Math.min(1, data.shine);
         }
-        if (data.hasOwnProperty('transparency'))
+        if (data.hasOwnProperty("transparency"))
             presetData.transparency = data.transparency;
         if (data.bitmaptexture)
             presetData.bitmaptexture = {
-                href: data.bitmaptexture
+                href: data.bitmaptexture,
             };
         if (data.bumptexture)
             presetData.bumptexture = {
-                href: data.bumptexture
+                href: data.bumptexture,
             };
         if (data.transparencytexture)
             presetData.transparencytexture = {
-                href: data.transparencytexture
+                href: data.transparencytexture,
             };
         return presetData;
     }
@@ -421,33 +531,33 @@ class MaterialEngine {
             presetData.metalness = data.metalness;
         if (data.roughness || data.roughness === 0)
             presetData.roughness = data.roughness;
-        if (data.hasOwnProperty('transparency'))
+        if (data.hasOwnProperty("transparency"))
             presetData.transparency = data.transparency;
         if (data.alphaThreshold || data.alphaThreshold === 0)
             presetData.alphaThreshold = data.alphaThreshold;
         if (data.bitmaptexture)
             presetData.bitmaptexture = {
-                href: data.bitmaptexture
+                href: data.bitmaptexture,
             };
         if (data.metalnesstexture)
             presetData.metalnesstexture = {
-                href: data.metalnesstexture
+                href: data.metalnesstexture,
             };
         if (data.roughnesstexture)
             presetData.roughnesstexture = {
-                href: data.roughnesstexture
+                href: data.roughnesstexture,
             };
         if (data.bumptexture)
             presetData.bumptexture = {
-                href: data.bumptexture
+                href: data.bumptexture,
             };
         if (data.normaltexture)
             presetData.normaltexture = {
-                href: data.normaltexture
+                href: data.normaltexture,
             };
         if (data.transparencytexture)
             presetData.transparencytexture = {
-                href: data.transparencytexture
+                href: data.transparencytexture,
             };
         return presetData;
     }
@@ -460,7 +570,7 @@ class MaterialEngine {
             presetData.metalness = data.metalness;
         if (data.roughness || data.roughness === 0)
             presetData.roughness = data.roughness;
-        if (data.hasOwnProperty('transparency'))
+        if (data.hasOwnProperty("transparency"))
             presetData.transparency = data.transparency;
         if (data.alphaThreshold || data.alphaThreshold === 0)
             presetData.alphaThreshold = data.alphaThreshold;
@@ -488,54 +598,59 @@ class MaterialEngine {
             // ambient is ignored
             if (data.color)
                 material.color = data.color;
-            material.side = data.side === 'front' ? viewer_shared_types_1.MATERIAL_SIDE.FRONT : data.side === 'back' ? viewer_shared_types_1.MATERIAL_SIDE.BACK : viewer_shared_types_1.MATERIAL_SIDE.DOUBLE;
+            material.side =
+                data.side === "front"
+                    ? viewer_shared_types_1.MATERIAL_SIDE.FRONT
+                    : data.side === "back"
+                        ? viewer_shared_types_1.MATERIAL_SIDE.BACK
+                        : viewer_shared_types_1.MATERIAL_SIDE.DOUBLE;
             if (data.metalness || data.metalness === 0)
                 material.metalness = data.metalness;
             if (data.roughness || data.roughness === 0)
                 material.roughness = data.roughness;
-            if (data.hasOwnProperty('transparency'))
+            if (data.hasOwnProperty("transparency"))
                 material.opacity = 1 - data.transparency;
             if (data.alphaThreshold || data.alphaThreshold === 0)
                 material.alphaCutoff = data.alphaThreshold;
             if (data.bumpAmplitude || data.bumpAmplitude === 0)
                 material.bumpScale = data.bumpAmplitude;
             if (data.bitmaptexture) {
-                promises.push(this.loadMapWithProperties(data.bitmaptexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.bitmaptexture).then((map) => {
                     if (map)
                         material.map = map;
                     return map;
                 }));
             }
             if (data.metalnesstexture) {
-                promises.push(this.loadMapWithProperties(data.metalnesstexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.metalnesstexture).then((map) => {
                     if (map)
                         material.metalnessMap = map;
                     return map;
                 }));
             }
             if (data.roughnesstexture) {
-                promises.push(this.loadMapWithProperties(data.roughnesstexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.roughnesstexture).then((map) => {
                     if (map)
                         material.roughnessMap = map;
                     return map;
                 }));
             }
             if (data.bumptexture) {
-                promises.push(this.loadMapWithProperties(data.bumptexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.bumptexture).then((map) => {
                     if (map)
                         material.bumpMap = map;
                     return map;
                 }));
             }
             if (data.normaltexture) {
-                promises.push(this.loadMapWithProperties(data.normaltexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.normaltexture).then((map) => {
                     if (map)
                         material.normalMap = map;
                     return map;
                 }));
             }
             if (data.transparencytexture) {
-                promises.push(this.loadMapWithProperties(data.transparencytexture).then(map => {
+                promises.push(this.loadMapWithProperties(data.transparencytexture).then((map) => {
                     if (map)
                         material.alphaMap = map;
                     return map;
@@ -554,58 +669,88 @@ class MaterialEngine {
     loadPresetMaterialDefinition(preset) {
         const definition = {};
         const idStrings = this.getClassAndSpecificId(preset);
-        if (materialDatabase_1.materialDatabase[idStrings.class] && materialDatabase_1.materialDatabase[idStrings.class][idStrings.specific]) {
+        if (materialDatabase_1.materialDatabase[idStrings.class] &&
+            materialDatabase_1.materialDatabase[idStrings.class][idStrings.specific]) {
             this.assignSpecificDefinition(idStrings, materialDatabase_1.materialDatabase[idStrings.class][idStrings.specific], definition);
             this.assignGeneralDefinition(idStrings, materialDatabase_1.materialDatabase[idStrings.class].properties, materialDatabase_1.materialDatabase[idStrings.class][idStrings.specific], definition);
         }
-        else if (materialDatabase_1.materialDatabase[idStrings.class] && materialDatabase_1.materialDatabase[idStrings.class]['00']) {
-            this.assignSpecificDefinition({ class: idStrings.class, specific: '00' }, materialDatabase_1.materialDatabase[idStrings.class]['00'], definition);
-            this.assignGeneralDefinition({ class: idStrings.class, specific: '00' }, materialDatabase_1.materialDatabase[idStrings.class].properties, materialDatabase_1.materialDatabase[idStrings.class]['00'], definition);
+        else if (materialDatabase_1.materialDatabase[idStrings.class] &&
+            materialDatabase_1.materialDatabase[idStrings.class]["00"]) {
+            this.assignSpecificDefinition({ class: idStrings.class, specific: "00" }, materialDatabase_1.materialDatabase[idStrings.class]["00"], definition);
+            this.assignGeneralDefinition({ class: idStrings.class, specific: "00" }, materialDatabase_1.materialDatabase[idStrings.class].properties, materialDatabase_1.materialDatabase[idStrings.class]["00"], definition);
         }
         else {
-            this.assignSpecificDefinition({ class: '00', specific: '00' }, materialDatabase_1.materialDatabase['00']['00'], definition);
-            this.assignGeneralDefinition({ class: '00', specific: '00' }, materialDatabase_1.materialDatabase['00'].properties, materialDatabase_1.materialDatabase['00']['00'], definition);
+            this.assignSpecificDefinition({ class: "00", specific: "00" }, materialDatabase_1.materialDatabase["00"]["00"], definition);
+            this.assignGeneralDefinition({ class: "00", specific: "00" }, materialDatabase_1.materialDatabase["00"].properties, materialDatabase_1.materialDatabase["00"]["00"], definition);
         }
         return definition;
     }
     // #endregion Public Methods (12)
     // #region Private Methods (4)
     assignGeneralDefinition(id, generalDefinition, specificDefinition, definition) {
-        if (generalDefinition.transparencytexture && !specificDefinition.transparencytexture)
+        if (generalDefinition.transparencytexture &&
+            !specificDefinition.transparencytexture)
             definition.transparencytexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.transparencytexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.transparencytexture,
             };
-        if (generalDefinition.hasOwnProperty('alphaThreshold') && !specificDefinition.hasOwnProperty('alphaThreshold'))
+        if (generalDefinition.hasOwnProperty("alphaThreshold") &&
+            !specificDefinition.hasOwnProperty("alphaThreshold"))
             definition.alphaThreshold = generalDefinition.alphaThreshold;
         if (generalDefinition.bumptexture && !specificDefinition.bumptexture)
             definition.bumptexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.bumptexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.bumptexture,
             };
-        if (generalDefinition.hasOwnProperty('bumpAmplitude') && !specificDefinition.hasOwnProperty('bumpAmplitude'))
+        if (generalDefinition.hasOwnProperty("bumpAmplitude") &&
+            !specificDefinition.hasOwnProperty("bumpAmplitude"))
             definition.bumpAmplitude = generalDefinition.bumpAmplitude;
         if (generalDefinition.color && !specificDefinition.color)
             definition.color = generalDefinition.color;
-        if (generalDefinition.bitmaptexture && !specificDefinition.bitmaptexture)
+        if (generalDefinition.bitmaptexture &&
+            !specificDefinition.bitmaptexture)
             definition.bitmaptexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.bitmaptexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.bitmaptexture,
             };
-        if (generalDefinition.hasOwnProperty('metalness') && !specificDefinition.hasOwnProperty('metalness'))
+        if (generalDefinition.hasOwnProperty("metalness") &&
+            !specificDefinition.hasOwnProperty("metalness"))
             definition.metalness = generalDefinition.metalness;
-        if (generalDefinition.metalnesstexture && !specificDefinition.metalnesstexture)
+        if (generalDefinition.metalnesstexture &&
+            !specificDefinition.metalnesstexture)
             definition.metalnesstexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.metalnesstexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.metalnesstexture,
             };
-        if (generalDefinition.normaltexture && !specificDefinition.normaltexture)
+        if (generalDefinition.normaltexture &&
+            !specificDefinition.normaltexture)
             definition.normaltexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.normaltexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.normaltexture,
             };
-        if (generalDefinition.hasOwnProperty('transparency') && !specificDefinition.hasOwnProperty('transparency'))
+        if (generalDefinition.hasOwnProperty("transparency") &&
+            !specificDefinition.hasOwnProperty("transparency"))
             definition.transparency = generalDefinition.transparency;
-        if (generalDefinition.hasOwnProperty('roughness') && !specificDefinition.hasOwnProperty('roughness'))
+        if (generalDefinition.hasOwnProperty("roughness") &&
+            !specificDefinition.hasOwnProperty("roughness"))
             definition.roughness = generalDefinition.roughness;
-        if (generalDefinition.roughnesstexture && !specificDefinition.roughnesstexture)
+        if (generalDefinition.roughnesstexture &&
+            !specificDefinition.roughnesstexture)
             definition.roughnesstexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + generalDefinition.roughnesstexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    generalDefinition.roughnesstexture,
             };
         if (generalDefinition.side && !specificDefinition.side)
             definition.side = generalDefinition.side;
@@ -613,39 +758,69 @@ class MaterialEngine {
     assignSpecificDefinition(id, specificDefinition, definition) {
         if (specificDefinition.transparencytexture)
             definition.transparencytexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.transparencytexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.transparencytexture,
             };
-        if (specificDefinition.hasOwnProperty('alphaThreshold'))
+        if (specificDefinition.hasOwnProperty("alphaThreshold"))
             definition.alphaThreshold = specificDefinition.alphaThreshold;
         if (specificDefinition.bumptexture)
             definition.bumptexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.bumptexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.bumptexture,
             };
-        if (specificDefinition.hasOwnProperty('bumpAmplitude'))
+        if (specificDefinition.hasOwnProperty("bumpAmplitude"))
             definition.bumpAmplitude = specificDefinition.bumpAmplitude;
         if (specificDefinition.color)
             definition.color = specificDefinition.color;
         if (specificDefinition.bitmaptexture)
             definition.bitmaptexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.bitmaptexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.bitmaptexture,
             };
-        if (specificDefinition.hasOwnProperty('metalness'))
+        if (specificDefinition.hasOwnProperty("metalness"))
             definition.metalness = specificDefinition.metalness;
         if (specificDefinition.metalnesstexture)
             definition.metalnesstexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.metalnesstexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.metalnesstexture,
             };
         if (specificDefinition.normaltexture)
             definition.normaltexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.normaltexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.normaltexture,
             };
-        if (specificDefinition.hasOwnProperty('transparency'))
+        if (specificDefinition.hasOwnProperty("transparency"))
             definition.transparency = specificDefinition.transparency;
-        if (specificDefinition.hasOwnProperty('roughness'))
+        if (specificDefinition.hasOwnProperty("roughness"))
             definition.roughness = specificDefinition.roughness;
         if (specificDefinition.roughnesstexture)
             definition.roughnesstexture = {
-                href: 'https://viewer.shapediver.com/v2/materials/1024/' + id.class + '/' + id.specific + '/' + specificDefinition.roughnesstexture
+                href: "https://viewer.shapediver.com/v2/materials/1024/" +
+                    id.class +
+                    "/" +
+                    id.specific +
+                    "/" +
+                    specificDefinition.roughnesstexture,
             };
         if (specificDefinition.side)
             definition.side = specificDefinition.side;
@@ -659,11 +834,11 @@ class MaterialEngine {
             id *= 100;
         const cast = (id) => {
             const idString = String(id);
-            return idString.padStart(2, '0').slice(0, 2);
+            return idString.padStart(2, "0").slice(0, 2);
         };
         return {
             class: cast(Math.floor(id / 100)),
-            specific: cast(id - (Math.floor(id / 100) * 100))
+            specific: cast(id - Math.floor(id / 100) * 100),
         };
     }
     /**
@@ -680,7 +855,9 @@ class MaterialEngine {
             Math.min(255, (color1[0] * color2[0]) / 255),
             Math.min(255, (color1[1] * color2[1]) / 255),
             Math.min(255, (color1[2] * color2[2]) / 255),
-            Math.min(255, ((color1[3] !== undefined ? color1[3] : 255) * (color2[3] !== undefined ? color2[3] : 255)) / 255)
+            Math.min(255, ((color1[3] !== undefined ? color1[3] : 255) *
+                (color2[3] !== undefined ? color2[3] : 255)) /
+                255),
         ];
     }
 }