@babylonjs/inspector 5.9.0 → 5.11.0
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.
|
@@ -148,7 +148,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
148
148
|
|
|
149
149
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
150
150
|
// Module
|
|
151
|
-
___CSS_LOADER_EXPORT___.push([module.id, "#curve-editor {\n background: #333333;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 40px calc(100% - 85px) 45px;\n grid-template-columns: 10px 210px 10px 1fr 10px; }\n #curve-editor #top-bar {\n background: #333333;\n grid-row: 1;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #bottom-bar {\n background: #333333;\n grid-row: 3;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #canvas-zone {\n grid-row: 2;\n grid-column: 4;\n width: 100%;\n height: 100%;\n background: #333333; }\n #curve-editor #sidebar {\n grid-row: 2;\n grid-column: 2;\n width: 100%;\n height: 100%;\n background: #111111; }\n #curve-editor .action-button:hover {\n background: #666666;\n color: white;\n cursor: pointer; }\n #curve-editor .action-button.active {\n background: #111111; }\n #curve-editor .action-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #curve-editor .push-button {\n cursor: pointer; }\n #curve-editor .push-button.active {\n background: #666666; }\n #curve-editor .text-input {\n color: white;\n background: #000000;\n font-family: \"acumin-pro-condensed\";\n font-size: 11pt;\n border: 0;\n margin: 3px 1px;\n text-align: end;\n padding-right: 4px; }\n #curve-editor .text-input:focus {\n outline: none; }\n", "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss"],"names":[],"mappings":"AAAA;EACI,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,+CAA+C;EAC/C,+CAA+C,EAAA;EANnD;IASQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EAbpB;IAiBQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EArBpB;IAyBQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EA7B3B;IAiCQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EArC3B;IA0CY,mBAAmB;IACnB,YAAY;IACZ,eAAe,EAAA;EA5C3B;IAgDY,mBAAmB,EAAA;EAhD/B;IAoDY,yBAAyB;IACzB,sBAAsB,EAAA;EArDlC;IA0DQ,eAAe,EAAA;IA1DvB;MA4DY,mBAAmB,EAAA;EA5D/B;IAiEQ,YAAY;IACZ,mBAAmB;IACnB,mCAAmC;IACnC,eAAe;IACf,SAAS;IACT,eAAe;IACf,eAAe;IACf,kBAAkB,EAAA;IAxE1B;MA2EY,aAAa,EAAA","sourcesContent":["#curve-editor {\r\n background: #333333;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 85px) 45px;\r\n grid-template-columns: 10px 210px 10px 1fr 10px;\r\n\r\n #top-bar {\r\n background: #333333;\r\n grid-row: 1;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #bottom-bar {\r\n background: #333333;\r\n grid-row: 3;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #canvas-zone {\r\n grid-row: 2;\r\n grid-column: 4;\r\n width: 100%;\r\n height: 100%;\r\n background: #333333;\r\n }\r\n\r\n #sidebar {\r\n grid-row: 2;\r\n grid-column: 2;\r\n width: 100%;\r\n height: 100%;\r\n background: #111111;\r\n }\r\n\r\n .action-button {\r\n &:hover {\r\n background: #666666;\r\n color: white;\r\n cursor: pointer;\r\n }\r\n\r\n &.active {\r\n background: #111111;\r\n }\r\n\r\n &:active {\r\n transform-origin: 50% 50%;\r\n transform: scale(0.96);\r\n }\r\n }\r\n\r\n .push-button {\r\n cursor: pointer;\r\n &.active {\r\n background: #666666;\r\n }\r\n }\r\n\r\n .text-input {\r\n color: white;\r\n background: #000000;\r\n font-family: \"acumin-pro-condensed\";\r\n font-size: 11pt;\r\n border: 0;\r\n margin: 3px 1px;\r\n text-align: end;\r\n padding-right: 4px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
151
|
+
___CSS_LOADER_EXPORT___.push([module.id, "#curve-editor {\n background: #333333;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-rows: 40px calc(100% - 85px) 45px;\n grid-template-columns: 10px 210px 10px 1fr 10px; }\n #curve-editor #top-bar {\n background: #333333;\n grid-row: 1;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #bottom-bar {\n background: #333333;\n grid-row: 3;\n grid-column: 1 / 6;\n width: 100%;\n height: 100%; }\n #curve-editor #canvas-zone {\n grid-row: 2;\n grid-column: 4;\n width: 100%;\n height: 100%;\n background: #333333; }\n #curve-editor #sidebar {\n grid-row: 2;\n grid-column: 2;\n width: 100%;\n height: 100%;\n background: #111111; }\n #curve-editor .action-button:hover {\n background: #666666;\n color: white;\n cursor: pointer; }\n #curve-editor .action-button.active {\n background: #111111; }\n #curve-editor .action-button:active {\n transform-origin: 50% 50%;\n transform: scale(0.96); }\n #curve-editor .push-button {\n cursor: pointer; }\n #curve-editor .push-button.active {\n background: #666666; }\n #curve-editor .text-input {\n color: white;\n background: #000000;\n font-family: \"acumin-pro-condensed\";\n font-size: 11pt;\n border: 0;\n margin: 3px 1px;\n text-align: end;\n padding-right: 4px; }\n #curve-editor .text-input:focus {\n outline: none; }\n #curve-editor .text-input:disabled {\n background: #444444;\n border: #555555 solid 1px; }\n", "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/actionTabs/tabs/propertyGrids/animations/curveEditor/scss/curveEditor.scss"],"names":[],"mappings":"AAAA;EACI,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,+CAA+C;EAC/C,+CAA+C,EAAA;EANnD;IASQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EAbpB;IAiBQ,mBAAmB;IACnB,WAAW;IACX,kBAAkB;IAClB,WAAW;IACX,YAAY,EAAA;EArBpB;IAyBQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EA7B3B;IAiCQ,WAAW;IACX,cAAc;IACd,WAAW;IACX,YAAY;IACZ,mBAAmB,EAAA;EArC3B;IA0CY,mBAAmB;IACnB,YAAY;IACZ,eAAe,EAAA;EA5C3B;IAgDY,mBAAmB,EAAA;EAhD/B;IAoDY,yBAAyB;IACzB,sBAAsB,EAAA;EArDlC;IA0DQ,eAAe,EAAA;IA1DvB;MA4DY,mBAAmB,EAAA;EA5D/B;IAiEQ,YAAY;IACZ,mBAAmB;IACnB,mCAAmC;IACnC,eAAe;IACf,SAAS;IACT,eAAe;IACf,eAAe;IACf,kBAAkB,EAAA;IAxE1B;MA2EY,aAAa,EAAA;IA3EzB;MA+EY,mBAAmB;MACnB,yBAAyB,EAAA","sourcesContent":["#curve-editor {\r\n background: #333333;\r\n width: 100%;\r\n height: 100%;\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 85px) 45px;\r\n grid-template-columns: 10px 210px 10px 1fr 10px;\r\n\r\n #top-bar {\r\n background: #333333;\r\n grid-row: 1;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #bottom-bar {\r\n background: #333333;\r\n grid-row: 3;\r\n grid-column: 1 / 6;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n #canvas-zone {\r\n grid-row: 2;\r\n grid-column: 4;\r\n width: 100%;\r\n height: 100%;\r\n background: #333333;\r\n }\r\n\r\n #sidebar {\r\n grid-row: 2;\r\n grid-column: 2;\r\n width: 100%;\r\n height: 100%;\r\n background: #111111;\r\n }\r\n\r\n .action-button {\r\n &:hover {\r\n background: #666666;\r\n color: white;\r\n cursor: pointer;\r\n }\r\n\r\n &.active {\r\n background: #111111;\r\n }\r\n\r\n &:active {\r\n transform-origin: 50% 50%;\r\n transform: scale(0.96);\r\n }\r\n }\r\n\r\n .push-button {\r\n cursor: pointer;\r\n &.active {\r\n background: #666666;\r\n }\r\n }\r\n\r\n .text-input {\r\n color: white;\r\n background: #000000;\r\n font-family: \"acumin-pro-condensed\";\r\n font-size: 11pt;\r\n border: 0;\r\n margin: 3px 1px;\r\n text-align: end;\r\n padding-right: 4px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:disabled {\r\n background: #444444;\r\n border: #555555 solid 1px;\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
152
152
|
// Exports
|
|
153
153
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
154
154
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
@@ -55218,7 +55218,7 @@ class TextInputComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
55218
55218
|
}
|
|
55219
55219
|
}
|
|
55220
55220
|
render() {
|
|
55221
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", title: this.props.tooltip, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), className: "text-input" + (this.props.className ? " " + this.props.className : ""), onChange: (evt) => this._onChange(this.props.complement ? evt.target.value.replace(this.props.complement, "") : evt.target.value), onKeyPress: (evt) => this._onKeyPress(evt), value: (this.state.value || "") + (!this.state.isFocused && this.props.complement ? this.props.complement : ""), id: this.props.id }));
|
|
55221
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", title: this.props.tooltip, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), className: "text-input" + (this.props.className ? " " + this.props.className : ""), onChange: (evt) => this._onChange(this.props.complement ? evt.target.value.replace(this.props.complement, "") : evt.target.value), onKeyPress: (evt) => this._onKeyPress(evt), value: (this.state.value || "") + (!this.state.isFocused && this.props.complement ? this.props.complement : ""), id: this.props.id, disabled: this.props.disabled }));
|
|
55222
55222
|
}
|
|
55223
55223
|
}
|
|
55224
55224
|
|
|
@@ -57265,7 +57265,7 @@ class RangeFrameBarComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
|
|
|
57265
57265
|
});
|
|
57266
57266
|
}
|
|
57267
57267
|
_buildActiveFrame() {
|
|
57268
|
-
if (this.props.context.activeFrame
|
|
57268
|
+
if (this.props.context.activeFrame === null || this.props.context.activeFrame === undefined) {
|
|
57269
57269
|
return null;
|
|
57270
57270
|
}
|
|
57271
57271
|
const from = this.props.context.fromKey;
|
|
@@ -58349,7 +58349,11 @@ class TopBarComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
58349
58349
|
}
|
|
58350
58350
|
render() {
|
|
58351
58351
|
const hasActiveAnimations = this.props.context.activeAnimations.length > 0;
|
|
58352
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ id: "top-bar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { id: "top-bar-logo", src: _assets_babylonLogo_svg__WEBPACK_IMPORTED_MODULE_5__ }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ id: "top-bar-parent-name" }, { children: this.props.context.title })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__.TextInputComponent, { className: hasActiveAnimations && this.state.frameControlEnabled ? "" : "disabled", isNumber: true, value: this.state.keyFrameValue, tooltip: "Frame", id: "key-frame", onValueAsNumberChanged: (newValue) =>
|
|
58352
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", Object.assign({ id: "top-bar" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { id: "top-bar-logo", src: _assets_babylonLogo_svg__WEBPACK_IMPORTED_MODULE_5__ }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", Object.assign({ id: "top-bar-parent-name" }, { children: this.props.context.title })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__.TextInputComponent, { className: hasActiveAnimations && this.state.frameControlEnabled ? "" : "disabled", isNumber: true, value: this.state.keyFrameValue, tooltip: "Frame", id: "key-frame", onValueAsNumberChanged: (newValue) => {
|
|
58353
|
+
if (newValue !== 0) {
|
|
58354
|
+
this.props.context.onFrameManuallyEntered.notifyObservers(newValue);
|
|
58355
|
+
}
|
|
58356
|
+
}, globalState: this.props.globalState, context: this.props.context, disabled: parseFloat(this.state.keyFrameValue) === 0 }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_textInputComponent__WEBPACK_IMPORTED_MODULE_3__.TextInputComponent, { className: hasActiveAnimations && this.state.valueControlEnabled ? "" : "disabled", isNumber: true, value: this.state.keyValue, tooltip: "Value", id: "key-value", onValueAsNumberChanged: (newValue) => this.props.context.onValueManuallyEntered.notifyObservers(newValue), globalState: this.props.globalState, context: this.props.context }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: hasActiveAnimations ? "" : "disabled", tooltip: "New key", id: "new-key", globalState: this.props.globalState, context: this.props.context, icon: _assets_newKeyIcon_svg__WEBPACK_IMPORTED_MODULE_6__, onClick: () => this.props.context.onCreateOrUpdateKeyPointRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { tooltip: "Frame canvas", id: "frame-canvas", globalState: this.props.globalState, context: this.props.context, icon: _assets_frameIcon_svg__WEBPACK_IMPORTED_MODULE_7__, onClick: () => this.props.context.onFrameRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Flatten tangent", id: "flatten-tangent", globalState: this.props.globalState, context: this.props.context, icon: _assets_flatTangentIcon_svg__WEBPACK_IMPORTED_MODULE_8__, onClick: () => this.props.context.onFlattenTangentRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Linear tangent", id: "linear-tangent", globalState: this.props.globalState, context: this.props.context, icon: _assets_linearTangentIcon_svg__WEBPACK_IMPORTED_MODULE_9__, onClick: () => this.props.context.onLinearTangentRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Break tangent", id: "break-tangent", globalState: this.props.globalState, context: this.props.context, icon: _assets_breakTangentIcon_svg__WEBPACK_IMPORTED_MODULE_10__, onClick: () => this.props.context.onBreakTangentRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Unify tangent", id: "unify-tangent", globalState: this.props.globalState, context: this.props.context, icon: _assets_unifyTangentIcon_svg__WEBPACK_IMPORTED_MODULE_11__, onClick: () => this.props.context.onUnifyTangentRequired.notifyObservers() }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_controls_actionButtonComponent__WEBPACK_IMPORTED_MODULE_2__.ActionButtonComponent, { className: this.props.context.activeKeyPoints && this.props.context.activeKeyPoints.length > 0 ? "" : "disabled", tooltip: "Step tangent", id: "step-tangent", globalState: this.props.globalState, context: this.props.context, icon: _assets_stepTangentIcon_svg__WEBPACK_IMPORTED_MODULE_12__, onClick: () => this.props.context.onStepTangentRequired.notifyObservers() })] })));
|
|
58353
58357
|
}
|
|
58354
58358
|
}
|
|
58355
58359
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@babylonjs/inspector",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.11.0",
|
|
4
4
|
"module": "dist/babylon.inspector.bundle.max.js",
|
|
5
5
|
"main": "dist/babylon.inspector.bundle.max.js",
|
|
6
6
|
"typings": "dist/babylon.inspector.module.d.ts",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"clean": "rimraf dist"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@babylonjs/core": "^5.
|
|
21
|
-
"@babylonjs/gui": "^5.
|
|
22
|
-
"@babylonjs/gui-editor": "^5.
|
|
23
|
-
"@babylonjs/loaders": "^5.
|
|
24
|
-
"@babylonjs/materials": "^5.
|
|
25
|
-
"@babylonjs/serializers": "^5.
|
|
20
|
+
"@babylonjs/core": "^5.11.0",
|
|
21
|
+
"@babylonjs/gui": "^5.11.0",
|
|
22
|
+
"@babylonjs/gui-editor": "^5.11.0",
|
|
23
|
+
"@babylonjs/loaders": "^5.11.0",
|
|
24
|
+
"@babylonjs/materials": "^5.11.0",
|
|
25
|
+
"@babylonjs/serializers": "^5.11.0",
|
|
26
26
|
"@fortawesome/fontawesome-svg-core": "^6.1.0",
|
|
27
27
|
"@fortawesome/free-regular-svg-icons": "^6.0.0",
|
|
28
28
|
"@fortawesome/free-solid-svg-icons": "^6.0.0"
|