@babylonjs/inspector 5.35.0 → 5.36.0

package/dist/babylon.inspector.bundle.max.js

@@ -53219,7 +53219,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _propertyGrids_renderGridPropertyGridComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./propertyGrids/renderGridPropertyGridComponent */ "../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/renderGridPropertyGridComponent.js");
 /* harmony import */ var core_Debug_physicsViewer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core/Debug/physicsViewer */ "core/Debug/physicsViewer");
 /* harmony import */ var core_Debug_physicsViewer__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_Debug_physicsViewer__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_Materials_standardMaterial__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Physics/physicsEngineComponent */ "core/Misc/observable");
+/* harmony import */ var core_Materials_standardMaterial__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core/Physics/v1/physicsEngineComponent */ "core/Misc/observable");
 /* harmony import */ var core_Materials_standardMaterial__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_Materials_standardMaterial__WEBPACK_IMPORTED_MODULE_6__);
 
 
@@ -53229,6 +53229,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 class DebugTabComponent extends _paneComponent__WEBPACK_IMPORTED_MODULE_1__.PaneComponent {
     constructor(props) {
         super(props);
@@ -54115,11 +54117,13 @@ class AnimationGroupGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
         super(props);
         const animationGroup = this.props.animationGroup;
         this.state = { playButtonText: animationGroup.isPlaying ? "Pause" : "Play", currentFrame: 0 };
+        this._timelineRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
+    }
+    componentDidMount() {
         this.connect(this.props.animationGroup);
         this._onBeforeRenderObserver = this.props.scene.onBeforeRenderObservable.add(() => {
             this.updateCurrentFrame(this.props.animationGroup);
         });
-        this._timelineRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
     }
     disconnect(animationGroup) {
         if (this._onAnimationGroupPlayObserver) {
@@ -54143,9 +54147,9 @@ class AnimationGroupGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
     updateCurrentFrame(animationGroup) {
         const targetedAnimations = animationGroup.targetedAnimations;
         if (targetedAnimations.length > 0) {
-            const runtimeAnimations = animationGroup.targetedAnimations[0].animation.runtimeAnimations;
-            if (runtimeAnimations.length > 0) {
-                this.setState({ currentFrame: runtimeAnimations[0].currentFrame });
+            const runtimeAnimation = targetedAnimations[0].animation.runtimeAnimations.find((rA) => rA.target === targetedAnimations[0].target);
+            if (runtimeAnimation) {
+                this.setState({ currentFrame: runtimeAnimation.currentFrame });
             }
             else {
                 this.setState({ currentFrame: 0 });
@@ -54174,7 +54178,6 @@ class AnimationGroupGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Com
         }
         else {
             this.setState({ playButtonText: "Pause" });
-            this.props.scene.animationGroups.forEach((grp) => grp.pause());
             animationGroup.play(true);
         }
     }
@@ -58378,6 +58381,12 @@ __webpack_require__.r(__webpack_exports__);
 class TargetedAnimationGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     constructor(props) {
         super(props);
+        this.findAnimationGroup = () => {
+            this._animationGroup = this.props.scene.animationGroups.find((ag) => {
+                const ta = ag.targetedAnimations.find((ta) => ta === this.props.targetedAnimation);
+                return ta !== undefined;
+            });
+        };
         this.playOrPause = () => {
             if (this._animationGroup) {
                 if (this._animationGroup.isPlaying) {
@@ -58402,15 +58411,10 @@ class TargetedAnimationGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.
                 }
             }
         };
-        this._animationGroup = this.props.scene.animationGroups.find((ag) => {
-            const ta = ag.targetedAnimations.find((ta) => ta === this.props.targetedAnimation);
-            return ta !== undefined;
-        });
-    }
-    render() {
-        const targetedAnimation = this.props.targetedAnimation;
-        if (!this._animationCurveEditorContext) {
-            this._animationCurveEditorContext = new _curveEditor_context__WEBPACK_IMPORTED_MODULE_7__.Context();
+        this.updateContextFromProps = () => {
+            if (!this._animationCurveEditorContext) {
+                this._animationCurveEditorContext = new _curveEditor_context__WEBPACK_IMPORTED_MODULE_7__.Context();
+            }
             this._animationCurveEditorContext.title = this.props.targetedAnimation.target.name || "";
             this._animationCurveEditorContext.animations = [this.props.targetedAnimation.animation];
             this._animationCurveEditorContext.target = this.props.targetedAnimation.target;
@@ -58418,8 +58422,21 @@ class TargetedAnimationGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.
             if (this._animationGroup) {
                 this._animationCurveEditorContext.rootAnimationGroup = this._animationGroup;
             }
+        };
+    }
+    componentDidMount() {
+        this.findAnimationGroup();
+        this.updateContextFromProps();
+    }
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        if (prevProps.targetedAnimation !== this.props.targetedAnimation) {
+            this.findAnimationGroup();
+            this.updateContextFromProps();
         }
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "pane", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, { 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: "Class", value: targetedAnimation.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "Name", target: targetedAnimation.animation, propertyName: "name", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), targetedAnimation.target.name && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Target", value: targetedAnimation.target.name, onLink: () => this.props.globalState.onSelectionChangedObservable.notifyObservers(targetedAnimation) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_curveEditor_animationCurveEditorComponent__WEBPACK_IMPORTED_MODULE_6__.AnimationCurveEditorComponent, { globalState: this.props.globalState, context: this._animationCurveEditorContext }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__.ButtonLineComponent, { label: "Dispose", onClick: this.deleteAnimation })] }) }));
+    }
+    render() {
+        const targetedAnimation = this.props.targetedAnimation;
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "pane", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(shared_ui_components_lines_lineContainerComponent__WEBPACK_IMPORTED_MODULE_3__.LineContainerComponent, { 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: "Class", value: targetedAnimation.getClassName() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textInputLineComponent__WEBPACK_IMPORTED_MODULE_5__.TextInputLineComponent, { lockObject: this.props.lockObject, label: "Name", target: targetedAnimation.animation, propertyName: "name", onPropertyChangedObservable: this.props.onPropertyChangedObservable }), targetedAnimation.target.name && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_4__.TextLineComponent, { label: "Target", value: targetedAnimation.target.name, onLink: () => this.props.globalState.onSelectionChangedObservable.notifyObservers(targetedAnimation) })), this._animationCurveEditorContext && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_curveEditor_animationCurveEditorComponent__WEBPACK_IMPORTED_MODULE_6__.AnimationCurveEditorComponent, { globalState: this.props.globalState, context: this._animationCurveEditorContext }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(shared_ui_components_lines_buttonLineComponent__WEBPACK_IMPORTED_MODULE_2__.ButtonLineComponent, { label: "Dispose", onClick: this.deleteAnimation })] }) }));
     }
 }
 
@@ -61823,6 +61840,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 
 
 
@@ -63703,7 +63722,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "../../../../node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "../../../../node_modules/react/index.js");
-/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Physics/physicsEngineComponent */ "core/Misc/observable");
+/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core/Physics/v1/physicsEngineComponent */ "core/Misc/observable");
 /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_2__);
 /* 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");
 /* harmony import */ var shared_ui_components_lines_radioLineComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared-ui-components/lines/radioLineComponent */ "../../../dev/sharedUiComponents/dist/lines/radioLineComponent.js");
@@ -63736,6 +63755,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 
 
 class ScenePropertyGridComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
@@ -71299,6 +71320,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+let throttleTimerId = -1;
 class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     constructor(props) {
         super(props);
@@ -71394,7 +71416,17 @@ class TextInputLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
         if (this.props.propertyName && !this.props.delayInput) {
             this.props.target[this.props.propertyName] = value;
         }
-        this.raiseOnPropertyChanged(value, store);
+        if (this.props.throttlePropertyChangedNotification) {
+            if (throttleTimerId >= 0) {
+                window.clearTimeout(throttleTimerId);
+            }
+            throttleTimerId = window.setTimeout(() => {
+                this.raiseOnPropertyChanged(value, store);
+            }, this.props.throttlePropertyChangedNotificationDelay ?? 200);
+        }
+        else {
+            this.raiseOnPropertyChanged(value, store);
+        }
     }
     incrementValue(amount) {
         if (this.props.step) {