@shapediver/viewer.rendering-engine.rendering-engine-threejs 3.16.8 → 3.16.10

package/dist/loaders/MaterialLoader.js

@@ -1,1577 +1,1587 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.adaptShaders = exports.MaterialLoader = void 0;
-const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
-const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
-const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
-const gl_matrix_1 = require("gl-matrix");
-const THREE = __importStar(require("three"));
-const GemMaterial_1 = require("../materials/GemMaterial");
-const MultiPointsMaterial_1 = require("../materials/MultiPointsMaterial");
-const SpecularGlossinessMaterial_1 = require("../materials/SpecularGlossinessMaterial");
-const SDColor_1 = require("../objects/SDColor");
-const PCSS_1 = require("../shaders/PCSS");
-const EnvironmentMapLoader_1 = require("./EnvironmentMapLoader");
-// #endregion Type aliases (6)
-// #region Classes (1)
-class MaterialLoader {
-    // #endregion Properties (16)
-    // #region Constructors (1)
-    constructor(_renderingEngine) {
-        this._renderingEngine = _renderingEngine;
-        // #region Properties (16)
-        this._converter = viewer_shared_services_1.Converter.instance;
-        this._sceneTree = viewer_shared_node_tree_1.Tree.instance;
-        this._blending = 0.0;
-        this._defaultLineMaterialData = new viewer_shared_node_tree_1.MaterialBasicLineData({ color: "#199b9b" });
-        this._defaultMaterialData = new viewer_shared_node_tree_1.MaterialStandardData({
-            color: "#199b9b",
-            side: viewer_shared_types_1.MATERIAL_SIDE.DOUBLE,
-            metalness: 0.0,
-        });
-        this._defaultPointMaterialData = new viewer_shared_node_tree_1.MaterialPointData({ color: "#199b9b" });
-        this._envMap = null;
-        this._envMapIntensity = 1;
-        this._envMapType = EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.NULL;
-        this._environmentMapRotationEuler = new THREE.Euler();
-        this._height = 1020;
-        this._lightSizeUV = 0.025;
-        this._materialOverrideType = undefined;
-        this._materialCache = {};
-        this._shaderProgramCache = new Map();
-        this._compiledShaderSignatures = new Set();
-        this._maxMapCount = 0;
-        this._pointSize = 1.0;
-        this._textureEncoding = THREE.SRGBColorSpace;
-        this._threeJsTextureCache = {};
-    }
-    // #endregion Constructors (1)
-    // #region Public Getters And Setters (12)
-    get defaultLineMaterialData() {
-        return this._defaultLineMaterialData;
-    }
-    set defaultLineMaterialData(value) {
-        this._defaultLineMaterialData = value;
-        this.assignDefaultLineMaterial();
-    }
-    get defaultMaterialData() {
-        return this._defaultMaterialData;
-    }
-    set defaultMaterialData(value) {
-        this._defaultMaterialData = value;
-        this.assignDefaultMaterial();
-    }
-    get defaultPointMaterialData() {
-        return this._defaultPointMaterialData;
-    }
-    set defaultPointMaterialData(value) {
-        this._defaultPointMaterialData = value;
-        this.assignDefaultPointMaterial();
-    }
-    get materialOverrideType() {
-        return this._materialOverrideType;
-    }
-    set materialOverrideType(value) {
-        if (this._materialOverrideType === value)
-            return;
-        this._materialOverrideType = value;
-        for (const key in this._materialCache) {
-            this._materialCache[key].material.dispose();
-            delete this._materialCache[key];
-        }
-        this._sceneTree.root.updateVersion();
-    }
-    get maxMapCount() {
-        return this._maxMapCount;
-    }
-    set maxMapCount(value) {
-        this._maxMapCount = value;
-    }
-    get textureEncoding() {
-        return this._textureEncoding;
-    }
-    set textureEncoding(value) {
-        this._textureEncoding = value;
-        this.assignTextureEncoding();
-    }
-    get threeJsTextureCache() {
-        return this._threeJsTextureCache;
-    }
-    set threeJsTextureCache(value) {
-        this._threeJsTextureCache = value;
-    }
-    // #endregion Public Getters And Setters (12)
-    // #region Public Methods (18)
-    assignColorCorrection(value) {
-        const convertColor = (c, toggle) => {
-            if (!c)
-                return;
-            if (c instanceof SDColor_1.SDColor) {
-                c.colorCorrection(toggle);
-                return c;
-            }
-            else {
-                const sdColor = this._renderingEngine.colorCache.find((color) => color.equals(c));
-                if (sdColor) {
-                    sdColor.colorCorrection(toggle);
-                    return sdColor;
-                }
-                else {
-                    // we check in this case if the converted color has been stored already
-                    const clone = c.clone();
-                    toggle === true
-                        ? clone.convertSRGBToLinear()
-                        : clone.convertLinearToSRGB();
-                    const sdColorClone = this._renderingEngine.colorCache.find((color) => color.equals(clone));
-                    if (sdColorClone) {
-                        sdColorClone.colorCorrection(toggle);
-                        return sdColorClone;
-                    }
-                    else {
-                        // some colors may not have been set by us, but have been set automatically
-                        // in this case we expect the color to be linear either way and therefore omit a color correction
-                        return c;
-                    }
-                }
-            }
-        };
-        for (const cacheKey in this._materialCache) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const material = this._materialCache[cacheKey].material;
-            if (material.color)
-                material.color = convertColor(material.color, value);
-            if (material.specular)
-                material.specular = convertColor(material.specular, value);
-            if (material.emissive)
-                material.emissive = convertColor(material.emissive, value);
-            if (material.colorTransferBegin)
-                material.colorTransferBegin = convertColor(material.colorTransferBegin, value);
-            if (material.colorTransferEnd)
-                material.colorTransferEnd = convertColor(material.colorTransferEnd, value);
-            if (material.attenuationColor)
-                material.attenuationColor = convertColor(material.attenuationColor, value);
-            if (material.sheencolor)
-                material.sheencolor = convertColor(material.sheencolor, value);
-            if (material.specularColor)
-                material.specularColor = convertColor(material.specularColor, value);
-            material.needsUpdate = true;
-        }
-    }
-    assignDefaultLineMaterial() {
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.LineBasicMaterial &&
-                this._materialCache[cacheKey].materialData === null) {
-                const material = this._materialCache[cacheKey].material;
-                const { properties, mapCount } = this.getMaterialProperties(this._defaultLineMaterialData, GEOMETRY_MATERIAL_TYPE.LINE, undefined);
-                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
-                material.copy(new THREE.LineBasicMaterial(properties));
-                material.needsUpdate = true;
-            }
-        }
-    }
-    assignDefaultMaterial() {
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].materialData === null) {
-                const material = this._materialCache[cacheKey].material;
-                const { properties, mapCount } = this.getMaterialProperties(this._defaultMaterialData, GEOMETRY_MATERIAL_TYPE.MESH, this._materialCache[cacheKey].materialSettings);
-                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
-                if (material instanceof THREE.MeshBasicMaterial) {
-                    material.copy(new THREE.MeshBasicMaterial(properties));
-                }
-                else if (material instanceof THREE.MeshPhongMaterial) {
-                    material.copy(new THREE.MeshPhongMaterial(properties));
-                }
-                else if (material instanceof THREE.MeshLambertMaterial) {
-                    material.copy(new THREE.MeshLambertMaterial(properties));
-                }
-                else if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial) {
-                    material.copy(new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties));
-                }
-                else {
-                    material.copy(new THREE.MeshPhysicalMaterial(properties));
-                }
-                material.needsUpdate = true;
-            }
-        }
-    }
-    assignDefaultPointMaterial() {
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.PointsMaterial &&
-                this._materialCache[cacheKey].materialData === null) {
-                const material = (this._materialCache[cacheKey].material);
-                const { properties, mapCount } = this.getMaterialProperties(this._defaultPointMaterialData, GEOMETRY_MATERIAL_TYPE.POINT, undefined);
-                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
-                material.copy(new THREE.PointsMaterial(properties));
-                material.needsUpdate = true;
-            }
-        }
-    }
-    assignEnvironmentMap(e, type) {
-        this._envMap = e;
-        this._envMapType = type;
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.MeshPhysicalMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshStandardMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshBasicMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshLambertMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshPhongMaterial) {
-                const material = this._materialCache[cacheKey].material;
-                if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialUnlitData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialLambertData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialPhongData) &&
-                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
-                    continue;
-                if ((this._materialCache[cacheKey].materialData instanceof
-                    viewer_shared_node_tree_1.MaterialUnlitData ||
-                    this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialLambertData ||
-                    this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialPhongData) &&
-                    this._renderingEngine.environmentMapForUnlitMaterials ===
-                        false)
-                    return;
-                material.envMap = e;
-                material.needsUpdate = true;
-                for (const d in material.defines) {
-                    if (d.startsWith("ENVMAP_TYPE_"))
-                        delete material.defines[d];
-                }
-                if (material.defines)
-                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
-                this.assignEnvironmentMapRotation(this._renderingEngine.environmentMapRotation);
-            }
-        }
-    }
-    assignEnvironmentMapForUnlitMaterials(toggle) {
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.MeshBasicMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshLambertMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshPhongMaterial) {
-                const material = this._materialCache[cacheKey]
-                    .material;
-                if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialUnlitData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialLambertData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialPhongData) &&
-                    this._materialCache[cacheKey].materialData.envMap !== undefined)
-                    continue;
-                if (toggle) {
-                    material.envMap = this._envMap;
-                    material.needsUpdate = true;
-                    for (const d in material.defines) {
-                        if (d.startsWith("ENVMAP_TYPE_"))
-                            delete material.defines[d];
-                    }
-                    if (material.defines)
-                        material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
-                }
-                else {
-                    material.envMap = null;
-                    material.needsUpdate = true;
-                }
-            }
-        }
-    }
-    assignEnvironmentMapIntensity(value) {
-        this._envMapIntensity = value;
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.MeshPhysicalMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshStandardMaterial) {
-                const material = this._materialCache[cacheKey]
-                    .material;
-                if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialUnlitData) &&
-                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
-                    continue;
-                material.envMapIntensity = value;
-                material.needsUpdate = true;
-            }
-        }
-    }
-    assignEnvironmentMapRotation(value) {
-        // we switch the y and z axis to match the three.js coordinate system
-        const rotationMatrix = new THREE.Matrix4()
-            .fromArray(gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.quat.fromValues(value[0], value[2], -value[1], value[3])))
-            .transpose();
-        this._environmentMapRotationEuler =
-            new THREE.Euler().setFromRotationMatrix(rotationMatrix);
-        this._renderingEngine.scene.backgroundRotation =
-            this._environmentMapRotationEuler;
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.MeshPhysicalMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshStandardMaterial) {
-                const material = this._materialCache[cacheKey]
-                    .material;
-                if (this._materialCache[cacheKey].materialData &&
-                    (this._materialCache[cacheKey].materialData instanceof
-                        viewer_shared_node_tree_1.MaterialStandardData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialGemData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
-                        this._materialCache[cacheKey].materialData instanceof
-                            viewer_shared_node_tree_1.MaterialUnlitData) &&
-                    this._materialCache[cacheKey].materialData.envMap !== undefined)
-                    continue;
-                material.envMapRotation = this._environmentMapRotationEuler;
-                material.needsUpdate = true;
-            }
-        }
-    }
-    assignPointSize(p) {
-        const height = this._renderingEngine.renderer
-            ? this._renderingEngine.renderer.getSize(new THREE.Vector2()).y
-            : 1080;
-        if (height === this._height &&
-            p * (this._height / 1080) === this._pointSize)
-            return;
-        this._height = height;
-        this._pointSize = p * (this._height / 1080);
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                MultiPointsMaterial_1.MultiPointsMaterial) {
-                const material = (this._materialCache[cacheKey].material);
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_0Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_0Enabled === true) {
-                    material.size_0 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_0;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_0 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_1Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_1Enabled === true) {
-                    material.size_1 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_1;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_1 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_2Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_2Enabled === true) {
-                    material.size_2 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_2;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_2 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_3Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_3Enabled === true) {
-                    material.size_3 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_3;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_3 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_4Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_4Enabled === true) {
-                    material.size_4 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_4;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_4 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_5Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_5Enabled === true) {
-                    material.size_5 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_5;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_5 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_6Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_6Enabled === true) {
-                    material.size_6 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_6;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_6 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSize_7Enabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSize_7Enabled === true) {
-                    material.size_7 =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize_7;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size_7 = this._pointSize;
-                    material.needsUpdate = true;
-                }
-            }
-            else if (this._materialCache[cacheKey].material instanceof
-                THREE.PointsMaterial) {
-                const material = (this._materialCache[cacheKey].material);
-                if (this._materialCache[cacheKey].material.userData
-                    .customPointSizeEnabled &&
-                    this._materialCache[cacheKey].material.userData
-                        .customPointSizeEnabled === true) {
-                    material.size =
-                        this._pointSize *
-                            this._materialCache[cacheKey].material.userData
-                                .customPointSize;
-                    material.needsUpdate = true;
-                }
-                else {
-                    material.size = this._pointSize;
-                    material.needsUpdate = true;
-                }
-            }
-        }
-    }
-    cacheSize() {
-        return Object.entries(this._materialCache).length;
-    }
-    createMaterial(type, incomingData, materialData, materialSettings) {
-        const { properties, mapCount } = this.getMaterialProperties(materialData, type, materialSettings);
-        this.maxMapCount = Math.max(this.maxMapCount, mapCount);
-        let material;
-        if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
-            if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
-                material = new MultiPointsMaterial_1.MultiPointsMaterial(properties);
-            }
-            else {
-                material = new THREE.PointsMaterial(properties);
-            }
-        }
-        else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
-            material = new THREE.LineBasicMaterial(properties);
-        }
-        else {
-            if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData) {
-                material = new THREE.MeshBasicMaterial(properties);
-            }
-            else {
-                if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData) {
-                    material = new THREE.ShadowMaterial({
-                        opacity: properties.opacity,
-                        color: properties.color,
-                        transparent: true,
-                        depthWrite: false,
-                    });
-                }
-                else {
-                    if (this._materialOverrideType !== undefined) {
-                        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT) {
-                            material = new THREE.MeshBasicMaterial(properties);
-                        }
-                        else if (this._materialOverrideType ===
-                            viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS) {
-                            material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
-                        }
-                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT) {
-                            material = new THREE.MeshLambertMaterial(properties);
-                        }
-                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG) {
-                            material = new THREE.MeshPhongMaterial(properties);
-                        }
-                        else {
-                            material = new THREE.MeshPhysicalMaterial(properties);
-                        }
-                    }
-                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
-                        material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
-                    }
-                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData) {
-                        material = new GemMaterial_1.GemMaterial(properties);
-                    }
-                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData) {
-                        material = new THREE.MeshLambertMaterial(properties);
-                    }
-                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
-                        material = new THREE.MeshPhongMaterial(properties);
-                    }
-                    else {
-                        material = new THREE.MeshPhysicalMaterial(properties);
-                    }
-                }
-                const before = material.onBeforeCompile;
-                material.onBeforeCompile = (shader, renderer) => {
-                    before(shader, renderer);
-                    // Only add uniforms once per shader program to improve performance
-                    if (!shader.uniforms.lightSizeUV) {
-                        shader.uniforms.lightSizeUV = {
-                            value: this._lightSizeUV,
-                        };
-                        shader.uniforms.blending = { value: this._blending };
-                    }
-                    material.userData.shader = shader;
-                };
-                if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial ||
-                    material instanceof THREE.MeshPhysicalMaterial) {
-                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
-                    if (materialSettings && materialSettings.useVertexTangents)
-                        material.normalScale.y *= -1;
-                    if (materialSettings &&
-                        materialSettings.useVertexTangents &&
-                        material instanceof THREE.MeshPhysicalMaterial)
-                        material.clearcoatNormalScale.y *= -1;
-                    if (materialSettings && materialSettings.useFlatShading)
-                        material.flatShading = true;
-                }
-            }
-        }
-        if (materialSettings && materialSettings.useVertexColors)
-            material.vertexColors = true;
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialStandardData ||
-            materialData instanceof viewer_shared_node_tree_1.MaterialGemData ||
-            materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
-            materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
-            materialData instanceof viewer_shared_node_tree_1.MaterialLambertData ||
-            materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
-            if (materialData.envMap !== undefined) {
-                const envMapInput = materialData
-                    .envMap;
-                if (envMapInput !== undefined) {
-                    const envMapResult = this._renderingEngine.environmentMapLoader.loadEnvMap(envMapInput);
-                    envMapResult.map.then((envMap) => {
-                        if ((material instanceof THREE.MeshBasicMaterial ||
-                            material instanceof THREE.MeshLambertMaterial ||
-                            material instanceof THREE.MeshPhongMaterial) &&
-                            this._renderingEngine
-                                .environmentMapForUnlitMaterials === false)
-                            return;
-                        material.envMap = envMap;
-                        const envMapType = material
-                            .envMap instanceof THREE.CubeTexture
-                            ? EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.LDR
-                            : EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.HDR;
-                        for (const d in material.defines) {
-                            if (d.startsWith("ENVMAP_TYPE_"))
-                                delete material.defines[d];
-                        }
-                        if (material.defines)
-                            material.defines["ENVMAP_TYPE_" + envMapType.toUpperCase()] = "";
-                        material.needsUpdate = true;
-                    });
-                }
-            }
-        }
-        if (materialData)
-            materialData.convertedObject[this._renderingEngine.id] = material;
-        material.needsUpdate = true;
-        if (material.userData) {
-            material.userData.SDid = incomingData.id;
-            material.userData.SDversion = incomingData.version;
-        }
-        else {
-            material.userData = {
-                SDid: incomingData.id,
-                SDversion: incomingData.version,
-            };
-        }
-        return material;
-    }
-    emptyMaterialCache() {
-        this._materialCache = {};
-        this._shaderProgramCache.clear();
-        this._compiledShaderSignatures.clear();
-    }
-    getMaterialProperties(materialData, type, materialSettings) {
-        const generalProperties = {};
-        let mapCount = 0;
-        // if no MaterialStandardData is provided, we return our default
-        if (!materialData) {
-            if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
-                return this.getMaterialProperties(this._defaultPointMaterialData, type, materialSettings);
-            }
-            else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
-                return this.getMaterialProperties(this._defaultLineMaterialData, type, materialSettings);
-            }
-            else {
-                if (materialSettings !== undefined &&
-                    materialSettings.useVertexColors) {
-                    const currentDefaultMaterialColor = this._defaultMaterialData.color;
-                    this._defaultMaterialData.color = "#d3d3d3";
-                    const properties = this.getMaterialProperties(this._defaultMaterialData, type, materialSettings);
-                    this._defaultMaterialData.color =
-                        currentDefaultMaterialColor;
-                    return properties;
-                }
-                else {
-                    return this.getMaterialProperties(this._defaultMaterialData, type, materialSettings);
-                }
-            }
-        }
-        /**
-         * We know evaluate properties that can be applied to all materials
-         */
-        generalProperties.alphaTest = materialData.alphaCutoff;
-        if (materialData.opacity !== undefined) {
-            generalProperties.opacity = materialData.opacity;
-            generalProperties.transparent = generalProperties.opacity < 1;
-        }
-        if (materialData.alphaMode === viewer_shared_types_1.MATERIAL_ALPHA.BLEND) {
-            generalProperties.transparent = true;
-            generalProperties.depthWrite = false;
-        }
-        else if (!generalProperties.transparent) {
-            generalProperties.transparent = false;
-        }
-        if (materialData.depthTest !== undefined) {
-            generalProperties.depthTest = materialData.depthTest;
-        }
-        if (materialData.depthWrite !== undefined) {
-            generalProperties.depthWrite = materialData.depthWrite;
-        }
-        if (materialData.transparent !== undefined) {
-            generalProperties.transparent = materialData.transparent;
-        }
-        if (materialData.color !== undefined)
-            generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.color);
-        if (materialData.color === undefined &&
-            materialData.map !== undefined &&
-            materialData.map.color !== undefined)
-            generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.map.color);
-        if (materialData.color === undefined &&
-            materialData.map !== undefined &&
-            materialData.map.color === undefined &&
-            !(materialSettings !== undefined &&
-                materialSettings.useVertexColors))
-            generalProperties.color = this._renderingEngine.createThreeJsColor(this._renderingEngine.defaultMaterialColor);
-        if (materialSettings !== undefined &&
-            materialSettings.useVertexColors &&
-            (materialData.color ===
-                this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
-                materialData.color + "ff" ===
-                    this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
-                materialData.color ===
-                    this._renderingEngine.defaultMaterialColor ||
-                materialData.color ===
-                    this._renderingEngine.defaultMaterialColor + "ff" ||
-                materialData.color === undefined))
-            generalProperties.color =
-                this._renderingEngine.createThreeJsColor("#d3d3d3");
-        if (materialData.side !== undefined)
-            generalProperties.side =
-                materialData.side === viewer_shared_types_1.MATERIAL_SIDE.BACK
-                    ? THREE.BackSide
-                    : materialData.side === viewer_shared_types_1.MATERIAL_SIDE.FRONT
-                        ? THREE.FrontSide
-                        : THREE.DoubleSide;
-        /**
-         *
-         * First exit, lines ans points
-         *
-         */
-        if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
-            if (materialData instanceof viewer_shared_node_tree_1.MaterialPointData) {
-                const pointMaterialProperties = generalProperties;
-                pointMaterialProperties.size =
-                    materialData.size !== undefined
-                        ? materialData.size
-                        : this._pointSize;
-                pointMaterialProperties.userData = {
-                    customPointSizeEnabled: materialData.size !== undefined,
-                    customPointSize: materialData.size,
-                };
-                pointMaterialProperties.sizeAttenuation =
-                    materialData.sizeAttenuation !== undefined
-                        ? materialData.sizeAttenuation
-                        : true;
-                if (materialData.map !== undefined) {
-                    pointMaterialProperties.map = this.createTexture(materialData.map);
-                    mapCount++;
-                }
-                if (materialData.alphaMap !== undefined) {
-                    pointMaterialProperties.alphaMap = this.createTexture(materialData.alphaMap);
-                    pointMaterialProperties.transparent = true;
-                    pointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-            }
-            else if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
-                const multiPointMaterialProperties = generalProperties;
-                if (materialData.materialIndexDataMap) {
-                    multiPointMaterialProperties.materialIndexDataTexture =
-                        this.createTexture(materialData.materialIndexDataMap);
-                }
-                else {
-                    multiPointMaterialProperties.materialIndexDataTexture =
-                        new THREE.DataTexture(new Uint8Array(multiPointMaterialProperties.materialIndexDataTextureSize ||
-                            1024), multiPointMaterialProperties.materialIndexDataTextureSize ||
-                            1024, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
-                    multiPointMaterialProperties.materialIndexDataTexture.internalFormat =
-                        "R32UI";
-                }
-                multiPointMaterialProperties.size_0 =
-                    materialData.size_0 !== undefined
-                        ? this._pointSize * materialData.size_0
-                        : this._pointSize;
-                multiPointMaterialProperties.size_1 =
-                    materialData.size_1 !== undefined
-                        ? this._pointSize * materialData.size_1
-                        : this._pointSize;
-                multiPointMaterialProperties.size_2 =
-                    materialData.size_2 !== undefined
-                        ? this._pointSize * materialData.size_2
-                        : this._pointSize;
-                multiPointMaterialProperties.size_3 =
-                    materialData.size_3 !== undefined
-                        ? this._pointSize * materialData.size_3
-                        : this._pointSize;
-                multiPointMaterialProperties.size_4 =
-                    materialData.size_4 !== undefined
-                        ? this._pointSize * materialData.size_4
-                        : this._pointSize;
-                multiPointMaterialProperties.size_5 =
-                    materialData.size_5 !== undefined
-                        ? this._pointSize * materialData.size_5
-                        : this._pointSize;
-                multiPointMaterialProperties.size_6 =
-                    materialData.size_6 !== undefined
-                        ? this._pointSize * materialData.size_6
-                        : this._pointSize;
-                multiPointMaterialProperties.size_7 =
-                    materialData.size_7 !== undefined
-                        ? this._pointSize * materialData.size_7
-                        : this._pointSize;
-                multiPointMaterialProperties.userData = {
-                    customPointSize_0Enabled: materialData.size_0 !== undefined,
-                    customPointSize_1Enabled: materialData.size_1 !== undefined,
-                    customPointSize_2Enabled: materialData.size_2 !== undefined,
-                    customPointSize_3Enabled: materialData.size_3 !== undefined,
-                    customPointSize_4Enabled: materialData.size_4 !== undefined,
-                    customPointSize_5Enabled: materialData.size_5 !== undefined,
-                    customPointSize_6Enabled: materialData.size_6 !== undefined,
-                    customPointSize_7Enabled: materialData.size_7 !== undefined,
-                    customPointSize_0: materialData.size_0,
-                    customPointSize_1: materialData.size_1,
-                    customPointSize_2: materialData.size_2,
-                    customPointSize_3: materialData.size_3,
-                    customPointSize_4: materialData.size_4,
-                    customPointSize_5: materialData.size_5,
-                    customPointSize_6: materialData.size_6,
-                    customPointSize_7: materialData.size_7,
-                };
-                multiPointMaterialProperties.sizeAttenuation_0 =
-                    materialData.sizeAttenuation_0 !== undefined
-                        ? materialData.sizeAttenuation_0
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_1 =
-                    materialData.sizeAttenuation_1 !== undefined
-                        ? materialData.sizeAttenuation_1
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_2 =
-                    materialData.sizeAttenuation_2 !== undefined
-                        ? materialData.sizeAttenuation_2
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_3 =
-                    materialData.sizeAttenuation_3 !== undefined
-                        ? materialData.sizeAttenuation_3
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_4 =
-                    materialData.sizeAttenuation_4 !== undefined
-                        ? materialData.sizeAttenuation_4
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_5 =
-                    materialData.sizeAttenuation_5 !== undefined
-                        ? materialData.sizeAttenuation_5
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_6 =
-                    materialData.sizeAttenuation_6 !== undefined
-                        ? materialData.sizeAttenuation_6
-                        : false;
-                multiPointMaterialProperties.sizeAttenuation_7 =
-                    materialData.sizeAttenuation_7 !== undefined
-                        ? materialData.sizeAttenuation_7
-                        : false;
-                if (materialData.map_0 !== undefined) {
-                    multiPointMaterialProperties.map_0 = this.createTexture(materialData.map_0);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_1 !== undefined) {
-                    multiPointMaterialProperties.map_1 = this.createTexture(materialData.map_1);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_2 !== undefined) {
-                    multiPointMaterialProperties.map_2 = this.createTexture(materialData.map_2);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_3 !== undefined) {
-                    multiPointMaterialProperties.map_3 = this.createTexture(materialData.map_3);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_4 !== undefined) {
-                    multiPointMaterialProperties.map_4 = this.createTexture(materialData.map_4);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_5 !== undefined) {
-                    multiPointMaterialProperties.map_5 = this.createTexture(materialData.map_5);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_6 !== undefined) {
-                    multiPointMaterialProperties.map_6 = this.createTexture(materialData.map_6);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.map_7 !== undefined) {
-                    multiPointMaterialProperties.map_7 = this.createTexture(materialData.map_7);
-                    multiPointMaterialProperties.map =
-                        multiPointMaterialProperties.map_0;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_0 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_0 =
-                        this.createTexture(materialData.alphaMap_0);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_1 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_1 =
-                        this.createTexture(materialData.alphaMap_1);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_2 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_2 =
-                        this.createTexture(materialData.alphaMap_2);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_3 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_3 =
-                        this.createTexture(materialData.alphaMap_3);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_4 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_4 =
-                        this.createTexture(materialData.alphaMap_4);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_5 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_5 =
-                        this.createTexture(materialData.alphaMap_5);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_6 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_6 =
-                        this.createTexture(materialData.alphaMap_6);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.alphaMap_7 !== undefined) {
-                    multiPointMaterialProperties.alphaMap_7 =
-                        this.createTexture(materialData.alphaMap_7);
-                    multiPointMaterialProperties.alphaMap =
-                        multiPointMaterialProperties.alphaMap_0;
-                    multiPointMaterialProperties.transparent = true;
-                    multiPointMaterialProperties.depthWrite = false;
-                    mapCount++;
-                }
-                if (materialData.color_0 !== undefined) {
-                    multiPointMaterialProperties.color_0 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_0);
-                }
-                if (materialData.color_1 !== undefined) {
-                    multiPointMaterialProperties.color_1 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_1);
-                }
-                if (materialData.color_2 !== undefined) {
-                    multiPointMaterialProperties.color_2 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_2);
-                }
-                if (materialData.color_3 !== undefined) {
-                    multiPointMaterialProperties.color_3 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_3);
-                }
-                if (materialData.color_4 !== undefined) {
-                    multiPointMaterialProperties.color_4 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_4);
-                }
-                if (materialData.color_5 !== undefined) {
-                    multiPointMaterialProperties.color_5 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_5);
-                }
-                if (materialData.color_6 !== undefined) {
-                    multiPointMaterialProperties.color_6 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_6);
-                }
-                if (materialData.color_7 !== undefined) {
-                    multiPointMaterialProperties.color_7 =
-                        this._renderingEngine.createThreeJsColor(materialData.color_7);
-                }
-            }
-            else {
-                const pointMaterialProperties = generalProperties;
-                pointMaterialProperties.size = this._pointSize;
-            }
-            return { properties: generalProperties, mapCount };
-        }
-        else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
-            return { properties: generalProperties, mapCount };
-        }
-        /**
-         *
-         * Second exit, the shadow material
-         *
-         */
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData)
-            return { properties: generalProperties, mapCount };
-        /**
-         * We know evaluate properties that can be applied to basic mesh materials (and the ones extending from them)
-         */
-        const basicProperties = generalProperties;
-        if (materialData.alphaMap !== undefined) {
-            basicProperties.alphaMap = this.createTexture(materialData.alphaMap);
-            basicProperties.transparent = true;
-            basicProperties.depthWrite = false;
-            mapCount++;
-        }
-        if (materialData.aoMap !== undefined) {
-            basicProperties.aoMap = this.createTexture(materialData.aoMap);
-            mapCount++;
-        }
-        if (materialData.aoMapIntensity !== undefined) {
-            basicProperties.aoMapIntensity = materialData.aoMapIntensity;
-        }
-        if (materialData.map !== undefined) {
-            basicProperties.map = this.createTexture(materialData.map);
-            basicProperties.map.colorSpace = this._textureEncoding;
-            mapCount++;
-        }
-        /**
-         *
-         * Third exit, the unlit material
-         *
-         */
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
-            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT ||
-            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT ||
-            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG)
-            return { properties: basicProperties, mapCount };
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData &&
-            this._materialOverrideType === undefined) {
-            const phongProperties = basicProperties;
-            phongProperties.shininess = materialData.shininess;
-            if (materialData.specular !== undefined)
-                phongProperties.specular =
-                    this._renderingEngine.createThreeJsColor(materialData.specular);
-            if (materialData.specularMap !== undefined) {
-                phongProperties.specularMap = this.createTexture(materialData.specularMap);
-                mapCount++;
-            }
-            phongProperties.displacementBias = materialData.displacementBias;
-            if (materialData.displacementMap !== undefined) {
-                phongProperties.displacementMap = this.createTexture(materialData.displacementMap);
-                mapCount++;
-            }
-            phongProperties.displacementScale = materialData.displacementScale;
-            phongProperties.reflectivity = materialData.reflectivity;
-            return { properties: phongProperties, mapCount };
-        }
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData &&
-            this._materialOverrideType === undefined) {
-            const lambertProperties = basicProperties;
-            if (materialData.specularMap !== undefined) {
-                lambertProperties.specularMap = this.createTexture(materialData.specularMap);
-                mapCount++;
-            }
-            lambertProperties.displacementBias = materialData.displacementBias;
-            if (materialData.displacementMap !== undefined) {
-                lambertProperties.displacementMap = this.createTexture(materialData.displacementMap);
-                mapCount++;
-            }
-            lambertProperties.displacementScale =
-                materialData.displacementScale;
-            lambertProperties.reflectivity = materialData.reflectivity;
-            return { properties: lambertProperties, mapCount };
-        }
-        /**
-         * We know evaluate properties that can be applied to MeshPhysicalMaterials, SpecularGlossinessMaterials and GemMaterialParameters
-         */
-        const standardProperties = basicProperties;
-        if (materialData.shading !== undefined)
-            standardProperties.flatShading = materialData.shading !== "smooth";
-        if (materialData.bumpMap !== undefined) {
-            standardProperties.bumpMap = this.createTexture(materialData.bumpMap);
-            mapCount++;
-        }
-        standardProperties.bumpScale = materialData.bumpScale;
-        if (materialData.emissiveness !== undefined)
-            standardProperties.emissive =
-                this._renderingEngine.createThreeJsColor(materialData.emissiveness);
-        if (materialData.emissiveMap !== undefined) {
-            standardProperties.emissiveMap = this.createTexture(materialData.emissiveMap);
-            standardProperties.emissiveMap.colorSpace = this._textureEncoding;
-            mapCount++;
-        }
-        standardProperties.envMap = this._envMap;
-        standardProperties.envMapIntensity = this._envMapIntensity;
-        standardProperties.envMapRotation = this._environmentMapRotationEuler;
-        if (materialData.normalMap !== undefined) {
-            standardProperties.normalMap = this.createTexture(materialData.normalMap);
-            mapCount++;
-        }
-        if (materialData.normalScale !== undefined)
-            standardProperties.normalScale = new THREE.Vector2(materialData.normalScale, -materialData.normalScale);
-        /**
-         *
-         * Fourth exit, the specular-glossiness material
-         *
-         */
-        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS &&
-            !(materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData))
-            return { properties: standardProperties, mapCount };
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
-            const specularGlossinessProperties = standardProperties;
-            specularGlossinessProperties.specular =
-                this._renderingEngine.createThreeJsColor(materialData.specular);
-            specularGlossinessProperties.glossiness = materialData.glossiness;
-            if (materialData.specularGlossinessMap !== undefined) {
-                specularGlossinessProperties.specularMap2 = this.createTexture(materialData.specularGlossinessMap);
-                specularGlossinessProperties.specularMap2.colorSpace =
-                    THREE.SRGBColorSpace;
-                specularGlossinessProperties.glossinessMap =
-                    specularGlossinessProperties.specularMap2;
-                mapCount++;
-            }
-            else {
-                if (materialData.specularMap !== undefined) {
-                    specularGlossinessProperties.specularMap2 =
-                        this.createTexture(materialData.specularMap);
-                    specularGlossinessProperties.specularMap2.colorSpace =
-                        THREE.SRGBColorSpace;
-                    mapCount++;
-                }
-                if (materialData.glossinessMap !== undefined) {
-                    specularGlossinessProperties.glossinessMap =
-                        this.createTexture(materialData.glossinessMap);
-                    mapCount++;
-                }
-            }
-            return { properties: specularGlossinessProperties, mapCount };
-        }
-        /**
-         *
-         * Fourth exit, the gem material
-         *
-         */
-        if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData &&
-            this._materialOverrideType === undefined) {
-            const gemProperties = standardProperties;
-            gemProperties.refractionIndex = materialData.refractionIndex;
-            if (materialData.impurityMap !== undefined) {
-                gemProperties.impurityMap = this.createTexture(materialData.impurityMap);
-                mapCount++;
-            }
-            gemProperties.impurityScale = materialData.impurityScale;
-            if (materialData.colorTransferBegin !== undefined) {
-                gemProperties.colorTransferBegin =
-                    this._renderingEngine.createThreeJsColor(materialData.colorTransferBegin);
-            }
-            if (materialData.colorTransferEnd !== undefined) {
-                gemProperties.colorTransferEnd =
-                    this._renderingEngine.createThreeJsColor(materialData.colorTransferEnd);
-            }
-            gemProperties.center = new THREE.Vector3(materialData.center[0], materialData.center[1], materialData.center[2]);
-            gemProperties.tracingDepth = materialData.tracingDepth;
-            gemProperties.radius = materialData.radius;
-            gemProperties.sphericalNormalMap = materialData.sphericalNormalMap;
-            gemProperties.gamma = materialData.gamma;
-            gemProperties.contrast = materialData.contrast;
-            gemProperties.brightness = materialData.brightness;
-            gemProperties.dispersion = materialData.dispersion;
-            gemProperties.tracingOpacity = materialData.tracingOpacity;
-            gemProperties.roughness = 0;
-            gemProperties.metalness = 1;
-            gemProperties.transparent = true;
-            gemProperties.opacity = 1.0;
-            gemProperties.side = THREE.FrontSide;
-            return { properties: gemProperties, mapCount };
-        }
-        /**
-         *
-         * the final exit, the MeshPhysicalMaterial
-         *
-         */
-        if (!(materialData instanceof viewer_shared_node_tree_1.MaterialStandardData))
-            return { properties: standardProperties, mapCount };
-        const meshPhysicalProperties = standardProperties;
-        meshPhysicalProperties.clearcoat = materialData.clearcoat;
-        if (materialData.clearcoatMap !== undefined) {
-            meshPhysicalProperties.clearcoatMap = this.createTexture(materialData.clearcoatMap);
-            mapCount++;
-        }
-        if (materialData.clearcoatNormalMap !== undefined) {
-            meshPhysicalProperties.clearcoatNormalMap = this.createTexture(materialData.clearcoatNormalMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.clearcoatRoughness =
-            materialData.clearcoatRoughness;
-        if (materialData.clearcoatRoughnessMap !== undefined) {
-            meshPhysicalProperties.clearcoatRoughnessMap = this.createTexture(materialData.clearcoatRoughnessMap);
-            mapCount++;
-        }
-        if (materialData.displacementMap !== undefined) {
-            meshPhysicalProperties.displacementMap = this.createTexture(materialData.displacementMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.displacementScale =
-            materialData.displacementScale;
-        meshPhysicalProperties.displacementBias = materialData.displacementBias;
-        meshPhysicalProperties.ior = materialData.ior;
-        meshPhysicalProperties.transmission = materialData.transmission;
-        if (materialData.transmissionMap !== undefined) {
-            meshPhysicalProperties.transmissionMap = this.createTexture(materialData.transmissionMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.thickness =
-            materialData.thickness;
-        if (materialData.thicknessMap !== undefined) {
-            meshPhysicalProperties.thicknessMap =
-                this.createTexture(materialData.thicknessMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.attenuationDistance =
-            materialData.attenuationDistance;
-        meshPhysicalProperties.attenuationColor =
-            this._renderingEngine.createThreeJsColor(materialData.attenuationColor);
-        meshPhysicalProperties.sheen = materialData.sheen;
-        meshPhysicalProperties.sheenColor =
-            this._renderingEngine.createThreeJsColor(materialData.sheenColor);
-        meshPhysicalProperties.sheenRoughness = materialData.sheenRoughness;
-        if (materialData.sheenColorMap !== undefined) {
-            meshPhysicalProperties.sheenColorMap =
-                this.createTexture(materialData.sheenColorMap);
-            mapCount++;
-        }
-        if (materialData.sheenRoughnessMap !== undefined) {
-            (meshPhysicalProperties).sheenRoughnessMap = this.createTexture(materialData.sheenRoughnessMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.specularIntensity =
-            materialData.specularIntensity;
-        if (materialData.specularIntensityMap !== undefined) {
-            meshPhysicalProperties.specularIntensityMap = this.createTexture(materialData.specularIntensityMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.specularColor =
-            this._renderingEngine.createThreeJsColor(materialData.specularColor);
-        if (materialData.specularColorMap !== undefined) {
-            meshPhysicalProperties.specularColorMap = this.createTexture(materialData.specularColorMap);
-            mapCount++;
-        }
-        meshPhysicalProperties.metalness = materialData.metalness;
-        meshPhysicalProperties.roughness = materialData.roughness;
-        if (materialData.metalnessRoughnessMap !== undefined) {
-            meshPhysicalProperties.metalnessMap = this.createTexture(materialData.metalnessRoughnessMap);
-            meshPhysicalProperties.roughnessMap =
-                meshPhysicalProperties.metalnessMap;
-            mapCount++;
-        }
-        else {
-            if (materialData.metalnessMap !== undefined) {
-                meshPhysicalProperties.metalnessMap = this.createTexture(materialData.metalnessMap);
-                mapCount++;
-            }
-            if (materialData.roughnessMap !== undefined) {
-                meshPhysicalProperties.roughnessMap = this.createTexture(materialData.roughnessMap);
-                mapCount++;
-            }
-        }
-        return { properties: meshPhysicalProperties, mapCount };
-    }
-    init() { }
-    /**
-     * Get a shader signature based on properties that affect shader compilation.
-     * Materials with the same signature can share compiled shader programs.
-     */
-    getShaderSignature(type, materialData, materialSettings) {
-        // Use a simple string concatenation for better performance than JSON.stringify
-        return `${type}_${(materialData === null || materialData === void 0 ? void 0 : materialData.constructor.name) || "default"}_${this._materialOverrideType || "none"}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useVertexColors) ? "vc" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useFlatShading) ? "fs" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useMorphTargets) ? "mt" : ""}_${this._envMapType}`;
-    }
-    /**
-     * Precompile shaders for a batch of materials to avoid runtime compilation costs.
-     * This should be called during initialization or loading phases.
-     */
-    precompileShaders(materials, scene, camera) {
-        if (!this._renderingEngine.renderer)
-            return;
-        const compiler = this._renderingEngine.renderer;
-        const dummyGeometry = new THREE.PlaneGeometry(1, 1);
-        for (const material of materials) {
-            // Skip if already compiled
-            const signature = material.userData.shaderSignature;
-            if (signature && this._compiledShaderSignatures.has(signature)) {
-                continue;
-            }
-            const dummyMesh = new THREE.Mesh(dummyGeometry, material);
-            scene.add(dummyMesh);
-            compiler.compile(scene, camera);
-            scene.remove(dummyMesh);
-            if (signature) {
-                this._compiledShaderSignatures.add(signature);
-            }
-        }
-        dummyGeometry.dispose();
-    }
-    /**
-     * Create a material object with the provided material data.
-     *
-     * @param material the material data
-     * @returns the material object
-     */
-    load(incomingData, materialSettings) {
-        let materialData = null;
-        if (!(incomingData instanceof viewer_shared_node_tree_1.GeometryData))
-            materialData = incomingData;
-        // evaluate which type of material properties we are constructing
-        let type;
-        if (materialSettings && materialSettings.mode === 0) {
-            type = GEOMETRY_MATERIAL_TYPE.POINT;
-        }
-        else if (materialSettings &&
-            (materialSettings.mode === 1 ||
-                materialSettings.mode === 2 ||
-                materialSettings.mode === 3)) {
-            type = GEOMETRY_MATERIAL_TYPE.LINE;
-        }
-        else {
-            type = GEOMETRY_MATERIAL_TYPE.MESH;
-        }
-        const cacheKey = this.createDataKeyFromMaterial(incomingData, type, materialSettings);
-        // Check material cache first
-        if (this._materialCache[cacheKey]) {
-            return this._materialCache[cacheKey].material;
-        }
-        // Create new material
-        const material = this.createMaterial(type, incomingData, materialData, materialSettings);
-        // Track shader signature for potential future optimizations
-        const shaderSignature = this.getShaderSignature(type, materialData, materialSettings);
-        material.userData.cacheKey = cacheKey;
-        material.userData.shaderSignature = shaderSignature;
-        // Store in shader program cache for precompilation tracking
-        if (!this._shaderProgramCache.has(shaderSignature)) {
-            this._shaderProgramCache.set(shaderSignature, material);
-        }
-        this._materialCache[cacheKey] = {
-            material,
-            materialData,
-            materialSettings,
-        };
-        return material;
-    }
-    removeFromMaterialCache(cacheKey) {
-        if (!this._materialCache[cacheKey])
-            return;
-        this._materialCache[cacheKey].material.dispose();
-        delete this._materialCache[cacheKey];
-    }
-    updateMaterials() {
-        for (const cacheKey in this._materialCache)
-            this._materialCache[cacheKey].material.needsUpdate = true;
-    }
-    updateSoftShadow(lightSizeUV, blending) {
-        this._lightSizeUV = lightSizeUV;
-        this._blending = blending;
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material.userData.shader) {
-                this._materialCache[cacheKey].material.userData.shader.uniforms.lightSizeUV.value =
-                    lightSizeUV;
-                this._materialCache[cacheKey].material.userData.shader.uniforms.blending.value = blending;
-            }
-        }
-    }
-    // #endregion Public Methods (18)
-    // #region Private Methods (4)
-    assignTextureEncoding() {
-        for (const cacheKey in this._materialCache) {
-            if (this._materialCache[cacheKey].material instanceof
-                THREE.MeshPhysicalMaterial ||
-                this._materialCache[cacheKey].material instanceof
-                    THREE.MeshStandardMaterial) {
-                const material = this._materialCache[cacheKey].material;
-                if (material.emissiveMap) {
-                    material.emissiveMap.colorSpace = this._textureEncoding;
-                    material.emissiveMap.needsUpdate = true;
-                }
-                if (material.map) {
-                    material.map.colorSpace = this._textureEncoding;
-                    material.map.needsUpdate = true;
-                }
-                material.needsUpdate = true;
-            }
-        }
-    }
-    createDataKeyFromMap(map) {
-        let id = "";
-        if (map.asData === true) {
-            id = map.id;
-        }
-        else if (map.image instanceof HTMLImageElement) {
-            id = map.image.src;
-        }
-        else if (map.image instanceof ImageBitmap) {
-            id = map.image.id;
-        }
-        else {
-            id = String(map.data);
-        }
-        return (0, viewer_shared_services_1.btoaCustom)(`${id}_${map.center}_${map.color}_${map.flipY}_${map.magFilter}_${map.minFilter}_${map.offset}_${map.repeat}_${map.rotation}_${map.texCoord}_${map.wrapS}_${map.wrapT}`);
-    }
-    createDataKeyFromMaterial(data, type, materialSettings) {
-        return (0, viewer_shared_services_1.btoaCustom)(data.id +
-            "_" +
-            data.version +
-            "_" +
-            type +
-            "_" +
-            JSON.stringify(materialSettings));
-    }
-    createTexture(map) {
-        if (map.image instanceof ArrayBuffer)
-            return new THREE.Texture();
-        const key = this.createDataKeyFromMap(map);
-        // texture in this structure are only stored until the next scene tree update call
-        // therefore no cache management is needed, as these textures need to be created either way
-        // the cache is cleared in updateSceneTree
-        if (this._threeJsTextureCache[key]) {
-            this._threeJsTextureCache[key].usage++;
-            return this._threeJsTextureCache[key].texture;
-        }
-        let texture;
-        if (map.asData === true) {
-            texture = new THREE.DataTexture(new Uint32Array(map.data), map.data.length, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
-            texture.internalFormat = "R32UI";
-        }
-        else {
-            texture = new THREE.Texture(map.image);
-            texture.format = THREE.RGBAFormat;
-            texture.minFilter = (() => {
-                switch (map.minFilter) {
-                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST:
-                        return THREE.NearestFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST_MIPMAP_NEAREST:
-                        return THREE.NearestMipMapNearestFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_NEAREST:
-                        return THREE.LinearMipMapNearestFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST_MIPMAP_LINEAR:
-                        return THREE.NearestMipMapLinearFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR:
-                        return THREE.LinearFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR:
-                    default:
-                        return THREE.LinearMipMapLinearFilter;
-                }
-            })();
-            texture.magFilter = (() => {
-                switch (map.magFilter) {
-                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST:
-                        return THREE.NearestFilter;
-                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR:
-                    default:
-                        return THREE.LinearFilter;
-                }
-            })();
-            texture.wrapS = (() => {
-                switch (map.wrapS) {
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE:
-                        return THREE.ClampToEdgeWrapping;
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT:
-                        return THREE.MirroredRepeatWrapping;
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT:
-                    default:
-                        return THREE.RepeatWrapping;
-                }
-            })();
-            texture.wrapT = (() => {
-                switch (map.wrapT) {
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE:
-                        return THREE.ClampToEdgeWrapping;
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT:
-                        return THREE.MirroredRepeatWrapping;
-                    case viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT:
-                    default:
-                        return THREE.RepeatWrapping;
-                }
-            })();
-            texture.center = new THREE.Vector2(map.center[0], map.center[1]);
-            texture.offset = new THREE.Vector2(map.offset[0], map.offset[1]);
-            texture.repeat = new THREE.Vector2(map.repeat[0], map.repeat[1]);
-            texture.rotation = map.rotation;
-            if (map.texCoord !== undefined)
-                texture.channel = map.texCoord;
-            texture.flipY = map.flipY;
-        }
-        texture.needsUpdate = true;
-        texture.userData.cacheKey = key;
-        this._threeJsTextureCache[key] = {
-            texture,
-            usage: 1,
-            initialized: false,
-        };
-        return this._threeJsTextureCache[key].texture;
-    }
-}
-exports.MaterialLoader = MaterialLoader;
-// #endregion Classes (1)
-// #region Enums (1)
-/* eslint-disable @typescript-eslint/no-empty-function */
-var GEOMETRY_MATERIAL_TYPE;
-(function (GEOMETRY_MATERIAL_TYPE) {
-    GEOMETRY_MATERIAL_TYPE["POINT"] = "point";
-    GEOMETRY_MATERIAL_TYPE["LINE"] = "line";
-    GEOMETRY_MATERIAL_TYPE["MESH"] = "mesh";
-})(GEOMETRY_MATERIAL_TYPE || (GEOMETRY_MATERIAL_TYPE = {}));
-// #endregion Enums (1)
-// #region Variables (1)
-const adaptShaders = () => {
-    let shader = THREE.ShaderChunk.shadowmap_pars_fragment;
-    if (!shader.includes("PCSS implementation")) {
-        shader = shader.replace("#ifdef USE_SHADOWMAP", "#ifdef USE_SHADOWMAP" + PCSS_1.main);
-        shader = shader.replace(shader.substr(shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )"), shader.indexOf("#elif defined( SHADOWMAP_TYPE_PCF_SOFT )") -
-            shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )")), "#if defined( SHADOWMAP_TYPE_PCF )\n" + PCSS_1.entry);
-    }
-    THREE.ShaderChunk.shadowmap_pars_fragment = shader;
-    // here we replace in the background cube fragment shader the y component of the reflection vector with the negative y component and inverse the rotation in the case of a LDR environment map
-    // console.log(THREE.ShaderChunk.backgroundCube_frag.includes('vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );'))
-    THREE.ShaderChunk.backgroundCube_frag =
-        THREE.ShaderChunk.backgroundCube_frag.replace("vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );", "vec4 texColor = textureCube( envMap, inverse(backgroundRotation) * vec3( flipEnvMap * vWorldDirection.x, -vWorldDirection.y, vWorldDirection.z ) );");
-    THREE.ShaderLib.backgroundCube.fragmentShader =
-        THREE.ShaderChunk.backgroundCube_frag;
-    // here we replace in the envmap_physical_pars_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
-    // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );'));
-    THREE.ShaderChunk.envmap_physical_pars_fragment =
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adaptShaders = exports.MaterialLoader = void 0;
+const viewer_shared_node_tree_1 = require("@shapediver/viewer.shared.node-tree");
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const viewer_shared_types_1 = require("@shapediver/viewer.shared.types");
+const gl_matrix_1 = require("gl-matrix");
+const THREE = __importStar(require("three"));
+const GemMaterial_1 = require("../materials/GemMaterial");
+const MultiPointsMaterial_1 = require("../materials/MultiPointsMaterial");
+const SpecularGlossinessMaterial_1 = require("../materials/SpecularGlossinessMaterial");
+const SDColor_1 = require("../objects/SDColor");
+const PCSS_1 = require("../shaders/PCSS");
+const EnvironmentMapLoader_1 = require("./EnvironmentMapLoader");
+// #endregion Type aliases (6)
+// #region Classes (1)
+class MaterialLoader {
+    // #endregion Properties (16)
+    // #region Constructors (1)
+    constructor(_renderingEngine) {
+        this._renderingEngine = _renderingEngine;
+        // #region Properties (16)
+        this._converter = viewer_shared_services_1.Converter.instance;
+        this._sceneTree = viewer_shared_node_tree_1.Tree.instance;
+        this._blending = 0.0;
+        this._defaultLineMaterialData = new viewer_shared_node_tree_1.MaterialBasicLineData({ color: "#199b9b" });
+        this._defaultMaterialData = new viewer_shared_node_tree_1.MaterialStandardData({
+            color: "#199b9b",
+            side: viewer_shared_types_1.MATERIAL_SIDE.DOUBLE,
+            metalness: 0.0,
+        });
+        this._defaultPointMaterialData = new viewer_shared_node_tree_1.MaterialPointData({ color: "#199b9b" });
+        this._envMap = null;
+        this._envMapIntensity = 1;
+        this._envMapType = EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.NULL;
+        this._environmentMapRotationEuler = new THREE.Euler();
+        this._height = 1020;
+        this._lightSizeUV = 0.025;
+        this._materialOverrideType = undefined;
+        this._materialCache = {};
+        this._shaderProgramCache = new Map();
+        this._compiledShaderSignatures = new Set();
+        this._maxMapCount = 0;
+        this._pointSize = 1.0;
+        this._textureEncoding = THREE.SRGBColorSpace;
+        this._threeJsTextureCache = {};
+    }
+    // #endregion Constructors (1)
+    // #region Public Getters And Setters (12)
+    get defaultLineMaterialData() {
+        return this._defaultLineMaterialData;
+    }
+    set defaultLineMaterialData(value) {
+        this._defaultLineMaterialData = value;
+        this.assignDefaultLineMaterial();
+    }
+    get defaultMaterialData() {
+        return this._defaultMaterialData;
+    }
+    set defaultMaterialData(value) {
+        this._defaultMaterialData = value;
+        this.assignDefaultMaterial();
+    }
+    get defaultPointMaterialData() {
+        return this._defaultPointMaterialData;
+    }
+    set defaultPointMaterialData(value) {
+        this._defaultPointMaterialData = value;
+        this.assignDefaultPointMaterial();
+    }
+    get materialOverrideType() {
+        return this._materialOverrideType;
+    }
+    set materialOverrideType(value) {
+        if (this._materialOverrideType === value)
+            return;
+        this._materialOverrideType = value;
+        for (const key in this._materialCache) {
+            this._materialCache[key].material.dispose();
+            delete this._materialCache[key];
+        }
+        this._sceneTree.root.updateVersion();
+    }
+    get maxMapCount() {
+        return this._maxMapCount;
+    }
+    set maxMapCount(value) {
+        this._maxMapCount = value;
+    }
+    get textureEncoding() {
+        return this._textureEncoding;
+    }
+    set textureEncoding(value) {
+        this._textureEncoding = value;
+        this.assignTextureEncoding();
+    }
+    get threeJsTextureCache() {
+        return this._threeJsTextureCache;
+    }
+    set threeJsTextureCache(value) {
+        this._threeJsTextureCache = value;
+    }
+    // #endregion Public Getters And Setters (12)
+    // #region Public Methods (18)
+    assignColorCorrection(value) {
+        const convertColor = (c, toggle) => {
+            if (!c)
+                return;
+            if (c instanceof SDColor_1.SDColor) {
+                c.colorCorrection(toggle);
+                return c;
+            }
+            else {
+                const sdColor = this._renderingEngine.colorCache.find((color) => color.equals(c));
+                if (sdColor) {
+                    sdColor.colorCorrection(toggle);
+                    return sdColor;
+                }
+                else {
+                    // we check in this case if the converted color has been stored already
+                    const clone = c.clone();
+                    toggle === true
+                        ? clone.convertSRGBToLinear()
+                        : clone.convertLinearToSRGB();
+                    const sdColorClone = this._renderingEngine.colorCache.find((color) => color.equals(clone));
+                    if (sdColorClone) {
+                        sdColorClone.colorCorrection(toggle);
+                        return sdColorClone;
+                    }
+                    else {
+                        // some colors may not have been set by us, but have been set automatically
+                        // in this case we expect the color to be linear either way and therefore omit a color correction
+                        return c;
+                    }
+                }
+            }
+        };
+        for (const cacheKey in this._materialCache) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const material = this._materialCache[cacheKey].material;
+            if (material.color)
+                material.color = convertColor(material.color, value);
+            if (material.specular)
+                material.specular = convertColor(material.specular, value);
+            if (material.emissive)
+                material.emissive = convertColor(material.emissive, value);
+            if (material.colorTransferBegin)
+                material.colorTransferBegin = convertColor(material.colorTransferBegin, value);
+            if (material.colorTransferEnd)
+                material.colorTransferEnd = convertColor(material.colorTransferEnd, value);
+            if (material.attenuationColor)
+                material.attenuationColor = convertColor(material.attenuationColor, value);
+            if (material.sheencolor)
+                material.sheencolor = convertColor(material.sheencolor, value);
+            if (material.specularColor)
+                material.specularColor = convertColor(material.specularColor, value);
+            material.needsUpdate = true;
+        }
+    }
+    assignDefaultLineMaterial() {
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.LineBasicMaterial &&
+                this._materialCache[cacheKey].materialData === null) {
+                const material = this._materialCache[cacheKey].material;
+                const { properties, mapCount } = this.getMaterialProperties(this._defaultLineMaterialData, GEOMETRY_MATERIAL_TYPE.LINE, undefined);
+                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
+                material.copy(new THREE.LineBasicMaterial(properties));
+                material.needsUpdate = true;
+            }
+        }
+    }
+    assignDefaultMaterial() {
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].materialData === null) {
+                const material = this._materialCache[cacheKey].material;
+                const { properties, mapCount } = this.getMaterialProperties(this._defaultMaterialData, GEOMETRY_MATERIAL_TYPE.MESH, this._materialCache[cacheKey].materialSettings);
+                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
+                if (material instanceof THREE.MeshBasicMaterial) {
+                    material.copy(new THREE.MeshBasicMaterial(properties));
+                }
+                else if (material instanceof THREE.MeshPhongMaterial) {
+                    material.copy(new THREE.MeshPhongMaterial(properties));
+                }
+                else if (material instanceof THREE.MeshLambertMaterial) {
+                    material.copy(new THREE.MeshLambertMaterial(properties));
+                }
+                else if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial) {
+                    material.copy(new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties));
+                }
+                else {
+                    material.copy(new THREE.MeshPhysicalMaterial(properties));
+                }
+                material.needsUpdate = true;
+            }
+        }
+    }
+    assignDefaultPointMaterial() {
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.PointsMaterial &&
+                this._materialCache[cacheKey].materialData === null) {
+                const material = (this._materialCache[cacheKey].material);
+                const { properties, mapCount } = this.getMaterialProperties(this._defaultPointMaterialData, GEOMETRY_MATERIAL_TYPE.POINT, undefined);
+                this.maxMapCount = Math.max(this.maxMapCount, mapCount);
+                material.copy(new THREE.PointsMaterial(properties));
+                material.needsUpdate = true;
+            }
+        }
+    }
+    assignEnvironmentMap(e, type) {
+        this._envMap = e;
+        this._envMapType = type;
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshBasicMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshLambertMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshPhongMaterial) {
+                const material = this._materialCache[cacheKey].material;
+                if (this._materialCache[cacheKey].materialData &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialUnlitData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialLambertData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialPhongData) &&
+                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
+                    continue;
+                if ((this._materialCache[cacheKey].materialData instanceof
+                    viewer_shared_node_tree_1.MaterialUnlitData ||
+                    this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialLambertData ||
+                    this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialPhongData) &&
+                    this._renderingEngine.environmentMapForUnlitMaterials ===
+                        false)
+                    return;
+                material.envMap = e;
+                material.needsUpdate = true;
+                for (const d in material.defines) {
+                    if (d.startsWith("ENVMAP_TYPE_"))
+                        delete material.defines[d];
+                }
+                if (material.defines)
+                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
+                this.assignEnvironmentMapRotation(this._renderingEngine.environmentMapRotation);
+            }
+        }
+    }
+    assignEnvironmentMapForUnlitMaterials(toggle) {
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshBasicMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshLambertMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshPhongMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
+                if (this._materialCache[cacheKey].materialData &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialUnlitData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialLambertData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialPhongData) &&
+                    this._materialCache[cacheKey].materialData.envMap !== undefined)
+                    continue;
+                if (toggle) {
+                    material.envMap = this._envMap;
+                    material.needsUpdate = true;
+                    for (const d in material.defines) {
+                        if (d.startsWith("ENVMAP_TYPE_"))
+                            delete material.defines[d];
+                    }
+                    if (material.defines)
+                        material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
+                }
+                else {
+                    material.envMap = null;
+                    material.needsUpdate = true;
+                }
+            }
+        }
+    }
+    assignEnvironmentMapIntensity(value) {
+        this._envMapIntensity = value;
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
+                if (this._materialCache[cacheKey].materialData &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialUnlitData) &&
+                    (this._materialCache[cacheKey].materialData).envMap !== undefined)
+                    continue;
+                material.envMapIntensity = value;
+                material.needsUpdate = true;
+            }
+        }
+    }
+    assignEnvironmentMapRotation(value) {
+        // we switch the y and z axis to match the three.js coordinate system
+        const rotationMatrix = new THREE.Matrix4()
+            .fromArray(gl_matrix_1.mat4.fromQuat(gl_matrix_1.mat4.create(), gl_matrix_1.quat.fromValues(value[0], value[2], -value[1], value[3])))
+            .transpose();
+        this._environmentMapRotationEuler =
+            new THREE.Euler().setFromRotationMatrix(rotationMatrix);
+        this._renderingEngine.scene.backgroundRotation =
+            this._environmentMapRotationEuler;
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
+                const material = this._materialCache[cacheKey]
+                    .material;
+                if (this._materialCache[cacheKey].materialData &&
+                    (this._materialCache[cacheKey].materialData instanceof
+                        viewer_shared_node_tree_1.MaterialStandardData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialGemData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
+                        this._materialCache[cacheKey].materialData instanceof
+                            viewer_shared_node_tree_1.MaterialUnlitData) &&
+                    this._materialCache[cacheKey].materialData.envMap !== undefined)
+                    continue;
+                material.envMapRotation = this._environmentMapRotationEuler;
+                material.needsUpdate = true;
+            }
+        }
+    }
+    assignPointSize(p) {
+        const height = this._renderingEngine.renderer
+            ? this._renderingEngine.renderer.getSize(new THREE.Vector2()).y
+            : 1080;
+        if (height === this._height &&
+            p * (this._height / 1080) === this._pointSize)
+            return;
+        this._height = height;
+        this._pointSize = p * (this._height / 1080);
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                MultiPointsMaterial_1.MultiPointsMaterial) {
+                const material = (this._materialCache[cacheKey].material);
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_0Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_0Enabled === true) {
+                    material.size_0 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_0;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_0 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_1Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_1Enabled === true) {
+                    material.size_1 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_1;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_1 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_2Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_2Enabled === true) {
+                    material.size_2 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_2;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_2 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_3Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_3Enabled === true) {
+                    material.size_3 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_3;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_3 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_4Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_4Enabled === true) {
+                    material.size_4 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_4;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_4 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_5Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_5Enabled === true) {
+                    material.size_5 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_5;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_5 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_6Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_6Enabled === true) {
+                    material.size_6 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_6;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_6 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSize_7Enabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSize_7Enabled === true) {
+                    material.size_7 =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize_7;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size_7 = this._pointSize;
+                    material.needsUpdate = true;
+                }
+            }
+            else if (this._materialCache[cacheKey].material instanceof
+                THREE.PointsMaterial) {
+                const material = (this._materialCache[cacheKey].material);
+                if (this._materialCache[cacheKey].material.userData
+                    .customPointSizeEnabled &&
+                    this._materialCache[cacheKey].material.userData
+                        .customPointSizeEnabled === true) {
+                    material.size =
+                        this._pointSize *
+                            this._materialCache[cacheKey].material.userData
+                                .customPointSize;
+                    material.needsUpdate = true;
+                }
+                else {
+                    material.size = this._pointSize;
+                    material.needsUpdate = true;
+                }
+            }
+        }
+    }
+    cacheSize() {
+        return Object.entries(this._materialCache).length;
+    }
+    createMaterial(type, incomingData, materialData, materialSettings) {
+        const { properties, mapCount } = this.getMaterialProperties(materialData, type, materialSettings);
+        this.maxMapCount = Math.max(this.maxMapCount, mapCount);
+        let material;
+        if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
+                material = new MultiPointsMaterial_1.MultiPointsMaterial(properties);
+            }
+            else {
+                material = new THREE.PointsMaterial(properties);
+            }
+        }
+        else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
+            material = new THREE.LineBasicMaterial(properties);
+        }
+        else {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData) {
+                material = new THREE.MeshBasicMaterial(properties);
+            }
+            else {
+                if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData) {
+                    material = new THREE.ShadowMaterial({
+                        opacity: properties.opacity,
+                        color: properties.color,
+                        transparent: true,
+                        depthWrite: false,
+                    });
+                }
+                else {
+                    if (this._materialOverrideType !== undefined) {
+                        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT) {
+                            material = new THREE.MeshBasicMaterial(properties);
+                        }
+                        else if (this._materialOverrideType ===
+                            viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS) {
+                            material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
+                        }
+                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT) {
+                            material = new THREE.MeshLambertMaterial(properties);
+                        }
+                        else if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG) {
+                            material = new THREE.MeshPhongMaterial(properties);
+                        }
+                        else {
+                            material = new THREE.MeshPhysicalMaterial(properties);
+                        }
+                    }
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
+                        material = new SpecularGlossinessMaterial_1.SpecularGlossinessMaterial(properties);
+                    }
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData) {
+                        material = new GemMaterial_1.GemMaterial(properties);
+                    }
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData) {
+                        material = new THREE.MeshLambertMaterial(properties);
+                    }
+                    else if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
+                        material = new THREE.MeshPhongMaterial(properties);
+                    }
+                    else {
+                        material = new THREE.MeshPhysicalMaterial(properties);
+                    }
+                }
+                const before = material.onBeforeCompile;
+                material.onBeforeCompile = (shader, renderer) => {
+                    before(shader, renderer);
+                    // Only add uniforms once per shader program to improve performance
+                    if (!shader.uniforms.lightSizeUV) {
+                        shader.uniforms.lightSizeUV = {
+                            value: this._lightSizeUV,
+                        };
+                        shader.uniforms.blending = { value: this._blending };
+                    }
+                    material.userData.shader = shader;
+                };
+                if (material instanceof SpecularGlossinessMaterial_1.SpecularGlossinessMaterial ||
+                    material instanceof THREE.MeshPhysicalMaterial) {
+                    material.defines["ENVMAP_TYPE_" + this._envMapType.toUpperCase()] = "";
+                    if (materialSettings && materialSettings.useVertexTangents)
+                        material.normalScale.y *= -1;
+                    if (materialSettings &&
+                        materialSettings.useVertexTangents &&
+                        material instanceof THREE.MeshPhysicalMaterial)
+                        material.clearcoatNormalScale.y *= -1;
+                    if (materialSettings && materialSettings.useFlatShading)
+                        material.flatShading = true;
+                }
+            }
+        }
+        if (materialSettings && materialSettings.useVertexColors)
+            material.vertexColors = true;
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialStandardData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialGemData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialLambertData ||
+            materialData instanceof viewer_shared_node_tree_1.MaterialPhongData) {
+            if (materialData.envMap !== undefined) {
+                const envMapInput = materialData
+                    .envMap;
+                if (envMapInput !== undefined) {
+                    const envMapResult = this._renderingEngine.environmentMapLoader.loadEnvMap(envMapInput);
+                    envMapResult.map.then((envMap) => {
+                        if ((material instanceof THREE.MeshBasicMaterial ||
+                            material instanceof THREE.MeshLambertMaterial ||
+                            material instanceof THREE.MeshPhongMaterial) &&
+                            this._renderingEngine
+                                .environmentMapForUnlitMaterials === false)
+                            return;
+                        material.envMap = envMap;
+                        const envMapType = material
+                            .envMap instanceof THREE.CubeTexture
+                            ? EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.LDR
+                            : EnvironmentMapLoader_1.ENVIRONMENT_MAP_TYPE.HDR;
+                        for (const d in material.defines) {
+                            if (d.startsWith("ENVMAP_TYPE_"))
+                                delete material.defines[d];
+                        }
+                        if (material.defines)
+                            material.defines["ENVMAP_TYPE_" + envMapType.toUpperCase()] = "";
+                        material.needsUpdate = true;
+                    });
+                }
+            }
+        }
+        if (materialData)
+            materialData.convertedObject[this._renderingEngine.id] = material;
+        material.needsUpdate = true;
+        if (material.userData) {
+            material.userData.SDid = incomingData.id;
+            material.userData.SDversion = incomingData.version;
+        }
+        else {
+            material.userData = {
+                SDid: incomingData.id,
+                SDversion: incomingData.version,
+            };
+        }
+        return material;
+    }
+    emptyMaterialCache() {
+        this._materialCache = {};
+        this._shaderProgramCache.clear();
+        this._compiledShaderSignatures.clear();
+    }
+    getMaterialProperties(materialData, type, materialSettings) {
+        const generalProperties = {};
+        let mapCount = 0;
+        // if no MaterialStandardData is provided, we return our default
+        if (!materialData) {
+            if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
+                return this.getMaterialProperties(this._defaultPointMaterialData, type, materialSettings);
+            }
+            else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
+                return this.getMaterialProperties(this._defaultLineMaterialData, type, materialSettings);
+            }
+            else {
+                if (materialSettings !== undefined &&
+                    materialSettings.useVertexColors) {
+                    const currentDefaultMaterialColor = this._defaultMaterialData.color;
+                    this._defaultMaterialData.color = "#d3d3d3";
+                    const properties = this.getMaterialProperties(this._defaultMaterialData, type, materialSettings);
+                    this._defaultMaterialData.color =
+                        currentDefaultMaterialColor;
+                    return properties;
+                }
+                else {
+                    return this.getMaterialProperties(this._defaultMaterialData, type, materialSettings);
+                }
+            }
+        }
+        /**
+         * We know evaluate properties that can be applied to all materials
+         */
+        generalProperties.alphaTest = materialData.alphaCutoff;
+        if (materialData.opacity !== undefined) {
+            generalProperties.opacity = materialData.opacity;
+            generalProperties.transparent = generalProperties.opacity < 1;
+        }
+        if (materialData.alphaMode === viewer_shared_types_1.MATERIAL_ALPHA.BLEND) {
+            generalProperties.transparent = true;
+            generalProperties.depthWrite = false;
+        }
+        else if (!generalProperties.transparent) {
+            generalProperties.transparent = false;
+        }
+        if (materialData.depthTest !== undefined) {
+            generalProperties.depthTest = materialData.depthTest;
+        }
+        if (materialData.depthWrite !== undefined) {
+            generalProperties.depthWrite = materialData.depthWrite;
+        }
+        if (materialData.transparent !== undefined) {
+            generalProperties.transparent = materialData.transparent;
+        }
+        if (materialData.color !== undefined)
+            generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.color);
+        if (materialData.color === undefined &&
+            materialData.map !== undefined &&
+            materialData.map.color !== undefined)
+            generalProperties.color = this._renderingEngine.createThreeJsColor(materialData.map.color);
+        if (materialData.color === undefined &&
+            materialData.map !== undefined &&
+            materialData.map.color === undefined &&
+            !(materialSettings !== undefined &&
+                materialSettings.useVertexColors))
+            generalProperties.color = this._renderingEngine.createThreeJsColor(this._renderingEngine.defaultMaterialColor);
+        if (materialSettings !== undefined &&
+            materialSettings.useVertexColors &&
+            (materialData.color ===
+                this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
+                materialData.color + "ff" ===
+                    this._converter.toHexColor(this._renderingEngine.defaultMaterialColor) ||
+                materialData.color ===
+                    this._renderingEngine.defaultMaterialColor ||
+                materialData.color ===
+                    this._renderingEngine.defaultMaterialColor + "ff" ||
+                materialData.color === undefined))
+            generalProperties.color =
+                this._renderingEngine.createThreeJsColor("#d3d3d3");
+        if (materialData.side !== undefined)
+            generalProperties.side =
+                materialData.side === viewer_shared_types_1.MATERIAL_SIDE.BACK
+                    ? THREE.BackSide
+                    : materialData.side === viewer_shared_types_1.MATERIAL_SIDE.FRONT
+                        ? THREE.FrontSide
+                        : THREE.DoubleSide;
+        /**
+         *
+         * First exit, lines ans points
+         *
+         */
+        if (type === GEOMETRY_MATERIAL_TYPE.POINT) {
+            if (materialData instanceof viewer_shared_node_tree_1.MaterialPointData) {
+                const pointMaterialProperties = generalProperties;
+                pointMaterialProperties.size =
+                    materialData.size !== undefined
+                        ? materialData.size
+                        : this._pointSize;
+                pointMaterialProperties.userData = {
+                    customPointSizeEnabled: materialData.size !== undefined,
+                    customPointSize: materialData.size,
+                };
+                pointMaterialProperties.sizeAttenuation =
+                    materialData.sizeAttenuation !== undefined
+                        ? materialData.sizeAttenuation
+                        : true;
+                if (materialData.map !== undefined) {
+                    pointMaterialProperties.map = this.createTexture(materialData.map);
+                    mapCount++;
+                }
+                if (materialData.alphaMap !== undefined) {
+                    pointMaterialProperties.alphaMap = this.createTexture(materialData.alphaMap);
+                    pointMaterialProperties.transparent = true;
+                    pointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+            }
+            else if (materialData instanceof viewer_shared_node_tree_1.MaterialMultiPointData) {
+                const multiPointMaterialProperties = generalProperties;
+                if (materialData.materialIndexDataMap) {
+                    multiPointMaterialProperties.materialIndexDataTexture =
+                        this.createTexture(materialData.materialIndexDataMap);
+                }
+                else {
+                    multiPointMaterialProperties.materialIndexDataTexture =
+                        new THREE.DataTexture(new Uint8Array(multiPointMaterialProperties.materialIndexDataTextureSize ||
+                            1024), multiPointMaterialProperties.materialIndexDataTextureSize ||
+                            1024, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
+                    multiPointMaterialProperties.materialIndexDataTexture.internalFormat =
+                        "R32UI";
+                }
+                multiPointMaterialProperties.size_0 =
+                    materialData.size_0 !== undefined
+                        ? this._pointSize * materialData.size_0
+                        : this._pointSize;
+                multiPointMaterialProperties.size_1 =
+                    materialData.size_1 !== undefined
+                        ? this._pointSize * materialData.size_1
+                        : this._pointSize;
+                multiPointMaterialProperties.size_2 =
+                    materialData.size_2 !== undefined
+                        ? this._pointSize * materialData.size_2
+                        : this._pointSize;
+                multiPointMaterialProperties.size_3 =
+                    materialData.size_3 !== undefined
+                        ? this._pointSize * materialData.size_3
+                        : this._pointSize;
+                multiPointMaterialProperties.size_4 =
+                    materialData.size_4 !== undefined
+                        ? this._pointSize * materialData.size_4
+                        : this._pointSize;
+                multiPointMaterialProperties.size_5 =
+                    materialData.size_5 !== undefined
+                        ? this._pointSize * materialData.size_5
+                        : this._pointSize;
+                multiPointMaterialProperties.size_6 =
+                    materialData.size_6 !== undefined
+                        ? this._pointSize * materialData.size_6
+                        : this._pointSize;
+                multiPointMaterialProperties.size_7 =
+                    materialData.size_7 !== undefined
+                        ? this._pointSize * materialData.size_7
+                        : this._pointSize;
+                multiPointMaterialProperties.userData = {
+                    customPointSize_0Enabled: materialData.size_0 !== undefined,
+                    customPointSize_1Enabled: materialData.size_1 !== undefined,
+                    customPointSize_2Enabled: materialData.size_2 !== undefined,
+                    customPointSize_3Enabled: materialData.size_3 !== undefined,
+                    customPointSize_4Enabled: materialData.size_4 !== undefined,
+                    customPointSize_5Enabled: materialData.size_5 !== undefined,
+                    customPointSize_6Enabled: materialData.size_6 !== undefined,
+                    customPointSize_7Enabled: materialData.size_7 !== undefined,
+                    customPointSize_0: materialData.size_0,
+                    customPointSize_1: materialData.size_1,
+                    customPointSize_2: materialData.size_2,
+                    customPointSize_3: materialData.size_3,
+                    customPointSize_4: materialData.size_4,
+                    customPointSize_5: materialData.size_5,
+                    customPointSize_6: materialData.size_6,
+                    customPointSize_7: materialData.size_7,
+                };
+                multiPointMaterialProperties.sizeAttenuation_0 =
+                    materialData.sizeAttenuation_0 !== undefined
+                        ? materialData.sizeAttenuation_0
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_1 =
+                    materialData.sizeAttenuation_1 !== undefined
+                        ? materialData.sizeAttenuation_1
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_2 =
+                    materialData.sizeAttenuation_2 !== undefined
+                        ? materialData.sizeAttenuation_2
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_3 =
+                    materialData.sizeAttenuation_3 !== undefined
+                        ? materialData.sizeAttenuation_3
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_4 =
+                    materialData.sizeAttenuation_4 !== undefined
+                        ? materialData.sizeAttenuation_4
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_5 =
+                    materialData.sizeAttenuation_5 !== undefined
+                        ? materialData.sizeAttenuation_5
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_6 =
+                    materialData.sizeAttenuation_6 !== undefined
+                        ? materialData.sizeAttenuation_6
+                        : false;
+                multiPointMaterialProperties.sizeAttenuation_7 =
+                    materialData.sizeAttenuation_7 !== undefined
+                        ? materialData.sizeAttenuation_7
+                        : false;
+                if (materialData.map_0 !== undefined) {
+                    multiPointMaterialProperties.map_0 = this.createTexture(materialData.map_0);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_1 !== undefined) {
+                    multiPointMaterialProperties.map_1 = this.createTexture(materialData.map_1);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_2 !== undefined) {
+                    multiPointMaterialProperties.map_2 = this.createTexture(materialData.map_2);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_3 !== undefined) {
+                    multiPointMaterialProperties.map_3 = this.createTexture(materialData.map_3);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_4 !== undefined) {
+                    multiPointMaterialProperties.map_4 = this.createTexture(materialData.map_4);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_5 !== undefined) {
+                    multiPointMaterialProperties.map_5 = this.createTexture(materialData.map_5);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_6 !== undefined) {
+                    multiPointMaterialProperties.map_6 = this.createTexture(materialData.map_6);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.map_7 !== undefined) {
+                    multiPointMaterialProperties.map_7 = this.createTexture(materialData.map_7);
+                    multiPointMaterialProperties.map =
+                        multiPointMaterialProperties.map_0;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_0 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_0 =
+                        this.createTexture(materialData.alphaMap_0);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_1 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_1 =
+                        this.createTexture(materialData.alphaMap_1);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_2 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_2 =
+                        this.createTexture(materialData.alphaMap_2);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_3 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_3 =
+                        this.createTexture(materialData.alphaMap_3);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_4 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_4 =
+                        this.createTexture(materialData.alphaMap_4);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_5 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_5 =
+                        this.createTexture(materialData.alphaMap_5);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_6 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_6 =
+                        this.createTexture(materialData.alphaMap_6);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.alphaMap_7 !== undefined) {
+                    multiPointMaterialProperties.alphaMap_7 =
+                        this.createTexture(materialData.alphaMap_7);
+                    multiPointMaterialProperties.alphaMap =
+                        multiPointMaterialProperties.alphaMap_0;
+                    multiPointMaterialProperties.transparent = true;
+                    multiPointMaterialProperties.depthWrite = false;
+                    mapCount++;
+                }
+                if (materialData.color_0 !== undefined) {
+                    multiPointMaterialProperties.color_0 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_0);
+                }
+                if (materialData.color_1 !== undefined) {
+                    multiPointMaterialProperties.color_1 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_1);
+                }
+                if (materialData.color_2 !== undefined) {
+                    multiPointMaterialProperties.color_2 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_2);
+                }
+                if (materialData.color_3 !== undefined) {
+                    multiPointMaterialProperties.color_3 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_3);
+                }
+                if (materialData.color_4 !== undefined) {
+                    multiPointMaterialProperties.color_4 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_4);
+                }
+                if (materialData.color_5 !== undefined) {
+                    multiPointMaterialProperties.color_5 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_5);
+                }
+                if (materialData.color_6 !== undefined) {
+                    multiPointMaterialProperties.color_6 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_6);
+                }
+                if (materialData.color_7 !== undefined) {
+                    multiPointMaterialProperties.color_7 =
+                        this._renderingEngine.createThreeJsColor(materialData.color_7);
+                }
+            }
+            else {
+                const pointMaterialProperties = generalProperties;
+                pointMaterialProperties.size = this._pointSize;
+            }
+            return { properties: generalProperties, mapCount };
+        }
+        else if (type === GEOMETRY_MATERIAL_TYPE.LINE) {
+            return { properties: generalProperties, mapCount };
+        }
+        /**
+         *
+         * Second exit, the shadow material
+         *
+         */
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialShadowData)
+            return { properties: generalProperties, mapCount };
+        /**
+         * We know evaluate properties that can be applied to basic mesh materials (and the ones extending from them)
+         */
+        const basicProperties = generalProperties;
+        if (materialData.alphaMap !== undefined) {
+            basicProperties.alphaMap = this.createTexture(materialData.alphaMap);
+            basicProperties.transparent = true;
+            basicProperties.depthWrite = false;
+            mapCount++;
+        }
+        if (materialData.aoMap !== undefined) {
+            basicProperties.aoMap = this.createTexture(materialData.aoMap);
+            mapCount++;
+        }
+        if (materialData.aoMapIntensity !== undefined) {
+            basicProperties.aoMapIntensity = materialData.aoMapIntensity;
+        }
+        if (materialData.map !== undefined) {
+            basicProperties.map = this.createTexture(materialData.map);
+            basicProperties.map.colorSpace = this._textureEncoding;
+            mapCount++;
+        }
+        /**
+         *
+         * Third exit, the unlit material
+         *
+         */
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialUnlitData ||
+            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.UNLIT ||
+            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.LAMBERT ||
+            this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.PHONG)
+            return { properties: basicProperties, mapCount };
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialPhongData &&
+            this._materialOverrideType === undefined) {
+            const phongProperties = basicProperties;
+            phongProperties.shininess = materialData.shininess;
+            if (materialData.specular !== undefined)
+                phongProperties.specular =
+                    this._renderingEngine.createThreeJsColor(materialData.specular);
+            if (materialData.specularMap !== undefined) {
+                phongProperties.specularMap = this.createTexture(materialData.specularMap);
+                mapCount++;
+            }
+            phongProperties.displacementBias = materialData.displacementBias;
+            if (materialData.displacementMap !== undefined) {
+                phongProperties.displacementMap = this.createTexture(materialData.displacementMap);
+                mapCount++;
+            }
+            phongProperties.displacementScale = materialData.displacementScale;
+            phongProperties.reflectivity = materialData.reflectivity;
+            return { properties: phongProperties, mapCount };
+        }
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialLambertData &&
+            this._materialOverrideType === undefined) {
+            const lambertProperties = basicProperties;
+            if (materialData.specularMap !== undefined) {
+                lambertProperties.specularMap = this.createTexture(materialData.specularMap);
+                mapCount++;
+            }
+            lambertProperties.displacementBias = materialData.displacementBias;
+            if (materialData.displacementMap !== undefined) {
+                lambertProperties.displacementMap = this.createTexture(materialData.displacementMap);
+                mapCount++;
+            }
+            lambertProperties.displacementScale =
+                materialData.displacementScale;
+            lambertProperties.reflectivity = materialData.reflectivity;
+            return { properties: lambertProperties, mapCount };
+        }
+        /**
+         * We know evaluate properties that can be applied to MeshPhysicalMaterials, SpecularGlossinessMaterials and GemMaterialParameters
+         */
+        const standardProperties = basicProperties;
+        if (materialData.shading !== undefined)
+            standardProperties.flatShading = materialData.shading !== "smooth";
+        if (materialData.bumpMap !== undefined) {
+            standardProperties.bumpMap = this.createTexture(materialData.bumpMap);
+            mapCount++;
+        }
+        standardProperties.bumpScale = materialData.bumpScale;
+        if (materialData.emissiveness !== undefined)
+            standardProperties.emissive =
+                this._renderingEngine.createThreeJsColor(materialData.emissiveness);
+        if (materialData.emissiveMap !== undefined) {
+            standardProperties.emissiveMap = this.createTexture(materialData.emissiveMap);
+            standardProperties.emissiveMap.colorSpace = this._textureEncoding;
+            mapCount++;
+        }
+        standardProperties.envMap = this._envMap;
+        standardProperties.envMapIntensity = this._envMapIntensity;
+        standardProperties.envMapRotation = this._environmentMapRotationEuler;
+        if (materialData.normalMap !== undefined) {
+            standardProperties.normalMap = this.createTexture(materialData.normalMap);
+            mapCount++;
+        }
+        if (materialData.normalScale !== undefined)
+            standardProperties.normalScale = new THREE.Vector2(materialData.normalScale, -materialData.normalScale);
+        /**
+         *
+         * Fourth exit, the specular-glossiness material
+         *
+         */
+        if (this._materialOverrideType === viewer_shared_types_1.MATERIAL_TYPE.SPECULAR_GLOSSINESS &&
+            !(materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData))
+            return { properties: standardProperties, mapCount };
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialSpecularGlossinessData) {
+            const specularGlossinessProperties = standardProperties;
+            specularGlossinessProperties.specular =
+                this._renderingEngine.createThreeJsColor(materialData.specular);
+            specularGlossinessProperties.glossiness = materialData.glossiness;
+            if (materialData.specularGlossinessMap !== undefined) {
+                specularGlossinessProperties.specularMap2 = this.createTexture(materialData.specularGlossinessMap);
+                specularGlossinessProperties.specularMap2.colorSpace =
+                    THREE.SRGBColorSpace;
+                specularGlossinessProperties.glossinessMap =
+                    specularGlossinessProperties.specularMap2;
+                mapCount++;
+            }
+            else {
+                if (materialData.specularMap !== undefined) {
+                    specularGlossinessProperties.specularMap2 =
+                        this.createTexture(materialData.specularMap);
+                    specularGlossinessProperties.specularMap2.colorSpace =
+                        THREE.SRGBColorSpace;
+                    mapCount++;
+                }
+                if (materialData.glossinessMap !== undefined) {
+                    specularGlossinessProperties.glossinessMap =
+                        this.createTexture(materialData.glossinessMap);
+                    mapCount++;
+                }
+            }
+            return { properties: specularGlossinessProperties, mapCount };
+        }
+        /**
+         *
+         * Fourth exit, the gem material
+         *
+         */
+        if (materialData instanceof viewer_shared_node_tree_1.MaterialGemData &&
+            this._materialOverrideType === undefined) {
+            const gemProperties = standardProperties;
+            gemProperties.refractionIndex = materialData.refractionIndex;
+            if (materialData.impurityMap !== undefined) {
+                gemProperties.impurityMap = this.createTexture(materialData.impurityMap);
+                mapCount++;
+            }
+            gemProperties.impurityScale = materialData.impurityScale;
+            if (materialData.colorTransferBegin !== undefined) {
+                gemProperties.colorTransferBegin =
+                    this._renderingEngine.createThreeJsColor(materialData.colorTransferBegin);
+            }
+            if (materialData.colorTransferEnd !== undefined) {
+                gemProperties.colorTransferEnd =
+                    this._renderingEngine.createThreeJsColor(materialData.colorTransferEnd);
+            }
+            gemProperties.center = new THREE.Vector3(materialData.center[0], materialData.center[1], materialData.center[2]);
+            gemProperties.tracingDepth = materialData.tracingDepth;
+            gemProperties.radius = materialData.radius;
+            gemProperties.sphericalNormalMap = materialData.sphericalNormalMap;
+            gemProperties.gamma = materialData.gamma;
+            gemProperties.contrast = materialData.contrast;
+            gemProperties.brightness = materialData.brightness;
+            gemProperties.dispersion = materialData.dispersion;
+            gemProperties.tracingOpacity = materialData.tracingOpacity;
+            gemProperties.roughness = 0;
+            gemProperties.metalness = 1;
+            gemProperties.transparent = true;
+            gemProperties.opacity = 1.0;
+            gemProperties.side = THREE.FrontSide;
+            return { properties: gemProperties, mapCount };
+        }
+        /**
+         *
+         * the final exit, the MeshPhysicalMaterial
+         *
+         */
+        if (!(materialData instanceof viewer_shared_node_tree_1.MaterialStandardData))
+            return { properties: standardProperties, mapCount };
+        const meshPhysicalProperties = standardProperties;
+        meshPhysicalProperties.clearcoat = materialData.clearcoat;
+        if (materialData.clearcoatMap !== undefined) {
+            meshPhysicalProperties.clearcoatMap = this.createTexture(materialData.clearcoatMap);
+            mapCount++;
+        }
+        if (materialData.clearcoatNormalMap !== undefined) {
+            meshPhysicalProperties.clearcoatNormalMap = this.createTexture(materialData.clearcoatNormalMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.clearcoatRoughness =
+            materialData.clearcoatRoughness;
+        if (materialData.clearcoatRoughnessMap !== undefined) {
+            meshPhysicalProperties.clearcoatRoughnessMap = this.createTexture(materialData.clearcoatRoughnessMap);
+            mapCount++;
+        }
+        if (materialData.displacementMap !== undefined) {
+            meshPhysicalProperties.displacementMap = this.createTexture(materialData.displacementMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.displacementScale =
+            materialData.displacementScale;
+        meshPhysicalProperties.displacementBias = materialData.displacementBias;
+        meshPhysicalProperties.ior = materialData.ior;
+        meshPhysicalProperties.transmission = materialData.transmission;
+        if (materialData.transmissionMap !== undefined) {
+            meshPhysicalProperties.transmissionMap = this.createTexture(materialData.transmissionMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.thickness =
+            materialData.thickness;
+        if (materialData.thicknessMap !== undefined) {
+            meshPhysicalProperties.thicknessMap =
+                this.createTexture(materialData.thicknessMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.attenuationDistance =
+            materialData.attenuationDistance;
+        meshPhysicalProperties.attenuationColor =
+            this._renderingEngine.createThreeJsColor(materialData.attenuationColor);
+        meshPhysicalProperties.sheen = materialData.sheen;
+        meshPhysicalProperties.sheenColor =
+            this._renderingEngine.createThreeJsColor(materialData.sheenColor);
+        meshPhysicalProperties.sheenRoughness = materialData.sheenRoughness;
+        if (materialData.sheenColorMap !== undefined) {
+            meshPhysicalProperties.sheenColorMap =
+                this.createTexture(materialData.sheenColorMap);
+            mapCount++;
+        }
+        if (materialData.sheenRoughnessMap !== undefined) {
+            (meshPhysicalProperties).sheenRoughnessMap = this.createTexture(materialData.sheenRoughnessMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.specularIntensity =
+            materialData.specularIntensity;
+        if (materialData.specularIntensityMap !== undefined) {
+            meshPhysicalProperties.specularIntensityMap = this.createTexture(materialData.specularIntensityMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.specularColor =
+            this._renderingEngine.createThreeJsColor(materialData.specularColor);
+        if (materialData.specularColorMap !== undefined) {
+            meshPhysicalProperties.specularColorMap = this.createTexture(materialData.specularColorMap);
+            mapCount++;
+        }
+        meshPhysicalProperties.metalness = materialData.metalness;
+        meshPhysicalProperties.roughness = materialData.roughness;
+        if (materialData.metalnessRoughnessMap !== undefined) {
+            meshPhysicalProperties.metalnessMap = this.createTexture(materialData.metalnessRoughnessMap);
+            meshPhysicalProperties.roughnessMap =
+                meshPhysicalProperties.metalnessMap;
+            mapCount++;
+        }
+        else {
+            if (materialData.metalnessMap !== undefined) {
+                meshPhysicalProperties.metalnessMap = this.createTexture(materialData.metalnessMap);
+                mapCount++;
+            }
+            if (materialData.roughnessMap !== undefined) {
+                meshPhysicalProperties.roughnessMap = this.createTexture(materialData.roughnessMap);
+                mapCount++;
+            }
+        }
+        return { properties: meshPhysicalProperties, mapCount };
+    }
+    init() { }
+    /**
+     * Get a shader signature based on properties that affect shader compilation.
+     * Materials with the same signature can share compiled shader programs.
+     */
+    getShaderSignature(type, materialData, materialSettings) {
+        // Use a simple string concatenation for better performance than JSON.stringify
+        return `${type}_${(materialData === null || materialData === void 0 ? void 0 : materialData.constructor.name) || "default"}_${this._materialOverrideType || "none"}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useVertexColors) ? "vc" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useFlatShading) ? "fs" : ""}_${(materialSettings === null || materialSettings === void 0 ? void 0 : materialSettings.useMorphTargets) ? "mt" : ""}_${this._envMapType}`;
+    }
+    /**
+     * Precompile shaders for a batch of materials to avoid runtime compilation costs.
+     * This should be called during initialization or loading phases.
+     */
+    precompileShaders(materials, scene, camera) {
+        if (!this._renderingEngine.renderer)
+            return;
+        const compiler = this._renderingEngine.renderer;
+        const dummyGeometry = new THREE.PlaneGeometry(1, 1);
+        for (const material of materials) {
+            // Skip if already compiled
+            const signature = material.userData.shaderSignature;
+            if (signature && this._compiledShaderSignatures.has(signature)) {
+                continue;
+            }
+            const dummyMesh = new THREE.Mesh(dummyGeometry, material);
+            scene.add(dummyMesh);
+            compiler.compile(scene, camera);
+            scene.remove(dummyMesh);
+            if (signature) {
+                this._compiledShaderSignatures.add(signature);
+            }
+        }
+        dummyGeometry.dispose();
+    }
+    /**
+     * Create a material object with the provided material data.
+     *
+     * @param material the material data
+     * @returns the material object
+     */
+    load(incomingData, materialSettings) {
+        let materialData = null;
+        if (!(incomingData instanceof viewer_shared_node_tree_1.GeometryData))
+            materialData = incomingData;
+        // evaluate which type of material properties we are constructing
+        let type;
+        if (materialSettings && materialSettings.mode === 0) {
+            type = GEOMETRY_MATERIAL_TYPE.POINT;
+        }
+        else if (materialSettings &&
+            (materialSettings.mode === 1 ||
+                materialSettings.mode === 2 ||
+                materialSettings.mode === 3)) {
+            type = GEOMETRY_MATERIAL_TYPE.LINE;
+        }
+        else {
+            type = GEOMETRY_MATERIAL_TYPE.MESH;
+        }
+        const cacheKey = this.createDataKeyFromMaterial(incomingData, type, materialSettings);
+        // Check material cache first
+        if (this._materialCache[cacheKey]) {
+            return this._materialCache[cacheKey].material;
+        }
+        // Create new material
+        const material = this.createMaterial(type, incomingData, materialData, materialSettings);
+        // Track shader signature for potential future optimizations
+        const shaderSignature = this.getShaderSignature(type, materialData, materialSettings);
+        material.userData.cacheKey = cacheKey;
+        material.userData.shaderSignature = shaderSignature;
+        // Store in shader program cache for precompilation tracking
+        if (!this._shaderProgramCache.has(shaderSignature)) {
+            this._shaderProgramCache.set(shaderSignature, material);
+        }
+        this._materialCache[cacheKey] = {
+            material,
+            materialData,
+            materialSettings,
+        };
+        return material;
+    }
+    removeFromMaterialCache(cacheKey) {
+        if (!this._materialCache[cacheKey])
+            return;
+        this._materialCache[cacheKey].material.dispose();
+        delete this._materialCache[cacheKey];
+    }
+    updateMaterials() {
+        for (const cacheKey in this._materialCache)
+            this._materialCache[cacheKey].material.needsUpdate = true;
+    }
+    updateSoftShadow(lightSizeUV, blending) {
+        this._lightSizeUV = lightSizeUV;
+        this._blending = blending;
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material.userData.shader) {
+                this._materialCache[cacheKey].material.userData.shader.uniforms.lightSizeUV.value =
+                    lightSizeUV;
+                this._materialCache[cacheKey].material.userData.shader.uniforms.blending.value = blending;
+            }
+        }
+    }
+    // #endregion Public Methods (18)
+    // #region Private Methods (4)
+    assignTextureEncoding() {
+        for (const cacheKey in this._materialCache) {
+            if (this._materialCache[cacheKey].material instanceof
+                THREE.MeshPhysicalMaterial ||
+                this._materialCache[cacheKey].material instanceof
+                    THREE.MeshStandardMaterial) {
+                const material = this._materialCache[cacheKey].material;
+                if (material.emissiveMap) {
+                    material.emissiveMap.colorSpace = this._textureEncoding;
+                    material.emissiveMap.needsUpdate = true;
+                }
+                if (material.map) {
+                    material.map.colorSpace = this._textureEncoding;
+                    material.map.needsUpdate = true;
+                }
+                material.needsUpdate = true;
+            }
+        }
+    }
+    createDataKeyFromMap(map) {
+        let id = "";
+        if (map.asData === true) {
+            id = map.id;
+        }
+        else if (map.image instanceof HTMLImageElement) {
+            id = map.image.src;
+        }
+        else if (map.image instanceof ImageBitmap) {
+            id = map.image.id;
+        }
+        else {
+            id = String(map.data);
+        }
+        return (0, viewer_shared_services_1.btoaCustom)(`${id}_${map.center}_${map.color}_${map.flipY}_${map.magFilter}_${map.minFilter}_${map.offset}_${map.repeat}_${map.rotation}_${map.texCoord}_${map.wrapS}_${map.wrapT}`);
+    }
+    createDataKeyFromMaterial(data, type, materialSettings) {
+        return (0, viewer_shared_services_1.btoaCustom)(data.id +
+            "_" +
+            data.version +
+            "_" +
+            type +
+            "_" +
+            JSON.stringify(materialSettings));
+    }
+    createTexture(map) {
+        if (map.image instanceof ArrayBuffer)
+            return new THREE.Texture();
+        const key = this.createDataKeyFromMap(map);
+        // texture in this structure are only stored until the next scene tree update call
+        // therefore no cache management is needed, as these textures need to be created either way
+        // the cache is cleared in updateSceneTree
+        if (this._threeJsTextureCache[key]) {
+            this._threeJsTextureCache[key].usage++;
+            return this._threeJsTextureCache[key].texture;
+        }
+        let texture;
+        if (map.asData === true) {
+            texture = new THREE.DataTexture(new Uint32Array(map.data), map.data.length, 1, THREE.RedIntegerFormat, THREE.UnsignedIntType);
+            texture.internalFormat = "R32UI";
+        }
+        else {
+            texture = new THREE.Texture(map.image);
+            texture.format = THREE.RGBAFormat;
+            texture.minFilter = (() => {
+                switch (map.minFilter) {
+                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST:
+                        return THREE.NearestFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST_MIPMAP_NEAREST:
+                        return THREE.NearestMipMapNearestFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_NEAREST:
+                        return THREE.LinearMipMapNearestFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST_MIPMAP_LINEAR:
+                        return THREE.NearestMipMapLinearFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR:
+                        return THREE.LinearFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR_MIPMAP_LINEAR:
+                    default:
+                        return THREE.LinearMipMapLinearFilter;
+                }
+            })();
+            texture.magFilter = (() => {
+                switch (map.magFilter) {
+                    case viewer_shared_types_1.TEXTURE_FILTERING.NEAREST:
+                        return THREE.NearestFilter;
+                    case viewer_shared_types_1.TEXTURE_FILTERING.LINEAR:
+                    default:
+                        return THREE.LinearFilter;
+                }
+            })();
+            texture.wrapS = (() => {
+                switch (map.wrapS) {
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE:
+                        return THREE.ClampToEdgeWrapping;
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT:
+                        return THREE.MirroredRepeatWrapping;
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT:
+                    default:
+                        return THREE.RepeatWrapping;
+                }
+            })();
+            texture.wrapT = (() => {
+                switch (map.wrapT) {
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.CLAMP_TO_EDGE:
+                        return THREE.ClampToEdgeWrapping;
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.MIRRORED_REPEAT:
+                        return THREE.MirroredRepeatWrapping;
+                    case viewer_shared_types_1.TEXTURE_WRAPPING.REPEAT:
+                    default:
+                        return THREE.RepeatWrapping;
+                }
+            })();
+            texture.center = new THREE.Vector2(map.center[0], map.center[1]);
+            texture.offset = new THREE.Vector2(map.offset[0], map.offset[1]);
+            texture.repeat = new THREE.Vector2(map.repeat[0], map.repeat[1]);
+            texture.rotation = map.rotation;
+            if (map.texCoord !== undefined)
+                texture.channel = map.texCoord;
+            texture.flipY = map.flipY;
+        }
+        texture.needsUpdate = true;
+        texture.userData.cacheKey = key;
+        this._threeJsTextureCache[key] = {
+            texture,
+            usage: 1,
+            initialized: false,
+        };
+        return this._threeJsTextureCache[key].texture;
+    }
+}
+exports.MaterialLoader = MaterialLoader;
+// #endregion Classes (1)
+// #region Enums (1)
+/* eslint-disable @typescript-eslint/no-empty-function */
+var GEOMETRY_MATERIAL_TYPE;
+(function (GEOMETRY_MATERIAL_TYPE) {
+    GEOMETRY_MATERIAL_TYPE["POINT"] = "point";
+    GEOMETRY_MATERIAL_TYPE["LINE"] = "line";
+    GEOMETRY_MATERIAL_TYPE["MESH"] = "mesh";
+})(GEOMETRY_MATERIAL_TYPE || (GEOMETRY_MATERIAL_TYPE = {}));
+// #endregion Enums (1)
+// #region Variables (1)
+const adaptShaders = () => {
+    let shader = THREE.ShaderChunk.shadowmap_pars_fragment;
+    if (!shader.includes("PCSS implementation")) {
+        shader = shader.replace("#ifdef USE_SHADOWMAP", "#ifdef USE_SHADOWMAP" + PCSS_1.main);
+        shader = shader.replace(shader.substr(shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )"), shader.indexOf("#elif defined( SHADOWMAP_TYPE_PCF_SOFT )") -
+            shader.indexOf("#if defined( SHADOWMAP_TYPE_PCF )")), "#if defined( SHADOWMAP_TYPE_PCF )\n" + PCSS_1.entry);
+    }
+    THREE.ShaderChunk.shadowmap_pars_fragment = shader;
+    // here we replace in the background cube fragment shader the y component of the reflection vector with the negative y component and inverse the rotation in the case of a LDR environment map
+    // console.log(THREE.ShaderChunk.backgroundCube_frag.includes('vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );'))
+    THREE.ShaderChunk.backgroundCube_frag =
+        THREE.ShaderChunk.backgroundCube_frag.replace("vec4 texColor = textureCube( envMap, backgroundRotation * vec3( flipEnvMap * vWorldDirection.x, vWorldDirection.yz ) );", "vec4 texColor = textureCube( envMap, inverse(backgroundRotation) * vec3( flipEnvMap * vWorldDirection.x, -vWorldDirection.y, vWorldDirection.z ) );");
+    THREE.ShaderLib.backgroundCube.fragmentShader =
+        THREE.ShaderChunk.backgroundCube_frag;
+    // here we replace in the envmap_physical_pars_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
+    // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );'));
+    THREE.ShaderChunk.envmap_physical_pars_fragment =
         THREE.ShaderChunk.envmap_physical_pars_fragment.replace("vec4 envMapColor = textureCubeUV( envMap, envMapRotation * worldNormal, 1.0 );", `
             #ifdef ENVMAP_TYPE_LDR
                 vec3 rotatedReflectVec = vec3(envMapRotation * worldNormal).xzy;
@@ -1580,10 +1590,10 @@ const adaptShaders = () => {
                 vec3 rotatedReflectVec = vec3(envMapRotation * worldNormal);
                 vec4 envMapColor = textureCubeUV( envMap, vec3(-rotatedReflectVec.x, rotatedReflectVec.y, rotatedReflectVec.z), 1.0 );
             #endif
-            `);
-    // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
-    // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );'));
-    THREE.ShaderChunk.envmap_physical_pars_fragment =
+            `);
+    // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
+    // console.log(THREE.ShaderChunk.envmap_physical_pars_fragment, THREE.ShaderChunk.envmap_physical_pars_fragment.includes('vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );'));
+    THREE.ShaderChunk.envmap_physical_pars_fragment =
         THREE.ShaderChunk.envmap_physical_pars_fragment.replace("vec4 envMapColor = textureCubeUV( envMap, envMapRotation * reflectVec, roughness );", `
             #ifdef ENVMAP_TYPE_LDR
                 vec3 rotatedReflectVec = vec3(envMapRotation * reflectVec).xzy;
@@ -1592,42 +1602,42 @@ const adaptShaders = () => {
                 vec3 rotatedReflectVec = vec3(envMapRotation * reflectVec);
                 vec4 envMapColor = textureCubeUV( envMap, vec3(rotatedReflectVec.x, rotatedReflectVec.y, rotatedReflectVec.z), roughness );
             #endif
-            `);
-    // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
-    // console.log(THREE.ShaderChunk.envmap_fragment, THREE.ShaderChunk.envmap_fragment.includes('vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );'));
-    THREE.ShaderChunk.envmap_fragment =
+            `);
+    // here we replace in the envmap_fragment the z component of the reflection vector with the negative z component in the case of a LDR environment map
+    // console.log(THREE.ShaderChunk.envmap_fragment, THREE.ShaderChunk.envmap_fragment.includes('vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );'));
+    THREE.ShaderChunk.envmap_fragment =
         THREE.ShaderChunk.envmap_fragment.replace("vec4 envColor = textureCube( envMap, envMapRotation * vec3( flipEnvMap * reflectVec.x, reflectVec.yz ) );", `
         #ifdef ENVMAP_TYPE_LDR
             vec4 envColor = textureCube( envMap, envMapRotation * vec3(flipEnvMap * reflectVec.x, reflectVec.y, -reflectVec.z ) );
         #else
             vec4 envColor = textureCube( envMap, envMapRotation * vec3(flipEnvMap * reflectVec.x, reflectVec.zy ) );
         #endif
-        `);
-    // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
-    // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment.includes('vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );'))
-    THREE.ShaderChunk.cube_uv_reflection_fragment =
+        `);
+    // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
+    // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment.includes('vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );'))
+    THREE.ShaderChunk.cube_uv_reflection_fragment =
         THREE.ShaderChunk.cube_uv_reflection_fragment.replace("vec3 color0 = bilinearCubeUV( envMap, sampleDir, mipInt );", `
         #ifdef ENVMAP_TYPE_LDR
             vec3 color0 = bilinearCubeUV( envMap, sampleDir.xzy, mipInt );
         #else
             vec3 color0 = bilinearCubeUV( envMap, vec3(sampleDir.y, sampleDir.z, sampleDir.x), mipInt );
         #endif
-        `);
-    // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
-    // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment)
-    THREE.ShaderChunk.cube_uv_reflection_fragment =
+        `);
+    // here we replace the z and y component of the sampleDir in the cube_uv_reflection_fragment
+    // console.log(THREE.ShaderChunk.cube_uv_reflection_fragment)
+    THREE.ShaderChunk.cube_uv_reflection_fragment =
         THREE.ShaderChunk.cube_uv_reflection_fragment.replace("vec3 color1 = bilinearCubeUV( envMap, sampleDir, mipInt + 1.0 );", `
         #ifdef ENVMAP_TYPE_LDR
             vec3 color1 = bilinearCubeUV( envMap, sampleDir.xzy, mipInt + 1.0 );
         #else
             vec3 color1 = bilinearCubeUV( envMap, vec3(sampleDir.y, sampleDir.z, sampleDir.x), mipInt + 1.0 );
         #endif
-        `);
-    // here we create a new case in the lights_fragment_maps for the case of ENVMAP_TYPE_NONE
-    if (!THREE.ShaderChunk.lights_fragment_maps.includes("vec3 reflectVec")) {
-        const index = THREE.ShaderChunk.lights_fragment_maps.lastIndexOf("#endif");
-        THREE.ShaderChunk.lights_fragment_maps =
-            THREE.ShaderChunk.lights_fragment_maps.substring(0, index) +
+        `);
+    // here we create a new case in the lights_fragment_maps for the case of ENVMAP_TYPE_NONE
+    if (!THREE.ShaderChunk.lights_fragment_maps.includes("vec3 reflectVec")) {
+        const index = THREE.ShaderChunk.lights_fragment_maps.lastIndexOf("#endif");
+        THREE.ShaderChunk.lights_fragment_maps =
+            THREE.ShaderChunk.lights_fragment_maps.substring(0, index) +
                 `#else
             #ifdef ENVMAP_TYPE_NONE
                 vec3 reflectVec = reflect( -geometryViewDir, geometryNormal );
@@ -1636,10 +1646,10 @@ const adaptShaders = () => {
                 radiance += (vec3((adjustedEnvReflectVector.z + 1.0) / 2.0) + 0.5) / 1.5;
             #endif
         #endif
-        ` +
-                THREE.ShaderChunk.lights_fragment_maps.substring(index + "#endif".length);
-    }
-};
-exports.adaptShaders = adaptShaders;
-// #endregion Variables (1)
+        ` +
+                THREE.ShaderChunk.lights_fragment_maps.substring(index + "#endif".length);
+    }
+};
+exports.adaptShaders = adaptShaders;
+// #endregion Variables (1)
 //# sourceMappingURL=MaterialLoader.js.map