@luma.gl/webgl 9.0.0-alpha.9 → 9.0.0-beta.1

package/dist/es5/adapter/resources/webgl-texture.js

@@ -1,986 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _api = require("@luma.gl/api");
-
-var _constants = _interopRequireDefault(require("@luma.gl/constants"));
-
-var _withParameters = require("../../context/state-tracker/with-parameters");
-
-var _textureFormats = require("../converters/texture-formats");
-
-var _samplerParameters = require("../converters/sampler-parameters");
-
-var _webglBuffer = _interopRequireDefault(require("./webgl-buffer"));
-
-var _webglSampler = _interopRequireDefault(require("./webgl-sampler"));
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var WEBGLTexture = function (_Texture) {
-  (0, _inherits2.default)(WEBGLTexture, _Texture);
-
-  var _super = _createSuper(WEBGLTexture);
-
-  function WEBGLTexture(device, props) {
-    var _this$props;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, WEBGLTexture);
-    _this = _super.call(this, device, _objectSpread({
-      format: _constants.default.RGBA
-    }, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "MAX_ATTRIBUTES", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "device", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gl", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gl2", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handle", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "data", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "width", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "height", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "depth", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "format", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dataFormat", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mipmaps", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "target", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "textureUnit", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sampler", undefined);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "loaded", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_video", void 0);
-    _this.device = (0, _api.cast)(device);
-    _this.gl = _this.device.gl;
-    _this.gl2 = _this.device.gl2;
-    _this.handle = _this.props.handle || _this.gl.createTexture();
-    _this.handle.__SPECTOR_Metadata = _objectSpread(_objectSpread({}, _this.props), {}, {
-      data: (0, _typeof2.default)(_this.props.data)
-    });
-    _this.target = getWebGLTextureTarget(_this.props);
-    _this.loaded = false;
-
-    if (typeof ((_this$props = _this.props) === null || _this$props === void 0 ? void 0 : _this$props.data) === 'string') {
-      Object.assign(_this.props, {
-        data: (0, _api.loadImage)(_this.props.data)
-      });
-    }
-
-    _this.initialize(_this.props);
-
-    Object.seal((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(WEBGLTexture, [{
-    key: "destroy",
-    value: function destroy() {
-      if (this.handle) {
-        this.gl.deleteTexture(this.handle);
-        this.removeStats();
-        this.trackDeallocatedMemory('Texture');
-        this.destroyed = true;
-      }
-    }
-  }, {
-    key: "toString",
-    value: function toString() {
-      return "Texture(".concat(this.id, ",").concat(this.width, "x").concat(this.height, ")");
-    }
-  }, {
-    key: "initialize",
-    value: function initialize() {
-      var _this2 = this;
-
-      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      if (this.props.dimension === 'cube') {
-        return this.initializeCube(props);
-      }
-
-      var data = props.data;
-
-      if (data instanceof Promise) {
-        data.then(function (resolvedImageData) {
-          return _this2.initialize(Object.assign({}, props, {
-            pixels: resolvedImageData,
-            data: resolvedImageData
-          }));
-        });
-        return this;
-      }
-
-      var isVideo = typeof HTMLVideoElement !== 'undefined' && data instanceof HTMLVideoElement;
-
-      if (isVideo && data.readyState < HTMLVideoElement.HAVE_METADATA) {
-        this._video = null;
-        data.addEventListener('loadeddata', function () {
-          return _this2.initialize(props);
-        });
-        return this;
-      }
-
-      var _props$parameters = props.parameters,
-          parameters = _props$parameters === void 0 ? {} : _props$parameters;
-      var _props$pixels = props.pixels,
-          pixels = _props$pixels === void 0 ? null : _props$pixels,
-          _props$recreate = props.recreate,
-          recreate = _props$recreate === void 0 ? false : _props$recreate,
-          _props$pixelStore = props.pixelStore,
-          pixelStore = _props$pixelStore === void 0 ? {} : _props$pixelStore,
-          _props$textureUnit = props.textureUnit,
-          textureUnit = _props$textureUnit === void 0 ? undefined : _props$textureUnit;
-
-      if (!data) {
-        data = pixels;
-      }
-
-      var width = props.width,
-          height = props.height,
-          dataFormat = props.dataFormat,
-          type = props.type,
-          _props$compressed = props.compressed,
-          compressed = _props$compressed === void 0 ? false : _props$compressed,
-          _props$mipmaps = props.mipmaps,
-          mipmaps = _props$mipmaps === void 0 ? true : _props$mipmaps;
-      var _props$depth = props.depth,
-          depth = _props$depth === void 0 ? 0 : _props$depth;
-
-      var _this$_deduceParamete = this._deduceParameters({
-        format: props.format,
-        type: type,
-        dataFormat: dataFormat,
-        compressed: compressed,
-        data: data,
-        width: width,
-        height: height
-      });
-
-      width = _this$_deduceParamete.width;
-      height = _this$_deduceParamete.height;
-      compressed = _this$_deduceParamete.compressed;
-      dataFormat = _this$_deduceParamete.dataFormat;
-      type = _this$_deduceParamete.type;
-      var format = (0, _textureFormats.getWebGLTextureFormat)(this.gl, props.format);
-      this.width = width;
-      this.height = height;
-      this.depth = depth;
-      this.format = format;
-      this.type = type;
-      this.dataFormat = dataFormat;
-      this.textureUnit = textureUnit;
-
-      if (Number.isFinite(this.textureUnit)) {
-        this.gl.activeTexture(_constants.default.TEXTURE0 + this.textureUnit);
-        this.gl.bindTexture(this.target, this.handle);
-      }
-
-      if (mipmaps && this.device.isWebGL1 && isNPOT(this.width, this.height)) {
-        _api.log.warn("texture: ".concat(this, " is Non-Power-Of-Two, disabling mipmaps"))();
-
-        mipmaps = false;
-      }
-
-      this.mipmaps = mipmaps;
-      this.setImageData({
-        data: data,
-        width: width,
-        height: height,
-        depth: depth,
-        format: format,
-        type: type,
-        dataFormat: dataFormat,
-        parameters: pixelStore,
-        compressed: compressed
-      });
-      this.setSampler(props.sampler);
-
-      this._setSamplerParameters(parameters);
-
-      if (mipmaps) {
-        this.generateMipmap();
-      }
-
-      if (recreate) {
-        this.data = data;
-      }
-
-      if (isVideo) {
-        this._video = {
-          video: data,
-          parameters: parameters,
-          lastTime: data.readyState >= HTMLVideoElement.HAVE_CURRENT_DATA ? data.currentTime : -1
-        };
-      }
-
-      return this;
-    }
-  }, {
-    key: "initializeCube",
-    value: function initializeCube(props) {
-      var _this3 = this;
-
-      var _props$mipmaps2 = props.mipmaps,
-          mipmaps = _props$mipmaps2 === void 0 ? true : _props$mipmaps2,
-          _props$parameters2 = props.parameters,
-          parameters = _props$parameters2 === void 0 ? {} : _props$parameters2;
-      this.setCubeMapImageData(props).then(function () {
-        _this3.loaded = true;
-
-        if (mipmaps) {
-          _this3.generateMipmap(props);
-        }
-
-        _this3.setSampler(props.sampler);
-
-        _this3._setSamplerParameters(parameters);
-      });
-      return this;
-    }
-  }, {
-    key: "setSampler",
-    value: function setSampler() {
-      var sampler = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var samplerProps;
-
-      if (sampler instanceof _webglSampler.default) {
-        this.sampler = sampler;
-        samplerProps = sampler.props;
-      } else {
-        this.sampler = new _webglSampler.default(this.device, sampler);
-        samplerProps = sampler;
-      }
-
-      var parameters = (0, _samplerParameters.convertSamplerParametersToWebGL)(samplerProps);
-
-      this._setSamplerParameters(parameters);
-
-      return this;
-    }
-  }, {
-    key: "resize",
-    value: function resize(options) {
-      var height = options.height,
-          width = options.width,
-          _options$mipmaps = options.mipmaps,
-          mipmaps = _options$mipmaps === void 0 ? false : _options$mipmaps;
-
-      if (width !== this.width || height !== this.height) {
-        return this.initialize({
-          width: width,
-          height: height,
-          format: this.format,
-          type: this.type,
-          dataFormat: this.dataFormat,
-          mipmaps: mipmaps
-        });
-      }
-
-      return this;
-    }
-  }, {
-    key: "update",
-    value: function update() {
-      if (this._video) {
-        var _this$_video = this._video,
-            video = _this$_video.video,
-            parameters = _this$_video.parameters,
-            lastTime = _this$_video.lastTime;
-
-        if (lastTime === video.currentTime || video.readyState < HTMLVideoElement.HAVE_CURRENT_DATA) {
-          return;
-        }
-
-        this.setSubImageData({
-          data: video,
-          parameters: parameters
-        });
-
-        if (this.mipmaps) {
-          this.generateMipmap();
-        }
-
-        this._video.lastTime = video.currentTime;
-      }
-    }
-  }, {
-    key: "generateMipmap",
-    value: function generateMipmap() {
-      var _this4 = this;
-
-      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      if (this.device.isWebGL1 && isNPOT(this.width, this.height)) {
-        _api.log.warn("texture: ".concat(this, " is Non-Power-Of-Two, disabling mipmaping"))();
-
-        return this;
-      }
-
-      this.mipmaps = true;
-      this.gl.bindTexture(this.target, this.handle);
-      (0, _withParameters.withParameters)(this.gl, params, function () {
-        _this4.gl.generateMipmap(_this4.target);
-      });
-      this.gl.bindTexture(this.target, null);
-      return this;
-    }
-  }, {
-    key: "setImageData",
-    value: function setImageData(options) {
-      var _this5 = this;
-
-      if (this.props.dimension === '3d') {
-        return this.setImageData3D(options);
-      }
-
-      this.trackDeallocatedMemory('Texture');
-      var _options$target = options.target,
-          target = _options$target === void 0 ? this.target : _options$target,
-          _options$pixels = options.pixels,
-          pixels = _options$pixels === void 0 ? null : _options$pixels,
-          _options$level = options.level,
-          level = _options$level === void 0 ? 0 : _options$level,
-          _options$format = options.format,
-          format = _options$format === void 0 ? this.format : _options$format,
-          _options$offset = options.offset,
-          offset = _options$offset === void 0 ? 0 : _options$offset,
-          _options$parameters = options.parameters,
-          parameters = _options$parameters === void 0 ? {} : _options$parameters;
-      var _options$data = options.data,
-          data = _options$data === void 0 ? null : _options$data,
-          _options$type = options.type,
-          type = _options$type === void 0 ? this.type : _options$type,
-          _options$width = options.width,
-          width = _options$width === void 0 ? this.width : _options$width,
-          _options$height = options.height,
-          height = _options$height === void 0 ? this.height : _options$height,
-          _options$dataFormat = options.dataFormat,
-          dataFormat = _options$dataFormat === void 0 ? this.dataFormat : _options$dataFormat,
-          _options$compressed = options.compressed,
-          compressed = _options$compressed === void 0 ? false : _options$compressed;
-
-      if (!data) {
-        data = pixels;
-      }
-
-      var _this$_deduceParamete2 = this._deduceParameters({
-        format: this.props.format,
-        type: type,
-        dataFormat: dataFormat,
-        compressed: compressed,
-        data: data,
-        width: width,
-        height: height
-      });
-
-      type = _this$_deduceParamete2.type;
-      dataFormat = _this$_deduceParamete2.dataFormat;
-      compressed = _this$_deduceParamete2.compressed;
-      width = _this$_deduceParamete2.width;
-      height = _this$_deduceParamete2.height;
-      var gl = this.gl;
-      gl.bindTexture(this.target, this.handle);
-      var dataType = null;
-
-      var _this$_getDataType = this._getDataType({
-        data: data,
-        compressed: compressed
-      });
-
-      data = _this$_getDataType.data;
-      dataType = _this$_getDataType.dataType;
-      var gl2;
-      (0, _withParameters.withParameters)(this.gl, parameters, function () {
-        switch (dataType) {
-          case 'null':
-            gl.texImage2D(target, level, format, width, height, 0, dataFormat, type, data);
-            break;
-
-          case 'typed-array':
-            gl.texImage2D(target, level, format, width, height, 0, dataFormat, type, data, offset);
-            break;
-
-          case 'buffer':
-            gl2 = _this5.device.assertWebGL2();
-            gl2.bindBuffer(_constants.default.PIXEL_UNPACK_BUFFER, data.handle || data);
-            gl2.texImage2D(target, level, format, width, height, 0, dataFormat, type, offset);
-            gl2.bindBuffer(_constants.default.PIXEL_UNPACK_BUFFER, null);
-            break;
-
-          case 'browser-object':
-            if (_this5.device.isWebGL2) {
-              gl.texImage2D(target, level, format, width, height, 0, dataFormat, type, data);
-            } else {
-              gl.texImage2D(target, level, format, dataFormat, type, data);
-            }
-
-            break;
-
-          case 'compressed':
-            var _iterator = _createForOfIteratorHelper(data.entries()),
-                _step;
-
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
-                    levelIndex = _step$value[0],
-                    levelData = _step$value[1];
-
-                gl.compressedTexImage2D(target, levelIndex, levelData.format, levelData.width, levelData.height, 0, levelData.data);
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
-            }
-
-            break;
-
-          default:
-            (0, _api.assert)(false, 'Unknown image data type');
-        }
-      });
-
-      if (data && data.byteLength) {
-        this.trackAllocatedMemory(data.byteLength, 'Texture');
-      } else {
-        var bytesPerPixel = (0, _textureFormats.getTextureFormatBytesPerPixel)(this.gl, this.props.format);
-        this.trackAllocatedMemory(this.width * this.height * bytesPerPixel, 'Texture');
-      }
-
-      this.loaded = true;
-      return this;
-    }
-  }, {
-    key: "setSubImageData",
-    value: function setSubImageData(_ref) {
-      var _this6 = this;
-
-      var _ref$target = _ref.target,
-          target = _ref$target === void 0 ? this.target : _ref$target,
-          _ref$pixels = _ref.pixels,
-          pixels = _ref$pixels === void 0 ? null : _ref$pixels,
-          _ref$data = _ref.data,
-          data = _ref$data === void 0 ? null : _ref$data,
-          _ref$x = _ref.x,
-          x = _ref$x === void 0 ? 0 : _ref$x,
-          _ref$y = _ref.y,
-          y = _ref$y === void 0 ? 0 : _ref$y,
-          _ref$width = _ref.width,
-          width = _ref$width === void 0 ? this.width : _ref$width,
-          _ref$height = _ref.height,
-          height = _ref$height === void 0 ? this.height : _ref$height,
-          _ref$level = _ref.level,
-          level = _ref$level === void 0 ? 0 : _ref$level,
-          _ref$format = _ref.format,
-          format = _ref$format === void 0 ? this.format : _ref$format,
-          _ref$type = _ref.type,
-          type = _ref$type === void 0 ? this.type : _ref$type,
-          _ref$dataFormat = _ref.dataFormat,
-          dataFormat = _ref$dataFormat === void 0 ? this.dataFormat : _ref$dataFormat,
-          _ref$compressed = _ref.compressed,
-          compressed = _ref$compressed === void 0 ? false : _ref$compressed,
-          _ref$offset = _ref.offset,
-          offset = _ref$offset === void 0 ? 0 : _ref$offset,
-          _ref$parameters = _ref.parameters,
-          parameters = _ref$parameters === void 0 ? {} : _ref$parameters;
-
-      var _this$_deduceParamete3 = this._deduceParameters({
-        format: this.props.format,
-        type: type,
-        dataFormat: dataFormat,
-        compressed: compressed,
-        data: data,
-        width: width,
-        height: height
-      });
-
-      type = _this$_deduceParamete3.type;
-      dataFormat = _this$_deduceParamete3.dataFormat;
-      compressed = _this$_deduceParamete3.compressed;
-      width = _this$_deduceParamete3.width;
-      height = _this$_deduceParamete3.height;
-      (0, _api.assert)(this.depth === 1, 'texSubImage not supported for 3D textures');
-
-      if (!data) {
-        data = pixels;
-      }
-
-      if (data && data.data) {
-        var ndarray = data;
-        data = ndarray.data;
-        width = ndarray.shape[0];
-        height = ndarray.shape[1];
-      }
-
-      if (data instanceof _webglBuffer.default) {
-        data = data.handle;
-      }
-
-      this.gl.bindTexture(this.target, this.handle);
-      (0, _withParameters.withParameters)(this.gl, parameters, function () {
-        if (compressed) {
-          _this6.gl.compressedTexSubImage2D(target, level, x, y, width, height, format, data);
-        } else if (data === null) {
-          _this6.gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, null);
-        } else if (ArrayBuffer.isView(data)) {
-          _this6.gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, data, offset);
-        } else if (typeof WebGLBuffer !== 'undefined' && data instanceof WebGLBuffer) {
-          var gl2 = _this6.device.assertWebGL2();
-
-          gl2.bindBuffer(_constants.default.PIXEL_UNPACK_BUFFER, data);
-          gl2.texSubImage2D(target, level, x, y, width, height, dataFormat, type, offset);
-          gl2.bindBuffer(_constants.default.PIXEL_UNPACK_BUFFER, null);
-        } else if (_this6.device.isWebGL2) {
-          var _gl = _this6.device.assertWebGL2();
-
-          _gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, data);
-        } else {
-          _this6.gl.texSubImage2D(target, level, x, y, dataFormat, type, data);
-        }
-      });
-      this.gl.bindTexture(this.target, null);
-    }
-  }, {
-    key: "copyFramebuffer",
-    value: function copyFramebuffer() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      _api.log.error('Texture.copyFramebuffer({...}) is no logner supported, use copyToTexture(source, target, opts})')();
-
-      return null;
-    }
-  }, {
-    key: "getActiveUnit",
-    value: function getActiveUnit() {
-      return this.gl.getParameter(_constants.default.ACTIVE_TEXTURE) - _constants.default.TEXTURE0;
-    }
-  }, {
-    key: "bind",
-    value: function bind() {
-      var textureUnit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.textureUnit;
-      var gl = this.gl;
-
-      if (textureUnit !== undefined) {
-        this.textureUnit = textureUnit;
-        gl.activeTexture(gl.TEXTURE0 + textureUnit);
-      }
-
-      gl.bindTexture(this.target, this.handle);
-      return textureUnit;
-    }
-  }, {
-    key: "unbind",
-    value: function unbind() {
-      var textureUnit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.textureUnit;
-      var gl = this.gl;
-
-      if (textureUnit !== undefined) {
-        this.textureUnit = textureUnit;
-        gl.activeTexture(gl.TEXTURE0 + textureUnit);
-      }
-
-      gl.bindTexture(this.target, null);
-      return textureUnit;
-    }
-  }, {
-    key: "_getDataType",
-    value: function _getDataType(_ref2) {
-      var data = _ref2.data,
-          _ref2$compressed = _ref2.compressed,
-          compressed = _ref2$compressed === void 0 ? false : _ref2$compressed;
-
-      if (compressed) {
-        return {
-          data: data,
-          dataType: 'compressed'
-        };
-      }
-
-      if (data === null) {
-        return {
-          data: data,
-          dataType: 'null'
-        };
-      }
-
-      if (ArrayBuffer.isView(data)) {
-        return {
-          data: data,
-          dataType: 'typed-array'
-        };
-      }
-
-      if (data instanceof _webglBuffer.default) {
-        return {
-          data: data.handle,
-          dataType: 'buffer'
-        };
-      }
-
-      if (typeof WebGLBuffer !== 'undefined' && data instanceof WebGLBuffer) {
-        return {
-          data: data,
-          dataType: 'buffer'
-        };
-      }
-
-      return {
-        data: data,
-        dataType: 'browser-object'
-      };
-    }
-  }, {
-    key: "_deduceParameters",
-    value: function _deduceParameters(opts) {
-      var format = opts.format,
-          data = opts.data;
-      var width = opts.width,
-          height = opts.height,
-          dataFormat = opts.dataFormat,
-          type = opts.type,
-          compressed = opts.compressed;
-      var parameters = (0, _textureFormats.getWebGLTextureParameters)(this.gl, format);
-      dataFormat = dataFormat || parameters.dataFormat;
-      type = type || parameters.type;
-      compressed = compressed || parameters.compressed;
-
-      var _this$_deduceImageSiz = this._deduceImageSize(data, width, height);
-
-      width = _this$_deduceImageSiz.width;
-      height = _this$_deduceImageSiz.height;
-      return {
-        dataFormat: dataFormat,
-        type: type,
-        compressed: compressed,
-        width: width,
-        height: height,
-        format: format,
-        data: data
-      };
-    }
-  }, {
-    key: "_deduceImageSize",
-    value: function _deduceImageSize(data, width, height) {
-      var size;
-
-      if (typeof ImageData !== 'undefined' && data instanceof ImageData) {
-        size = {
-          width: data.width,
-          height: data.height
-        };
-      } else if (typeof HTMLImageElement !== 'undefined' && data instanceof HTMLImageElement) {
-        size = {
-          width: data.naturalWidth,
-          height: data.naturalHeight
-        };
-      } else if (typeof HTMLCanvasElement !== 'undefined' && data instanceof HTMLCanvasElement) {
-        size = {
-          width: data.width,
-          height: data.height
-        };
-      } else if (typeof ImageBitmap !== 'undefined' && data instanceof ImageBitmap) {
-        size = {
-          width: data.width,
-          height: data.height
-        };
-      } else if (typeof HTMLVideoElement !== 'undefined' && data instanceof HTMLVideoElement) {
-        size = {
-          width: data.videoWidth,
-          height: data.videoHeight
-        };
-      } else if (!data) {
-        size = {
-          width: width >= 0 ? width : 1,
-          height: height >= 0 ? height : 1
-        };
-      } else {
-        size = {
-          width: width,
-          height: height
-        };
-      }
-
-      (0, _api.assert)(size, 'Could not deduced texture size');
-      (0, _api.assert)(width === undefined || size.width === width, 'Deduced texture width does not match supplied width');
-      (0, _api.assert)(height === undefined || size.height === height, 'Deduced texture height does not match supplied height');
-      return size;
-    }
-  }, {
-    key: "setCubeMapImageData",
-    value: function () {
-      var _setCubeMapImageData = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(options) {
-        var _this7 = this;
-
-        var gl, width, height, pixels, data, _options$format2, format, _options$type2, type, imageDataMap, resolvedFaces;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                gl = this.gl;
-                width = options.width, height = options.height, pixels = options.pixels, data = options.data, _options$format2 = options.format, format = _options$format2 === void 0 ? _constants.default.RGBA : _options$format2, _options$type2 = options.type, type = _options$type2 === void 0 ? _constants.default.UNSIGNED_BYTE : _options$type2;
-                imageDataMap = pixels || data;
-                _context.next = 5;
-                return Promise.all(WEBGLTexture.FACES.map(function (face) {
-                  var facePixels = imageDataMap[face];
-                  return Promise.all(Array.isArray(facePixels) ? facePixels : [facePixels]);
-                }));
-
-              case 5:
-                resolvedFaces = _context.sent;
-                this.bind();
-                WEBGLTexture.FACES.forEach(function (face, index) {
-                  if (resolvedFaces[index].length > 1 && _this7.props.mipmaps !== false) {
-                    _api.log.warn("".concat(_this7.id, " has mipmap and multiple LODs."))();
-                  }
-
-                  resolvedFaces[index].forEach(function (image, lodLevel) {
-                    if (width && height) {
-                      gl.texImage2D(face, lodLevel, format, width, height, 0, format, type, image);
-                    } else {
-                      gl.texImage2D(face, lodLevel, format, format, type, image);
-                    }
-                  });
-                });
-                this.unbind();
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function setCubeMapImageData(_x) {
-        return _setCubeMapImageData.apply(this, arguments);
-      }
-
-      return setCubeMapImageData;
-    }()
-  }, {
-    key: "setImageDataForFace",
-    value: function setImageDataForFace(options) {
-      var _this8 = this;
-
-      var face = options.face,
-          width = options.width,
-          height = options.height,
-          pixels = options.pixels,
-          data = options.data,
-          _options$format3 = options.format,
-          format = _options$format3 === void 0 ? _constants.default.RGBA : _options$format3,
-          _options$type3 = options.type,
-          type = _options$type3 === void 0 ? _constants.default.UNSIGNED_BYTE : _options$type3;
-      var gl = this.gl;
-      var imageData = pixels || data;
-      this.bind();
-
-      if (imageData instanceof Promise) {
-        imageData.then(function (resolvedImageData) {
-          return _this8.setImageDataForFace(Object.assign({}, options, {
-            face: face,
-            data: resolvedImageData,
-            pixels: resolvedImageData
-          }));
-        });
-      } else if (this.width || this.height) {
-        gl.texImage2D(face, 0, format, width, height, 0, format, type, imageData);
-      } else {
-        gl.texImage2D(face, 0, format, format, type, imageData);
-      }
-
-      return this;
-    }
-  }, {
-    key: "setImageData3D",
-    value: function setImageData3D(options) {
-      var _this9 = this;
-
-      var _options$level2 = options.level,
-          level = _options$level2 === void 0 ? 0 : _options$level2,
-          dataFormat = options.dataFormat,
-          format = options.format,
-          type = options.type,
-          width = options.width,
-          height = options.height,
-          _options$depth = options.depth,
-          depth = _options$depth === void 0 ? 1 : _options$depth,
-          _options$offset2 = options.offset,
-          offset = _options$offset2 === void 0 ? 0 : _options$offset2,
-          data = options.data,
-          _options$parameters2 = options.parameters,
-          parameters = _options$parameters2 === void 0 ? {} : _options$parameters2;
-      this.trackDeallocatedMemory('Texture');
-      this.gl.bindTexture(this.target, this.handle);
-      var webglTextureFormat = (0, _textureFormats.getWebGLTextureParameters)(this.gl, format);
-      (0, _withParameters.withParameters)(this.gl, parameters, function () {
-        if (ArrayBuffer.isView(data)) {
-          _this9.gl.texImage3D(_this9.target, level, webglTextureFormat.format, width, height, depth, 0, webglTextureFormat.dataFormat, webglTextureFormat.type, data);
-        }
-
-        if (data instanceof _webglBuffer.default) {
-          _this9.gl.bindBuffer(_constants.default.PIXEL_UNPACK_BUFFER, data.handle);
-
-          _this9.gl.texImage3D(_this9.target, level, dataFormat, width, height, depth, 0, format, type, offset);
-        }
-      });
-
-      if (data && data.byteLength) {
-        this.trackAllocatedMemory(data.byteLength, 'Texture');
-      } else {
-        var bytesPerPixel = (0, _textureFormats.getTextureFormatBytesPerPixel)(this.gl, this.props.format);
-        this.trackAllocatedMemory(this.width * this.height * this.depth * bytesPerPixel, 'Texture');
-      }
-
-      this.loaded = true;
-      return this;
-    }
-  }, {
-    key: "_setSamplerParameters",
-    value: function _setSamplerParameters(parameters) {
-      if (this.device.isWebGL1 && isNPOT(this.width, this.height)) {
-        parameters = (0, _samplerParameters.updateSamplerParametersForNPOT)(parameters);
-      }
-
-      if ((0, _api.isObjectEmpty)(parameters)) {
-        return;
-      }
-
-      logParameters(parameters);
-      this.gl.bindTexture(this.target, this.handle);
-
-      for (var _i = 0, _Object$entries = Object.entries(parameters); _i < _Object$entries.length; _i++) {
-        var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
-            pname = _Object$entries$_i[0],
-            pvalue = _Object$entries$_i[1];
-
-        var param = Number(pname);
-        var value = pvalue;
-
-        switch (param) {
-          case _constants.default.TEXTURE_MIN_LOD:
-          case _constants.default.TEXTURE_MAX_LOD:
-            this.gl.texParameterf(this.target, param, value);
-            break;
-
-          default:
-            this.gl.texParameteri(this.target, param, value);
-            break;
-        }
-      }
-
-      this.gl.bindTexture(this.target, null);
-      return this;
-    }
-  }, {
-    key: "_getWebGL1NPOTParameterOverride",
-    value: function _getWebGL1NPOTParameterOverride(pname, value) {
-      var npot = this.device.isWebGL1 && isNPOT(this.width, this.height);
-
-      if (npot) {
-        switch (pname) {
-          case _constants.default.TEXTURE_MIN_FILTER:
-            if (value !== _constants.default.LINEAR && value !== _constants.default.NEAREST) {
-              return _constants.default.LINEAR;
-            }
-
-            break;
-
-          case _constants.default.TEXTURE_WRAP_S:
-          case _constants.default.TEXTURE_WRAP_T:
-            return _constants.default.CLAMP_TO_EDGE;
-
-          default:
-            break;
-        }
-      }
-
-      return value;
-    }
-  }]);
-  return WEBGLTexture;
-}(_api.Texture);
-
-exports.default = WEBGLTexture;
-(0, _defineProperty2.default)(WEBGLTexture, "FACES", [_constants.default.TEXTURE_CUBE_MAP_POSITIVE_X, _constants.default.TEXTURE_CUBE_MAP_NEGATIVE_X, _constants.default.TEXTURE_CUBE_MAP_POSITIVE_Y, _constants.default.TEXTURE_CUBE_MAP_NEGATIVE_Y, _constants.default.TEXTURE_CUBE_MAP_POSITIVE_Z, _constants.default.TEXTURE_CUBE_MAP_NEGATIVE_Z]);
-
-function getWebGLTextureTarget(props) {
-  switch (props.dimension) {
-    case '2d':
-      return _constants.default.TEXTURE_2D;
-
-    case 'cube':
-      return _constants.default.TEXTURE_CUBE_MAP;
-
-    case '2d-array':
-      return _constants.default.TEXTURE_2D_ARRAY;
-
-    case '3d':
-      return _constants.default.TEXTURE_3D;
-
-    case '1d':
-    case 'cube-array':
-    default:
-      throw new Error(props.dimension);
-  }
-}
-
-function isNPOT(width, height) {
-  if (!width || !height) {
-    return false;
-  }
-
-  return !(0, _api.isPowerOfTwo)(width) || !(0, _api.isPowerOfTwo)(height);
-}
-
-function logParameters(parameters) {
-  _api.log.log(1, 'texture sampler parameters', parameters)();
-
-  for (var _i2 = 0, _Object$entries2 = Object.entries(parameters); _i2 < _Object$entries2.length; _i2++) {
-    var _Object$entries2$_i = (0, _slicedToArray2.default)(_Object$entries2[_i2], 2),
-        pname = _Object$entries2$_i[0],
-        pvalue = _Object$entries2$_i[1];
-  }
-}
-//# sourceMappingURL=webgl-texture.js.map