@babylonjs/loaders 5.0.0-rc.7 → 5.0.1

package/glTF/glTFFileLoader.js

@@ -1,928 +1,928 @@
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { SceneLoader, } from "@babylonjs/core/Loading/sceneLoader.js";
-import { AssetContainer } from "@babylonjs/core/assetContainer.js";
-import { Logger } from "@babylonjs/core/Misc/logger.js";
-import { DataReader } from "@babylonjs/core/Misc/dataReader.js";
-import { GLTFValidation } from "./glTFValidation.js";
-import { DecodeBase64UrlToBinary } from "@babylonjs/core/Misc/fileTools.js";
-import { StringTools } from "@babylonjs/core/Misc/stringTools.js";
-import { RuntimeError, ErrorCodes } from "@babylonjs/core/Misc/error.js";
-function readAsync(arrayBuffer, byteOffset, byteLength) {
-    try {
-        return Promise.resolve(new Uint8Array(arrayBuffer, byteOffset, byteLength));
-    }
-    catch (e) {
-        return Promise.reject(e);
-    }
-}
-/**
- * Mode that determines the coordinate system to use.
- */
-export var GLTFLoaderCoordinateSystemMode;
-(function (GLTFLoaderCoordinateSystemMode) {
-    /**
-     * Automatically convert the glTF right-handed data to the appropriate system based on the current coordinate system mode of the scene.
-     */
-    GLTFLoaderCoordinateSystemMode[GLTFLoaderCoordinateSystemMode["AUTO"] = 0] = "AUTO";
-    /**
-     * Sets the useRightHandedSystem flag on the scene.
-     */
-    GLTFLoaderCoordinateSystemMode[GLTFLoaderCoordinateSystemMode["FORCE_RIGHT_HANDED"] = 1] = "FORCE_RIGHT_HANDED";
-})(GLTFLoaderCoordinateSystemMode || (GLTFLoaderCoordinateSystemMode = {}));
-/**
- * Mode that determines what animations will start.
- */
-export var GLTFLoaderAnimationStartMode;
-(function (GLTFLoaderAnimationStartMode) {
-    /**
-     * No animation will start.
-     */
-    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["NONE"] = 0] = "NONE";
-    /**
-     * The first animation will start.
-     */
-    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["FIRST"] = 1] = "FIRST";
-    /**
-     * All animations will start.
-     */
-    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["ALL"] = 2] = "ALL";
-})(GLTFLoaderAnimationStartMode || (GLTFLoaderAnimationStartMode = {}));
-/**
- * Loader state.
- */
-export var GLTFLoaderState;
-(function (GLTFLoaderState) {
-    /**
-     * The asset is loading.
-     */
-    GLTFLoaderState[GLTFLoaderState["LOADING"] = 0] = "LOADING";
-    /**
-     * The asset is ready for rendering.
-     */
-    GLTFLoaderState[GLTFLoaderState["READY"] = 1] = "READY";
-    /**
-     * The asset is completely loaded.
-     */
-    GLTFLoaderState[GLTFLoaderState["COMPLETE"] = 2] = "COMPLETE";
-})(GLTFLoaderState || (GLTFLoaderState = {}));
-/**
- * File loader for loading glTF files into a scene.
- */
-var GLTFFileLoader = /** @class */ (function () {
-    function GLTFFileLoader() {
-        // --------------
-        // Common options
-        // --------------
-        /**
-         * Raised when the asset has been parsed
-         */
-        this.onParsedObservable = new Observable();
-        // ----------
-        // V2 options
-        // ----------
-        /**
-         * The coordinate system mode. Defaults to AUTO.
-         */
-        this.coordinateSystemMode = GLTFLoaderCoordinateSystemMode.AUTO;
-        /**
-         * The animation start mode. Defaults to FIRST.
-         */
-        this.animationStartMode = GLTFLoaderAnimationStartMode.FIRST;
-        /**
-         * Defines if the loader should compile materials before raising the success callback. Defaults to false.
-         */
-        this.compileMaterials = false;
-        /**
-         * Defines if the loader should also compile materials with clip planes. Defaults to false.
-         */
-        this.useClipPlane = false;
-        /**
-         * Defines if the loader should compile shadow generators before raising the success callback. Defaults to false.
-         */
-        this.compileShadowGenerators = false;
-        /**
-         * Defines if the Alpha blended materials are only applied as coverage.
-         * If false, (default) The luminance of each pixel will reduce its opacity to simulate the behaviour of most physical materials.
-         * If true, no extra effects are applied to transparent pixels.
-         */
-        this.transparencyAsCoverage = false;
-        /**
-         * Defines if the loader should use range requests when load binary glTF files from HTTP.
-         * Enabling will disable offline support and glTF validator.
-         * Defaults to false.
-         */
-        this.useRangeRequests = false;
-        /**
-         * Defines if the loader should create instances when multiple glTF nodes point to the same glTF mesh. Defaults to true.
-         */
-        this.createInstances = true;
-        /**
-         * Defines if the loader should always compute the bounding boxes of meshes and not use the min/max values from the position accessor. Defaults to false.
-         */
-        this.alwaysComputeBoundingBox = false;
-        /**
-         * If true, load all materials defined in the file, even if not used by any mesh. Defaults to false.
-         */
-        this.loadAllMaterials = false;
-        /**
-         * If true, load only the materials defined in the file. Defaults to false.
-         */
-        this.loadOnlyMaterials = false;
-        /**
-         * If true, do not load any materials defined in the file. Defaults to false.
-         */
-        this.skipMaterials = false;
-        /**
-         * If true, load the color (gamma encoded) textures into sRGB buffers (if supported by the GPU), which will yield more accurate results when sampling the texture. Defaults to true.
-         */
-        this.useSRGBBuffers = true;
-        /**
-         * When loading glTF animations, which are defined in seconds, target them to this FPS. Defaults to 60.
-         */
-        this.targetFps = 60;
-        /**
-         * Defines if the loader should always compute the nearest common ancestor of the skeleton joints instead of using `skin.skeleton`. Defaults to false.
-         * Set this to true if loading assets with invalid `skin.skeleton` values.
-         */
-        this.alwaysComputeSkeletonRootNode = false;
-        /**
-         * Function called before loading a url referenced by the asset.
-         * @param url
-         */
-        this.preprocessUrlAsync = function (url) { return Promise.resolve(url); };
-        /**
-         * Observable raised when the loader creates a mesh after parsing the glTF properties of the mesh.
-         * Note that the observable is raised as soon as the mesh object is created, meaning some data may not have been setup yet for this mesh (vertex data, morph targets, material, ...)
-         */
-        this.onMeshLoadedObservable = new Observable();
-        /**
-         * Observable raised when the loader creates a texture after parsing the glTF properties of the texture.
-         */
-        this.onTextureLoadedObservable = new Observable();
-        /**
-         * Observable raised when the loader creates a material after parsing the glTF properties of the material.
-         */
-        this.onMaterialLoadedObservable = new Observable();
-        /**
-         * Observable raised when the loader creates a camera after parsing the glTF properties of the camera.
-         */
-        this.onCameraLoadedObservable = new Observable();
-        /**
-         * Observable raised when the asset is completely loaded, immediately before the loader is disposed.
-         * For assets with LODs, raised when all of the LODs are complete.
-         * For assets without LODs, raised when the model is complete, immediately after the loader resolves the returned promise.
-         */
-        this.onCompleteObservable = new Observable();
-        /**
-         * Observable raised when an error occurs.
-         */
-        this.onErrorObservable = new Observable();
-        /**
-         * Observable raised after the loader is disposed.
-         */
-        this.onDisposeObservable = new Observable();
-        /**
-         * Observable raised after a loader extension is created.
-         * Set additional options for a loader extension in this event.
-         */
-        this.onExtensionLoadedObservable = new Observable();
-        /**
-         * Defines if the loader should validate the asset.
-         */
-        this.validate = false;
-        /**
-         * Observable raised after validation when validate is set to true. The event data is the result of the validation.
-         */
-        this.onValidatedObservable = new Observable();
-        this._loader = null;
-        this._state = null;
-        this._requests = new Array();
-        /**
-         * Name of the loader ("gltf")
-         */
-        this.name = "gltf";
-        /** @hidden */
-        this.extensions = {
-            ".gltf": { isBinary: false },
-            ".glb": { isBinary: true },
-        };
-        /**
-         * Observable raised when the loader state changes.
-         */
-        this.onLoaderStateChangedObservable = new Observable();
-        this._logIndentLevel = 0;
-        this._loggingEnabled = false;
-        /** @hidden */
-        this._log = this._logDisabled;
-        this._capturePerformanceCounters = false;
-        /** @hidden */
-        this._startPerformanceCounter = this._startPerformanceCounterDisabled;
-        /** @hidden */
-        this._endPerformanceCounter = this._endPerformanceCounterDisabled;
-    }
-    Object.defineProperty(GLTFFileLoader.prototype, "onParsed", {
-        /**
-         * Raised when the asset has been parsed
-         */
-        set: function (callback) {
-            if (this._onParsedObserver) {
-                this.onParsedObservable.remove(this._onParsedObserver);
-            }
-            this._onParsedObserver = this.onParsedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onMeshLoaded", {
-        /**
-         * Callback raised when the loader creates a mesh after parsing the glTF properties of the mesh.
-         * Note that the callback is called as soon as the mesh object is created, meaning some data may not have been setup yet for this mesh (vertex data, morph targets, material, ...)
-         */
-        set: function (callback) {
-            if (this._onMeshLoadedObserver) {
-                this.onMeshLoadedObservable.remove(this._onMeshLoadedObserver);
-            }
-            this._onMeshLoadedObserver = this.onMeshLoadedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onTextureLoaded", {
-        /**
-         * Callback raised when the loader creates a texture after parsing the glTF properties of the texture.
-         */
-        set: function (callback) {
-            if (this._onTextureLoadedObserver) {
-                this.onTextureLoadedObservable.remove(this._onTextureLoadedObserver);
-            }
-            this._onTextureLoadedObserver = this.onTextureLoadedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onMaterialLoaded", {
-        /**
-         * Callback raised when the loader creates a material after parsing the glTF properties of the material.
-         */
-        set: function (callback) {
-            if (this._onMaterialLoadedObserver) {
-                this.onMaterialLoadedObservable.remove(this._onMaterialLoadedObserver);
-            }
-            this._onMaterialLoadedObserver = this.onMaterialLoadedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onCameraLoaded", {
-        /**
-         * Callback raised when the loader creates a camera after parsing the glTF properties of the camera.
-         */
-        set: function (callback) {
-            if (this._onCameraLoadedObserver) {
-                this.onCameraLoadedObservable.remove(this._onCameraLoadedObserver);
-            }
-            this._onCameraLoadedObserver = this.onCameraLoadedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onComplete", {
-        /**
-         * Callback raised when the asset is completely loaded, immediately before the loader is disposed.
-         * For assets with LODs, raised when all of the LODs are complete.
-         * For assets without LODs, raised when the model is complete, immediately after the loader resolves the returned promise.
-         */
-        set: function (callback) {
-            if (this._onCompleteObserver) {
-                this.onCompleteObservable.remove(this._onCompleteObserver);
-            }
-            this._onCompleteObserver = this.onCompleteObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onError", {
-        /**
-         * Callback raised when an error occurs.
-         */
-        set: function (callback) {
-            if (this._onErrorObserver) {
-                this.onErrorObservable.remove(this._onErrorObserver);
-            }
-            this._onErrorObserver = this.onErrorObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onDispose", {
-        /**
-         * Callback raised after the loader is disposed.
-         */
-        set: function (callback) {
-            if (this._onDisposeObserver) {
-                this.onDisposeObservable.remove(this._onDisposeObserver);
-            }
-            this._onDisposeObserver = this.onDisposeObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onExtensionLoaded", {
-        /**
-         * Callback raised after a loader extension is created.
-         */
-        set: function (callback) {
-            if (this._onExtensionLoadedObserver) {
-                this.onExtensionLoadedObservable.remove(this._onExtensionLoadedObserver);
-            }
-            this._onExtensionLoadedObserver = this.onExtensionLoadedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "loggingEnabled", {
-        /**
-         * Defines if the loader logging is enabled.
-         */
-        get: function () {
-            return this._loggingEnabled;
-        },
-        set: function (value) {
-            if (this._loggingEnabled === value) {
-                return;
-            }
-            this._loggingEnabled = value;
-            if (this._loggingEnabled) {
-                this._log = this._logEnabled;
-            }
-            else {
-                this._log = this._logDisabled;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "capturePerformanceCounters", {
-        /**
-         * Defines if the loader should capture performance counters.
-         */
-        get: function () {
-            return this._capturePerformanceCounters;
-        },
-        set: function (value) {
-            if (this._capturePerformanceCounters === value) {
-                return;
-            }
-            this._capturePerformanceCounters = value;
-            if (this._capturePerformanceCounters) {
-                this._startPerformanceCounter = this._startPerformanceCounterEnabled;
-                this._endPerformanceCounter = this._endPerformanceCounterEnabled;
-            }
-            else {
-                this._startPerformanceCounter = this._startPerformanceCounterDisabled;
-                this._endPerformanceCounter = this._endPerformanceCounterDisabled;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GLTFFileLoader.prototype, "onValidated", {
-        /**
-         * Callback raised after a loader extension is created.
-         */
-        set: function (callback) {
-            if (this._onValidatedObserver) {
-                this.onValidatedObservable.remove(this._onValidatedObserver);
-            }
-            this._onValidatedObserver = this.onValidatedObservable.add(callback);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Disposes the loader, releases resources during load, and cancels any outstanding requests.
-     */
-    GLTFFileLoader.prototype.dispose = function () {
-        if (this._loader) {
-            this._loader.dispose();
-            this._loader = null;
-        }
-        for (var _i = 0, _a = this._requests; _i < _a.length; _i++) {
-            var request = _a[_i];
-            request.abort();
-        }
-        this._requests.length = 0;
-        delete this._progressCallback;
-        this.preprocessUrlAsync = function (url) { return Promise.resolve(url); };
-        this.onMeshLoadedObservable.clear();
-        this.onTextureLoadedObservable.clear();
-        this.onMaterialLoadedObservable.clear();
-        this.onCameraLoadedObservable.clear();
-        this.onCompleteObservable.clear();
-        this.onExtensionLoadedObservable.clear();
-        this.onDisposeObservable.notifyObservers(undefined);
-        this.onDisposeObservable.clear();
-    };
-    /**
-     * @param scene
-     * @param fileOrUrl
-     * @param onSuccess
-     * @param onProgress
-     * @param useArrayBuffer
-     * @param onError
-     * @hidden
-     */
-    GLTFFileLoader.prototype.loadFile = function (scene, fileOrUrl, onSuccess, onProgress, useArrayBuffer, onError) {
-        var _this = this;
-        this._progressCallback = onProgress;
-        var rootUrl = fileOrUrl.name ? "file:" : Tools.GetFolderPath(fileOrUrl);
-        var fileName = fileOrUrl.name || Tools.GetFilename(fileOrUrl);
-        if (useArrayBuffer) {
-            if (this.useRangeRequests) {
-                if (this.validate) {
-                    Logger.Warn("glTF validation is not supported when range requests are enabled");
-                }
-                var fileRequest_1 = {
-                    abort: function () { },
-                    onCompleteObservable: new Observable(),
-                };
-                var dataBuffer = {
-                    readAsync: function (byteOffset, byteLength) {
-                        return new Promise(function (resolve, reject) {
-                            _this._loadFile(scene, fileOrUrl, function (data) {
-                                resolve(new Uint8Array(data));
-                            }, true, function (error) {
-                                reject(error);
-                            }, function (webRequest) {
-                                webRequest.setRequestHeader("Range", "bytes=".concat(byteOffset, "-").concat(byteOffset + byteLength - 1));
-                            });
-                        });
-                    },
-                    byteLength: 0,
-                };
-                this._unpackBinaryAsync(new DataReader(dataBuffer)).then(function (loaderData) {
-                    fileRequest_1.onCompleteObservable.notifyObservers(fileRequest_1);
-                    onSuccess(loaderData);
-                }, onError ? function (error) { return onError(undefined, error); } : undefined);
-                return fileRequest_1;
-            }
-            return this._loadFile(scene, fileOrUrl, function (data) {
-                _this._validate(scene, data, rootUrl, fileName);
-                _this._unpackBinaryAsync(new DataReader({
-                    readAsync: function (byteOffset, byteLength) { return readAsync(data, byteOffset, byteLength); },
-                    byteLength: data.byteLength,
-                })).then(function (loaderData) {
-                    onSuccess(loaderData);
-                }, onError ? function (error) { return onError(undefined, error); } : undefined);
-            }, true, onError);
-        }
-        return this._loadFile(scene, fileOrUrl, function (data) {
-            _this._validate(scene, data, rootUrl, fileName);
-            onSuccess({ json: _this._parseJson(data) });
-        }, useArrayBuffer, onError);
-    };
-    /**
-     * @param meshesNames
-     * @param scene
-     * @param data
-     * @param rootUrl
-     * @param onProgress
-     * @param fileName
-     * @hidden
-     */
-    GLTFFileLoader.prototype.importMeshAsync = function (meshesNames, scene, data, rootUrl, onProgress, fileName) {
-        var _this = this;
-        return Promise.resolve().then(function () {
-            _this.onParsedObservable.notifyObservers(data);
-            _this.onParsedObservable.clear();
-            _this._log("Loading ".concat(fileName || ""));
-            _this._loader = _this._getLoader(data);
-            return _this._loader.importMeshAsync(meshesNames, scene, null, data, rootUrl, onProgress, fileName);
-        });
-    };
-    /**
-     * @param scene
-     * @param data
-     * @param rootUrl
-     * @param onProgress
-     * @param fileName
-     * @hidden
-     */
-    GLTFFileLoader.prototype.loadAsync = function (scene, data, rootUrl, onProgress, fileName) {
-        var _this = this;
-        return Promise.resolve().then(function () {
-            _this.onParsedObservable.notifyObservers(data);
-            _this.onParsedObservable.clear();
-            _this._log("Loading ".concat(fileName || ""));
-            _this._loader = _this._getLoader(data);
-            return _this._loader.loadAsync(scene, data, rootUrl, onProgress, fileName);
-        });
-    };
-    /**
-     * @param scene
-     * @param data
-     * @param rootUrl
-     * @param onProgress
-     * @param fileName
-     * @hidden
-     */
-    GLTFFileLoader.prototype.loadAssetContainerAsync = function (scene, data, rootUrl, onProgress, fileName) {
-        var _this = this;
-        return Promise.resolve().then(function () {
-            _this.onParsedObservable.notifyObservers(data);
-            _this.onParsedObservable.clear();
-            _this._log("Loading ".concat(fileName || ""));
-            _this._loader = _this._getLoader(data);
-            // Prepare the asset container.
-            var container = new AssetContainer(scene);
-            // Get materials/textures when loading to add to container
-            var materials = [];
-            _this.onMaterialLoadedObservable.add(function (material) {
-                materials.push(material);
-            });
-            var textures = [];
-            _this.onTextureLoadedObservable.add(function (texture) {
-                textures.push(texture);
-            });
-            var cameras = [];
-            _this.onCameraLoadedObservable.add(function (camera) {
-                cameras.push(camera);
-            });
-            return _this._loader.importMeshAsync(null, scene, container, data, rootUrl, onProgress, fileName).then(function (result) {
-                Array.prototype.push.apply(container.geometries, result.geometries);
-                Array.prototype.push.apply(container.meshes, result.meshes);
-                Array.prototype.push.apply(container.particleSystems, result.particleSystems);
-                Array.prototype.push.apply(container.skeletons, result.skeletons);
-                Array.prototype.push.apply(container.animationGroups, result.animationGroups);
-                Array.prototype.push.apply(container.materials, materials);
-                Array.prototype.push.apply(container.textures, textures);
-                Array.prototype.push.apply(container.lights, result.lights);
-                Array.prototype.push.apply(container.transformNodes, result.transformNodes);
-                Array.prototype.push.apply(container.cameras, cameras);
-                return container;
-            });
-        });
-    };
-    /**
-     * @param data
-     * @hidden
-     */
-    GLTFFileLoader.prototype.canDirectLoad = function (data) {
-        return ((data.indexOf("asset") !== -1 && data.indexOf("version") !== -1) ||
-            StringTools.StartsWith(data, "data:base64," + GLTFFileLoader._MagicBase64Encoded) || // this is technically incorrect, but will continue to support for backcompat.
-            StringTools.StartsWith(data, "data:;base64," + GLTFFileLoader._MagicBase64Encoded) ||
-            StringTools.StartsWith(data, "data:application/octet-stream;base64," + GLTFFileLoader._MagicBase64Encoded) ||
-            StringTools.StartsWith(data, "data:model/gltf-binary;base64," + GLTFFileLoader._MagicBase64Encoded));
-    };
-    /**
-     * @param scene
-     * @param data
-     * @hidden
-     */
-    GLTFFileLoader.prototype.directLoad = function (scene, data) {
-        if (StringTools.StartsWith(data, "base64," + GLTFFileLoader._MagicBase64Encoded) || // this is technically incorrect, but will continue to support for backcompat.
-            StringTools.StartsWith(data, ";base64," + GLTFFileLoader._MagicBase64Encoded) ||
-            StringTools.StartsWith(data, "application/octet-stream;base64," + GLTFFileLoader._MagicBase64Encoded) ||
-            StringTools.StartsWith(data, "model/gltf-binary;base64," + GLTFFileLoader._MagicBase64Encoded)) {
-            var arrayBuffer_1 = DecodeBase64UrlToBinary(data);
-            this._validate(scene, arrayBuffer_1);
-            return this._unpackBinaryAsync(new DataReader({
-                readAsync: function (byteOffset, byteLength) { return readAsync(arrayBuffer_1, byteOffset, byteLength); },
-                byteLength: arrayBuffer_1.byteLength,
-            }));
-        }
-        this._validate(scene, data);
-        return Promise.resolve({ json: this._parseJson(data) });
-    };
-    /** @hidden */
-    GLTFFileLoader.prototype.createPlugin = function () {
-        return new GLTFFileLoader();
-    };
-    Object.defineProperty(GLTFFileLoader.prototype, "loaderState", {
-        /**
-         * The loader state or null if the loader is not active.
-         */
-        get: function () {
-            return this._state;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Returns a promise that resolves when the asset is completely loaded.
-     * @returns a promise that resolves when the asset is completely loaded.
-     */
-    GLTFFileLoader.prototype.whenCompleteAsync = function () {
-        var _this = this;
-        return new Promise(function (resolve, reject) {
-            _this.onCompleteObservable.addOnce(function () {
-                resolve();
-            });
-            _this.onErrorObservable.addOnce(function (reason) {
-                reject(reason);
-            });
-        });
-    };
-    /**
-     * @param state
-     * @hidden
-     */
-    GLTFFileLoader.prototype._setState = function (state) {
-        if (this._state === state) {
-            return;
-        }
-        this._state = state;
-        this.onLoaderStateChangedObservable.notifyObservers(this._state);
-        this._log(GLTFLoaderState[this._state]);
-    };
-    /**
-     * @param scene
-     * @param fileOrUrl
-     * @param onSuccess
-     * @param useArrayBuffer
-     * @param onError
-     * @param onOpened
-     * @hidden
-     */
-    GLTFFileLoader.prototype._loadFile = function (scene, fileOrUrl, onSuccess, useArrayBuffer, onError, onOpened) {
-        var _this = this;
-        var request = scene._loadFile(fileOrUrl, onSuccess, function (event) {
-            _this._onProgress(event, request);
-        }, true, useArrayBuffer, onError, onOpened);
-        request.onCompleteObservable.add(function (request) {
-            _this._requests.splice(_this._requests.indexOf(request), 1);
-        });
-        this._requests.push(request);
-        return request;
-    };
-    GLTFFileLoader.prototype._onProgress = function (event, request) {
-        if (!this._progressCallback) {
-            return;
-        }
-        request._lengthComputable = event.lengthComputable;
-        request._loaded = event.loaded;
-        request._total = event.total;
-        var lengthComputable = true;
-        var loaded = 0;
-        var total = 0;
-        for (var _i = 0, _a = this._requests; _i < _a.length; _i++) {
-            var request_1 = _a[_i];
-            if (request_1._lengthComputable === undefined || request_1._loaded === undefined || request_1._total === undefined) {
-                return;
-            }
-            lengthComputable = lengthComputable && request_1._lengthComputable;
-            loaded += request_1._loaded;
-            total += request_1._total;
-        }
-        this._progressCallback({
-            lengthComputable: lengthComputable,
-            loaded: loaded,
-            total: lengthComputable ? total : 0,
-        });
-    };
-    GLTFFileLoader.prototype._validate = function (scene, data, rootUrl, fileName) {
-        var _this = this;
-        if (rootUrl === void 0) { rootUrl = ""; }
-        if (fileName === void 0) { fileName = ""; }
-        if (!this.validate) {
-            return;
-        }
-        this._startPerformanceCounter("Validate JSON");
-        GLTFValidation.ValidateAsync(data, rootUrl, fileName, function (uri) {
-            return _this.preprocessUrlAsync(rootUrl + uri).then(function (url) { return scene._loadFileAsync(url, undefined, true, true); });
-        }).then(function (result) {
-            _this._endPerformanceCounter("Validate JSON");
-            _this.onValidatedObservable.notifyObservers(result);
-            _this.onValidatedObservable.clear();
-        }, function (reason) {
-            _this._endPerformanceCounter("Validate JSON");
-            Tools.Warn("Failed to validate: ".concat(reason.message));
-            _this.onValidatedObservable.clear();
-        });
-    };
-    GLTFFileLoader.prototype._getLoader = function (loaderData) {
-        var asset = loaderData.json.asset || {};
-        this._log("Asset version: ".concat(asset.version));
-        asset.minVersion && this._log("Asset minimum version: ".concat(asset.minVersion));
-        asset.generator && this._log("Asset generator: ".concat(asset.generator));
-        var version = GLTFFileLoader._parseVersion(asset.version);
-        if (!version) {
-            throw new Error("Invalid version: " + asset.version);
-        }
-        if (asset.minVersion !== undefined) {
-            var minVersion = GLTFFileLoader._parseVersion(asset.minVersion);
-            if (!minVersion) {
-                throw new Error("Invalid minimum version: " + asset.minVersion);
-            }
-            if (GLTFFileLoader._compareVersion(minVersion, { major: 2, minor: 0 }) > 0) {
-                throw new Error("Incompatible minimum version: " + asset.minVersion);
-            }
-        }
-        var createLoaders = {
-            1: GLTFFileLoader._CreateGLTF1Loader,
-            2: GLTFFileLoader._CreateGLTF2Loader,
-        };
-        var createLoader = createLoaders[version.major];
-        if (!createLoader) {
-            throw new Error("Unsupported version: " + asset.version);
-        }
-        return createLoader(this);
-    };
-    GLTFFileLoader.prototype._parseJson = function (json) {
-        this._startPerformanceCounter("Parse JSON");
-        this._log("JSON length: ".concat(json.length));
-        var parsed = JSON.parse(json);
-        this._endPerformanceCounter("Parse JSON");
-        return parsed;
-    };
-    GLTFFileLoader.prototype._unpackBinaryAsync = function (dataReader) {
-        var _this = this;
-        this._startPerformanceCounter("Unpack Binary");
-        // Read magic + version + length + json length + json format
-        return dataReader.loadAsync(20).then(function () {
-            var Binary = {
-                Magic: 0x46546c67,
-            };
-            var magic = dataReader.readUint32();
-            if (magic !== Binary.Magic) {
-                throw new RuntimeError("Unexpected magic: " + magic, ErrorCodes.GLTFLoaderUnexpectedMagicError);
-            }
-            var version = dataReader.readUint32();
-            if (_this.loggingEnabled) {
-                _this._log("Binary version: ".concat(version));
-            }
-            var length = dataReader.readUint32();
-            if (dataReader.buffer.byteLength !== 0 && length !== dataReader.buffer.byteLength) {
-                throw new Error("Length in header does not match actual data length: ".concat(length, " != ").concat(dataReader.buffer.byteLength));
-            }
-            var unpacked;
-            switch (version) {
-                case 1: {
-                    unpacked = _this._unpackBinaryV1Async(dataReader, length);
-                    break;
-                }
-                case 2: {
-                    unpacked = _this._unpackBinaryV2Async(dataReader, length);
-                    break;
-                }
-                default: {
-                    throw new Error("Unsupported version: " + version);
-                }
-            }
-            _this._endPerformanceCounter("Unpack Binary");
-            return unpacked;
-        });
-    };
-    GLTFFileLoader.prototype._unpackBinaryV1Async = function (dataReader, length) {
-        var ContentFormat = {
-            JSON: 0,
-        };
-        var contentLength = dataReader.readUint32();
-        var contentFormat = dataReader.readUint32();
-        if (contentFormat !== ContentFormat.JSON) {
-            throw new Error("Unexpected content format: ".concat(contentFormat));
-        }
-        var bodyLength = length - dataReader.byteOffset;
-        var data = { json: this._parseJson(dataReader.readString(contentLength)), bin: null };
-        if (bodyLength !== 0) {
-            var startByteOffset_1 = dataReader.byteOffset;
-            data.bin = {
-                readAsync: function (byteOffset, byteLength) { return dataReader.buffer.readAsync(startByteOffset_1 + byteOffset, byteLength); },
-                byteLength: bodyLength,
-            };
-        }
-        return Promise.resolve(data);
-    };
-    GLTFFileLoader.prototype._unpackBinaryV2Async = function (dataReader, length) {
-        var _this = this;
-        var ChunkFormat = {
-            JSON: 0x4e4f534a,
-            BIN: 0x004e4942,
-        };
-        // Read the JSON chunk header.
-        var chunkLength = dataReader.readUint32();
-        var chunkFormat = dataReader.readUint32();
-        if (chunkFormat !== ChunkFormat.JSON) {
-            throw new Error("First chunk format is not JSON");
-        }
-        // Bail if there are no other chunks.
-        if (dataReader.byteOffset + chunkLength === length) {
-            return dataReader.loadAsync(chunkLength).then(function () {
-                return { json: _this._parseJson(dataReader.readString(chunkLength)), bin: null };
-            });
-        }
-        // Read the JSON chunk and the length and type of the next chunk.
-        return dataReader.loadAsync(chunkLength + 8).then(function () {
-            var data = { json: _this._parseJson(dataReader.readString(chunkLength)), bin: null };
-            var readAsync = function () {
-                var chunkLength = dataReader.readUint32();
-                var chunkFormat = dataReader.readUint32();
-                switch (chunkFormat) {
-                    case ChunkFormat.JSON: {
-                        throw new Error("Unexpected JSON chunk");
-                    }
-                    case ChunkFormat.BIN: {
-                        var startByteOffset_2 = dataReader.byteOffset;
-                        data.bin = {
-                            readAsync: function (byteOffset, byteLength) { return dataReader.buffer.readAsync(startByteOffset_2 + byteOffset, byteLength); },
-                            byteLength: chunkLength,
-                        };
-                        dataReader.skipBytes(chunkLength);
-                        break;
-                    }
-                    default: {
-                        // ignore unrecognized chunkFormat
-                        dataReader.skipBytes(chunkLength);
-                        break;
-                    }
-                }
-                if (dataReader.byteOffset !== length) {
-                    return dataReader.loadAsync(8).then(readAsync);
-                }
-                return Promise.resolve(data);
-            };
-            return readAsync();
-        });
-    };
-    GLTFFileLoader._parseVersion = function (version) {
-        if (version === "1.0" || version === "1.0.1") {
-            return {
-                major: 1,
-                minor: 0,
-            };
-        }
-        var match = (version + "").match(/^(\d+)\.(\d+)/);
-        if (!match) {
-            return null;
-        }
-        return {
-            major: parseInt(match[1]),
-            minor: parseInt(match[2]),
-        };
-    };
-    GLTFFileLoader._compareVersion = function (a, b) {
-        if (a.major > b.major) {
-            return 1;
-        }
-        if (a.major < b.major) {
-            return -1;
-        }
-        if (a.minor > b.minor) {
-            return 1;
-        }
-        if (a.minor < b.minor) {
-            return -1;
-        }
-        return 0;
-    };
-    /**
-     * @param message
-     * @hidden
-     */
-    GLTFFileLoader.prototype._logOpen = function (message) {
-        this._log(message);
-        this._logIndentLevel++;
-    };
-    /** @hidden */
-    GLTFFileLoader.prototype._logClose = function () {
-        --this._logIndentLevel;
-    };
-    GLTFFileLoader.prototype._logEnabled = function (message) {
-        var spaces = GLTFFileLoader._logSpaces.substr(0, this._logIndentLevel * 2);
-        Logger.Log("".concat(spaces).concat(message));
-    };
-    GLTFFileLoader.prototype._logDisabled = function (message) { };
-    GLTFFileLoader.prototype._startPerformanceCounterEnabled = function (counterName) {
-        Tools.StartPerformanceCounter(counterName);
-    };
-    GLTFFileLoader.prototype._startPerformanceCounterDisabled = function (counterName) { };
-    GLTFFileLoader.prototype._endPerformanceCounterEnabled = function (counterName) {
-        Tools.EndPerformanceCounter(counterName);
-    };
-    GLTFFileLoader.prototype._endPerformanceCounterDisabled = function (counterName) { };
-    // ----------
-    // V1 options
-    // ----------
-    /**
-     * Set this property to false to disable incremental loading which delays the loader from calling the success callback until after loading the meshes and shaders.
-     * Textures always loads asynchronously. For example, the success callback can compute the bounding information of the loaded meshes when incremental loading is disabled.
-     * Defaults to true.
-     * @hidden
-     */
-    GLTFFileLoader.IncrementalLoading = true;
-    /**
-     * Set this property to true in order to work with homogeneous coordinates, available with some converters and exporters.
-     * Defaults to false. See https://en.wikipedia.org/wiki/Homogeneous_coordinates.
-     * @hidden
-     */
-    GLTFFileLoader.HomogeneousCoordinates = false;
-    GLTFFileLoader._MagicBase64Encoded = "Z2xURg"; // "glTF" base64 encoded (without the quotes!)
-    GLTFFileLoader._logSpaces = "                                ";
-    return GLTFFileLoader;
-}());
-export { GLTFFileLoader };
-if (SceneLoader) {
-    SceneLoader.RegisterPlugin(new GLTFFileLoader());
-}
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { SceneLoader } from "@babylonjs/core/Loading/sceneLoader.js";
+import { AssetContainer } from "@babylonjs/core/assetContainer.js";
+import { Logger } from "@babylonjs/core/Misc/logger.js";
+import { DataReader } from "@babylonjs/core/Misc/dataReader.js";
+import { GLTFValidation } from "./glTFValidation.js";
+import { DecodeBase64UrlToBinary } from "@babylonjs/core/Misc/fileTools.js";
+import { StringTools } from "@babylonjs/core/Misc/stringTools.js";
+import { RuntimeError, ErrorCodes } from "@babylonjs/core/Misc/error.js";
+function readAsync(arrayBuffer, byteOffset, byteLength) {
+    try {
+        return Promise.resolve(new Uint8Array(arrayBuffer, byteOffset, byteLength));
+    }
+    catch (e) {
+        return Promise.reject(e);
+    }
+}
+/**
+ * Mode that determines the coordinate system to use.
+ */
+export var GLTFLoaderCoordinateSystemMode;
+(function (GLTFLoaderCoordinateSystemMode) {
+    /**
+     * Automatically convert the glTF right-handed data to the appropriate system based on the current coordinate system mode of the scene.
+     */
+    GLTFLoaderCoordinateSystemMode[GLTFLoaderCoordinateSystemMode["AUTO"] = 0] = "AUTO";
+    /**
+     * Sets the useRightHandedSystem flag on the scene.
+     */
+    GLTFLoaderCoordinateSystemMode[GLTFLoaderCoordinateSystemMode["FORCE_RIGHT_HANDED"] = 1] = "FORCE_RIGHT_HANDED";
+})(GLTFLoaderCoordinateSystemMode || (GLTFLoaderCoordinateSystemMode = {}));
+/**
+ * Mode that determines what animations will start.
+ */
+export var GLTFLoaderAnimationStartMode;
+(function (GLTFLoaderAnimationStartMode) {
+    /**
+     * No animation will start.
+     */
+    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["NONE"] = 0] = "NONE";
+    /**
+     * The first animation will start.
+     */
+    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["FIRST"] = 1] = "FIRST";
+    /**
+     * All animations will start.
+     */
+    GLTFLoaderAnimationStartMode[GLTFLoaderAnimationStartMode["ALL"] = 2] = "ALL";
+})(GLTFLoaderAnimationStartMode || (GLTFLoaderAnimationStartMode = {}));
+/**
+ * Loader state.
+ */
+export var GLTFLoaderState;
+(function (GLTFLoaderState) {
+    /**
+     * The asset is loading.
+     */
+    GLTFLoaderState[GLTFLoaderState["LOADING"] = 0] = "LOADING";
+    /**
+     * The asset is ready for rendering.
+     */
+    GLTFLoaderState[GLTFLoaderState["READY"] = 1] = "READY";
+    /**
+     * The asset is completely loaded.
+     */
+    GLTFLoaderState[GLTFLoaderState["COMPLETE"] = 2] = "COMPLETE";
+})(GLTFLoaderState || (GLTFLoaderState = {}));
+/**
+ * File loader for loading glTF files into a scene.
+ */
+var GLTFFileLoader = /** @class */ (function () {
+    function GLTFFileLoader() {
+        // --------------
+        // Common options
+        // --------------
+        /**
+         * Raised when the asset has been parsed
+         */
+        this.onParsedObservable = new Observable();
+        // ----------
+        // V2 options
+        // ----------
+        /**
+         * The coordinate system mode. Defaults to AUTO.
+         */
+        this.coordinateSystemMode = GLTFLoaderCoordinateSystemMode.AUTO;
+        /**
+         * The animation start mode. Defaults to FIRST.
+         */
+        this.animationStartMode = GLTFLoaderAnimationStartMode.FIRST;
+        /**
+         * Defines if the loader should compile materials before raising the success callback. Defaults to false.
+         */
+        this.compileMaterials = false;
+        /**
+         * Defines if the loader should also compile materials with clip planes. Defaults to false.
+         */
+        this.useClipPlane = false;
+        /**
+         * Defines if the loader should compile shadow generators before raising the success callback. Defaults to false.
+         */
+        this.compileShadowGenerators = false;
+        /**
+         * Defines if the Alpha blended materials are only applied as coverage.
+         * If false, (default) The luminance of each pixel will reduce its opacity to simulate the behaviour of most physical materials.
+         * If true, no extra effects are applied to transparent pixels.
+         */
+        this.transparencyAsCoverage = false;
+        /**
+         * Defines if the loader should use range requests when load binary glTF files from HTTP.
+         * Enabling will disable offline support and glTF validator.
+         * Defaults to false.
+         */
+        this.useRangeRequests = false;
+        /**
+         * Defines if the loader should create instances when multiple glTF nodes point to the same glTF mesh. Defaults to true.
+         */
+        this.createInstances = true;
+        /**
+         * Defines if the loader should always compute the bounding boxes of meshes and not use the min/max values from the position accessor. Defaults to false.
+         */
+        this.alwaysComputeBoundingBox = false;
+        /**
+         * If true, load all materials defined in the file, even if not used by any mesh. Defaults to false.
+         */
+        this.loadAllMaterials = false;
+        /**
+         * If true, load only the materials defined in the file. Defaults to false.
+         */
+        this.loadOnlyMaterials = false;
+        /**
+         * If true, do not load any materials defined in the file. Defaults to false.
+         */
+        this.skipMaterials = false;
+        /**
+         * If true, load the color (gamma encoded) textures into sRGB buffers (if supported by the GPU), which will yield more accurate results when sampling the texture. Defaults to true.
+         */
+        this.useSRGBBuffers = true;
+        /**
+         * When loading glTF animations, which are defined in seconds, target them to this FPS. Defaults to 60.
+         */
+        this.targetFps = 60;
+        /**
+         * Defines if the loader should always compute the nearest common ancestor of the skeleton joints instead of using `skin.skeleton`. Defaults to false.
+         * Set this to true if loading assets with invalid `skin.skeleton` values.
+         */
+        this.alwaysComputeSkeletonRootNode = false;
+        /**
+         * Function called before loading a url referenced by the asset.
+         * @param url
+         */
+        this.preprocessUrlAsync = function (url) { return Promise.resolve(url); };
+        /**
+         * Observable raised when the loader creates a mesh after parsing the glTF properties of the mesh.
+         * Note that the observable is raised as soon as the mesh object is created, meaning some data may not have been setup yet for this mesh (vertex data, morph targets, material, ...)
+         */
+        this.onMeshLoadedObservable = new Observable();
+        /**
+         * Observable raised when the loader creates a texture after parsing the glTF properties of the texture.
+         */
+        this.onTextureLoadedObservable = new Observable();
+        /**
+         * Observable raised when the loader creates a material after parsing the glTF properties of the material.
+         */
+        this.onMaterialLoadedObservable = new Observable();
+        /**
+         * Observable raised when the loader creates a camera after parsing the glTF properties of the camera.
+         */
+        this.onCameraLoadedObservable = new Observable();
+        /**
+         * Observable raised when the asset is completely loaded, immediately before the loader is disposed.
+         * For assets with LODs, raised when all of the LODs are complete.
+         * For assets without LODs, raised when the model is complete, immediately after the loader resolves the returned promise.
+         */
+        this.onCompleteObservable = new Observable();
+        /**
+         * Observable raised when an error occurs.
+         */
+        this.onErrorObservable = new Observable();
+        /**
+         * Observable raised after the loader is disposed.
+         */
+        this.onDisposeObservable = new Observable();
+        /**
+         * Observable raised after a loader extension is created.
+         * Set additional options for a loader extension in this event.
+         */
+        this.onExtensionLoadedObservable = new Observable();
+        /**
+         * Defines if the loader should validate the asset.
+         */
+        this.validate = false;
+        /**
+         * Observable raised after validation when validate is set to true. The event data is the result of the validation.
+         */
+        this.onValidatedObservable = new Observable();
+        this._loader = null;
+        this._state = null;
+        this._requests = new Array();
+        /**
+         * Name of the loader ("gltf")
+         */
+        this.name = "gltf";
+        /** @hidden */
+        this.extensions = {
+            ".gltf": { isBinary: false },
+            ".glb": { isBinary: true },
+        };
+        /**
+         * Observable raised when the loader state changes.
+         */
+        this.onLoaderStateChangedObservable = new Observable();
+        this._logIndentLevel = 0;
+        this._loggingEnabled = false;
+        /** @hidden */
+        this._log = this._logDisabled;
+        this._capturePerformanceCounters = false;
+        /** @hidden */
+        this._startPerformanceCounter = this._startPerformanceCounterDisabled;
+        /** @hidden */
+        this._endPerformanceCounter = this._endPerformanceCounterDisabled;
+    }
+    Object.defineProperty(GLTFFileLoader.prototype, "onParsed", {
+        /**
+         * Raised when the asset has been parsed
+         */
+        set: function (callback) {
+            if (this._onParsedObserver) {
+                this.onParsedObservable.remove(this._onParsedObserver);
+            }
+            this._onParsedObserver = this.onParsedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onMeshLoaded", {
+        /**
+         * Callback raised when the loader creates a mesh after parsing the glTF properties of the mesh.
+         * Note that the callback is called as soon as the mesh object is created, meaning some data may not have been setup yet for this mesh (vertex data, morph targets, material, ...)
+         */
+        set: function (callback) {
+            if (this._onMeshLoadedObserver) {
+                this.onMeshLoadedObservable.remove(this._onMeshLoadedObserver);
+            }
+            this._onMeshLoadedObserver = this.onMeshLoadedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onTextureLoaded", {
+        /**
+         * Callback raised when the loader creates a texture after parsing the glTF properties of the texture.
+         */
+        set: function (callback) {
+            if (this._onTextureLoadedObserver) {
+                this.onTextureLoadedObservable.remove(this._onTextureLoadedObserver);
+            }
+            this._onTextureLoadedObserver = this.onTextureLoadedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onMaterialLoaded", {
+        /**
+         * Callback raised when the loader creates a material after parsing the glTF properties of the material.
+         */
+        set: function (callback) {
+            if (this._onMaterialLoadedObserver) {
+                this.onMaterialLoadedObservable.remove(this._onMaterialLoadedObserver);
+            }
+            this._onMaterialLoadedObserver = this.onMaterialLoadedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onCameraLoaded", {
+        /**
+         * Callback raised when the loader creates a camera after parsing the glTF properties of the camera.
+         */
+        set: function (callback) {
+            if (this._onCameraLoadedObserver) {
+                this.onCameraLoadedObservable.remove(this._onCameraLoadedObserver);
+            }
+            this._onCameraLoadedObserver = this.onCameraLoadedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onComplete", {
+        /**
+         * Callback raised when the asset is completely loaded, immediately before the loader is disposed.
+         * For assets with LODs, raised when all of the LODs are complete.
+         * For assets without LODs, raised when the model is complete, immediately after the loader resolves the returned promise.
+         */
+        set: function (callback) {
+            if (this._onCompleteObserver) {
+                this.onCompleteObservable.remove(this._onCompleteObserver);
+            }
+            this._onCompleteObserver = this.onCompleteObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onError", {
+        /**
+         * Callback raised when an error occurs.
+         */
+        set: function (callback) {
+            if (this._onErrorObserver) {
+                this.onErrorObservable.remove(this._onErrorObserver);
+            }
+            this._onErrorObserver = this.onErrorObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onDispose", {
+        /**
+         * Callback raised after the loader is disposed.
+         */
+        set: function (callback) {
+            if (this._onDisposeObserver) {
+                this.onDisposeObservable.remove(this._onDisposeObserver);
+            }
+            this._onDisposeObserver = this.onDisposeObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onExtensionLoaded", {
+        /**
+         * Callback raised after a loader extension is created.
+         */
+        set: function (callback) {
+            if (this._onExtensionLoadedObserver) {
+                this.onExtensionLoadedObservable.remove(this._onExtensionLoadedObserver);
+            }
+            this._onExtensionLoadedObserver = this.onExtensionLoadedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "loggingEnabled", {
+        /**
+         * Defines if the loader logging is enabled.
+         */
+        get: function () {
+            return this._loggingEnabled;
+        },
+        set: function (value) {
+            if (this._loggingEnabled === value) {
+                return;
+            }
+            this._loggingEnabled = value;
+            if (this._loggingEnabled) {
+                this._log = this._logEnabled;
+            }
+            else {
+                this._log = this._logDisabled;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "capturePerformanceCounters", {
+        /**
+         * Defines if the loader should capture performance counters.
+         */
+        get: function () {
+            return this._capturePerformanceCounters;
+        },
+        set: function (value) {
+            if (this._capturePerformanceCounters === value) {
+                return;
+            }
+            this._capturePerformanceCounters = value;
+            if (this._capturePerformanceCounters) {
+                this._startPerformanceCounter = this._startPerformanceCounterEnabled;
+                this._endPerformanceCounter = this._endPerformanceCounterEnabled;
+            }
+            else {
+                this._startPerformanceCounter = this._startPerformanceCounterDisabled;
+                this._endPerformanceCounter = this._endPerformanceCounterDisabled;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GLTFFileLoader.prototype, "onValidated", {
+        /**
+         * Callback raised after a loader extension is created.
+         */
+        set: function (callback) {
+            if (this._onValidatedObserver) {
+                this.onValidatedObservable.remove(this._onValidatedObserver);
+            }
+            this._onValidatedObserver = this.onValidatedObservable.add(callback);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Disposes the loader, releases resources during load, and cancels any outstanding requests.
+     */
+    GLTFFileLoader.prototype.dispose = function () {
+        if (this._loader) {
+            this._loader.dispose();
+            this._loader = null;
+        }
+        for (var _i = 0, _a = this._requests; _i < _a.length; _i++) {
+            var request = _a[_i];
+            request.abort();
+        }
+        this._requests.length = 0;
+        delete this._progressCallback;
+        this.preprocessUrlAsync = function (url) { return Promise.resolve(url); };
+        this.onMeshLoadedObservable.clear();
+        this.onTextureLoadedObservable.clear();
+        this.onMaterialLoadedObservable.clear();
+        this.onCameraLoadedObservable.clear();
+        this.onCompleteObservable.clear();
+        this.onExtensionLoadedObservable.clear();
+        this.onDisposeObservable.notifyObservers(undefined);
+        this.onDisposeObservable.clear();
+    };
+    /**
+     * @param scene
+     * @param fileOrUrl
+     * @param onSuccess
+     * @param onProgress
+     * @param useArrayBuffer
+     * @param onError
+     * @hidden
+     */
+    GLTFFileLoader.prototype.loadFile = function (scene, fileOrUrl, onSuccess, onProgress, useArrayBuffer, onError) {
+        var _this = this;
+        this._progressCallback = onProgress;
+        var rootUrl = fileOrUrl.name ? "file:" : Tools.GetFolderPath(fileOrUrl);
+        var fileName = fileOrUrl.name || Tools.GetFilename(fileOrUrl);
+        if (useArrayBuffer) {
+            if (this.useRangeRequests) {
+                if (this.validate) {
+                    Logger.Warn("glTF validation is not supported when range requests are enabled");
+                }
+                var fileRequest_1 = {
+                    abort: function () { },
+                    onCompleteObservable: new Observable(),
+                };
+                var dataBuffer = {
+                    readAsync: function (byteOffset, byteLength) {
+                        return new Promise(function (resolve, reject) {
+                            _this._loadFile(scene, fileOrUrl, function (data) {
+                                resolve(new Uint8Array(data));
+                            }, true, function (error) {
+                                reject(error);
+                            }, function (webRequest) {
+                                webRequest.setRequestHeader("Range", "bytes=".concat(byteOffset, "-").concat(byteOffset + byteLength - 1));
+                            });
+                        });
+                    },
+                    byteLength: 0,
+                };
+                this._unpackBinaryAsync(new DataReader(dataBuffer)).then(function (loaderData) {
+                    fileRequest_1.onCompleteObservable.notifyObservers(fileRequest_1);
+                    onSuccess(loaderData);
+                }, onError ? function (error) { return onError(undefined, error); } : undefined);
+                return fileRequest_1;
+            }
+            return this._loadFile(scene, fileOrUrl, function (data) {
+                _this._validate(scene, data, rootUrl, fileName);
+                _this._unpackBinaryAsync(new DataReader({
+                    readAsync: function (byteOffset, byteLength) { return readAsync(data, byteOffset, byteLength); },
+                    byteLength: data.byteLength,
+                })).then(function (loaderData) {
+                    onSuccess(loaderData);
+                }, onError ? function (error) { return onError(undefined, error); } : undefined);
+            }, true, onError);
+        }
+        return this._loadFile(scene, fileOrUrl, function (data) {
+            _this._validate(scene, data, rootUrl, fileName);
+            onSuccess({ json: _this._parseJson(data) });
+        }, useArrayBuffer, onError);
+    };
+    /**
+     * @param meshesNames
+     * @param scene
+     * @param data
+     * @param rootUrl
+     * @param onProgress
+     * @param fileName
+     * @hidden
+     */
+    GLTFFileLoader.prototype.importMeshAsync = function (meshesNames, scene, data, rootUrl, onProgress, fileName) {
+        var _this = this;
+        return Promise.resolve().then(function () {
+            _this.onParsedObservable.notifyObservers(data);
+            _this.onParsedObservable.clear();
+            _this._log("Loading ".concat(fileName || ""));
+            _this._loader = _this._getLoader(data);
+            return _this._loader.importMeshAsync(meshesNames, scene, null, data, rootUrl, onProgress, fileName);
+        });
+    };
+    /**
+     * @param scene
+     * @param data
+     * @param rootUrl
+     * @param onProgress
+     * @param fileName
+     * @hidden
+     */
+    GLTFFileLoader.prototype.loadAsync = function (scene, data, rootUrl, onProgress, fileName) {
+        var _this = this;
+        return Promise.resolve().then(function () {
+            _this.onParsedObservable.notifyObservers(data);
+            _this.onParsedObservable.clear();
+            _this._log("Loading ".concat(fileName || ""));
+            _this._loader = _this._getLoader(data);
+            return _this._loader.loadAsync(scene, data, rootUrl, onProgress, fileName);
+        });
+    };
+    /**
+     * @param scene
+     * @param data
+     * @param rootUrl
+     * @param onProgress
+     * @param fileName
+     * @hidden
+     */
+    GLTFFileLoader.prototype.loadAssetContainerAsync = function (scene, data, rootUrl, onProgress, fileName) {
+        var _this = this;
+        return Promise.resolve().then(function () {
+            _this.onParsedObservable.notifyObservers(data);
+            _this.onParsedObservable.clear();
+            _this._log("Loading ".concat(fileName || ""));
+            _this._loader = _this._getLoader(data);
+            // Prepare the asset container.
+            var container = new AssetContainer(scene);
+            // Get materials/textures when loading to add to container
+            var materials = [];
+            _this.onMaterialLoadedObservable.add(function (material) {
+                materials.push(material);
+            });
+            var textures = [];
+            _this.onTextureLoadedObservable.add(function (texture) {
+                textures.push(texture);
+            });
+            var cameras = [];
+            _this.onCameraLoadedObservable.add(function (camera) {
+                cameras.push(camera);
+            });
+            return _this._loader.importMeshAsync(null, scene, container, data, rootUrl, onProgress, fileName).then(function (result) {
+                Array.prototype.push.apply(container.geometries, result.geometries);
+                Array.prototype.push.apply(container.meshes, result.meshes);
+                Array.prototype.push.apply(container.particleSystems, result.particleSystems);
+                Array.prototype.push.apply(container.skeletons, result.skeletons);
+                Array.prototype.push.apply(container.animationGroups, result.animationGroups);
+                Array.prototype.push.apply(container.materials, materials);
+                Array.prototype.push.apply(container.textures, textures);
+                Array.prototype.push.apply(container.lights, result.lights);
+                Array.prototype.push.apply(container.transformNodes, result.transformNodes);
+                Array.prototype.push.apply(container.cameras, cameras);
+                return container;
+            });
+        });
+    };
+    /**
+     * @param data
+     * @hidden
+     */
+    GLTFFileLoader.prototype.canDirectLoad = function (data) {
+        return ((data.indexOf("asset") !== -1 && data.indexOf("version") !== -1) ||
+            StringTools.StartsWith(data, "data:base64," + GLTFFileLoader._MagicBase64Encoded) || // this is technically incorrect, but will continue to support for backcompat.
+            StringTools.StartsWith(data, "data:;base64," + GLTFFileLoader._MagicBase64Encoded) ||
+            StringTools.StartsWith(data, "data:application/octet-stream;base64," + GLTFFileLoader._MagicBase64Encoded) ||
+            StringTools.StartsWith(data, "data:model/gltf-binary;base64," + GLTFFileLoader._MagicBase64Encoded));
+    };
+    /**
+     * @param scene
+     * @param data
+     * @hidden
+     */
+    GLTFFileLoader.prototype.directLoad = function (scene, data) {
+        if (StringTools.StartsWith(data, "base64," + GLTFFileLoader._MagicBase64Encoded) || // this is technically incorrect, but will continue to support for backcompat.
+            StringTools.StartsWith(data, ";base64," + GLTFFileLoader._MagicBase64Encoded) ||
+            StringTools.StartsWith(data, "application/octet-stream;base64," + GLTFFileLoader._MagicBase64Encoded) ||
+            StringTools.StartsWith(data, "model/gltf-binary;base64," + GLTFFileLoader._MagicBase64Encoded)) {
+            var arrayBuffer_1 = DecodeBase64UrlToBinary(data);
+            this._validate(scene, arrayBuffer_1);
+            return this._unpackBinaryAsync(new DataReader({
+                readAsync: function (byteOffset, byteLength) { return readAsync(arrayBuffer_1, byteOffset, byteLength); },
+                byteLength: arrayBuffer_1.byteLength,
+            }));
+        }
+        this._validate(scene, data);
+        return Promise.resolve({ json: this._parseJson(data) });
+    };
+    /** @hidden */
+    GLTFFileLoader.prototype.createPlugin = function () {
+        return new GLTFFileLoader();
+    };
+    Object.defineProperty(GLTFFileLoader.prototype, "loaderState", {
+        /**
+         * The loader state or null if the loader is not active.
+         */
+        get: function () {
+            return this._state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Returns a promise that resolves when the asset is completely loaded.
+     * @returns a promise that resolves when the asset is completely loaded.
+     */
+    GLTFFileLoader.prototype.whenCompleteAsync = function () {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            _this.onCompleteObservable.addOnce(function () {
+                resolve();
+            });
+            _this.onErrorObservable.addOnce(function (reason) {
+                reject(reason);
+            });
+        });
+    };
+    /**
+     * @param state
+     * @hidden
+     */
+    GLTFFileLoader.prototype._setState = function (state) {
+        if (this._state === state) {
+            return;
+        }
+        this._state = state;
+        this.onLoaderStateChangedObservable.notifyObservers(this._state);
+        this._log(GLTFLoaderState[this._state]);
+    };
+    /**
+     * @param scene
+     * @param fileOrUrl
+     * @param onSuccess
+     * @param useArrayBuffer
+     * @param onError
+     * @param onOpened
+     * @hidden
+     */
+    GLTFFileLoader.prototype._loadFile = function (scene, fileOrUrl, onSuccess, useArrayBuffer, onError, onOpened) {
+        var _this = this;
+        var request = scene._loadFile(fileOrUrl, onSuccess, function (event) {
+            _this._onProgress(event, request);
+        }, true, useArrayBuffer, onError, onOpened);
+        request.onCompleteObservable.add(function (request) {
+            _this._requests.splice(_this._requests.indexOf(request), 1);
+        });
+        this._requests.push(request);
+        return request;
+    };
+    GLTFFileLoader.prototype._onProgress = function (event, request) {
+        if (!this._progressCallback) {
+            return;
+        }
+        request._lengthComputable = event.lengthComputable;
+        request._loaded = event.loaded;
+        request._total = event.total;
+        var lengthComputable = true;
+        var loaded = 0;
+        var total = 0;
+        for (var _i = 0, _a = this._requests; _i < _a.length; _i++) {
+            var request_1 = _a[_i];
+            if (request_1._lengthComputable === undefined || request_1._loaded === undefined || request_1._total === undefined) {
+                return;
+            }
+            lengthComputable = lengthComputable && request_1._lengthComputable;
+            loaded += request_1._loaded;
+            total += request_1._total;
+        }
+        this._progressCallback({
+            lengthComputable: lengthComputable,
+            loaded: loaded,
+            total: lengthComputable ? total : 0,
+        });
+    };
+    GLTFFileLoader.prototype._validate = function (scene, data, rootUrl, fileName) {
+        var _this = this;
+        if (rootUrl === void 0) { rootUrl = ""; }
+        if (fileName === void 0) { fileName = ""; }
+        if (!this.validate) {
+            return;
+        }
+        this._startPerformanceCounter("Validate JSON");
+        GLTFValidation.ValidateAsync(data, rootUrl, fileName, function (uri) {
+            return _this.preprocessUrlAsync(rootUrl + uri).then(function (url) { return scene._loadFileAsync(url, undefined, true, true); });
+        }).then(function (result) {
+            _this._endPerformanceCounter("Validate JSON");
+            _this.onValidatedObservable.notifyObservers(result);
+            _this.onValidatedObservable.clear();
+        }, function (reason) {
+            _this._endPerformanceCounter("Validate JSON");
+            Tools.Warn("Failed to validate: ".concat(reason.message));
+            _this.onValidatedObservable.clear();
+        });
+    };
+    GLTFFileLoader.prototype._getLoader = function (loaderData) {
+        var asset = loaderData.json.asset || {};
+        this._log("Asset version: ".concat(asset.version));
+        asset.minVersion && this._log("Asset minimum version: ".concat(asset.minVersion));
+        asset.generator && this._log("Asset generator: ".concat(asset.generator));
+        var version = GLTFFileLoader._parseVersion(asset.version);
+        if (!version) {
+            throw new Error("Invalid version: " + asset.version);
+        }
+        if (asset.minVersion !== undefined) {
+            var minVersion = GLTFFileLoader._parseVersion(asset.minVersion);
+            if (!minVersion) {
+                throw new Error("Invalid minimum version: " + asset.minVersion);
+            }
+            if (GLTFFileLoader._compareVersion(minVersion, { major: 2, minor: 0 }) > 0) {
+                throw new Error("Incompatible minimum version: " + asset.minVersion);
+            }
+        }
+        var createLoaders = {
+            1: GLTFFileLoader._CreateGLTF1Loader,
+            2: GLTFFileLoader._CreateGLTF2Loader,
+        };
+        var createLoader = createLoaders[version.major];
+        if (!createLoader) {
+            throw new Error("Unsupported version: " + asset.version);
+        }
+        return createLoader(this);
+    };
+    GLTFFileLoader.prototype._parseJson = function (json) {
+        this._startPerformanceCounter("Parse JSON");
+        this._log("JSON length: ".concat(json.length));
+        var parsed = JSON.parse(json);
+        this._endPerformanceCounter("Parse JSON");
+        return parsed;
+    };
+    GLTFFileLoader.prototype._unpackBinaryAsync = function (dataReader) {
+        var _this = this;
+        this._startPerformanceCounter("Unpack Binary");
+        // Read magic + version + length + json length + json format
+        return dataReader.loadAsync(20).then(function () {
+            var Binary = {
+                Magic: 0x46546c67,
+            };
+            var magic = dataReader.readUint32();
+            if (magic !== Binary.Magic) {
+                throw new RuntimeError("Unexpected magic: " + magic, ErrorCodes.GLTFLoaderUnexpectedMagicError);
+            }
+            var version = dataReader.readUint32();
+            if (_this.loggingEnabled) {
+                _this._log("Binary version: ".concat(version));
+            }
+            var length = dataReader.readUint32();
+            if (dataReader.buffer.byteLength !== 0 && length !== dataReader.buffer.byteLength) {
+                throw new Error("Length in header does not match actual data length: ".concat(length, " != ").concat(dataReader.buffer.byteLength));
+            }
+            var unpacked;
+            switch (version) {
+                case 1: {
+                    unpacked = _this._unpackBinaryV1Async(dataReader, length);
+                    break;
+                }
+                case 2: {
+                    unpacked = _this._unpackBinaryV2Async(dataReader, length);
+                    break;
+                }
+                default: {
+                    throw new Error("Unsupported version: " + version);
+                }
+            }
+            _this._endPerformanceCounter("Unpack Binary");
+            return unpacked;
+        });
+    };
+    GLTFFileLoader.prototype._unpackBinaryV1Async = function (dataReader, length) {
+        var ContentFormat = {
+            JSON: 0,
+        };
+        var contentLength = dataReader.readUint32();
+        var contentFormat = dataReader.readUint32();
+        if (contentFormat !== ContentFormat.JSON) {
+            throw new Error("Unexpected content format: ".concat(contentFormat));
+        }
+        var bodyLength = length - dataReader.byteOffset;
+        var data = { json: this._parseJson(dataReader.readString(contentLength)), bin: null };
+        if (bodyLength !== 0) {
+            var startByteOffset_1 = dataReader.byteOffset;
+            data.bin = {
+                readAsync: function (byteOffset, byteLength) { return dataReader.buffer.readAsync(startByteOffset_1 + byteOffset, byteLength); },
+                byteLength: bodyLength,
+            };
+        }
+        return Promise.resolve(data);
+    };
+    GLTFFileLoader.prototype._unpackBinaryV2Async = function (dataReader, length) {
+        var _this = this;
+        var ChunkFormat = {
+            JSON: 0x4e4f534a,
+            BIN: 0x004e4942,
+        };
+        // Read the JSON chunk header.
+        var chunkLength = dataReader.readUint32();
+        var chunkFormat = dataReader.readUint32();
+        if (chunkFormat !== ChunkFormat.JSON) {
+            throw new Error("First chunk format is not JSON");
+        }
+        // Bail if there are no other chunks.
+        if (dataReader.byteOffset + chunkLength === length) {
+            return dataReader.loadAsync(chunkLength).then(function () {
+                return { json: _this._parseJson(dataReader.readString(chunkLength)), bin: null };
+            });
+        }
+        // Read the JSON chunk and the length and type of the next chunk.
+        return dataReader.loadAsync(chunkLength + 8).then(function () {
+            var data = { json: _this._parseJson(dataReader.readString(chunkLength)), bin: null };
+            var readAsync = function () {
+                var chunkLength = dataReader.readUint32();
+                var chunkFormat = dataReader.readUint32();
+                switch (chunkFormat) {
+                    case ChunkFormat.JSON: {
+                        throw new Error("Unexpected JSON chunk");
+                    }
+                    case ChunkFormat.BIN: {
+                        var startByteOffset_2 = dataReader.byteOffset;
+                        data.bin = {
+                            readAsync: function (byteOffset, byteLength) { return dataReader.buffer.readAsync(startByteOffset_2 + byteOffset, byteLength); },
+                            byteLength: chunkLength,
+                        };
+                        dataReader.skipBytes(chunkLength);
+                        break;
+                    }
+                    default: {
+                        // ignore unrecognized chunkFormat
+                        dataReader.skipBytes(chunkLength);
+                        break;
+                    }
+                }
+                if (dataReader.byteOffset !== length) {
+                    return dataReader.loadAsync(8).then(readAsync);
+                }
+                return Promise.resolve(data);
+            };
+            return readAsync();
+        });
+    };
+    GLTFFileLoader._parseVersion = function (version) {
+        if (version === "1.0" || version === "1.0.1") {
+            return {
+                major: 1,
+                minor: 0,
+            };
+        }
+        var match = (version + "").match(/^(\d+)\.(\d+)/);
+        if (!match) {
+            return null;
+        }
+        return {
+            major: parseInt(match[1]),
+            minor: parseInt(match[2]),
+        };
+    };
+    GLTFFileLoader._compareVersion = function (a, b) {
+        if (a.major > b.major) {
+            return 1;
+        }
+        if (a.major < b.major) {
+            return -1;
+        }
+        if (a.minor > b.minor) {
+            return 1;
+        }
+        if (a.minor < b.minor) {
+            return -1;
+        }
+        return 0;
+    };
+    /**
+     * @param message
+     * @hidden
+     */
+    GLTFFileLoader.prototype._logOpen = function (message) {
+        this._log(message);
+        this._logIndentLevel++;
+    };
+    /** @hidden */
+    GLTFFileLoader.prototype._logClose = function () {
+        --this._logIndentLevel;
+    };
+    GLTFFileLoader.prototype._logEnabled = function (message) {
+        var spaces = GLTFFileLoader._logSpaces.substr(0, this._logIndentLevel * 2);
+        Logger.Log("".concat(spaces).concat(message));
+    };
+    GLTFFileLoader.prototype._logDisabled = function (message) { };
+    GLTFFileLoader.prototype._startPerformanceCounterEnabled = function (counterName) {
+        Tools.StartPerformanceCounter(counterName);
+    };
+    GLTFFileLoader.prototype._startPerformanceCounterDisabled = function (counterName) { };
+    GLTFFileLoader.prototype._endPerformanceCounterEnabled = function (counterName) {
+        Tools.EndPerformanceCounter(counterName);
+    };
+    GLTFFileLoader.prototype._endPerformanceCounterDisabled = function (counterName) { };
+    // ----------
+    // V1 options
+    // ----------
+    /**
+     * Set this property to false to disable incremental loading which delays the loader from calling the success callback until after loading the meshes and shaders.
+     * Textures always loads asynchronously. For example, the success callback can compute the bounding information of the loaded meshes when incremental loading is disabled.
+     * Defaults to true.
+     * @hidden
+     */
+    GLTFFileLoader.IncrementalLoading = true;
+    /**
+     * Set this property to true in order to work with homogeneous coordinates, available with some converters and exporters.
+     * Defaults to false. See https://en.wikipedia.org/wiki/Homogeneous_coordinates.
+     * @hidden
+     */
+    GLTFFileLoader.HomogeneousCoordinates = false;
+    GLTFFileLoader._MagicBase64Encoded = "Z2xURg"; // "glTF" base64 encoded (without the quotes!)
+    GLTFFileLoader._logSpaces = "                                ";
+    return GLTFFileLoader;
+}());
+export { GLTFFileLoader };
+if (SceneLoader) {
+    SceneLoader.RegisterPlugin(new GLTFFileLoader());
+}
 //# sourceMappingURL=glTFFileLoader.js.map