@babylonjs/inspector 5.0.0-alpha.57 → 5.0.0-alpha.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/babylon.inspector.bundle.max.js +36 -19
  2. package/babylon.inspector.bundle.max.js.map +1 -1
  3. package/babylon.inspector.module.d.ts +3 -2
  4. package/package.json +7 -7
package/babylon.inspector.bundle.max.js CHANGED
@@ -7,7 +7,7 @@
7
7
  exports["babylonjs-inspector"] = factory(require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/loaders"), require("@babylonjs/materials"), require("@babylonjs/serializers"));
8
8
  else
9
9
  root["INSPECTOR"] = factory(root["BABYLON"], root["BABYLON"]["GUI"], root["BABYLON"], root["BABYLON"]["MATERIALS"], root["BABYLON"]);
10
- })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_adtInstrumentation__, __WEBPACK_EXTERNAL_MODULE__babylonjs_loaders_glTF_index__, __WEBPACK_EXTERNAL_MODULE__babylonjs_materials_grid_gridMaterial__, __WEBPACK_EXTERNAL_MODULE__babylonjs_serializers_glTF_2_0_index__) {
10
+ })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_controls_image__, __WEBPACK_EXTERNAL_MODULE__babylonjs_loaders_glTF_index__, __WEBPACK_EXTERNAL_MODULE__babylonjs_materials_grid_gridMaterial__, __WEBPACK_EXTERNAL_MODULE__babylonjs_serializers_glTF_2_0_index__) {
11
11
  return /******/ (function(modules) { // webpackBootstrap
12
12
  /******/ // The module cache
13
13
  /******/ var installedModules = {};
@@ -11196,7 +11196,7 @@ module.exports = exports;
11196
11196
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
11197
11197
  exports = ___CSS_LOADER_API_IMPORT___(false);
11198
11198
  // Module
11199
- exports.push([module.i, "#canvas-zone {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 30px 10px 40px;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n background: #222222;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph #svg-graph-grid {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-grid:focus {\n outline: none; }\n #canvas-zone #graph #svg-graph-horizontal {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-horizontal:focus {\n outline: none; }\n #canvas-zone #graph #dark-rectangle {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n background: #111111;\n opacity: 0.2;\n pointer-events: none;\n position: absolute; }\n #canvas-zone #graph #block-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: 40px;\n height: 100%;\n background: #222222;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-curves {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n z-index: 2; }\n #canvas-zone #graph #svg-graph-curves:focus {\n outline: none; }\n #canvas-zone #graph #selection-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n position: absolute;\n left: 40px;\n visibility: hidden;\n border: 1px dashed white; }\n #canvas-zone #range-frame-bar {\n grid-column: 1;\n grid-row: 4;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n pointer-events: none;\n user-select: none; }\n #canvas-zone #range-frame-bar #svg-range-frames {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%; }\n #canvas-zone #frame-bar {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 40px 1fr; }\n #canvas-zone #frame-bar #angle-unit {\n grid-column: 1;\n grid-row: 1;\n background: #111111; }\n #canvas-zone #frame-bar #frames {\n grid-column: 1 / 3;\n grid-row: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #canvas-zone #frame-bar #frames #svg-frames {\n margin-left: 40px;\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%; }\n #canvas-zone #play-head-control {\n grid-column: 1;\n grid-row: 2;\n position: absolute;\n height: 30px;\n left: 40px;\n width: calc(100% - 40px); }\n #canvas-zone #play-head {\n grid-column: 1;\n grid-row: 1 / 3;\n position: absolute;\n top: 0;\n height: calc(100% - 5px);\n width: 22px;\n margin-left: 40px;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 22px;\n transform: translateX(-50%);\n pointer-events: none;\n z-index: 3; }\n #canvas-zone #play-head #play-head-bar {\n grid-row: 1;\n grid-column: 1;\n justify-self: center;\n width: 1.5px;\n background: #ffffff;\n height: 100%;\n pointer-events: none; }\n #canvas-zone #play-head #play-head-circle {\n grid-row: 2;\n grid-column: 1;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #FFFFFF;\n font-family: 'acumin-pro-condensed';\n font-size: 8pt;\n display: grid;\n align-content: center;\n justify-content: center;\n color: #555555;\n cursor: pointer; }\n #canvas-zone #angle-mode {\n grid-column: 1;\n grid-row: 2;\n width: 40px;\n height: 100%;\n z-index: 1;\n background: black; }\n", ""]);
11199
+ exports.push([module.i, "#canvas-zone {\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 30px 10px 40px;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n background: #222222;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 100%;\n overflow: hidden;\n position: relative; }\n #canvas-zone #graph #svg-graph-grid {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-grid:focus {\n outline: none; }\n #canvas-zone #graph #svg-graph-horizontal {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-horizontal:focus {\n outline: none; }\n #canvas-zone #graph #dark-rectangle {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n background: #111111;\n opacity: 0.2;\n pointer-events: none;\n position: absolute; }\n #canvas-zone #graph #block-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: 40px;\n height: 100%;\n background: #222222;\n z-index: 1; }\n #canvas-zone #graph #svg-graph-curves {\n grid-column: 1;\n grid-row: 1;\n margin-left: 40px;\n width: calc(100% - 40px);\n height: 100%;\n z-index: 2; }\n #canvas-zone #graph #svg-graph-curves:focus {\n outline: none; }\n #canvas-zone #graph #selection-rectangle {\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%;\n pointer-events: none;\n position: absolute;\n left: 40px;\n visibility: hidden;\n border: 1px dashed white; }\n #canvas-zone #range-frame-bar {\n grid-column: 1;\n grid-row: 4;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%;\n pointer-events: none;\n user-select: none; }\n #canvas-zone #range-frame-bar #svg-range-frames {\n grid-column: 1;\n grid-row: 1;\n width: 100%;\n height: 100%; }\n #canvas-zone #frame-bar {\n grid-column: 1;\n grid-row: 2;\n width: 100%;\n height: 100%;\n background: #222222;\n pointer-events: none;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 40px 1fr; }\n #canvas-zone #frame-bar #angle-unit {\n grid-column: 1;\n grid-row: 1;\n background: #111111; }\n #canvas-zone #frame-bar #frames {\n grid-column: 1 / 3;\n grid-row: 1;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #canvas-zone #frame-bar #frames #svg-frames {\n margin-left: 40px;\n grid-column: 1;\n grid-row: 1;\n width: calc(100% - 40px);\n height: 100%; }\n #canvas-zone #play-head-control {\n grid-column: 1;\n grid-row: 2;\n position: absolute;\n height: 30px;\n left: 40px;\n width: calc(100% - 40px); }\n #canvas-zone #play-head {\n grid-column: 1;\n grid-row: 1 / 3;\n position: absolute;\n top: 0;\n height: calc(100% - 5px);\n width: 22px;\n margin-left: 40px;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: 1fr 22px;\n transform: translateX(-50%);\n pointer-events: none;\n z-index: 3; }\n #canvas-zone #play-head #play-head-bar {\n grid-row: 1;\n grid-column: 1;\n justify-self: center;\n width: 1.5px;\n background: #ffffff;\n height: 100%;\n pointer-events: none; }\n #canvas-zone #play-head #play-head-circle {\n grid-row: 2;\n grid-column: 1;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #FFFFFF;\n font-family: 'acumin-pro-condensed';\n font-size: 8pt;\n display: grid;\n align-content: center;\n justify-content: center;\n color: #555555;\n cursor: pointer; }\n #canvas-zone #angle-mode {\n grid-column: 1;\n grid-row: 2;\n width: 40px;\n height: 100%;\n z-index: 1;\n background: #222222; }\n", ""]);
11200
11200
  // Exports
11201
11201
  module.exports = exports;
11202
11202
 
@@ -11214,7 +11214,7 @@ module.exports = exports;
11214
11214
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
11215
11215
  exports = ___CSS_LOADER_API_IMPORT___(false);
11216
11216
  // Module
11217
- exports.push([module.i, "#curve-editor {\n background: #333333;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 40px 1fr 45px;\n grid-template-columns: 10px 210px 10px 1fr 10px; }\n #curve-editor #top-bar {\n background: #333333;\n grid-row: 1;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #bottom-bar {\n background: #333333;\n grid-row: 3;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #canvas-zone {\n grid-row: 2;\n grid-column: 4;\n width: 100%;\n height: 100%;\n background: #333333; }\n #curve-editor #sidebar {\n grid-row: 2;\n grid-column: 2;\n width: 100%;\n height: 100%;\n background: #111111; }\n #curve-editor .action-button:hover {\n background: #666666;\n color: white;\n cursor: pointer; }\n #curve-editor .action-button.active {\n background: #111111; }\n #curve-editor .action-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #curve-editor .push-button {\n cursor: pointer; }\n #curve-editor .push-button.active {\n background: #666666; }\n #curve-editor .text-input {\n color: white;\n background: #000000;\n font-family: 'acumin-pro-condensed';\n font-size: 11pt;\n border: 0;\n margin: 3px 1px;\n text-align: end;\n padding-right: 4px; }\n #curve-editor .text-input:focus {\n outline: none; }\n", ""]);
11217
+ exports.push([module.i, "#curve-editor {\n background: #333333;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 40px calc(100% - 85px) 45px;\n grid-template-columns: 10px 210px 10px 1fr 10px; }\n #curve-editor #top-bar {\n background: #333333;\n grid-row: 1;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #bottom-bar {\n background: #333333;\n grid-row: 3;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #canvas-zone {\n grid-row: 2;\n grid-column: 4;\n width: 100%;\n height: 100%;\n background: #333333; }\n #curve-editor #sidebar {\n grid-row: 2;\n grid-column: 2;\n width: 100%;\n height: 100%;\n background: #111111; }\n #curve-editor .action-button:hover {\n background: #666666;\n color: white;\n cursor: pointer; }\n #curve-editor .action-button.active {\n background: #111111; }\n #curve-editor .action-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #curve-editor .push-button {\n cursor: pointer; }\n #curve-editor .push-button.active {\n background: #666666; }\n #curve-editor .text-input {\n color: white;\n background: #000000;\n font-family: 'acumin-pro-condensed';\n font-size: 11pt;\n border: 0;\n margin: 3px 1px;\n text-align: end;\n padding-right: 4px; }\n #curve-editor .text-input:focus {\n outline: none; }\n", ""]);
11218
11218
  // Exports
11219
11219
  module.exports = exports;
11220
11220
 
@@ -48003,15 +48003,24 @@ var CanvasComponent = /** @class */ (function (_super) {
48003
48003
  function CanvasComponent(props) {
48004
48004
  var _this = _super.call(this, props) || this;
48005
48005
  _this.state = {};
48006
+ _this._onActiveAnimationChangedObserver = _this.props.context.onActiveAnimationChanged.add(function () {
48007
+ _this.forceUpdate();
48008
+ });
48006
48009
  return _this;
48007
48010
  }
48011
+ CanvasComponent.prototype.componentWillUnmount = function () {
48012
+ if (this._onActiveAnimationChangedObserver) {
48013
+ this.props.context.onActiveAnimationChanged.remove(this._onActiveAnimationChangedObserver);
48014
+ }
48015
+ };
48008
48016
  CanvasComponent.prototype.render = function () {
48009
48017
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "canvas-zone" },
48010
48018
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_graphComponent__WEBPACK_IMPORTED_MODULE_3__["GraphComponent"], { globalState: this.props.globalState, context: this.props.context }),
48011
48019
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_frameBarComponent__WEBPACK_IMPORTED_MODULE_2__["FrameBarComponent"], { globalState: this.props.globalState, context: this.props.context }),
48012
48020
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_playHeadComponent__WEBPACK_IMPORTED_MODULE_4__["PlayHeadComponent"], { context: this.props.context, globalState: this.props.globalState }),
48013
48021
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_rangeFrameBarComponent__WEBPACK_IMPORTED_MODULE_5__["RangeFrameBarComponent"], { context: this.props.context, globalState: this.props.globalState }),
48014
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-mode" })));
48022
+ this.props.context.activeAnimations.length > 0 &&
48023
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-mode" })));
48015
48024
  };
48016
48025
  return CanvasComponent;
48017
48026
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
@@ -48359,7 +48368,8 @@ var FrameBarComponent = /** @class */ (function (_super) {
48359
48368
  FrameBarComponent.prototype.render = function () {
48360
48369
  var viewBox = -this._offsetX + " 0 " + Math.round(this._viewWidth * this._viewScale) + " " + Math.round(30 * this._viewScale);
48361
48370
  return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frame-bar" },
48362
- react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-unit" }),
48371
+ this.props.context.activeAnimations.length > 0 &&
48372
+ react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "angle-unit" }),
48363
48373
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { id: "frames" },
48364
48374
  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("svg", { id: "svg-frames", viewBox: viewBox, ref: this._svgHost }, this._buildFrames()))));
48365
48375
  };
@@ -53264,7 +53274,7 @@ __webpack_require__.r(__webpack_exports__);
53264
53274
  /* harmony import */ var _sharedUiComponents_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/optionsLineComponent */ "./sharedUiComponents/lines/optionsLineComponent.tsx");
53265
53275
  /* harmony import */ var _sharedUiComponents_lines_fileButtonLineComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/fileButtonLineComponent */ "./sharedUiComponents/lines/fileButtonLineComponent.tsx");
53266
53276
  /* harmony import */ var _sharedUiComponents_lines_valueLineComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/valueLineComponent */ "./sharedUiComponents/lines/valueLineComponent.tsx");
53267
- /* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babylonjs/gui/2D/adtInstrumentation */ "@babylonjs/gui/2D/adtInstrumentation");
53277
+ /* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babylonjs/gui/2D/adtInstrumentation */ "@babylonjs/gui/2D/controls/image");
53268
53278
  /* harmony import */ var _babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_adtInstrumentation__WEBPACK_IMPORTED_MODULE_12__);
53269
53279
  /* harmony import */ var _customPropertyGridComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../customPropertyGridComponent */ "./components/actionTabs/tabs/propertyGrids/customPropertyGridComponent.tsx");
53270
53280
  /* harmony import */ var _sharedUiComponents_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../sharedUiComponents/lines/buttonLineComponent */ "./sharedUiComponents/lines/buttonLineComponent.tsx");
@@ -54499,8 +54509,6 @@ var TextureCanvasManager = /** @class */ (function () {
54499
54509
  this._channels = [];
54500
54510
  this._face = 0;
54501
54511
  this._mipLevel = 0;
54502
- /** The internal texture representation of the original texture */
54503
- this._originalInternalTexture = null;
54504
54512
  /** Keeps track of whether we have modified the texture */
54505
54513
  this._didEdit = false;
54506
54514
  /** Tracks which keys are currently pressed */
@@ -54536,7 +54544,11 @@ var TextureCanvasManager = /** @class */ (function () {
54536
54544
  this._setMetadata = setMetadata;
54537
54545
  this._setMipLevel = setMipLevel;
54538
54546
  this._originalTexture = texture;
54539
- this._originalInternalTexture = this._originalTexture._texture;
54547
+ this._originalTextureProperties = {
54548
+ _texture: this._originalTexture._texture,
54549
+ url: this._originalTexture.url,
54550
+ _forceSerialize: this._originalTexture._forceSerialize
54551
+ };
54540
54552
  this._engine = new _babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["Engine"](this._UICanvas, true);
54541
54553
  this._scene = new _babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["Scene"](this._engine, { virtual: true });
54542
54554
  this._scene.clearColor = new _babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["Color4"](0.11, 0.11, 0.11, 1.0);
@@ -54723,7 +54735,7 @@ var TextureCanvasManager = /** @class */ (function () {
54723
54735
  engine: (_a = this._originalTexture.getScene()) === null || _a === void 0 ? void 0 : _a.getEngine(),
54724
54736
  scene: null,
54725
54737
  samplingMode: this._originalTexture.samplingMode,
54726
- generateMipMaps: (_b = this._originalInternalTexture) === null || _b === void 0 ? void 0 : _b.generateMipMaps
54738
+ generateMipMaps: (_b = this._originalTextureProperties._texture) === null || _b === void 0 ? void 0 : _b.generateMipMaps
54727
54739
  });
54728
54740
  }
54729
54741
  else {
@@ -54732,6 +54744,8 @@ var TextureCanvasManager = /** @class */ (function () {
54732
54744
  this.pushTexture();
54733
54745
  }
54734
54746
  this._originalTexture._texture = this._target._texture;
54747
+ this._originalTexture.url = null;
54748
+ this._originalTexture._forceSerialize = true;
54735
54749
  this._channelsTexture.element = element;
54736
54750
  this.updateDisplay();
54737
54751
  this._onUpdate();
@@ -54743,13 +54757,14 @@ var TextureCanvasManager = /** @class */ (function () {
54743
54757
  TextureCanvasManager.prototype.pushTexture = function () {
54744
54758
  var _a;
54745
54759
  return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
54746
- var bufferView;
54760
+ var invertY, bufferView;
54747
54761
  var _this = this;
54748
54762
  return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_b) {
54749
54763
  switch (_b.label) {
54750
54764
  case 0:
54751
54765
  if (!this._canPush) return [3 /*break*/, 4];
54752
- this._target.update(this._originalTexture.invertY);
54766
+ invertY = (this._target.constructor.name === _babylonjs_core_Engines_engine__WEBPACK_IMPORTED_MODULE_1__["HtmlElementTexture"].name ? false : this._originalTexture.invertY);
54767
+ this._target.update(invertY);
54753
54768
  (_a = this._target._texture) === null || _a === void 0 ? void 0 : _a.updateSize(this._size.width, this._size.height);
54754
54769
  if (!this._editing3D) return [3 /*break*/, 2];
54755
54770
  return [4 /*yield*/, this._3DEngine.readPixels(0, 0, this._size.width, this._size.height)];
@@ -55026,7 +55041,9 @@ var TextureCanvasManager = /** @class */ (function () {
55026
55041
  if (this._tool && this._tool.instance.onReset) {
55027
55042
  this._tool.instance.onReset();
55028
55043
  }
55029
- this._originalTexture._texture = this._originalInternalTexture;
55044
+ this._originalTexture._texture = this._originalTextureProperties._texture;
55045
+ this._originalTexture.url = this._originalTextureProperties.url;
55046
+ this._originalTexture._forceSerialize = this._originalTextureProperties._forceSerialize;
55030
55047
  this.grabOriginalTexture();
55031
55048
  this.makePlane();
55032
55049
  this._didEdit = false;
@@ -55124,7 +55141,7 @@ var TextureCanvasManager = /** @class */ (function () {
55124
55141
  TextureCanvasManager.prototype.dispose = function () {
55125
55142
  var _a, _b;
55126
55143
  if (this._didEdit) {
55127
- (_a = this._originalInternalTexture) === null || _a === void 0 ? void 0 : _a.dispose();
55144
+ (_a = this._originalTextureProperties._texture) === null || _a === void 0 ? void 0 : _a.dispose();
55128
55145
  }
55129
55146
  if (this._tool) {
55130
55147
  this._tool.instance.cleanup();
@@ -66376,7 +66393,7 @@ __webpack_require__.r(__webpack_exports__);
66376
66393
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
66377
66394
  /* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
66378
66395
  /* harmony import */ var _lines_textLineComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lines/textLineComponent */ "./sharedUiComponents/lines/textLineComponent.tsx");
66379
- /* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/control */ "@babylonjs/gui/2D/adtInstrumentation");
66396
+ /* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/control */ "@babylonjs/gui/2D/controls/image");
66380
66397
  /* harmony import */ var _babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_control__WEBPACK_IMPORTED_MODULE_4__);
66381
66398
  /* harmony import */ var _lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/sliderLineComponent */ "./sharedUiComponents/lines/sliderLineComponent.tsx");
66382
66399
  /* harmony import */ var _lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
@@ -66683,7 +66700,7 @@ __webpack_require__.r(__webpack_exports__);
66683
66700
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
66684
66701
  /* harmony import */ var _tabs_propertyGrids_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent */ "./sharedUiComponents/tabs/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
66685
66702
  /* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
66686
- /* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/image */ "@babylonjs/gui/2D/adtInstrumentation");
66703
+ /* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/image */ "@babylonjs/gui/2D/controls/image");
66687
66704
  /* harmony import */ var _babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_image__WEBPACK_IMPORTED_MODULE_4__);
66688
66705
  /* harmony import */ var _lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/floatLineComponent */ "./sharedUiComponents/lines/floatLineComponent.tsx");
66689
66706
  /* harmony import */ var _lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../lines/checkBoxLineComponent */ "./sharedUiComponents/lines/checkBoxLineComponent.tsx");
@@ -67100,7 +67117,7 @@ __webpack_require__.r(__webpack_exports__);
67100
67117
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
67101
67118
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
67102
67119
  /* harmony import */ var _tabs_propertyGrids_gui_commonControlPropertyGridComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent */ "./sharedUiComponents/tabs/propertyGrids/gui/commonControlPropertyGridComponent.tsx");
67103
- /* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/textBlock */ "@babylonjs/gui/2D/adtInstrumentation");
67120
+ /* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babylonjs/gui/2D/controls/textBlock */ "@babylonjs/gui/2D/controls/image");
67104
67121
  /* harmony import */ var _babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babylonjs_gui_2D_controls_textBlock__WEBPACK_IMPORTED_MODULE_3__);
67105
67122
  /* harmony import */ var _lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../lines/lineContainerComponent */ "./sharedUiComponents/lines/lineContainerComponent.tsx");
67106
67123
  /* harmony import */ var _lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lines/textInputLineComponent */ "./sharedUiComponents/lines/textInputLineComponent.tsx");
@@ -67449,14 +67466,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__babylonjs_core_Misc_observable__;
67449
67466
 
67450
67467
  /***/ }),
67451
67468
 
67452
- /***/ "@babylonjs/gui/2D/adtInstrumentation":
67469
+ /***/ "@babylonjs/gui/2D/controls/image":
67453
67470
  /*!***************************************************************************************************************************!*\
67454
67471
  !*** external {"root":["BABYLON","GUI"],"commonjs":"@babylonjs/gui","commonjs2":"@babylonjs/gui","amd":"@babylonjs/gui"} ***!
67455
67472
  \***************************************************************************************************************************/
67456
67473
  /*! no static exports found */
67457
67474
  /***/ (function(module, exports) {
67458
67475
 
67459
- module.exports = __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_adtInstrumentation__;
67476
+ module.exports = __WEBPACK_EXTERNAL_MODULE__babylonjs_gui_2D_controls_image__;
67460
67477
 
67461
67478
  /***/ }),
67462
67479