@babylonjs/inspector 5.0.0-alpha.65 → 5.0.0-beta.1
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.
|
@@ -11160,7 +11160,7 @@ module.exports = exports;
|
|
|
11160
11160
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../../../node_modules/css-loader/dist/runtime/api.js");
|
|
11161
11161
|
exports = ___CSS_LOADER_API_IMPORT___(false);
|
|
11162
11162
|
// Module
|
|
11163
|
-
exports.push([module.i, "#performance-viewer {\n display: grid;\n height: 100%;\n width: 100%;\n grid-template-columns:
|
|
11163
|
+
exports.push([module.i, "#performance-viewer {\n display: grid;\n height: 100%;\n width: 100%;\n grid-template-columns: 300px 1fr;\n font-family: \"acumin-pro\"; }\n #performance-viewer .performancePlayheadButton {\n grid-area: liveButton;\n height: 30px;\n width: 100px;\n justify-self: right;\n background-color: #dcdfe1;\n color: #2e3f47;\n outline: 2px #2e3f47;\n margin: 5px;\n position: absolute;\n top: 10px;\n right: 10px; }\n #performance-viewer #performance-viewer-sidebar {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n border: 2px solid gray; }\n #performance-viewer #performance-viewer-sidebar .sidebar-item {\n display: grid;\n width: 100%;\n height: 30px;\n font-size: 14px;\n padding: 2.5px 0px;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .header {\n color: white;\n grid-template-columns: 10px 9fr 1fr 10px; }\n #performance-viewer #performance-viewer-sidebar .header .category {\n grid-column: 2; }\n #performance-viewer #performance-viewer-sidebar .header .value {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .version-header {\n background-color: #2e3f47;\n color: white;\n grid-template-columns: 10px 1fr 1fr 10px;\n font-size: 14px;\n height: 35px; }\n #performance-viewer #performance-viewer-sidebar .version-header .category {\n grid-column: 2; }\n #performance-viewer #performance-viewer-sidebar .version-header .value {\n grid-column: 3;\n display: flex;\n justify-content: end; }\n #performance-viewer #performance-viewer-sidebar .category-header {\n background-color: #4a5960;\n text-transform: uppercase;\n font-size: 14px;\n height: 30px; }\n #performance-viewer #performance-viewer-sidebar .category-header .checkBoxLine {\n color: #dcdfe1; }\n #performance-viewer #performance-viewer-sidebar .measure {\n color: black;\n grid-template-columns: 18px 6fr 1fr;\n font-family: \"acumin-pro-condensed\"; }\n #performance-viewer #performance-viewer-sidebar .measure .category {\n display: grid;\n grid-template-columns: 18px 7px 18px 10px 1fr;\n grid-column: 2;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .measure .category .color-picker {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .measure .category .sidebar-item-label {\n grid-column: 5; }\n #performance-viewer #performance-viewer-sidebar .measure .value {\n grid-column: 3; }\n #performance-viewer #performance-viewer-sidebar .measure:nth-child(odd) {\n background-color: #dcdfe1; }\n #performance-viewer #performance-viewer-sidebar .measure:nth-child(even) {\n background-color: #ebedee; }\n #performance-viewer #performance-viewer-sidebar .checkBoxLine {\n color: #4a5960;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n #performance-viewer #performance-viewer-sidebar .checkBoxLine .disabled {\n color: lightgray; }\n #performance-viewer #performance-viewer-sidebar .color-picker {\n width: 100%; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-rect {\n height: 18px;\n width: 18px;\n cursor: pointer; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 100; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float {\n position: absolute; }\n #performance-viewer #performance-viewer-sidebar .color-picker .color-picker-float .color-picker-container {\n width: 200px; }\n", ""]);
|
|
11164
11164
|
// Exports
|
|
11165
11165
|
module.exports = exports;
|
|
11166
11166
|
|
|
@@ -53807,8 +53807,9 @@ var TexturePropertyGridComponent = /** @class */ (function (_super) {
|
|
|
53807
53807
|
};
|
|
53808
53808
|
TexturePropertyGridComponent.prototype.render = function () {
|
|
53809
53809
|
var _this = this;
|
|
53810
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
53810
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
53811
53811
|
var texture = this.props.texture;
|
|
53812
|
+
var textureAsRTT = texture;
|
|
53812
53813
|
var samplingMode = [
|
|
53813
53814
|
{ label: "Nearest", value: _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["Texture"].NEAREST_NEAREST },
|
|
53814
53815
|
{ label: "Linear", value: _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["Texture"].LINEAR_LINEAR },
|
|
@@ -53841,6 +53842,7 @@ var TexturePropertyGridComponent = /** @class */ (function (_super) {
|
|
|
53841
53842
|
var otype = this.findTextureType(type === -1 ? _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["Constants"].TEXTURETYPE_UNSIGNED_BYTE : type);
|
|
53842
53843
|
var textureClass = texture instanceof _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["MultiRenderTarget"] ? "MultiRenderTarget" : texture instanceof _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["RenderTargetTexture"] ? "RenderTargetTexture" : texture.getClassName();
|
|
53843
53844
|
var count = texture instanceof _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["MultiRenderTarget"] ? texture.count : -1;
|
|
53845
|
+
var oformatDepthStencil = texture.isRenderTarget && ((_e = textureAsRTT.renderTarget) === null || _e === void 0 ? void 0 : _e._depthStencilTexture) ? this.findTextureFormat(textureAsRTT.renderTarget._depthStencilTexture.format) : null;
|
|
53844
53846
|
var extension = "";
|
|
53845
53847
|
var url = texture.url;
|
|
53846
53848
|
var textureUrl = !url || url.substring(0, 4) === "data" || url.substring(0, 4) === "blob" ? "" : url;
|
|
@@ -53888,21 +53890,24 @@ var TexturePropertyGridComponent = /** @class */ (function (_super) {
|
|
|
53888
53890
|
_this.props.globalState.onSelectionChangedObservable.notifyObservers(scene.getTextureByUniqueId(texture.uniqueId));
|
|
53889
53891
|
});
|
|
53890
53892
|
} })),
|
|
53891
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Format", value: (
|
|
53892
|
-
!(oformat === null || oformat === void 0 ? void 0 : oformat.hideType) && !(oformat === null || oformat === void 0 ? void 0 : oformat.compressed) && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Type", value: (
|
|
53893
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Format", value: (_f = oformat === null || oformat === void 0 ? void 0 : oformat.label) !== null && _f !== void 0 ? _f : "unknown" }),
|
|
53894
|
+
!(oformat === null || oformat === void 0 ? void 0 : oformat.hideType) && !(oformat === null || oformat === void 0 ? void 0 : oformat.compressed) && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Type", value: (_g = otype === null || otype === void 0 ? void 0 : otype.label) !== null && _g !== void 0 ? _g : "unknown" }),
|
|
53893
53895
|
!!(oformat === null || oformat === void 0 ? void 0 : oformat.normalizable) && !(oformat === null || oformat === void 0 ? void 0 : oformat.compressed) && !!(otype === null || otype === void 0 ? void 0 : otype.normalizable) && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Normalized", value: otype.normalizable ? "Yes" : "No" }),
|
|
53894
53896
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Is compressed", value: (oformat === null || oformat === void 0 ? void 0 : oformat.compressed) ? "Yes" : "No" }),
|
|
53895
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Use sRGB buffers", value: ((
|
|
53897
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Use sRGB buffers", value: ((_h = texture._texture) === null || _h === void 0 ? void 0 : _h._useSRGBBuffer) ? "Yes" : "No" }),
|
|
53896
53898
|
extension && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "File format", value: extension }),
|
|
53897
53899
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Unique ID", value: texture.uniqueId.toString() }),
|
|
53898
|
-
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Internal Unique ID", value: (
|
|
53900
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Internal Unique ID", value: (_j = texture._texture) === null || _j === void 0 ? void 0 : _j.uniqueId.toString() }),
|
|
53899
53901
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Class", value: textureClass }),
|
|
53900
53902
|
count >= 0 && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Number of textures", value: count.toString() }),
|
|
53901
53903
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Has alpha", value: texture.hasAlpha ? "Yes" : "No" }),
|
|
53904
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_checkBoxLineComponent__WEBPACK_IMPORTED_MODULE_6__["CheckBoxLineComponent"], { label: "Get alpha from RGB", isSelected: function () { return texture.getAlphaFromRGB; }, onSelect: function (value) { return texture.getAlphaFromRGB = value; } }),
|
|
53902
53905
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Is 3D", value: texture.is3D ? "Yes" : "No" }),
|
|
53903
53906
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Is 2D array", value: texture.is2DArray ? "Yes" : "No" }),
|
|
53904
53907
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Is cube", value: texture.isCube ? "Yes" : "No" }),
|
|
53905
53908
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Is render target", value: texture.isRenderTarget ? "Yes" : "No" }),
|
|
53909
|
+
texture.isRenderTarget &&
|
|
53910
|
+
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Depth/stencil texture format", value: (_k = oformatDepthStencil === null || oformatDepthStencil === void 0 ? void 0 : oformatDepthStencil.label) !== null && _k !== void 0 ? _k : "no" }),
|
|
53906
53911
|
texture instanceof _babylonjs_core_Misc_tools__WEBPACK_IMPORTED_MODULE_2__["Texture"] && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Stored as inverted on Y", value: texture.invertY ? "Yes" : "No" }),
|
|
53907
53912
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_textLineComponent__WEBPACK_IMPORTED_MODULE_5__["TextLineComponent"], { label: "Has mipmaps", value: !texture.noMipmap ? "Yes" : "No" }),
|
|
53908
53913
|
react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_sharedUiComponents_lines_sliderLineComponent__WEBPACK_IMPORTED_MODULE_4__["SliderLineComponent"], { label: "UV set", target: texture, propertyName: "coordinatesIndex", minimum: 0, maximum: 3, step: 1, onPropertyChangedObservable: this.props.onPropertyChangedObservable, decimalCount: 0 }),
|