@onerjs/core 8.53.5 → 8.53.6

package/Materials/Node/nodeMaterial.pure.js

@@ -1,5 +1,5 @@
 /** This file must only contain pure code and pure imports */
-import { __decorate } from "../../tslib.es6.js";
+import { __esDecorate, __runInitializers } from "../../tslib.es6.js";
 import { PushMaterial } from "../pushMaterial.js";
 import { Matrix, Vector2 } from "../../Maths/math.vector.pure.js";
 import { Color3, Color4 } from "../../Maths/math.color.pure.js";
@@ -44,6 +44,7 @@ import { Material } from "../material.pure.js";
 import { Logger } from "../../Misc/logger.js";
 import { PrepareDefinesForCamera, PrepareDefinesForPrePass, AreLightsTexturesReady } from "../materialHelper.functions.js";
 import { ImageProcessingDefinesMixin } from "../imageProcessingConfiguration.defines.js";
+import { RegisterImageProcessingConfiguration } from "../imageProcessingConfiguration.pure.js";
 import { AbstractEngine } from "../../Engines/abstractEngine.pure.js";
 import { MaterialHelperGeometryRendering } from "../materialHelper.geometryrendering.js";
 import { UVDefinesMixin } from "../uv.defines.js";
@@ -175,1805 +176,1830 @@ class NodeMaterialBase extends ImageProcessingMixin(PushMaterial) {
 /**
  * Class used to create a node based material built by assembling shader blocks
  */
-export class NodeMaterial extends NodeMaterialBase {
-    /** Gets whether the node material is currently building */
-    get buildIsInProgress() {
-        return this._buildIsInProgress;
-    }
-    /**
-     * Sets whether glow mode is enabled
-     * @param value - the value to set
-     */
-    set _glowModeEnabled(value) {
-        this._useAdditionalColor = value;
-    }
-    /** Get the inspector from bundle or global
-     * @returns the global NME
-     */
-    _getGlobalNodeMaterialEditor() {
-        // UMD global name detection from bundle metadata.
-        // Note: rollup-built UMD bundles do not expose the editor class
-        // directly on the namespace - it lives on `.default.NodeEditor` -
-        // so we unwrap that case before falling back to the BABYLON global.
-        if (typeof NODEEDITOR !== "undefined") {
-            if (NODEEDITOR.NodeEditor) {
-                return NODEEDITOR;
-            }
-            if (NODEEDITOR.default?.NodeEditor) {
-                return NODEEDITOR.default;
-            }
-        }
-        // In case of module let's check the global emitted from the editor entry point.
-        if (typeof BABYLON !== "undefined" && typeof BABYLON.NodeEditor !== "undefined") {
-            return BABYLON;
-        }
-        return undefined;
-    }
-    /** Gets or sets the active shader language */
-    get shaderLanguage() {
-        return this._options?.shaderLanguage || NodeMaterial.DefaultShaderLanguage;
-    }
-    set shaderLanguage(value) {
-        this._options.shaderLanguage = value;
-    }
-    /** Gets or sets options to control the node material overall behavior */
-    get options() {
-        return this._options;
-    }
-    set options(options) {
-        this._options = options;
-    }
-    /**
-     * Gets or sets the mode property
-     */
-    get mode() {
-        return this._mode;
-    }
-    set mode(value) {
-        this._mode = value;
-    }
-    /** Gets or sets the unique identifier used to identified the effect associated with the material */
-    get buildId() {
-        return this._buildId;
-    }
-    set buildId(value) {
-        this._buildId = value;
-    }
-    /**
-     * Create a new node based material
-     * @param name defines the material name
-     * @param scene defines the hosting scene
-     * @param options defines creation option
-     */
-    constructor(name, scene, options = {}) {
-        super(name, scene || EngineStore.LastCreatedScene);
-        this._buildId = NodeMaterial._BuildIdGenerator++;
-        this._buildWasSuccessful = false;
-        this._cachedWorldViewMatrix = new Matrix();
-        this._cachedWorldViewProjectionMatrix = new Matrix();
-        this._optimizers = new Array();
-        this._animationFrame = -1;
-        this._buildIsInProgress = false;
-        this.BJSNODEMATERIALEDITOR = this._getGlobalNodeMaterialEditor();
-        /** @internal */
-        this._useAdditionalColor = false;
-        /**
-         * Gets or sets data used by visual editor
-         * @see https://nme.babylonjs.com
-         */
-        this.editorData = null;
-        /**
-         * Gets or sets a boolean indicating that alpha value must be ignored (This will turn alpha blending off even if an alpha value is produced by the material)
-         */
-        this.ignoreAlpha = false;
-        /**
-         * Defines the maximum number of lights that can be used in the material
-         */
-        this.maxSimultaneousLights = 4;
-        /**
-         * Observable raised when the material is built
-         */
-        this.onBuildObservable = new Observable();
-        /**
-         * Observable raised when an error is detected
-         */
-        this.onBuildErrorObservable = new Observable();
-        /**
-         * Gets or sets the root nodes of the material vertex shader
-         */
-        this._vertexOutputNodes = new Array();
-        /**
-         * Gets or sets the root nodes of the material fragment (pixel) shader
-         */
-        this._fragmentOutputNodes = new Array();
-        /**
-         * Gets an array of blocks that needs to be serialized even if they are not yet connected
-         */
-        this.attachedBlocks = [];
-        /**
-         * Specifies the mode of the node material
-         * @internal
-         */
-        this._mode = NodeMaterialModes.Material;
-        /**
-         * Gets or sets a boolean indicating that alpha blending must be enabled no matter what alpha value or alpha channel of the FragmentBlock are
-         */
-        this.forceAlphaBlending = false;
-        if (!NodeMaterial.UseNativeShaderLanguageOfEngine && options && options.shaderLanguage === 1 /* ShaderLanguage.WGSL */ && !this.getScene().getEngine().isWebGPU) {
-            throw new Error("WebGPU shader language is only supported with WebGPU engine");
-        }
-        this._options = {
-            emitComments: false,
-            shaderLanguage: NodeMaterial.DefaultShaderLanguage,
-            ...options,
-        };
-        if (NodeMaterial.UseNativeShaderLanguageOfEngine) {
-            this._options.shaderLanguage = this.getScene().getEngine().isWebGPU ? 1 /* ShaderLanguage.WGSL */ : 0 /* ShaderLanguage.GLSL */;
-        }
-        // Setup the default processing configuration to the scene.
-        this._attachImageProcessingConfiguration(null);
-    }
-    /**
-     * Gets the current class name of the material e.g. "NodeMaterial"
-     * @returns the class name
-     */
-    getClassName() {
-        return "NodeMaterial";
-    }
-    /**
-     * Get a block by its name
-     * @param name defines the name of the block to retrieve
-     * @returns the required block or null if not found
-     */
-    getBlockByName(name) {
-        let result = null;
-        for (const block of this.attachedBlocks) {
-            if (block.name === name) {
-                if (!result) {
-                    result = block;
+let NodeMaterial = (() => {
+    var _a;
+    let _classSuper = NodeMaterialBase;
+    let _ignoreAlpha_decorators;
+    let _ignoreAlpha_initializers = [];
+    let _ignoreAlpha_extraInitializers = [];
+    let _maxSimultaneousLights_decorators;
+    let _maxSimultaneousLights_initializers = [];
+    let _maxSimultaneousLights_extraInitializers = [];
+    let __mode_decorators;
+    let __mode_initializers = [];
+    let __mode_extraInitializers = [];
+    let _comment_decorators;
+    let _comment_initializers = [];
+    let _comment_extraInitializers = [];
+    let _forceAlphaBlending_decorators;
+    let _forceAlphaBlending_initializers = [];
+    let _forceAlphaBlending_extraInitializers = [];
+    return _a = class NodeMaterial extends _classSuper {
+            /** Gets whether the node material is currently building */
+            get buildIsInProgress() {
+                return this._buildIsInProgress;
+            }
+            /**
+             * Sets whether glow mode is enabled
+             * @param value - the value to set
+             */
+            set _glowModeEnabled(value) {
+                this._useAdditionalColor = value;
+            }
+            /** Get the inspector from bundle or global
+             * @returns the global NME
+             */
+            _getGlobalNodeMaterialEditor() {
+                // UMD global name detection from bundle metadata.
+                // Note: rollup-built UMD bundles do not expose the editor class
+                // directly on the namespace - it lives on `.default.NodeEditor` -
+                // so we unwrap that case before falling back to the BABYLON global.
+                if (typeof NODEEDITOR !== "undefined") {
+                    if (NODEEDITOR.NodeEditor) {
+                        return NODEEDITOR;
+                    }
+                    if (NODEEDITOR.default?.NodeEditor) {
+                        return NODEEDITOR.default;
+                    }
                 }
-                else {
-                    Logger.Warn("More than one block was found with the name `" + name + "`");
-                    return result;
+                // In case of module let's check the global emitted from the editor entry point.
+                if (typeof BABYLON !== "undefined" && typeof BABYLON.NodeEditor !== "undefined") {
+                    return BABYLON;
                 }
-            }
-        }
-        return result;
-    }
-    /**
-     * Get a block using a predicate
-     * @param predicate defines the predicate used to find the good candidate
-     * @returns the required block or null if not found
-     */
-    getBlockByPredicate(predicate) {
-        for (const block of this.attachedBlocks) {
-            if (predicate(block)) {
-                return block;
-            }
-        }
-        return null;
-    }
-    /**
-     * Get an input block using a predicate
-     * @param predicate defines the predicate used to find the good candidate
-     * @returns the required input block or null if not found
-     */
-    getInputBlockByPredicate(predicate) {
-        for (const block of this.attachedBlocks) {
-            if (block.isInput && predicate(block)) {
-                return block;
-            }
-        }
-        return null;
-    }
-    /**
-     * Gets the list of input blocks attached to this material
-     * @returns an array of InputBlocks
-     */
-    getInputBlocks() {
-        const blocks = [];
-        for (const block of this.attachedBlocks) {
-            if (block.isInput) {
-                blocks.push(block);
-            }
-        }
-        return blocks;
-    }
-    /**
-     * Adds a new optimizer to the list of optimizers
-     * @param optimizer defines the optimizers to add
-     * @returns the current material
-     */
-    registerOptimizer(optimizer) {
-        const index = this._optimizers.indexOf(optimizer);
-        if (index > -1) {
-            return;
-        }
-        this._optimizers.push(optimizer);
-        return this;
-    }
-    /**
-     * Remove an optimizer from the list of optimizers
-     * @param optimizer defines the optimizers to remove
-     * @returns the current material
-     */
-    unregisterOptimizer(optimizer) {
-        const index = this._optimizers.indexOf(optimizer);
-        if (index === -1) {
-            return;
-        }
-        this._optimizers.splice(index, 1);
-        return this;
-    }
-    /**
-     * Add a new block to the list of output nodes
-     * @param node defines the node to add
-     * @returns the current material
-     */
-    addOutputNode(node) {
-        if (node.target === null) {
-            throw new Error("This node is not meant to be an output node. You may want to explicitly set its target value.");
-        }
-        if ((node.target & NodeMaterialBlockTargets.Vertex) !== 0) {
-            this._addVertexOutputNode(node);
-        }
-        if ((node.target & NodeMaterialBlockTargets.Fragment) !== 0) {
-            this._addFragmentOutputNode(node);
-        }
-        return this;
-    }
-    /**
-     * Remove a block from the list of root nodes
-     * @param node defines the node to remove
-     * @returns the current material
-     */
-    removeOutputNode(node) {
-        if (node.target === null) {
-            return this;
-        }
-        if ((node.target & NodeMaterialBlockTargets.Vertex) !== 0) {
-            this._removeVertexOutputNode(node);
-        }
-        if ((node.target & NodeMaterialBlockTargets.Fragment) !== 0) {
-            this._removeFragmentOutputNode(node);
-        }
-        return this;
-    }
-    _addVertexOutputNode(node) {
-        if (this._vertexOutputNodes.indexOf(node) !== -1) {
-            return;
-        }
-        node.target = NodeMaterialBlockTargets.Vertex;
-        this._vertexOutputNodes.push(node);
-        return this;
-    }
-    _removeVertexOutputNode(node) {
-        const index = this._vertexOutputNodes.indexOf(node);
-        if (index === -1) {
-            return;
-        }
-        this._vertexOutputNodes.splice(index, 1);
-        return this;
-    }
-    _addFragmentOutputNode(node) {
-        if (this._fragmentOutputNodes.indexOf(node) !== -1) {
-            return;
-        }
-        node.target = NodeMaterialBlockTargets.Fragment;
-        this._fragmentOutputNodes.push(node);
-        return this;
-    }
-    _removeFragmentOutputNode(node) {
-        const index = this._fragmentOutputNodes.indexOf(node);
-        if (index === -1) {
-            return;
-        }
-        this._fragmentOutputNodes.splice(index, 1);
-        return this;
-    }
-    /**
-     * Gets whether the glow layer is supported
-     * @returns true if the glow layer is supported
-     */
-    get _supportGlowLayer() {
-        if (this._fragmentOutputNodes.length === 0) {
-            return false;
-        }
-        if (this._fragmentOutputNodes.some((f) => f.additionalColor && f.additionalColor.isConnected)) {
-            return true;
-        }
-        return false;
-    }
-    /**
-     * Specifies if the material will require alpha blending
-     * @returns a boolean specifying if alpha blending is needed
-     */
-    needAlphaBlending() {
-        if (this.ignoreAlpha) {
-            return false;
-        }
-        return this.forceAlphaBlending || this.alpha < 1.0 || (this._sharedData && this._sharedData.hints.needAlphaBlending);
-    }
-    /**
-     * Specifies if this material should be rendered in alpha test mode
-     * @returns a boolean specifying if an alpha test is needed.
-     */
-    needAlphaTesting() {
-        return this._sharedData && this._sharedData.hints.needAlphaTesting;
-    }
-    _processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure = true) {
-        if (block.target === NodeMaterialBlockTargets.VertexAndFragment) {
-            nodesToProcessForOtherBuildState.push(block);
-        }
-        else if (state.target === NodeMaterialBlockTargets.Fragment && block.target === NodeMaterialBlockTargets.Vertex && block._preparationId !== this._buildId) {
-            nodesToProcessForOtherBuildState.push(block);
-        }
-        this._initializeBlock(block, state, nodesToProcessForOtherBuildState, autoConfigure);
-    }
-    _attachBlock(node) {
-        if (this.attachedBlocks.indexOf(node) === -1) {
-            if (node.isUnique) {
-                const className = node.getClassName();
-                for (const other of this.attachedBlocks) {
-                    if (other.getClassName() === className) {
-                        this._sharedData.raiseBuildError(`Cannot have multiple blocks of type ${className} in the same NodeMaterial`);
-                        return;
+                return undefined;
+            }
+            /** Gets or sets the active shader language */
+            get shaderLanguage() {
+                return this._options?.shaderLanguage || _a.DefaultShaderLanguage;
+            }
+            set shaderLanguage(value) {
+                this._options.shaderLanguage = value;
+            }
+            /** Gets or sets options to control the node material overall behavior */
+            get options() {
+                return this._options;
+            }
+            set options(options) {
+                this._options = options;
+            }
+            /**
+             * Gets or sets the mode property
+             */
+            get mode() {
+                return this._mode;
+            }
+            set mode(value) {
+                this._mode = value;
+            }
+            /** Gets or sets the unique identifier used to identified the effect associated with the material */
+            get buildId() {
+                return this._buildId;
+            }
+            set buildId(value) {
+                this._buildId = value;
+            }
+            /**
+             * Create a new node based material
+             * @param name defines the material name
+             * @param scene defines the hosting scene
+             * @param options defines creation option
+             */
+            constructor(name, scene, options = {}) {
+                super(name, scene || EngineStore.LastCreatedScene);
+                this._buildId = _a._BuildIdGenerator++;
+                this._buildWasSuccessful = false;
+                this._cachedWorldViewMatrix = new Matrix();
+                this._cachedWorldViewProjectionMatrix = new Matrix();
+                this._optimizers = new Array();
+                this._animationFrame = -1;
+                this._buildIsInProgress = false;
+                this.BJSNODEMATERIALEDITOR = this._getGlobalNodeMaterialEditor();
+                /** @internal */
+                this._useAdditionalColor = false;
+                /**
+                 * Gets or sets data used by visual editor
+                 * @see https://nme.babylonjs.com
+                 */
+                this.editorData = null;
+                /**
+                 * Gets or sets a boolean indicating that alpha value must be ignored (This will turn alpha blending off even if an alpha value is produced by the material)
+                 */
+                this.ignoreAlpha = __runInitializers(this, _ignoreAlpha_initializers, false);
+                /**
+                 * Defines the maximum number of lights that can be used in the material
+                 */
+                this.maxSimultaneousLights = (__runInitializers(this, _ignoreAlpha_extraInitializers), __runInitializers(this, _maxSimultaneousLights_initializers, 4));
+                /**
+                 * Observable raised when the material is built
+                 */
+                this.onBuildObservable = (__runInitializers(this, _maxSimultaneousLights_extraInitializers), new Observable());
+                /**
+                 * Observable raised when an error is detected
+                 */
+                this.onBuildErrorObservable = new Observable();
+                /**
+                 * Gets or sets the root nodes of the material vertex shader
+                 */
+                this._vertexOutputNodes = new Array();
+                /**
+                 * Gets or sets the root nodes of the material fragment (pixel) shader
+                 */
+                this._fragmentOutputNodes = new Array();
+                /**
+                 * Gets an array of blocks that needs to be serialized even if they are not yet connected
+                 */
+                this.attachedBlocks = [];
+                /**
+                 * Specifies the mode of the node material
+                 * @internal
+                 */
+                this._mode = __runInitializers(this, __mode_initializers, NodeMaterialModes.Material);
+                /**
+                 * A free comment about the material
+                 */
+                this.comment = (__runInitializers(this, __mode_extraInitializers), __runInitializers(this, _comment_initializers, void 0));
+                /**
+                 * Gets or sets a boolean indicating that alpha blending must be enabled no matter what alpha value or alpha channel of the FragmentBlock are
+                 */
+                this.forceAlphaBlending = (__runInitializers(this, _comment_extraInitializers), __runInitializers(this, _forceAlphaBlending_initializers, false));
+                __runInitializers(this, _forceAlphaBlending_extraInitializers);
+                if (!_a.UseNativeShaderLanguageOfEngine && options && options.shaderLanguage === 1 /* ShaderLanguage.WGSL */ && !this.getScene().getEngine().isWebGPU) {
+                    throw new Error("WebGPU shader language is only supported with WebGPU engine");
+                }
+                this._options = {
+                    emitComments: false,
+                    shaderLanguage: _a.DefaultShaderLanguage,
+                    ...options,
+                };
+                if (_a.UseNativeShaderLanguageOfEngine) {
+                    this._options.shaderLanguage = this.getScene().getEngine().isWebGPU ? 1 /* ShaderLanguage.WGSL */ : 0 /* ShaderLanguage.GLSL */;
+                }
+                // Setup the default processing configuration to the scene.
+                this._attachImageProcessingConfiguration(null);
+            }
+            /**
+             * Gets the current class name of the material e.g. "NodeMaterial"
+             * @returns the class name
+             */
+            getClassName() {
+                return "NodeMaterial";
+            }
+            /**
+             * Get a block by its name
+             * @param name defines the name of the block to retrieve
+             * @returns the required block or null if not found
+             */
+            getBlockByName(name) {
+                let result = null;
+                for (const block of this.attachedBlocks) {
+                    if (block.name === name) {
+                        if (!result) {
+                            result = block;
+                        }
+                        else {
+                            Logger.Warn("More than one block was found with the name `" + name + "`");
+                            return result;
+                        }
                     }
                 }
-            }
-            this.attachedBlocks.push(node);
-        }
-    }
-    _initializeBlock(node, state, nodesToProcessForOtherBuildState, autoConfigure = true) {
-        node.initialize(state);
-        if (autoConfigure) {
-            node.autoConfigure(this);
-        }
-        node._preparationId = this._buildId;
-        this._attachBlock(node);
-        for (const input of node.inputs) {
-            input.associatedVariableName = "";
-            const connectedPoint = input.connectedPoint;
-            if (connectedPoint && !connectedPoint._preventBubbleUp) {
-                const block = connectedPoint.ownerBlock;
-                if (block !== node) {
-                    this._processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure);
+                return result;
+            }
+            /**
+             * Get a block using a predicate
+             * @param predicate defines the predicate used to find the good candidate
+             * @returns the required block or null if not found
+             */
+            getBlockByPredicate(predicate) {
+                for (const block of this.attachedBlocks) {
+                    if (predicate(block)) {
+                        return block;
+                    }
                 }
-            }
-        }
-        // Loop
-        if (node.isLoop) {
-            // We need to keep the storage write block in the active blocks
-            const loopBlock = node;
-            if (loopBlock.loopID.hasEndpoints) {
-                for (const endpoint of loopBlock.loopID.endpoints) {
-                    const block = endpoint.ownerBlock;
-                    if (block.outputs.length !== 0) {
-                        continue;
+                return null;
+            }
+            /**
+             * Get an input block using a predicate
+             * @param predicate defines the predicate used to find the good candidate
+             * @returns the required input block or null if not found
+             */
+            getInputBlockByPredicate(predicate) {
+                for (const block of this.attachedBlocks) {
+                    if (block.isInput && predicate(block)) {
+                        return block;
                     }
-                    state._terminalBlocks.add(block); // Attach the storage write only
-                    this._processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure);
                 }
+                return null;
+            }
+            /**
+             * Gets the list of input blocks attached to this material
+             * @returns an array of InputBlocks
+             */
+            getInputBlocks() {
+                const blocks = [];
+                for (const block of this.attachedBlocks) {
+                    if (block.isInput) {
+                        blocks.push(block);
+                    }
+                }
+                return blocks;
+            }
+            /**
+             * Adds a new optimizer to the list of optimizers
+             * @param optimizer defines the optimizers to add
+             * @returns the current material
+             */
+            registerOptimizer(optimizer) {
+                const index = this._optimizers.indexOf(optimizer);
+                if (index > -1) {
+                    return;
+                }
+                this._optimizers.push(optimizer);
+                return this;
+            }
+            /**
+             * Remove an optimizer from the list of optimizers
+             * @param optimizer defines the optimizers to remove
+             * @returns the current material
+             */
+            unregisterOptimizer(optimizer) {
+                const index = this._optimizers.indexOf(optimizer);
+                if (index === -1) {
+                    return;
+                }
+                this._optimizers.splice(index, 1);
+                return this;
+            }
+            /**
+             * Add a new block to the list of output nodes
+             * @param node defines the node to add
+             * @returns the current material
+             */
+            addOutputNode(node) {
+                if (node.target === null) {
+                    throw new Error("This node is not meant to be an output node. You may want to explicitly set its target value.");
+                }
+                if ((node.target & NodeMaterialBlockTargets.Vertex) !== 0) {
+                    this._addVertexOutputNode(node);
+                }
+                if ((node.target & NodeMaterialBlockTargets.Fragment) !== 0) {
+                    this._addFragmentOutputNode(node);
+                }
+                return this;
+            }
+            /**
+             * Remove a block from the list of root nodes
+             * @param node defines the node to remove
+             * @returns the current material
+             */
+            removeOutputNode(node) {
+                if (node.target === null) {
+                    return this;
+                }
+                if ((node.target & NodeMaterialBlockTargets.Vertex) !== 0) {
+                    this._removeVertexOutputNode(node);
+                }
+                if ((node.target & NodeMaterialBlockTargets.Fragment) !== 0) {
+                    this._removeFragmentOutputNode(node);
+                }
+                return this;
             }
-        }
-        else if (node.isTeleportOut) {
-            // Teleportation
-            const teleport = node;
-            if (teleport.entryPoint) {
-                this._processInitializeOnLink(teleport.entryPoint, state, nodesToProcessForOtherBuildState, autoConfigure);
+            _addVertexOutputNode(node) {
+                if (this._vertexOutputNodes.indexOf(node) !== -1) {
+                    return;
+                }
+                node.target = NodeMaterialBlockTargets.Vertex;
+                this._vertexOutputNodes.push(node);
+                return this;
             }
-        }
-        for (const output of node.outputs) {
-            output.associatedVariableName = "";
-        }
-    }
-    _resetDualBlocks(node, id) {
-        if (node.target === NodeMaterialBlockTargets.VertexAndFragment) {
-            node.buildId = id;
-        }
-        for (const input of node.inputs) {
-            const connectedPoint = input.connectedPoint;
-            if (connectedPoint && !connectedPoint._preventBubbleUp) {
-                const block = connectedPoint.ownerBlock;
-                if (block !== node) {
-                    this._resetDualBlocks(block, id);
+            _removeVertexOutputNode(node) {
+                const index = this._vertexOutputNodes.indexOf(node);
+                if (index === -1) {
+                    return;
                 }
+                this._vertexOutputNodes.splice(index, 1);
+                return this;
             }
-        }
-        // If this is a teleport out, we need to reset the connected block
-        if (node.isTeleportOut) {
-            const teleportOut = node;
-            if (teleportOut.entryPoint) {
-                this._resetDualBlocks(teleportOut.entryPoint, id);
+            _addFragmentOutputNode(node) {
+                if (this._fragmentOutputNodes.indexOf(node) !== -1) {
+                    return;
+                }
+                node.target = NodeMaterialBlockTargets.Fragment;
+                this._fragmentOutputNodes.push(node);
+                return this;
             }
-        }
-        else if (node.isLoop) {
-            // Loop
-            const loopBlock = node;
-            if (loopBlock.loopID.hasEndpoints) {
-                for (const endpoint of loopBlock.loopID.endpoints) {
-                    const block = endpoint.ownerBlock;
-                    if (block.outputs.length !== 0) {
-                        continue;
+            _removeFragmentOutputNode(node) {
+                const index = this._fragmentOutputNodes.indexOf(node);
+                if (index === -1) {
+                    return;
+                }
+                this._fragmentOutputNodes.splice(index, 1);
+                return this;
+            }
+            /**
+             * Gets whether the glow layer is supported
+             * @returns true if the glow layer is supported
+             */
+            get _supportGlowLayer() {
+                if (this._fragmentOutputNodes.length === 0) {
+                    return false;
+                }
+                if (this._fragmentOutputNodes.some((f) => f.additionalColor && f.additionalColor.isConnected)) {
+                    return true;
+                }
+                return false;
+            }
+            /**
+             * Specifies if the material will require alpha blending
+             * @returns a boolean specifying if alpha blending is needed
+             */
+            needAlphaBlending() {
+                if (this.ignoreAlpha) {
+                    return false;
+                }
+                return this.forceAlphaBlending || this.alpha < 1.0 || (this._sharedData && this._sharedData.hints.needAlphaBlending);
+            }
+            /**
+             * Specifies if this material should be rendered in alpha test mode
+             * @returns a boolean specifying if an alpha test is needed.
+             */
+            needAlphaTesting() {
+                return this._sharedData && this._sharedData.hints.needAlphaTesting;
+            }
+            _processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure = true) {
+                if (block.target === NodeMaterialBlockTargets.VertexAndFragment) {
+                    nodesToProcessForOtherBuildState.push(block);
+                }
+                else if (state.target === NodeMaterialBlockTargets.Fragment && block.target === NodeMaterialBlockTargets.Vertex && block._preparationId !== this._buildId) {
+                    nodesToProcessForOtherBuildState.push(block);
+                }
+                this._initializeBlock(block, state, nodesToProcessForOtherBuildState, autoConfigure);
+            }
+            _attachBlock(node) {
+                if (this.attachedBlocks.indexOf(node) === -1) {
+                    if (node.isUnique) {
+                        const className = node.getClassName();
+                        for (const other of this.attachedBlocks) {
+                            if (other.getClassName() === className) {
+                                this._sharedData.raiseBuildError(`Cannot have multiple blocks of type ${className} in the same NodeMaterial`);
+                                return;
+                            }
+                        }
                     }
-                    this._resetDualBlocks(block, id);
+                    this.attachedBlocks.push(node);
                 }
             }
-        }
-    }
-    /**
-     * Remove a block from the current node material
-     * @param block defines the block to remove
-     */
-    removeBlock(block) {
-        const attachedBlockIndex = this.attachedBlocks.indexOf(block);
-        if (attachedBlockIndex > -1) {
-            this.attachedBlocks.splice(attachedBlockIndex, 1);
-        }
-        if (block.isFinalMerger) {
-            this.removeOutputNode(block);
-        }
-    }
-    /**
-     * Build the material and generates the inner effect
-     * @param verbose defines if the build should log activity
-     * @param updateBuildId defines if the internal build Id should be updated (default is true)
-     * @param autoConfigure defines if the autoConfigure method should be called when initializing blocks (default is false)
-     */
-    build(verbose = false, updateBuildId = true, autoConfigure = false) {
-        if (this._buildIsInProgress) {
-            Logger.Warn("Build is already in progress, You can use NodeMaterial.onBuildObservable to determine when the build is completed.");
-            return;
-        }
-        this._buildIsInProgress = true;
-        // First time?
-        if (!this._vertexCompilationState && !autoConfigure) {
-            autoConfigure = true;
-        }
-        this._buildWasSuccessful = false;
-        const engine = this.getScene().getEngine();
-        const allowEmptyVertexProgram = this._mode === NodeMaterialModes.Particle || this._mode === NodeMaterialModes.SFE;
-        if (this._vertexOutputNodes.length === 0 && !allowEmptyVertexProgram) {
-            this.onBuildErrorObservable.notifyObservers("You must define at least one vertexOutputNode");
-            this._buildIsInProgress = false;
-            return;
-        }
-        if (this._fragmentOutputNodes.length === 0) {
-            this.onBuildErrorObservable.notifyObservers("You must define at least one fragmentOutputNode");
-            this._buildIsInProgress = false;
-            return;
-        }
-        // Compilation state
-        this._vertexCompilationState = new NodeMaterialBuildState();
-        this._vertexCompilationState.supportUniformBuffers = engine.supportsUniformBuffers;
-        this._vertexCompilationState.target = NodeMaterialBlockTargets.Vertex;
-        this._fragmentCompilationState = new NodeMaterialBuildState();
-        this._fragmentCompilationState.supportUniformBuffers = engine.supportsUniformBuffers;
-        this._fragmentCompilationState.target = NodeMaterialBlockTargets.Fragment;
-        // Shared data
-        const needToPurgeList = this._fragmentOutputNodes.filter((n) => n._isFinalOutputAndActive).length > 1;
-        let fragmentOutputNodes = this._fragmentOutputNodes;
-        if (needToPurgeList) {
-            // Get all but the final output nodes
-            fragmentOutputNodes = this._fragmentOutputNodes.filter((n) => !n._isFinalOutputAndActive);
-            // Get the first with precedence on
-            fragmentOutputNodes.push(this._fragmentOutputNodes.filter((n) => n._isFinalOutputAndActive && n._hasPrecedence)[0]);
-        }
-        this._sharedData = new NodeMaterialBuildStateSharedData();
-        this._sharedData.nodeMaterial = this;
-        this._sharedData.fragmentOutputNodes = fragmentOutputNodes;
-        this._vertexCompilationState.sharedData = this._sharedData;
-        this._fragmentCompilationState.sharedData = this._sharedData;
-        this._sharedData.buildId = this._buildId;
-        this._sharedData.emitComments = this._options.emitComments;
-        this._sharedData.verbose = verbose;
-        this._sharedData.scene = this.getScene();
-        this._sharedData.allowEmptyVertexProgram = allowEmptyVertexProgram;
-        // Initialize blocks
-        const vertexNodes = [];
-        const fragmentNodes = [];
-        for (const vertexOutputNode of this._vertexOutputNodes) {
-            vertexNodes.push(vertexOutputNode);
-            this._initializeBlock(vertexOutputNode, this._vertexCompilationState, fragmentNodes, autoConfigure);
-        }
-        for (const fragmentOutputNode of fragmentOutputNodes) {
-            fragmentNodes.push(fragmentOutputNode);
-            this._initializeBlock(fragmentOutputNode, this._fragmentCompilationState, vertexNodes, autoConfigure);
-        }
-        // Are blocks code ready?
-        let waitingNodeCount = 0;
-        for (const node of this.attachedBlocks) {
-            if (!node.codeIsReady) {
-                waitingNodeCount++;
-                node.onCodeIsReadyObservable.addOnce(() => {
-                    waitingNodeCount--;
-                    if (waitingNodeCount === 0) {
-                        this._finishBuildProcess(verbose, updateBuildId, vertexNodes, fragmentNodes);
+            _initializeBlock(node, state, nodesToProcessForOtherBuildState, autoConfigure = true) {
+                node.initialize(state);
+                if (autoConfigure) {
+                    node.autoConfigure(this);
+                }
+                node._preparationId = this._buildId;
+                this._attachBlock(node);
+                for (const input of node.inputs) {
+                    input.associatedVariableName = "";
+                    const connectedPoint = input.connectedPoint;
+                    if (connectedPoint && !connectedPoint._preventBubbleUp) {
+                        const block = connectedPoint.ownerBlock;
+                        if (block !== node) {
+                            this._processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure);
+                        }
                     }
-                });
-            }
-        }
-        if (waitingNodeCount !== 0) {
-            return;
-        }
-        this._finishBuildProcess(verbose, updateBuildId, vertexNodes, fragmentNodes);
-    }
-    _finishBuildProcess(verbose = false, updateBuildId = true, vertexNodes, fragmentNodes) {
-        // Optimize
-        this.optimize();
-        // Vertex
-        for (const vertexOutputNode of vertexNodes) {
-            vertexOutputNode.build(this._vertexCompilationState, vertexNodes);
-        }
-        // Fragment
-        this._fragmentCompilationState.uniforms = this._vertexCompilationState.uniforms.slice(0);
-        this._fragmentCompilationState._uniformDeclaration = this._vertexCompilationState._uniformDeclaration;
-        this._fragmentCompilationState._constantDeclaration = this._vertexCompilationState._constantDeclaration;
-        this._fragmentCompilationState._vertexState = this._vertexCompilationState;
-        for (const fragmentOutputNode of fragmentNodes) {
-            this._resetDualBlocks(fragmentOutputNode, this._buildId - 1);
-        }
-        for (const fragmentOutputNode of fragmentNodes) {
-            fragmentOutputNode.build(this._fragmentCompilationState, fragmentNodes);
-        }
-        // Finalize
-        this._vertexCompilationState.finalize(this._vertexCompilationState);
-        this._fragmentCompilationState.finalize(this._fragmentCompilationState);
-        if (updateBuildId) {
-            this._buildId = NodeMaterial._BuildIdGenerator++;
-        }
-        if (verbose) {
-            Logger.Log("Vertex shader:");
-            Logger.Log(this._vertexCompilationState.compilationString);
-            Logger.Log("Fragment shader:");
-            Logger.Log(this._fragmentCompilationState.compilationString);
-        }
-        // Errors
-        const noError = this._sharedData.emitErrors();
-        this._buildIsInProgress = false;
-        if (noError) {
-            this._buildWasSuccessful = true;
-            this.onBuildObservable.notifyObservers(this);
-        }
-        // Wipe defines
-        const meshes = this.getScene().meshes;
-        for (const mesh of meshes) {
-            if (!mesh.subMeshes) {
-                continue;
-            }
-            for (const subMesh of mesh.subMeshes) {
-                if (subMesh.getMaterial() !== this) {
-                    continue;
                 }
-                if (!subMesh.materialDefines) {
-                    continue;
+                // Loop
+                if (node.isLoop) {
+                    // We need to keep the storage write block in the active blocks
+                    const loopBlock = node;
+                    if (loopBlock.loopID.hasEndpoints) {
+                        for (const endpoint of loopBlock.loopID.endpoints) {
+                            const block = endpoint.ownerBlock;
+                            if (block.outputs.length !== 0) {
+                                continue;
+                            }
+                            state._terminalBlocks.add(block); // Attach the storage write only
+                            this._processInitializeOnLink(block, state, nodesToProcessForOtherBuildState, autoConfigure);
+                        }
+                    }
+                }
+                else if (node.isTeleportOut) {
+                    // Teleportation
+                    const teleport = node;
+                    if (teleport.entryPoint) {
+                        this._processInitializeOnLink(teleport.entryPoint, state, nodesToProcessForOtherBuildState, autoConfigure);
+                    }
+                }
+                for (const output of node.outputs) {
+                    output.associatedVariableName = "";
                 }
-                const defines = subMesh.materialDefines;
-                defines.markAllAsDirty();
-                defines.reset();
-            }
-        }
-        if (this.prePassTextureInputs.length) {
-            this.getScene().enablePrePassRenderer();
-        }
-        const prePassRenderer = this.getScene().prePassRenderer;
-        if (prePassRenderer) {
-            prePassRenderer.markAsDirty();
-        }
-    }
-    /**
-     * Runs an optimization phase to try to improve the shader code
-     */
-    optimize() {
-        for (const optimizer of this._optimizers) {
-            optimizer.optimize(this._vertexOutputNodes, this._fragmentOutputNodes);
-        }
-    }
-    _prepareDefinesForAttributes(mesh, defines) {
-        const oldNormal = defines["NORMAL"];
-        const oldTangent = defines["TANGENT"];
-        const oldColor = defines["VERTEXCOLOR_NME"];
-        defines["NORMAL"] = mesh.isVerticesDataPresent(VertexBuffer.NormalKind);
-        defines["TANGENT"] = mesh.isVerticesDataPresent(VertexBuffer.TangentKind);
-        const hasVertexColors = mesh.useVertexColors && mesh.isVerticesDataPresent(VertexBuffer.ColorKind);
-        defines["VERTEXCOLOR_NME"] = hasVertexColors;
-        let uvChanged = false;
-        for (let i = 1; i <= 6; ++i) {
-            const oldUV = defines["UV" + i];
-            defines["UV" + i] = mesh.isVerticesDataPresent(`uv${i === 1 ? "" : i}`);
-            uvChanged = uvChanged || defines["UV" + i] !== oldUV;
-        }
-        // PrePass
-        const oit = this.needAlphaBlendingForMesh(mesh) && this.getScene().useOrderIndependentTransparency;
-        PrepareDefinesForPrePass(this.getScene(), defines, !oit);
-        MaterialHelperGeometryRendering.PrepareDefines(this.getScene().getEngine().currentRenderPassId, mesh, defines);
-        if (oldNormal !== defines["NORMAL"] || oldTangent !== defines["TANGENT"] || oldColor !== defines["VERTEXCOLOR_NME"] || uvChanged) {
-            defines.markAsAttributesDirty();
-        }
-    }
-    /**
-     * Can this material render to prepass
-     */
-    get isPrePassCapable() {
-        return true;
-    }
-    /**
-     * Outputs written to the prepass
-     */
-    get prePassTextureOutputs() {
-        const prePassOutputBlock = this.getBlockByPredicate((block) => block.getClassName() === "PrePassOutputBlock");
-        const result = [4];
-        if (!prePassOutputBlock) {
-            return result;
-        }
-        // Cannot write to prepass if we alread read from prepass
-        if (this.prePassTextureInputs.length) {
-            return result;
-        }
-        if (prePassOutputBlock.viewDepth.isConnected) {
-            result.push(5);
-        }
-        if (prePassOutputBlock.screenDepth.isConnected) {
-            result.push(10);
-        }
-        if (prePassOutputBlock.viewNormal.isConnected) {
-            result.push(6);
-        }
-        if (prePassOutputBlock.worldNormal.isConnected) {
-            result.push(8);
-        }
-        if (prePassOutputBlock.worldPosition.isConnected) {
-            result.push(1);
-        }
-        if (prePassOutputBlock.localPosition.isConnected) {
-            result.push(9);
-        }
-        if (prePassOutputBlock.reflectivity.isConnected) {
-            result.push(3);
-        }
-        if (prePassOutputBlock.velocity.isConnected) {
-            result.push(2);
-        }
-        if (prePassOutputBlock.velocityLinear.isConnected) {
-            result.push(11);
-        }
-        return result;
-    }
-    /**
-     * Gets the list of prepass texture required
-     */
-    get prePassTextureInputs() {
-        const prePassTextureBlocks = this.getAllTextureBlocks().filter((block) => block.getClassName() === "PrePassTextureBlock");
-        const result = [];
-        for (const block of prePassTextureBlocks) {
-            if (block.position.isConnected && !result.includes(1)) {
-                result.push(1);
             }
-            if (block.localPosition.isConnected && !result.includes(9)) {
-                result.push(9);
+            _resetDualBlocks(node, id) {
+                if (node.target === NodeMaterialBlockTargets.VertexAndFragment) {
+                    node.buildId = id;
+                }
+                for (const input of node.inputs) {
+                    const connectedPoint = input.connectedPoint;
+                    if (connectedPoint && !connectedPoint._preventBubbleUp) {
+                        const block = connectedPoint.ownerBlock;
+                        if (block !== node) {
+                            this._resetDualBlocks(block, id);
+                        }
+                    }
+                }
+                // If this is a teleport out, we need to reset the connected block
+                if (node.isTeleportOut) {
+                    const teleportOut = node;
+                    if (teleportOut.entryPoint) {
+                        this._resetDualBlocks(teleportOut.entryPoint, id);
+                    }
+                }
+                else if (node.isLoop) {
+                    // Loop
+                    const loopBlock = node;
+                    if (loopBlock.loopID.hasEndpoints) {
+                        for (const endpoint of loopBlock.loopID.endpoints) {
+                            const block = endpoint.ownerBlock;
+                            if (block.outputs.length !== 0) {
+                                continue;
+                            }
+                            this._resetDualBlocks(block, id);
+                        }
+                    }
+                }
             }
-            if (block.depth.isConnected && !result.includes(5)) {
-                result.push(5);
+            /**
+             * Remove a block from the current node material
+             * @param block defines the block to remove
+             */
+            removeBlock(block) {
+                const attachedBlockIndex = this.attachedBlocks.indexOf(block);
+                if (attachedBlockIndex > -1) {
+                    this.attachedBlocks.splice(attachedBlockIndex, 1);
+                }
+                if (block.isFinalMerger) {
+                    this.removeOutputNode(block);
+                }
             }
-            if (block.screenDepth.isConnected && !result.includes(10)) {
-                result.push(10);
+            /**
+             * Build the material and generates the inner effect
+             * @param verbose defines if the build should log activity
+             * @param updateBuildId defines if the internal build Id should be updated (default is true)
+             * @param autoConfigure defines if the autoConfigure method should be called when initializing blocks (default is false)
+             */
+            build(verbose = false, updateBuildId = true, autoConfigure = false) {
+                if (this._buildIsInProgress) {
+                    Logger.Warn("Build is already in progress, You can use NodeMaterial.onBuildObservable to determine when the build is completed.");
+                    return;
+                }
+                this._buildIsInProgress = true;
+                // First time?
+                if (!this._vertexCompilationState && !autoConfigure) {
+                    autoConfigure = true;
+                }
+                this._buildWasSuccessful = false;
+                const engine = this.getScene().getEngine();
+                const allowEmptyVertexProgram = this._mode === NodeMaterialModes.Particle || this._mode === NodeMaterialModes.SFE;
+                if (this._vertexOutputNodes.length === 0 && !allowEmptyVertexProgram) {
+                    this.onBuildErrorObservable.notifyObservers("You must define at least one vertexOutputNode");
+                    this._buildIsInProgress = false;
+                    return;
+                }
+                if (this._fragmentOutputNodes.length === 0) {
+                    this.onBuildErrorObservable.notifyObservers("You must define at least one fragmentOutputNode");
+                    this._buildIsInProgress = false;
+                    return;
+                }
+                // Compilation state
+                this._vertexCompilationState = new NodeMaterialBuildState();
+                this._vertexCompilationState.supportUniformBuffers = engine.supportsUniformBuffers;
+                this._vertexCompilationState.target = NodeMaterialBlockTargets.Vertex;
+                this._fragmentCompilationState = new NodeMaterialBuildState();
+                this._fragmentCompilationState.supportUniformBuffers = engine.supportsUniformBuffers;
+                this._fragmentCompilationState.target = NodeMaterialBlockTargets.Fragment;
+                // Shared data
+                const needToPurgeList = this._fragmentOutputNodes.filter((n) => n._isFinalOutputAndActive).length > 1;
+                let fragmentOutputNodes = this._fragmentOutputNodes;
+                if (needToPurgeList) {
+                    // Get all but the final output nodes
+                    fragmentOutputNodes = this._fragmentOutputNodes.filter((n) => !n._isFinalOutputAndActive);
+                    // Get the first with precedence on
+                    fragmentOutputNodes.push(this._fragmentOutputNodes.filter((n) => n._isFinalOutputAndActive && n._hasPrecedence)[0]);
+                }
+                this._sharedData = new NodeMaterialBuildStateSharedData();
+                this._sharedData.nodeMaterial = this;
+                this._sharedData.fragmentOutputNodes = fragmentOutputNodes;
+                this._vertexCompilationState.sharedData = this._sharedData;
+                this._fragmentCompilationState.sharedData = this._sharedData;
+                this._sharedData.buildId = this._buildId;
+                this._sharedData.emitComments = this._options.emitComments;
+                this._sharedData.verbose = verbose;
+                this._sharedData.scene = this.getScene();
+                this._sharedData.allowEmptyVertexProgram = allowEmptyVertexProgram;
+                // Initialize blocks
+                const vertexNodes = [];
+                const fragmentNodes = [];
+                for (const vertexOutputNode of this._vertexOutputNodes) {
+                    vertexNodes.push(vertexOutputNode);
+                    this._initializeBlock(vertexOutputNode, this._vertexCompilationState, fragmentNodes, autoConfigure);
+                }
+                for (const fragmentOutputNode of fragmentOutputNodes) {
+                    fragmentNodes.push(fragmentOutputNode);
+                    this._initializeBlock(fragmentOutputNode, this._fragmentCompilationState, vertexNodes, autoConfigure);
+                }
+                // Are blocks code ready?
+                let waitingNodeCount = 0;
+                for (const node of this.attachedBlocks) {
+                    if (!node.codeIsReady) {
+                        waitingNodeCount++;
+                        node.onCodeIsReadyObservable.addOnce(() => {
+                            waitingNodeCount--;
+                            if (waitingNodeCount === 0) {
+                                this._finishBuildProcess(verbose, updateBuildId, vertexNodes, fragmentNodes);
+                            }
+                        });
+                    }
+                }
+                if (waitingNodeCount !== 0) {
+                    return;
+                }
+                this._finishBuildProcess(verbose, updateBuildId, vertexNodes, fragmentNodes);
+            }
+            _finishBuildProcess(verbose = false, updateBuildId = true, vertexNodes, fragmentNodes) {
+                // Optimize
+                this.optimize();
+                // Vertex
+                for (const vertexOutputNode of vertexNodes) {
+                    vertexOutputNode.build(this._vertexCompilationState, vertexNodes);
+                }
+                // Fragment
+                this._fragmentCompilationState.uniforms = this._vertexCompilationState.uniforms.slice(0);
+                this._fragmentCompilationState._uniformDeclaration = this._vertexCompilationState._uniformDeclaration;
+                this._fragmentCompilationState._constantDeclaration = this._vertexCompilationState._constantDeclaration;
+                this._fragmentCompilationState._vertexState = this._vertexCompilationState;
+                for (const fragmentOutputNode of fragmentNodes) {
+                    this._resetDualBlocks(fragmentOutputNode, this._buildId - 1);
+                }
+                for (const fragmentOutputNode of fragmentNodes) {
+                    fragmentOutputNode.build(this._fragmentCompilationState, fragmentNodes);
+                }
+                // Finalize
+                this._vertexCompilationState.finalize(this._vertexCompilationState);
+                this._fragmentCompilationState.finalize(this._fragmentCompilationState);
+                if (updateBuildId) {
+                    this._buildId = _a._BuildIdGenerator++;
+                }
+                if (verbose) {
+                    Logger.Log("Vertex shader:");
+                    Logger.Log(this._vertexCompilationState.compilationString);
+                    Logger.Log("Fragment shader:");
+                    Logger.Log(this._fragmentCompilationState.compilationString);
+                }
+                // Errors
+                const noError = this._sharedData.emitErrors();
+                this._buildIsInProgress = false;
+                if (noError) {
+                    this._buildWasSuccessful = true;
+                    this.onBuildObservable.notifyObservers(this);
+                }
+                // Wipe defines
+                const meshes = this.getScene().meshes;
+                for (const mesh of meshes) {
+                    if (!mesh.subMeshes) {
+                        continue;
+                    }
+                    for (const subMesh of mesh.subMeshes) {
+                        if (subMesh.getMaterial() !== this) {
+                            continue;
+                        }
+                        if (!subMesh.materialDefines) {
+                            continue;
+                        }
+                        const defines = subMesh.materialDefines;
+                        defines.markAllAsDirty();
+                        defines.reset();
+                    }
+                }
+                if (this.prePassTextureInputs.length) {
+                    this.getScene().enablePrePassRenderer();
+                }
+                const prePassRenderer = this.getScene().prePassRenderer;
+                if (prePassRenderer) {
+                    prePassRenderer.markAsDirty();
+                }
             }
-            if (block.normal.isConnected && !result.includes(6)) {
-                result.push(6);
+            /**
+             * Runs an optimization phase to try to improve the shader code
+             */
+            optimize() {
+                for (const optimizer of this._optimizers) {
+                    optimizer.optimize(this._vertexOutputNodes, this._fragmentOutputNodes);
+                }
             }
-            if (block.worldNormal.isConnected && !result.includes(8)) {
-                result.push(8);
+            _prepareDefinesForAttributes(mesh, defines) {
+                const oldNormal = defines["NORMAL"];
+                const oldTangent = defines["TANGENT"];
+                const oldColor = defines["VERTEXCOLOR_NME"];
+                defines["NORMAL"] = mesh.isVerticesDataPresent(VertexBuffer.NormalKind);
+                defines["TANGENT"] = mesh.isVerticesDataPresent(VertexBuffer.TangentKind);
+                const hasVertexColors = mesh.useVertexColors && mesh.isVerticesDataPresent(VertexBuffer.ColorKind);
+                defines["VERTEXCOLOR_NME"] = hasVertexColors;
+                let uvChanged = false;
+                for (let i = 1; i <= 6; ++i) {
+                    const oldUV = defines["UV" + i];
+                    defines["UV" + i] = mesh.isVerticesDataPresent(`uv${i === 1 ? "" : i}`);
+                    uvChanged = uvChanged || defines["UV" + i] !== oldUV;
+                }
+                // PrePass
+                const oit = this.needAlphaBlendingForMesh(mesh) && this.getScene().useOrderIndependentTransparency;
+                PrepareDefinesForPrePass(this.getScene(), defines, !oit);
+                MaterialHelperGeometryRendering.PrepareDefines(this.getScene().getEngine().currentRenderPassId, mesh, defines);
+                if (oldNormal !== defines["NORMAL"] || oldTangent !== defines["TANGENT"] || oldColor !== defines["VERTEXCOLOR_NME"] || uvChanged) {
+                    defines.markAsAttributesDirty();
+                }
             }
-        }
-        return result;
-    }
-    /**
-     * Sets the required values to the prepass renderer.
-     * @param prePassRenderer defines the prepass renderer to set
-     * @returns true if the pre pass is needed
-     */
-    setPrePassRenderer(prePassRenderer) {
-        const prePassTexturesRequired = this.prePassTextureInputs.concat(this.prePassTextureOutputs);
-        if (prePassRenderer && prePassTexturesRequired.length > 1) {
-            let cfg = prePassRenderer.getEffectConfiguration("nodeMaterial");
-            if (!cfg) {
-                cfg = prePassRenderer.addEffectConfiguration({
-                    enabled: true,
-                    needsImageProcessing: false,
-                    name: "nodeMaterial",
-                    texturesRequired: [],
-                });
+            /**
+             * Can this material render to prepass
+             */
+            get isPrePassCapable() {
+                return true;
             }
-            for (const prePassTexture of prePassTexturesRequired) {
-                if (!cfg.texturesRequired.includes(prePassTexture)) {
-                    cfg.texturesRequired.push(prePassTexture);
+            /**
+             * Outputs written to the prepass
+             */
+            get prePassTextureOutputs() {
+                const prePassOutputBlock = this.getBlockByPredicate((block) => block.getClassName() === "PrePassOutputBlock");
+                const result = [4];
+                if (!prePassOutputBlock) {
+                    return result;
+                }
+                // Cannot write to prepass if we alread read from prepass
+                if (this.prePassTextureInputs.length) {
+                    return result;
+                }
+                if (prePassOutputBlock.viewDepth.isConnected) {
+                    result.push(5);
+                }
+                if (prePassOutputBlock.screenDepth.isConnected) {
+                    result.push(10);
+                }
+                if (prePassOutputBlock.viewNormal.isConnected) {
+                    result.push(6);
+                }
+                if (prePassOutputBlock.worldNormal.isConnected) {
+                    result.push(8);
+                }
+                if (prePassOutputBlock.worldPosition.isConnected) {
+                    result.push(1);
+                }
+                if (prePassOutputBlock.localPosition.isConnected) {
+                    result.push(9);
+                }
+                if (prePassOutputBlock.reflectivity.isConnected) {
+                    result.push(3);
+                }
+                if (prePassOutputBlock.velocity.isConnected) {
+                    result.push(2);
+                }
+                if (prePassOutputBlock.velocityLinear.isConnected) {
+                    result.push(11);
+                }
+                return result;
+            }
+            /**
+             * Gets the list of prepass texture required
+             */
+            get prePassTextureInputs() {
+                const prePassTextureBlocks = this.getAllTextureBlocks().filter((block) => block.getClassName() === "PrePassTextureBlock");
+                const result = [];
+                for (const block of prePassTextureBlocks) {
+                    if (block.position.isConnected && !result.includes(1)) {
+                        result.push(1);
+                    }
+                    if (block.localPosition.isConnected && !result.includes(9)) {
+                        result.push(9);
+                    }
+                    if (block.depth.isConnected && !result.includes(5)) {
+                        result.push(5);
+                    }
+                    if (block.screenDepth.isConnected && !result.includes(10)) {
+                        result.push(10);
+                    }
+                    if (block.normal.isConnected && !result.includes(6)) {
+                        result.push(6);
+                    }
+                    if (block.worldNormal.isConnected && !result.includes(8)) {
+                        result.push(8);
+                    }
+                }
+                return result;
+            }
+            /**
+             * Sets the required values to the prepass renderer.
+             * @param prePassRenderer defines the prepass renderer to set
+             * @returns true if the pre pass is needed
+             */
+            setPrePassRenderer(prePassRenderer) {
+                const prePassTexturesRequired = this.prePassTextureInputs.concat(this.prePassTextureOutputs);
+                if (prePassRenderer && prePassTexturesRequired.length > 1) {
+                    let cfg = prePassRenderer.getEffectConfiguration("nodeMaterial");
+                    if (!cfg) {
+                        cfg = prePassRenderer.addEffectConfiguration({
+                            enabled: true,
+                            needsImageProcessing: false,
+                            name: "nodeMaterial",
+                            texturesRequired: [],
+                        });
+                    }
+                    for (const prePassTexture of prePassTexturesRequired) {
+                        if (!cfg.texturesRequired.includes(prePassTexture)) {
+                            cfg.texturesRequired.push(prePassTexture);
+                        }
+                    }
+                    cfg.enabled = true;
+                }
+                // COLOR_TEXTURE is always required for prepass, length > 1 means
+                // we actually need to write to special prepass textures
+                return prePassTexturesRequired.length > 1;
+            }
+            /**
+             * Create a post process from the material
+             * @param camera The camera to apply the render pass to.
+             * @param options The required width/height ratio to downsize to before computing the render pass. (Use 1.0 for full size)
+             * @param samplingMode The sampling mode to be used when computing the pass. (default: 0)
+             * @param engine The engine which the post process will be applied. (default: current engine)
+             * @param reusable If the post process can be reused on the same frame. (default: false)
+             * @param textureType Type of textures used when performing the post process. (default: 0)
+             * @param textureFormat Format of textures used when performing the post process. (default: TEXTUREFORMAT_RGBA)
+             * @returns the post process created
+             */
+            createPostProcess(camera, options = 1, samplingMode = 1, engine, reusable, textureType = 0, textureFormat = 5) {
+                if (this.mode !== NodeMaterialModes.PostProcess && this.mode !== NodeMaterialModes.SFE) {
+                    Logger.Log("Incompatible material mode");
+                    return null;
+                }
+                return this._createEffectForPostProcess(null, camera, options, samplingMode, engine, reusable, textureType, textureFormat);
+            }
+            /**
+             * Create the post process effect from the material
+             * @param postProcess The post process to create the effect for
+             */
+            createEffectForPostProcess(postProcess) {
+                this._createEffectForPostProcess(postProcess);
+            }
+            _createEffectForPostProcess(postProcess, camera, options = 1, samplingMode = 1, engine, reusable, textureType = 0, textureFormat = 5) {
+                // The post process effect is built from the shader code produced by the node graph. That code
+                // is only available once the build has completed. Some blocks (e.g. CurrentScreenBlock) load
+                // their shader sources asynchronously, so the build may still be running when this is called
+                // (for instance right after a synchronous NodeMaterial.Parse). Registering the still empty
+                // shaders would make the engine try to fetch them from a URL and fail with a 404, leaving the
+                // post process blank. Defer the effect creation until the build has completed.
+                if (!this._buildWasSuccessful) {
+                    if (!postProcess) {
+                        // Create the handle now with compilation blocked so callers can attach their observers;
+                        // the actual effect is created once the build completes.
+                        postProcess = new PostProcess(this.name + "PostProcess", "postprocess", null, null, options, camera, samplingMode, engine, reusable, null, textureType, "postprocess", undefined, true, textureFormat, this.shaderLanguage);
+                        postProcess.nodeMaterialSource = this;
+                    }
+                    const deferredPostProcess = postProcess;
+                    this.onBuildObservable.addOnce(() => {
+                        this._createEffectForPostProcess(deferredPostProcess, camera, options, samplingMode, engine, reusable, textureType, textureFormat);
+                    });
+                    if (!this._buildIsInProgress) {
+                        this.build();
+                    }
+                    return postProcess;
+                }
+                let tempName = this.name + this._buildId;
+                const defines = new NodeMaterialDefines();
+                let buildId = this._buildId;
+                this._processDefines(defines);
+                // If no vertex shader emitted, fallback to default postprocess vertex shader
+                const vertexCode = this._sharedData.checks.emitVertex ? this._vertexCompilationState._builtCompilationString : undefined;
+                Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, vertexCode, this.shaderLanguage);
+                if (!postProcess) {
+                    postProcess = new PostProcess(this.name + "PostProcess", tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, options, camera, samplingMode, engine, reusable, defines.toString(), textureType, vertexCode ? tempName : "postprocess", { maxSimultaneousLights: this.maxSimultaneousLights }, false, textureFormat, this.shaderLanguage);
+                }
+                else {
+                    postProcess.updateEffect(defines.toString(), this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, { maxSimultaneousLights: this.maxSimultaneousLights }, undefined, undefined, vertexCode ? tempName : "postprocess", tempName);
                 }
-            }
-            cfg.enabled = true;
-        }
-        // COLOR_TEXTURE is always required for prepass, length > 1 means
-        // we actually need to write to special prepass textures
-        return prePassTexturesRequired.length > 1;
-    }
-    /**
-     * Create a post process from the material
-     * @param camera The camera to apply the render pass to.
-     * @param options The required width/height ratio to downsize to before computing the render pass. (Use 1.0 for full size)
-     * @param samplingMode The sampling mode to be used when computing the pass. (default: 0)
-     * @param engine The engine which the post process will be applied. (default: current engine)
-     * @param reusable If the post process can be reused on the same frame. (default: false)
-     * @param textureType Type of textures used when performing the post process. (default: 0)
-     * @param textureFormat Format of textures used when performing the post process. (default: TEXTUREFORMAT_RGBA)
-     * @returns the post process created
-     */
-    createPostProcess(camera, options = 1, samplingMode = 1, engine, reusable, textureType = 0, textureFormat = 5) {
-        if (this.mode !== NodeMaterialModes.PostProcess && this.mode !== NodeMaterialModes.SFE) {
-            Logger.Log("Incompatible material mode");
-            return null;
-        }
-        return this._createEffectForPostProcess(null, camera, options, samplingMode, engine, reusable, textureType, textureFormat);
-    }
-    /**
-     * Create the post process effect from the material
-     * @param postProcess The post process to create the effect for
-     */
-    createEffectForPostProcess(postProcess) {
-        this._createEffectForPostProcess(postProcess);
-    }
-    _createEffectForPostProcess(postProcess, camera, options = 1, samplingMode = 1, engine, reusable, textureType = 0, textureFormat = 5) {
-        // The post process effect is built from the shader code produced by the node graph. That code
-        // is only available once the build has completed. Some blocks (e.g. CurrentScreenBlock) load
-        // their shader sources asynchronously, so the build may still be running when this is called
-        // (for instance right after a synchronous NodeMaterial.Parse). Registering the still empty
-        // shaders would make the engine try to fetch them from a URL and fail with a 404, leaving the
-        // post process blank. Defer the effect creation until the build has completed.
-        if (!this._buildWasSuccessful) {
-            if (!postProcess) {
-                // Create the handle now with compilation blocked so callers can attach their observers;
-                // the actual effect is created once the build completes.
-                postProcess = new PostProcess(this.name + "PostProcess", "postprocess", null, null, options, camera, samplingMode, engine, reusable, null, textureType, "postprocess", undefined, true, textureFormat, this.shaderLanguage);
                 postProcess.nodeMaterialSource = this;
-            }
-            const deferredPostProcess = postProcess;
-            this.onBuildObservable.addOnce(() => {
-                this._createEffectForPostProcess(deferredPostProcess, camera, options, samplingMode, engine, reusable, textureType, textureFormat);
-            });
-            if (!this._buildIsInProgress) {
-                this.build();
-            }
-            return postProcess;
-        }
-        let tempName = this.name + this._buildId;
-        const defines = new NodeMaterialDefines();
-        let buildId = this._buildId;
-        this._processDefines(defines);
-        // If no vertex shader emitted, fallback to default postprocess vertex shader
-        const vertexCode = this._sharedData.checks.emitVertex ? this._vertexCompilationState._builtCompilationString : undefined;
-        Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, vertexCode, this.shaderLanguage);
-        if (!postProcess) {
-            postProcess = new PostProcess(this.name + "PostProcess", tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, options, camera, samplingMode, engine, reusable, defines.toString(), textureType, vertexCode ? tempName : "postprocess", { maxSimultaneousLights: this.maxSimultaneousLights }, false, textureFormat, this.shaderLanguage);
-        }
-        else {
-            postProcess.updateEffect(defines.toString(), this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, { maxSimultaneousLights: this.maxSimultaneousLights }, undefined, undefined, vertexCode ? tempName : "postprocess", tempName);
-        }
-        postProcess.nodeMaterialSource = this;
-        postProcess.onApplyObservable.add((effect) => {
-            if (buildId !== this._buildId) {
-                delete Effect.ShadersStore[tempName + "VertexShader"];
-                delete Effect.ShadersStore[tempName + "PixelShader"];
-                tempName = this.name + this._buildId;
-                defines.markAllAsDirty();
-                buildId = this._buildId;
-            }
-            const result = this._processDefines(defines);
-            if (result) {
-                // Recompute the vertex emission for the current build (the graph may have been rebuilt),
-                // and register with the material's shader language so WGSL post processes use the WGSL store.
-                const currentVertexCode = this._sharedData.checks.emitVertex ? this._vertexCompilationState._builtCompilationString : undefined;
-                Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, currentVertexCode, this.shaderLanguage);
-                TimingTools.SetImmediate(() => postProcess.updateEffect(defines.toString(), this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, { maxSimultaneousLights: this.maxSimultaneousLights }, undefined, undefined, currentVertexCode ? tempName : "postprocess", tempName));
-            }
-            this._checkInternals(effect);
-        });
-        return postProcess;
-    }
-    /**
-     * Create a new procedural texture based on this node material
-     * @param size defines the size of the texture
-     * @param scene defines the hosting scene
-     * @returns the new procedural texture attached to this node material
-     */
-    createProceduralTexture(size, scene) {
-        if (this.mode !== NodeMaterialModes.ProceduralTexture) {
-            Logger.Log("Incompatible material mode");
-            return null;
-        }
-        let tempName = this.name + this._buildId;
-        const proceduralTexture = new ProceduralTexture(tempName, size, null, scene);
-        proceduralTexture.nodeMaterialSource = this;
-        const defines = new NodeMaterialDefines();
-        let buildId = this._buildId;
-        let effect;
-        const refreshEffect = () => {
-            if (buildId !== this._buildId) {
-                delete Effect.ShadersStore[tempName + "VertexShader"];
-                delete Effect.ShadersStore[tempName + "PixelShader"];
-                tempName = this.name + this._buildId;
-                defines.markAllAsDirty();
-                buildId = this._buildId;
-            }
-            const result = this._processDefines(defines);
-            if (result) {
-                Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, this._vertexCompilationState._builtCompilationString, this.shaderLanguage);
-                TimingTools.SetImmediate(() => {
-                    // The material may have been disposed before this deferred effect creation runs.
-                    if (!this._fragmentCompilationState) {
-                        return;
+                postProcess.onApplyObservable.add((effect) => {
+                    if (buildId !== this._buildId) {
+                        delete Effect.ShadersStore[tempName + "VertexShader"];
+                        delete Effect.ShadersStore[tempName + "PixelShader"];
+                        tempName = this.name + this._buildId;
+                        defines.markAllAsDirty();
+                        buildId = this._buildId;
+                    }
+                    const result = this._processDefines(defines);
+                    if (result) {
+                        // Recompute the vertex emission for the current build (the graph may have been rebuilt),
+                        // and register with the material's shader language so WGSL post processes use the WGSL store.
+                        const currentVertexCode = this._sharedData.checks.emitVertex ? this._vertexCompilationState._builtCompilationString : undefined;
+                        Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, currentVertexCode, this.shaderLanguage);
+                        TimingTools.SetImmediate(() => postProcess.updateEffect(defines.toString(), this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, { maxSimultaneousLights: this.maxSimultaneousLights }, undefined, undefined, currentVertexCode ? tempName : "postprocess", tempName));
+                    }
+                    this._checkInternals(effect);
+                });
+                return postProcess;
+            }
+            /**
+             * Create a new procedural texture based on this node material
+             * @param size defines the size of the texture
+             * @param scene defines the hosting scene
+             * @returns the new procedural texture attached to this node material
+             */
+            createProceduralTexture(size, scene) {
+                if (this.mode !== NodeMaterialModes.ProceduralTexture) {
+                    Logger.Log("Incompatible material mode");
+                    return null;
+                }
+                let tempName = this.name + this._buildId;
+                const proceduralTexture = new ProceduralTexture(tempName, size, null, scene);
+                proceduralTexture.nodeMaterialSource = this;
+                const defines = new NodeMaterialDefines();
+                let buildId = this._buildId;
+                let effect;
+                const refreshEffect = () => {
+                    if (buildId !== this._buildId) {
+                        delete Effect.ShadersStore[tempName + "VertexShader"];
+                        delete Effect.ShadersStore[tempName + "PixelShader"];
+                        tempName = this.name + this._buildId;
+                        defines.markAllAsDirty();
+                        buildId = this._buildId;
+                    }
+                    const result = this._processDefines(defines);
+                    if (result) {
+                        Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, this._vertexCompilationState._builtCompilationString, this.shaderLanguage);
+                        TimingTools.SetImmediate(() => {
+                            // The material may have been disposed before this deferred effect creation runs.
+                            if (!this._fragmentCompilationState) {
+                                return;
+                            }
+                            effect = this.getScene().getEngine().createEffect({
+                                vertexElement: tempName,
+                                fragmentElement: tempName,
+                            }, [VertexBuffer.PositionKind], this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString(), result?.fallbacks, undefined, undefined, undefined, this.shaderLanguage);
+                            proceduralTexture._setEffect(effect);
+                        });
+                    }
+                    if (effect) {
+                        this._checkInternals(effect);
                     }
+                };
+                proceduralTexture.onBeforeGenerationObservable.add(() => {
+                    refreshEffect();
+                });
+                // This is needed if the procedural texture is not set to refresh automatically
+                this.onBuildObservable.add(() => {
+                    refreshEffect();
+                });
+                // The effect is built from the shader code produced by the node graph, which is only available
+                // once the build has completed. Some blocks (e.g. CurrentScreenBlock) load their shader sources
+                // asynchronously, so the build may still be running here (for instance right after a synchronous
+                // NodeMaterial.Parse). Creating the effect now would register empty shaders and make the engine
+                // fetch them from a URL, failing with a 404. Only create the effect once the build has
+                // succeeded; otherwise the onBuildObservable hook above creates it when the build completes.
+                if (this._buildWasSuccessful) {
+                    const result = this._processDefines(defines);
+                    Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, this._vertexCompilationState._builtCompilationString, this.shaderLanguage);
                     effect = this.getScene().getEngine().createEffect({
                         vertexElement: tempName,
                         fragmentElement: tempName,
                     }, [VertexBuffer.PositionKind], this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString(), result?.fallbacks, undefined, undefined, undefined, this.shaderLanguage);
                     proceduralTexture._setEffect(effect);
-                });
+                }
+                else if (!this._buildIsInProgress) {
+                    this.build();
+                }
+                return proceduralTexture;
             }
-            if (effect) {
-                this._checkInternals(effect);
+            _createEffectForParticles(particleSystem, blendMode, onCompiled, onError, effect, defines, particleSystemDefinesJoined = "") {
+                let tempName = this.name + this._buildId + "_" + blendMode;
+                if (!defines) {
+                    defines = new NodeMaterialDefines();
+                }
+                let buildId = this._buildId;
+                const particleSystemDefines = [];
+                let join = particleSystemDefinesJoined;
+                if (!effect) {
+                    const result = this._processDefines(defines);
+                    Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, undefined, this.shaderLanguage);
+                    particleSystem.fillDefines(particleSystemDefines, blendMode, false);
+                    join = particleSystemDefines.join("\n");
+                    effect = this.getScene()
+                        .getEngine()
+                        .createEffectForParticles(tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString() + "\n" + join, result?.fallbacks, onCompiled, onError, particleSystem, this.shaderLanguage);
+                    particleSystem.setCustomEffect(effect, blendMode);
+                }
+                effect.onBindObservable.add((effect) => {
+                    if (buildId !== this._buildId) {
+                        delete Effect.ShadersStore[tempName + "PixelShader"];
+                        tempName = this.name + this._buildId + "_" + blendMode;
+                        defines.markAllAsDirty();
+                        buildId = this._buildId;
+                    }
+                    particleSystemDefines.length = 0;
+                    particleSystem.fillDefines(particleSystemDefines, blendMode, false);
+                    const particleSystemDefinesJoinedCurrent = particleSystemDefines.join("\n");
+                    if (particleSystemDefinesJoinedCurrent !== join) {
+                        defines.markAllAsDirty();
+                        join = particleSystemDefinesJoinedCurrent;
+                    }
+                    const result = this._processDefines(defines);
+                    if (result) {
+                        Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, undefined, this.shaderLanguage);
+                        effect = this.getScene()
+                            .getEngine()
+                            .createEffectForParticles(tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString() + "\n" + join, result?.fallbacks, onCompiled, onError, particleSystem);
+                        particleSystem.setCustomEffect(effect, blendMode);
+                        this._createEffectForParticles(particleSystem, blendMode, onCompiled, onError, effect, defines, particleSystemDefinesJoined); // add the effect.onBindObservable observer
+                        return;
+                    }
+                    this._checkInternals(effect);
+                });
             }
-        };
-        proceduralTexture.onBeforeGenerationObservable.add(() => {
-            refreshEffect();
-        });
-        // This is needed if the procedural texture is not set to refresh automatically
-        this.onBuildObservable.add(() => {
-            refreshEffect();
-        });
-        // The effect is built from the shader code produced by the node graph, which is only available
-        // once the build has completed. Some blocks (e.g. CurrentScreenBlock) load their shader sources
-        // asynchronously, so the build may still be running here (for instance right after a synchronous
-        // NodeMaterial.Parse). Creating the effect now would register empty shaders and make the engine
-        // fetch them from a URL, failing with a 404. Only create the effect once the build has
-        // succeeded; otherwise the onBuildObservable hook above creates it when the build completes.
-        if (this._buildWasSuccessful) {
-            const result = this._processDefines(defines);
-            Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, this._vertexCompilationState._builtCompilationString, this.shaderLanguage);
-            effect = this.getScene().getEngine().createEffect({
-                vertexElement: tempName,
-                fragmentElement: tempName,
-            }, [VertexBuffer.PositionKind], this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString(), result?.fallbacks, undefined, undefined, undefined, this.shaderLanguage);
-            proceduralTexture._setEffect(effect);
-        }
-        else if (!this._buildIsInProgress) {
-            this.build();
-        }
-        return proceduralTexture;
-    }
-    _createEffectForParticles(particleSystem, blendMode, onCompiled, onError, effect, defines, particleSystemDefinesJoined = "") {
-        let tempName = this.name + this._buildId + "_" + blendMode;
-        if (!defines) {
-            defines = new NodeMaterialDefines();
-        }
-        let buildId = this._buildId;
-        const particleSystemDefines = [];
-        let join = particleSystemDefinesJoined;
-        if (!effect) {
-            const result = this._processDefines(defines);
-            Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, undefined, this.shaderLanguage);
-            particleSystem.fillDefines(particleSystemDefines, blendMode, false);
-            join = particleSystemDefines.join("\n");
-            effect = this.getScene()
-                .getEngine()
-                .createEffectForParticles(tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString() + "\n" + join, result?.fallbacks, onCompiled, onError, particleSystem, this.shaderLanguage);
-            particleSystem.setCustomEffect(effect, blendMode);
-        }
-        effect.onBindObservable.add((effect) => {
-            if (buildId !== this._buildId) {
-                delete Effect.ShadersStore[tempName + "PixelShader"];
-                tempName = this.name + this._buildId + "_" + blendMode;
-                defines.markAllAsDirty();
-                buildId = this._buildId;
-            }
-            particleSystemDefines.length = 0;
-            particleSystem.fillDefines(particleSystemDefines, blendMode, false);
-            const particleSystemDefinesJoinedCurrent = particleSystemDefines.join("\n");
-            if (particleSystemDefinesJoinedCurrent !== join) {
-                defines.markAllAsDirty();
-                join = particleSystemDefinesJoinedCurrent;
-            }
-            const result = this._processDefines(defines);
-            if (result) {
-                Effect.RegisterShader(tempName, this._fragmentCompilationState._builtCompilationString, undefined, this.shaderLanguage);
-                effect = this.getScene()
-                    .getEngine()
-                    .createEffectForParticles(tempName, this._fragmentCompilationState.uniforms, this._fragmentCompilationState.samplers, defines.toString() + "\n" + join, result?.fallbacks, onCompiled, onError, particleSystem);
-                particleSystem.setCustomEffect(effect, blendMode);
-                this._createEffectForParticles(particleSystem, blendMode, onCompiled, onError, effect, defines, particleSystemDefinesJoined); // add the effect.onBindObservable observer
-                return;
-            }
-            this._checkInternals(effect);
-        });
-    }
-    _checkInternals(effect) {
-        // Animated blocks
-        if (this._sharedData.animatedInputs) {
-            const scene = this.getScene();
-            const frameId = scene.getFrameId();
-            if (this._animationFrame !== frameId) {
-                for (const input of this._sharedData.animatedInputs) {
-                    input.animate(scene);
+            _checkInternals(effect) {
+                // Animated blocks
+                if (this._sharedData.animatedInputs) {
+                    const scene = this.getScene();
+                    const frameId = scene.getFrameId();
+                    if (this._animationFrame !== frameId) {
+                        for (const input of this._sharedData.animatedInputs) {
+                            input.animate(scene);
+                        }
+                        this._animationFrame = frameId;
+                    }
+                }
+                // Bindable blocks
+                for (const block of this._sharedData.bindableBlocks) {
+                    block.bind(effect, this);
+                }
+                // Connection points
+                for (const inputBlock of this._sharedData.inputBlocks) {
+                    inputBlock._transmit(effect, this.getScene(), this);
                 }
-                this._animationFrame = frameId;
             }
-        }
-        // Bindable blocks
-        for (const block of this._sharedData.bindableBlocks) {
-            block.bind(effect, this);
-        }
-        // Connection points
-        for (const inputBlock of this._sharedData.inputBlocks) {
-            inputBlock._transmit(effect, this.getScene(), this);
-        }
-    }
-    /**
-     * Create the effect to be used as the custom effect for a particle system
-     * @param particleSystem Particle system to create the effect for
-     * @param onCompiled defines a function to call when the effect creation is successful
-     * @param onError defines a function to call when the effect creation has failed
-     */
-    createEffectForParticles(particleSystem, onCompiled, onError) {
-        if (this.mode !== NodeMaterialModes.Particle) {
-            Logger.Log("Incompatible material mode");
-            return;
-        }
-        this._createEffectForParticles(particleSystem, BaseParticleSystem.BLENDMODE_ONEONE, onCompiled, onError);
-        this._createEffectForParticles(particleSystem, BaseParticleSystem.BLENDMODE_MULTIPLY, onCompiled, onError);
-    }
-    /**
-     * Use this material as the shadow depth wrapper of a target material
-     * @param targetMaterial defines the target material
-     */
-    createAsShadowDepthWrapper(targetMaterial) {
-        if (this.mode !== NodeMaterialModes.Material) {
-            Logger.Log("Incompatible material mode");
-            return;
-        }
-        targetMaterial.shadowDepthWrapper = new BABYLON.ShadowDepthWrapper(this, this.getScene());
-    }
-    _processDefines(defines, mesh, useInstances = false, subMesh) {
-        let result = null;
-        // Global defines
-        const scene = this.getScene();
-        if (PrepareDefinesForCamera(scene, defines)) {
-            defines.markAsMiscDirty();
-        }
-        // Shared defines
-        for (const b of this._sharedData.blocksWithDefines) {
-            b.initializeDefines(defines);
-        }
-        for (const b of this._sharedData.blocksWithDefines) {
-            b.prepareDefines(defines, this, mesh, useInstances, subMesh);
-        }
-        for (const d in this._sharedData.defines) {
-            defines[d] = this._sharedData.defines[d];
-        }
-        // Need to recompile?
-        if (defines.isDirty) {
-            const lightDisposed = defines._areLightsDisposed;
-            defines.markAsProcessed();
-            // Repeatable content generators
-            this._vertexCompilationState.compilationString = this._vertexCompilationState._builtCompilationString;
-            this._fragmentCompilationState.compilationString = this._fragmentCompilationState._builtCompilationString;
-            for (const b of this._sharedData.repeatableContentBlocks) {
-                b.replaceRepeatableContent(this._vertexCompilationState, defines, mesh);
-            }
-            // Uniforms
-            const uniformBuffers = [];
-            for (const b of this._sharedData.dynamicUniformBlocks) {
-                b.updateUniformsAndSamples(this._vertexCompilationState, this, defines, uniformBuffers);
-            }
-            const mergedUniforms = this._vertexCompilationState.uniforms;
-            for (const u of this._fragmentCompilationState.uniforms) {
-                const index = mergedUniforms.indexOf(u);
-                if (index === -1) {
-                    mergedUniforms.push(u);
+            /**
+             * Create the effect to be used as the custom effect for a particle system
+             * @param particleSystem Particle system to create the effect for
+             * @param onCompiled defines a function to call when the effect creation is successful
+             * @param onError defines a function to call when the effect creation has failed
+             */
+            createEffectForParticles(particleSystem, onCompiled, onError) {
+                if (this.mode !== NodeMaterialModes.Particle) {
+                    Logger.Log("Incompatible material mode");
+                    return;
+                }
+                this._createEffectForParticles(particleSystem, BaseParticleSystem.BLENDMODE_ONEONE, onCompiled, onError);
+                this._createEffectForParticles(particleSystem, BaseParticleSystem.BLENDMODE_MULTIPLY, onCompiled, onError);
+            }
+            /**
+             * Use this material as the shadow depth wrapper of a target material
+             * @param targetMaterial defines the target material
+             */
+            createAsShadowDepthWrapper(targetMaterial) {
+                if (this.mode !== NodeMaterialModes.Material) {
+                    Logger.Log("Incompatible material mode");
+                    return;
+                }
+                targetMaterial.shadowDepthWrapper = new BABYLON.ShadowDepthWrapper(this, this.getScene());
+            }
+            _processDefines(defines, mesh, useInstances = false, subMesh) {
+                let result = null;
+                // Global defines
+                const scene = this.getScene();
+                if (PrepareDefinesForCamera(scene, defines)) {
+                    defines.markAsMiscDirty();
+                }
+                // Shared defines
+                for (const b of this._sharedData.blocksWithDefines) {
+                    b.initializeDefines(defines);
+                }
+                for (const b of this._sharedData.blocksWithDefines) {
+                    b.prepareDefines(defines, this, mesh, useInstances, subMesh);
+                }
+                for (const d in this._sharedData.defines) {
+                    defines[d] = this._sharedData.defines[d];
+                }
+                // Need to recompile?
+                if (defines.isDirty) {
+                    const lightDisposed = defines._areLightsDisposed;
+                    defines.markAsProcessed();
+                    // Repeatable content generators
+                    this._vertexCompilationState.compilationString = this._vertexCompilationState._builtCompilationString;
+                    this._fragmentCompilationState.compilationString = this._fragmentCompilationState._builtCompilationString;
+                    for (const b of this._sharedData.repeatableContentBlocks) {
+                        b.replaceRepeatableContent(this._vertexCompilationState, defines, mesh);
+                    }
+                    // Uniforms
+                    const uniformBuffers = [];
+                    for (const b of this._sharedData.dynamicUniformBlocks) {
+                        b.updateUniformsAndSamples(this._vertexCompilationState, this, defines, uniformBuffers);
+                    }
+                    const mergedUniforms = this._vertexCompilationState.uniforms;
+                    for (const u of this._fragmentCompilationState.uniforms) {
+                        const index = mergedUniforms.indexOf(u);
+                        if (index === -1) {
+                            mergedUniforms.push(u);
+                        }
+                    }
+                    // Samplers
+                    const mergedSamplers = this._vertexCompilationState.samplers;
+                    for (const s of this._fragmentCompilationState.samplers) {
+                        const index = mergedSamplers.indexOf(s);
+                        if (index === -1) {
+                            mergedSamplers.push(s);
+                        }
+                    }
+                    const fallbacks = new EffectFallbacks();
+                    for (const b of this._sharedData.blocksWithFallbacks) {
+                        b.provideFallbacks(fallbacks, mesh);
+                    }
+                    result = {
+                        lightDisposed,
+                        uniformBuffers,
+                        mergedUniforms,
+                        mergedSamplers,
+                        fallbacks,
+                    };
+                }
+                return result;
+            }
+            /**
+             * Get if the submesh is ready to be used and all its information available.
+             * Child classes can use it to update shaders
+             * @param mesh defines the mesh to check
+             * @param subMesh defines which submesh to check
+             * @param useInstances specifies that instances should be used
+             * @returns a boolean indicating that the submesh is ready or not
+             */
+            isReadyForSubMesh(mesh, subMesh, useInstances = false) {
+                if (!this._buildWasSuccessful) {
+                    return false;
+                }
+                const scene = this.getScene();
+                if (this._sharedData.animatedInputs) {
+                    const frameId = scene.getFrameId();
+                    if (this._animationFrame !== frameId) {
+                        for (const input of this._sharedData.animatedInputs) {
+                            input.animate(scene);
+                        }
+                        this._animationFrame = frameId;
+                    }
                 }
-            }
-            // Samplers
-            const mergedSamplers = this._vertexCompilationState.samplers;
-            for (const s of this._fragmentCompilationState.samplers) {
-                const index = mergedSamplers.indexOf(s);
-                if (index === -1) {
-                    mergedSamplers.push(s);
+                const drawWrapper = subMesh._drawWrapper;
+                if (drawWrapper.effect && this.isFrozen) {
+                    if (drawWrapper._wasPreviouslyReady && drawWrapper._wasPreviouslyUsingInstances === useInstances) {
+                        return true;
+                    }
                 }
-            }
-            const fallbacks = new EffectFallbacks();
-            for (const b of this._sharedData.blocksWithFallbacks) {
-                b.provideFallbacks(fallbacks, mesh);
-            }
-            result = {
-                lightDisposed,
-                uniformBuffers,
-                mergedUniforms,
-                mergedSamplers,
-                fallbacks,
-            };
-        }
-        return result;
-    }
-    /**
-     * Get if the submesh is ready to be used and all its information available.
-     * Child classes can use it to update shaders
-     * @param mesh defines the mesh to check
-     * @param subMesh defines which submesh to check
-     * @param useInstances specifies that instances should be used
-     * @returns a boolean indicating that the submesh is ready or not
-     */
-    isReadyForSubMesh(mesh, subMesh, useInstances = false) {
-        if (!this._buildWasSuccessful) {
-            return false;
-        }
-        const scene = this.getScene();
-        if (this._sharedData.animatedInputs) {
-            const frameId = scene.getFrameId();
-            if (this._animationFrame !== frameId) {
-                for (const input of this._sharedData.animatedInputs) {
-                    input.animate(scene);
+                if (!subMesh.materialDefines) {
+                    subMesh.materialDefines = new NodeMaterialDefines();
                 }
-                this._animationFrame = frameId;
-            }
-        }
-        const drawWrapper = subMesh._drawWrapper;
-        if (drawWrapper.effect && this.isFrozen) {
-            if (drawWrapper._wasPreviouslyReady && drawWrapper._wasPreviouslyUsingInstances === useInstances) {
-                return true;
-            }
-        }
-        if (!subMesh.materialDefines) {
-            subMesh.materialDefines = new NodeMaterialDefines();
-        }
-        const defines = subMesh.materialDefines;
-        if (this._isReadyForSubMesh(subMesh)) {
-            return true;
-        }
-        const engine = scene.getEngine();
-        this._prepareDefinesForAttributes(mesh, defines);
-        // Check if blocks are ready
-        if (this._sharedData.blockingBlocks.some((b) => !b.isReady(mesh, this, defines, useInstances))) {
-            return false;
-        }
-        if (!AreLightsTexturesReady(scene, mesh, this.maxSimultaneousLights)) {
-            return false;
-        }
-        const result = this._processDefines(defines, mesh, useInstances, subMesh);
-        if (result) {
-            const previousEffect = subMesh.effect;
-            // Compilation
-            const join = defines.toString();
-            const effect = engine.createEffect({
-                vertex: "nodeMaterial" + this._buildId,
-                fragment: "nodeMaterial" + this._buildId,
-                vertexSource: this._vertexCompilationState.compilationString,
-                fragmentSource: this._fragmentCompilationState.compilationString,
-            }, {
-                attributes: this._vertexCompilationState.attributes,
-                uniformsNames: result.mergedUniforms,
-                uniformBuffersNames: result.uniformBuffers,
-                samplers: result.mergedSamplers,
-                defines: join,
-                fallbacks: result.fallbacks,
-                onCompiled: this.onCompiled,
-                onError: this.onError,
-                multiTarget: defines.PREPASS,
-                indexParameters: { maxSimultaneousLights: this.maxSimultaneousLights, maxSimultaneousMorphTargets: defines.NUM_MORPH_INFLUENCERS },
-                shaderLanguage: this.shaderLanguage,
-            }, engine);
-            if (effect) {
-                if (this._onEffectCreatedObservable) {
-                    onCreatedEffectParameters.effect = effect;
-                    onCreatedEffectParameters.subMesh = subMesh;
-                    this._onEffectCreatedObservable.notifyObservers(onCreatedEffectParameters);
-                }
-                // Use previous effect while new one is compiling
-                if (this.allowShaderHotSwapping && previousEffect && !effect.isReady()) {
-                    defines.markAsUnprocessed();
-                    if (result.lightDisposed) {
-                        // re register in case it takes more than one frame.
-                        defines._areLightsDisposed = true;
-                        return false;
+                const defines = subMesh.materialDefines;
+                if (this._isReadyForSubMesh(subMesh)) {
+                    return true;
+                }
+                const engine = scene.getEngine();
+                this._prepareDefinesForAttributes(mesh, defines);
+                // Check if blocks are ready
+                if (this._sharedData.blockingBlocks.some((b) => !b.isReady(mesh, this, defines, useInstances))) {
+                    return false;
+                }
+                if (!AreLightsTexturesReady(scene, mesh, this.maxSimultaneousLights)) {
+                    return false;
+                }
+                const result = this._processDefines(defines, mesh, useInstances, subMesh);
+                if (result) {
+                    const previousEffect = subMesh.effect;
+                    // Compilation
+                    const join = defines.toString();
+                    const effect = engine.createEffect({
+                        vertex: "nodeMaterial" + this._buildId,
+                        fragment: "nodeMaterial" + this._buildId,
+                        vertexSource: this._vertexCompilationState.compilationString,
+                        fragmentSource: this._fragmentCompilationState.compilationString,
+                    }, {
+                        attributes: this._vertexCompilationState.attributes,
+                        uniformsNames: result.mergedUniforms,
+                        uniformBuffersNames: result.uniformBuffers,
+                        samplers: result.mergedSamplers,
+                        defines: join,
+                        fallbacks: result.fallbacks,
+                        onCompiled: this.onCompiled,
+                        onError: this.onError,
+                        multiTarget: defines.PREPASS,
+                        indexParameters: { maxSimultaneousLights: this.maxSimultaneousLights, maxSimultaneousMorphTargets: defines.NUM_MORPH_INFLUENCERS },
+                        shaderLanguage: this.shaderLanguage,
+                    }, engine);
+                    if (effect) {
+                        if (this._onEffectCreatedObservable) {
+                            onCreatedEffectParameters.effect = effect;
+                            onCreatedEffectParameters.subMesh = subMesh;
+                            this._onEffectCreatedObservable.notifyObservers(onCreatedEffectParameters);
+                        }
+                        // Use previous effect while new one is compiling
+                        if (this.allowShaderHotSwapping && previousEffect && !effect.isReady()) {
+                            defines.markAsUnprocessed();
+                            if (result.lightDisposed) {
+                                // re register in case it takes more than one frame.
+                                defines._areLightsDisposed = true;
+                                return false;
+                            }
+                        }
+                        else {
+                            scene.resetCachedMaterial();
+                            subMesh.setEffect(effect, defines, this._materialContext);
+                        }
                     }
                 }
-                else {
-                    scene.resetCachedMaterial();
-                    subMesh.setEffect(effect, defines, this._materialContext);
+                // Check if lights are ready
+                if (defines["AREALIGHTUSED"] || defines["CLUSTLIGHT_BATCH"]) {
+                    for (let index = 0; index < mesh.lightSources.length; index++) {
+                        if (!mesh.lightSources[index]._isReady()) {
+                            return false;
+                        }
+                    }
                 }
-            }
-        }
-        // Check if lights are ready
-        if (defines["AREALIGHTUSED"] || defines["CLUSTLIGHT_BATCH"]) {
-            for (let index = 0; index < mesh.lightSources.length; index++) {
-                if (!mesh.lightSources[index]._isReady()) {
+                if (!subMesh.effect || !subMesh.effect.isReady()) {
                     return false;
                 }
-            }
-        }
-        if (!subMesh.effect || !subMesh.effect.isReady()) {
-            return false;
-        }
-        defines._renderId = scene.getRenderId();
-        drawWrapper._wasPreviouslyReady = true;
-        drawWrapper._wasPreviouslyUsingInstances = useInstances;
-        this._checkScenePerformancePriority();
-        return true;
-    }
-    /**
-     * Get a string representing the shaders built by the current node graph
-     */
-    get compiledShaders() {
-        if (!this._buildWasSuccessful) {
-            this.build();
-        }
-        return `// Vertex shader\n${this._vertexCompilationState.compilationString}\n\n// Fragment shader\n${this._fragmentCompilationState.compilationString}`;
-    }
-    /**
-     * Get a string representing the fragment shader used by the engine for the current node graph
-     * @internal
-     */
-    async _getProcessedFragmentAsync() {
-        if (!this._buildWasSuccessful) {
-            this.build();
-        }
-        const defines = new NodeMaterialDefines();
-        this._processDefines(defines);
-        let processingDefines = defines.toString();
-        if (this.mode === NodeMaterialModes.SFE) {
-            processingDefines += `#define ${SfeModeDefine}\n`;
-        }
-        return await this._fragmentCompilationState.getProcessedShaderAsync(processingDefines);
-    }
-    /**
-     * Binds the world matrix to the material
-     * @param world defines the world transformation matrix
-     */
-    bindOnlyWorldMatrix(world) {
-        const scene = this.getScene();
-        if (!this._activeEffect) {
-            return;
-        }
-        const hints = this._sharedData.hints;
-        if (hints.needWorldViewMatrix) {
-            world.multiplyToRef(scene.getViewMatrix(), this._cachedWorldViewMatrix);
-        }
-        if (hints.needWorldViewProjectionMatrix) {
-            world.multiplyToRef(scene.getTransformMatrix(), this._cachedWorldViewProjectionMatrix);
-        }
-        // Connection points
-        for (const inputBlock of this._sharedData.inputBlocks) {
-            inputBlock._transmitWorld(this._activeEffect, world, this._cachedWorldViewMatrix, this._cachedWorldViewProjectionMatrix);
-        }
-    }
-    /**
-     * Binds the submesh to this material by preparing the effect and shader to draw
-     * @param world defines the world transformation matrix
-     * @param mesh defines the mesh containing the submesh
-     * @param subMesh defines the submesh to bind the material to
-     */
-    bindForSubMesh(world, mesh, subMesh) {
-        const scene = this.getScene();
-        const effect = subMesh.effect;
-        if (!effect) {
-            return;
-        }
-        this._activeEffect = effect;
-        // Matrices
-        this.bindOnlyWorldMatrix(world);
-        const mustRebind = this._mustRebind(scene, effect, subMesh, mesh.visibility);
-        const sharedData = this._sharedData;
-        if (mustRebind) {
-            // Bindable blocks
-            for (const block of sharedData.bindableBlocks) {
-                block.bind(effect, this, mesh, subMesh);
-            }
-            for (const block of sharedData.forcedBindableBlocks) {
-                block.bind(effect, this, mesh, subMesh);
-            }
-            // Connection points
-            for (const inputBlock of sharedData.inputBlocks) {
-                inputBlock._transmit(effect, scene, this);
-            }
-        }
-        else if (!this.isFrozen) {
-            for (const block of sharedData.forcedBindableBlocks) {
-                block.bind(effect, this, mesh, subMesh);
-            }
-        }
-        this._afterBind(mesh, this._activeEffect, subMesh);
-    }
-    /**
-     * Gets the active textures from the material
-     * @returns an array of textures
-     */
-    getActiveTextures() {
-        const activeTextures = super.getActiveTextures();
-        if (this._sharedData) {
-            activeTextures.push(...this._sharedData.textureBlocks.filter((tb) => tb.texture).map((tb) => tb.texture));
-        }
-        return activeTextures;
-    }
-    /**
-     * Gets the list of texture blocks
-     * Note that this method will only return blocks that are reachable from the final block(s) and only after the material has been built!
-     * @returns an array of texture blocks
-     */
-    getTextureBlocks() {
-        if (!this._sharedData) {
-            return [];
-        }
-        return this._sharedData.textureBlocks;
-    }
-    /**
-     * Gets the list of all texture blocks
-     * Note that this method will scan all attachedBlocks and return blocks that are texture blocks
-     * @returns
-     */
-    getAllTextureBlocks() {
-        const textureBlocks = [];
-        for (const block of this.attachedBlocks) {
-            if (NodeMaterialBlockIsTextureBlock(block)) {
-                textureBlocks.push(block);
-            }
-        }
-        return textureBlocks;
-    }
-    /**
-     * Specifies if the material uses a texture
-     * @param texture defines the texture to check against the material
-     * @returns a boolean specifying if the material uses the texture
-     */
-    hasTexture(texture) {
-        if (super.hasTexture(texture)) {
-            return true;
-        }
-        if (!this._sharedData) {
-            return false;
-        }
-        for (const t of this._sharedData.textureBlocks) {
-            if (t.texture === texture) {
+                defines._renderId = scene.getRenderId();
+                drawWrapper._wasPreviouslyReady = true;
+                drawWrapper._wasPreviouslyUsingInstances = useInstances;
+                this._checkScenePerformancePriority();
                 return true;
             }
-        }
-        return false;
-    }
-    /**
-     * Disposes the material
-     * @param forceDisposeEffect specifies if effects should be forcefully disposed
-     * @param forceDisposeTextures specifies if textures should be forcefully disposed
-     * @param notBoundToMesh specifies if the material that is being disposed is known to be not bound to any mesh
-     */
-    dispose(forceDisposeEffect, forceDisposeTextures, notBoundToMesh) {
-        if (forceDisposeTextures) {
-            for (const texture of this.getTextureBlocks()
-                .filter((tb) => tb.texture)
-                .map((tb) => tb.texture)) {
-                texture.dispose();
+            /**
+             * Get a string representing the shaders built by the current node graph
+             */
+            get compiledShaders() {
+                if (!this._buildWasSuccessful) {
+                    this.build();
+                }
+                return `// Vertex shader\n${this._vertexCompilationState.compilationString}\n\n// Fragment shader\n${this._fragmentCompilationState.compilationString}`;
+            }
+            /**
+             * Get a string representing the fragment shader used by the engine for the current node graph
+             * @internal
+             */
+            async _getProcessedFragmentAsync() {
+                if (!this._buildWasSuccessful) {
+                    this.build();
+                }
+                const defines = new NodeMaterialDefines();
+                this._processDefines(defines);
+                let processingDefines = defines.toString();
+                if (this.mode === NodeMaterialModes.SFE) {
+                    processingDefines += `#define ${SfeModeDefine}\n`;
+                }
+                return await this._fragmentCompilationState.getProcessedShaderAsync(processingDefines);
+            }
+            /**
+             * Binds the world matrix to the material
+             * @param world defines the world transformation matrix
+             */
+            bindOnlyWorldMatrix(world) {
+                const scene = this.getScene();
+                if (!this._activeEffect) {
+                    return;
+                }
+                const hints = this._sharedData.hints;
+                if (hints.needWorldViewMatrix) {
+                    world.multiplyToRef(scene.getViewMatrix(), this._cachedWorldViewMatrix);
+                }
+                if (hints.needWorldViewProjectionMatrix) {
+                    world.multiplyToRef(scene.getTransformMatrix(), this._cachedWorldViewProjectionMatrix);
+                }
+                // Connection points
+                for (const inputBlock of this._sharedData.inputBlocks) {
+                    inputBlock._transmitWorld(this._activeEffect, world, this._cachedWorldViewMatrix, this._cachedWorldViewProjectionMatrix);
+                }
             }
-        }
-        for (const block of this.attachedBlocks) {
-            block.dispose();
-        }
-        this.attachedBlocks.length = 0;
-        this._sharedData = null;
-        this._vertexCompilationState = null;
-        this._fragmentCompilationState = null;
-        this.onBuildObservable.clear();
-        this.onBuildErrorObservable.clear();
-        if (this._imageProcessingObserver) {
-            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
-            this._imageProcessingObserver = null;
-        }
-        super.dispose(forceDisposeEffect, forceDisposeTextures, notBoundToMesh);
-    }
-    /** Creates the node editor window.
-     * @param additionalConfig Define the configuration of the editor
-     */
-    _createNodeEditor(additionalConfig) {
-        const nodeEditorConfig = {
-            nodeMaterial: this,
-            ...additionalConfig,
-        };
-        this.BJSNODEMATERIALEDITOR.NodeEditor.Show(nodeEditorConfig);
-    }
-    /**
-     * Launch the node material editor
-     * @param config Define the configuration of the editor
-     * @returns a promise fulfilled when the node editor is visible
-     */
-    async edit(config) {
-        return await new Promise((resolve) => {
-            this.BJSNODEMATERIALEDITOR = this.BJSNODEMATERIALEDITOR || this._getGlobalNodeMaterialEditor();
-            if (typeof this.BJSNODEMATERIALEDITOR == "undefined") {
-                const editorUrl = config && config.editorURL ? config.editorURL : NodeMaterial.EditorURL;
-                // Load editor and add it to the DOM
-                Tools.LoadBabylonScript(editorUrl, () => {
+            /**
+             * Binds the submesh to this material by preparing the effect and shader to draw
+             * @param world defines the world transformation matrix
+             * @param mesh defines the mesh containing the submesh
+             * @param subMesh defines the submesh to bind the material to
+             */
+            bindForSubMesh(world, mesh, subMesh) {
+                const scene = this.getScene();
+                const effect = subMesh.effect;
+                if (!effect) {
+                    return;
+                }
+                this._activeEffect = effect;
+                // Matrices
+                this.bindOnlyWorldMatrix(world);
+                const mustRebind = this._mustRebind(scene, effect, subMesh, mesh.visibility);
+                const sharedData = this._sharedData;
+                if (mustRebind) {
+                    // Bindable blocks
+                    for (const block of sharedData.bindableBlocks) {
+                        block.bind(effect, this, mesh, subMesh);
+                    }
+                    for (const block of sharedData.forcedBindableBlocks) {
+                        block.bind(effect, this, mesh, subMesh);
+                    }
+                    // Connection points
+                    for (const inputBlock of sharedData.inputBlocks) {
+                        inputBlock._transmit(effect, scene, this);
+                    }
+                }
+                else if (!this.isFrozen) {
+                    for (const block of sharedData.forcedBindableBlocks) {
+                        block.bind(effect, this, mesh, subMesh);
+                    }
+                }
+                this._afterBind(mesh, this._activeEffect, subMesh);
+            }
+            /**
+             * Gets the active textures from the material
+             * @returns an array of textures
+             */
+            getActiveTextures() {
+                const activeTextures = super.getActiveTextures();
+                if (this._sharedData) {
+                    activeTextures.push(...this._sharedData.textureBlocks.filter((tb) => tb.texture).map((tb) => tb.texture));
+                }
+                return activeTextures;
+            }
+            /**
+             * Gets the list of texture blocks
+             * Note that this method will only return blocks that are reachable from the final block(s) and only after the material has been built!
+             * @returns an array of texture blocks
+             */
+            getTextureBlocks() {
+                if (!this._sharedData) {
+                    return [];
+                }
+                return this._sharedData.textureBlocks;
+            }
+            /**
+             * Gets the list of all texture blocks
+             * Note that this method will scan all attachedBlocks and return blocks that are texture blocks
+             * @returns
+             */
+            getAllTextureBlocks() {
+                const textureBlocks = [];
+                for (const block of this.attachedBlocks) {
+                    if (NodeMaterialBlockIsTextureBlock(block)) {
+                        textureBlocks.push(block);
+                    }
+                }
+                return textureBlocks;
+            }
+            /**
+             * Specifies if the material uses a texture
+             * @param texture defines the texture to check against the material
+             * @returns a boolean specifying if the material uses the texture
+             */
+            hasTexture(texture) {
+                if (super.hasTexture(texture)) {
+                    return true;
+                }
+                if (!this._sharedData) {
+                    return false;
+                }
+                for (const t of this._sharedData.textureBlocks) {
+                    if (t.texture === texture) {
+                        return true;
+                    }
+                }
+                return false;
+            }
+            /**
+             * Disposes the material
+             * @param forceDisposeEffect specifies if effects should be forcefully disposed
+             * @param forceDisposeTextures specifies if textures should be forcefully disposed
+             * @param notBoundToMesh specifies if the material that is being disposed is known to be not bound to any mesh
+             */
+            dispose(forceDisposeEffect, forceDisposeTextures, notBoundToMesh) {
+                if (forceDisposeTextures) {
+                    for (const texture of this.getTextureBlocks()
+                        .filter((tb) => tb.texture)
+                        .map((tb) => tb.texture)) {
+                        texture.dispose();
+                    }
+                }
+                for (const block of this.attachedBlocks) {
+                    block.dispose();
+                }
+                this.attachedBlocks.length = 0;
+                this._sharedData = null;
+                this._vertexCompilationState = null;
+                this._fragmentCompilationState = null;
+                this.onBuildObservable.clear();
+                this.onBuildErrorObservable.clear();
+                if (this._imageProcessingObserver) {
+                    this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
+                    this._imageProcessingObserver = null;
+                }
+                super.dispose(forceDisposeEffect, forceDisposeTextures, notBoundToMesh);
+            }
+            /** Creates the node editor window.
+             * @param additionalConfig Define the configuration of the editor
+             */
+            _createNodeEditor(additionalConfig) {
+                const nodeEditorConfig = {
+                    nodeMaterial: this,
+                    ...additionalConfig,
+                };
+                this.BJSNODEMATERIALEDITOR.NodeEditor.Show(nodeEditorConfig);
+            }
+            /**
+             * Launch the node material editor
+             * @param config Define the configuration of the editor
+             * @returns a promise fulfilled when the node editor is visible
+             */
+            async edit(config) {
+                return await new Promise((resolve) => {
                     this.BJSNODEMATERIALEDITOR = this.BJSNODEMATERIALEDITOR || this._getGlobalNodeMaterialEditor();
-                    this._createNodeEditor(config?.nodeEditorConfig);
-                    resolve();
+                    if (typeof this.BJSNODEMATERIALEDITOR == "undefined") {
+                        const editorUrl = config && config.editorURL ? config.editorURL : _a.EditorURL;
+                        // Load editor and add it to the DOM
+                        Tools.LoadBabylonScript(editorUrl, () => {
+                            this.BJSNODEMATERIALEDITOR = this.BJSNODEMATERIALEDITOR || this._getGlobalNodeMaterialEditor();
+                            this._createNodeEditor(config?.nodeEditorConfig);
+                            resolve();
+                        });
+                    }
+                    else {
+                        // Otherwise creates the editor
+                        this._createNodeEditor(config?.nodeEditorConfig);
+                        resolve();
+                    }
                 });
             }
-            else {
-                // Otherwise creates the editor
-                this._createNodeEditor(config?.nodeEditorConfig);
-                resolve();
-            }
-        });
-    }
-    /**
-     * Clear the current material
-     */
-    clear() {
-        this._vertexOutputNodes.length = 0;
-        this._fragmentOutputNodes.length = 0;
-        this.attachedBlocks.length = 0;
-        this._buildIsInProgress = false;
-    }
-    /**
-     * Clear the current material and set it to a default state
-     */
-    setToDefault() {
-        this.clear();
-        this.editorData = null;
-        const positionInput = new InputBlock("Position");
-        positionInput.setAsAttribute("position");
-        const worldInput = new InputBlock("World");
-        worldInput.setAsSystemValue(NodeMaterialSystemValues.World);
-        const worldPos = new TransformBlock("WorldPos");
-        positionInput.connectTo(worldPos);
-        worldInput.connectTo(worldPos);
-        const viewProjectionInput = new InputBlock("ViewProjection");
-        viewProjectionInput.setAsSystemValue(NodeMaterialSystemValues.ViewProjection);
-        const worldPosdMultipliedByViewProjection = new TransformBlock("WorldPos * ViewProjectionTransform");
-        worldPos.connectTo(worldPosdMultipliedByViewProjection);
-        viewProjectionInput.connectTo(worldPosdMultipliedByViewProjection);
-        const vertexOutput = new VertexOutputBlock("VertexOutput");
-        worldPosdMultipliedByViewProjection.connectTo(vertexOutput);
-        // Pixel
-        const pixelColor = new InputBlock("color");
-        pixelColor.value = new Color4(0.8, 0.8, 0.8, 1);
-        const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
-        pixelColor.connectTo(fragmentOutput);
-        // Add to nodes
-        this.addOutputNode(vertexOutput);
-        this.addOutputNode(fragmentOutput);
-        this._mode = NodeMaterialModes.Material;
-    }
-    /**
-     * Clear the current material and set it to a default state for post process
-     */
-    setToDefaultPostProcess() {
-        this.clear();
-        this.editorData = null;
-        const position = new InputBlock("Position");
-        position.setAsAttribute("position2d");
-        const const1 = new InputBlock("Constant1");
-        const1.isConstant = true;
-        const1.value = 1;
-        const vmerger = new VectorMergerBlock("Position3D");
-        position.connectTo(vmerger);
-        const1.connectTo(vmerger, { input: "w" });
-        const vertexOutput = new VertexOutputBlock("VertexOutput");
-        vmerger.connectTo(vertexOutput);
-        // Pixel
-        const scale = new InputBlock("Scale");
-        scale.visibleInInspector = true;
-        scale.value = new Vector2(1, 1);
-        const uv0 = new RemapBlock("uv0");
-        position.connectTo(uv0);
-        const uv = new MultiplyBlock("UV scale");
-        uv0.connectTo(uv);
-        scale.connectTo(uv);
-        const currentScreen = new CurrentScreenBlock("CurrentScreen");
-        uv.connectTo(currentScreen);
-        const textureUrl = Tools.GetAssetUrl("https://assets.babylonjs.com/core/nme/currentScreenPostProcess.png");
-        currentScreen.texture = new Texture(textureUrl, this.getScene());
-        const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
-        currentScreen.connectTo(fragmentOutput, { output: "rgba" });
-        // Add to nodes
-        this.addOutputNode(vertexOutput);
-        this.addOutputNode(fragmentOutput);
-        this._mode = NodeMaterialModes.PostProcess;
-    }
-    /**
-     * Clear the current material and set it to a default state for procedural texture
-     */
-    setToDefaultProceduralTexture() {
-        this.clear();
-        this.editorData = null;
-        const position = new InputBlock("Position");
-        position.setAsAttribute("position2d");
-        const const1 = new InputBlock("Constant1");
-        const1.isConstant = true;
-        const1.value = 1;
-        const vmerger = new VectorMergerBlock("Position3D");
-        position.connectTo(vmerger);
-        const1.connectTo(vmerger, { input: "w" });
-        const vertexOutput = new VertexOutputBlock("VertexOutput");
-        vmerger.connectTo(vertexOutput);
-        // Pixel
-        const time = new InputBlock("Time");
-        time.value = 0;
-        time.min = 0;
-        time.max = 0;
-        time.isBoolean = false;
-        time.matrixMode = 0;
-        time.animationType = AnimatedInputBlockTypes.Time;
-        time.isConstant = false;
-        const color = new InputBlock("Color3");
-        color.value = new Color3(1, 1, 1);
-        color.isConstant = false;
-        const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
-        const vectorMerger = new VectorMergerBlock("VectorMerger");
-        vectorMerger.visibleInInspector = false;
-        const cos = new TrigonometryBlock("Cos");
-        cos.operation = TrigonometryBlockOperations.Cos;
-        position.connectTo(vectorMerger);
-        time.output.connectTo(cos.input);
-        cos.output.connectTo(vectorMerger.z);
-        vectorMerger.xyzOut.connectTo(fragmentOutput.rgb);
-        // Add to nodes
-        this.addOutputNode(vertexOutput);
-        this.addOutputNode(fragmentOutput);
-        this._mode = NodeMaterialModes.ProceduralTexture;
-    }
-    /**
-     * Clear the current material and set it to a default state for particle
-     */
-    setToDefaultParticle() {
-        this.clear();
-        this.editorData = null;
-        // Pixel
-        const uv = new InputBlock("uv");
-        uv.setAsAttribute("particle_uv");
-        const texture = new ParticleTextureBlock("ParticleTexture");
-        uv.connectTo(texture);
-        const color = new InputBlock("Color");
-        color.setAsAttribute("particle_color");
-        const multiply = new MultiplyBlock("Texture * Color");
-        texture.connectTo(multiply);
-        color.connectTo(multiply);
-        const rampGradient = new ParticleRampGradientBlock("ParticleRampGradient");
-        multiply.connectTo(rampGradient);
-        const cSplitter = new ColorSplitterBlock("ColorSplitter");
-        color.connectTo(cSplitter);
-        const blendMultiply = new ParticleBlendMultiplyBlock("ParticleBlendMultiply");
-        rampGradient.connectTo(blendMultiply);
-        texture.connectTo(blendMultiply, { output: "a" });
-        cSplitter.connectTo(blendMultiply, { output: "a" });
-        const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
-        blendMultiply.connectTo(fragmentOutput);
-        // Add to nodes
-        this.addOutputNode(fragmentOutput);
-        this._mode = NodeMaterialModes.Particle;
-    }
-    /**
-     * Loads the current Node Material from a url pointing to a file save by the Node Material Editor
-     * @deprecated Please use NodeMaterial.ParseFromFileAsync instead
-     * @param url defines the url to load from
-     * @param rootUrl defines the root URL for nested url in the node material
-     * @returns a promise that will fulfil when the material is fully loaded
-     */
-    async loadAsync(url, rootUrl = "") {
-        return await NodeMaterialParseFromFileAsync("", url, this.getScene(), rootUrl, true, this);
-    }
-    _gatherBlocks(rootNode, list) {
-        if (list.indexOf(rootNode) !== -1) {
-            return;
-        }
-        list.push(rootNode);
-        for (const input of rootNode.inputs) {
-            const connectedPoint = input.connectedPoint;
-            if (connectedPoint) {
-                const block = connectedPoint.ownerBlock;
-                if (block !== rootNode) {
-                    this._gatherBlocks(block, list);
+            /**
+             * Clear the current material
+             */
+            clear() {
+                this._vertexOutputNodes.length = 0;
+                this._fragmentOutputNodes.length = 0;
+                this.attachedBlocks.length = 0;
+                this._buildIsInProgress = false;
+            }
+            /**
+             * Clear the current material and set it to a default state
+             */
+            setToDefault() {
+                this.clear();
+                this.editorData = null;
+                const positionInput = new InputBlock("Position");
+                positionInput.setAsAttribute("position");
+                const worldInput = new InputBlock("World");
+                worldInput.setAsSystemValue(NodeMaterialSystemValues.World);
+                const worldPos = new TransformBlock("WorldPos");
+                positionInput.connectTo(worldPos);
+                worldInput.connectTo(worldPos);
+                const viewProjectionInput = new InputBlock("ViewProjection");
+                viewProjectionInput.setAsSystemValue(NodeMaterialSystemValues.ViewProjection);
+                const worldPosdMultipliedByViewProjection = new TransformBlock("WorldPos * ViewProjectionTransform");
+                worldPos.connectTo(worldPosdMultipliedByViewProjection);
+                viewProjectionInput.connectTo(worldPosdMultipliedByViewProjection);
+                const vertexOutput = new VertexOutputBlock("VertexOutput");
+                worldPosdMultipliedByViewProjection.connectTo(vertexOutput);
+                // Pixel
+                const pixelColor = new InputBlock("color");
+                pixelColor.value = new Color4(0.8, 0.8, 0.8, 1);
+                const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
+                pixelColor.connectTo(fragmentOutput);
+                // Add to nodes
+                this.addOutputNode(vertexOutput);
+                this.addOutputNode(fragmentOutput);
+                this._mode = NodeMaterialModes.Material;
+            }
+            /**
+             * Clear the current material and set it to a default state for post process
+             */
+            setToDefaultPostProcess() {
+                this.clear();
+                this.editorData = null;
+                const position = new InputBlock("Position");
+                position.setAsAttribute("position2d");
+                const const1 = new InputBlock("Constant1");
+                const1.isConstant = true;
+                const1.value = 1;
+                const vmerger = new VectorMergerBlock("Position3D");
+                position.connectTo(vmerger);
+                const1.connectTo(vmerger, { input: "w" });
+                const vertexOutput = new VertexOutputBlock("VertexOutput");
+                vmerger.connectTo(vertexOutput);
+                // Pixel
+                const scale = new InputBlock("Scale");
+                scale.visibleInInspector = true;
+                scale.value = new Vector2(1, 1);
+                const uv0 = new RemapBlock("uv0");
+                position.connectTo(uv0);
+                const uv = new MultiplyBlock("UV scale");
+                uv0.connectTo(uv);
+                scale.connectTo(uv);
+                const currentScreen = new CurrentScreenBlock("CurrentScreen");
+                uv.connectTo(currentScreen);
+                const textureUrl = Tools.GetAssetUrl("https://assets.babylonjs.com/core/nme/currentScreenPostProcess.png");
+                currentScreen.texture = new Texture(textureUrl, this.getScene());
+                const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
+                currentScreen.connectTo(fragmentOutput, { output: "rgba" });
+                // Add to nodes
+                this.addOutputNode(vertexOutput);
+                this.addOutputNode(fragmentOutput);
+                this._mode = NodeMaterialModes.PostProcess;
+            }
+            /**
+             * Clear the current material and set it to a default state for procedural texture
+             */
+            setToDefaultProceduralTexture() {
+                this.clear();
+                this.editorData = null;
+                const position = new InputBlock("Position");
+                position.setAsAttribute("position2d");
+                const const1 = new InputBlock("Constant1");
+                const1.isConstant = true;
+                const1.value = 1;
+                const vmerger = new VectorMergerBlock("Position3D");
+                position.connectTo(vmerger);
+                const1.connectTo(vmerger, { input: "w" });
+                const vertexOutput = new VertexOutputBlock("VertexOutput");
+                vmerger.connectTo(vertexOutput);
+                // Pixel
+                const time = new InputBlock("Time");
+                time.value = 0;
+                time.min = 0;
+                time.max = 0;
+                time.isBoolean = false;
+                time.matrixMode = 0;
+                time.animationType = AnimatedInputBlockTypes.Time;
+                time.isConstant = false;
+                const color = new InputBlock("Color3");
+                color.value = new Color3(1, 1, 1);
+                color.isConstant = false;
+                const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
+                const vectorMerger = new VectorMergerBlock("VectorMerger");
+                vectorMerger.visibleInInspector = false;
+                const cos = new TrigonometryBlock("Cos");
+                cos.operation = TrigonometryBlockOperations.Cos;
+                position.connectTo(vectorMerger);
+                time.output.connectTo(cos.input);
+                cos.output.connectTo(vectorMerger.z);
+                vectorMerger.xyzOut.connectTo(fragmentOutput.rgb);
+                // Add to nodes
+                this.addOutputNode(vertexOutput);
+                this.addOutputNode(fragmentOutput);
+                this._mode = NodeMaterialModes.ProceduralTexture;
+            }
+            /**
+             * Clear the current material and set it to a default state for particle
+             */
+            setToDefaultParticle() {
+                this.clear();
+                this.editorData = null;
+                // Pixel
+                const uv = new InputBlock("uv");
+                uv.setAsAttribute("particle_uv");
+                const texture = new ParticleTextureBlock("ParticleTexture");
+                uv.connectTo(texture);
+                const color = new InputBlock("Color");
+                color.setAsAttribute("particle_color");
+                const multiply = new MultiplyBlock("Texture * Color");
+                texture.connectTo(multiply);
+                color.connectTo(multiply);
+                const rampGradient = new ParticleRampGradientBlock("ParticleRampGradient");
+                multiply.connectTo(rampGradient);
+                const cSplitter = new ColorSplitterBlock("ColorSplitter");
+                color.connectTo(cSplitter);
+                const blendMultiply = new ParticleBlendMultiplyBlock("ParticleBlendMultiply");
+                rampGradient.connectTo(blendMultiply);
+                texture.connectTo(blendMultiply, { output: "a" });
+                cSplitter.connectTo(blendMultiply, { output: "a" });
+                const fragmentOutput = new FragmentOutputBlock("FragmentOutput");
+                blendMultiply.connectTo(fragmentOutput);
+                // Add to nodes
+                this.addOutputNode(fragmentOutput);
+                this._mode = NodeMaterialModes.Particle;
+            }
+            /**
+             * Loads the current Node Material from a url pointing to a file save by the Node Material Editor
+             * @deprecated Please use NodeMaterial.ParseFromFileAsync instead
+             * @param url defines the url to load from
+             * @param rootUrl defines the root URL for nested url in the node material
+             * @returns a promise that will fulfil when the material is fully loaded
+             */
+            async loadAsync(url, rootUrl = "") {
+                return await NodeMaterialParseFromFileAsync("", url, this.getScene(), rootUrl, true, this);
+            }
+            _gatherBlocks(rootNode, list) {
+                if (list.indexOf(rootNode) !== -1) {
+                    return;
                 }
-            }
-        }
-        // Teleportation
-        if (rootNode.isTeleportOut) {
-            const block = rootNode;
-            if (block.entryPoint) {
-                this._gatherBlocks(block.entryPoint, list);
-            }
-        }
-    }
-    /**
-     * Generate a string containing the code declaration required to create an equivalent of this material
-     * @returns a string
-     */
-    generateCode() {
-        let alreadyDumped = [];
-        const vertexBlocks = [];
-        const uniqueNames = ["const", "var", "let"];
-        // Gets active blocks
-        for (const outputNode of this._vertexOutputNodes) {
-            this._gatherBlocks(outputNode, vertexBlocks);
-        }
-        const fragmentBlocks = [];
-        for (const outputNode of this._fragmentOutputNodes) {
-            this._gatherBlocks(outputNode, fragmentBlocks);
-        }
-        // Generate vertex shader
-        let codeString = `var nodeMaterial = new BABYLON.NodeMaterial("${this.name || "node material"}");\n`;
-        codeString += `nodeMaterial.mode = BABYLON.NodeMaterialModes.${NodeMaterialModes[this.mode]};\n`;
-        for (const node of vertexBlocks) {
-            if (node.isInput && alreadyDumped.indexOf(node) === -1) {
-                codeString += node._dumpCode(uniqueNames, alreadyDumped);
-            }
-        }
-        // Generate fragment shader
-        for (const node of fragmentBlocks) {
-            if (node.isInput && alreadyDumped.indexOf(node) === -1) {
-                codeString += node._dumpCode(uniqueNames, alreadyDumped);
-            }
-        }
-        // Connections
-        alreadyDumped = [];
-        codeString += "\n// Connections\n";
-        for (const node of this._vertexOutputNodes) {
-            codeString += node._dumpCodeForOutputConnections(alreadyDumped);
-        }
-        for (const node of this._fragmentOutputNodes) {
-            codeString += node._dumpCodeForOutputConnections(alreadyDumped);
-        }
-        // Output nodes
-        codeString += "\n// Output nodes\n";
-        for (const node of this._vertexOutputNodes) {
-            codeString += `nodeMaterial.addOutputNode(${node._codeVariableName});\n`;
-        }
-        for (const node of this._fragmentOutputNodes) {
-            codeString += `nodeMaterial.addOutputNode(${node._codeVariableName});\n`;
-        }
-        codeString += `nodeMaterial.build();\n`;
-        return codeString;
-    }
-    /**
-     * Serializes this material in a JSON representation
-     * @param selectedBlocks defines an optional list of blocks to serialize
-     * @returns the serialized material object
-     */
-    serialize(selectedBlocks) {
-        const serializationObject = selectedBlocks ? {} : SerializationHelper.Serialize(this);
-        serializationObject.editorData = JSON.parse(JSON.stringify(this.editorData)); // Copy
-        let blocks = [];
-        if (selectedBlocks) {
-            blocks = selectedBlocks;
-        }
-        else {
-            serializationObject.customType = "BABYLON.NodeMaterial";
-            serializationObject.outputNodes = [];
-            // Outputs
-            for (const outputNode of this._vertexOutputNodes) {
-                this._gatherBlocks(outputNode, blocks);
-                serializationObject.outputNodes.push(outputNode.uniqueId);
-            }
-            for (const outputNode of this._fragmentOutputNodes) {
-                this._gatherBlocks(outputNode, blocks);
-                if (serializationObject.outputNodes.indexOf(outputNode.uniqueId) === -1) {
-                    serializationObject.outputNodes.push(outputNode.uniqueId);
+                list.push(rootNode);
+                for (const input of rootNode.inputs) {
+                    const connectedPoint = input.connectedPoint;
+                    if (connectedPoint) {
+                        const block = connectedPoint.ownerBlock;
+                        if (block !== rootNode) {
+                            this._gatherBlocks(block, list);
+                        }
+                    }
                 }
-            }
-        }
-        // Blocks
-        serializationObject.blocks = [];
-        for (const block of blocks) {
-            serializationObject.blocks.push(block.serialize());
-        }
-        if (!selectedBlocks) {
-            for (const block of this.attachedBlocks) {
-                if (blocks.indexOf(block) !== -1) {
-                    continue;
+                // Teleportation
+                if (rootNode.isTeleportOut) {
+                    const block = rootNode;
+                    if (block.entryPoint) {
+                        this._gatherBlocks(block.entryPoint, list);
+                    }
                 }
-                serializationObject.blocks.push(block.serialize());
             }
-        }
-        serializationObject.uniqueId = this.uniqueId;
-        return serializationObject;
-    }
-    _restoreConnections(block, source, map) {
-        for (const outputPoint of block.outputs) {
-            for (const candidate of source.blocks) {
-                const target = map[candidate.id];
-                if (!target) {
-                    continue;
-                }
-                for (const input of candidate.inputs) {
-                    if (map[input.targetBlockId] === block && input.targetConnectionName === outputPoint.name) {
-                        const inputPoint = target.getInputByName(input.inputName);
-                        if (!inputPoint || inputPoint.isConnected) {
+            /**
+             * Generate a string containing the code declaration required to create an equivalent of this material
+             * @returns a string
+             */
+            generateCode() {
+                let alreadyDumped = [];
+                const vertexBlocks = [];
+                const uniqueNames = ["const", "var", "let"];
+                // Gets active blocks
+                for (const outputNode of this._vertexOutputNodes) {
+                    this._gatherBlocks(outputNode, vertexBlocks);
+                }
+                const fragmentBlocks = [];
+                for (const outputNode of this._fragmentOutputNodes) {
+                    this._gatherBlocks(outputNode, fragmentBlocks);
+                }
+                // Generate vertex shader
+                let codeString = `var nodeMaterial = new BABYLON.NodeMaterial("${this.name || "node material"}");\n`;
+                codeString += `nodeMaterial.mode = BABYLON.NodeMaterialModes.${NodeMaterialModes[this.mode]};\n`;
+                for (const node of vertexBlocks) {
+                    if (node.isInput && alreadyDumped.indexOf(node) === -1) {
+                        codeString += node._dumpCode(uniqueNames, alreadyDumped);
+                    }
+                }
+                // Generate fragment shader
+                for (const node of fragmentBlocks) {
+                    if (node.isInput && alreadyDumped.indexOf(node) === -1) {
+                        codeString += node._dumpCode(uniqueNames, alreadyDumped);
+                    }
+                }
+                // Connections
+                alreadyDumped = [];
+                codeString += "\n// Connections\n";
+                for (const node of this._vertexOutputNodes) {
+                    codeString += node._dumpCodeForOutputConnections(alreadyDumped);
+                }
+                for (const node of this._fragmentOutputNodes) {
+                    codeString += node._dumpCodeForOutputConnections(alreadyDumped);
+                }
+                // Output nodes
+                codeString += "\n// Output nodes\n";
+                for (const node of this._vertexOutputNodes) {
+                    codeString += `nodeMaterial.addOutputNode(${node._codeVariableName});\n`;
+                }
+                for (const node of this._fragmentOutputNodes) {
+                    codeString += `nodeMaterial.addOutputNode(${node._codeVariableName});\n`;
+                }
+                codeString += `nodeMaterial.build();\n`;
+                return codeString;
+            }
+            /**
+             * Serializes this material in a JSON representation
+             * @param selectedBlocks defines an optional list of blocks to serialize
+             * @returns the serialized material object
+             */
+            serialize(selectedBlocks) {
+                const serializationObject = selectedBlocks ? {} : SerializationHelper.Serialize(this);
+                serializationObject.editorData = JSON.parse(JSON.stringify(this.editorData)); // Copy
+                let blocks = [];
+                if (selectedBlocks) {
+                    blocks = selectedBlocks;
+                }
+                else {
+                    serializationObject.customType = "BABYLON.NodeMaterial";
+                    serializationObject.outputNodes = [];
+                    // Outputs
+                    for (const outputNode of this._vertexOutputNodes) {
+                        this._gatherBlocks(outputNode, blocks);
+                        serializationObject.outputNodes.push(outputNode.uniqueId);
+                    }
+                    for (const outputNode of this._fragmentOutputNodes) {
+                        this._gatherBlocks(outputNode, blocks);
+                        if (serializationObject.outputNodes.indexOf(outputNode.uniqueId) === -1) {
+                            serializationObject.outputNodes.push(outputNode.uniqueId);
+                        }
+                    }
+                }
+                // Blocks
+                serializationObject.blocks = [];
+                for (const block of blocks) {
+                    serializationObject.blocks.push(block.serialize());
+                }
+                if (!selectedBlocks) {
+                    for (const block of this.attachedBlocks) {
+                        if (blocks.indexOf(block) !== -1) {
                             continue;
                         }
-                        outputPoint.connectTo(inputPoint, true);
-                        this._restoreConnections(target, source, map);
-                        continue;
+                        serializationObject.blocks.push(block.serialize());
                     }
                 }
-            }
-        }
-    }
-    /**
-     * Clear the current graph and load a new one from a serialization object
-     * @param source defines the JSON representation of the material
-     * @param rootUrl defines the root URL to use to load textures and relative dependencies
-     * @param merge defines whether or not the source must be merged or replace the current content
-     * @param urlRewriter defines a function used to rewrite urls
-     */
-    parseSerializedObject(source, rootUrl = "", merge = false, urlRewriter) {
-        if (!merge) {
-            this.clear();
-        }
-        const id = this.id;
-        const uniqueId = this.uniqueId;
-        const previousImageProcessingConfiguration = this._imageProcessingConfiguration;
-        const previousImageProcessingObserver = this._imageProcessingObserver;
-        const hasSerializedImageProcessingConfiguration = Object.prototype.hasOwnProperty.call(source, "_imageProcessingConfiguration");
-        SerializationHelper.ParseProperties(source, this, this.getScene(), rootUrl);
-        const parsedImageProcessingConfiguration = this._imageProcessingConfiguration;
-        if (hasSerializedImageProcessingConfiguration) {
-            this._imageProcessingConfiguration = previousImageProcessingConfiguration;
-            this._imageProcessingObserver = previousImageProcessingObserver;
-            this._attachImageProcessingConfiguration(parsedImageProcessingConfiguration);
-        }
-        this.id = id;
-        this.uniqueId = uniqueId;
-        const map = {};
-        // Create blocks
-        for (const parsedBlock of source.blocks) {
-            const blockType = GetClass(parsedBlock.customType);
-            if (blockType) {
-                const block = new blockType();
-                block._deserialize(parsedBlock, this.getScene(), rootUrl, urlRewriter);
-                map[parsedBlock.id] = block;
-                this.attachedBlocks.push(block);
-            }
-        }
-        // Reconnect teleportation
-        for (const block of this.attachedBlocks) {
-            if (block.isTeleportOut) {
-                const teleportOut = block;
-                const id = teleportOut._tempEntryPointUniqueId;
-                if (id) {
-                    const source = map[id];
-                    source.attachToEndpoint(teleportOut);
+                serializationObject.uniqueId = this.uniqueId;
+                return serializationObject;
+            }
+            _restoreConnections(block, source, map) {
+                for (const outputPoint of block.outputs) {
+                    for (const candidate of source.blocks) {
+                        const target = map[candidate.id];
+                        if (!target) {
+                            continue;
+                        }
+                        for (const input of candidate.inputs) {
+                            if (map[input.targetBlockId] === block && input.targetConnectionName === outputPoint.name) {
+                                const inputPoint = target.getInputByName(input.inputName);
+                                if (!inputPoint || inputPoint.isConnected) {
+                                    continue;
+                                }
+                                outputPoint.connectTo(inputPoint, true);
+                                this._restoreConnections(target, source, map);
+                                continue;
+                            }
+                        }
+                    }
                 }
             }
-        }
-        // Connections - Starts with input blocks only (except if in "merge" mode where we scan all blocks)
-        for (let blockIndex = 0; blockIndex < source.blocks.length; blockIndex++) {
-            const parsedBlock = source.blocks[blockIndex];
-            const block = map[parsedBlock.id];
-            if (!block) {
-                continue;
-            }
-            if (block.inputs.length && !merge) {
-                continue;
-            }
-            this._restoreConnections(block, source, map);
-        }
-        // Outputs
-        if (source.outputNodes) {
-            for (const outputNodeId of source.outputNodes) {
-                this.addOutputNode(map[outputNodeId]);
-            }
-        }
-        // UI related info
-        if (source.locations || (source.editorData && source.editorData.locations)) {
-            const locations = source.locations || source.editorData.locations;
-            for (const location of locations) {
-                if (map[location.blockId]) {
-                    location.blockId = map[location.blockId].uniqueId;
+            /**
+             * Clear the current graph and load a new one from a serialization object
+             * @param source defines the JSON representation of the material
+             * @param rootUrl defines the root URL to use to load textures and relative dependencies
+             * @param merge defines whether or not the source must be merged or replace the current content
+             * @param urlRewriter defines a function used to rewrite urls
+             */
+            parseSerializedObject(source, rootUrl = "", merge = false, urlRewriter) {
+                if (!merge) {
+                    this.clear();
+                }
+                const id = this.id;
+                const uniqueId = this.uniqueId;
+                const previousImageProcessingConfiguration = this._imageProcessingConfiguration;
+                const previousImageProcessingObserver = this._imageProcessingObserver;
+                const hasSerializedImageProcessingConfiguration = Object.prototype.hasOwnProperty.call(source, "_imageProcessingConfiguration");
+                SerializationHelper.ParseProperties(source, this, this.getScene(), rootUrl);
+                const parsedImageProcessingConfiguration = this._imageProcessingConfiguration;
+                if (hasSerializedImageProcessingConfiguration) {
+                    this._imageProcessingConfiguration = previousImageProcessingConfiguration;
+                    this._imageProcessingObserver = previousImageProcessingObserver;
+                    this._attachImageProcessingConfiguration(parsedImageProcessingConfiguration);
+                }
+                this.id = id;
+                this.uniqueId = uniqueId;
+                const map = {};
+                // Create blocks
+                for (const parsedBlock of source.blocks) {
+                    const blockType = GetClass(parsedBlock.customType);
+                    if (blockType) {
+                        const block = new blockType();
+                        block._deserialize(parsedBlock, this.getScene(), rootUrl, urlRewriter);
+                        map[parsedBlock.id] = block;
+                        this.attachedBlocks.push(block);
+                    }
+                }
+                // Reconnect teleportation
+                for (const block of this.attachedBlocks) {
+                    if (block.isTeleportOut) {
+                        const teleportOut = block;
+                        const id = teleportOut._tempEntryPointUniqueId;
+                        if (id) {
+                            const source = map[id];
+                            source.attachToEndpoint(teleportOut);
+                        }
+                    }
+                }
+                // Connections - Starts with input blocks only (except if in "merge" mode where we scan all blocks)
+                for (let blockIndex = 0; blockIndex < source.blocks.length; blockIndex++) {
+                    const parsedBlock = source.blocks[blockIndex];
+                    const block = map[parsedBlock.id];
+                    if (!block) {
+                        continue;
+                    }
+                    if (block.inputs.length && !merge) {
+                        continue;
+                    }
+                    this._restoreConnections(block, source, map);
+                }
+                // Outputs
+                if (source.outputNodes) {
+                    for (const outputNodeId of source.outputNodes) {
+                        this.addOutputNode(map[outputNodeId]);
+                    }
+                }
+                // UI related info
+                if (source.locations || (source.editorData && source.editorData.locations)) {
+                    const locations = source.locations || source.editorData.locations;
+                    for (const location of locations) {
+                        if (map[location.blockId]) {
+                            location.blockId = map[location.blockId].uniqueId;
+                        }
+                    }
+                    if (merge && this.editorData && this.editorData.locations) {
+                        locations.concat(this.editorData.locations);
+                    }
+                    if (source.locations) {
+                        this.editorData = {
+                            locations: locations,
+                        };
+                    }
+                    else {
+                        this.editorData = source.editorData;
+                        this.editorData.locations = locations;
+                    }
+                    const blockMap = {};
+                    for (const key in map) {
+                        blockMap[key] = map[key].uniqueId;
+                    }
+                    this.editorData.map = blockMap;
+                }
+                Material.ParseAlphaMode(source, this);
+                if (!merge) {
+                    this._mode = source.mode ?? NodeMaterialModes.Material;
                 }
             }
-            if (merge && this.editorData && this.editorData.locations) {
-                locations.concat(this.editorData.locations);
-            }
-            if (source.locations) {
-                this.editorData = {
-                    locations: locations,
-                };
-            }
-            else {
-                this.editorData = source.editorData;
-                this.editorData.locations = locations;
-            }
-            const blockMap = {};
-            for (const key in map) {
-                blockMap[key] = map[key].uniqueId;
-            }
-            this.editorData.map = blockMap;
-        }
-        Material.ParseAlphaMode(source, this);
-        if (!merge) {
-            this._mode = source.mode ?? NodeMaterialModes.Material;
-        }
-    }
-    /**
-     * Clear the current graph and load a new one from a serialization object
-     * @param source defines the JSON representation of the material
-     * @param rootUrl defines the root URL to use to load textures and relative dependencies
-     * @param merge defines whether or not the source must be merged or replace the current content
-     * @deprecated Please use the parseSerializedObject method instead
-     */
-    loadFromSerialization(source, rootUrl = "", merge = false) {
-        this.parseSerializedObject(source, rootUrl, merge);
-    }
-    /**
-     * Makes a duplicate of the current material.
-     * @param name defines the name to use for the new material
-     * @param shareEffect defines if the clone material should share the same effect (default is false)
-     * @returns the cloned material
-     */
-    clone(name, shareEffect = false) {
-        const serializationObject = this.serialize();
-        const clone = SerializationHelper.Clone(() => new NodeMaterial(name, this.getScene(), this.options), this);
-        clone.parseSerializedObject(serializationObject);
-        clone.id = name;
-        clone.name = name;
-        clone._buildId = this._buildId;
-        clone.build(false, !shareEffect);
-        return clone;
-    }
-    /**
-     * Awaits for all the material textures to be ready before resolving the returned promise.
-     * @returns A promise that resolves when the textures are ready.
-     */
-    // eslint-disable-next-line @typescript-eslint/promise-function-async, no-restricted-syntax
-    whenTexturesReadyAsync() {
-        // Ensures all textures are ready to render.
-        const textureReadyPromises = [];
-        const activeTextures = this.getActiveTextures();
-        for (const texture of activeTextures) {
-            const internalTexture = texture.getInternalTexture();
-            if (internalTexture && !internalTexture.isReady) {
-                textureReadyPromises.push(new Promise((textureResolve, textureReject) => {
-                    internalTexture.onLoadedObservable.addOnce(() => {
-                        textureResolve();
-                    });
-                    internalTexture.onErrorObservable.addOnce((e) => {
-                        textureReject(_ErrorFromReason(e));
-                    });
-                }));
-            }
-        }
-        return Promise.all(textureReadyPromises);
-    }
-}
-NodeMaterial._BuildIdGenerator = 0;
-/** Define the Url to load node editor script */
-NodeMaterial.EditorURL = `${Tools._DefaultCdnUrl}/v${AbstractEngine.Version}/nodeEditor/babylon.nodeEditor.js`;
-/** Define the Url to load snippets */
-NodeMaterial.SnippetUrl = `https://snippet.babylonjs.com`;
-/** Gets or sets a boolean indicating that node materials should not deserialize textures from json / snippet content */
-NodeMaterial.IgnoreTexturesAtLoadTime = false;
-/** Gets or sets a boolean indicating that render target textures can be serialized */
-NodeMaterial.AllowSerializationOfRenderTargetTextures = false;
-/** Defines default shader language when no option is defined */
-NodeMaterial.DefaultShaderLanguage = 0 /* ShaderLanguage.GLSL */;
-/** If true, the node material will use GLSL if the engine is WebGL and WGSL if it's WebGPU. It takes priority over DefaultShaderLanguage if it's true */
-NodeMaterial.UseNativeShaderLanguageOfEngine = false;
-__decorate([
-    serialize()
-], NodeMaterial.prototype, "ignoreAlpha", void 0);
-__decorate([
-    serialize()
-], NodeMaterial.prototype, "maxSimultaneousLights", void 0);
-__decorate([
-    serialize("mode")
-], NodeMaterial.prototype, "_mode", void 0);
-__decorate([
-    serialize("comment")
-], NodeMaterial.prototype, "comment", void 0);
-__decorate([
-    serialize()
-], NodeMaterial.prototype, "forceAlphaBlending", void 0);
+            /**
+             * Clear the current graph and load a new one from a serialization object
+             * @param source defines the JSON representation of the material
+             * @param rootUrl defines the root URL to use to load textures and relative dependencies
+             * @param merge defines whether or not the source must be merged or replace the current content
+             * @deprecated Please use the parseSerializedObject method instead
+             */
+            loadFromSerialization(source, rootUrl = "", merge = false) {
+                this.parseSerializedObject(source, rootUrl, merge);
+            }
+            /**
+             * Makes a duplicate of the current material.
+             * @param name defines the name to use for the new material
+             * @param shareEffect defines if the clone material should share the same effect (default is false)
+             * @returns the cloned material
+             */
+            clone(name, shareEffect = false) {
+                const serializationObject = this.serialize();
+                const clone = SerializationHelper.Clone(() => new _a(name, this.getScene(), this.options), this);
+                clone.parseSerializedObject(serializationObject);
+                clone.id = name;
+                clone.name = name;
+                clone._buildId = this._buildId;
+                clone.build(false, !shareEffect);
+                return clone;
+            }
+            /**
+             * Awaits for all the material textures to be ready before resolving the returned promise.
+             * @returns A promise that resolves when the textures are ready.
+             */
+            // eslint-disable-next-line @typescript-eslint/promise-function-async, no-restricted-syntax
+            whenTexturesReadyAsync() {
+                // Ensures all textures are ready to render.
+                const textureReadyPromises = [];
+                const activeTextures = this.getActiveTextures();
+                for (const texture of activeTextures) {
+                    const internalTexture = texture.getInternalTexture();
+                    if (internalTexture && !internalTexture.isReady) {
+                        textureReadyPromises.push(new Promise((textureResolve, textureReject) => {
+                            internalTexture.onLoadedObservable.addOnce(() => {
+                                textureResolve();
+                            });
+                            internalTexture.onErrorObservable.addOnce((e) => {
+                                textureReject(_ErrorFromReason(e));
+                            });
+                        }));
+                    }
+                }
+                return Promise.all(textureReadyPromises);
+            }
+        },
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _ignoreAlpha_decorators = [serialize()];
+            _maxSimultaneousLights_decorators = [serialize()];
+            __mode_decorators = [serialize("mode")];
+            _comment_decorators = [serialize("comment")];
+            _forceAlphaBlending_decorators = [serialize()];
+            __esDecorate(null, null, _ignoreAlpha_decorators, { kind: "field", name: "ignoreAlpha", static: false, private: false, access: { has: obj => "ignoreAlpha" in obj, get: obj => obj.ignoreAlpha, set: (obj, value) => { obj.ignoreAlpha = value; } }, metadata: _metadata }, _ignoreAlpha_initializers, _ignoreAlpha_extraInitializers);
+            __esDecorate(null, null, _maxSimultaneousLights_decorators, { kind: "field", name: "maxSimultaneousLights", static: false, private: false, access: { has: obj => "maxSimultaneousLights" in obj, get: obj => obj.maxSimultaneousLights, set: (obj, value) => { obj.maxSimultaneousLights = value; } }, metadata: _metadata }, _maxSimultaneousLights_initializers, _maxSimultaneousLights_extraInitializers);
+            __esDecorate(null, null, __mode_decorators, { kind: "field", name: "_mode", static: false, private: false, access: { has: obj => "_mode" in obj, get: obj => obj._mode, set: (obj, value) => { obj._mode = value; } }, metadata: _metadata }, __mode_initializers, __mode_extraInitializers);
+            __esDecorate(null, null, _comment_decorators, { kind: "field", name: "comment", static: false, private: false, access: { has: obj => "comment" in obj, get: obj => obj.comment, set: (obj, value) => { obj.comment = value; } }, metadata: _metadata }, _comment_initializers, _comment_extraInitializers);
+            __esDecorate(null, null, _forceAlphaBlending_decorators, { kind: "field", name: "forceAlphaBlending", static: false, private: false, access: { has: obj => "forceAlphaBlending" in obj, get: obj => obj.forceAlphaBlending, set: (obj, value) => { obj.forceAlphaBlending = value; } }, metadata: _metadata }, _forceAlphaBlending_initializers, _forceAlphaBlending_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a._BuildIdGenerator = 0,
+        /** Define the Url to load node editor script */
+        _a.EditorURL = `${Tools._DefaultCdnUrl}/v${AbstractEngine.Version}/nodeEditor/babylon.nodeEditor.js`,
+        /** Define the Url to load snippets */
+        _a.SnippetUrl = `https://snippet.babylonjs.com`,
+        /** Gets or sets a boolean indicating that node materials should not deserialize textures from json / snippet content */
+        _a.IgnoreTexturesAtLoadTime = false,
+        /** Gets or sets a boolean indicating that render target textures can be serialized */
+        _a.AllowSerializationOfRenderTargetTextures = false,
+        /** Defines default shader language when no option is defined */
+        _a.DefaultShaderLanguage = 0 /* ShaderLanguage.GLSL */,
+        /** If true, the node material will use GLSL if the engine is WebGL and WGSL if it's WebGPU. It takes priority over DefaultShaderLanguage if it's true */
+        _a.UseNativeShaderLanguageOfEngine = false,
+        _a;
+})();
+export { NodeMaterial };
 /**
  * Checks if a block is a texture block
  * @param block The block to check
@@ -2139,6 +2165,8 @@ export function RegisterNodeMaterial() {
         return;
     }
     _Registered = true;
+    // NodeMaterial serializes its image processing configuration, so the parser must be registered for clone/parse to work.
+    RegisterImageProcessingConfiguration();
     NodeMaterial._BlockIsTextureBlock = NodeMaterialBlockIsTextureBlock;
     NodeMaterial.Parse = NodeMaterialParse;
     NodeMaterial.ParseFromFileAsync = NodeMaterialParseFromFileAsync;