@babylonjs/inspector 5.3.0 → 5.5.5

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.
@@ -1,13 +1,13 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("@babylonjs/core"), require("@babylonjs/materials"), require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/loaders"), require("@babylonjs/serializers"));
3
+ module.exports = factory(require("@babylonjs/core"), require("@babylonjs/materials"), require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/gui-editor"), require("@babylonjs/loaders"), require("@babylonjs/serializers"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- define("@babylonjs/inspector", ["@babylonjs/core", "@babylonjs/materials", "@babylonjs/core", "@babylonjs/gui", "@babylonjs/loaders", "@babylonjs/serializers"], factory);
5
+ define("@babylonjs/inspector", ["@babylonjs/core", "@babylonjs/materials", "@babylonjs/core", "@babylonjs/gui", "@babylonjs/gui-editor", "@babylonjs/loaders", "@babylonjs/serializers"], factory);
6
6
  else if(typeof exports === 'object')
7
- exports["@babylonjs/inspector"] = factory(require("@babylonjs/core"), require("@babylonjs/materials"), require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/loaders"), require("@babylonjs/serializers"));
7
+ exports["@babylonjs/inspector"] = factory(require("@babylonjs/core"), require("@babylonjs/materials"), require("@babylonjs/core"), require("@babylonjs/gui"), require("@babylonjs/gui-editor"), require("@babylonjs/loaders"), require("@babylonjs/serializers"));
8
8
  else
9
- root["INSPECTOR"] = factory(root["BABYLON"], root["BABYLON"], root["BABYLON"]["Debug"], root["BABYLON"]["GUI"], root["BABYLON"], root["BABYLON"]);
10
- })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE_materials_grid_gridMaterial__, __WEBPACK_EXTERNAL_MODULE_core_Debug_physicsViewer__, __WEBPACK_EXTERNAL_MODULE_gui_2D_adtInstrumentation__, __WEBPACK_EXTERNAL_MODULE_loaders_glTF_index__, __WEBPACK_EXTERNAL_MODULE_serializers_glTF_2_0_index__) {
9
+ root["INSPECTOR"] = factory(root["BABYLON"], root["BABYLON"], root["BABYLON"]["Debug"], root["BABYLON"]["GUI"], root["BABYLON"]["GuiEditor"], root["BABYLON"], root["BABYLON"]);
10
+ })((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__, __WEBPACK_EXTERNAL_MODULE_materials_grid_gridMaterial__, __WEBPACK_EXTERNAL_MODULE_core_Debug_physicsViewer__, __WEBPACK_EXTERNAL_MODULE_gui_2D_adtInstrumentation__, __WEBPACK_EXTERNAL_MODULE_gui_editor_guiEditor__, __WEBPACK_EXTERNAL_MODULE_loaders_glTF_index__, __WEBPACK_EXTERNAL_MODULE_serializers_glTF_2_0_index__) {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ var __webpack_modules__ = ({
13
13
 
@@ -59836,6 +59836,8 @@ const textureFormat = [
59836
59836
  { label: "Depth32 float", normalizable: 0, hideType: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_DEPTH32_FLOAT },
59837
59837
  { label: "Depth16", normalizable: 0, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_DEPTH16 },
59838
59838
  { label: "Depth24", normalizable: 0, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_DEPTH24 },
59839
+ { label: "Depth24Unorm/Stencil8", normalizable: 0, hideType: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_DEPTH24UNORM_STENCIL8 },
59840
+ { label: "Depth32Float/Stencil8", normalizable: 0, hideType: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_DEPTH32FLOAT_STENCIL8 },
59839
59841
  { label: "RGBA BPTC UNorm", normalizable: 0, compressed: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_COMPRESSED_RGBA_BPTC_UNORM },
59840
59842
  { label: "RGB BPTC UFloat", normalizable: 0, compressed: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_COMPRESSED_RGB_BPTC_UNSIGNED_FLOAT },
59841
59843
  { label: "RGB BPTC SFloat", normalizable: 0, compressed: true, value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Constants.TEXTUREFORMAT_COMPRESSED_RGB_BPTC_SIGNED_FLOAT },
@@ -61463,8 +61465,6 @@ class TextureEditorComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
61463
61465
  setMetadata: (data) => this.setMetadata(data),
61464
61466
  getMouseCoordinates: (pointerInfo) => this._textureCanvasManager.getMouseCoordinates(pointerInfo),
61465
61467
  interactionEnabled: () => this._textureCanvasManager.toolInteractionEnabled(),
61466
- // eslint-disable-next-line @typescript-eslint/naming-convention
61467
- BABYLON: BABYLON,
61468
61468
  };
61469
61469
  }
61470
61470
  changeTool(index) {
@@ -61665,8 +61665,8 @@ __webpack_require__.r(__webpack_exports__);
61665
61665
  /* harmony export */ });
61666
61666
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
61667
61667
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
61668
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Physics/physicsEngineComponent */ "core/Misc/observable");
61669
- /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__);
61668
+ /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
61669
+ /* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__);
61670
61670
  /* harmony import */ var shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared-ui-components/lines/lineContainerComponent */ "../../../dev/sharedUiComponents/dist/lines/lineContainerComponent.js");
61671
61671
  /* harmony import */ var shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared-ui-components/lines/textLineComponent */ "../../../dev/sharedUiComponents/dist/lines/textLineComponent.js");
61672
61672
  /* harmony import */ var shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared-ui-components/lines/checkBoxLineComponent */ "../../../dev/sharedUiComponents/dist/lines/checkBoxLineComponent.js");
@@ -61685,7 +61685,10 @@ __webpack_require__.r(__webpack_exports__);
61685
61685
  /* harmony import */ var shared_ui_components_lines_hexLineComponent__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared-ui-components/lines/hexLineComponent */ "../../../dev/sharedUiComponents/dist/lines/hexLineComponent.js");
61686
61686
  /* harmony import */ var core_Debug_skeletonViewer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core/Debug/skeletonViewer */ "core/Debug/physicsViewer");
61687
61687
  /* harmony import */ var core_Debug_skeletonViewer__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_Debug_skeletonViewer__WEBPACK_IMPORTED_MODULE_19__);
61688
- /* harmony import */ var _parentPropertyGridComponent__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../parentPropertyGridComponent */ "../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/parentPropertyGridComponent.js");
61688
+ /* harmony import */ var materials_normal_normalMaterial__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! materials/normal/normalMaterial */ "materials/grid/gridMaterial");
61689
+ /* harmony import */ var materials_normal_normalMaterial__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(materials_normal_normalMaterial__WEBPACK_IMPORTED_MODULE_20__);
61690
+ /* harmony import */ var _parentPropertyGridComponent__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../parentPropertyGridComponent */ "../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/parentPropertyGridComponent.js");
61691
+
61689
61692
 
61690
61693
 
61691
61694
 
@@ -61743,17 +61746,17 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61743
61746
  // Sets up the mesh to be attached to the parent.
61744
61747
  // So all neutral in local space.
61745
61748
  wireframeOver.parent = mesh;
61746
- wireframeOver.position = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Vector3.Zero();
61747
- wireframeOver.scaling = new core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Vector3(1, 1, 1);
61748
- wireframeOver.rotation = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Vector3.Zero();
61749
+ wireframeOver.position = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Vector3.Zero();
61750
+ wireframeOver.scaling = new core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Vector3(1, 1, 1);
61751
+ wireframeOver.rotation = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Vector3.Zero();
61749
61752
  wireframeOver.rotationQuaternion = null;
61750
- const material = new core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.StandardMaterial("wireframeOver", scene);
61753
+ const material = new core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.StandardMaterial("wireframeOver", scene);
61751
61754
  material.reservedDataStore = { hidden: true };
61752
61755
  wireframeOver.material = material;
61753
61756
  material.zOffset = 1;
61754
61757
  material.disableLighting = true;
61755
61758
  material.backFaceCulling = false;
61756
- material.emissiveColor = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61759
+ material.emissiveColor = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61757
61760
  material.wireframe = true;
61758
61761
  if (!mesh.reservedDataStore) {
61759
61762
  mesh.reservedDataStore = {};
@@ -61770,19 +61773,19 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61770
61773
  this.forceUpdate();
61771
61774
  return;
61772
61775
  }
61773
- const normals = mesh.getVerticesData(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind);
61774
- const positions = mesh.getVerticesData(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.PositionKind);
61775
- const color = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61776
+ const normals = mesh.getVerticesData(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind);
61777
+ const positions = mesh.getVerticesData(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.PositionKind);
61778
+ const color = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61776
61779
  const bbox = mesh.getBoundingInfo();
61777
- const diag = bbox.maximum.subtractToRef(bbox.minimum, core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.TmpVectors.Vector3[0]);
61780
+ const diag = bbox.maximum.subtractToRef(bbox.minimum, core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.TmpVectors.Vector3[0]);
61778
61781
  const size = diag.length() * 0.05;
61779
61782
  const lines = [];
61780
61783
  for (let i = 0; i < normals.length; i += 3) {
61781
- const v1 = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Vector3.FromArray(positions, i);
61782
- const v2 = v1.add(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Vector3.FromArray(normals, i).scaleInPlace(size));
61784
+ const v1 = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Vector3.FromArray(positions, i);
61785
+ const v2 = v1.add(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Vector3.FromArray(normals, i).scaleInPlace(size));
61783
61786
  lines.push([v1, v2]);
61784
61787
  }
61785
- const normalLines = (0,core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.CreateLineSystem)("normalLines", { lines: lines }, scene);
61788
+ const normalLines = (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.CreateLineSystem)("normalLines", { lines: lines }, scene);
61786
61789
  normalLines.color = color;
61787
61790
  normalLines.parent = mesh;
61788
61791
  normalLines.reservedDataStore = { hidden: true };
@@ -61802,11 +61805,8 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61802
61805
  this.setState({ displayNormals: false });
61803
61806
  }
61804
61807
  else {
61805
- if (!BABYLON.NormalMaterial) {
61806
- this.setState({ displayNormals: true });
61807
- core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Tools.LoadScript("https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.js", () => {
61808
- this.displayNormals();
61809
- });
61808
+ if (typeof materials_normal_normalMaterial__WEBPACK_IMPORTED_MODULE_20__.NormalMaterial === "undefined") {
61809
+ core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Tools.Warn("NormalMaterial not found. Make sure to load the materials library.");
61810
61810
  return;
61811
61811
  }
61812
61812
  if (!mesh.reservedDataStore) {
@@ -61815,7 +61815,7 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61815
61815
  if (!mesh.reservedDataStore.originalMaterial) {
61816
61816
  mesh.reservedDataStore.originalMaterial = mesh.material;
61817
61817
  }
61818
- const normalMaterial = new BABYLON.NormalMaterial("normalMaterial", scene);
61818
+ const normalMaterial = new materials_normal_normalMaterial__WEBPACK_IMPORTED_MODULE_20__.NormalMaterial("normalMaterial", scene);
61819
61819
  normalMaterial.disableLighting = true;
61820
61820
  if (mesh.material) {
61821
61821
  normalMaterial.sideOrientation = mesh.material.sideOrientation;
@@ -61841,9 +61841,9 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61841
61841
  if (!mesh.reservedDataStore.originalMaterial) {
61842
61842
  mesh.reservedDataStore.originalMaterial = mesh.material;
61843
61843
  }
61844
- const vertexColorMaterial = new core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.StandardMaterial("vertex colors", scene);
61844
+ const vertexColorMaterial = new core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.StandardMaterial("vertex colors", scene);
61845
61845
  vertexColorMaterial.disableLighting = true;
61846
- vertexColorMaterial.emissiveColor = core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61846
+ vertexColorMaterial.emissiveColor = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Color3.White();
61847
61847
  if (mesh.material) {
61848
61848
  vertexColorMaterial.sideOrientation = mesh.material.sideOrientation;
61849
61849
  }
@@ -61936,27 +61936,27 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61936
61936
  convertPhysicsTypeToString() {
61937
61937
  const mesh = this.props.mesh;
61938
61938
  switch (mesh.physicsImpostor.type) {
61939
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.NoImpostor:
61939
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.NoImpostor:
61940
61940
  return "No impostor";
61941
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.SphereImpostor:
61941
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.SphereImpostor:
61942
61942
  return "Sphere";
61943
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.BoxImpostor:
61943
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.BoxImpostor:
61944
61944
  return "Box";
61945
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.PlaneImpostor:
61945
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.PlaneImpostor:
61946
61946
  return "Plane";
61947
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.MeshImpostor:
61947
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.MeshImpostor:
61948
61948
  return "Mesh";
61949
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.CylinderImpostor:
61949
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.CylinderImpostor:
61950
61950
  return "Cylinder";
61951
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.ParticleImpostor:
61951
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.ParticleImpostor:
61952
61952
  return "Particle";
61953
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.HeightmapImpostor:
61953
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.HeightmapImpostor:
61954
61954
  return "Heightmap";
61955
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.ConvexHullImpostor:
61955
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.ConvexHullImpostor:
61956
61956
  return "Convex hull";
61957
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.RopeImpostor:
61957
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.RopeImpostor:
61958
61958
  return "Rope";
61959
- case core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.SoftbodyImpostor:
61959
+ case core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.PhysicsImpostor.SoftbodyImpostor:
61960
61960
  return "Soft body";
61961
61961
  }
61962
61962
  return "Unknown";
@@ -61978,13 +61978,13 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
61978
61978
  }
61979
61979
  }
61980
61980
  const algorithmOptions = [
61981
- { label: "Accurate", value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_ACCURATE },
61982
- { label: "Conservative", value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_CONSERVATIVE },
61981
+ { label: "Accurate", value: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_ACCURATE },
61982
+ { label: "Conservative", value: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_ALGORITHM_TYPE_CONSERVATIVE },
61983
61983
  ];
61984
61984
  const occlusionTypeOptions = [
61985
- { label: "None", value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_NONE },
61986
- { label: "Optimistic", value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_OPTIMISTIC },
61987
- { label: "Strict", value: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_STRICT },
61985
+ { label: "None", value: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_NONE },
61986
+ { label: "Optimistic", value: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_OPTIMISTIC },
61987
+ { label: "Strict", value: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.AbstractMesh.OCCLUSION_TYPE_STRICT },
61988
61988
  ];
61989
61989
  const sortedMaterials = scene.materials.slice(0).sort((a, b) => (a.name || "no name").localeCompare(b.name || "no name"));
61990
61990
  const materialOptions = sortedMaterials.map((m, i) => {
@@ -62008,7 +62008,7 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
62008
62008
  };
62009
62009
  })
62010
62010
  : [];
62011
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: "pane" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_customPropertyGridComponent__WEBPACK_IMPORTED_MODULE_10__.CustomPropertyGridComponent, { globalState: this.props.globalState, target: mesh, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "GENERAL", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "ID", value: mesh.id }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_14__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "Name", target: mesh, propertyName: "name", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Unique ID", value: mesh.uniqueId.toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Class", value: mesh.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Vertices", value: mesh.getTotalVertices().toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Faces", value: (mesh.getTotalIndices() / 3).toFixed(0) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Sub-meshes", value: mesh.subMeshes ? mesh.subMeshes.length.toString() : "0" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_parentPropertyGridComponent__WEBPACK_IMPORTED_MODULE_20__.ParentPropertyGridComponent, { globalState: this.props.globalState, node: mesh, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), mesh.skeleton && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Skeleton", value: mesh.skeleton.name, onLink: () => this.onSkeletonLink() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Is enabled", isSelected: () => mesh.isEnabled(), onSelect: (value) => {
62011
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ className: "pane" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_customPropertyGridComponent__WEBPACK_IMPORTED_MODULE_10__.CustomPropertyGridComponent, { globalState: this.props.globalState, target: mesh, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "GENERAL", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "ID", value: mesh.id }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_14__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "Name", target: mesh, propertyName: "name", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Unique ID", value: mesh.uniqueId.toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Class", value: mesh.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Vertices", value: mesh.getTotalVertices().toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Faces", value: (mesh.getTotalIndices() / 3).toFixed(0) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Sub-meshes", value: mesh.subMeshes ? mesh.subMeshes.length.toString() : "0" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_parentPropertyGridComponent__WEBPACK_IMPORTED_MODULE_21__.ParentPropertyGridComponent, { globalState: this.props.globalState, node: mesh, lockObject: this.props.lockObject, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), mesh.skeleton && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Skeleton", value: mesh.skeleton.name, onLink: () => this.onSkeletonLink() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Is enabled", isSelected: () => mesh.isEnabled(), onSelect: (value) => {
62012
62012
  var _a;
62013
62013
  const prevValue = mesh.isEnabled();
62014
62014
  mesh.setEnabled(value);
@@ -62029,16 +62029,16 @@ class MeshPropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Compo
62029
62029
  }, extractValue: () => (mesh.material ? sortedMaterials.indexOf(mesh.material) : -1), onPropertyChangedObservable: this.props.onPropertyChangedObservable })), mesh.isAnInstance && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Source", value: mesh.sourceMesh.name, onLink: () => this.onSourceMeshLink() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_13__.ButtonLineComponent, { label: "Dispose", onClick: () => {
62030
62030
  mesh.dispose();
62031
62031
  this.props.globalState.onSelectionChangedObservable.notifyObservers(null);
62032
- } })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__.CommonPropertyGridComponent, { host: mesh, lockObject: this.props.lockObject, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_variantsPropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__.VariantsPropertyGridComponent, { host: mesh, lockObject: this.props.lockObject, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "TRANSFORMS", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Position", target: mesh, propertyName: "position", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), !mesh.rotationQuaternion && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Rotation", useEuler: this.props.globalState.onlyUseEulers, target: mesh, propertyName: "rotation", step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable })), mesh.rotationQuaternion && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_lines_quaternionLineComponent__WEBPACK_IMPORTED_MODULE_8__.QuaternionLineComponent, { label: "Rotation", useEuler: this.props.globalState.onlyUseEulers, target: mesh, propertyName: "rotationQuaternion", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Scaling", target: mesh, propertyName: "scaling", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "DISPLAY", closed: true, selection: this.props.globalState }, { children: [!mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Visibility", target: mesh, propertyName: "visibility", minimum: 0, maximum: 1, step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Alpha index", target: mesh, propertyName: "alphaIndex", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Receive shadows", target: mesh, propertyName: "receiveShadows", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Use vertex colors", target: mesh, propertyName: "useVertexColors", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Has vertex alpha", target: mesh, propertyName: "hasVertexAlpha", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), scene.fogMode !== core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.Scene.FOGMODE_NONE && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Apply fog", target: mesh, propertyName: "applyFog", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), !mesh.parent && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Infinite distance", target: mesh, propertyName: "infiniteDistance", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Rendering group ID", decimalCount: 0, target: mesh, propertyName: "renderingGroupId", minimum: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.RenderingManager.MIN_RENDERINGGROUPS, maximum: core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.RenderingManager.MAX_RENDERINGGROUPS - 1, step: 1, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_hexLineComponent__WEBPACK_IMPORTED_MODULE_18__.HexLineComponent, { isInteger: true, lockObject: this.props.lockObject, label: "Layer mask", target: mesh, propertyName: "layerMask", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), mesh.morphTargetManager != null && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "MORPH TARGETS", closed: true, selection: this.props.globalState }, { children: morphTargets.map((mt, i) => {
62032
+ } })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_commonPropertyGridComponent__WEBPACK_IMPORTED_MODULE_16__.CommonPropertyGridComponent, { host: mesh, lockObject: this.props.lockObject, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_variantsPropertyGridComponent__WEBPACK_IMPORTED_MODULE_17__.VariantsPropertyGridComponent, { host: mesh, lockObject: this.props.lockObject, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "TRANSFORMS", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Position", target: mesh, propertyName: "position", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), !mesh.rotationQuaternion && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Rotation", useEuler: this.props.globalState.onlyUseEulers, target: mesh, propertyName: "rotation", step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable })), mesh.rotationQuaternion && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_lines_quaternionLineComponent__WEBPACK_IMPORTED_MODULE_8__.QuaternionLineComponent, { label: "Rotation", useEuler: this.props.globalState.onlyUseEulers, target: mesh, propertyName: "rotationQuaternion", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_vector3LineComponent__WEBPACK_IMPORTED_MODULE_6__.Vector3LineComponent, { label: "Scaling", target: mesh, propertyName: "scaling", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "DISPLAY", closed: true, selection: this.props.globalState }, { children: [!mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Visibility", target: mesh, propertyName: "visibility", minimum: 0, maximum: 1, step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Alpha index", target: mesh, propertyName: "alphaIndex", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Receive shadows", target: mesh, propertyName: "receiveShadows", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Use vertex colors", target: mesh, propertyName: "useVertexColors", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Has vertex alpha", target: mesh, propertyName: "hasVertexAlpha", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), scene.fogMode !== core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.Scene.FOGMODE_NONE && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Apply fog", target: mesh, propertyName: "applyFog", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), !mesh.parent && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Infinite distance", target: mesh, propertyName: "infiniteDistance", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Rendering group ID", decimalCount: 0, target: mesh, propertyName: "renderingGroupId", minimum: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.RenderingManager.MIN_RENDERINGGROUPS, maximum: core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.RenderingManager.MAX_RENDERINGGROUPS - 1, step: 1, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_hexLineComponent__WEBPACK_IMPORTED_MODULE_18__.HexLineComponent, { isInteger: true, lockObject: this.props.lockObject, label: "Layer mask", target: mesh, propertyName: "layerMask", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), mesh.morphTargetManager != null && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "MORPH TARGETS", closed: true, selection: this.props.globalState }, { children: morphTargets.map((mt, i) => {
62033
62033
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: mt.name, target: mt, propertyName: "influence", minimum: 0, maximum: 1, step: 0.01, onPropertyChangedObservable: this.props.onPropertyChangedObservable }, i));
62034
- }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_animations_animationPropertyGridComponent__WEBPACK_IMPORTED_MODULE_15__.AnimationGridComponent, { globalState: this.props.globalState, animatable: mesh, scene: mesh.getScene(), lockObject: this.props.lockObject }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "ADVANCED", closed: true, selection: this.props.globalState }, { children: [mesh.useBones && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Compute bones using shaders", target: mesh, propertyName: "computeBonesUsingShaders", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Collisions", target: mesh, propertyName: "checkCollisions", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Geometry ID", value: (_a = mesh.geometry) === null || _a === void 0 ? void 0 : _a.uniqueId.toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has normals", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has vertex colors", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 0", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UVKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 1", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV2Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 2", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV3Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 3", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV4Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has tangents", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.TangentKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has matrix weights", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.MatricesWeightsKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has matrix indices", value: mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.MatricesIndicesKind) ? "Yes" : "No" })] })), mesh.physicsImpostor != null && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "PHYSICS", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Mass", target: mesh.physicsImpostor, propertyName: "mass", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Friction", target: mesh.physicsImpostor, propertyName: "friction", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Restitution", target: mesh.physicsImpostor, propertyName: "restitution", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Type", value: this.convertPhysicsTypeToString() })] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "OCCLUSIONS", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Type", options: occlusionTypeOptions, target: mesh, propertyName: "occlusionType", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Retry count", minimum: -1, maximum: 10, decimalCount: 0, step: 1, target: mesh, propertyName: "occlusionRetryCount", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Algorithm", options: algorithmOptions, target: mesh, propertyName: "occlusionQueryAlgorithmType", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "EDGE RENDERING", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Enable", target: mesh, isSelected: () => mesh.edgesRenderer != null, onSelect: (value) => {
62034
+ }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_animations_animationPropertyGridComponent__WEBPACK_IMPORTED_MODULE_15__.AnimationGridComponent, { globalState: this.props.globalState, animatable: mesh, scene: mesh.getScene(), lockObject: this.props.lockObject }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "ADVANCED", closed: true, selection: this.props.globalState }, { children: [mesh.useBones && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Compute bones using shaders", target: mesh, propertyName: "computeBonesUsingShaders", onPropertyChangedObservable: this.props.onPropertyChangedObservable })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Collisions", target: mesh, propertyName: "checkCollisions", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Geometry ID", value: (_a = mesh.geometry) === null || _a === void 0 ? void 0 : _a.uniqueId.toString() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has normals", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has vertex colors", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.ColorKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 0", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UVKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 1", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV2Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 2", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV3Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has UV set 3", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.UV4Kind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has tangents", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.TangentKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has matrix weights", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.MatricesWeightsKind) ? "Yes" : "No" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Has matrix indices", value: mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.MatricesIndicesKind) ? "Yes" : "No" })] })), mesh.physicsImpostor != null && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "PHYSICS", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Mass", target: mesh.physicsImpostor, propertyName: "mass", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Friction", target: mesh.physicsImpostor, propertyName: "friction", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_9__.FloatLineComponent, { lockObject: this.props.lockObject, label: "Restitution", target: mesh.physicsImpostor, propertyName: "restitution", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Type", value: this.convertPhysicsTypeToString() })] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "OCCLUSIONS", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Type", options: occlusionTypeOptions, target: mesh, propertyName: "occlusionType", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Retry count", minimum: -1, maximum: 10, decimalCount: 0, step: 1, target: mesh, propertyName: "occlusionRetryCount", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Algorithm", options: algorithmOptions, target: mesh, propertyName: "occlusionQueryAlgorithmType", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "EDGE RENDERING", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Enable", target: mesh, isSelected: () => mesh.edgesRenderer != null, onSelect: (value) => {
62035
62035
  if (value) {
62036
62036
  mesh.enableEdgesRendering();
62037
62037
  }
62038
62038
  else {
62039
62039
  mesh.disableEdgesRendering();
62040
62040
  }
62041
- }, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Edge width", minimum: 0, maximum: 10, step: 0.1, target: mesh, propertyName: "edgesWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Edge color", target: mesh, propertyName: "edgesColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "OUTLINE & OVERLAY", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render overlay", target: mesh, propertyName: "renderOverlay", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Overlay color", target: mesh, propertyName: "overlayColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render outline", target: mesh, propertyName: "renderOutline", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Outline color", target: mesh, propertyName: "outlineColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "DEBUG", closed: true, selection: this.props.globalState }, { children: [!mesh.isAnInstance && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display normals", isSelected: () => displayNormals, onSelect: () => this.displayNormals() }), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display vertex colors", isSelected: () => displayVertexColors, onSelect: () => this.displayVertexColors() })), mesh.isVerticesDataPresent(core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render vertex normals", isSelected: () => renderNormalVectors, onSelect: () => this.renderNormalVectors() })), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render wireframe over mesh", isSelected: () => renderWireframeOver, onSelect: () => this.renderWireframeOver() })), !mesh.isAnInstance && mesh.skeleton && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display BoneWeights", isSelected: () => displayBoneWeights, onSelect: () => this.displayBoneWeights() })), !mesh.isAnInstance && this.state.displayBoneWeights && mesh.skeleton && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Target Bone Name", options: targetBoneOptions, target: mesh.reservedDataStore, propertyName: "displayBoneIndex", noDirectUpdate: true, onSelect: (value) => {
62041
+ }, onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Edge width", minimum: 0, maximum: 10, step: 0.1, target: mesh, propertyName: "edgesWidth", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Edge color", target: mesh, propertyName: "edgesColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] })), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "OUTLINE & OVERLAY", closed: true, selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render overlay", target: mesh, propertyName: "renderOverlay", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Overlay color", target: mesh, propertyName: "overlayColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render outline", target: mesh, propertyName: "renderOutline", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_color3LineComponent__WEBPACK_IMPORTED_MODULE_11__.Color3LineComponent, { label: "Outline color", target: mesh, propertyName: "outlineColor", onPropertyChangedObservable: this.props.onPropertyChangedObservable })] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, Object.assign({ title: "DEBUG", closed: true, selection: this.props.globalState }, { children: [!mesh.isAnInstance && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display normals", isSelected: () => displayNormals, onSelect: () => this.displayNormals() }), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display vertex colors", isSelected: () => displayVertexColors, onSelect: () => this.displayVertexColors() })), mesh.isVerticesDataPresent(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_2__.VertexBuffer.NormalKind) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render vertex normals", isSelected: () => renderNormalVectors, onSelect: () => this.renderNormalVectors() })), !mesh.isAnInstance && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Render wireframe over mesh", isSelected: () => renderWireframeOver, onSelect: () => this.renderWireframeOver() })), !mesh.isAnInstance && mesh.skeleton && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_5__.CheckBoxLineComponent, { label: "Display BoneWeights", isSelected: () => displayBoneWeights, onSelect: () => this.displayBoneWeights() })), !mesh.isAnInstance && this.state.displayBoneWeights && mesh.skeleton && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Target Bone Name", options: targetBoneOptions, target: mesh.reservedDataStore, propertyName: "displayBoneIndex", noDirectUpdate: true, onSelect: (value) => {
62042
62042
  this.onBoneDisplayIndexChange(value);
62043
62043
  this.forceUpdate();
62044
62044
  } })), !mesh.isAnInstance && this.state.displayBoneWeights && mesh.skeleton && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_7__.SliderLineComponent, { label: "Target Bone", decimalCount: 0, target: mesh.reservedDataStore, propertyName: "displayBoneIndex", minimum: 0, maximum: targetBoneOptions.length - 1 || 0, step: 1, onChange: (value) => {
@@ -64387,6 +64387,9 @@ __webpack_require__.r(__webpack_exports__);
64387
64387
  /* harmony import */ var shared_ui_components_tabs_propertyGrids_lockObject__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared-ui-components/tabs/propertyGrids/lockObject */ "../../../dev/sharedUiComponents/dist/tabs/propertyGrids/lockObject.js");
64388
64388
  /* harmony import */ var gif_js_optimized__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! gif.js.optimized */ "../../../../node_modules/gif.js.optimized/dist/gif.js");
64389
64389
  /* harmony import */ var gif_js_optimized__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(gif_js_optimized__WEBPACK_IMPORTED_MODULE_18__);
64390
+ /* harmony import */ var loaders_glTF_glTFFileLoader__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! loaders/glTF/glTFFileLoader */ "loaders/glTF/index");
64391
+ /* harmony import */ var loaders_glTF_glTFFileLoader__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(loaders_glTF_glTFFileLoader__WEBPACK_IMPORTED_MODULE_19__);
64392
+
64390
64393
 
64391
64394
 
64392
64395
 
@@ -64443,8 +64446,8 @@ class ToolsTabComponent extends _paneComponent__WEBPACK_IMPORTED_MODULE_1__.Pane
64443
64446
  }
64444
64447
  }
64445
64448
  componentDidMount() {
64446
- if (!BABYLON.GLTF2Export) {
64447
- core_Misc_videoRecorder__WEBPACK_IMPORTED_MODULE_4__.Tools.LoadScript("https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js", () => { });
64449
+ if (!serializers_glTF_2_0_index__WEBPACK_IMPORTED_MODULE_6__.GLTF2Export) {
64450
+ core_Misc_videoRecorder__WEBPACK_IMPORTED_MODULE_4__.Tools.Warn("GLTF2Export is not available. Make sure to load the serializers library");
64448
64451
  return;
64449
64452
  }
64450
64453
  }
@@ -64556,7 +64559,7 @@ class ToolsTabComponent extends _paneComponent__WEBPACK_IMPORTED_MODULE_1__.Pane
64556
64559
  currentGroup.play(true);
64557
64560
  }
64558
64561
  };
64559
- BABYLON.SceneLoader.ImportAnimationsAsync("file:", sceneFile, scene, overwriteAnimations, animationGroupLoadingMode, null, onSuccess);
64562
+ core_Misc_videoRecorder__WEBPACK_IMPORTED_MODULE_4__.SceneLoader.ImportAnimationsAsync("file:", sceneFile, scene, overwriteAnimations, animationGroupLoadingMode, null, onSuccess);
64560
64563
  }
64561
64564
  };
64562
64565
  const filesInputAnimation = new core_Misc_videoRecorder__WEBPACK_IMPORTED_MODULE_4__.FilesInput(scene.getEngine(), scene, () => { }, () => { }, () => { }, () => { }, () => { }, reload, () => { });
@@ -64665,7 +64668,7 @@ class ToolsTabComponent extends _paneComponent__WEBPACK_IMPORTED_MODULE_1__.Pane
64665
64668
  this.forceUpdate();
64666
64669
  } }), sceneImportDefaults["overwriteAnimations"] === false && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Animation merge mode", options: animationGroupLoadingModes, target: sceneImportDefaults, propertyName: "animationGroupLoadingMode" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, Object.assign({ title: "SCENE EXPORT", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Export to Babylon", onClick: () => this.exportBabylon() }), !scene.getEngine().premultipliedAlpha && scene.environmentTexture && scene.environmentTexture._prefiltered && scene.activeCamera && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Generate .env texture", onClick: () => this.createEnvTexture() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_optionsLineComponent__WEBPACK_IMPORTED_MODULE_12__.OptionsLineComponent, { label: "Image type", options: envExportImageTypes, target: this._envOptions, propertyName: "imageTypeIndex", onSelect: () => {
64667
64670
  this.forceUpdate();
64668
- } }), this._envOptions.imageTypeIndex > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { label: "Quality", isInteger: false, min: 0, max: 1, target: this._envOptions, propertyName: "imageQuality" }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, Object.assign({ title: "GLTF EXPORT", selection: this.props.globalState }, { children: [this._isExportingGltf && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_10__.TextLineComponent, { label: "Please wait..exporting", ignoreValue: true }), !this._isExportingGltf && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Disabled Nodes", isSelected: () => this._gltfExportOptions.exportDisabledNodes, onSelect: (value) => (this._gltfExportOptions.exportDisabledNodes = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Skybox", isSelected: () => this._gltfExportOptions.exportSkyboxes, onSelect: (value) => (this._gltfExportOptions.exportSkyboxes = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Cameras", isSelected: () => this._gltfExportOptions.exportCameras, onSelect: (value) => (this._gltfExportOptions.exportCameras = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Lights", isSelected: () => this._gltfExportOptions.exportLights, onSelect: (value) => (this._gltfExportOptions.exportLights = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Export to GLB", onClick: () => this.exportGLTF() })] }))] })), BABYLON.GLTFFileLoader && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tools_gltfComponent__WEBPACK_IMPORTED_MODULE_5__.GLTFComponent, { scene: scene, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, Object.assign({ title: "REFLECTOR", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_16__.TextInputLineComponent, { lockObject: this._lockObject, label: "Hostname", target: this, propertyName: "_reflectorHostname" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { lockObject: this._lockObject, label: "Port", target: this, propertyName: "_reflectorPort", isInteger: true }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Connect", onClick: () => this.connectReflector() })] }))] })));
64671
+ } }), this._envOptions.imageTypeIndex > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { label: "Quality", isInteger: false, min: 0, max: 1, target: this._envOptions, propertyName: "imageQuality" }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, Object.assign({ title: "GLTF EXPORT", selection: this.props.globalState }, { children: [this._isExportingGltf && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_10__.TextLineComponent, { label: "Please wait..exporting", ignoreValue: true }), !this._isExportingGltf && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Disabled Nodes", isSelected: () => this._gltfExportOptions.exportDisabledNodes, onSelect: (value) => (this._gltfExportOptions.exportDisabledNodes = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Skybox", isSelected: () => this._gltfExportOptions.exportSkyboxes, onSelect: (value) => (this._gltfExportOptions.exportSkyboxes = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Cameras", isSelected: () => this._gltfExportOptions.exportCameras, onSelect: (value) => (this._gltfExportOptions.exportCameras = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_9__.CheckBoxLineComponent, { label: "Export Lights", isSelected: () => this._gltfExportOptions.exportLights, onSelect: (value) => (this._gltfExportOptions.exportLights = value) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Export to GLB", onClick: () => this.exportGLTF() })] }))] })), loaders_glTF_glTFFileLoader__WEBPACK_IMPORTED_MODULE_19__.GLTFFileLoader && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tools_gltfComponent__WEBPACK_IMPORTED_MODULE_5__.GLTFComponent, { scene: scene, globalState: this.props.globalState }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_2__.LineContainerComponent, Object.assign({ title: "REFLECTOR", selection: this.props.globalState }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_16__.TextInputLineComponent, { lockObject: this._lockObject, label: "Hostname", target: this, propertyName: "_reflectorHostname" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_floatLineComponent__WEBPACK_IMPORTED_MODULE_7__.FloatLineComponent, { lockObject: this._lockObject, label: "Port", target: this, propertyName: "_reflectorPort", isInteger: true }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_3__.ButtonLineComponent, { label: "Connect", onClick: () => this.connectReflector() })] }))] })));
64669
64672
  }
64670
64673
  }
64671
64674
 
@@ -66670,15 +66673,20 @@ __webpack_require__.r(__webpack_exports__);
66670
66673
  /* harmony export */ });
66671
66674
  /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/tools */ "core/Misc/observable");
66672
66675
  /* harmony import */ var core_Engines_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__);
66676
+ /* harmony import */ var gui_editor_guiEditor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! gui-editor/guiEditor */ "gui-editor/guiEditor");
66677
+ /* harmony import */ var gui_editor_guiEditor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(gui_editor_guiEditor__WEBPACK_IMPORTED_MODULE_1__);
66678
+
66673
66679
 
66674
66680
 
66675
66681
  let editorUrl = `https://unpkg.com/babylonjs-gui-editor@${core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__.Engine.Version}/babylon.guiEditor.js`;
66676
- let guiEditor = null;
66682
+ // eslint-disable-next-line @typescript-eslint/naming-convention
66683
+ let guiEditorContainer;
66677
66684
  /** Get the inspector from bundle or global */
66678
66685
  function _getGlobalGUIEditor() {
66679
66686
  // UMD Global name detection from Webpack Bundle UMD Name.
66680
- if (typeof GUIEDITOR !== "undefined") {
66681
- return GUIEDITOR;
66687
+ if (typeof gui_editor_guiEditor__WEBPACK_IMPORTED_MODULE_1__.GUIEditor !== "undefined") {
66688
+ // eslint-disable-next-line @typescript-eslint/naming-convention
66689
+ return { GUIEditor: gui_editor_guiEditor__WEBPACK_IMPORTED_MODULE_1__.GUIEditor };
66682
66690
  }
66683
66691
  // In case of module let's check the global emitted from the editor entry point.
66684
66692
  if (typeof BABYLON !== "undefined" && typeof BABYLON.GUIEditor !== "undefined") {
@@ -66691,7 +66699,7 @@ function _getGlobalGUIEditor() {
66691
66699
  * @param guiEditorPackage
66692
66700
  */
66693
66701
  function InjectGUIEditor(guiEditorPackage) {
66694
- guiEditor = guiEditorPackage;
66702
+ guiEditorContainer = guiEditorPackage;
66695
66703
  }
66696
66704
  /**
66697
66705
  * Change the URL that the GUI editor loads from
@@ -66707,15 +66715,15 @@ function SetGUIEditorURL(guiEditorURL) {
66707
66715
  * @param adt
66708
66716
  */
66709
66717
  async function EditAdvancedDynamicTexture(adt) {
66710
- if (!guiEditor) {
66718
+ guiEditorContainer = guiEditorContainer || _getGlobalGUIEditor();
66719
+ if (!guiEditorContainer) {
66711
66720
  if (typeof BABYLON !== "undefined") {
66712
66721
  // we are in UMD environment
66713
- guiEditor = guiEditor || _getGlobalGUIEditor();
66714
- if (typeof guiEditor === "undefined") {
66722
+ if (typeof guiEditorContainer === "undefined") {
66715
66723
  // Load editor and add it to the DOM
66716
66724
  try {
66717
66725
  await core_Engines_engine__WEBPACK_IMPORTED_MODULE_0__.Tools.LoadScriptAsync(editorUrl);
66718
- guiEditor = guiEditor || _getGlobalGUIEditor();
66726
+ guiEditorContainer = guiEditorContainer || _getGlobalGUIEditor();
66719
66727
  }
66720
66728
  catch (_a) {
66721
66729
  throw `Failed to load GUI editor from ${editorUrl}`;
@@ -66727,7 +66735,7 @@ async function EditAdvancedDynamicTexture(adt) {
66727
66735
  throw `Tried to call EditAdvancedDynamicTexture without first injecting the GUI editor. You need to call InjectGUIEditor() with a reference to @babylonjs/gui-editor. It can be imported at runtime using await import("@babylonjs/gui-editor").`;
66728
66736
  }
66729
66737
  }
66730
- guiEditor.GUIEditor.Show({ liveGuiTexture: adt });
66738
+ guiEditorContainer.GUIEditor.Show({ liveGuiTexture: adt });
66731
66739
  }
66732
66740
 
66733
66741
 
@@ -73850,6 +73858,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_core_Debug_physicsViewer__;
73850
73858
  "use strict";
73851
73859
  module.exports = __WEBPACK_EXTERNAL_MODULE_gui_2D_adtInstrumentation__;
73852
73860
 
73861
+ /***/ }),
73862
+
73863
+ /***/ "gui-editor/guiEditor":
73864
+ /*!******************************************************************************************************************************************************!*\
73865
+ !*** external {"root":["BABYLON","GuiEditor"],"commonjs":"@babylonjs/gui-editor","commonjs2":"@babylonjs/gui-editor","amd":"@babylonjs/gui-editor"} ***!
73866
+ \******************************************************************************************************************************************************/
73867
+ /***/ ((module) => {
73868
+
73869
+ "use strict";
73870
+ module.exports = __WEBPACK_EXTERNAL_MODULE_gui_editor_guiEditor__;
73871
+
73853
73872
  /***/ })
73854
73873
 
73855
73874
  /******/ });